:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#20211d;background:#f1f2ed;font-synthesis:none;text-rendering:optimizeLegibility;--brand: #b3cd57;--brand-hover: #a7c346;--brand-ink: #789521;--ink: #20211d;--muted: #858980;--line: #d7d9d1;--warm: #fbfaf3;--mobile-app-height: 100vh}@supports (height: 100dvh){:root{--mobile-app-height: 100dvh}}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;-webkit-font-smoothing:antialiased}html[data-resolved-layout=mobile],html[data-resolved-layout=mobile] body,html[data-resolved-layout=mobile] #root{height:var(--mobile-app-height);min-height:0;overflow:hidden}html[data-resolved-layout=mobile] button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit}button:focus-visible{outline:2px solid var(--brand-ink);outline-offset:3px}.brand{display:flex;align-items:center;gap:13px}.brand img{width:46px;height:46px;display:block;object-fit:cover;border-radius:13px;box-shadow:0 6px 18px #354a1f21}.brand div{display:grid;gap:2px}.brand strong{color:var(--ink);font-size:19px;font-weight:650;letter-spacing:.04em}.brand span{color:var(--muted);font-size:11px;letter-spacing:.12em}.brand-compact{gap:10px}.brand-compact img{width:40px;height:40px;border-radius:11px}.brand-compact strong{font-size:18px}.mobile-shell{width:100%;height:var(--mobile-app-height);min-height:0;display:grid;align-items:stretch;justify-items:center;overflow:hidden}.mobile-prototype{width:min(100vw,390px);height:100%;min-height:0;margin-inline:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;position:relative;background:#fff}.mobile-brand{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(22px,env(safe-area-inset-top)) 30px 0;background:#fff}.mobile-brand .brand{flex:0 0 auto}.mobile-brand-tagline{flex:0 0 auto;margin:0;color:var(--muted);font-size:10px;font-weight:400;line-height:1.4;letter-spacing:.02em;text-align:right;white-space:nowrap}.reader-surface{transition:background-color .18s ease}.mobile-prototype>.reader-surface{min-height:0;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:0 30px 24px;scroll-padding-bottom:24px;scrollbar-width:none}.mobile-prototype>.reader-surface::-webkit-scrollbar{width:0;height:0}.mobile-prototype>.reader-surface .intro{margin-top:48px}.reader-surface.is-warm{background:var(--warm)}.intro{margin-top:110px;text-align:center}.intro h1{margin:0;font-family:Songti SC,SimSun,"Noto Serif SC",serif;font-size:28px;line-height:1.35;font-weight:400}.title-rule{width:34px;height:2px;display:block;margin:15px auto 0;background:var(--brand)}.reading-sample{margin-top:51px;padding:0 30px;font-family:Songti SC,SimSun,"Noto Serif SC",serif;font-size:calc(16px * var(--reading-scale));line-height:1.68;color:#292a26}.reading-sample p{margin:0 0 8px}.reading-sample .paragraph-gap{margin-top:32px}.reader-settings{margin-top:39px;padding:0 18px}.progress-meta{display:flex;align-items:baseline;gap:9px;color:var(--muted);font-size:11px}.progress-meta strong{font-size:12px;font-weight:500}.progress-track{height:2px;margin-top:12px;background:var(--line)}.progress-track span{display:block;width:68%;height:100%;background:var(--brand)}.settings-row{min-height:44px;display:grid;grid-template-columns:minmax(0,1.2fr) 1px minmax(0,1fr);align-items:center;gap:6px;margin-top:28px}.setting-control{min-width:0;display:flex;align-items:center;justify-content:center;gap:2px}.settings-label{color:var(--muted);font-size:11px;white-space:nowrap}.settings-row button{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;padding:0;color:var(--ink);background:transparent;cursor:pointer;transition:background-color 80ms ease}.font-size{min-width:18px;text-align:center;font-size:13px}.settings-divider,.platform-divider{width:1px;background:var(--line)}.settings-divider{height:25px}.swatch{border:0!important;background:transparent!important}.swatch-dot{width:25px;height:25px;display:block;border:1px solid transparent;border-radius:50%}.swatch-white .swatch-dot{background:#fff}.swatch-warm .swatch-dot{background:#f2efe4}.swatch.is-active .swatch-dot{border-color:var(--brand-ink)}.download-panel{position:relative;z-index:3;padding:21px 30px max(13px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.platform-switch{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;min-height:44px}.platform-switch button{position:relative;min-height:44px;display:flex;align-items:center;justify-content:center;gap:11px;border:0;color:var(--ink);background:transparent;cursor:pointer;transition:background-color 80ms ease}html[data-resolved-layout=mobile] .settings-row button:not(:disabled):active,html[data-resolved-layout=mobile] .platform-switch button:not(:disabled):active{border-radius:6px;background-color:#b3cd571f}.platform-switch button:after{content:"";position:absolute;left:27%;right:27%;bottom:-5px;height:2px;background:transparent}.platform-switch button.is-selected{color:var(--brand-ink)}.platform-switch button.is-selected:after{background:var(--brand)}.platform-switch svg{width:24px;height:24px}.platform-divider{height:28px}.download-button{width:100%;height:50px;margin-top:20px;display:flex;align-items:center;justify-content:center;border:0;border-radius:7px;color:#fff;background:var(--brand);font-size:18px;font-weight:650;cursor:pointer;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}.download-button:hover{background:var(--brand-hover);box-shadow:0 12px 30px #7e9c2933}.download-button:active{transform:translateY(1px)}.download-button:disabled,.download-button:disabled:hover,.download-button:disabled:active{color:#ffffffeb;background:#bdc99a;cursor:not-allowed;box-shadow:none;transform:none}.availability-note{min-height:20px;margin-top:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:10px}.desktop-page{min-width:980px;min-height:720px;height:100vh;display:grid;grid-template-columns:minmax(430px,42%) minmax(550px,58%);overflow:hidden;background:#fff}.desktop-download{min-height:720px;position:relative;display:flex;flex-direction:column;padding:42px 7vw 34px;overflow:hidden;background:#f4f7eb}.desktop-download:before,.desktop-download:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.desktop-download:before{width:330px;height:330px;top:-155px;right:-120px;border:1px solid rgba(126,156,41,.14)}.desktop-download:after{width:220px;height:220px;bottom:-130px;left:-85px;background:#b3cd5721}.desktop-brand,.desktop-download-content,.desktop-footer{position:relative;z-index:1}.desktop-download-content{width:min(100%,430px);margin:auto 0;padding:44px 0 36px}.desktop-app-icon{width:104px;height:104px;display:block;object-fit:cover;border-radius:25px;box-shadow:0 18px 50px #2f461d2b}.desktop-eyebrow{margin:31px 0 12px;color:var(--brand-ink);font-size:13px;font-weight:650;letter-spacing:.18em}.desktop-download-content h1{margin:0;font-family:Songti SC,SimSun,"Noto Serif SC",serif;font-size:clamp(38px,3.2vw,54px);line-height:1.25;font-weight:400;letter-spacing:.01em}.desktop-description{max-width:390px;margin:22px 0 31px;color:#676b62;font-size:15px;line-height:1.9}.platform-switch-desktop{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,390px)}.platform-switch-desktop button{min-height:52px;border:1px solid #d8ddcb;border-radius:8px;background:#ffffffb3}.platform-switch-desktop button:after{display:none}.platform-switch-desktop button.is-selected{border-color:var(--brand);color:#667f1e;background:#fff;box-shadow:0 8px 26px #455b1d14}.desktop-download-button{width:min(100%,390px);height:56px;margin-top:14px}.desktop-download-content .availability-note{width:min(100%,390px);justify-content:flex-start;font-size:11px}.desktop-footer{color:#969b90;font-size:11px;letter-spacing:.08em}.desktop-reader{min-height:720px;display:grid;place-items:stretch;overflow:hidden;background:#fff}.reader-surface-desktop{height:100%;display:flex;flex-direction:column;padding:46px clamp(70px,7vw,122px) 42px}.reader-kicker{color:var(--muted);font-size:11px;letter-spacing:.18em;text-align:right}.reader-surface-desktop .intro{margin-top:clamp(36px,5vh,62px)}.reader-surface-desktop .intro h1{font-size:clamp(32px,3vw,46px)}.reader-surface-desktop .reading-sample{width:min(100%,620px);margin:clamp(42px,6vh,70px) auto 0;padding:0;font-size:calc(18px * var(--reading-scale));line-height:1.9}.reader-surface-desktop .reading-sample p{margin-bottom:8px}.reader-surface-desktop .reading-sample .paragraph-gap{margin-top:clamp(30px,4vh,48px)}.reader-surface-desktop .reader-settings{width:min(100%,620px);margin:auto auto 0;padding:0}.reader-surface-desktop .settings-row{grid-template-columns:auto 1px auto;justify-content:start;gap:18px;margin-top:28px}.reader-surface-desktop .setting-control{gap:12px}@media(min-width:391px){.mobile-prototype{box-shadow:0 18px 60px #1c1f161a}}@media(max-width:600px){.mobile-shell{justify-items:start}.mobile-prototype{margin-inline:0}}@media(max-width:359px){.mobile-prototype>.reader-surface{padding-inline:24px}.mobile-brand{padding-inline:24px}.mobile-prototype>.reader-surface .intro{margin-top:42px}.reading-sample,.reader-settings{padding-inline:16px}.reading-sample{margin-top:42px}.settings-row{grid-template-columns:1fr;gap:4px}.settings-divider{display:none}.download-panel{padding-inline:24px}}@media(max-height:780px)and (min-width:980px){.desktop-download-content{padding-block:24px}.desktop-app-icon{width:82px;height:82px;border-radius:20px}.desktop-eyebrow{margin-top:22px}.desktop-description{margin-block:15px 22px}.reader-surface-desktop{padding-block:34px}}