@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;700&family=Ma+Shan+Zheng&display=swap";
:root{color:#241f1b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--paper-0:#f7f3ec;--paper-1:#ede7de;--paper-2:#ded7cc;--ink-0:#241f1b;--ink-1:#4f4842;--ink-2:#746d64;--shanshui-primary:#58746e;--shanshui-secondary:#748a83;--shanshui-moss:#6e7f5e;--shanshui-warm:#a58a6a;--shanshui-seal:#8b4a3c;--line-soft:#7a68562e;--line-faint:#7a68561a;--shadow-soft:0 16px 34px #4a423814;--shadow-hero:0 20px 48px #4a42381a;--paper-panel:linear-gradient(180deg, #fcf9f4f7, #f4eee5f2);--paper-panel-soft:linear-gradient(180deg, #f7f2eae0, #efe9dfd1);--paper-hero:linear-gradient(180deg, #f8f4edfa, #eee8def5);background-color:#f5f0e8;font-family:Noto Serif SC,Songti SC,STSong,serif;font-weight:400;line-height:1.8}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink-0);background:radial-gradient(circle at 14% 10%, #ffffffb8, transparent 22%), radial-gradient(circle at 82% 16%, #7e948c14, transparent 20%), radial-gradient(circle at 50% 70%, #ded7cc47, transparent 30%), linear-gradient(180deg, var(--paper-0), var(--paper-1));margin:0}button,textarea,input{font-family:inherit}a{color:inherit;text-decoration:none}.app{max-width:720px;color:var(--ink-0);flex-direction:column;gap:2.5rem;margin:0 auto;padding:2.5rem clamp(1.5rem,4vw,4rem) 4rem;display:flex}.hero{box-shadow:var(--shadow-hero);border:1px solid var(--line-soft);border-radius:28px;grid-template-columns:auto 1fr;align-items:center;gap:clamp(1.5rem,3vw,3.5rem);padding:clamp(1.5rem,3vw,2.5rem);display:grid}.hero-text h1{letter-spacing:.2rem;color:var(--ink-0);margin:.35rem 0 .6rem;font-size:clamp(2.5rem,4vw,3.5rem)}.back-link{color:#4f4842b8;font-size:.9rem;transition:color .2s}.back-link:hover{color:#241f1bf5}.subtitle{color:#687771;margin:0;font-family:Ma Shan Zheng,cursive;font-size:1.06rem}.description{max-width:46rem;color:var(--ink-1);margin:0;line-height:1.82}.panel{background:var(--paper-panel);border:1px solid var(--line-soft);box-shadow:var(--shadow-soft);border-radius:24px;padding:clamp(1.5rem,3vw,2.5rem)}.panel h2{letter-spacing:.12rem;color:var(--ink-0);margin-top:0;font-size:1.6rem}.section{margin-bottom:1.5rem}.section:last-child{margin-bottom:0}.section h4,.section h3{color:#312b27;margin:0 0 .6rem;font-size:1.1rem}.description,.quote,.section li,.section p,.panel p{word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width:960px){.hero{grid-template-columns:1fr;gap:1rem}}@media (max-width:480px){.app{gap:1rem;padding:1rem .9rem 1.6rem}.hero{padding:.9rem}.hero-text h1{letter-spacing:.08rem;font-size:2rem}.subtitle{font-size:1rem}.panel{padding:.85rem}.panel h2{letter-spacing:.06rem;font-size:1.2rem}.section{margin-bottom:.9rem}}