:root{--background:#f5efe3;--foreground:#211e1a;--card:#fffdf7;--card-foreground:#211e1a;--primary:#9f2d27;--primary-foreground:#fffaf0;--secondary:#e8dfcf;--secondary-foreground:#332d26;--muted:#ebe3d6;--muted-foreground:#766d62;--accent:#c49a49;--accent-foreground:#211e1a;--border:#d8cdbb;--input:#d8cdbb;--ring:#9f2d27;--destructive:#b42318;--radius:.7rem;--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Iowan Old Style", "Songti SC", "Noto Serif CJK SC", Georgia, serif}.dark{--background:#171511;--foreground:#f8f0e2;--card:#211e19;--card-foreground:#f8f0e2;--primary:#d65b50;--primary-foreground:#fff8eb;--secondary:#302a22;--secondary-foreground:#f8f0e2;--muted:#2b2721;--muted-foreground:#bcb0a0;--accent:#d2aa59;--accent-foreground:#171511;--border:#443b31;--input:#443b31;--ring:#d65b50}*{box-sizing:border-box;border-color:var(--border)}html{scroll-behavior:smooth}body{color:var(--foreground);background-color:var(--background);font-family:var(--font-sans);background-image:radial-gradient(circle at 15% 10%,#ffffff6b,#0000 25rem),linear-gradient(#6f543008 1px,#0000 1px);background-size:auto,100% 28px;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.site-header{border-bottom:1px solid color-mix(in srgb, var(--border), transparent 20%);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:80px;margin:0 auto;display:grid}.brand{align-items:center;gap:12px;width:fit-content;display:inline-flex}.brand img{border-radius:13px;width:44px;height:44px;box-shadow:0 5px 16px #511e1829}.brand span{line-height:1.05;display:grid}.brand strong{font-family:var(--font-serif);font-size:1.05rem}.brand small{color:var(--muted-foreground);letter-spacing:.16em;margin-top:4px;font-size:.68rem}.site-header nav{color:#5e554b;gap:32px;font-size:.9rem;display:flex}.site-header nav a:hover{color:var(--primary)}.header-search{color:#6e655b;justify-self:end;align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.header-search svg{width:17px;height:17px}.hero-shell{grid-template-columns:.92fr 1.08fr;align-items:center;gap:clamp(44px,8vw,108px);width:min(1180px,100% - 40px);min-height:650px;margin:0 auto;padding:78px 0 66px;display:grid}.eyebrow{color:var(--primary);letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px;font-size:.72rem;font-weight:700}.hero-copy h1{max-width:640px;font-family:var(--font-serif);letter-spacing:-.045em;margin:0;font-size:clamp(3.2rem,6vw,5.5rem);font-weight:500;line-height:.97}.hero-intro{color:#665e54;max-width:560px;font-family:var(--font-serif);margin:28px 0 0;font-size:1.15rem;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px;display:flex}.primary-button{color:var(--primary-foreground);background:var(--primary);border-radius:6px;align-items:center;gap:11px;padding:14px 20px;font-size:.88rem;font-weight:650;display:inline-flex;box-shadow:0 9px 24px #5c1d172e}.text-link{color:#5f554b;align-items:center;gap:9px;font-size:.88rem;font-weight:600;display:inline-flex}.daily-card{background:color-mix(in srgb, var(--card), transparent 3%);border:1px solid #d5c5ad;border-radius:4px;padding:clamp(28px,5vw,54px);position:relative;box-shadow:0 28px 80px #43311d26}.daily-card:before{content:"成";border:2px solid color-mix(in srgb, var(--primary), transparent 20%);width:46px;height:46px;color:var(--primary);font-family:var(--font-serif);opacity:.85;place-items:center;font-size:1.6rem;display:grid;position:absolute;top:22px;right:30px;transform:rotate(-4deg)}.card-kicker{color:#8c7962;letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;gap:20px;padding-right:62px;font-size:.68rem;font-weight:650;display:flex}.characters{font-family:var(--font-serif);letter-spacing:.08em;margin-top:36px;font-size:clamp(3.7rem,7vw,6.4rem);line-height:1.1}.pronunciation{color:var(--primary);justify-content:space-between;align-items:center;gap:20px;margin-top:12px;font-size:1rem;display:flex}.audio-hint{color:#8a7c6c;align-items:center;gap:6px;font-size:.72rem;display:inline-flex}.meaning{color:#51493f;font-family:var(--font-serif);border-top:1px solid #e3d9c9;margin:30px 0 0;padding-top:26px;font-size:1.08rem;line-height:1.72}.character-grid{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:10px;margin-top:26px;display:grid}.character-grid div{background:#fbf7ed;border:1px solid #e5dccd;align-content:center;gap:5px;min-height:78px;padding:12px;display:grid}.character-grid strong{font-family:var(--font-serif);font-size:1.35rem;font-weight:500}.character-grid span{color:#786f64;font-size:.67rem;line-height:1.3}.card-link{color:var(--primary);align-items:center;gap:9px;margin-top:28px;font-size:.82rem;font-weight:700;display:inline-flex}.card-utilities{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.utility-button{color:#5a4f44;background:#fffaf0;border:1px solid #d8cdbb;border-radius:5px;align-items:center;gap:8px;min-height:38px;padding-inline:14px;display:inline-flex}.utility-button:hover,.load-more button:hover{color:var(--primary);border-color:#a48d70}.utility-button.is-favorite{border-color:var(--primary);color:var(--primary);background:#fff4e9}.trust-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#756b5f;text-align:center;grid-template-columns:repeat(3,1fr);gap:20px;width:min(1180px,100% - 40px);margin:0 auto 42px;padding:22px 0;font-size:.76rem;display:grid}.trust-strip strong{color:#3c352d;font-weight:700}.site-footer{border-top:1px solid var(--border);color:#756b5f;grid-template-columns:1fr auto 1fr;align-items:end;gap:30px;width:min(1180px,100% - 40px);margin:70px auto 0;padding:44px 0 34px;font-size:.74rem;display:grid}.site-footer>div>p{margin:5px 0 0}.footer-mark{color:var(--primary);font-family:var(--font-serif);font-size:1.5rem}.site-footer nav{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.site-footer>p{justify-self:end;margin:0}.page-intro{width:min(920px,100% - 40px);margin:0 auto;padding:72px 0 42px}.page-intro h1,.prose-page h1{font-family:var(--font-serif);letter-spacing:-.04em;margin:0;font-size:clamp(3rem,7vw,5.4rem);font-weight:500;line-height:1}.page-intro>p:last-child{color:#6d6357;max-width:640px;font-family:var(--font-serif);margin:22px 0 0;font-size:1.16rem;line-height:1.65}.library-shell{width:min(1120px,100% - 40px);margin:0 auto}.library-search{align-items:center;max-width:680px;display:flex;position:relative}.library-search>svg{z-index:1;color:#8c8175;position:absolute;left:17px}.library-search input{width:100%;height:54px;color:var(--foreground);background:#fffaf0;border:1px solid #cfc1ae;border-radius:3px;padding:0 18px 0 50px;font-size:1rem;box-shadow:0 8px 26px #41311e12}.library-search input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.results-count{color:#82776b;letter-spacing:.08em;text-transform:uppercase;margin:18px 0 24px;font-size:.74rem}.library-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.library-card{background:color-mix(in srgb, var(--card), transparent 5%);border:1px solid #d9cdbb;border-radius:3px;flex-direction:column;min-height:238px;padding:28px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.library-card:hover{border-color:#bda98b;transform:translateY(-3px);box-shadow:0 16px 38px #41301c1a}.library-characters{font-family:var(--font-serif);letter-spacing:.06em;font-size:2.15rem}.library-pinyin{color:var(--primary);margin-top:6px;font-size:.78rem}.library-meaning{color:#665d52;font-family:var(--font-serif);margin-top:18px;font-size:.92rem;line-height:1.55}.library-open{color:#776958;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;margin-top:auto;padding-top:20px;font-size:.72rem;font-weight:700;display:flex}.library-open svg{width:14px}.load-more{justify-content:center;padding:34px 0 10px;display:flex}.load-more button{min-height:44px;color:var(--foreground);background:0 0;border:1px solid #bfae95;border-radius:5px;padding-inline:20px}.empty-state{text-align:center;color:#71675b;border:1px dashed #cabb9f;padding:80px 20px}.empty-state button{color:var(--primary);cursor:pointer;background:0 0;border:0;margin-top:10px;font-weight:700}.detail-shell{width:min(920px,100% - 40px);margin:0 auto;padding:44px 0 0}.back-link{color:#796f63;align-items:center;gap:7px;font-size:.78rem;display:inline-flex}.back-link svg{width:15px}.detail-heading{text-align:center;padding:64px 0 72px}.detail-heading h1{font-family:var(--font-serif);letter-spacing:.11em;margin:0;font-size:clamp(5rem,15vw,9rem);font-weight:500;line-height:1}.detail-pinyin{color:var(--primary);letter-spacing:.04em;margin:18px 0 0;font-size:1.18rem}.detail-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.detail-section{border-top:1px solid var(--border);padding:48px 0}.section-label{color:#8b7c6a;letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px;font-size:.68rem;font-weight:700}.meaning-section h2{max-width:800px;font-family:var(--font-serif);margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:500;line-height:1.3}.detail-breakdown{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.detail-breakdown div{text-align:center;background:#fffaf0;border:1px solid #ded2c0;place-content:center;gap:8px;min-height:130px;padding:20px;display:grid}.detail-breakdown strong{font-family:var(--font-serif);font-size:2.6rem;font-weight:500}.detail-breakdown span{color:#71675c;font-size:.76rem}.origin-section>p:not(.section-label){color:#514a42;max-width:760px;font-family:var(--font-serif);margin:0;font-size:1.23rem;line-height:1.85}.origin-section aside{color:#71675b;background:#ede4d5;border-left:3px solid #c99a48;margin-top:28px;padding:16px 18px;font-size:.75rem;line-height:1.55}.entry-navigation{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;padding-top:28px;display:grid}.entry-navigation a{background:#fffaf0;border:1px solid #d8cbb8;justify-content:space-between;align-items:center;gap:16px;min-height:88px;padding:18px;display:flex}.entry-navigation a:last-child{text-align:right}.entry-navigation small{color:#8c8174;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:.62rem;display:block}.prose-page{width:min(760px,100% - 40px);margin:0 auto;padding:80px 0 20px}.prose-page .lede{color:#665d52;font-family:var(--font-serif);margin:30px 0 54px;font-size:1.35rem;line-height:1.75}.prose-page h2{font-family:var(--font-serif);margin:42px 0 12px;font-size:1.65rem;font-weight:600}.prose-page p:not(.eyebrow):not(.lede){color:#5f574e;line-height:1.8}.prose-page .primary-button{width:fit-content;margin-top:30px}.inline-link{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.updated{margin-top:50px;font-size:.75rem}@media (width<=820px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero-shell{grid-template-columns:1fr;gap:52px;padding-top:52px}.hero-copy h1{font-size:clamp(3rem,13vw,5rem)}.daily-card{max-width:620px}.library-grid{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr;align-items:start}.site-footer nav{justify-content:flex-start}.site-footer>p{justify-self:start}}@media (width<=520px){.site-header,.hero-shell,.trust-strip{width:min(100% - 28px,1180px)}.header-search span{display:none}.hero-shell{padding-top:38px}.hero-copy h1 br{display:none}.characters{letter-spacing:.02em}.trust-strip{text-align:left;grid-template-columns:1fr;gap:10px}.library-grid{grid-template-columns:1fr}.library-card{min-height:210px}.entry-navigation{grid-template-columns:1fr}.detail-heading{padding:46px 0 56px}}