:root{color:#754830;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f0e9db;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.75}*{box-sizing:border-box}body{margin:0}main{background:#fff8ea;max-width:760px;min-height:100vh;margin:auto;padding:24px 44px 38px}a{color:inherit;text-underline-offset:4px}nav{justify-content:flex-end;align-items:center;gap:18px;display:flex}.brand{letter-spacing:.12em;font-size:13px;font-weight:850;text-decoration:none}.brand span{color:#ab3828}button{min-height:44px;font:inherit;color:inherit;cursor:pointer;background:#fffbf4;border:1px solid #ddccb0;border-radius:24px;padding:7px 18px;font-size:14px}button:hover{background:#f2e6ce}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #427554}header{text-align:center;padding:38px 0 25px}.eyebrow,.section-label{letter-spacing:.15em;color:#566949;font-size:11px;font-weight:700}h1{letter-spacing:.05em;overflow-wrap:anywhere;margin:12px 0;font-family:Songti SC,Noto Serif CJK SC,serif;font-size:clamp(38px,8vw,62px);line-height:1.35}.pinyin{letter-spacing:.06em;margin:6px 0;font-size:19px}.translation{color:#35634a;margin:10px 0 0;font-size:20px}figure{max-width:560px;margin:0 auto 28px}.illustration{aspect-ratio:1;background-color:#f6ecd8;background-size:200% 200%;border-radius:18px;width:100%}figcaption{color:#7c644a;text-align:center;padding-top:10px;font-size:12px}section{border-top:1px solid #e5d6bd;padding:26px 0}.section-label{margin:0 0 9px}h2{letter-spacing:-.02em;margin:0 0 14px;font-size:23px;line-height:1.4}p{margin:8px 0}.meaning{font-size:21px;line-height:1.75}.chinese-companion{color:#80624c;margin-top:14px;font-size:16px}blockquote{border-left:3px solid #d29854;margin:0;padding:4px 0 4px 20px;font-size:20px;line-height:1.85}.english-example{color:#35634a;margin-top:13px;font-size:17px;line-height:1.7}.remember{align-items:flex-start;gap:17px;display:flex}.remember h2{font-size:19px}.remember p{font-size:17px}.leaf{color:#517448;font-size:28px;line-height:1.3}footer{color:#80624c;border-top:1px solid #e5d6bd;padding-top:22px;font-size:13px}footer>a{padding:10px 0;display:inline-block}details{margin:0 0 20px}summary{cursor:pointer;min-height:44px;padding:8px 0}.copyright{letter-spacing:.08em;margin-top:26px;font-size:10px}.search{margin-bottom:24px;font-size:13px;display:block}.search span{margin-bottom:6px;display:block}input{width:100%;min-height:48px;color:inherit;font:inherit;background:#fffbf4;border:1px solid #d9c7ab;border-radius:12px;padding:10px 16px;font-size:17px}.phrase-list{gap:10px;margin-bottom:28px;display:grid}.phrase-list>a{background:#fffbf4;border:1px solid #e6d7bd;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;text-decoration:none;display:flex}.phrase-list b{font-family:Songti SC,serif;font-size:23px}.phrase-list small{color:#48664e;font-size:13px;display:block}.level{white-space:nowrap;font-size:12px}.library header p:last-child{font-size:18px}.library header{padding-bottom:34px}@media (width<=480px){main{padding:16px 24px 30px}header{padding:30px 0 23px}.meaning{font-size:19px}h2{font-size:22px}blockquote{font-size:19px}.translation{font-size:18px}.phrase-list>a{padding:14px}.phrase-list b{font-size:22px}}@media (width>=900px){main{border-radius:24px;margin:28px auto;box-shadow:0 14px 50px #7548300c}figure{max-width:470px}}@media (prefers-reduced-motion:no-preference){button,a{transition:background-color .15s}}article>header{padding-top:10px}