:root{--paper:#f4efe4;--paper-strong:#efe4cf;--card:rgba(255,250,242,0.82);--card-strong:rgba(255,248,236,0.94);--ink:#211b16;--muted:#65594a;--line:rgba(108,89,62,0.18);--accent:#9c5f34;--accent-strong:#7d4521;--accent-soft:rgba(156,95,52,0.12);--accent-softer:rgba(156,95,52,0.08);--shadow:0 24px 60px rgba(42,29,14,0.12);--shadow-soft:0 14px 28px rgba(42,29,14,0.08);--radius-large:28px;--radius-medium:20px;--radius-small:14px;--content-width:1180px}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(115deg,rgba(255,255,255,.45),transparent 38%),radial-gradient(circle at top left,rgba(217,173,118,.2),transparent 35%),radial-gradient(circle at right 18% top 12%,rgba(140,165,128,.12),transparent 26%),linear-gradient(180deg,#f7f2e8,#f1eadc 48%,#ece2d0);font-family:Iowan Old Style,Palatino Linotype,"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,serif;line-height:1.6;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-shell{width:min(calc(100% - 2.25rem),var(--content-width));margin:0 auto;padding-bottom:4.5rem}.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.65rem 0 1.5rem}.site-header:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--line) 18%,var(--line) 82%,transparent 100%)}.site-brand{display:inline-flex;flex-direction:column;gap:.2rem}.site-brand-mark{font-size:1.25rem;font-weight:700;letter-spacing:.14em}.site-brand-copy{color:var(--muted);font-size:.8rem;letter-spacing:.08em}.site-nav{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,252,247,.64);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 14px 30px rgba(42,29,14,.06)}.site-nav-link{border-radius:999px;padding:.55rem .95rem;color:var(--muted);transition:background-color .16s ease,color .16s ease}.site-nav-link:focus-visible,.site-nav-link:hover{background:var(--accent-soft);color:var(--accent-strong);outline:none}.main-shell{display:block}.page-stack{display:grid;grid-gap:1.75rem;gap:1.75rem}.hero-panel,.page-header-panel,.section-card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-panel{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);grid-gap:1.5rem;gap:1.5rem;padding:clamp(1.4rem,2vw,2rem);background:linear-gradient(145deg,rgba(255,248,237,.96),rgba(250,241,225,.88)),var(--card);box-shadow:var(--shadow)}.hero-copy{display:grid;align-content:start;grid-gap:1rem;gap:1rem}.article-card-title,.empty-title,.hero-title,.page-title,.section-title,.study-original{margin:0;font-weight:700;letter-spacing:.01em}.hero-title{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.05;max-width:10ch}.body-copy,.hero-description,.muted-copy,.page-copy{margin:0}.body-copy,.hero-description,.page-copy{color:var(--muted);font-size:1.03rem}.page-header-panel{padding:1.45rem 1.6rem}.page-title{font-size:clamp(2rem,4vw,3rem);line-height:1.12;margin-top:.25rem}.hero-side-card{display:grid;align-content:start;grid-gap:.8rem;gap:.8rem;padding:1.25rem;border-radius:calc(var(--radius-large) - 8px);background:rgba(61,46,28,.06);border:1px solid rgba(61,46,28,.08)}.clause-list,.flow-list,.idea-list{margin:0;padding-left:1.25rem;color:var(--muted)}.clause-list li+li,.flow-list li+li,.idea-list li+li{margin-top:.55rem}.action-row{display:flex;flex-wrap:wrap;gap:.85rem}.nav-control,.primary-button,.secondary-button,.toggle-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;border-radius:999px;padding:.78rem 1.1rem;border:1px solid transparent;transition:transform .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.nav-control,.primary-button{background:var(--accent);color:#fff9f1;box-shadow:0 12px 24px rgba(125,69,33,.18)}.nav-control-secondary,.secondary-button,.toggle-button{background:rgba(255,251,244,.86);color:var(--accent-strong);border-color:rgba(125,69,33,.18)}.back-link:focus-visible,.nav-control:focus-visible,.nav-control:hover,.primary-button:focus-visible,.primary-button:hover,.secondary-button:focus-visible,.secondary-button:hover,.site-brand:focus-visible,.stretched-link:focus-visible,.toggle-button:focus-visible,.toggle-button:hover{outline:none;transform:translateY(-1px)}.nav-control:focus-visible,.nav-control:hover,.primary-button:focus-visible,.primary-button:hover{background:var(--accent-strong)}.nav-control-secondary:focus-visible,.nav-control-secondary:hover,.secondary-button:focus-visible,.secondary-button:hover,.toggle-button:focus-visible,.toggle-button:hover{background:var(--accent-soft)}.toggle-button-active{background:rgba(111,137,86,.14);color:#426132;border-color:rgba(66,97,50,.22)}.full-width-button{width:100%;margin-top:1rem}.eyebrow{margin:0;color:var(--accent-strong);font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.section-heading{display:grid;grid-gap:.3rem;gap:.3rem}.compact-heading{gap:.2rem}.section-title{font-size:1.4rem;line-height:1.2}.article-grid,.info-grid,.page-section{display:grid;grid-gap:1rem;gap:1rem}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.toc-entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.article-card,.feature-card{padding:1.35rem}.article-card{position:relative;display:grid;grid-gap:1.15rem;gap:1.15rem;min-height:270px;border:1px solid var(--line);background:var(--card-strong);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.article-card:before{content:"";position:absolute;inset:auto -20% 0 auto;width:220px;height:220px;background:radial-gradient(circle,rgba(156,95,52,.1),transparent 68%);pointer-events:none}.article-card:focus-within,.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(125,69,33,.18)}.article-card-featured{min-height:300px}.toc-entry-card{display:grid;grid-gap:1rem;gap:1rem;min-height:240px;padding:1.2rem;background:linear-gradient(180deg,rgba(255,251,245,.94),rgba(244,235,221,.82)),var(--card)}.article-card-top{display:grid;grid-gap:.45rem;gap:.45rem}.toc-entry-top{display:grid;grid-gap:.85rem;gap:.85rem}.article-card-title{font-size:clamp(1.8rem,2.8vw,2.3rem);line-height:1.1}.article-card-chapter{margin:0;color:var(--muted)}.article-card-footer,.meta-row{display:flex;flex-wrap:wrap;gap:.55rem}.meta-pill{min-height:2rem;padding:.32rem .8rem;border-radius:999px;color:var(--muted);background:rgba(84,65,45,.07);border:1px solid rgba(84,65,45,.08)}.meta-pill,.stretched-link{display:inline-flex;align-items:center;justify-content:center}.stretched-link{width:-moz-fit-content;width:fit-content;min-height:2.6rem;margin-top:auto;padding:.65rem 1rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);border:1px solid rgba(125,69,33,.12)}.home-page{gap:1.85rem}.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.82fr);grid-gap:1.4rem;gap:1.4rem;padding:clamp(1.55rem,2.6vw,2.4rem);overflow:hidden;background:linear-gradient(135deg,rgba(255,250,243,.98),rgba(243,235,222,.92)),var(--card);box-shadow:var(--shadow)}.home-hero:before{inset:0;background:linear-gradient(125deg,transparent,transparent 54%,rgba(125,69,33,.05) 54.1%,transparent 68%),radial-gradient(circle at 14% 18%,rgba(181,129,74,.14),transparent 36%)}.home-hero:after,.home-hero:before{content:"";position:absolute;pointer-events:none}.home-hero:after{top:-72px;right:-52px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(156,95,52,.12),transparent 68%)}.home-hero-main,.home-hero-rail{position:relative;z-index:1}.home-hero-main{display:grid;align-content:start;grid-gap:1rem;gap:1rem}.home-kicker{padding:.42rem .8rem;border-radius:999px;background:rgba(125,69,33,.08);color:var(--accent-strong);letter-spacing:.08em}.home-hero-title,.home-kicker{width:-moz-fit-content;width:fit-content;margin:0}.home-hero-title{display:grid;grid-gap:.08em;gap:.08em;font-size:clamp(3.2rem,7vw,6.1rem);line-height:.94;letter-spacing:.01em}.home-hero-title span{display:block;white-space:nowrap}.home-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.home-highlight-card,.home-rail-card{border:1px solid rgba(108,89,62,.12);border-radius:24px;background:rgba(255,252,247,.72);box-shadow:0 18px 34px rgba(42,29,14,.06)}.home-highlight-card{display:grid;grid-gap:.45rem;gap:.45rem;padding:1rem 1rem 1.05rem}.home-highlight-label,.home-path-title,.home-sample-title{margin:0;font-weight:700}.home-highlight-label{color:var(--accent-strong);letter-spacing:.06em}.home-hero-rail{display:grid;grid-gap:1rem;gap:1rem}.home-hero-rail .section-heading{margin-bottom:.7rem}.home-rail-card{padding:1.15rem 1.2rem 1.25rem}.home-path-list{margin:0;padding:0;list-style:none;display:grid;grid-gap:.85rem;gap:.85rem}.home-path-item{display:grid;grid-template-columns:3rem minmax(0,1fr);grid-gap:.85rem;gap:.85rem;align-items:start}.home-path-index{display:inline-flex;align-items:center;justify-content:center;min-height:2.4rem;border-radius:999px;background:rgba(125,69,33,.08);color:var(--accent-strong);font-size:.8rem;font-weight:700;letter-spacing:.12em}.home-path-title{margin-bottom:.18rem}.home-sample-card{background:linear-gradient(180deg,rgba(255,249,240,.92),rgba(247,237,223,.82)),rgba(255,252,247,.72)}.home-sample-title{font-size:1.8rem;line-height:1.1}.reading-layout,.study-layout{display:grid;grid-gap:1.2rem;gap:1.2rem}.reading-layout{grid-template-columns:minmax(0,1.6fr) minmax(290px,.9fr);align-items:start}.study-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);align-items:start}.sidebar-stack{display:grid;grid-gap:1rem;gap:1rem}.section-card{padding:1.3rem}.reading-card{padding:clamp(1.35rem,2vw,2rem)}.reading-text{display:grid;grid-gap:1.3rem;gap:1.3rem}.reading-paragraph{margin:0;font-size:clamp(1.4rem,2vw,1.76rem);line-height:2.05;letter-spacing:.015em}.sentence-link{display:inline;border-radius:.75rem;padding:.02rem .12rem;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.sentence-link:focus-visible,.sentence-link:hover{background:var(--accent-soft);color:var(--accent-strong);box-shadow:0 0 0 1px rgba(156,95,52,.14);outline:none}.progress-card{display:grid;grid-gap:1rem;gap:1rem}.progress-stack{display:grid;grid-gap:.55rem;gap:.55rem}.progress-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.95rem}.progress-bar{overflow:hidden;height:.55rem;border-radius:999px;background:rgba(99,80,58,.1)}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b56a39,#d69457)}.progress-bar-secondary span{background:linear-gradient(90deg,#6a8b51,#8fb06e)}.progress-copy{font-size:.94rem}.char-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:.85rem;gap:.85rem}.char-card{padding:.85rem;border-radius:var(--radius-medium);background:rgba(88,67,44,.05);border:1px solid rgba(88,67,44,.08)}.char-card-title{margin:0;font-size:1.45rem}.study-intro{display:grid;grid-gap:.45rem;gap:.45rem}.back-link{width:-moz-fit-content;width:fit-content;color:var(--accent-strong)}.study-main{display:grid;grid-gap:1rem;gap:1rem}.study-focus-card{display:grid;grid-gap:1.2rem;gap:1.2rem}.study-original{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.18}.tooltip-strip{display:flex;flex-wrap:wrap;gap:.75rem}.tooltip-token{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.6rem .9rem;border:1px solid rgba(125,69,33,.12);border-radius:999px;background:rgba(255,250,244,.9);color:var(--ink);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.tooltip-token-active,.tooltip-token:focus-visible,.tooltip-token:hover{background:var(--accent-soft);border-color:rgba(125,69,33,.24);color:var(--accent-strong);outline:none}.tooltip-panel{position:absolute;left:50%;bottom:calc(100% + .75rem);z-index:10;width:min(220px,70vw);padding:.8rem .85rem;border-radius:1rem;background:rgba(36,28,21,.94);color:#fdf6ea;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateX(-50%) translateY(8px);transition:opacity .14s ease,transform .14s ease}.tooltip-panel-open{opacity:1;transform:translateX(-50%) translateY(0)}.annotation-pinyin,.tooltip-pinyin{color:rgba(253,246,234,.72);font-size:.82rem;letter-spacing:.04em}.annotation-pinyin{color:var(--muted)}.annotation-groups{display:grid;grid-gap:1rem;gap:1rem}.annotation-group{display:grid;grid-gap:.8rem;gap:.8rem}.annotation-clause{margin:0;font-size:1.05rem}.annotation-list{display:grid;grid-gap:.75rem;gap:.75rem}.annotation-row{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:start;padding:.85rem .95rem;border-radius:var(--radius-medium);background:rgba(95,76,52,.05)}.annotation-term{display:grid;grid-gap:.18rem;gap:.18rem}.annotation-text{font-size:1.12rem}.annotation-explanation{margin:0;color:var(--muted)}.nav-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.nav-control-disabled{background:rgba(91,75,59,.08);color:rgba(91,75,59,.7);border-color:transparent;box-shadow:none}.empty-inline,.empty-state{display:grid;grid-gap:1rem;gap:1rem;align-content:start}.empty-state{max-width:560px;padding:2rem 0 1rem}.empty-title{font-size:clamp(2rem,4vw,3rem);line-height:1.08}@media (max-width:980px){.hero-panel,.home-hero,.info-grid,.reading-layout,.study-layout{grid-template-columns:1fr}.hero-title,.home-hero-title{max-width:none}.home-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card{min-height:240px}}@media (max-width:720px){.site-shell{width:min(calc(100% - 1rem),var(--content-width))}.site-header{flex-direction:column;align-items:flex-start}.home-highlight-grid,.home-path-item{grid-template-columns:1fr}.article-card,.hero-panel,.home-hero,.page-header-panel,.section-card{border-radius:24px}.reading-paragraph{font-size:1.28rem;line-height:1.95}.annotation-row,.nav-controls{grid-template-columns:1fr}.home-hero-title{font-size:clamp(2.7rem,14vw,4.2rem)}.home-hero .action-row>*{flex:1 1 100%}.tooltip-panel{left:0;transform:translateX(0) translateY(8px)}.tooltip-panel-open{transform:translateX(0) translateY(0)}}