:root{--paper:#f6f4ef;--paper-deep:#efede6;--white:#fffefa;--ink:#202834;--muted:#66707e;--muted-light:#9299a2;--line:#deddd7;--line-strong:#c9c8c1;--blue:#3671c9;--blue-dark:#245699;--blue-soft:#edf4ff;--blue-line:#cbdcf4;--moss-dark:#49614b;--moss-soft:#edf3e9;--moss-line:#cfdcc9;--error:#a43e36;--focus:#3671c952;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--serif:"Iowan Old Style", Baskerville, "Songti SC", Georgia, serif;color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--paper)}*{box-sizing:border-box}html{background:linear-gradient(#20283406 1px, transparent 1px), var(--paper);background-size:100% 36px;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font-family:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1120px,100% - 32px);min-height:100vh;margin:0 auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px 0;display:flex}.wordmark{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:inline-flex}.wordmark-mark{width:42px;height:42px;color:var(--paper);font:700 24px/1 var(--serif);background:var(--ink);border-radius:14px 14px 14px 4px;place-items:center;display:grid}.wordmark strong,.wordmark small{display:block}.wordmark strong{color:var(--ink);font-family:var(--serif);font-size:18px}.wordmark small{color:var(--muted);margin-top:2px;font-size:12px}main{padding:72px 0 96px}.home-page{max-width:820px;margin:0 auto}.eyebrow{color:var(--blue-dark);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink)}h1,h2{font-family:var(--serif)}h1{letter-spacing:-.04em;max-width:760px;margin-bottom:24px;font-size:clamp(42px,7vw,72px);font-weight:600;line-height:1.06}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:48px;display:grid}.entry-card{width:100%;color:var(--ink);text-align:left;background:var(--white);border:1px solid var(--line-strong);cursor:pointer;border-radius:22px;grid-template-rows:1fr auto;grid-template-columns:auto 1fr;gap:20px;padding:28px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;box-shadow:0 12px 40px #2028340f}.entry-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 18px 50px #2028341a}.entry-number{color:var(--blue-dark);grid-row:1/3;font-size:13px;font-weight:700}.entry-copy strong,.entry-copy span{display:block}.entry-copy strong{font:600 26px/1.2 var(--serif);margin-bottom:8px}.entry-copy span{color:var(--muted);line-height:1.6}.entry-arrow{place-self:end;font-size:28px}.back-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 0}.back-button:hover{color:var(--ink)}.page-heading{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:end;gap:48px;margin:44px 0 48px;display:grid}.page-heading h1{margin:0;font-size:clamp(38px,5vw,62px)}.page-heading p{color:var(--muted);margin-bottom:8px;line-height:1.7}.search-panel{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:24px}.search-form label{color:var(--ink);margin-bottom:10px;font-size:13px;font-weight:700;display:block}.search-controls{grid-template-columns:1fr auto;gap:10px;display:grid}.search-controls input{min-width:0;color:var(--ink);font:inherit;background:var(--paper);border:1px solid var(--line-strong);border-radius:11px;padding:14px 16px}.search-controls input::placeholder{color:var(--muted-light)}.search-controls button,.quick-picks button{font:inherit;cursor:pointer}.search-controls button{color:var(--white);background:var(--ink);border:1px solid var(--ink);border-radius:11px;padding:0 24px;font-weight:700}.search-controls button:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.search-controls button:disabled,.quick-picks button:disabled{cursor:wait;opacity:.58}.quick-picks{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.quick-picks>span{color:var(--muted-light);margin-right:2px;font-size:12px}.quick-picks button{color:var(--blue-dark);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:999px;padding:6px 11px}.search-message{margin:14px 0 0;font-size:14px}.error-message{color:var(--error)}.empty-state{min-height:270px;color:var(--muted-light);text-align:center;border:1px dashed var(--line-strong);border-radius:18px;place-content:center;margin-top:24px;display:grid}.empty-state span{color:var(--line-strong);font:600 42px/1 var(--serif);margin-bottom:10px}.empty-state p{margin-bottom:0}.verb-result{background:var(--white);border:1px solid var(--line);border-radius:22px;margin-top:24px;padding:28px;box-shadow:0 14px 44px #2028340d}.verb-title-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;display:flex}.verb-group{color:var(--muted);margin-bottom:6px;font-size:13px}.verb-title-row h2{margin:0;font-size:38px}.verb-metadata{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.verb-metadata span{color:var(--blue-dark);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.mood-tabs{gap:8px;margin:24px 0;padding-bottom:4px;display:flex;overflow-x:auto}.mood-tabs button{color:var(--muted);font:700 13px/1 var(--sans);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:999px;flex:none;padding:9px 13px}.mood-tabs button:hover,.mood-tabs button.active{color:var(--white);background:var(--ink);border-color:var(--ink)}.section-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:18px;display:flex}.section-heading h3,.section-heading p{margin:0}.section-heading h3{font:600 24px/1.2 var(--serif)}.section-heading p{color:var(--muted);font-size:14px}.tense-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.conjugation-card,.rule-card{border-radius:16px}.guide-page{--guide-green:#637866;--guide-green-soft:#eef2ec;--guide-gold:#a56f2a;--guide-gold-soft:#f7efe2}.guide-heading{margin-bottom:34px}.guide-kicker{color:var(--blue-dark);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:800;display:block}.time-map{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:30px 34px 34px;box-shadow:0 14px 44px #2028340a}.time-map-intro{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.time-map-intro h2,.past-comparison h2,.tense-guide-card h2{font-family:var(--serif)}.time-map-intro h2{margin:0;font-size:24px;font-weight:600}.timeline{grid-template-columns:1.2fr .8fr 1.2fr;gap:28px;margin-top:48px;display:grid;position:relative}.timeline-line{background:var(--line-strong);height:1px;position:absolute;top:6px;left:7%;right:7%}.timeline-line:after{border-top:1px solid var(--line-strong);border-right:1px solid var(--line-strong);content:"";width:8px;height:8px;position:absolute;top:-4px;right:-1px;transform:rotate(45deg)}.timeline-zone{z-index:1;position:relative}.timeline-dot{background:var(--white);border:3px solid var(--muted-light);border-radius:50%;width:13px;height:13px;margin-bottom:17px;display:block}.timeline-dot.current{border-color:var(--blue);box-shadow:0 0 0 5px var(--blue-soft)}.timeline-zone strong,.timeline-zone small,.timeline-zone p{display:block}.timeline-zone strong{font:600 20px/1.2 var(--serif);margin-bottom:4px}.timeline-zone small{color:var(--muted);line-height:1.5}.timeline-zone p{color:var(--blue-dark);margin:16px 0 0;font-size:12px;font-weight:700;line-height:1.7}.past-comparison{color:var(--ink);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:22px;grid-template-columns:minmax(220px,.72fr) minmax(0,1.4fr);gap:28px 44px;margin-top:22px;padding:30px 34px;display:grid}.past-comparison h2{margin-bottom:10px;font-size:25px}.comparison-heading>p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.comparison-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.comparison-cards>div{border:1px solid var(--blue-line);background:#fffefab8;border-radius:14px;padding:19px}.camera-icon{color:var(--blue-dark)}.camera-icon.open{color:var(--guide-green)}.comparison-cards h3{font:700 13px/1.4 var(--sans);margin:10px 0 12px}.comparison-cards p{margin-bottom:6px;font-size:16px}.comparison-cards strong,.comparison-result strong{color:var(--blue-dark)}.comparison-cards small{color:var(--muted);line-height:1.5}.comparison-result{font:600 18px/1.5 var(--serif);border-top:1px solid var(--blue-line);grid-column:2;margin:-12px 0 0;padding-top:20px}.comparison-result span{color:var(--muted);font:400 13px/1.5 var(--sans);margin-top:4px;display:block}.guide-filter-panel{z-index:5;background:linear-gradient(var(--paper) 88%, transparent);margin:42px 0 18px;padding:10px 0;position:sticky;top:0}.guide-filters,.tense-filters{scrollbar-width:thin;gap:8px;display:flex;overflow-x:auto}.tense-filters{margin-top:10px;padding-bottom:5px}.guide-filters button,.tense-filters button{color:var(--muted);font:700 13px/1 var(--sans);background:var(--white);border:1px solid var(--line);cursor:pointer;border-radius:999px;flex:none;align-items:baseline;gap:7px;padding:10px 14px;display:flex}.guide-filters button:hover,.guide-filters button.active,.tense-filters button:hover,.tense-filters button.active{color:var(--white);background:var(--ink);border-color:var(--ink)}.guide-filters small,.tense-filters small{color:inherit;opacity:.72;font-size:11px;font-weight:400}.tense-filters button{color:var(--blue-dark);background:var(--blue-soft);border-color:var(--blue-line);padding:8px 12px}.tense-filters button:hover,.tense-filters button.active{background:var(--blue-dark);border-color:var(--blue-dark)}.guide-list{gap:14px;display:grid}.tense-guide-card{background:var(--white);border:1px solid var(--line);border-radius:20px;grid-template-columns:52px minmax(0,1fr);gap:22px;padding:30px 34px;display:grid;box-shadow:0 10px 34px #20283409}.guide-card-index{color:var(--line-strong);letter-spacing:.08em;padding-top:3px;font-size:12px;font-weight:800}.guide-card-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.guide-card-header p,.guide-card-header h2{margin:0}.guide-card-header p{color:var(--blue-dark);letter-spacing:.09em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:800}.guide-card-header h2{font-size:29px;font-weight:600;display:inline}.guide-card-header div>span{color:var(--muted);margin-left:10px;font-size:13px}.frequency{border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:700}.frequency-核心{color:var(--blue-dark);background:var(--blue-soft);border:1px solid var(--blue-line)}.frequency-常用{color:var(--guide-green);background:var(--guide-green-soft);border:1px solid var(--moss-line)}.frequency-辨认即可{color:var(--guide-gold);background:var(--guide-gold-soft);border:1px solid #e8d2ae}.guide-summary{max-width:760px;font:600 19px/1.65 var(--serif);margin:22px 0 10px}.perspective{color:var(--muted);align-items:flex-start;gap:9px;margin-bottom:22px;font-size:14px;line-height:1.65;display:flex}.perspective span{color:var(--blue)}.guide-details{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.55fr) minmax(220px,.7fr);gap:34px;padding:22px 0;display:grid}.guide-details h3{font:800 12px/1.4 var(--sans);letter-spacing:.06em;margin-bottom:11px}.guide-details p,.guide-details ol{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.use-example-list{counter-reset:use-example;gap:14px;padding:0;list-style:none;display:grid}.use-example-list>li{counter-increment:use-example;padding-left:30px;position:relative}.use-example-list>li:before{width:20px;height:20px;color:var(--blue-dark);content:counter(use-example);background:var(--blue-soft);border-radius:999px;place-items:center;font-size:10px;font-weight:800;display:grid;position:absolute;top:1px;left:0}.use-example-list strong{color:var(--ink);margin-bottom:7px;font-size:13px;display:block}.use-example-list blockquote{background:var(--paper);border:0;border-left:2px solid var(--blue-line);border-radius:0 9px 9px 0;margin:0;padding:13px 15px}.use-example-list blockquote p{color:var(--ink);font:600 17px/1.5 var(--serif);margin-bottom:3px}.use-example-list blockquote footer{color:var(--muted);font-size:12px;line-height:1.6}.guide-formation{background:var(--paper);border-radius:12px;align-self:start;padding:16px 18px}.guide-note{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.7}.guide-note strong{color:var(--guide-gold);background:var(--guide-gold-soft);border-radius:4px;margin-right:8px;padding:2px 6px;font-size:10px;display:inline-block}.conjugation-card{border:1px solid var(--line);overflow:hidden}.card-heading{background:var(--paper-deep);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-heading h3{margin:0;font-size:15px}.card-heading span{color:var(--muted-light);font-size:12px}.forms-list{margin:0;padding:0;list-style:none}.forms-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(130px,.8fr) 1fr;align-items:baseline;padding:15px 20px;display:grid}.forms-list li:last-child{border-bottom:0}.subject{color:var(--muted);font-size:15px}.form{font-size:20px;font-weight:700}.form-alternatives{gap:5px;display:grid}.form-alternatives .form+.form{color:var(--blue-dark);font-size:15px}.tense-note{color:var(--muted);background:var(--blue-soft);border-top:1px solid var(--blue-line);margin:0;padding:13px 20px;font-size:12px;line-height:1.6}.source-note{color:var(--muted-light);margin:22px 0 0;font-size:12px;line-height:1.6}.stem{color:var(--ink)}.ending{color:var(--blue)}.rule-card{background:var(--blue-soft);border:1px solid var(--blue-line);padding:24px}.rule-status{color:var(--moss-dark);background:var(--moss-soft);border:1px solid var(--moss-line);border-radius:999px;margin-bottom:18px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}.rule-card h3{margin-bottom:12px;font-size:20px}.rule-summary{color:var(--muted);margin-bottom:22px;line-height:1.7}.rule-details{border:1px solid var(--blue-line);background:#fff9;border-radius:12px;margin:0}.rule-details div{grid-template-columns:54px 1fr;gap:12px;padding:13px 15px;display:grid}.rule-details div+div{border-top:1px solid var(--blue-line)}.rule-details dt{color:var(--muted-light);font-size:12px}.rule-details dd{color:var(--ink);margin:0;font-weight:700}.reading-note{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 0;font-size:12px;display:flex}.stem-swatch,.ending-swatch{border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.stem-swatch{background:var(--ink);margin-left:0}.ending-swatch{background:var(--blue)}button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width<=760px){.app-shell{width:min(100% - 24px,1120px)}.site-header{padding:16px 0}main{padding:48px 0 64px}h1{font-size:40px}.entry-grid{grid-template-columns:1fr;margin-top:34px}.entry-card{grid-template-rows:1fr;grid-template-columns:auto 1fr auto;padding:22px 18px}.entry-number{grid-row:auto}.entry-arrow{align-self:center}.page-heading{grid-template-columns:1fr;gap:18px;margin:32px 0}.search-controls,.tense-grid{grid-template-columns:1fr}.search-controls button{min-height:48px}.verb-result,.search-panel{padding:18px}.verb-title-row{display:grid}.verb-title-row h2{font-size:32px}.verb-metadata{justify-content:flex-start}.section-heading{gap:8px;display:grid}.forms-list li{grid-template-columns:minmax(105px,.8fr) 1fr;padding:14px 16px}.rule-card{padding:20px}.time-map,.past-comparison,.tense-guide-card{padding:22px 18px}.time-map-intro{display:block}.time-map-intro h2{font-size:21px}.timeline{grid-template-columns:1fr;gap:0;margin:28px 0 0 6px}.timeline-line{width:1px;height:auto;top:5px;bottom:8px;left:5px}.timeline-line:after{top:auto;bottom:-1px;right:-4px;transform:rotate(135deg)}.timeline-zone{min-height:110px;padding-left:30px}.timeline-dot{position:absolute;top:0;left:0}.timeline-zone p{margin-top:8px}.past-comparison,.comparison-cards,.guide-details{grid-template-columns:1fr}.comparison-result{grid-column:1;margin-top:-8px}.guide-filter-panel{margin-top:28px}.tense-guide-card{grid-template-columns:1fr;gap:8px}.guide-card-index{padding:0}.guide-card-header h2{font-size:25px;display:block}.guide-card-header div>span{margin:3px 0 0;display:block}.guide-details{gap:20px}.use-example-list blockquote p{font-size:16px}}