:root{--font-serif: "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;--font-sans: "Noto Sans SC", -apple-system, "PingFang SC", system-ui, sans-serif;--font-display: "Cormorant Garamond", "Noto Serif SC", serif;--step--1: clamp(.85rem, .8rem + .2vw, .95rem);--step-0: clamp(1rem, .95rem + .25vw, 1.1rem);--step-1: clamp(1.2rem, 1.1rem + .5vw, 1.45rem);--step-2: clamp(1.5rem, 1.3rem + 1vw, 2rem);--step-3: clamp(2rem, 1.6rem + 2vw, 3rem);--step-4: clamp(2.6rem, 1.9rem + 3.5vw, 4.6rem);--step-5: clamp(3.2rem, 2.2rem + 5vw, 6.5rem);--radius-s: 12px;--radius-m: 16px;--radius-l: 24px;--radius-pill: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--maxw: 1120px;--shadow-1: 0 1px 2px rgba(40,30,18,.06), 0 8px 30px rgba(40,30,18,.08);--shadow-2: 0 20px 60px rgba(40,30,18,.16)}:root,[data-theme=paper]{--bg:#efe7d8;--surface:#fbf7ee;--surface-2:#f1e8d8;--ink:#241c13;--ink-2:#4c4030;--ink-soft:#73644f;--line:#e2d6c1;--line-strong:#d2c2a6;--accent:#9a5b2c;--accent-2:#c0823f;--accent-soft:#caa06a;--gold:#b88f3f;--danger:#b4453a;--ok:#5d7d4e;color-scheme:light}[data-theme=ink]{--bg:#100d09;--surface:#1b160f;--surface-2:#231c13;--ink:#f1e7d6;--ink-2:#d8cab2;--ink-soft:#a8967c;--line:#322a1e;--line-strong:#463a29;--accent:#e0a866;--accent-2:#ecbd7d;--accent-soft:#d9ab74;--gold:#e0c483;--danger:#e07a6c;--ok:#9fb086;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .5s var(--ease),color .5s var(--ease);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background:radial-gradient(120% 80% at 50% -10%,transparent 60%,rgba(0,0,0,.04) 100%)}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;line-height:1.15;margin:0;color:var(--ink)}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px;border:3px solid var(--bg)}.shell{position:relative;z-index:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(1.1rem,4vw,2.5rem)}.serif{font-family:var(--font-serif)}.display{font-family:var(--font-display)}.muted{color:var(--ink-soft)}.center{text-align:center}.eyebrow{font-size:var(--step--1);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);font-weight:500;display:inline-flex;align-items:center;gap:.7em}.eyebrow:before{content:"";width:2em;height:1px;background:currentColor;opacity:.6}.lead{font-family:var(--font-serif);font-size:var(--step-1);line-height:1.7;color:var(--ink-2)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--accent);color:#fff;font-size:var(--step-0);font-weight:500;letter-spacing:.02em;padding:.85em 1.7em;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:.6em;transition:transform .35s var(--ease),box-shadow .35s var(--ease);box-shadow:0 6px 18px #78461e38}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #78461e4d}.btn:active{transform:none}.btn.ghost{background:transparent;color:var(--accent);border-color:var(--accent);box-shadow:none}.btn.ghost:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.btn.quiet{background:var(--surface-2);color:var(--ink);box-shadow:none}.btn.danger{background:var(--danger)}.btn.block{width:100%}.btn.lg{font-size:var(--step-1);padding:1em 2em}.btn.sm{font-size:var(--step--1);padding:.5em 1.1em}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-1)}.card{padding:1.6rem}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid transparent;transition:border-color .4s}.site-header.scrolled{border-bottom-color:var(--line)}.header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.brand{display:inline-flex;align-items:center;gap:.6rem;background:none;border:none;padding:0}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:#fff;font-family:var(--font-serif);font-size:1.3rem;box-shadow:0 6px 16px #78461e47}.brand-text{display:flex;flex-direction:column;line-height:1.05;text-align:left}.brand-zh{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;letter-spacing:.06em}.brand-en{font-size:.58rem;letter-spacing:.34em;color:var(--ink-soft)}.nav{display:flex;gap:.2rem}.nav-link{position:relative;background:none;border:none;color:var(--ink-soft);font-size:var(--step-0);padding:.45rem .85rem;border-radius:var(--radius-pill);transition:color .3s}.nav-link:hover{color:var(--ink)}.nav-link.on{color:var(--ink);font-weight:500}.header-actions{display:flex;align-items:center;gap:.6rem}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:1.05rem;display:grid;place-items:center;transition:transform .4s,border-color .3s}.icon-btn:hover{transform:rotate(-18deg);border-color:var(--accent)}@media (max-width:760px){.nav,.brand-en{display:none}}.footer{padding:4rem 0 2.5rem;color:var(--ink-soft);font-size:var(--step--1)}.footer .row{border-top:1px solid var(--line);padding-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.hero{padding:clamp(2.2rem,6vw,4.5rem) 0 2rem;position:relative}.hero-title{font-size:var(--step-5);margin:1rem 0 1.1rem;letter-spacing:.01em}.hero-title em{font-style:italic;font-family:var(--font-display);color:var(--accent)}.hero-lead{max-width:40ch}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.book{perspective:1600px;margin-top:2.5rem}.book-page{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--line);border-radius:6px 22px 22px 6px;padding:2rem 2.2rem;box-shadow:var(--shadow-2),inset 0 0 0 1px #00000005;transform-origin:left center;position:relative;overflow:hidden}.book-page:before{content:"";position:absolute;left:0;top:0;bottom:0;width:14px;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent)}.big-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-top:1.6rem}.action-card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.6rem;border-radius:var(--radius-l);border:1px solid var(--line);background:var(--surface);text-align:left;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--accent-soft)}.action-card .ic{font-size:2rem}.action-card .t{font-family:var(--font-serif);font-size:var(--step-1);font-weight:600}.action-card .d{color:var(--ink-soft);font-size:var(--step--1)}.field{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:.9rem 1.1rem;font-size:var(--step-0);font-family:inherit;color:var(--ink);transition:border-color .3s,box-shadow .3s}.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.area{min-height:140px;resize:vertical;line-height:1.7}.field-label{display:block;font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:1.2rem 0 .5rem}.form-card{max-width:460px;margin:3rem auto;padding:2.2rem}.chat{max-width:760px;margin:0 auto;padding:1.5rem 0 8rem;display:flex;flex-direction:column;gap:1rem}.msg{display:flex;gap:.8rem;align-items:flex-end}.msg.user{flex-direction:row-reverse}.bubble{max-width:78%;padding:.9rem 1.2rem;border-radius:18px;line-height:1.7;font-size:var(--step-0)}.msg.assistant .bubble{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:6px}.msg.user .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:6px}.bubble .mini{font-size:.7rem;opacity:.7;display:block;margin-top:.3rem}.avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:#fff;display:grid;place-items:center;flex:none;font-size:1rem}.avatar.ai{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.composer{position:fixed;bottom:0;left:0;right:0;z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:.8rem 0}.composer-inner{max-width:760px;margin:0 auto;display:flex;gap:.6rem;align-items:flex-end}.composer textarea{flex:1;min-height:52px;max-height:140px;resize:none;border-radius:16px;padding:.9rem 1.1rem}.hold-btn{flex:none;width:60px;height:60px;border-radius:50%;background:var(--danger);color:#fff;border:none;font-size:1.3rem;display:grid;place-items:center;box-shadow:0 6px 18px #b4453a59;transition:transform .2s}.hold-btn.recording{animation:recpulse 1.2s infinite}@keyframes recpulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.composer .send{flex:none;border-radius:999px;padding:.85rem 1.4rem}.typing{color:var(--ink-soft);font-size:var(--step--1);padding:0 .5rem}.stage-chip{align-self:center;background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:.3rem 1rem;font-size:var(--step--1)}.year-bar{display:flex;gap:.6rem;flex-wrap:wrap;margin:.5rem 0 1.8rem;position:sticky;top:74px;z-index:10;padding:.6rem 0;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chip{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:.45rem 1.1rem;font-size:var(--step--1);transition:all .3s}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.memory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.4rem}.mcard{overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:box-shadow .5s,border-color .5s}.mcard:hover{box-shadow:var(--shadow-2);border-color:var(--line-strong)}.mcard-body{padding:1.2rem 1.3rem 1.3rem;display:flex;flex-direction:column;flex:1}.mcard-year{color:var(--accent);font-weight:600;font-size:var(--step--1)}.mcard-title{font-size:var(--step-1);margin:.3rem 0 .5rem}.mcard-excerpt{color:var(--ink-soft);font-size:var(--step--1);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mcard-meta{margin-top:auto;padding-top:.9rem;display:flex;justify-content:space-between;color:var(--ink-soft);font-size:var(--step--1)}.tag-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.tag{font-size:var(--step--1);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:.2rem .6rem;border-radius:999px}.detail-body{max-width:740px;margin:0 auto}.d-year{color:var(--accent)}.d-title{font-size:var(--step-3);margin:.5rem 0 1rem}.d-meta{display:flex;align-items:center;gap:.7rem;color:var(--ink-2);margin-bottom:1.6rem}.d-content{font-family:var(--font-serif);font-size:var(--step-1);line-height:2;color:var(--ink-2);white-space:pre-wrap}.d-actions{display:flex;gap:.9rem;align-items:center;margin:2rem 0;padding-top:1.6rem;border-top:1px solid var(--line);flex-wrap:wrap}.like-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:.65rem 1.4rem;font-size:var(--step-0);transition:all .3s}.like-btn.on{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:var(--danger);color:var(--danger)}.mini-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:#fff;display:grid;place-items:center;font-size:.9rem;flex:none}.comment{display:flex;gap:.8rem;padding:1rem 0;border-bottom:1px solid var(--line)}.comment:last-child{border-bottom:none}.audio-player{display:flex;align-items:center;gap:.9rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-m);padding:.9rem 1.1rem;margin:1rem 0}.ap-play{width:48px;height:48px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:1.1rem;display:grid;place-items:center;flex:none}.ap-info{flex:1;color:var(--ink-soft);font-size:var(--step--1)}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.voice-tile{border:1px solid var(--line);border-radius:var(--radius-m);padding:1.1rem;background:var(--surface);display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}.voice-tile.sel{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.consent{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#140e0880;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.letter{background:linear-gradient(160deg,#f7f0e0,#efe4cd);color:#3a2c1a;max-width:440px;width:100%;border-radius:8px;padding:2.4rem 2rem;box-shadow:var(--shadow-2);border:1px solid #d9c8a4;position:relative}.letter:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px dashed #c9b489;border-radius:6px;pointer-events:none}.letter .line{font-family:var(--font-serif);font-size:1.4rem;line-height:1.8;text-align:center;margin:1rem 0 1.6rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:.8rem .6rem;border-bottom:1px solid var(--line);font-size:var(--step--1)}.admin-table th{color:var(--ink-soft);font-weight:500;letter-spacing:.05em}.switch{position:relative;width:48px;height:26px;border-radius:999px;background:var(--line-strong);border:none;transition:background .3s;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .3s var(--ease)}.switch.on{background:var(--accent)}.switch.on:after{left:25px}.empty{text-align:center;color:var(--ink-soft);padding:4rem 1rem}.empty .e{font-size:3rem;display:block;margin-bottom:.6rem}.skel{aspect-ratio:4/5;border-radius:var(--radius-l);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:#000c;color:#fff;padding:.7rem 1.4rem;border-radius:999px;font-size:var(--step--1);z-index:99}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}