:root{--paper:#e8dfc8;--paper-deep:#d9cdb0;--ink:#1a1612;--ink-soft:#4a4338;--ink-faint:#7a7164;--seal:#9b1b1b;--seal-ink:#f3e6d0;--line:color-mix(in srgb, var(--ink) 14%, transparent);--shadow:color-mix(in srgb, var(--ink) 10%, transparent);--font-display:"Ma Shan Zheng", "Noto Serif SC", serif;--font-body:"Noto Serif SC", "Songti SC", "SimSun", serif;--radius:2px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{color-scheme:light}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #f2ead6 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #dccfb0 0%, transparent 50%), linear-gradient(180deg, var(--paper) 0%, var(--paper-deep) 100%);margin:0;line-height:1.7}.paper-grain{pointer-events:none;z-index:0;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");position:fixed;inset:0}.sr-only{clip-path:inset(50%);clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header,main{z-index:1;position:relative}.site-header{max-width:720px;animation:rise .7s var(--ease) both;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.25rem 1.25rem 0;display:flex}.seal{border:2px solid var(--seal);width:2.6rem;height:2.6rem;color:var(--seal);font-family:var(--font-display);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--seal) 35%, transparent);background:color-mix(in srgb, var(--seal) 8%, transparent);place-items:center;font-size:1.45rem;line-height:1;display:grid;transform:rotate(-6deg)}.lang-switch select{appearance:none;border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 70%, white);color:var(--ink-soft);font:inherit;border-radius:var(--radius);background-image:linear-gradient(45deg, transparent 50%, var(--ink-faint) 50%), linear-gradient(135deg, var(--ink-faint) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 12px) 55%,calc(100% - 7px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:.4rem 1.6rem .4rem .7rem;font-size:.9rem}main{max-width:720px;margin:0 auto;padding:.5rem 1.25rem 4rem}.reader{border:1px solid var(--line);box-shadow:0 18px 40px var(--shadow);animation:rise .8s var(--ease) 80ms both;background:#f8f3e2;margin-top:1.25rem;padding:2rem 1.5rem 1.5rem}.reader-inner{text-align:center;min-height:12rem}.status{color:var(--ink-faint);letter-spacing:.2em;margin:3rem 0}.poem-title{font-family:var(--font-display);letter-spacing:.18em;margin:0 0 .6rem;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:400}.poem-meta{color:var(--ink-faint);letter-spacing:.18em;margin:0 0 1.5rem;font-size:.95rem}.poem-body{flex-direction:column;align-items:center;gap:.35rem;max-width:28rem;margin:0 auto;display:flex}.poem-body p{letter-spacing:.12em;color:var(--ink);margin:0;font-size:clamp(1.05rem,2.4vw,1.2rem)}.reader-actions{border-top:1px dashed var(--line);justify-content:center;margin-top:1.75rem;padding-top:1.25rem;display:flex}.btn-ink{font:inherit;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--seal-ink);letter-spacing:.22em;border-radius:var(--radius);transition:transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease);padding:.55rem 1.4rem}.btn-ink:hover:not(:disabled){color:var(--ink);background:0 0}.btn-ink:active:not(:disabled){transform:translateY(1px)}.btn-ink:disabled{opacity:.55;cursor:wait}.btn-ghost{font:inherit;cursor:pointer;border:1px solid var(--ink);color:var(--ink);letter-spacing:.22em;border-radius:var(--radius);transition:transform .2s var(--ease), background .2s var(--ease), color .2s var(--ease);background:0 0;padding:.55rem 1.4rem;text-decoration:none;display:inline-block}.btn-ghost:hover{background:var(--ink);color:var(--seal-ink)}.btn-ghost:active{transform:translateY(1px)}.search{animation:rise .85s var(--ease) .16s both;margin-top:1.25rem}.search h2{font-family:var(--font-display);letter-spacing:.2em;margin:0 0 1rem;font-size:1.6rem;font-weight:400}.search-form{gap:.6rem;display:flex}.search-form input{border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;letter-spacing:.06em;border-radius:var(--radius);background:#f9f5e7;flex:1;padding:.7rem .9rem}.search-form input:focus{outline:2px solid color-mix(in srgb, var(--seal) 45%, transparent);outline-offset:1px}.search-hint{min-height:1.5rem;color:var(--ink-faint);letter-spacing:.08em;margin:.75rem 0 .25rem;font-size:.9rem}.search-results{flex-direction:column;gap:.55rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.result-item{text-align:left;cursor:pointer;border:1px solid var(--line);width:100%;font:inherit;color:inherit;border-radius:var(--radius);transition:border-color .2s var(--ease), transform .2s var(--ease);background:#fbf7ec;gap:.2rem;padding:.9rem 1rem;display:grid}.result-item:hover{border-color:color-mix(in srgb, var(--seal) 55%, var(--line));transform:translate(2px)}.result-title{letter-spacing:.1em;font-weight:600}.result-meta{color:var(--ink-faint);letter-spacing:.12em;font-size:.85rem}.result-excerpt{color:var(--ink-soft);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.site-nav{gap:clamp(1.25rem,5vw,2.5rem);display:flex}.nav-item{align-items:center;gap:.45rem;padding:.45rem .1rem .6rem;text-decoration:none;display:flex;position:relative}.nav-icon{border:1.5px solid var(--ink-faint);width:1.5rem;height:1.5rem;color:var(--ink-faint);font-family:var(--font-display);transition:border-color .25s var(--ease), background .25s var(--ease), color .25s var(--ease);place-items:center;font-size:.85rem;line-height:1;display:grid;transform:rotate(-6deg)}.nav-item:hover .nav-icon{border-color:var(--ink);color:var(--ink)}.nav-item:hover .nav-text{color:var(--ink)}.nav-item[aria-current=page] .nav-icon{border-color:var(--seal);background:var(--seal);color:var(--seal-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--seal) 35%, transparent)}.nav-text{color:var(--ink-faint);letter-spacing:.18em;transition:color .25s var(--ease);font-size:.9rem}.nav-item[aria-current=page] .nav-text{color:var(--seal)}.nav-item[aria-current=page]:after{content:"";background:var(--seal);height:2px;position:absolute;bottom:-1px;left:.1rem;right:.1rem}.about-card{border:1px solid var(--line);box-shadow:0 18px 40px var(--shadow);background:#f8f3e2;margin-top:1.25rem;padding:1.75rem 1.5rem 1.5rem}.about-heading{font-family:var(--font-display);letter-spacing:.2em;margin:0 0 1.25rem;font-size:1.6rem;font-weight:400}.brand-row{align-items:center;gap:.85rem;margin-bottom:1.5rem;display:flex}.seal-lg{width:3.2rem;height:3.2rem;font-size:1.8rem}.brand-info{flex-direction:column;gap:.1rem;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.12em;font-size:1.5rem;font-weight:400}.brand-sub{color:var(--ink-faint);letter-spacing:.28em;font-size:.75rem;font-style:normal}.about-card .section-title{font-family:var(--font-display);letter-spacing:.18em;color:var(--seal);margin:0 0 .6rem;font-size:1.2rem;font-weight:400}.about-card .section-para{color:var(--ink-soft);letter-spacing:.06em;margin:0 0 .5rem;line-height:1.9}.about-card a{color:var(--seal);border-bottom:1px solid color-mix(in srgb, var(--seal) 35%, transparent);text-decoration:none}.about-card a:hover{border-bottom-color:var(--seal)}.fade-in{animation:fade-up .55s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=520px){.search-form{flex-direction:column}.reader{padding:1.5rem 1rem 1.25rem}.site-nav{gap:1rem}.nav-item{gap:.3rem}.nav-text{letter-spacing:.1em}.lang-switch select{padding:.35rem 1.4rem .35rem .6rem}}@media (width<=380px){.nav-icon{display:none}}