:root{--green:#07543c;--green-2:#0d7351;--lime:#c9f269;--orange:#ff7a3d;--ink:#15211c;--paper:#f5f7f3;--white:#fff;--muted:#657269;--line:#d8ded9;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "Microsoft YaHei","PingFang SC",Arial,sans-serif;letter-spacing:0}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:100;background:var(--lime);padding:.7rem 1rem}.skip-link:focus{top:1rem}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{height:4.5rem;display:flex;align-items:center;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.65rem}.brand-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;background:var(--green);color:#fff;border-radius:6px}.brand-icon i{position:absolute;right:-3px;top:-3px;width:12px;height:12px;background:var(--lime);border:3px solid #fff;border-radius:50%}.brand-icon b{font:900 1.35rem "Songti SC",serif}.brand-name{display:flex;flex-direction:column}.brand-name strong{font-size:1.05rem;line-height:1.15}.brand-name small{margin-top:.18rem;color:var(--muted);font-size:.52rem;letter-spacing:.1em}.desktop-nav{display:none;gap:2rem;margin-left:auto;font-size:.76rem;font-weight:700}.desktop-nav a{position:relative}.desktop-nav a:after{position:absolute;bottom:-.6rem;left:0;width:100%;height:2px;background:var(--green-2);content:"";transform:scaleX(0);transition:.2s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-download{display:none;align-items:center;gap:1rem;margin-left:1rem;background:var(--green);color:#fff;padding:.6rem .85rem;font-size:.73rem;font-weight:700;border-radius:4px}.header-download b{font-size:1rem}.menu-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);background:#fff}.menu-button span{width:20px;height:2px;background:var(--ink);transition:.2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{display:flex;flex-direction:column;max-height:0;overflow:hidden;background:#fff;transition:max-height .25s}.mobile-nav.is-open{max-height:28rem}.mobile-nav a{padding:.85rem 1rem;border-top:1px solid var(--line);font-size:.82rem}.mobile-nav a:last-child{background:var(--green);color:#fff;font-weight:800}.mobile-nav a span{float:right}.hero{position:relative;min-height:760px;margin-top:4.5rem;overflow:hidden;background:var(--green);color:#fff}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25;filter:saturate(.65) contrast(1.05)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,56,39,.98) 0%,rgba(2,56,39,.92) 45%,rgba(2,56,39,.58) 100%),linear-gradient(0deg,rgba(2,56,39,.76),transparent 60%)}.hero-inner{position:relative;z-index:2;display:grid;align-items:center;gap:2rem;min-height:680px;padding:4rem 0 7rem}.hero-copy{max-width:650px}.official-label{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.1rem;color:rgba(255,255,255,.7);font-size:.66rem;font-weight:700}.official-label span{background:var(--lime);color:var(--green);padding:.28rem .5rem;border-radius:3px;font-size:.56rem;letter-spacing:.1em}.hero h1{margin:0;font-size:clamp(5rem,19vw,10rem);font-weight:900;line-height:.82;letter-spacing:0}.hero h2{margin:1.5rem 0 1rem;font-size:clamp(1.7rem,6vw,3.4rem);line-height:1.18;letter-spacing:0}.hero h2 em{color:var(--lime);font-style:normal}.hero-lead{max-width:37rem;color:rgba(255,255,255,.76);font-size:.91rem;line-height:1.9}.hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:.75rem;margin-top:1.7rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:50px;padding:.75rem 1.1rem;border:1px solid transparent;border-radius:4px;font-size:.78rem;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:var(--green)}.button-outline{border-color:rgba(255,255,255,.55);color:#fff}.button-outline:hover{background:#fff;color:var(--green)}.download-glyph{display:grid;place-items:center;width:30px;height:30px;background:var(--green);color:#fff;border-radius:4px;font-size:1rem}.button small{display:block;font-size:.52rem;font-weight:600;opacity:.7}.trust-row{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;margin-top:1.4rem;color:rgba(255,255,255,.72);font-size:.65rem}.trust-row b{color:var(--lime);margin-right:.3rem}.phone-stage{position:relative;width:min(100%,390px);height:550px;margin:auto}.phone{position:absolute;overflow:hidden;width:242px;height:490px;padding:9px;background:#f8faf8;border:7px solid #13201b;border-radius:32px;box-shadow:0 30px 60px rgba(0,0,0,.35)}.phone:before{position:absolute;left:50%;top:8px;z-index:4;width:70px;height:16px;background:#13201b;border-radius:0 0 12px 12px;content:"";transform:translateX(-50%)}.phone-main{right:0;top:0;z-index:3}.phone-back{left:0;top:60px;z-index:2;transform:rotate(-7deg);background:#efe8d7}.phone-top{position:relative;z-index:5;display:flex;justify-content:space-between;padding:.3rem .5rem .6rem;color:#233028;font-size:.48rem;font-weight:700}.phone-top i{width:14px;height:6px;border:1px solid currentColor;border-radius:2px}.phone-top.dark{color:var(--ink)}.app-head{display:flex;justify-content:space-between;align-items:center;padding:.65rem .5rem .3rem}.app-head small{display:block;color:var(--green-2);font-size:.48rem;font-weight:800}.app-head strong{font-size:.9rem}.app-head button{display:grid;place-items:center;width:27px;height:27px;border:0;background:#edf4ef;color:var(--green);border-radius:50%;font-size:1rem}.search-bar{display:flex;justify-content:space-between;align-items:center;margin:.45rem .5rem;padding:.5rem .6rem;background:#edf1ee;color:#95a199;border-radius:4px;font-size:.5rem}.search-bar span{background:var(--green);color:#fff;padding:.25rem .45rem;border-radius:3px}.app-tabs{display:flex;justify-content:space-around;margin:.65rem .3rem;color:#748078;font-size:.5rem}.app-tabs b{color:var(--green);border-bottom:2px solid var(--green);padding-bottom:.2rem}.app-banner{display:flex;justify-content:space-between;align-items:flex-end;margin:.5rem;padding:.8rem;background:var(--green);color:#fff;border-radius:5px}.app-banner small{color:var(--lime);font-size:.42rem}.app-banner b{display:block;margin:.25rem 0;font:700 .9rem/1.15 "Songti SC",serif}.app-banner>span{font-size:.43rem}.app-shelf-title{display:flex;justify-content:space-between;margin:.8rem .5rem .5rem;font-size:.53rem}.app-shelf-title small{color:#8d9991}.mini-books{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:0 .5rem}.mini-books>div{min-width:0}.cover{display:grid;place-items:center;width:100%;aspect-ratio:3/4;margin-bottom:.25rem;color:#fff;border-radius:2px;font:700 .68rem/1.1 "Songti SC",serif;text-align:center;box-shadow:0 3px 8px rgba(0,0,0,.14)}.cover-1{background:#1c466d}.cover-2{background:#3b3d46}.cover-3{background:#8a3e32}.mini-books b,.mini-books small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-books b{font-size:.46rem}.mini-books small{color:#9ca59f;font-size:.4rem}.app-nav{position:absolute;left:9px;right:9px;bottom:9px;display:flex;justify-content:space-around;padding:.55rem .2rem;background:#fff;border-top:1px solid #e5e9e6;color:#859088;font-size:.56rem}.app-nav>*{display:flex;flex-direction:column;align-items:center}.app-nav b{color:var(--green)}.app-nav small{margin-top:.1rem;font-size:.38rem}.reading-page{padding:2.5rem 1.2rem;color:#4b443a}.reading-page>small{color:#8d7d68;font-size:.46rem}.reading-page h3{margin:2.2rem 0 1.4rem;font:700 1.25rem "Songti SC",serif}.reading-page p{font:500 .68rem/2 "Songti SC",serif}.reading-progress{height:2px;margin-top:3rem;background:#d5ccbd}.reading-progress b{display:block;width:68%;height:100%;background:var(--orange)}.reading-tools{display:flex;justify-content:space-around;margin-top:1.2rem;font-size:.6rem}.brand-seal{position:absolute;right:-5px;bottom:0;z-index:5;display:grid;grid-template-columns:40px 1fr;width:125px;padding:.6rem;background:var(--lime);color:var(--green);box-shadow:8px 8px 0 rgba(0,0,0,.2)}.brand-seal b{grid-row:span 2;font:900 1.8rem "Songti SC",serif}.brand-seal span{font-size:.75rem;font-weight:900}.brand-seal small{font-size:.42rem;letter-spacing:.1em}.hero-foot{position:absolute;left:0;right:0;bottom:0;z-index:4;border-top:1px solid rgba(255,255,255,.18);background:rgba(3,54,38,.75)}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr)}.hero-stats span{padding:.75rem;border-right:1px solid rgba(255,255,255,.15);border-top:1px solid rgba(255,255,255,.08)}.hero-stats b,.hero-stats small{display:block}.hero-stats b{color:var(--lime);font-size:.78rem}.hero-stats small{color:rgba(255,255,255,.55);font-size:.52rem}.section{padding:5.5rem 0}.kicker{margin:0 0 .9rem;color:var(--green-2);font:800 .62rem Arial,sans-serif;letter-spacing:.14em}.kicker.light{color:var(--lime)}.section-heading{display:grid;gap:1.2rem;margin-bottom:2.5rem}.section-heading h2,.app-showcase h2,.download-title h2,.install h2,.faq h2{margin:0;font-size:clamp(2.25rem,7vw,4.6rem);line-height:1.08;letter-spacing:0}.section-heading h2 strong,.install h2 strong,.faq h2 strong{color:var(--green-2);font-weight:900}.section-heading>p{align-self:end;max-width:28rem;color:var(--muted);font-size:.78rem;line-height:1.85}.bookstore{background:#fff}.genre-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.6rem;scrollbar-width:none}.genre-tabs::-webkit-scrollbar{display:none}.genre-tabs button{flex:0 0 auto;min-height:42px;padding:.55rem .9rem;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:.7rem;font-weight:700}.genre-tabs button.active,.genre-tabs button:hover{border-color:var(--green);background:var(--green);color:#fff}.book-grid{display:grid;gap:1rem;margin-top:1.3rem}.book-item{display:grid;grid-template-columns:105px 1fr;gap:1rem;align-items:center;padding:1rem;background:var(--paper);border:1px solid transparent;transition:.2s}.book-item:hover{border-color:var(--green);transform:translateY(-2px)}.book-item.is-hidden{display:none}.book-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:3/4;padding:.7rem;color:#fff;box-shadow:5px 5px 0 rgba(21,33,28,.13)}.book-cover:after{position:absolute;top:0;bottom:0;left:9px;width:1px;background:rgba(255,255,255,.25);content:""}.book-cover span{font-size:.42rem;letter-spacing:.1em}.book-cover b{font:900 1.25rem/1.1 "Songti SC",serif;text-align:right}.book-cover small{font-size:.42rem;text-align:right}.cover-a{background:#144c72}.cover-b{background:#363944}.cover-c{background:#ba5d42}.cover-d{background:#7b2f2c}.book-item h3{margin:0 0 .35rem;font-size:.95rem}.book-item p{margin:0 0 .6rem;color:var(--muted);font-size:.69rem;line-height:1.7}.book-meta{color:var(--green-2);font-size:.56rem;font-weight:700}.rank-panel{display:grid;margin-top:2rem;background:var(--green);color:#fff}.rank-intro{padding:1.5rem;background:var(--lime);color:var(--green)}.rank-intro h3{margin:.2rem 0;font-size:1.7rem}.rank-intro p:last-child{margin:0;font-size:.69rem}.rank-panel ol{margin:0;padding:0 1rem;list-style:none}.rank-panel li{display:grid;grid-template-columns:2rem 1fr auto;gap:.8rem;align-items:center;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.14)}.rank-panel li:last-child{border-bottom:0}.rank-panel li>b{color:var(--lime);font:900 .7rem Arial}.rank-panel li span{display:flex;flex-direction:column}.rank-panel li strong{font-size:.76rem}.rank-panel li small{color:rgba(255,255,255,.5);font-size:.52rem}.rank-panel li em{color:rgba(255,255,255,.65);font-size:.55rem;font-style:normal}.app-showcase{overflow:hidden;background:var(--green);color:#fff}.app-showcase-grid{display:grid;gap:2.5rem}.showcase-copy>p:not(.kicker){max-width:30rem;color:rgba(255,255,255,.7);font-size:.78rem;line-height:1.85}.showcase-copy h2 strong{color:var(--lime)}.showcase-copy ul{margin:2rem 0 0;padding:0;list-style:none}.showcase-copy li{display:grid;grid-template-columns:2rem 1fr;gap:.7rem;padding:.8rem 0;border-top:1px solid rgba(255,255,255,.15)}.showcase-copy li>span{grid-row:span 2;color:var(--lime);font:700 .55rem Arial}.showcase-copy li b{font-size:.8rem}.showcase-copy li small{color:rgba(255,255,255,.54);font-size:.58rem}.screen-board{min-width:0;background:#f6f8f5;color:var(--ink);border:6px solid #123b2f;box-shadow:18px 18px 0 var(--lime)}.board-nav{display:flex;gap:.5rem;padding:.65rem;background:#fff;border-bottom:1px solid var(--line);font-size:.55rem}.board-nav span{padding:.35rem;color:var(--muted)}.board-nav .active{background:var(--green);color:#fff}.board-nav b{margin-left:auto;padding:.35rem;color:var(--green)}.board-content{display:grid;min-height:390px}.board-content aside{display:none;padding:1.2rem;background:#e9f0eb}.board-content aside strong{margin-bottom:.8rem;font-size:.7rem}.board-content aside a{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #d7dfd9;color:#526158;font-size:.58rem}.board-main{padding:1rem}.board-search{display:flex;justify-content:space-between;padding:.55rem .7rem;background:#fff;border:1px solid var(--line);color:#9aa49d;font-size:.55rem}.board-search b{color:var(--green)}.feature-novel{display:grid;grid-template-columns:1fr 85px;gap:1rem;align-items:center;margin-top:1rem;padding:1rem;background:#dbe8de}.feature-novel small{color:var(--green-2);font-size:.45rem}.feature-novel h3{margin:.5rem 0;font:900 1.35rem/1.15 "Songti SC",serif}.feature-novel p{color:var(--muted);font-size:.55rem}.feature-novel button{border:0;background:var(--green);color:#fff;padding:.45rem .6rem;font-size:.52rem}.feature-cover{display:grid;place-items:center;aspect-ratio:3/4;background:#124761;color:#fff;box-shadow:5px 5px 0 rgba(0,0,0,.12);font:900 1.2rem/1.1 "Songti SC",serif}.update-list h4{display:flex;justify-content:space-between;margin:1rem 0 .4rem;font-size:.68rem}.update-list h4 span{color:var(--muted);font-size:.52rem}.update-list p{display:grid;grid-template-columns:1fr 1.3fr auto;gap:.5rem;margin:0;padding:.5rem 0;border-top:1px solid var(--line);font-size:.52rem}.update-list p span,.update-list p small{color:var(--muted)}.features{background:var(--paper)}.feature-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.feature-list article{position:relative;padding:1.4rem;background:#fff}.feature-list article>span{position:absolute;right:1rem;top:1rem;color:#a9b3ac;font:700 .52rem Arial}.feature-symbol{display:grid;place-items:center;width:44px;height:44px;margin-bottom:1.2rem;background:#e4f2e8;color:var(--green);border-radius:4px;font-size:.76rem;font-weight:900}.feature-list h3{margin:0 0 .5rem;font-size:.9rem}.feature-list p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.75}.download-section{position:relative;overflow:hidden;background:#0d241b;color:#fff}.download-photo{position:absolute;inset:0}.download-photo img{width:100%;height:100%;object-fit:cover;opacity:.14}.download-layout{position:relative;z-index:2;display:grid;gap:2.5rem}.download-title h2{font-size:clamp(3rem,11vw,6.5rem)}.download-title>p:not(.kicker){max-width:29rem;color:rgba(255,255,255,.66);font-size:.78rem}.version-box{padding:1rem;background:#fff;color:var(--ink);border-top:5px solid var(--lime)}.version-tabs{display:flex;border-bottom:1px solid var(--line)}.version-tabs button{flex:1;padding:.7rem;border:0;background:#f0f3f1;color:var(--muted);font-size:.67rem;font-weight:700}.version-tabs button.active{background:var(--green);color:#fff}.version-info{padding:1.2rem .2rem .2rem}.app-logo-large{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.app-logo-large b{display:grid;place-items:center;width:52px;height:52px;background:var(--green);color:#fff;border-radius:7px;font:900 1.65rem "Songti SC",serif}.app-logo-large span{font-size:1.2rem;font-weight:900}.version-info>div:nth-child(2) small{color:var(--green-2);font-size:.5rem;font-weight:700;letter-spacing:.1em}.version-info h3{margin:.25rem 0 .4rem;font-size:1.05rem}.version-info p{color:var(--muted);font-size:.68rem}.version-info dl{margin:1rem 0}.version-info dl div{display:flex;justify-content:space-between;padding:.55rem 0;border-top:1px solid var(--line);font-size:.64rem}.version-info dt{color:var(--muted)}.version-info dd{margin:0;font-weight:700}.button.full{width:100%}.version-note{margin:.8rem 0 0!important;font-size:.56rem!important;line-height:1.6}.install{background:var(--lime)}.install-grid{display:grid;gap:2rem}.install ol{margin:0;padding:0;list-style:none}.install li{display:grid;grid-template-columns:2rem 1fr auto;gap:.7rem;align-items:center;padding:1rem 0;border-top:1px solid rgba(7,84,60,.25)}.install li:last-child{border-bottom:1px solid rgba(7,84,60,.25)}.install li>b{color:var(--green);font:900 .6rem Arial}.install li span{display:flex;flex-direction:column}.install li strong{font-size:.82rem}.install li small{color:#4e695b;font-size:.6rem}.install li em{color:var(--green);font-style:normal}.faq{background:#fff}.faq-grid{display:grid;gap:2rem}.faq-grid>div:first-child>p:last-child{color:var(--muted);font-size:.75rem}.faq-list details{padding:1rem 0;border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;padding-right:2rem;cursor:pointer;list-style:none;font-size:.82rem;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{position:absolute;right:0;top:-.3rem;color:var(--green-2);font-size:1.25rem;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:.7rem 0 0;color:var(--muted);font-size:.71rem;line-height:1.8}footer{padding:2.5rem 0 6rem;background:#09291f;color:#fff}.footer-main{display:flex;flex-direction:column;gap:1.2rem}.footer-brand .brand-name small,.footer-main>p{color:rgba(255,255,255,.52)}.footer-main>p{margin:0;font-size:.7rem}.footer-main nav{display:flex;flex-wrap:wrap;gap:1rem}.footer-main nav a{color:rgba(255,255,255,.62);font-size:.66rem}.footer-bottom{display:flex;flex-direction:column;gap:.3rem;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.35);font-size:.56rem}.mobile-download{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 25px rgba(0,0,0,.08)}.app-mini{display:grid;place-items:center;width:40px;height:40px;background:var(--green);color:#fff;border-radius:6px}.mobile-download>span{display:flex;flex-direction:column}.mobile-download strong{font-size:.75rem}.mobile-download small{color:var(--muted);font-size:.5rem}.mobile-download>a{margin-left:auto;background:var(--orange);color:#fff;padding:.6rem .8rem;border-radius:4px;font-size:.68rem;font-weight:800}.toast{position:fixed;left:50%;bottom:5rem;z-index:70;transform:translate(-50%,1rem);padding:.7rem 1rem;background:var(--ink);color:#fff;opacity:0;pointer-events:none;transition:.25s;font-size:.68rem;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:768px){.shell{width:min(calc(100% - 4rem),var(--max))}.header-inner{height:5rem}.desktop-nav{display:flex}.header-download{display:flex}.menu-button,.mobile-nav{display:none}.hero{min-height:830px;margin-top:5rem}.hero-inner{grid-template-columns:1fr .78fr;min-height:750px;padding:4rem 0 7rem}.hero-actions{flex-direction:row;align-items:center}.hero-stats{grid-template-columns:repeat(4,1fr)}.hero-stats span{padding:1rem 1.3rem}.section{padding:7.5rem 0}.section-heading{grid-template-columns:1fr .55fr;align-items:end;gap:3rem;margin-bottom:3.5rem}.book-grid{grid-template-columns:repeat(2,1fr)}.rank-panel{grid-template-columns:.35fr 1fr}.rank-intro{padding:2rem}.rank-panel ol{display:grid;grid-template-columns:repeat(2,1fr);gap:0 2rem;padding:1rem 2rem}.app-showcase-grid{grid-template-columns:.68fr 1.32fr;gap:4rem;align-items:center}.board-content{grid-template-columns:140px 1fr}.board-content aside{display:flex;flex-direction:column}.screen-board{transform:rotate(1deg)}.feature-list{grid-template-columns:repeat(3,1fr)}.download-layout{grid-template-columns:1fr .7fr;align-items:center}.version-box{padding:1.3rem}.install-grid{grid-template-columns:.8fr 1.2fr;align-items:start}.faq-grid{grid-template-columns:.7fr 1.3fr;gap:5rem}.footer-main{align-items:center;flex-direction:row}.footer-main>p{margin-left:auto}.footer-bottom{flex-direction:row;justify-content:space-between}.mobile-download{display:none}footer{padding-bottom:1rem}.toast{bottom:1.5rem}}
@media(min-width:1100px){.desktop-nav{gap:2.4rem}.hero-inner{grid-template-columns:1.05fr .75fr}.phone-stage{width:430px;height:580px}.phone{width:260px;height:525px}.book-grid{grid-template-columns:repeat(4,1fr)}.book-item{grid-template-columns:1fr;align-items:start}.book-cover{width:100%;max-width:160px}.rank-panel{margin-top:3rem}.feature-novel{grid-template-columns:1fr 110px;padding:1.4rem}.board-main{padding:1.4rem}.feature-list article{padding:1.8rem}}
@media(max-width:380px){.hero h1{font-size:4.4rem}.phone-stage{transform:scale(.9);transform-origin:top center;margin-bottom:-45px}.hero-stats span{padding:.65rem}.book-item{grid-template-columns:90px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.book-item,.mobile-nav,.toast{transition:none}}

/* Biquge archive identity */
.hero-archive{min-height:760px;background:#063d2e}.hero-archive .hero-photo{opacity:.13;filter:grayscale(.2) sepia(.18)}.hero-archive .hero-overlay{background:linear-gradient(180deg,rgba(5,58,43,.92),rgba(4,43,32,.98)),linear-gradient(90deg,rgba(2,41,29,.9),transparent 50%,rgba(2,41,29,.9))}.archive-lines{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px}.archive-stage{position:relative;z-index:3;display:flex;min-height:690px;align-items:center;flex-direction:column;justify-content:center;padding:4.5rem 0 9rem;text-align:center}.archive-stage:before,.archive-stage:after{position:absolute;top:12%;bottom:17%;width:1px;background:rgba(201,242,105,.28);content:""}.archive-stage:before{left:0}.archive-stage:after{right:0}.archive-number{position:absolute;left:.8rem;top:2rem;color:rgba(255,255,255,.42);font:700 .52rem Arial;letter-spacing:.12em}.archive-number b{display:block;color:var(--lime);font-size:1.35rem}.archive-stage .official-label{margin-bottom:1.7rem}.archive-title-wrap{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%}.archive-title{display:flex;align-items:center;justify-content:center;gap:.08em;margin:0!important;font-family:"STKaiti","KaiTi","FangSong","Songti SC",serif!important;font-size:clamp(5rem,20vw,11rem)!important;font-weight:900!important;line-height:.82!important;text-shadow:7px 7px 0 rgba(0,0,0,.18)}.archive-title span:nth-child(2){color:var(--lime);transform:translateY(-.08em)}.archive-title span:first-child,.archive-title span:last-child{-webkit-text-stroke:1px rgba(255,255,255,.15)}.title-side{display:none;padding:.65rem .45rem;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.64);font:700 .57rem/1.55 "FangSong",serif}.title-side.right{border-color:rgba(201,242,105,.45);color:var(--lime)}.archive-slogan{margin:1.5rem 0 .7rem;color:#fff;font:700 clamp(1.1rem,3vw,1.65rem) "FangSong","Songti SC",serif;letter-spacing:.08em}.archive-lead{max-width:43rem;margin:0 auto;color:rgba(255,255,255,.64);font-size:.77rem;line-height:1.9}.archive-actions{display:flex;align-items:center;flex-direction:column;gap:1rem;margin-top:1.7rem}.chapter-link{display:flex;align-items:flex-start;flex-direction:column;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.4);color:#fff;font-size:.7rem;text-align:left}.chapter-link b{margin-top:.15rem;color:var(--lime);font-size:.53rem}.archive-shelves{display:flex;align-items:flex-end;justify-content:center;height:80px;margin-top:2rem;border-bottom:5px solid rgba(201,242,105,.7);filter:drop-shadow(0 8px 8px rgba(0,0,0,.2))}.spine{display:grid;place-items:center;width:32px;height:58px;margin-right:2px;background:#f0eadb;color:#18372c;font:700 .58rem "FangSong",serif;writing-mode:vertical-rl}.spine.tall{height:72px}.spine.orange{background:var(--orange);color:#fff}.spine.light{background:var(--lime);color:var(--green)}.chapter-slip{display:none;position:absolute;right:1rem;top:7rem;width:185px;padding:1rem;background:#f2eadc;color:#273d33;box-shadow:8px 8px 0 rgba(0,0,0,.17);text-align:left;transform:rotate(3deg)}.chapter-slip:before{position:absolute;left:1rem;top:-7px;width:42px;height:14px;background:rgba(201,242,105,.8);content:"";transform:rotate(-5deg)}.chapter-slip small,.chapter-slip span,.chapter-slip a{display:block}.chapter-slip small{color:#7e8b84;font-size:.48rem}.chapter-slip strong{display:block;margin:.7rem 0 .2rem;font:700 1rem "FangSong",serif}.chapter-slip span{font-size:.58rem}.chapter-slip a{margin-top:1rem;color:var(--green);font-size:.55rem;font-weight:800}.archive-ticker>div{display:flex;align-items:center;gap:1rem;overflow:hidden;height:50px;white-space:nowrap}.archive-ticker b{color:var(--lime);font-size:.62rem}.archive-ticker span{padding-left:1rem;border-left:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.57);font-size:.57rem}.archive-ticker em{margin-left:auto;color:rgba(255,255,255,.35);font:700 .5rem Arial;font-style:normal}.portal-section{background:#f1f1e9;background-image:linear-gradient(rgba(7,84,60,.035) 1px,transparent 1px);background-size:100% 34px}.portal-heading{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:end;margin-bottom:2.2rem;padding-bottom:1.5rem;border-bottom:3px solid var(--green)}.portal-no{display:grid;place-items:center;width:52px;height:68px;background:var(--green);color:var(--lime);font:900 1.3rem Georgia,serif}.portal-heading h2{margin:0;font:900 clamp(2.7rem,8vw,5rem)/.9 "STKaiti","KaiTi","Songti SC",serif;letter-spacing:0}.portal-heading>p{grid-column:1/-1;max-width:35rem;margin:0;color:var(--muted);font-size:.7rem}.bookmark-tabs{padding-bottom:0}.bookmark-tabs button{position:relative;border:0;border-radius:0}.bookmark-tabs button.active:after{position:absolute;left:50%;bottom:-8px;border:4px solid transparent;border-top-color:var(--green);content:"";transform:translateX(-50%)}.library-dashboard{display:grid;gap:1rem;margin-top:1.6rem}.update-board{background:#fff;border-top:4px solid var(--green)}.update-head,.update-row{display:grid;grid-template-columns:2.5rem 1fr 3rem 3rem;gap:.5rem;align-items:center}.update-head{padding:.65rem 1rem;background:#e3eadf;color:#6c796f;font-size:.5rem;font-weight:700}.update-row{padding:.8rem 1rem;border-bottom:1px solid var(--line)}.update-row:last-child{border-bottom:0}.update-row>b{color:var(--green-2);font:900 .62rem Georgia}.update-row h3{margin:0;font:.82rem "Songti SC",serif}.update-row p{margin:.18rem 0 0;color:var(--muted);font-size:.54rem}.update-row>span{color:var(--muted);font-size:.55rem}.update-row>em{color:var(--orange);font-size:.52rem;font-style:normal}.update-row.is-hidden{display:none}.editor-pick{display:grid;grid-template-columns:1fr 110px;gap:1rem;padding:1.2rem;background:var(--green);color:#fff}.editor-copy .kicker{color:var(--lime)}.editor-copy h3{margin:.2rem 0 .7rem;font:900 1.8rem "STKaiti","KaiTi",serif}.editor-copy>p:not(.kicker){color:rgba(255,255,255,.62);font-size:.65rem}.editor-copy dl{margin:.8rem 0}.editor-copy dl div{display:flex;justify-content:space-between;padding:.4rem 0;border-top:1px solid rgba(255,255,255,.15);font-size:.52rem}.editor-copy dd{margin:0;color:var(--lime)}.editor-copy button{border:0;background:var(--lime);color:var(--green);padding:.5rem .7rem;font-size:.55rem;font-weight:800}.editor-cover{display:flex;justify-content:space-between;flex-direction:column;min-height:200px;padding:.75rem;background:#e9e1d0;color:#213c31;box-shadow:6px 6px 0 rgba(0,0,0,.2)}.editor-cover small{font:700 .4rem Arial;letter-spacing:.08em}.editor-cover b{font:900 1.35rem/1.1 "STKaiti","KaiTi",serif;text-align:center}.editor-cover span{font-size:.45rem;text-align:right}.genre-bookmarks{display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:#fff;border:1px solid var(--line)}.genre-bookmarks strong{grid-column:1/-1;padding:.8rem;background:#e3eadf;color:var(--green);font:.85rem "Songti SC",serif}.genre-bookmarks a{display:flex;justify-content:space-between;padding:.7rem .8rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#48574f;font-size:.6rem}.genre-bookmarks a span{color:var(--green)}.genre-bookmarks small{grid-column:1/-1;padding:.6rem;color:#9aa49e;font:.45rem Arial;letter-spacing:.1em}
@media(min-width:768px){.archive-stage{min-height:750px;padding-top:5rem}.archive-title-wrap{gap:1.8rem}.title-side{display:block}.archive-number{left:2rem;top:3rem}.chapter-slip{display:block}.archive-actions{flex-direction:row}.archive-shelves{position:absolute;left:2rem;bottom:7.2rem;margin:0}.portal-heading{grid-template-columns:auto .8fr 1fr;gap:1.4rem}.portal-heading>p{grid-column:auto;justify-self:end}.library-dashboard{grid-template-columns:1.15fr .85fr}.update-board{grid-row:span 2}.genre-bookmarks{grid-column:2}.editor-pick{grid-column:2;grid-row:1}.genre-bookmarks{grid-row:2}}
@media(min-width:1100px){.archive-title{font-size:10rem!important}.chapter-slip{right:2.5rem;top:8rem}.archive-shelves{left:3rem}.library-dashboard{grid-template-columns:1.2fr .9fr .48fr}.update-board{grid-row:auto}.editor-pick{grid-column:auto;grid-row:auto}.genre-bookmarks{grid-column:auto;grid-row:auto;display:flex;flex-direction:column}.genre-bookmarks strong,.genre-bookmarks small{grid-column:auto}.genre-bookmarks a{border-right:0}.editor-pick{grid-template-columns:1fr 130px}.editor-cover{min-height:245px}}
@media(max-width:480px){.archive-title{font-size:5.2rem!important}.archive-slogan{font-size:1rem}.archive-ticker em{display:none}.archive-ticker span:nth-of-type(n+2){display:none}.update-head,.update-row{grid-template-columns:2rem 1fr 2.5rem 2.5rem;padding-inline:.65rem}.editor-pick{grid-template-columns:1fr 90px}.editor-cover{min-height:180px}.portal-heading h2{font-size:2.8rem}}

/* ink wash atmosphere and Chinese bookmaking details */
.hero-archive:before{position:absolute;inset:auto 0 48px;height:46%;z-index:1;background:linear-gradient(155deg,transparent 0 35%,rgba(3,30,23,.7) 36% 61%,transparent 62%),linear-gradient(205deg,transparent 0 40%,rgba(10,81,61,.85) 41% 70%,transparent 71%);clip-path:polygon(0 58%,8% 48%,15% 55%,24% 29%,32% 48%,42% 18%,52% 41%,61% 25%,72% 52%,81% 34%,91% 49%,100% 27%,100% 100%,0 100%);content:"";opacity:.8}.hero-archive:after{position:absolute;left:0;right:0;bottom:32%;z-index:1;height:18%;background:radial-gradient(ellipse at 30% 50%,rgba(241,239,224,.18),transparent 55%),radial-gradient(ellipse at 74% 45%,rgba(241,239,224,.13),transparent 58%);content:"";filter:blur(12px)}.archive-stage{isolation:isolate}.archive-stage:after,.archive-stage:before{z-index:-1}.ink-seal{position:absolute;right:1rem;top:3rem;z-index:4;display:grid;place-items:center;width:48px;height:58px;border:2px solid #e85d47;color:#e85d47;transform:rotate(8deg);font-family:"STKaiti","KaiTi",serif}.ink-seal:before,.ink-seal:after{position:absolute;inset:3px;border:1px solid rgba(232,93,71,.65);content:""}.ink-seal b{font-size:1.25rem;line-height:1}.ink-seal span{font-size:.65rem;line-height:1}.archive-shelves{position:relative}.shelf-caption{position:absolute;left:0;top:-1.2rem;color:rgba(255,255,255,.45);font:700 .45rem "FangSong",serif;letter-spacing:.18em}.portal-section{position:relative;overflow:hidden;background-color:#f0eee4;background-image:radial-gradient(ellipse at 12% 20%,rgba(7,84,60,.07),transparent 45%),radial-gradient(ellipse at 90% 80%,rgba(194,88,53,.06),transparent 40%),linear-gradient(rgba(7,84,60,.035) 1px,transparent 1px)}.portal-section:after{position:absolute;right:-70px;top:100px;width:180px;height:320px;border:1px solid rgba(7,84,60,.13);border-radius:50%;content:"";transform:rotate(26deg);pointer-events:none}.portal-heading,.library-dashboard{position:relative;z-index:1}.editor-pick{position:relative;overflow:hidden}.editor-pick:after{position:absolute;right:3px;bottom:-30px;color:rgba(201,242,105,.1);content:"閱";font:900 12rem "STKaiti","KaiTi",serif;line-height:1}.feature-list article:nth-child(2),.feature-list article:nth-child(5){background:#f6f1e5}.download-section:before{position:absolute;inset:0;background-image:radial-gradient(ellipse at 80% 20%,rgba(201,242,105,.1),transparent 38%),repeating-linear-gradient(118deg,transparent 0 60px,rgba(201,242,105,.045) 61px 62px);content:"";pointer-events:none}.app-showcase{position:relative}.app-showcase:after{position:absolute;right:-80px;top:-30px;width:260px;height:260px;border:1px solid rgba(201,242,105,.14);border-radius:50%;content:"";pointer-events:none}
@media(min-width:768px){.ink-seal{right:8%;top:5rem}.hero-archive:before{bottom:48px}.archive-stage:before{left:4%;}.archive-stage:after{right:4%}.archive-shelves{margin-right:auto}.portal-heading{padding-left:1rem}.portal-heading:before{position:absolute;left:-1rem;top:-.4rem;width:4px;height:78px;background:var(--orange);content:""}}

/* Cinematic reading room direction */
:root{--green:#5f3e2b;--green-2:#8b5e3c;--lime:#e8c27a;--orange:#c86b45;--ink:#2c211b;--paper:#f4efe7;--muted:#76685d;--line:#ded3c7}
.site-header{background:rgba(39,27,20,.9);border-bottom-color:rgba(255,255,255,.14);color:#fff}
.site-header .brand-name small,.desktop-nav a{color:rgba(255,255,255,.68)}
.brand-icon{background:#b66b45}.brand-icon i{background:var(--lime);border-color:#2b1d16}.header-download{background:var(--lime);color:#362317}.menu-button{border-color:rgba(255,255,255,.24);background:transparent}.menu-button span{background:#fff}.mobile-nav{background:#34241b}.mobile-nav a{border-color:rgba(255,255,255,.12)}
.hero-archive{min-height:790px;background:#2f2019}
.hero-archive .hero-photo{opacity:.76;filter:saturate(.78) sepia(.26) contrast(1.08);object-position:center 58%}
.hero-archive .hero-overlay{background:linear-gradient(90deg,rgba(31,20,15,.92) 0%,rgba(39,24,17,.7) 42%,rgba(39,24,17,.14) 82%),linear-gradient(180deg,rgba(25,16,12,.48),rgba(27,17,12,.82))}
.archive-lines{opacity:.13;background-image:linear-gradient(rgba(255,240,214,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,240,214,.12) 1px,transparent 1px);background-size:88px 88px}
.hero-archive:before{inset:auto 0 48px;height:52%;background:linear-gradient(155deg,transparent 0 35%,rgba(42,25,17,.72) 36% 61%,transparent 62%),linear-gradient(205deg,transparent 0 40%,rgba(106,65,40,.48) 41% 70%,transparent 71%);opacity:.5}
.hero-archive:after{bottom:25%;height:25%;background:radial-gradient(ellipse at 18% 40%,rgba(255,224,166,.2),transparent 52%),radial-gradient(ellipse at 74% 48%,rgba(255,191,112,.2),transparent 58%);filter:blur(20px)}
.archive-stage{align-items:flex-start;justify-content:center;max-width:1240px;text-align:left}
.official-label{color:rgba(255,245,230,.75)}.official-label span{background:var(--lime);color:#3b271b}
.archive-title-wrap{justify-content:flex-start}.archive-title{font-family:"STKaiti","KaiTi","FangSong",serif!important;text-shadow:8px 10px 0 rgba(31,17,11,.3)}.archive-title span:nth-child(2){color:var(--lime)}.title-side{border-color:rgba(255,240,214,.38);color:rgba(255,240,214,.72)}.title-side.right{border-color:rgba(232,194,122,.75);color:var(--lime)}
.archive-slogan{color:#fff1dc;font-size:clamp(1.2rem,3vw,1.8rem);letter-spacing:.12em}.archive-lead{max-width:34rem;color:rgba(255,242,222,.76);font-size:.82rem}.archive-actions{margin-top:2rem}.button-primary{background:var(--lime);color:#3b271b}.download-glyph{background:#5f3e2b}.chapter-link{border-color:rgba(255,240,214,.55)}.chapter-link b{color:var(--lime)}
.archive-shelves{border-bottom-color:rgba(232,194,122,.7)}.spine{background:#e9d9bf;color:#4b3021}.spine.orange{background:#a9563c}.spine.light{background:var(--lime);color:#4a2d1e}.shelf-caption{color:rgba(255,240,214,.58)}
.ink-seal{border-color:#dc7656;color:#f1a17b}.ink-seal:before,.ink-seal:after{border-color:rgba(220,118,86,.65)}
.chapter-slip{width:270px;padding:1.35rem;background:rgba(250,239,221,.94);color:#39291f;box-shadow:14px 16px 0 rgba(32,18,11,.28);border:1px solid rgba(117,75,46,.28);backdrop-filter:blur(8px)}.chapter-slip:before{background:var(--lime)}.chapter-slip small{color:#956f51}.chapter-slip strong{font-size:1.18rem}.chapter-slip span{color:#725b49}.chapter-slip a{color:#7a4c30}.reading-progress{height:4px;margin-top:1.15rem;background:#dac5aa;border-radius:99px}.reading-progress i{display:block;width:68%;height:100%;background:#bd6b49;border-radius:99px}.reading-meta{display:flex;justify-content:space-between;margin-top:.5rem;color:#99785e;font-size:.54rem}.reading-meta b{color:#7b4d33;font-weight:700}
.archive-ticker{background:rgba(39,24,16,.82);border-top-color:rgba(255,234,205,.2)}.archive-ticker b{color:var(--lime)}.archive-ticker span{border-left-color:rgba(255,234,205,.2);color:rgba(255,235,210,.62)}
.portal-section{background-color:#f2ece2;background-image:radial-gradient(ellipse at 12% 20%,rgba(152,99,57,.1),transparent 45%),radial-gradient(ellipse at 90% 80%,rgba(194,88,53,.08),transparent 40%),linear-gradient(rgba(112,76,48,.05) 1px,transparent 1px)}.portal-no{background:#5f3e2b;color:var(--lime)}.portal-heading{border-bottom-color:#5f3e2b}.portal-heading:before{background:#c86b45!important}.bookmark-tabs button.active,.bookmark-tabs button:hover{background:#5f3e2b;border-color:#5f3e2b}.bookmark-tabs button.active:after{border-top-color:#5f3e2b}.update-board{border-top-color:#5f3e2b}.update-head{background:#e9ded0}.update-row> b{color:#8b5e3c}.editor-pick{background:#5f3e2b}.editor-copy .kicker{color:var(--lime)}.editor-copy dd{color:var(--lime)}.editor-copy button{background:var(--lime);color:#4d3020}.genre-bookmarks strong{background:#e9ded0;color:#5f3e2b}.genre-bookmarks a span{color:#8b5e3c}
.app-showcase{background:#3a271d}.showcase-copy h2 strong{color:var(--lime)}.screen-board{border-color:#2b1b14;box-shadow:18px 18px 0 var(--lime)}.feature-novel{background:#eadcc9}.feature-cover{background:#70452f}.download-section{background:#2c1c15}.download-photo img{opacity:.24;filter:sepia(.35) saturate(.8)}.version-box{border-top-color:var(--lime)}.version-tabs button.active{background:#5f3e2b}.install{background:#e8c27a}.faq{background:#f8f4ee}footer{background:#2c1c15}.app-mini{background:#5f3e2b}.mobile-download>a{background:#b76343}
@media(min-width:768px){.archive-stage{min-height:750px;padding-top:5rem;padding-right:330px}.archive-title{font-size:clamp(7rem,12vw,10rem)!important}.chapter-slip{display:block;right:1.5rem;top:50%;transform:translateY(-50%) rotate(2.5deg)}.ink-seal{right:29%;top:5rem}.archive-shelves{left:0;bottom:7rem}.archive-actions{flex-direction:row}.archive-ticker>div{height:56px}}
@media(min-width:1100px){.archive-stage{padding-right:360px}.chapter-slip{right:2.5rem;width:290px}.ink-seal{right:31%}}
@media(max-width:767px){.archive-stage{padding-top:5.2rem;padding-bottom:8rem}.archive-title-wrap{width:auto}.archive-title{font-size:clamp(5.4rem,24vw,7.5rem)!important}.archive-lead{max-width:30rem}.chapter-slip{display:block;position:relative;right:auto;top:auto;width:min(100%,340px);margin:2.2rem auto 0;transform:rotate(1.5deg);align-self:center}.archive-shelves{align-self:center}.ink-seal{right:1rem;top:3.4rem}.archive-ticker span{display:none}.archive-ticker em{display:none}}