:root{color-scheme:light;--page-bg:#f6efe2;--panel-bg:#fffaf2d1;--panel-border:#7d4e2a1f;--text-main:#2f2318;--text-soft:#75604d;--accent:#f46f38;--accent-deep:#8c3b1d;--accent-soft:#f9dbc5;--shadow-soft:0 24px 60px #74422624;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 0 0,#ffdbb2bf,#0000 28%),linear-gradient(#fbf5eb 0%,#f3e7d5 48%,#eadcca 100%);margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.home-page,.sync-page{width:min(1180px,100% - 2rem);padding:calc(1.25rem + env(safe-area-inset-top)) 0 calc(2rem + env(safe-area-inset-bottom));margin:0 auto}.section-eyebrow{min-height:2rem;color:var(--accent-deep);letter-spacing:.14em;text-transform:uppercase;background:#f46f381f;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .85rem;font-size:.78rem;display:inline-flex}.home-hero{align-items:center;gap:1.25rem;display:grid}.cover-card{border-radius:var(--radius-xl);min-height:18rem;box-shadow:var(--shadow-soft);background:linear-gradient(145deg, var(--cover-from), var(--cover-to));padding:1.5rem;position:relative;overflow:hidden}.cover-badge{color:var(--cover-deep);background:#ffffffb8;border-radius:999px;padding:.45rem .8rem;font-size:.86rem;display:inline-flex}.cover-title{z-index:1;max-width:5em;color:var(--cover-deep);letter-spacing:.06em;margin-top:2.4rem;font-family:Source Han Serif SC,Songti SC,STSong,serif;font-size:clamp(2.5rem,10vw,4.7rem);line-height:1.05;position:relative}.cover-author{z-index:1;color:#4a2412d9;letter-spacing:.12em;margin-top:1rem;font-size:.98rem;position:relative}.cover-wave{background:#ffffff52;border-radius:45% 55% 65% 35%;width:14rem;height:14rem;position:absolute;inset:auto -3rem -4rem auto;transform:rotate(18deg)}.hero-meta,.content-panel,.sync-card{backdrop-filter:blur(18px);background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow-soft)}.hero-meta{border-radius:var(--radius-xl);padding:1.4rem}.hero-title{margin:1rem 0 .35rem;font-size:clamp(2rem,8vw,3.4rem);line-height:1.08}.hero-author{color:var(--text-soft);margin:0;font-size:1rem}.hero-copy,.muted-copy{color:var(--text-soft);line-height:1.8}.hero-stats,.sync-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:1.25rem 0 1rem;display:grid}.hero-stats>div,.sync-summary>div{border-radius:var(--radius-md);background:#ffffff9e;padding:.95rem 1rem}.hero-stats span,.sync-summary span{color:var(--text-soft);font-size:.85rem;display:block}.hero-stats strong,.sync-summary strong{margin-top:.5rem;font-size:1.05rem;display:block}.action-stack{gap:.8rem;display:grid}.button-row{flex-wrap:wrap;gap:.8rem;display:flex}.button{border:0;border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.8rem 1.2rem;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-primary{color:#fff7f0;background:linear-gradient(135deg,#f46f38 0%,#d65528 100%);box-shadow:0 14px 26px #d455283d}.button-secondary{color:var(--accent-deep);background:#ffffffe6}.button-ghost{color:var(--text-main);background:#7d4e2a14}.progress-note,.sync-inline,.status-note{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.92rem;display:flex}.sync-inline strong{color:var(--accent-deep);letter-spacing:.08em}.sync-inline-muted{color:#75604dd1}.content-panel,.sync-card{border-radius:var(--radius-xl);margin-top:1.2rem;padding:1.3rem}.feature-grid,.chapter-grid,.sync-grid{gap:1rem;display:grid}.feature-card,.chapter-card{border-radius:var(--radius-lg);background:#ffffffb8;border:1px solid #7d4e2a14;padding:1rem}.feature-card strong,.chapter-copy strong{margin-bottom:.5rem;font-size:1.02rem;display:block}.feature-card p,.chapter-copy p{color:var(--text-soft);margin:0;line-height:1.7}.chapter-card{grid-template-columns:auto 1fr;align-items:start;gap:.95rem;display:grid}.chapter-order{min-width:3rem;color:var(--accent);font-size:1.25rem;font-weight:700}.sync-hero{padding:.5rem 0 .75rem}.sync-hero h1{margin:1rem 0 .5rem;font-size:clamp(2rem,8vw,3rem)}.sync-code-box{border-radius:var(--radius-lg);background:#ffffffad;margin:1rem 0;padding:1rem 1.1rem}.sync-code-box span{color:var(--text-soft);font-size:.88rem;display:block}.sync-code-box strong{letter-spacing:.12em;margin-top:.6rem;font-size:clamp(1.15rem,5vw,1.5rem);display:block}.field-label{color:var(--text-soft);margin-bottom:.7rem;display:block}.restore-form{margin-top:1rem}.input-row{gap:.8rem;display:grid}.text-input{width:100%;min-height:3rem;color:var(--text-main);background:#ffffffeb;border:1px solid #7d4e2a29;border-radius:18px;padding:.8rem 1rem}.reader-body{background:0 0}.reader-shell{--reader-bg:#f7efe2;--reader-panel:#fffcf6eb;--reader-text:#322315;--reader-soft:#493828b3;background:var(--reader-bg);min-height:100vh;color:var(--reader-text)}.reader-shell[data-theme=light]{--reader-bg:#f7f6f3;--reader-panel:#ffffffeb;--reader-text:#221d18;--reader-soft:#3d352fa8}.reader-shell[data-theme=warm]{--reader-bg:#f4e8d7;--reader-panel:#fff9f0f0;--reader-text:#372518;--reader-soft:#523f2fb8}.reader-shell[data-theme=night]{--reader-bg:#15181d;--reader-panel:#1c2127f5;--reader-text:#d5d0c8;--reader-soft:#b9b3aab8}.reader-chrome{z-index:40;opacity:0;pointer-events:none;transition:opacity .24s,transform .24s;position:sticky;top:0;transform:translateY(-.85rem)}.reader-chrome.is-visible,.reader-bottom-bar.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.reader-toolbar{padding:calc(.8rem + env(safe-area-inset-top)) 1rem .85rem;background:color-mix(in srgb, var(--reader-panel) 88%, transparent);backdrop-filter:blur(18px);grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;display:grid}.reader-toolbar-copy{min-width:0;display:grid}.reader-toolbar-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reader-toolbar-copy span{color:var(--reader-soft);font-size:.85rem}.reader-toolbar-actions{align-items:center;gap:.55rem;display:flex}.reader-icon-button,.reader-link-button{min-height:2.55rem;color:var(--reader-text);background:#7d4e2a14;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.55rem .9rem;display:inline-flex}.reader-progress-bar{background:#7d4e2a1f;height:2px}.reader-progress-value{background:linear-gradient(90deg,#f46f38,#ef9d61);height:100%;display:block}.reader-sidebar{display:none}.reader-surface{padding:.25rem 0 calc(6rem + env(safe-area-inset-bottom))}.reader-article{max-width:46rem;padding:calc(2rem + env(safe-area-inset-top)) var(--reader-page-padding) 2rem;font-family:var(--reader-font-family);font-size:var(--reader-font-size);line-height:var(--reader-line-height);margin:0 auto}.reader-intro{margin-bottom:2rem}.reader-heading{margin:1rem 0 .5rem;font-size:clamp(2rem,7vw,3.3rem);line-height:1.15}.reader-meta-line{color:var(--reader-soft);font-size:.92rem}.reader-paragraph{margin:0 0 var(--reader-paragraph-gap);text-indent:2em;word-break:break-word;letter-spacing:.01em}.reader-bottom-bar{z-index:38;padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));opacity:0;background:color-mix(in srgb, var(--reader-panel) 92%, transparent);backdrop-filter:blur(18px);grid-template-columns:repeat(4,1fr);gap:.55rem;transition:opacity .24s,transform .24s;display:grid;position:fixed;bottom:0;left:0;right:0;transform:translateY(1rem)}.reader-action{min-height:2.8rem;color:var(--reader-text);background:#7d4e2a14;border:0;border-radius:999px}.drawer-backdrop{z-index:45;background:#110e0b61;border:0;position:fixed;inset:0}.drawer-panel{z-index:46;max-height:min(72vh,38rem);padding-bottom:env(safe-area-inset-bottom);background:var(--reader-panel);border-radius:28px 28px 0 0;transition:transform .26s;position:fixed;bottom:0;left:0;right:0;transform:translateY(108%)}.drawer-panel.is-visible{transform:translateY(0)}.drawer-head{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem .5rem;display:flex}.drawer-body{max-height:calc(72vh - 4rem);padding:.5rem 1rem 1.2rem;overflow:auto}.drawer-list,.sidebar-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.drawer-link,.sidebar-link{width:100%;color:inherit;text-align:left;background:#7d4e2a0f;border:0;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.drawer-link.is-active,.sidebar-link.is-active,.reader-chip.is-active{color:#fffaf2;background:linear-gradient(135deg,#f46f38 0%,#d65528 100%)}.drawer-link small,.sidebar-link small{color:inherit;opacity:.8}.empty-state{color:var(--reader-soft);background:#7d4e2a0d;border-radius:18px;padding:1rem}.settings-group+.settings-group{margin-top:1rem}.settings-label{color:var(--reader-soft);margin-bottom:.7rem;display:block}.chip-row{flex-wrap:wrap;gap:.65rem;display:flex}.reader-chip{min-height:2.7rem;color:var(--reader-text);background:#7d4e2a14;border:0;border-radius:999px;padding:.65rem .95rem}.settings-grid{gap:1rem;margin-top:1rem;display:grid}.settings-grid label{gap:.55rem;display:grid}.settings-grid span{color:var(--reader-soft)}.reader-nav-row{padding:0 1rem calc(2rem + env(safe-area-inset-bottom));grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}@media (width>=720px){.home-hero,.feature-grid,.chapter-grid,.sync-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.input-row{grid-template-columns:1fr auto}}@media (width>=1280px){.home-page,.sync-page{width:min(1280px,100% - 3rem)}.home-hero{grid-template-columns:26rem minmax(0,1fr)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chapter-grid,.sync-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-shell{grid-template-columns:18.5rem minmax(0,1fr);column-gap:1rem;display:grid}.reader-sidebar{top:calc(1rem + env(safe-area-inset-top));padding:calc(1rem + env(safe-area-inset-top)) 0 1rem 1rem;align-self:start;gap:1rem;display:grid;position:sticky}.reader-sidebar-card{background:color-mix(in srgb, var(--reader-panel) 96%, transparent);border:1px solid #7d4e2a14;border-radius:24px;padding:1rem}.reader-surface{padding-right:1rem}.reader-article{max-width:52rem;padding-left:2rem;padding-right:2rem}.reader-bottom-bar{width:min(32rem,100vw - 24rem);box-shadow:var(--shadow-soft);border-radius:999px;bottom:2rem;left:auto;right:2rem}.drawer-panel{width:min(28rem,100vw - 24rem);box-shadow:var(--shadow-soft);border-radius:28px;bottom:6.7rem;left:auto;right:2rem}.reader-nav-row{padding-left:0;padding-right:2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}