:root{--ink:#182238;--blue:#325bab;--muted:#657087;--line:#dce4f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #6692ed;outline-offset:6px}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:#fff;padding:14px}.skip:focus{top:10px}.progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#325bab,#9e8bff,#45d7d0);transform:scaleX(0);transform-origin:left;z-index:50}.header{position:sticky;top:0;background:#ffffffd9;backdrop-filter:blur(20px);z-index:20;border-bottom:1px solid #e8edf580}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:21px;font-weight:650;white-space:nowrap}.brand img{border-radius:12px}.nav-links{display:flex;gap:32px;align-items:center;font-size:14px}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--blue)}.nav-links span{margin-left:7px}.nav-download{border:1px solid var(--line);padding:11px 18px;border-radius:25px;background:#fff9}.hero{position:relative;overflow:hidden;background:#f8faff url('assets/bg-BfrdlHMm.png') center top/cover no-repeat}.hero-glow{position:absolute;width:65vw;height:65vw;left:18%;top:8%;background:radial-gradient(ellipse,#c7d9ff85,transparent 65%);filter:blur(30px);pointer-events:none;transform:translate(var(--mx,0),var(--my,0))}#particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-content{position:relative;text-align:center;padding-top:64px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:3px;color:var(--blue);margin-bottom:27px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #325bab0c}h1{font-family:"Songti SC","STSong","SimSun",serif;font-size:clamp(40px,5.4vw,76px);font-weight:900;letter-spacing:2px;line-height:1.35;margin:0 0 28px;color:#0a1312}.mobile-break{display:none}.highlight{position:relative;padding:0 5px;background:linear-gradient(90deg,#c3d4ff80,#e8edff00)}.highlight:before{content:"";position:absolute;height:92%;width:3px;left:0;top:4%;background:var(--blue);animation:cursor 2.8s ease-in-out infinite}.highlight i{position:absolute;left:0;right:0;bottom:-5px;height:2px;background:linear-gradient(90deg,var(--blue),transparent)}.description{font-size:18px;line-height:1.9;font-weight:500;max-width:660px;margin:0 auto 20px;color:#5e6676}.guide-link{display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-size:14px}.guide-link span{transition:transform .25s;font-size:23px}.guide-link:hover span{transform:translateX(7px)}.downloads{display:flex;gap:16px;justify-content:center;margin:32px 0 42px;scroll-margin-top:150px}.store{display:flex;align-items:center;gap:12px;padding:12px 20px;min-width:202px;min-height:65px;border-radius:12px;text-align:left;position:relative;transition:box-shadow .25s,background .25s;will-change:transform}.store svg{width:28px;height:30px}.store span{display:flex;flex-direction:column}.store small{font-size:10px;margin-bottom:2px;letter-spacing:.3px}.store strong{font-size:20px;font-weight:550;line-height:1.1}.store b{margin-left:auto;font-size:18px;font-weight:400}.apple{color:white;background:#252432;border:1px solid #252432}.android{background:#ffffff90;border:1px solid #252432;color:#252432}.store:hover{box-shadow:0 10px 35px #325bab24}.hero-showcase{position:relative;max-width:1000px;margin:auto;transform-style:preserve-3d;will-change:transform}.hero-showcase>img{width:100%;height:auto;display:block;position:relative;filter:drop-shadow(0 30px 32px #325bab13)}.showcase-orbit{position:absolute;left:5%;right:5%;top:16%;height:60%;border:1px solid #325bab12;border-radius:50%;transform:rotate(-9deg)}.floating-tag{position:absolute;padding:15px 20px;background:#ffffffd9;backdrop-filter:blur(14px);border:1px solid #fff;border-radius:15px;box-shadow:0 12px 40px #325bab15;color:#4d6182;font-size:12px;animation:float 6s ease-in-out infinite;pointer-events:none;letter-spacing:.6px}.floating-tag i{font-style:normal;color:var(--blue);margin-right:6px}.tag-one{left:-38px;top:33%;transform:rotate(-5deg)}.tag-two{right:-36px;top:60%;animation-delay:-3s}.scroll-hint{display:flex;align-items:center;flex-direction:column;gap:9px;padding:32px 0 35px;color:#78869a;font-size:10px;letter-spacing:2px}.scroll-hint i{font-style:normal;font-size:22px;animation:float 3s infinite}.section-nav{display:flex;align-items:center;justify-content:center;gap:45px;position:sticky;top:88px;z-index:10;background:#fffffff0;backdrop-filter:blur(15px);border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;height:60px;font-size:12px;letter-spacing:1px;color:#8b94a4}.section-nav a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent;transition:color .3s,border-color .3s}.section-nav a.active{color:var(--blue);border-color:var(--blue)}.feature{position:relative;padding:96px 0 65px;overflow:hidden;scroll-margin-top:148px}.section-heading{display:flex;align-items:center;justify-content:center;gap:24px}.section-number{font-family:Georgia,serif;font-size:88px;font-weight:400;line-height:1;color:var(--blue);letter-spacing:-5px}.overline{color:#8a98ae;font-size:10px;letter-spacing:2.5px;margin:0 0 8px}h2{font-family:"Songti SC","SimSun",serif;font-size:43px;letter-spacing:2px;margin:0;font-weight:800}.section-description{font-size:16px;text-align:center;line-height:1.9;color:var(--muted);max-width:780px;margin:26px auto 48px}.art-scroll{position:relative;scrollbar-width:thin;scrollbar-color:#b8c9e9 transparent}.artboard{position:relative;overflow:hidden}.artboard img{display:block;width:100%;height:auto;transition:filter .4s}.stats-art img{margin-top:-21%}.books-art img{margin-top:-18%}.notes-art{max-width:1040px;margin:auto}.notes-art img{margin-top:-21%}.books{background:linear-gradient(180deg,#f8faff,#fff)}.notes{background:#fafbff}.notes-glow{position:absolute;inset:0;background:radial-gradient(at 10% 80%,#dce9ff80,transparent 50%),radial-gradient(at 95% 20%,#eae0ff70,transparent 50%);pointer-events:none}.notes .wrap{position:relative}.swipe-note{display:none}.footer{background:#f1f5ff url('assets/bottom-bg-ChFFBlfK.png') center bottom/cover;padding:55px 0 64px}.footer-card{background:#ffffff8c;backdrop-filter:blur(16px);border:1px solid #fff;border-radius:32px;padding:54px 60px}.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:flex-start}.footer-links{display:flex;gap:65px;font-size:13px}.footer-links>div{display:flex;flex-direction:column;gap:22px}.footer-links a,.wechat{transition:color .2s}.footer-links a:hover,.wechat:hover{color:var(--blue)}.wechat{padding:0;text-align:left;border:0;background:none;color:inherit;font-size:13px}.wechat span{margin-left:6px}.footer-bottom{border-top:1px solid #dce4ef;margin-top:42px;padding-top:26px;display:flex;gap:20px;font-size:11px;line-height:1.7;color:#788499}.back-top{margin-left:auto}dialog{border:1px solid #e5eaf5;border-radius:24px;padding:32px;box-shadow:0 25px 100px #1a2a4e40;max-width:calc(100% - 40px);text-align:center;color:var(--ink)}dialog::backdrop{background:#18223866;backdrop-filter:blur(8px)}dialog>img{display:block;width:240px;max-width:100%;height:auto;margin:10px auto 20px}dialog h2{font-family:inherit;font-size:21px;letter-spacing:0}dialog p{font-size:14px;color:var(--muted)}.close-dialog{position:absolute;right:12px;top:8px;background:none;border:0;font-size:28px;color:#71819a;padding:4px 10px}.js-motion .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.visible{opacity:1;transform:none}.js-motion .intro{animation:enter 1s both}.js-motion .intro:nth-child(2){animation-delay:.1s}.js-motion .intro:nth-child(3){animation-delay:.2s}.js-motion .intro:nth-child(4){animation-delay:.3s}.js-motion .intro:nth-child(5){animation-delay:.4s}.js-motion .intro:nth-child(6){animation-delay:.5s}@keyframes enter{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes cursor{50%{opacity:.3}}
@media(min-width:1700px){.hero-content{padding-top:88px}.wrap{max-width:1320px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:74px}.nav-links{gap:18px;font-size:12px}.brand{font-size:18px}.brand img{width:33px;height:33px}.nav-download{display:none}.hero-content{padding-top:48px}h1{font-size:54px}.description{font-size:15px;max-width:520px}.floating-tag{font-size:10px;padding:12px}.tag-one{left:0}.tag-two{right:0}.section-nav{top:74px;gap:30px;height:54px}.feature{padding-top:65px;scroll-margin-top:128px}.section-number{font-size:70px}h2{font-size:34px}.section-description{font-size:14px;margin:22px auto 35px}.footer-card{padding:36px 28px;border-radius:24px}.footer-top{flex-direction:column;gap:32px}.footer-links{width:100%;justify-content:space-between;gap:15px}.footer-bottom{flex-wrap:wrap;gap:8px 18px}.back-top{margin-left:0}}
@media(max-width:520px){.wrap{width:calc(100% - 36px)}.nav-links{gap:15px}.nav-links span{display:none}.brand{gap:7px;font-size:16px}.mobile-break{display:block}h1{font-size:48px;letter-spacing:3px;margin-bottom:23px;line-height:1.4}.eyebrow{font-size:10px;margin-bottom:20px}.description{line-height:1.9;font-size:14px}.guide-link{font-size:12px}.downloads{gap:10px;margin:26px 0 35px}.store{min-width:0;flex:1;max-width:190px;gap:8px;padding:11px 12px;min-height:59px}.store svg{width:23px}.store strong{font-size:17px}.store small{font-size:9px}.store b{display:none}.floating-tag{display:none}.hero-showcase{width:130%;max-width:none;margin-left:-15%}.scroll-hint{padding:24px 0}.section-nav{gap:22px;font-size:10px;letter-spacing:0}.section-heading{gap:18px}.section-number{font-size:60px}.overline{font-size:8px;letter-spacing:1.2px}h2{font-size:31px}.feature{padding:55px 0 35px}.section-description{font-size:13px;text-align:left;line-height:1.9}.art-scroll{overflow-x:auto;margin:0 -18px;padding:0 18px 14px;overscroll-behavior-inline:contain}.stats-art{width:920px}.books-art{width:960px}.notes-art{width:710px}.swipe-note{display:block;text-align:center;font-size:10px;color:#8a98ae;letter-spacing:1px;margin:12px 0}.footer{padding:24px 0 30px}.footer-card{padding:30px 22px}.footer-links{font-size:12px;gap:12px}.wechat{font-size:12px}.footer-links>div{gap:20px}.footer-bottom{margin-top:30px;padding-top:20px;font-size:10px}.back-top{width:100%;margin-top:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}#particles{display:none}}
/* The hero uses native text and CSS shapes so it stays sharp at every pixel density. */
.device-stage{position:relative;width:100%;aspect-ratio:1.85;container-type:inline-size;text-align:left;pointer-events:none;transform:none}.laptop{position:absolute;left:11%;top:1%;width:80%;height:90%}.laptop-display{height:95%;padding:1.2%;background:#14151a;border:1px solid #6c6d73;border-radius:2.2cqw 2.2cqw .7cqw .7cqw;box-shadow:0 2cqw 5cqw #2437591c;position:relative}.camera{position:absolute;top:.3cqw;left:50%;height:.35cqw;width:.35cqw;border-radius:50%;background:#3d4651}.desktop-screen{background:#f7f8fb;height:100%;border-radius:1.3cqw 1.3cqw .2cqw .2cqw;overflow:hidden;font-size:1.1cqw;color:#263345}.desktop-toolbar{height:3.2cqw;background:#edf0f6;border-bottom:1px solid #dfe3ec;display:flex;align-items:center;justify-content:space-between;padding:0 1.2cqw;font-size:.85cqw}.traffic-lights{color:#b7bec9;letter-spacing:.25cqw}.desktop-app{display:grid;grid-template-columns:19% 44% 37%;height:calc(100% - 3.2cqw)}.demo-sidebar{border-right:1px solid #dce2ed;display:flex;flex-direction:column;gap:1.65cqw;padding:1.6cqw 1cqw;background:#edf2fa;position:relative}.sidebar-brand{width:3cqw;height:3cqw;display:grid;place-items:center;background:#325bab;color:white;border-radius:.8cqw;font-family:serif;font-size:1.8cqw}.demo-sidebar>strong{font-size:1.4cqw;margin:.8cqw 0}.demo-sidebar .selected{padding:.6cqw;background:#dbe6f8;color:#325bab;border-radius:.4cqw;margin:-.6cqw}.sidebar-bottom{position:absolute;bottom:1.7cqw;font-size:.72cqw;color:#7a8ca8}.desktop-books{padding:1.7cqw 1.5cqw;overflow:hidden}.demo-title{display:flex;align-items:center;justify-content:space-between;font-size:1.4cqw;margin-bottom:1.7cqw}.demo-title>span{font-size:1.3cqw;color:#6e7e95}.demo-tabs{display:flex;gap:1.8cqw;font-size:.95cqw;margin-bottom:1.5cqw;color:#8490a4;white-space:nowrap}.demo-tabs b{color:#325bab;position:relative}.demo-tabs b:after{content:"";position:absolute;bottom:-.5cqw;left:0;width:100%;height:.22cqw;background:#325bab;border-radius:1cqw}.demo-book{display:flex;align-items:center;gap:1cqw;padding:1cqw;background:#fff;border:1px solid #e8ecf3;border-radius:.9cqw;margin-bottom:1cqw}.demo-cover{width:5.1cqw;min-width:5.1cqw;height:7.2cqw;display:flex;flex-direction:column;justify-content:space-between;padding:.6cqw .45cqw;position:relative;box-shadow:inset .3cqw 0 .5cqw #00000012;border-radius:.1cqw .3cqw .3cqw .1cqw;font-family:"Songti SC",serif;overflow:hidden}.demo-cover small{font-family:sans-serif;font-size:.4cqw;letter-spacing:.12cqw}.demo-cover strong{font-size:1.05cqw;line-height:1.4}.demo-cover i{font-size:.45cqw;font-style:normal}.amber{background:linear-gradient(145deg,#e6481a,#fa9247);color:#fff6d3}.red{background:repeating-linear-gradient(30deg,#e8e0d2 0 7px,#e8e0d2 7px 9px,#ad3734 10px 11px);color:#311b1c}.red strong{background:#eee3ceee}.cream{background:linear-gradient(145deg,#e5d3a0,#faf2da);color:#454a36}.green{background:linear-gradient(145deg,#2b625d,#89aca0);color:#f2e7bf}.demo-book-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.65cqw}.demo-book-info>strong{font-size:1.05cqw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-book-info>span{font-size:.8cqw;color:#8a96a8}.demo-reading{display:flex;justify-content:space-between;font-size:.72cqw;color:#9aa6b8;margin-top:.35cqw}.demo-meter{height:.35cqw;background:#eaf0f8;border-radius:1cqw;overflow:hidden}.demo-meter i{height:100%;display:block;background:#7c9bd5;border-radius:1cqw}.demo-book-info>.demo-book-type{font-size:.62cqw;color:#a5afbd}.desktop-detail{padding:1.8cqw 1.7cqw;background:#fff;border-left:1px solid #e4e8f1;display:flex;flex-direction:column}.detail-heading{font-size:1cqw;display:flex;justify-content:space-between;margin-bottom:2cqw}.detail-heading span{color:#8d99ae}.detail-cover{width:8.2cqw;height:11.6cqw;margin:0 auto 1.3cqw;padding:.9cqw}.detail-cover strong{font-size:1.8cqw}.detail-cover small{font-size:.55cqw}.detail-cover i{font-size:.4cqw;line-height:1.5}.detail-book-name{text-align:center;font-size:1.2cqw}.detail-author{text-align:center;font-size:.8cqw;color:#94a0b1;margin:.6cqw 0 1.7cqw}.detail-reading{display:flex;justify-content:space-between;font-size:.8cqw;color:#8795aa;margin-bottom:.7cqw}.detail-reading b{color:#325bab}.detail-note{border:1px solid #e9edf5;border-radius:.7cqw;padding:1.2cqw;margin-top:1.7cqw;font-family:serif}.detail-note small{font-family:sans-serif;font-size:.75cqw;color:#7185aa}.detail-note p{font-size:1.05cqw;line-height:1.9;margin:1cqw 0}.detail-note>span{font-size:.7cqw;color:#9aa6b8}.detail-label{margin-top:auto;padding-top:1cqw;font-size:.7cqw;color:#8193af}.laptop-base{height:2.7cqw;width:113%;margin-left:-6.5%;position:relative;background:linear-gradient(#cbd0d7,#e9edf1 25%,#bac2ce 80%,#808999);border-radius:0 0 40% 40%/0 0 70% 70%;box-shadow:0 1cqw 1cqw #233a5d15}.laptop-base i{position:absolute;left:43%;top:0;width:14%;height:.75cqw;background:#929cab;border-radius:0 0 .8cqw .8cqw}.demo-phone{position:absolute;left:2%;bottom:0;width:22%;height:73%;background:#f5f7fb;border:.55cqw solid #272b34;border-radius:3cqw;box-shadow:0 1cqw 3cqw #25385820;padding:1cqw 1.1cqw;overflow:hidden;font-size:1cqw;color:#25334a}.phone-island{height:1.4cqw;width:6cqw;border-radius:0 0 1cqw 1cqw;background:#272b34;position:absolute;left:50%;top:0;translate:-50% 0}.phone-status{display:flex;align-items:center;justify-content:space-between;font-size:.75cqw;height:2.1cqw;margin-bottom:1.7cqw}.phone-status>span{font-size:.6cqw}.phone-content .demo-title{font-size:1.7cqw;margin-bottom:1.6cqw}.phone-content .demo-tabs{font-size:.95cqw;gap:2cqw}.phone-content .demo-book{padding:.8cqw;gap:.8cqw}.phone-content .demo-cover{width:4.5cqw;min-width:4.5cqw;height:6.4cqw}.phone-content .demo-book-info>strong{font-size:.9cqw}.phone-content .demo-book-info>span{font-size:.65cqw}.phone-tabbar{position:absolute;bottom:1.8cqw;left:0;right:0;height:3.4cqw;display:flex;align-items:center;justify-content:space-around;background:#f5f7fb;border-top:1px solid #e6ebf2;font-size:1.5cqw;color:#a1adbe}.phone-tabbar span{display:flex;flex-direction:column;align-items:center;gap:.3cqw}.phone-tabbar span:first-child{color:#325bab}.phone-tabbar small{font-size:.6cqw}.phone-home{position:absolute;bottom:.55cqw;left:33%;width:34%;height:.3cqw;border-radius:1cqw;background:#272b34}.demo-watch{position:absolute;right:0;bottom:1%;width:15%;height:36%;display:grid;place-items:center}.watch-strap{position:absolute;inset:-2.2cqw 3.3cqw;background:linear-gradient(90deg,#b5bfcc,#dde3ea,#b5bfcc);border-radius:2cqw}.watch-body{position:relative;width:12.5cqw;height:14.5cqw;border:.5cqw solid #9ba5b4;background:#11151a;border-radius:3cqw;box-shadow:0 .6cqw 1.8cqw #25385830;display:flex;align-items:center;flex-direction:column;color:white;padding:1.1cqw .8cqw}.watch-crown{position:absolute;right:-.9cqw;top:3.5cqw;width:.6cqw;height:2cqw;background:#929cab;border-radius:.3cqw}.watch-time{font-size:.65cqw;align-self:flex-end;color:#b6bec9}.watch-caption{font-size:.8cqw;color:#8bdcb6;margin:1cqw 0 .5cqw}.watch-body>strong{font-size:2.6cqw;font-weight:400;letter-spacing:.07cqw;font-variant-numeric:tabular-nums}.watch-rule{height:.25cqw;width:75%;background:#44594e;margin:.8cqw 0}.watch-controls{display:flex;gap:2cqw}.watch-controls i{font-size:1cqw;width:2.2cqw;height:2.2cqw;display:grid;place-items:center;border-radius:50%;background:#275b41;color:#7ee6a7;font-style:normal}.hero-showcase{filter:none}.device-stage *{filter:none}.showcase-orbit{display:none}
@media(max-width:520px){.hero-showcase{width:100%;margin:0}.device-stage{aspect-ratio:1.02}.laptop{left:2%;width:96%;top:3%;height:62%}.demo-phone{left:3%;width:37%;height:66%;border-width:.8cqw;border-radius:4.5cqw;padding:1.8cqw}.phone-island{height:2cqw;width:10cqw}.phone-status{font-size:1.2cqw;height:3cqw;margin-bottom:2.5cqw}.phone-status>span{font-size:1cqw}.phone-content .demo-title{font-size:2.8cqw;margin-bottom:2cqw}.phone-content .demo-title>span{font-size:2cqw}.phone-content .demo-tabs{font-size:1.6cqw;gap:3.2cqw;margin-bottom:2cqw}.phone-content .demo-book{padding:1.4cqw;gap:1.3cqw;border-radius:1.5cqw;margin-bottom:1.7cqw}.phone-content .demo-cover{width:7.4cqw;min-width:7.4cqw;height:10.5cqw;padding:1cqw .7cqw}.phone-content .demo-cover strong{font-size:1.5cqw}.phone-content .demo-cover small,.phone-content .demo-cover i{font-size:.7cqw}.phone-content .demo-book-info{gap:1cqw}.phone-content .demo-book-info>strong{font-size:1.5cqw}.phone-content .demo-book-info>span{font-size:1.1cqw}.phone-content .demo-reading{font-size:1cqw}.phone-content .demo-meter{height:.6cqw}.phone-tabbar{bottom:3.3cqw;height:5.8cqw;font-size:2.6cqw}.phone-tabbar small{font-size:1cqw}.phone-home{bottom:1cqw;height:.5cqw}.demo-watch{right:5%;bottom:7%;width:24%;height:36%}.watch-strap{inset:-1cqw 5cqw}.watch-body{width:21cqw;height:25cqw;border:.8cqw solid #9ba5b4;border-radius:5cqw;padding:2cqw 1.2cqw}.watch-time{font-size:1.2cqw}.watch-caption{font-size:1.4cqw;margin:1.8cqw 0 .9cqw}.watch-body>strong{font-size:4.3cqw}.watch-rule{margin:1.5cqw 0}.watch-controls{gap:3.2cqw}.watch-controls i{width:4cqw;height:4cqw;font-size:1.8cqw}.watch-crown{right:-1.4cqw;width:.9cqw;height:3cqw;top:6cqw}}