:root{--paper: #F4EEE1;--paper-2: #EDE5D3;--paper-3: #E0D6C0;--line: #E0D6C0;--line-strong: #C9BC9E;--ink: #2B2620;--ink-2: #5C5443;--ink-3: #8B8271;--card: #FDFAF3;--accent: #A32F26;--accent-soft: #F7E9E5;--accent-deep: #7C211A;--brand: var(--accent);--brand-soft: var(--accent-soft);--brand-deep: var(--accent-deep);--terra: var(--accent);--terra-soft: var(--accent-soft);--bronze: #8A6A1E;--bronze-soft: #F3EBD5;--shadow-card: 0 1px 2px rgba(89,74,48,.05), 0 4px 14px rgba(89,74,48,.06);--shadow-card-hover: 0 2px 4px rgba(89,74,48,.08), 0 10px 28px rgba(89,74,48,.1);--dianji-ink: #57503F;--dianji-soft: #F0EBDD;--c-china: #A32F26;--c-greece: #35606B;--c-norse: #4A6377;--c-egypt: #9A7B23;--c-india: #8A5A33;--c-japan: #9E4A63;--c-euro: #5E7A38;--role-student: #A8542A;--role-teacher: #2C4A7C;--role-screenwriter: #8E2F45;--role-parent: #1F6E64;--role-scholar: #4A6B34;--role-artist: #5E4A80;--role-research: #8A6A1E;--serif-cn: "Noto Serif SC", "Songti SC", "SimSun", serif;--sans-cn: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--serif-en: var(--serif-cn);--body-en: var(--sans-cn);--fs-1: 12px;--fs-2: 13px;--fs-3: 15px;--fs-4: 16px;--fs-5: 18px;--fs-6: 21px;--fs-7: clamp(26px, 4.6vw, 34px);--fs-hero: clamp(32px, 6vw, 44px);--fs-prose: 17px;--fs-ruby: 10px;--fs-glyph: clamp(58px, 12vw, 76px);--lh-prose: 1.75;--lh-yw: 2;--lh-body: 1.7;--lh-note: 1.6;--lh-head: 1.3;--s0: 2px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 96px;--section-gap: var(--s9);--r: 6px;--r-sm: 4px;--shadow: none;--wrap: 1120px;--prose-w: 700px;--card-pad: 20px;--card-gap: 16px;--nav-h: 56px;--nav-h2: 42px;--t: .16s ease}:root[data-theme=dark]{--paper: #161410;--paper-2: #221F17;--paper-3: #332E22;--line: #332E22;--line-strong: #48412F;--ink: #EDE7D8;--ink-2: #B7AE9B;--ink-3: #847C69;--card: #1E1B14;--accent: #E0685A;--accent-soft: #33201B;--accent-deep: #F08C7E;--brand: var(--accent);--brand-soft: var(--accent-soft);--brand-deep: var(--accent-deep);--terra: var(--accent);--terra-soft: var(--accent-soft);--bronze: #C9A45A;--bronze-soft: #2A2515;--shadow-card: 0 1px 2px rgba(0,0,0,.4);--shadow-card-hover: 0 2px 4px rgba(0,0,0,.5), 0 10px 28px rgba(0,0,0,.45);--dianji-ink: #B5A98C;--dianji-soft: #262218}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--sans-cn);color:var(--ink);background:var(--paper);background-image:url(/bg/paper.svg);background-size:220px 220px;line-height:var(--lh-body);font-size:var(--fs-3);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:url(/bg/paper.svg);background-size:220px 220px;opacity:.6}:root[data-theme=dark] body:after{background-image:url(/bg/paper-dark.svg);opacity:.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3,h4{font-family:var(--serif-cn);font-weight:700;line-height:1.3;color:var(--ink);margin:0 0 .4em;letter-spacing:.01em}h1{font-size:var(--fs-7)}h2{font-size:var(--fs-6)}h3{font-size:var(--fs-5)}h4{font-size:var(--fs-4)}p{margin:.5em 0;color:var(--ink-2)}ul{margin:.5em 0;padding-left:1.3em}hr{border:0;border-top:1px solid var(--line);margin:var(--s5) 0}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--s4)}@media(min-width:640px){.wrap{padding:0 var(--s5)}}main.wrap{margin-top:var(--s4);margin-bottom:var(--s6);padding:var(--s3) var(--s5) var(--s4)}@media(max-width:640px){main.wrap{margin-top:var(--s2);padding:var(--s2) var(--s4) var(--s3)}}.topbar{position:sticky;top:0;z-index:50;background:var(--card)}.topbar .inner{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;gap:var(--s2);padding:0 var(--s4);height:var(--nav-h)}@media(min-width:640px){.topbar .inner{padding:0 var(--s5)}}.brand{font-family:var(--serif-cn);font-weight:700;font-size:18px;color:var(--ink);display:flex;align-items:center;gap:var(--s2);letter-spacing:.02em;white-space:nowrap}.brand .dot{width:10px;height:10px;background:var(--accent);display:inline-block;border-radius:2px}.brand small{font-family:var(--sans-cn);font-weight:400;font-size:var(--fs-1);color:var(--ink-3);margin-left:var(--s0);letter-spacing:.04em}.topbar .spacer{flex:1}.lang-toggle{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.lang-toggle button{border:0;background:transparent;color:var(--ink-3);font-family:var(--sans-cn);font-size:var(--fs-1);padding:var(--s2) var(--s2);cursor:pointer;line-height:1}.lang-toggle button.on{background:var(--ink);color:var(--card)}.theme-toggle{border:1px solid var(--line);background:transparent;color:var(--ink-2);border-radius:var(--r-sm);width:34px;height:34px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.mainnav{display:flex;gap:0;padding:0 max(var(--s4),calc((100% - var(--wrap)) / 2 + var(--s4)));background:var(--paper);border-top:1px solid var(--line);overflow:visible}@media(min-width:640px){.mainnav{padding:0 max(var(--s5),calc((100% - var(--wrap)) / 2 + var(--s5)))}}.mainnav>a,.mainnav>details.nav-more>summary{font-size:var(--fs-3);color:var(--ink-2);padding:0 14px;line-height:var(--nav-h2);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:4px}.mainnav>details.nav-more>summary::-webkit-details-marker{display:none}.mainnav>a:hover,.mainnav>details.nav-more>summary:hover{color:var(--ink);text-decoration:none}.mainnav>a.active,.mainnav>details.nav-more>summary.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.mainnav>details.nav-more>summary .car{font-size:10px;line-height:1;opacity:.7}.nav-more{position:relative}.nav-more>div{position:absolute;top:100%;left:0;z-index:90;min-width:160px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-card);padding:var(--s1) 0}.nav-more>div a{display:block;padding:10px 16px;font-size:var(--fs-3);color:var(--ink-2)}.nav-more>div a:hover{color:var(--accent);background:var(--paper-2);text-decoration:none}.nav-more>div a.active{color:var(--accent);font-weight:700}.navtoggle{display:none;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:var(--r-sm);width:34px;height:34px;cursor:pointer;align-items:center;justify-content:center;padding:0}.navtoggle:hover{border-color:var(--accent);color:var(--accent)}.navtoggle .ic-close,.theme-toggle .ic-sun,.navtoggle[aria-expanded=true] .ic-menu{display:none}.navtoggle[aria-expanded=true] .ic-close{display:block}:root[data-theme=dark] .theme-toggle .ic-moon{display:none}:root[data-theme=dark] .theme-toggle .ic-sun{display:block}@media(max-width:767px){.navtoggle{display:inline-flex}.topbar{position:sticky}.mainnav{display:none;flex-wrap:wrap;overflow:visible;border-top:1px solid var(--line);background:var(--card);padding:var(--s2) var(--s3) var(--s3)}.mainnav.open{display:flex}.mainnav>a,.mainnav>details.nav-more>summary{border-bottom:0;border-left:2px solid transparent;padding:0 var(--s3);min-height:44px;width:100%}.mainnav>a.active,.mainnav>details.nav-more>summary.active{border-left-color:var(--accent);background:var(--paper-2)}.nav-more{flex-basis:100%}.nav-more>div{position:static;min-width:0;border:0;box-shadow:none;padding:0 0 0 var(--s5);background:transparent}}.hero{padding:var(--s8) 0 var(--s6)}.hero h1{color:var(--ink);font-weight:700;letter-spacing:.02em;font-size:var(--fs-hero);line-height:var(--lh-head);margin:0;border-left:6px solid var(--accent);padding-left:var(--s4)}.hero .hero-sub{color:var(--ink-2);font-size:var(--fs-3);margin:var(--s3) 0 0 calc(6px + var(--s4))}.hero-search{display:flex;align-items:center;gap:var(--s2);background:var(--card);color:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow-card);padding:0 var(--s4);height:52px;margin:0;transition:border-color var(--t),box-shadow var(--t)}.hero-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.hero-search input{flex:1;border:0;background:transparent;outline:none;font-family:var(--sans-cn);font-size:var(--fs-4);color:var(--ink);min-width:0}.hero-search-wrap{position:relative;max-width:min(640px,100%);margin:var(--s5) 0 0 calc(6px + var(--s4))}.hero-stats{display:flex;flex-wrap:wrap;gap:0;margin:var(--s5) 0 0 calc(6px + var(--s4))}.hero-stats .stat{font-size:var(--fs-2);color:var(--ink-3);padding:0 var(--s5);border-left:1px solid var(--line)}.hero-stats .stat:first-child{padding-left:0;border-left:0}.hero-stats .stat b{font-family:var(--serif-en);font-size:var(--fs-6);color:var(--ink);margin-right:var(--s1);font-weight:700}@media(max-width:640px){.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-left:0}.hero-stats .stat{padding:0;border-left:0}.hero-search-wrap,.hero .hero-sub{margin-left:0}}.toolbar{margin:var(--s4) 0 var(--s3);display:flex;flex-direction:column;gap:var(--s2)}@media(min-width:640px){.toolbar{flex-direction:row;align-items:center}}.search{flex:1;display:flex;align-items:center;gap:var(--s2);background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s2) var(--s3)}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search input{border:0;background:transparent;outline:none;flex:1;font-family:var(--sans-cn);font-size:var(--fs-3);color:var(--ink);min-width:0}.search svg{flex:none;color:var(--ink-3)}.filters{display:flex;gap:var(--s2);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--card);color:var(--ink-2);border-radius:var(--r);text-decoration:none;padding:var(--s2) var(--s3);font-size:var(--fs-2);cursor:pointer;font-family:var(--sans-cn);line-height:1.4}.chip:hover{border-color:var(--line-strong);color:var(--ink)}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:500}.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--card-gap);margin:0 0 var(--s6)}@media(min-width:560px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:940px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-card);overflow:hidden;break-inside:avoid;padding:var(--s4);display:block;color:inherit;position:relative;min-width:0;transition:background var(--t),border-color var(--t)}.card:hover{background:var(--paper-2);text-decoration:none}.card .cthumb{display:block;margin:calc(-1 * var(--s4)) calc(-1 * var(--s4)) var(--s3);height:116px;background-color:var(--paper-2);background-size:cover;background-position:center 40%;border-bottom:1px solid var(--line)}@media(max-width:640px){.card .cthumb{height:96px}}.card .ctitle{font-family:var(--serif-cn);font-size:var(--fs-5);font-weight:700;color:var(--ink);text-decoration:none}.card:hover .ctitle{color:var(--accent)}.card .cen{font-family:var(--serif-en);font-size:var(--fs-2);color:var(--ink-3);font-style:italic}.card .csummary{font-size:var(--fs-3);color:var(--ink-2);margin:var(--s2) 0 var(--s3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7}.card .cmeta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s0) var(--s2);font-size:var(--fs-1);color:var(--ink-3)}.badge{display:inline-block;padding:var(--s0) var(--s2);border-radius:var(--r-sm);font-size:var(--fs-1);font-weight:500;color:#fff;letter-spacing:.02em;line-height:1.7}.tag{display:inline-block;padding:var(--s0) var(--s2);border-radius:var(--r-sm);font-size:var(--fs-1);font-weight:500;background:var(--paper-2);color:var(--accent);border:1px solid var(--line);text-decoration:none;line-height:1.7;white-space:nowrap}.tag:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.page-head{margin:var(--s5) 0 var(--s4);padding-bottom:var(--s3);border-bottom:1px solid var(--line)}.page-head h1{font-size:var(--fs-7);font-family:var(--serif-cn);margin:0}.page-head .lead{max-width:820px;font-size:var(--fs-3);color:var(--ink-2);line-height:1.8;margin-top:var(--s2)}.tagcloud{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s4) 0}.tag.big{font-size:var(--fs-3);padding:var(--s2) var(--s3);display:inline-flex;align-items:center;gap:var(--s2)}.tag .cnt{font-family:var(--serif-en);font-size:var(--fs-1);background:var(--brand-soft);color:var(--brand);border-radius:0;padding:0 var(--s2);font-weight:700}:root[data-theme=dark] .tag .cnt{background:var(--brand-soft)}.related{margin:var(--s6) 0 var(--s2);border-top:1px solid var(--line);padding-top:var(--s4)}.related h2{font-size:var(--fs-6);margin:0 0 var(--s2)}.rel-links{display:flex;flex-wrap:wrap;gap:var(--s3)}.rel-links a{font-family:var(--sans-cn);font-size:var(--fs-3);color:var(--brand)}.crumbs{font-size:var(--fs-2);color:var(--ink-3);margin:var(--s4) 0 var(--s2)}.crumbs a{color:var(--ink-3)}.crumbs a:hover{color:var(--accent)}.crumbs span{margin:0 var(--s2);color:var(--line-strong)}.story-head{border-bottom:1px solid var(--line);padding-bottom:var(--s4);margin-bottom:var(--s4)}.story-head h1{margin-bottom:var(--s2)}.story-head .stags{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s2)}.story-head .stags span{background:var(--paper-2);color:var(--ink-2);border-radius:0;padding:var(--s0) var(--s2);font-size:var(--fs-1)}.story-head .stags .badge{color:#fff}.story-head .era{font-size:var(--fs-2);color:var(--ink-3);margin-top:var(--s2)}.cen{font-family:var(--serif-en);color:var(--ink-3);font-style:italic}.story-head .cen{font-size:var(--fs-5)}.story-meta{display:flex;flex-direction:column;gap:var(--s1);margin-top:var(--s3)}.story-meta .era{margin-top:0}.meta-strong{font-weight:600}.meta-side{font-size:var(--fs-1);color:var(--ink-3);margin-left:var(--s2)}.story-head .section-title{margin:var(--s4) 0 var(--s2)}.role-blurb{font-size:var(--fs-3);line-height:1.85;color:var(--ink-2);margin:0}.tabpanel{display:none;animation:fade .2s ease}.tabpanel.on{display:block}@keyframes fade{0%{opacity:0}to{opacity:1}}.tabpanel h4{color:var(--accent);font-family:var(--sans-cn);font-size:var(--fs-3);margin:var(--s4) 0 var(--s2)}.tabpanel .body-text{font-family:var(--serif-cn);font-size:var(--fs-prose);line-height:var(--lh-yw);color:var(--ink);max-width:var(--prose-w);margin-inline:auto}.tabpanel .body-text p{margin:0 0 var(--s4);text-indent:2em}.tabpanel .body-text em{font-style:normal;color:var(--accent);font-weight:700}.ov-highlights{margin-top:var(--s5)}.ov-h{font-size:var(--fs-3);color:var(--ink-3);border-top:1px solid var(--line);padding-top:var(--s4);margin-top:var(--s1)}.ov-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s3);margin-top:var(--s2)}.ov-card{background:var(--paper-2);border-left:3px solid var(--accent);border-radius:var(--r-sm);padding:var(--s2) var(--s3)}.ov-card p{margin:var(--s1) 0 0;font-size:var(--fs-2);line-height:1.7;color:var(--ink-2)}.ov-rl{font-size:var(--fs-1);font-weight:700;font-family:var(--sans-cn)}.tabpanel .body-text .py{display:inline-flex;flex-direction:column;align-items:center;width:1em;vertical-align:text-bottom;line-height:1.15;margin:0}.tabpanel .body-text .py .pyc{display:block}.tabpanel .body-text .py .pyt{order:-1;display:none;font-size:var(--fs-ruby);color:var(--brand);white-space:nowrap;line-height:1.2;margin-bottom:var(--s1);user-select:none}.tabpanel.py-on .body-text .py .pyt{display:block}.tabpanel.py-on .body-text{line-height:3}.tabpanel.py-on .body-text .py{width:auto;min-width:1em;margin:0 var(--s1)}.tabpanel.py-on .body-text .py .pyt{letter-spacing:-.01em}.panel-mod{background:transparent;border:1px solid var(--line);border-radius:0;padding:var(--s3) var(--s4);margin:var(--s4) 0}.panel-mod>.mod-title{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);font-family:var(--sans-cn);font-size:var(--fs-3);font-weight:700;color:var(--ink);margin:0 0 var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--line)}.mini-btn{border:1px solid var(--line-strong);background:transparent;color:var(--ink-2);border-radius:var(--r);padding:var(--s1) var(--s2);font-size:var(--fs-2);cursor:pointer;font-family:var(--sans-cn);line-height:1.4}.mini-btn:hover{border-color:var(--accent);color:var(--accent)}.mod-ziti .ziti-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:var(--s2);margin-top:var(--s2)}.ziti{position:relative;aspect-ratio:1 / 1;background:#fff;border:1px solid #c7b48a;border-radius:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:linear-gradient(#e6dcc2 1px,transparent 1px),linear-gradient(90deg,#e6dcc2 1px,transparent 1px);background-position:center;background-size:100% 1px,1px 100%;display:flex;align-items:center;justify-content:center}.ziti:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='76'%3E%3Cpath d='M2 2 L74 74 M74 2 L2 74' stroke='%23e6dcc2' stroke-width='1' stroke-dasharray='4 4'/%3E%3C/svg%3E");background-size:100% 100%}.ziti .z-char{font-family:var(--serif-cn);font-size:var(--fs-hero);color:#1f1f1f;line-height:1;z-index:1}.ziti .z-py{position:absolute;right:5px;bottom:3px;font-size:var(--fs-1);color:var(--brand);z-index:1}.mod-zibiao .zibiao{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s2);margin-top:var(--s2)}.zb{display:flex;align-items:baseline;gap:var(--s2);border:1px solid var(--line);border-radius:0;padding:var(--s2) var(--s2);background:var(--card)}.zb-char{font-family:var(--serif-cn);font-size:var(--fs-6);color:var(--ink);line-height:1}.zb-py{color:var(--brand);font-size:var(--fs-2);min-width:30px}.zb-word{color:var(--ink-3);font-size:var(--fs-1)}.mod-reading .reading{margin-top:var(--s1)}.ritem{padding:var(--s3) 0;border-top:1px solid var(--line)}.ritem:first-child{border-top:none}.rq{font-weight:500;color:var(--ink);line-height:1.6}.rqno{color:var(--brand);margin-right:var(--s1)}.ritem-opts{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2)}.ropt{border:1px solid var(--line-strong);background:var(--card);border-radius:var(--r);padding:var(--s2) var(--s3);cursor:pointer;font-size:var(--fs-3);font-family:var(--sans-cn)}.ropt:hover{border-color:var(--accent)}.ropt.correct{background:#eaf1e4;border-color:#4a6b34;color:#2c4a1e}.ropt.wrong{background:#faeae8;border-color:#a32f26;color:#7c211a}.ritem-fill{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s2)}.rinput{border:1px solid var(--line-strong);border-radius:var(--r);padding:var(--s2) var(--s3);font-size:var(--fs-3);font-family:var(--sans-cn);min-width:140px}.rinput.correct{border-color:#4a6b34;background:#eaf1e4}.rinput.wrong{border-color:#a32f26;background:#faeae8}.ranswer{font-size:var(--fs-2)}.ranswer.ok{color:#2c4a1e}.ranswer.no{color:#7c211a}.rfeedback{margin-top:var(--s2);padding:var(--s2) var(--s3);border-radius:0;font-size:var(--fs-3);font-weight:500;font-family:var(--sans-cn);line-height:1.5;border-left:3px solid}.rfeedback.ok{background:var(--paper-2);border-color:#4a6b34;color:#2c4a1e}.rfeedback.no{background:var(--paper-2);border-color:#2c4a7c;color:#1f3a61}.mod-tools{display:inline-flex;gap:var(--s2);flex-wrap:wrap}.vocab{border-bottom:1px dotted var(--accent);cursor:help;color:var(--ink);background:transparent;position:relative}.vocab:hover,.vocab:focus,.vocab.open{outline:none}.vocab:after{content:attr(data-def);position:absolute;left:50%;bottom:135%;transform:translate(-50%);background:var(--ink);color:var(--paper);font-size:var(--fs-1);line-height:1.5;padding:var(--s2) var(--s2);border-radius:var(--r);width:max-content;max-width:240px;white-space:normal;text-align:left;z-index:80;opacity:0;pointer-events:none;transition:opacity var(--t)}.vocab:hover:after,.vocab:focus:after,.vocab.open:after{opacity:1}.words{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s2) 0}.words .w{background:var(--brand-soft);border-radius:0;padding:var(--s2) var(--s3);font-size:var(--fs-2);color:var(--brand-deep)}.words .w b{color:var(--brand-deep)}.quiz{background:var(--paper-2);border-radius:0;padding:var(--s3) var(--s4);margin:var(--s3) 0}.quiz .qno{display:inline-block;font-size:var(--fs-1);color:var(--ink-3);margin-right:var(--s2);background:transparent;border:1px solid var(--line);border-radius:0;padding:var(--s0) var(--s2)}.quiz .q{font-weight:500;color:var(--ink)}.quiz .opts{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2)}.quiz .opt{border:1px solid var(--line-strong);background:var(--card);border-radius:var(--r);padding:var(--s2) var(--s3);cursor:pointer;font-size:var(--fs-3);font-family:var(--sans-cn)}.quiz .opt:hover{border-color:var(--accent)}.quiz .opt.correct{background:#eaf1e4;border-color:#4a6b34;color:#2c4a1e}.quiz .opt.wrong{background:#faeae8;border-color:#a32f26;color:#7c211a}.quiz .qfeedback{margin-top:var(--s2);padding:var(--s2) var(--s3);border-radius:0;font-size:var(--fs-3);font-weight:500;font-family:var(--sans-cn);line-height:1.5;border-left:3px solid}.quiz .qfeedback.ok{background:var(--card);border-color:#4a6b34;color:#2c4a1e}.quiz .qfeedback.no{background:var(--card);border-color:#2c4a7c;color:#1f3a61}.words .w .wpy{display:block;font-style:normal;font-size:var(--fs-ruby);line-height:1.2;color:var(--accent);letter-spacing:.04em}.quiz .qthink{margin-top:var(--s2)}.quiz .qanswer{margin-top:var(--s2);padding:var(--s2) var(--s3);border-radius:0;font-size:var(--fs-3);line-height:1.65;background:var(--card);border:1px solid var(--line);color:var(--ink-2)}@media print{.quiz .qanswer{display:none!important}}.values{display:flex;gap:var(--s2);flex-wrap:wrap;margin:var(--s2) 0}.values .v{background:var(--brand-soft);color:var(--brand);border-radius:0;padding:var(--s1) var(--s2);font-size:var(--fs-2)}.refs{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s2) 0}.refs a{display:inline-flex;align-items:center;gap:var(--s2);background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:var(--s2) var(--s3);font-size:var(--fs-2);color:var(--ink)}.refs a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.chars-row{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s4) 0}.char-pill{display:inline-flex;align-items:center;gap:var(--s2);background:var(--paper-2);border:1px solid var(--line);color:var(--ink-2);border-radius:0;padding:var(--s2) var(--s3);font-size:var(--fs-2);text-decoration:none}.char-pill:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);text-decoration:none}.char-pill.is-plain{background:transparent;border-style:dashed;color:var(--ink-3);cursor:default}.char-pill.is-plain:hover{background:transparent;color:var(--ink-3);border-color:var(--line)}.graphwrap{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s3);margin:var(--s3) 0;overflow-x:auto}.graphwrap svg{width:100%;height:auto;min-width:680px;display:block}.gnode{cursor:pointer}.gnode circle{transition:r var(--t)}.gnode text{font-family:var(--sans-cn);font-size:var(--fs-1);fill:var(--ink);pointer-events:none}.gedge{stroke:var(--line-strong);stroke-width:1}.glabel{font-family:var(--sans-cn);font-size:var(--fs-ruby);fill:var(--ink-3)}.gregion{fill:var(--c);fill-opacity:.05;stroke:var(--c);stroke-opacity:.4;stroke-width:1}.gregion-label{font-family:var(--sans-cn);font-size:var(--fs-3);font-weight:700;fill:var(--c)}.gcul{fill:var(--c);fill-opacity:.06;stroke:var(--c);stroke-opacity:.4;stroke-width:1}.gcul-label{font-family:var(--sans-cn);font-size:var(--fs-2);font-weight:700;fill:var(--ink-2);cursor:pointer}.gcul-label:hover{fill:var(--accent);text-decoration:underline}.gcul-count{font-family:var(--sans-cn);font-size:var(--fs-1);fill:var(--ink-3);pointer-events:none}.gedge-cross{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:4 4;opacity:.7}.glabel-cross{font-family:var(--sans-cn);font-size:var(--fs-ruby);fill:var(--ink-3)}.gregend{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 var(--s1)}.gr-chip{display:inline-flex;align-items:baseline;gap:var(--s2);padding:var(--s1) var(--s2);border-radius:0;border:1px solid var(--accent);background:transparent}.gr-chip b{font-size:var(--fs-2);color:var(--accent)}.gr-chip i{font-style:normal;font-size:var(--fs-1);color:var(--ink-3)}.rel-list{margin:var(--s4) 0}.rel-item{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s3) var(--s3);margin:0 0 -1px}.rel-item b{color:var(--ink)}.rel-item .rt{color:var(--brand);font-weight:500;margin:0 var(--s2)}.tlwrap{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s3);margin:var(--s3) 0;overflow-x:auto}.tlwrap svg{width:100%;height:auto;min-width:720px;display:block}.tlnode{cursor:pointer}.tllabel{font-family:var(--sans-cn);font-size:var(--fs-1);fill:var(--ink)}.tlyear{font-family:var(--serif-en);font-size:var(--fs-1);fill:var(--ink-3)}.sec-title,.section-title,.hsec,.fam-head h2,.feat-head h2,.cat-grp-h,.rb-head h2,.lg-head,.dj-group-head,.char-culture-h{display:flex;align-items:center;gap:10px;font-family:var(--serif-cn);font-size:var(--fs-6);font-weight:700;color:var(--ink);margin:0 0 var(--s4);padding:0;border:none}.sec-title:before,.section-title:before,.hsec:before,.fam-head h2:before,.feat-head h2:before,.cat-grp-h:before,.rb-head h2:before,.lg-head:before,.dj-group-head:before,.char-culture-h:before{content:"";flex:none;width:3px;height:18px;background:var(--accent);border-radius:1px}.sec-title.has-ic:before,.fam-head h2:before,.section-title:has(.num):before{display:none}.section-title .num{flex:none;width:24px;height:24px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent);font-size:var(--fs-2);font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--serif-cn)}.lg-head,.dj-group-head,.char-culture-h{font-size:var(--fs-5)}.sec-title.has-ic{display:flex;align-items:center;gap:10px}.section-title :is(h1,h2){font-size:var(--fs-6);font-weight:700;margin:0;color:var(--ink);font-family:var(--serif-cn)}.sec-title .st-sub,.section-title .st-sub{font-size:var(--fs-2);color:var(--ink-3);font-weight:400;margin-left:0}.sec-title .st-more,.section-title .st-more{margin-left:auto;float:none;font-size:var(--fs-2);font-weight:400;color:var(--accent);text-decoration:none}.sec-title .st-more:hover,.section-title .st-more:hover{text-decoration:underline;text-underline-offset:3px}.note{background:var(--paper-2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0;padding:var(--s3) var(--s3);margin:var(--s3) 0;font-size:var(--fs-2);color:var(--ink-2)}.muted{color:var(--ink-3);font-size:var(--fs-2)}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);margin:var(--s3) 0}.tbl{width:100%;border-collapse:collapse;font-size:var(--fs-3)}.tbl th,.tbl td{text-align:left;padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);vertical-align:top}.tbl tr:last-child td,.tbl tr:last-child th{border-bottom:0}.tbl th{font-weight:700;color:var(--ink);background:var(--paper-2);font-size:var(--fs-2);white-space:nowrap}.tbl td{color:var(--ink-2);line-height:1.7}.tbl td b{color:var(--ink)}.defs{margin:var(--s3) 0}.defs>div{padding:var(--s3) 0;border-bottom:1px solid var(--line)}.defs>div:first-child{border-top:1px solid var(--line)}.defs dt{font-size:var(--fs-3);font-weight:700;color:var(--ink);font-family:var(--sans-cn);margin-bottom:var(--s1)}.defs dd{margin:0;font-size:var(--fs-2);color:var(--ink-2);line-height:1.8}.role-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 0}.role-row-label{font-size:var(--fs-2);color:var(--ink-3);font-family:var(--sans-cn)}.role-cards{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0}.role-card{display:inline-flex;align-items:center;gap:var(--s1);padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:0;text-decoration:none;color:var(--ink);font-size:var(--fs-3);font-family:var(--sans-cn);background:var(--card);transition:background var(--t),border-color var(--t)}.role-card:hover{background:var(--paper-2);border-color:var(--line-strong);text-decoration:none}.role-card.pillar{background:var(--paper-2);font-weight:500}.role-card.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.role-card.on:hover{background:var(--accent);border-color:var(--accent)}.role-card.on .rc-label{color:var(--paper)}.rc-label{font-weight:500}.rc-blurb{display:none}.rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--card-gap);margin:var(--s1) 0 var(--s2)}.rec-card{display:flex;flex-direction:column;min-height:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;text-decoration:none;color:inherit;transition:background var(--t);break-inside:avoid}.rec-card:hover{background:var(--paper-2)}.rec-cover{height:4px;position:relative}.rec-badge{display:none}.rec-body{padding:var(--s3) var(--s3) var(--s4);display:flex;flex-direction:column;gap:var(--s1);flex:1}.rec-title{font-size:var(--fs-3);font-weight:700;color:var(--ink);font-family:var(--serif-cn)}.rec-en{font-size:var(--fs-1);color:var(--ink-3);font-style:italic}.rec-tags{display:flex;flex-wrap:wrap;gap:var(--s1);margin:var(--s0) 0}.rec-tag{background:var(--paper-2);color:var(--ink-3);font-size:var(--fs-1);border-radius:0;padding:var(--s0) var(--s2);border:1px solid var(--line)}.rec-tag.sim{background:var(--brand-soft);color:var(--brand);border-color:var(--brand-soft)}.rec-sum{font-size:var(--fs-2);line-height:1.6;color:var(--ink-3);margin:var(--s1) 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.foot{border-top:1px solid var(--line);margin-top:var(--s7);padding:var(--s6) 0 var(--s6);color:var(--ink-3);font-size:var(--fs-2);background:var(--paper)}.foot a{color:var(--ink-3);text-decoration:none}.foot a:hover{color:var(--accent)}.foot-top{display:grid;grid-template-columns:1.2fr 2.4fr;gap:var(--s6);align-items:start}.foot-brand .brand{font-size:var(--fs-5)}.foot-desc{margin:var(--s2) 0 0;line-height:1.7;max-width:40ch;color:var(--ink-3)}.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s4)}.foot-col h4{margin:0 0 var(--s2);font-size:var(--fs-2);color:var(--ink);font-family:var(--sans-cn);font-weight:700}.foot-col a{display:block;padding:var(--s1) 0}.foot-bottom{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);justify-content:space-between;align-items:center;margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--line)}.foot-beian a{margin-right:var(--s4);font-size:var(--fs-1)}@media(max-width:860px){.foot-top{grid-template-columns:1fr}.foot-cols{grid-template-columns:repeat(2,1fr)}}.story-graph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--card-gap);margin:var(--s2) 0 var(--s1)}.story-graph-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s3) var(--s4);text-decoration:none;transition:background var(--t);break-inside:avoid}.story-graph-card:hover{background:var(--paper-2);text-decoration:none}.story-graph-card .sg-badge{display:inline-block;background:transparent;color:var(--accent, var(--brand));border:1px solid currentColor;border-radius:0;padding:var(--s0) var(--s2);font-size:var(--fs-1)}.story-graph-card .sg-title{display:block;font-size:var(--fs-4);font-weight:600;color:var(--ink);margin:var(--s2) 0 var(--s1);font-family:var(--serif-cn)}.story-graph-card .sg-sub{display:block;font-size:var(--fs-1);color:var(--ink-3);line-height:1.6}.char-head{display:flex;align-items:center;gap:var(--s4);margin:var(--s2) 0 var(--s2)}.char-avatar{width:60px;height:60px;border-radius:0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-7);font-weight:700;font-family:var(--serif-cn);flex:none}.char-meta h1{margin:0;font-size:var(--fs-7);font-family:var(--serif-cn);color:var(--ink)}.char-meta .stags{margin:var(--s2) 0}.char-rel{margin:var(--s2) 0 var(--s1)}.char-rel-item{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s2) var(--s3);margin:0 0 -1px}.char-rel-item b{color:var(--ink)}.char-rel-item .rt{color:var(--brand);font-weight:500;margin:0 var(--s2) 0 0}.ghost-btn{display:inline-block;margin:var(--s2) 0 var(--s0);padding:var(--s2) var(--s3);border:1px solid var(--ink);color:var(--ink);border-radius:var(--r);text-decoration:none;font-size:var(--fs-3);font-family:var(--sans-cn)}.ghost-btn:hover{background:var(--ink);color:var(--paper);text-decoration:none}.char-culture{margin:var(--s4) 0}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--card-gap)}.char-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s0);background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s3);text-decoration:none;transition:background var(--t)}.char-card:hover{background:var(--paper-2);text-decoration:none}.char-card-av{width:36px;height:36px;border-radius:0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fs-6);font-weight:700;font-family:var(--serif-cn);margin-bottom:var(--s2)}.char-card-name{font-size:var(--fs-3);font-weight:600;color:var(--ink);font-family:var(--sans-cn)}.char-card-en{font-size:var(--fs-1);color:var(--ink-3);font-family:var(--serif-en);font-style:italic}.char-card-era{font-size:var(--fs-1);color:var(--ink-3)}.char-card-stories{font-size:var(--fs-1);color:var(--brand);margin-top:var(--s0)}.mobtab{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;background:var(--paper);border-top:1px solid var(--line)}.mobtab a{flex:1;text-align:center;padding:var(--s2) 0 var(--s2);min-height:44px;box-sizing:border-box;font-size:var(--fs-1);color:var(--ink-3);font-family:var(--sans-cn);line-height:1.3}.mobtab a .ic{display:block;margin:0 auto var(--s1);width:20px;height:20px}.mobtab a .ic svg{width:20px;height:20px;display:block}.mobtab a.active{color:var(--accent)}@media(min-width:768px){.mobtab{display:none}}body{padding-bottom:var(--s8)}@media(min-width:768px){body{padding-bottom:0}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-card);margin:0;padding:var(--s1) 0;list-style:none;max-height:62vh;overflow:auto;text-align:left}.suggest[hidden]{display:none}.sg-item{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);cursor:pointer;color:var(--ink)}.sg-item:hover,.sg-item.on{background:var(--paper-2)}.sg-title{font-weight:500}.sg-en{color:var(--ink-3);font-style:italic;font-size:var(--fs-2)}.sg-meta{margin-left:auto;color:var(--ink-3);font-size:var(--fs-1);white-space:nowrap;padding-left:var(--s2)}.famnav{display:flex;margin:var(--s4) 0 var(--s1);border:1px solid var(--line);overflow-x:auto}.famnav a{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:var(--s2);font-family:var(--sans-cn);font-size:var(--fs-2);font-weight:700;color:var(--ink-2);padding:var(--s2) var(--s3);border-right:1px solid var(--line);white-space:nowrap}.famnav a:last-child{border-right:0}.famnav a b{font-family:var(--serif-en);font-size:var(--fs-1);font-weight:400;color:var(--ink-3)}.famnav a:hover{background:var(--paper-2);color:var(--accent);text-decoration:none}.famnav a:hover b{color:var(--accent)}.fam{margin:var(--s6) 0 0;scroll-margin-top:calc(var(--nav-h) + 12px)}.fam-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s2)}.fam-head h2{margin:0;font-size:var(--fs-6);font-weight:700;font-family:var(--serif-cn);color:var(--ink)}.fam-note{font-family:var(--sans-cn);font-size:var(--fs-2);font-weight:400;color:var(--ink-3);margin-left:var(--s2)}.fam-more{font-family:var(--sans-cn);font-size:var(--fs-2);color:var(--brand);white-space:nowrap;flex:none}.fam-desc{max-width:760px;font-size:var(--fs-2);color:var(--ink-3);margin:0 0 var(--s4)}.zi-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 8px;min-height:64px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);text-align:center;text-decoration:none;break-inside:avoid;transition:border-color var(--t),background var(--t)}.zi-chip .py{font-size:var(--fs-2);color:var(--ink-3);line-height:1;letter-spacing:.04em}.zi-chip .w{font-family:var(--serif-cn);font-size:var(--fs-4);font-weight:600;color:var(--ink);line-height:1.2;white-space:nowrap}.zi-chip:hover,.zi-chip:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.zi-chip:hover .w{color:var(--accent)}.zi-chip.solo .w{font-size:var(--fs-6)}.chip-grid{display:grid;gap:var(--card-gap);grid-template-columns:repeat(2,1fr)}@media(min-width:480px){.chip-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.chip-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.chip-grid{grid-template-columns:repeat(6,1fr)}}.chip-grid.solo-grid{grid-template-columns:repeat(4,1fr)}@media(min-width:480px){.chip-grid.solo-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:768px){.chip-grid.solo-grid{grid-template-columns:repeat(8,1fr)}}.chiprow{display:flex;flex-wrap:wrap;gap:var(--card-gap);margin:0}.chipl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 8px;min-height:64px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);text-align:center;text-decoration:none;transition:border-color var(--t),background var(--t)}.chipl i{font-style:normal;font-family:var(--serif-en);font-size:var(--fs-2);color:var(--ink-3);line-height:1;letter-spacing:.04em}.chipl:hover{border-color:var(--accent);background:var(--accent-soft);text-decoration:none}.chipl:hover,.chipl:hover i{color:var(--accent)}.chipl.zil{font-family:var(--serif-cn);font-size:var(--fs-6);font-weight:600;color:var(--ink);line-height:1.2}.chipl.zil i{font-family:var(--sans-cn);font-size:var(--fs-2)}.bookgrid,.toolgrid{display:grid;gap:var(--card-gap)}.bookgrid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr))}.toolgrid{grid-template-columns:repeat(auto-fill,minmax(228px,1fr))}.bookl,.toolgrid a{display:flex;flex-direction:column;gap:var(--s0);padding:var(--s3);background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);transition:background var(--t),border-color var(--t)}.bookl b{font-family:var(--serif-cn);font-size:var(--fs-3);font-weight:700;color:var(--ink)}.bookl span{font-size:var(--fs-1);color:var(--ink-3)}.bookl i{font-style:normal;font-family:var(--serif-en);font-size:var(--fs-1);color:var(--accent)}.bookl:hover,.toolgrid a:hover{background:var(--paper-2);text-decoration:none;border-color:var(--line-strong)}.bookl:hover b,.toolgrid a:hover b{color:var(--accent)}.toolgrid b{font-family:var(--sans-cn);font-size:var(--fs-3);font-weight:700;color:var(--ink)}.toolgrid span{font-size:var(--fs-1);color:var(--ink-3)}.grid-fill{display:block;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}.fam-links{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);margin:var(--s3) 0 0;padding-top:var(--s3);border-top:1px solid var(--line)}.fam-links a{font-family:var(--sans-cn);font-size:var(--fs-2);color:var(--ink-2)}.fam-links a:hover{color:var(--accent)}.fam-tools{margin-bottom:var(--s2)}.sg-kind{flex:none;font-family:var(--sans-cn);font-size:var(--fs-1);font-weight:700;color:var(--paper);padding:var(--s0) var(--s2);border-radius:var(--r);text-align:center;min-width:34px}.k-story{background:var(--c-china)}.k-idiom{background:var(--role-screenwriter)}.k-book{background:var(--dianji-ink)}.k-zi{background:var(--role-scholar)}.k-char{background:var(--role-teacher)}.sg-empty{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);padding:var(--s3);color:var(--ink-3);font-size:var(--fs-2);line-height:1.8}.sg-fam{font-family:var(--sans-cn);font-size:var(--fs-2);color:var(--ink-2);border:1px solid var(--line);padding:var(--s1) var(--s2);border-radius:var(--r)}.sg-fam:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}@media(max-width:639px){.famnav{margin-top:var(--s4)}.famnav a{padding:var(--s2) var(--s3);font-size:var(--fs-2)}.fam-head{flex-direction:column;align-items:flex-start;gap:0}.fam-note{display:block;margin:var(--s1) 0 0 var(--s3)}.bookgrid{grid-template-columns:repeat(2,1fr)}.toolgrid{grid-template-columns:1fr}.chipl.zil{min-width:48px;padding:var(--s2) var(--s2);font-size:var(--fs-5)}}.feat{margin:var(--s6) 0 var(--s2)}.feat-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s3)}.feat-head h2{margin:0;font-size:var(--fs-6);font-weight:700;font-family:var(--serif-cn);color:var(--ink)}.more-link{font-size:var(--fs-2);color:var(--brand);font-family:var(--sans-cn);white-space:nowrap}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:0}@media(min-width:940px){.row{grid-template-columns:repeat(4,1fr)}}@media(max-width:639px){.row{display:flex;overflow-x:auto;gap:0;padding-bottom:var(--s2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.row .card{flex:0 0 78%;scroll-snap-align:start;border-right:1px solid var(--line)}}.fgroup{display:grid;grid-template-columns:34px 1fr auto;gap:var(--s2);align-items:start;padding:var(--s2) 0;border-bottom:1px solid var(--line)}.flabel{font-family:var(--sans-cn);font-size:var(--fs-2);font-weight:700;color:var(--ink-3);flex:none;width:32px;padding-top:var(--s2)}.fgroup .filters{flex:1}@media(max-width:639px){.fgroup{grid-template-columns:30px 1fr}}.filters.pulse{animation:pulse .9s ease}@keyframes pulse{0%{box-shadow:0 0 #a32f2659}to{box-shadow:0 0 0 10px #a32f2600}}.sortbar{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin:var(--s2) 0 var(--s5);padding:var(--s0) 0}.cn-filter{display:flex;flex-direction:column;gap:0;margin:var(--s4) 0 var(--s1);border-top:1px solid var(--line)}.sorts{display:flex;gap:var(--s2);flex-wrap:wrap}.cat{padding-top:var(--s2)}.cat-hero{margin:var(--s5) 0 var(--s2);padding-bottom:var(--s3);border-bottom:1px solid var(--line)}.cat-hero h1{font-size:var(--fs-7);margin:0}.cat-sub{max-width:760px;font-size:var(--fs-3);color:var(--ink-2)}.cat-intro{background:transparent;border:1px solid var(--line);border-radius:0;padding:var(--s4) var(--s4);margin:var(--s3) 0}.cat-intro h2{font-size:var(--fs-5);margin-top:0}.cat-intro ul{color:var(--ink-2)}.cat-links{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s4) 0 var(--s2);padding-top:var(--s3);border-top:1px solid var(--line)}.cat-links a{font-family:var(--sans-cn);font-size:var(--fs-2);color:var(--ink-2);border:1px solid var(--line);padding:var(--s2) var(--s3);border-radius:var(--r)}.cat-links a:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.region-block{margin:var(--s4) 0 var(--s1)}.rb-head{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s3)}.rb-head h2{margin:0}.rb-note{font-size:var(--fs-1);color:var(--ink-3)}.rb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--card-gap)}.rb-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s3);break-inside:avoid}.rb-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}.rb-top b{font-family:var(--sans-cn);font-size:var(--fs-3);color:var(--ink)}.rb-top i{font-style:normal;font-size:var(--fs-1);color:var(--ink-3)}.rb-en{margin:var(--s0) 0 var(--s2);font-size:var(--fs-1);color:var(--ink-3);letter-spacing:.02em}.rb-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.rb-chips .cgn-chip{font-size:var(--fs-1);padding:var(--s1) var(--s2)}.cat-genrenav,.cat-series{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap;margin:var(--s4) 0 var(--s1)}.cgn-label{font-family:var(--sans-cn);font-size:var(--fs-2);font-weight:700;color:var(--ink-3);flex:none}.cgn-chip{font-family:var(--sans-cn);font-size:var(--fs-2);text-decoration:none;color:var(--ink-2);background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s1) var(--s3)}.cgn-chip:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}.cat-grp{margin:var(--s5) 0 var(--s2);scroll-margin-top:calc(var(--nav-h) + 12px)}.cat-grp-h{margin:0 0 var(--s3)}.cg-dot{width:9px;height:9px;flex:none}.cat-grp-more{margin-left:auto;font-size:var(--fs-2);font-weight:400;color:var(--brand);font-family:var(--sans-cn)}.pager{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;margin:var(--s5) 0 var(--s2);border:1px solid var(--line)}.pager a,.pager span.pager-empty{display:flex;align-items:center;gap:var(--s2);text-decoration:none;background:var(--card);border:0;border-right:1px solid var(--line);border-radius:0;padding:var(--s3) var(--s3);color:var(--ink);transition:background var(--t);min-height:58px}.pager>:last-child{border-right:0}.pager a:hover{background:var(--paper-2);text-decoration:none}.pager-empty{color:var(--ink-3);background:var(--paper-2)}.pager-next{justify-content:flex-end;text-align:right}.pg-ar{font-family:var(--serif-en);font-size:var(--fs-6);line-height:1;color:var(--accent);flex:none}.pg-tx{display:flex;flex-direction:column;gap:var(--s0);min-width:0}.pg-lab{font-size:var(--fs-1);color:var(--ink-3)}.pg-tt{font-size:var(--fs-3);font-weight:700;font-family:var(--sans-cn);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pager-rank{justify-content:center;align-items:center;font-family:var(--sans-cn);font-weight:500;color:var(--ink);background:var(--paper-2)}.pager-rank:hover{background:var(--ink)!important;color:var(--paper)!important}@media(max-width:639px){.pager{grid-template-columns:1fr 1fr}.pager-rank{grid-column:1 / -1;order:-1;border-bottom:1px solid var(--line)}}.rank-list{list-style:none;margin:var(--s2) 0 var(--s1);padding:0;display:flex;flex-direction:column;gap:0}.rank-item{display:grid;grid-template-columns:44px 1fr auto;gap:var(--s3);align-items:start;padding:9px 0;break-inside:avoid}.rank-list .rank-item+.rank-item{border-top:0}.rk-no{font-family:var(--serif-en);font-size:var(--fs-6);font-weight:700;color:var(--ink-3);text-align:center;line-height:1.5;margin-top:2px}.rk-no.top1{color:var(--accent)}.rk-no.top2{color:var(--bronze)}.rk-no.top3{color:#9a7b23}.rk-no.top1,.rk-no.top2,.rk-no.top3{font-size:var(--fs-7)}.rk-cover,.rk-badge{display:none}.rk-body{min-width:0;display:flex;flex-direction:column;gap:var(--s1)}.rk-title{font-size:var(--fs-4);font-weight:700;color:var(--ink);font-family:var(--serif-cn);text-decoration:none}.rk-title:hover{color:var(--accent)}.rk-en{font-size:var(--fs-1);color:var(--ink-3);font-style:italic}.rk-meta{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}.rk-genre{font-size:var(--fs-1);font-weight:700;color:var(--accent, var(--brand));border:1px solid currentColor;border-radius:0;padding:var(--s0) var(--s2)}.rk-sum{font-size:var(--fs-2);line-height:1.6;color:var(--ink-3);margin:var(--s0) 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rk-pop{font-size:var(--fs-1);color:var(--ink-3);white-space:nowrap;align-self:flex-start;font-family:var(--serif-en)}@media(max-width:639px){.rank-item{grid-template-columns:32px 1fr}.rk-pop{grid-column:2;justify-self:start}}.badge.age{color:#fff}.card .ctaz{font-family:var(--serif-en);font-size:var(--fs-2);font-weight:700;color:var(--accent);margin-right:var(--s2)}.card .era{color:var(--ink-3);white-space:normal;word-break:break-word;margin-left:auto;padding-left:var(--s2);text-align:right}.illu{margin:var(--s4) 0;border:1px solid var(--line);border-radius:0;overflow:hidden;background:var(--card)}.illu svg{width:100%;height:auto;display:block}.illu figcaption{font-size:var(--fs-1);color:var(--ink-3);padding:var(--s2) var(--s3);border-top:1px solid var(--line)}.illu .ph{color:var(--accent);margin-left:var(--s1)}.illu-mini{max-width:280px;margin:var(--s2) 0}.print-bar{position:sticky;bottom:12px;z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);background:var(--card);border:1px solid var(--line-strong);border-radius:var(--r);padding:var(--s2) var(--s3);margin:var(--s5) 0}.print-btn{border:0;background:var(--ink);color:var(--paper);border-radius:var(--r);padding:var(--s2) var(--s4);font-size:var(--fs-3);cursor:pointer;font-family:var(--sans-cn);font-weight:500}.print-btn:hover{background:var(--accent)}.print-opts{display:flex;gap:var(--s3);flex-wrap:wrap;font-size:var(--fs-2);color:var(--ink-2)}.print-opts label{display:inline-flex;align-items:center;gap:var(--s1);cursor:pointer}.print-role-label{display:none}.cat-page{padding-top:var(--s2);padding-bottom:var(--s6)}.cat-head{padding-bottom:var(--s2);margin:var(--s5) 0 var(--s4);border-bottom:1px solid var(--line)}.cat-head h1{font-size:var(--fs-7);margin:0;display:inline-block}.cat-en{color:var(--ink-3);font-size:var(--fs-2);margin-left:var(--s2)}.cat-desc{color:var(--ink-2);margin:var(--s2) 0 var(--s0);max-width:640px}.cat-count{color:var(--ink-3);font-size:var(--fs-2);margin:var(--s0) 0 0}.cat-back{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--line)}.cat-back a{color:var(--brand)}.catnav{margin:var(--s4) 0 var(--s1);display:flex;flex-direction:column;gap:0}.catnav-row{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s2) 0}.catnav-label{flex:none;width:40px;color:var(--ink-3);font-size:var(--fs-2);padding-top:var(--s1);font-weight:700}.catnav-chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.cat-chip,.cat-chip:hover{text-decoration:none}@media print{.topbar,.mobtab,.foot,.role-blurb,.print-bar,.lang-toggle,.theme-toggle,.role-row,.mini-btn,.illu,.illu-mini,#pyToggle,#quizNext,.refs,.chars-block,.rec-block,.rec-grid,.pager,.navtoggle,.yw-tools,.yw-chk,.yw-hint,.yw-tr-note,.yw-hit:after,.famnav,.suggest,.fam-more,.fam-links{display:none!important}body{padding-bottom:0;background:#fff;color:#000}:root{--paper: #fff;--ink: #000;--ink-2: #222;--ink-3: #444;--accent: #000;--line: #ccc;--line-strong: #999}.wrap{max-width:none;padding:0}.tabpanel{display:none!important}.tabpanel.on,.quiz .qitem{display:block!important}.mod-quiz,.mod-zibiao,.mod-reading{break-inside:auto}.mod-reading .ranswer{display:none!important}.mod-reading .ritem{border-top:1px solid #ccc}.ropt,.rinput{border:1px solid #999;background:#fff}.print-role-label{display:block!important;font-family:var(--serif-cn);font-size:var(--fs-3);font-weight:700;border-bottom:2px solid #000;margin:0 0 var(--s3);padding-bottom:var(--s2)}.tabpanel .body-text{font-size:var(--fs-3);line-height:2.6}.tabpanel .body-text .py .pyt{display:block!important;order:-1;font-size:var(--fs-ruby);color:#444;margin-bottom:var(--s1)}.illu{border:1px solid #ccc;break-inside:avoid}.illu svg{max-height:150px}.vocab{border-bottom:1px dotted #000}.vocab:after{display:none!important}.panel-mod{border:1px solid #ccc;background:#fff;break-inside:avoid}.refs a{color:#000;border:1px solid #999}a{color:#000;text-decoration:none}.chars-block{break-inside:avoid}.hide-vocab .mod-vocab,.hide-quiz .mod-quiz,.hide-illu .mod-illu,.hide-chars .chars-block{display:none!important}body.print-solo .crumbs,body.print-solo .story-head,body.print-solo .section-title,body.print-solo .print-role-label,body.print-solo .panel-mod:not([data-solo]){display:none!important}body.print-solo .panel-mod[data-solo]{display:block!important}body.print-solo .panel-mod[data-solo]:before{content:attr(data-print-title);display:block;font-family:var(--serif-cn);font-size:var(--fs-4);font-weight:700;border-bottom:2px solid #000;margin:0 0 var(--s3);padding-bottom:var(--s2)}@page{size:A4;margin:16mm}}.canon-books{margin:var(--s6) 0 var(--s2)}.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(206px,1fr));gap:var(--card-gap);margin:var(--s3) 0}.bk-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s1);break-inside:avoid}.bk-card.bk-pending{background:transparent;opacity:.65}.bk-name{font-family:var(--serif-cn);font-size:var(--fs-3);font-weight:700;color:var(--ink)}.bk-n{font-size:var(--fs-1);color:var(--brand);font-weight:600}.bk-card.bk-pending .bk-n{color:var(--ink-3);font-weight:400}.bk-items{font-size:var(--fs-2);line-height:1.85;display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2)}.bk-items a{color:var(--ink-2);border-bottom:1px solid var(--line)}.bk-items a:hover{color:var(--brand);border-bottom-color:var(--brand)}.bk-dj{font-size:var(--fs-1);color:var(--dianji-ink);border-top:1px solid var(--line);padding-top:var(--s2);margin-top:var(--s0)}.bk-dj:hover{color:var(--brand)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(226px,1fr));gap:var(--card-gap);margin:var(--s3) 0 var(--s2)}.plan-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s3);position:relative;break-inside:avoid}.plan-card .pc-label{font-family:var(--serif-cn);font-size:var(--fs-3);font-weight:700;color:var(--ink-2)}.plan-card .pc-en{display:block;font-size:var(--fs-1);color:var(--ink-3);letter-spacing:.3px}.plan-card .pc-status{position:absolute;top:12px;right:13px;font-size:var(--fs-1);padding:var(--s0) var(--s2);border-radius:0;background:transparent;color:var(--ink-3);border:1px solid var(--line)}.plan-card .pc-desc{font-size:var(--fs-2);color:var(--ink-3);margin:var(--s2) 0 var(--s2);line-height:1.65}.plan-card .pc-src{font-size:var(--fs-1);color:var(--ink-3);margin:0;border-top:1px solid var(--line);padding-top:var(--s2)}.sec-note{font-size:var(--fs-2);color:var(--ink-3);margin:calc(-1 * var(--s2)) 0 var(--s3);line-height:1.7}.cgn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--card-gap);margin:var(--s3) 0 var(--s5)}.cgn-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s1);transition:background var(--t),border-color var(--t);break-inside:avoid}.cgn-card:hover{background:var(--paper-2);border-color:var(--line-strong)}.cc-word{font-family:var(--serif-cn);font-size:var(--fs-5);font-weight:700;color:var(--ink);letter-spacing:.04em}.cc-py{font-size:var(--fs-1);color:var(--ink-3)}.cc-mean{font-size:var(--fs-2);color:var(--ink-2);line-height:1.6}.cc-go{font-size:var(--fs-1);color:var(--brand);font-weight:500;margin-top:var(--s0)}.char-chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 var(--s5)}.char-chip{display:flex;align-items:baseline;gap:var(--s1);padding:var(--s1) var(--s2);background:var(--paper-2);border:1px solid var(--line);border-radius:0}.char-chip b{font-family:var(--serif-cn);font-size:var(--fs-3);color:var(--ink)}.char-chip span{font-size:var(--fs-ruby);color:var(--ink-3)}.char-chip:hover{border-color:var(--accent);background:var(--brand-soft)}.letter-nav{display:flex;flex-wrap:wrap;gap:var(--s1);margin:var(--s2) 0 var(--s4)}.letter-nav a,.letter-nav .ln-cur{min-width:25px;text-align:center;padding:var(--s1) var(--s2);font-size:var(--fs-2);border-radius:0;border:1px solid var(--line);background:var(--card);color:var(--ink-2);font-family:var(--serif-en)}.letter-nav a:hover{border-color:var(--accent);color:var(--accent)}.letter-nav .ln-cur{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:700}.lg-block{margin:0 0 var(--s4);scroll-margin-top:calc(var(--nav-h) + 10px)}.lg-head{margin:0 0 var(--s2)}.lg-k{font-family:var(--serif-en);font-size:var(--fs-5);font-weight:700;color:var(--accent)}.lg-n{font-size:var(--fs-1);color:var(--ink-3);font-weight:400}.lg-more{margin-left:auto;font-size:var(--fs-1);color:var(--brand);font-weight:600}.idiom-list{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);font-size:var(--fs-2);line-height:1.95}.idiom-list a{color:var(--ink-2);border-bottom:1px solid transparent}.idiom-list a:hover{color:var(--brand);border-bottom-color:var(--brand)}.idiom-list.wide{gap:var(--s2) var(--s2);font-size:var(--fs-3)}.idiom-list.wide a{padding:var(--s0) var(--s2);background:var(--paper-2);border-radius:0;display:inline-flex;align-items:baseline;gap:var(--s1)}.il-via{font-size:var(--fs-ruby);color:var(--accent)}.idiom-head{padding:var(--s4) 0 var(--s4);border-bottom:1px solid var(--line);margin-bottom:var(--s5)}.idiom-head h1{font-family:var(--serif-cn);font-size:var(--fs-hero);letter-spacing:.16em;margin:0 0 var(--s2);color:var(--ink)}.ih-py{font-family:var(--serif-en);font-size:var(--fs-3);color:var(--ink-3);letter-spacing:.06em;margin:0 0 var(--s3)}.ih-meta{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);font-size:var(--fs-1);color:var(--ink-3);margin:0}.idiom-sec{margin-bottom:var(--s5)}.idiom-sec .ih-mean,.idiom-sec .ih-note,.idiom-sec .ih-src,.idiom-sec .dj-yw{max-width:var(--prose-w)}.ih-mean{font-size:var(--fs-prose);line-height:var(--lh-prose);color:var(--ink);margin:0}.ih-src{margin:0;padding:var(--s3) var(--s4);background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--r-sm);font-size:var(--fs-3);line-height:1.9;color:var(--ink)}.story-cta{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s4);background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-sm)}.story-cta:hover{background:var(--paper-2);text-decoration:none}.sc-badge{align-self:flex-start;font-size:var(--fs-1);padding:var(--s0) var(--s2);border-radius:0;background:var(--brand-soft);color:var(--brand);font-weight:600}.sc-title{font-family:var(--serif-cn);font-size:var(--fs-5);font-weight:700;color:var(--ink)}.sc-note{font-size:var(--fs-2);color:var(--ink-3)}.pn-nav{display:flex;justify-content:space-between;gap:var(--s3);margin:var(--s5) 0 var(--s4);padding-top:var(--s3);border-top:1px solid var(--line);font-size:var(--fs-3)}.pn-nav a{color:var(--brand)}.pn-prev,.pn-next{min-height:1px}.idiom-full{display:flex;flex-direction:column}.if-row{display:grid;grid-template-columns:96px 148px 1fr auto;gap:var(--s3);align-items:baseline;padding:var(--s2) var(--s1);border-bottom:1px solid var(--line)}.if-row:hover{background:var(--paper-2)}.if-w{font-family:var(--serif-cn);font-size:var(--fs-4);font-weight:700;color:var(--ink);text-decoration:none}.if-w:hover{color:var(--brand);text-decoration:underline;text-underline-offset:3px}.if-py{font-family:var(--serif-en);font-size:var(--fs-1);color:var(--ink-3)}.if-m{font-size:var(--fs-2);color:var(--ink-2);line-height:1.6}.if-tag{font-size:var(--fs-ruby);padding:var(--s0) var(--s2);border-radius:0;background:var(--brand-soft);color:var(--brand);text-decoration:none;white-space:nowrap}a.if-tag:hover{background:var(--brand);color:var(--paper);text-decoration:none}.zi-list{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);margin:0}.zi-list a{display:inline-flex;align-items:baseline;gap:var(--s1);padding:var(--s0) var(--s2);border-radius:0;background:var(--paper-2);color:var(--ink-2)}.zi-list a b{font-family:var(--serif-cn);font-size:var(--fs-3);color:var(--ink)}.zi-list a i{font-style:normal;font-family:var(--serif-en);font-size:var(--fs-ruby);color:var(--ink-3)}.zi-list a:hover{background:var(--brand-soft);color:var(--brand)}.zi-sec{margin-bottom:var(--s6)}.zi-tools{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s2) 0 0}.zi-tools a{font-size:var(--fs-2);padding:var(--s2) var(--s3);border-radius:var(--r);background:transparent;border:1px solid var(--line);color:var(--ink-2)}.zi-tools a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.word-chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s2) 0}.word-chip{display:inline-flex;align-items:baseline;gap:var(--s1);padding:var(--s1) var(--s2);border-radius:0;background:var(--paper-2);font-size:var(--fs-3);color:var(--ink-2);border:1px solid transparent}.word-chip.cy{background:var(--brand-soft);color:var(--brand-deep);border-color:var(--brand-soft)}.word-chip.cy i{font-style:normal;font-size:var(--fs-ruby);color:var(--brand);background:var(--card);border-radius:0;padding:0 var(--s1)}.word-chip.cy:hover{border-color:var(--accent)}.ih-book{color:var(--dianji-ink);font-weight:600;border-bottom:1px solid currentColor}.ih-book:hover{color:var(--accent)}.dj-chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 0}.dj-chip{display:flex;flex-direction:column;gap:var(--s0);padding:var(--s2) var(--s3);background:var(--card);border:1px solid var(--line);border-radius:0;transition:background var(--t),border-color var(--t)}.dj-chip b{font-family:var(--serif-cn);font-size:var(--fs-3);color:var(--dianji-ink)}.dj-chip span{font-size:var(--fs-1);color:var(--ink-3)}.dj-chip:hover{border-color:var(--dianji-ink);background:var(--paper-2);text-decoration:none}.dj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:var(--card-gap);margin:var(--s3) 0 var(--s5)}.dj-card{position:relative;display:flex;flex-direction:column;gap:var(--s1);padding:var(--s3);background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);transition:background var(--t);break-inside:avoid}.dj-card:hover{background:var(--paper-2);text-decoration:none}.dc-book{font-family:var(--serif-cn);font-size:var(--fs-3);font-weight:700;color:var(--ink)}.dc-meta{font-size:var(--fs-1);color:var(--ink-3)}.dc-n{font-size:var(--fs-1);font-weight:600;color:var(--dianji-ink)}.dc-badge{position:absolute;top:9px;right:10px;font-size:var(--fs-ruby);padding:var(--s0) var(--s1);border-radius:0;background:transparent;color:var(--dianji-ink);border:1px solid var(--line)}.dj-canon{font-size:var(--fs-2);line-height:1.8;color:var(--ink-2);background:transparent;border:1px solid var(--line);border-left:3px solid var(--dianji-ink);border-radius:0;padding:var(--s2) var(--s3);margin:0 0 var(--s2)}.dj-canon a{color:var(--dianji-ink);font-weight:600}.dj-units{display:grid;grid-template-columns:repeat(auto-fill,minmax(186px,1fr));gap:var(--card-gap);margin:var(--s3) 0 var(--s5)}.dj-group-head{justify-content:space-between;margin:var(--s5) 0 0}.dj-group-head span{font-size:var(--fs-1);font-weight:400;color:var(--ink-3)}.dj-group-head+.dj-units{margin-top:0}.dj-unit{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);padding:var(--s2) var(--s3);background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);transition:background var(--t)}.dj-unit b{font-family:var(--serif-cn);font-size:var(--fs-3);color:var(--ink)}.dj-unit span{font-size:var(--fs-1);color:var(--ink-3);white-space:nowrap}.dj-unit:hover{background:var(--paper-2);text-decoration:none}.dj-idioms{list-style:none;margin:0;padding:0}.dj-idioms>li{padding:var(--s3) 0;border-bottom:1px solid var(--line)}.dj-idioms>li:last-child{border-bottom:0}.di-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s2)}.di-word{font-family:var(--serif-cn);font-size:var(--fs-5);font-weight:700;color:var(--ink);border-bottom:1px solid transparent}.di-word:hover{color:var(--accent);border-bottom-color:var(--accent)}.di-py{font-family:var(--serif-en);font-size:var(--fs-1);color:var(--ink-3)}.di-ch{font-size:var(--fs-1);padding:var(--s0) var(--s2);border-radius:0;background:transparent;color:var(--dianji-ink);border:1px solid var(--line)}.di-story{font-size:var(--fs-1);color:var(--accent)}.di-mean{font-size:var(--fs-4);line-height:1.85;color:var(--ink);margin:var(--s2) 0 0}.di-src{margin:var(--s2) 0 0;padding:var(--s2) var(--s3);background:var(--paper-2);border-left:3px solid var(--dianji-ink);border-radius:0;font-size:var(--fs-3);line-height:1.9;color:var(--ink-2)}.yw-text{font-family:var(--serif-cn);font-size:var(--fs-prose);line-height:var(--lh-yw);color:var(--ink);max-width:var(--prose-w);margin-inline:auto}.yw-text p{margin:0 0 var(--s4);text-indent:2em}.yw-text strong{font-weight:700;letter-spacing:.06em}.yw-hit{background:var(--brand-soft);color:var(--accent);padding:var(--s0) var(--s0);cursor:help;border-bottom:1px solid var(--accent);position:relative}.yw-hit:hover,.yw-hit:focus-visible{background:var(--accent);color:var(--paper);outline:none}.yw-hit:after{content:attr(data-tip);position:absolute;left:50%;bottom:158%;transform:translate(-50%);width:max-content;max-width:min(260px,74vw);white-space:normal;text-align:left;background:var(--ink);color:var(--paper);border:1px solid var(--line-strong);font-family:var(--sans-cn);font-size:var(--fs-2);line-height:1.65;font-weight:400;padding:var(--s1) var(--s2);z-index:85;opacity:0;pointer-events:none;transition:opacity var(--t)}.yw-hit:hover:after,.yw-hit:focus:after{opacity:1}.yw-text>p:first-of-type .yw-hit:after,.yw-text>.yw-pair:first-child>.yw-src .yw-hit:after{bottom:auto;top:158%}.yw-chk{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.yw-read{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:var(--s5);align-items:start}.yw-tools{position:sticky;top:calc(var(--nav-h) + 14px);display:flex;flex-direction:column;gap:var(--s2)}.yw-tool{display:flex;flex-direction:column;align-items:center;gap:var(--s1);padding:var(--s2) var(--s1);border:1px solid var(--line);background:var(--card);color:var(--ink-2);cursor:pointer;font-family:var(--sans-cn);font-size:var(--fs-1);line-height:1.2;user-select:none}.yw-tool svg{width:17px;height:17px;display:block}.yw-tool:hover{border-color:var(--line-strong);color:var(--ink)}#ywPy:checked~.yw-read .yw-tools label[for=ywPy],#ywAnno:checked~.yw-read .yw-tools label[for=ywAnno]{background:var(--accent);border-color:var(--accent);color:var(--paper)}#ywPy:focus-visible~.yw-read .yw-tools label[for=ywPy],#ywAnno:focus-visible~.yw-read .yw-tools label[for=ywAnno]{outline:2px solid var(--accent);outline-offset:2px}.yw-text .py{display:inline-flex;flex-direction:column;align-items:center;width:1em;vertical-align:text-bottom;line-height:1.12;margin:0 var(--s0)}.yw-text .py .pyc{display:block}.yw-text .py .pyt{order:-1;display:none;font-size:var(--fs-ruby);color:var(--ink-3);white-space:nowrap;line-height:1.2;margin-bottom:var(--s1);user-select:none;letter-spacing:0}#ywPy:checked~.yw-read .yw-text .pyt{display:block}#ywPy:checked~.yw-read .yw-text{line-height:3}#ywPy:checked~.yw-read .yw-text .py{width:auto;min-width:1em;margin:0 var(--s1)}#ywPy:checked~.yw-read .yw-text .py .pyt{letter-spacing:-.01em}.yw-tr{display:none}.yw-tr-note{display:none;margin:var(--s4) 0 0;font-size:var(--fs-2);color:var(--ink-3)}#ywTr:checked~.yw-read .yw-text .yw-tr{display:block}#ywTr:checked~.yw-tr-note{display:block}#ywTr:checked~.yw-read .yw-text .yw-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 var(--s5);align-items:start}#ywTr:checked~.yw-read .yw-text .yw-pair .yw-tr{font-family:var(--sans-cn);font-size:var(--fs-3);line-height:1.85;color:var(--ink-2);border-left:2px solid var(--line-strong);padding-left:var(--s3)}#ywTr:checked~.yw-read .yw-tools label[for=ywTr]{background:var(--accent);border-color:var(--accent);color:var(--paper)}#ywTr:focus-visible~.yw-read .yw-tools label[for=ywTr]{outline:2px solid var(--accent);outline-offset:2px}.famnav a,.bookl,.toolgrid a,.pager a,.story-cta,.if-row,.sg-item,.zi-list a,.card,.role-card,.rec-card,.story-graph-card,.char-card,.cgn-card,.dj-card,.dj-unit{transition:background var(--t),border-color var(--t)}.theme-toggle,.navtoggle,.chip,.mini-btn,.ropt,.quiz .opt,.refs a,.chipl,.sg-fam,.cat-links a,.cgn-chip,.char-chip,.letter-nav a,.zi-tools a,.word-chip.cy,.dj-chip,.yw-tool,.bk-items a,.idiom-list a,.di-word,.cat-chip,.tag,.char-pill,.ghost-btn,.print-btn,a.if-tag,.yw-hit,.pager-rank{transition:background var(--t),border-color var(--t),color var(--t)}.cat-chip{cursor:pointer}.cat-chip:hover{border-color:var(--accent);color:var(--accent)}.bookl,.toolgrid a,.famnav a,.sg-item,.zi-list a,.if-row,.story-cta,.cgn-card,.char-card,.role-card,.rec-card,.dj-chip,.dj-unit,.dj-card,.pager-rank,.cat-chip,.chipl,.cgn-chip,.char-chip,.letter-nav a,.zi-tools a,.word-chip,.mini-btn,.ghost-btn,.print-btn,.ropt,.refs a{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,.chip:focus-visible,.tag:focus-visible,.card:focus-visible,.mini-btn:focus-visible,.ghost-btn:focus-visible,.print-btn:focus-visible,.chipl:focus-visible,.cgn-chip:focus-visible,.char-chip:focus-visible,.word-chip:focus-visible,.letter-nav a:focus-visible,.zi-tools a:focus-visible,.ropt:focus-visible,.cat-chip:focus-visible,.bookl:focus-visible,.toolgrid a:focus-visible,.famnav a:focus-visible,.sg-item:focus-visible,.if-row:focus-visible,.dj-chip:focus-visible,.dj-unit:focus-visible,.dj-card:focus-visible,.cgn-card:focus-visible,.char-card:focus-visible,.role-card:focus-visible,.rec-card:focus-visible,.story-cta:focus-visible,.pager a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vocab:focus-visible,.yw-hit:focus-visible{outline:none}.mainnav>a{transition:color var(--t),border-bottom-color var(--t)}.mainnav>a.active:hover{color:var(--accent);border-bottom-color:var(--accent)}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;left:var(--s2);top:var(--s2);width:auto;height:auto;overflow:visible;padding:var(--s2) var(--s4);background:var(--ink);color:var(--paper);z-index:999;font-family:var(--sans-cn);font-size:var(--fs-2);font-weight:600;border-radius:var(--r);outline:2px solid var(--accent);outline-offset:2px}#main{display:block;height:0;scroll-margin-top:calc(var(--nav-h) + 12px)}#main:focus{outline:none}@media(max-width:1000px){#ywTr:checked~.yw-read .yw-text .yw-pair{grid-template-columns:minmax(0,1fr);gap:var(--s0) 0}#ywTr:checked~.yw-read .yw-text .yw-pair .yw-tr{border-left:0;border-top:1px dashed var(--line);padding-left:0;padding-top:var(--s2)}}.yw-anno{display:none;margin-top:var(--s6);border-top:2px solid var(--ink);padding-top:var(--s4)}#ywAnno:checked~.yw-anno{display:block}.yw-anno-title{font-family:var(--sans-cn);font-size:var(--fs-5);color:var(--ink);margin:0 0 var(--s2)}.yw-anno-note{font-size:var(--fs-2);color:var(--ink-3);margin:0 0 var(--s4)}.yw-anno-list{margin:0}.yw-anno-item{padding:var(--s3) 0;border-bottom:1px solid var(--line)}.yw-anno-item dt{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s2);font-family:var(--serif-cn);font-size:var(--fs-6);font-weight:700;color:var(--ink)}.yw-anno-item dt a{color:var(--accent)}.yw-anno-py{font-family:var(--sans-cn);font-size:var(--fs-2);font-weight:400;color:var(--ink-3)}.yw-anno-item dd{margin:var(--s2) 0 0;font-size:var(--fs-3);line-height:1.85;color:var(--ink-2)}.yw-anno-item .yw-anno-src{font-family:var(--serif-cn);font-size:var(--fs-3);color:var(--ink-3);border-left:3px solid var(--line);padding-left:var(--s2)}.yw-hint{margin:var(--s4) 0 0;font-size:var(--fs-2);color:var(--ink-3)}.dj-yw{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s2);margin:var(--s3) 0 0;font-size:var(--fs-2);color:var(--ink-2)}.dj-yw a{color:var(--dianji-ink);font-weight:600}.dj-yw a:hover{color:var(--accent)}@media(max-width:900px){.yw-read{grid-template-columns:minmax(0,1fr);gap:0}.yw-tools{position:sticky;top:calc(var(--nav-h) - 1px);z-index:40;flex-direction:row;gap:var(--s2);background:var(--paper);padding:var(--s2) 0 var(--s2);border-bottom:1px solid var(--line);margin-bottom:var(--s3)}.yw-tool{flex-direction:row;gap:var(--s2);padding:var(--s2) var(--s3);font-size:var(--fs-2)}.yw-tool svg{width:15px;height:15px}}@media(max-width:640px){.if-row{grid-template-columns:1fr auto}.if-py,.if-m{grid-column:1 / -1}.idiom-head h1{font-size:var(--fs-7);letter-spacing:.1em}.dj-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.dj-units{grid-template-columns:1fr}.yw-text{font-size:var(--fs-prose);line-height:1.95}.yw-text p{margin-bottom:var(--s4)}#ywPy:checked~.yw-read .yw-text{line-height:2.85}.foot-cols{grid-template-columns:repeat(2,1fr);gap:var(--s4)}.rank-item{padding:var(--s3) var(--s0)}}.card-x{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-card);padding:var(--card-pad);break-inside:avoid}.hl-accent{color:var(--accent)}.hl-bronze{color:var(--bronze)}.card-x,.card{transition:transform var(--t),box-shadow var(--t)}.card-x:hover,.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.fam.card-x,.fam.card-x:hover{transform:none;box-shadow:var(--shadow-card)}.topbar{transition:box-shadow var(--t),background var(--t)}.topbar.shrunk{box-shadow:0 1px 0 var(--line),0 8px 22px #594a3012}.topbar.shrunk .mainnav>a,.topbar.shrunk .mainnav>details.nav-more>summary{line-height:38px;padding:0 12px}.to-top{position:fixed;right:22px;bottom:22px;z-index:120;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--card);color:var(--accent);border:1px solid var(--accent);box-shadow:var(--shadow-card);cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--t),transform var(--t),background var(--t),color var(--t)}.to-top.show{opacity:1;transform:translateY(0);pointer-events:auto}.to-top:hover{background:var(--accent);color:#fff;text-decoration:none}.to-top svg{width:20px;height:20px}@media(max-width:640px){.to-top{right:14px;bottom:72px}}.prose{max-width:var(--prose-w);font-family:var(--serif-cn);font-size:var(--fs-prose);line-height:var(--lh-prose);color:var(--ink)}.prose p{margin:0 0 var(--s5);text-indent:2em}.prose .bh{font-size:var(--fs-4);line-height:var(--lh-body);color:var(--ink-2)}.btn-pri,.btn-sec,.btn-txt{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:40px;padding:10px 20px;border-radius:var(--r-sm);font-family:var(--sans-cn);font-size:var(--fs-3);font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t)}.btn-pri{background:var(--accent);border:1px solid var(--accent);color:#fff}.btn-pri:hover{background:var(--accent-deep);border-color:var(--accent-deep);text-decoration:none}.btn-sec{background:transparent;border:1px solid var(--line-strong);color:var(--ink)}.btn-sec:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.btn-txt{height:auto;padding:0;border:0;background:transparent;color:var(--accent);font-weight:400}.btn-txt:hover{text-decoration:underline;text-underline-offset:3px}.btn-pri.cp,.btn-sec.cp{height:32px;padding:6px 14px}.home-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6);align-items:start}.home-side{display:flex;flex-direction:column;gap:var(--card-gap)}@media(min-width:1200px){.home-cols{grid-template-columns:minmax(0,1fr) 300px}:root{--card-pad: 24px;--card-gap: 20px}}@media(max-width:640px){:root{--fs-prose: 16px;--card-pad: 16px}}.daily-zi{display:flex;flex-direction:column;gap:var(--s3)}.daily-zi .dz-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.daily-zi .dz-head .sec-title{margin:0}.daily-zi .dz-swap{font-size:var(--fs-1);color:var(--ink-3)}.daily-zi .dz-swap:hover{color:var(--accent)}.tian-grid{position:relative;width:120px;height:120px;margin:0 auto;background:var(--card);border:1px solid var(--line-strong);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-position:center;background-size:100% 1px,1px 100%;display:flex;align-items:center;justify-content:center}.tian-grid:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M4 4 L116 116 M116 4 L4 116' stroke='%23E0D6C0' stroke-width='1' stroke-dasharray='4 4'/%3E%3C/svg%3E");background-size:100% 100%}.tian-grid .tg-char{font-family:var(--serif-cn);font-size:64px;color:var(--ink);line-height:1;z-index:1}.daily-zi .dz-py{text-align:center;font-size:var(--fs-3);color:var(--accent)}.daily-zi .dz-mean{font-size:var(--fs-2);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.daily-zi .dz-words{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--s2)}.daily-zi .dz-words a{font-size:var(--fs-3);color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.daily-zi .dz-words a:hover{color:var(--accent)}.daily-zi .dz-go{margin-top:var(--s1)}.hot-rank .hr-list{list-style:none;margin:0;padding:0}.hot-rank .hr-item{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:9px 0;align-items:baseline}.hot-rank .hr-no{font-family:var(--serif-en);font-size:var(--fs-4);font-weight:700;color:var(--ink-3);text-align:center}.hot-rank .hr-item:nth-child(1) .hr-no{color:var(--accent)}.hot-rank .hr-item:nth-child(2) .hr-no{color:var(--bronze)}.hot-rank .hr-item:nth-child(3) .hr-no{color:#9a7b23}.hot-rank .hr-name{font-size:var(--fs-3);color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hot-rank .hr-name:hover{color:var(--accent)}.hot-rank .hr-pop{font-size:var(--fs-1);color:var(--ink-3);white-space:nowrap}.hot-rank .hr-more{margin-left:auto;font-size:var(--fs-2);color:var(--accent)}.sbtn{display:inline-flex;align-items:center;gap:var(--s2);margin-right:var(--s2);height:36px;border:1px solid var(--line);background:var(--card);color:var(--ink-3);font-family:var(--sans-cn);font-size:var(--fs-2);padding:0 var(--s2);border-radius:var(--r-sm);cursor:pointer;transition:border-color var(--t),color var(--t)}.sbtn:hover{color:var(--accent);border-color:var(--accent)}.sbtn-t{white-space:nowrap}.sbtn-k{font-family:var(--serif-en);font-size:var(--fs-ruby);line-height:1;border:1px solid var(--line);padding:var(--s0) var(--s1);border-radius:var(--r-sm);color:var(--ink-3)}@media(max-width:720px){.sbtn-t,.sbtn-k{display:none}.sbtn{padding:0 var(--s2);margin-right:var(--s1)}}.soverlay{position:fixed;inset:0;z-index:200}.soverlay-mask{position:absolute;inset:0;background:#2b262073}:root[data-theme=dark] .soverlay-mask{background:#0000009e}.spanel{position:relative;max-width:660px;margin:9vh auto 0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-card);overflow:hidden;padding:0 0 var(--s2)}@media(max-width:720px){.spanel{margin:0;max-width:none;height:100%;border:0;border-radius:0}}.sinput-row{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line)}.sinput-row svg{flex:none;color:var(--ink-3)}.sinput-row input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-family:var(--sans-cn);font-size:var(--fs-4)}.sinput-row input::placeholder{color:var(--ink-3)}.sclose{flex:none;border:1px solid var(--line);background:var(--card);color:var(--ink-3);font-family:var(--serif-en);font-size:var(--fs-1);padding:var(--s1) var(--s2);border-radius:var(--r-sm);cursor:pointer}.sclose:hover{color:var(--ink);border-color:var(--line-strong)}.slist{list-style:none;margin:0;padding:0;max-height:58vh;overflow:auto}@media(max-width:720px){.slist{max-height:none}}.slist[hidden]{display:none}.sitem{display:flex;align-items:baseline;gap:var(--s2);padding:var(--s2) var(--s4);border-bottom:1px solid var(--line);cursor:pointer}.sitem.on,.sitem:hover{background:var(--paper-2)}.skind{flex:none;font-family:var(--sans-cn);font-size:var(--fs-ruby);line-height:1.7;padding:0 var(--s2);color:var(--paper);background:var(--ink-3)}.skind.k-story{background:var(--c-china)}.skind.k-idiom{background:#8c6a1f}.skind.k-book{background:var(--dianji-ink)}.skind.k-zi{background:#2e6e7e}.skind.k-char{background:#8a5a33}.stitle{font-family:var(--serif-cn);font-size:var(--fs-3);font-weight:700;color:var(--ink)}.sen{font-family:var(--serif-en);font-size:var(--fs-1);color:var(--ink-3);font-style:italic}.smeta{font-size:var(--fs-1);color:var(--ink-3);margin-left:auto;white-space:nowrap;min-width:0;max-width:46%;overflow:hidden;text-overflow:ellipsis}.sempty{padding:var(--s3) var(--s4);font-size:var(--fs-2);color:var(--ink-2)}.sempty a{margin-left:var(--s2)}.sfoot{margin:0;padding:var(--s2) var(--s4) var(--s1);font-size:var(--fs-1);color:var(--ink-3);border-top:1px solid var(--line);display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap}.sfoot kbd{font-family:var(--serif-en);font-size:var(--fs-ruby);border:1px solid var(--line);padding:0 var(--s1);border-radius:var(--r-sm)}