/* 暖白纸感与橙色品牌点缀，保留真实产品界面的蓝色。 */
:root{--ink:#242527;--muted:#777775;--orange:#f46c43;--line:#e9e7e3;--cream:#fffaf5;--max:1120px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ed9d7c;outline-offset:5px}img{max-width:100%;display:block}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:20px;z-index:20;padding:12px;background:#fff}.skip-link:focus{top:12px}.mobile-only{display:none}
.header{height:82px;background:rgba(255,255,255,.95);border-bottom:1px solid #f1eeeb;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.nav-shell{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%;gap:32px;padding:0 20px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-.8px;white-space:nowrap}.brand img{border-radius:10px}.nav-shell nav{display:flex;gap:38px;align-items:center;font-size:14px}.nav-shell nav a:hover,.footer-links a:hover{color:var(--orange)}.external{font-size:12px;color:#aaa;padding-left:4px}.nav-download{display:flex;align-items:center;gap:13px;border:1px solid #e5e2df;border-radius:8px;padding:11px 17px;font-size:13px;font-weight:600}.nav-download svg{width:16px;height:16px}.nav-download:hover{background:var(--cream);border-color:#f4b49e}
.hero{position:relative;background:linear-gradient(180deg,#fffaf5 0%,#fffdfb 49%,#fff 100%);padding-top:66px;overflow:hidden}.hero-grid{position:absolute;inset:0 0 auto;height:650px;background-image:linear-gradient(#ebc9b021 1px,transparent 1px),linear-gradient(90deg,#ebc9b021 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,black 30%,transparent);pointer-events:none}.hero-content{text-align:center;position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:500;color:#8a7971;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 27px}.eyebrow>span{height:6px;width:6px;background:var(--orange);border-radius:50%}h1{font-size:clamp(40px,5.1vw,68px);letter-spacing:-3px;line-height:1.3;font-weight:780;margin:0}.accent-word{color:var(--orange);display:inline-block;position:relative}.accent-word svg{position:absolute;width:100%;height:16px;left:0;bottom:-10px;stroke-width:3;stroke:#f7a483}.hero-description{font-size:17px;letter-spacing:.5px;color:#7d7a77;margin:31px 20px 30px;line-height:1.9}.hero-actions{display:flex;justify-content:center;align-items:center;gap:26px}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:18px 25px;font-size:15px;font-weight:600;border-radius:9px;transition:transform .2s,background .2s;white-space:nowrap}.button-dark{background:#262628;color:#fff;box-shadow:0 7px 16px #2626280c;border:1px solid #262628}.button-dark:hover{background:#414145;transform:translateY(-2px)}.button-dark svg{width:20px;height:20px}.button-dark .button-arrow{margin-left:12px;width:16px;height:16px;opacity:.55}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:14px}.text-link:hover{color:var(--orange)}.text-link svg{width:18px;height:18px}.hero-actions>.text-link{color:#72706d}.platform-picker{display:flex;justify-content:center;gap:16px;margin:36px auto 0}.platform-picker button{width:149px;height:106px;border:1px solid #e7e4e0;border-radius:10px;background:#ffffffb0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:all .2s}.platform-picker svg{height:25px;width:25px;margin-bottom:3px}.platform-picker button span{font-size:13px;font-weight:600}.platform-picker button small{font-size:10px;color:#92908b}.platform-picker button:hover{border-color:#f4b293;transform:translateY(-2px)}.platform-picker [aria-pressed=true]{background:#fff3e9;border-color:#f3b18e;box-shadow:0 3px 7px #e4af8b08}.platform-picker [aria-pressed=true] svg{color:var(--orange)}.platform-note{font-size:11px;color:#aaa29b;letter-spacing:1px;margin:16px 0 0}.hero-visual{position:relative;width:min(950px,90%);margin:20px auto 0;padding-bottom:29px}.hero-visual>img{width:100%;height:auto;mix-blend-mode:multiply}.floating-note{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;padding:13px 17px;border:1px solid #f0eae5;box-shadow:0 8px 30px #7460470c;border-radius:8px;font-size:12px;letter-spacing:.5px}.floating-note svg{width:19px;height:19px}.note-one{left:-1%;top:18%;transform:rotate(-7deg);color:#b76942;background:#fff8eb}.note-two{right:-1%;top:55%;transform:rotate(7deg);color:#487467;background:#eff8f2}.visual-caption{display:block;text-align:center;letter-spacing:3px;color:#92918e;font-size:11px;margin-top:-10px}
.benefit-strip{max-width:var(--max);padding:33px 90px;margin:10px auto 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px}.benefit-strip>div{display:flex;align-items:center;gap:12px;font-size:13px;color:#686965;white-space:nowrap}.benefit-strip svg{width:20px;height:20px;color:#797976}.benefit-strip>span{height:14px;width:1px;background:var(--line)}.section{max-width:var(--max);margin:auto;padding:106px 20px;scroll-margin-top:0}.section-heading{text-align:center}.kicker{font-size:11px;font-weight:600;letter-spacing:3px;color:var(--orange);margin:0 0 17px}.section-heading h2{font-size:42px;font-weight:720;letter-spacing:-1.6px;margin:0 0 20px;line-height:1.35}.section-heading h2 span{color:#92928e}.section-heading>p:last-child{font-size:14px;color:#8c8c88;line-height:1.9;margin:0}.feature-tabs{display:flex;align-items:center;justify-content:center;gap:4px;margin:34px auto 28px;background:#f6f5f3;border:1px solid #f0eeeb;border-radius:10px;width:fit-content;padding:5px}.feature-tabs button{font-size:13px;background:transparent;border:0;padding:13px 27px;border-radius:7px;color:#8b8986}.feature-tabs [aria-selected=true]{color:#272726;background:#fff;box-shadow:0 2px 7px #29292909}.feature-showcase{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;background:#f7f9fc;min-height:420px;border-radius:18px;padding:40px 36px 40px 50px;gap:35px;overflow:hidden}.feature-copy>span{font-size:10px;color:#7d99b6;letter-spacing:2px;font-weight:650}.feature-copy h3{font-size:34px;line-height:1.5;letter-spacing:-1px;margin:22px 0 19px;white-space:pre-line}.feature-copy p{color:#86909b;font-size:13px;line-height:2;max-width:295px;margin-bottom:25px}.feature-copy .text-link{font-size:12px}.feature-image-wrap{display:flex;align-items:center;justify-content:center}.feature-image-wrap img{width:100%;height:320px;object-fit:contain;mix-blend-mode:multiply;border-radius:9px}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:21px}.feature-cards>a{border:1px solid var(--line);padding:27px 28px;border-radius:12px;transition:transform .2s,border-color .2s}.feature-cards>a:hover{transform:translateY(-4px);border-color:#ebbd9f}.card-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:10px}.card-icon svg{width:22px;height:22px}.peach{color:#b97655;background:#fcf0e6}.blue{color:#6684b4;background:#edf3fc}.green{color:#6a947e;background:#edf5f0}.feature-cards h3{font-size:16px;font-weight:650;display:flex;justify-content:space-between;margin:21px 0 12px}.feature-cards h3 span{color:#c5c2bb;font-weight:400}.feature-cards p{font-size:12px;color:#8c8b87;line-height:1.9;margin:0}
.download-section{padding-top:40px}.download-panel{border:1px solid #ebe6df;background:#fffaf5;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;margin-top:40px;overflow:hidden}.download-content{padding:39px 42px}.download-tabs{display:flex;border-bottom:1px solid #eae2d9;gap:22px;width:fit-content;margin-bottom:37px}.download-tabs button{padding:0 0 12px;font-size:12px;border:0;background:transparent;color:#9a948d;position:relative}.download-tabs [aria-pressed=true]{color:#272625;font-weight:600}.download-tabs [aria-pressed=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--orange)}.download-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#a39383}.download-label svg{height:18px;width:18px}.download-content h3{font-size:29px;letter-spacing:-1px;margin:14px 0 18px;font-weight:650;min-height:38px}.download-content>p{font-size:12px;color:#958e85;line-height:2;white-space:pre-line;min-height:48px}.download-actions{display:flex;gap:16px;align-items:center;margin-top:25px}.download-actions .button{font-size:13px;padding:14px 22px}.download-actions svg{width:17px;height:17px}.qr-button{border:0;background:transparent;color:#93877b;font-size:11px;padding:10px 0;white-space:nowrap}.qr-button:hover{color:var(--orange)}.download-content .download-hint{min-height:0;font-size:10px;color:#a79d92;margin:15px 0 28px}.download-help{font-size:10px;color:#9b958c}.download-help:hover{color:var(--orange)}.download-footnote{text-align:center;color:#a6a29b;font-size:10px;line-height:1.8;margin:20px 0 0;letter-spacing:.2px}.download-art{padding:0;background:#f7f1e8;border-left:1px solid #eee5d9;margin:40px 39px 40px 0;border-radius:11px;box-shadow:0 14px 35px #987d5510;transform:rotate(2deg);align-self:center;overflow:hidden;min-height:346px}.art-top{display:flex;align-items:center;gap:5px;background:#fffdfa;padding:10px 15px;border-bottom:1px solid #e7dfd4}.art-top>span{width:5px;height:5px;background:#dfc5ad;border-radius:50%}.art-top>p{margin:0 0 0 18px;color:#b4a493;font-size:9px;letter-spacing:1px}.art-body{padding:30px 26px 24px;position:relative;background-color:#fffdf6;background-image:linear-gradient(#c5b99b22 1px,transparent 1px),linear-gradient(90deg,#c5b99b22 1px,transparent 1px);background-size:22px 22px;min-height:310px}.art-title{font-family:"Songti SC",STSong,serif;font-size:23px;font-weight:600;line-height:1.7;color:#635646}.art-highlight{font:italic 11px Georgia,serif;display:inline-block;background:#fde4bb;color:#9b7d51;padding:3px 5px;margin-top:10px;transform:rotate(-2deg)}.art-lines{width:45%;margin-top:25px;display:grid;gap:11px}.art-lines i{display:block;background:#ded8ca;height:2px}.art-lines i:last-child{width:75%}.art-sticky{position:absolute;right:21px;bottom:45px;width:113px;padding:15px 15px 20px;background:#ffdfac;font-size:9px;color:#946d3a;box-shadow:0 5px 8px #98763d0d;transform:rotate(-8deg)}.art-sticky b{display:block;font-family:"Songti SC",STSong,serif;font-size:14px;line-height:1.8;letter-spacing:1px;margin-top:8px}.art-sticky>span{position:absolute;font-size:26px;right:8px;bottom:6px;opacity:.4}.art-scribble{position:absolute;right:35px;top:37px;color:#cd8667;width:80px;height:70px;transform:rotate(-10deg);stroke-width:2}.art-bottom{margin:40px 0 0;color:#bcae98;font-size:8px;letter-spacing:2px}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:34px;padding-bottom:100px}.faq-heading h2{font-size:32px;font-weight:650;line-height:1.55;letter-spacing:-1px;margin:0 0 24px}.faq-heading .text-link{color:#85837d;font-size:12px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:550;gap:20px}summary::-webkit-details-marker{display:none}summary>span{width:12px;height:12px;position:relative;flex-shrink:0}summary>span:before,summary>span:after{content:"";width:10px;height:1px;background:#b4afa7;position:absolute;left:1px;top:5px}summary>span:after{transform:rotate(90deg)}details[open] summary>span:after{transform:rotate(0)}.faq-list p{margin:0 24px 22px 0;font-size:12px;line-height:2;color:#92908a}.faq-list p a{color:#ab775b;text-decoration:underline;text-underline-offset:3px}.closing{text-align:center;background:#fff7ed;padding:56px 20px 40px}.closing>span{font-size:30px;color:#ebaf7f;display:inline-block;transform:rotate(10deg)}.closing h2{font-size:30px;font-weight:650;letter-spacing:-1px;margin:18px 0 26px}.closing .button{font-size:13px;padding:15px 23px}.closing p{font-size:10px;letter-spacing:2px;color:#bb9f85;margin-top:22px}footer{max-width:var(--max);margin:auto;padding:48px 20px 22px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:40px}.footer-top .brand{font-size:20px}.footer-top .brand img{width:33px;height:33px}.footer-top p{font-size:11px;color:#a39d94;margin:12px 0 0}.footer-links{display:flex;gap:28px;font-size:11px;color:#8c8983}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:21px;font-size:9px;color:#b6b0a7;letter-spacing:.5px}
/* 原生弹窗和响应式断点，使扫码与手机浏览保持完整体验。 */
dialog{border:1px solid #eee2d6;border-radius:18px;padding:33px 28px 30px;text-align:center;width:min(370px,calc(100% - 32px));max-height:90dvh;color:var(--ink);box-shadow:0 25px 80px #332c3726}dialog::backdrop{background:#24252766;backdrop-filter:blur(4px)}dialog h2{font-size:19px;margin:0 0 12px}dialog>img{max-width:215px;height:auto;margin:14px auto}dialog>p:not(.kicker){font-size:11px;color:#95918b}dialog .text-link{font-size:11px}#qr-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#96918a;font-size:25px;width:30px;height:30px}
@media(min-width:1500px){.hero{padding-top:85px}.hero-visual{width:1040px}}
@media(max-width:900px){.nav-shell nav{gap:21px}.hero{padding-top:55px}h1{font-size:52px}.hero-visual{width:90%;margin-top:28px}.note-one{left:0}.note-two{right:0}.benefit-strip{margin-left:25px;margin-right:25px;padding:27px 30px}.section{padding:80px 28px}.feature-showcase{gap:20px;padding:32px;min-height:350px}.feature-copy h3{font-size:28px}.feature-image-wrap img{height:260px}.feature-cards>a{padding:24px 20px}.download-section{padding-top:10px}.download-content{padding:32px 28px}.download-content h3{font-size:24px}.download-art{margin-right:24px}.art-title{font-size:20px}.art-scribble{right:12px;width:55px}.art-sticky{width:98px;right:13px}.download-tabs{gap:14px}.faq-section{gap:40px;padding-top:15px}.footer-links{gap:20px}}
@media(max-width:640px){html{scroll-padding-top:78px}.header{height:66px}.nav-shell{padding:0 20px;gap:10px}.brand{font-size:20px;gap:7px}.brand img{width:33px;height:33px}.nav-shell nav{display:none}.nav-download{font-size:11px;padding:9px 12px;gap:8px}.nav-download svg{height:14px;width:14px}.hero{padding-top:47px}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:24px}h1{font-size:36px;letter-spacing:-1.5px;padding:0 10px}.accent-word svg{bottom:-9px;height:12px}.hero-description{font-size:13px;line-height:1.8;margin:28px 20px 25px}.mobile-only{display:block}.hero-actions{gap:17px}.hero-actions .button{padding:15px 16px;font-size:12px;gap:8px}.hero-actions .button-arrow{display:none}.hero-actions .text-link{font-size:11px;gap:6px}.hero-actions svg{height:17px;width:17px}.platform-picker{margin-top:28px;gap:10px}.platform-picker button{width:100px;height:93px}.platform-picker button span{font-size:11px}.platform-picker button small{font-size:9px}.platform-picker svg{height:22px;width:22px}.platform-note{font-size:9px;letter-spacing:.5px;margin-top:13px}.hero-visual{width:100%;margin-top:25px;padding:0 7px 22px}.floating-note{padding:8px 10px;font-size:8px;gap:6px;border-radius:6px}.floating-note svg{height:13px;width:13px}.note-one{left:12px;top:16%}.note-two{right:9px;top:55%}.visual-caption{font-size:8px;letter-spacing:2px;margin-top:8px}.benefit-strip{margin:7px 20px 0;padding:22px 3px;gap:9px}.benefit-strip>div{font-size:9px;gap:5px}.benefit-strip svg{height:15px;width:15px}.benefit-strip>span{height:11px}.section{padding:65px 20px}.kicker{font-size:9px;margin-bottom:13px}.section-heading h2{font-size:30px;letter-spacing:-1px;margin-bottom:16px}.section-heading>p:last-child{font-size:11px;max-width:280px;margin:auto;line-height:1.9}.feature-tabs{margin-top:25px;margin-bottom:21px;width:100%;justify-content:center;gap:3px}.feature-tabs button{padding:12px 17px;font-size:11px;flex:1}.feature-showcase{grid-template-columns:1fr;gap:9px;padding:29px 25px 20px;border-radius:12px}.feature-copy>span{font-size:9px}.feature-copy h3{font-size:27px;margin-top:15px;margin-bottom:14px;line-height:1.45}.feature-copy p{font-size:11px;max-width:100%;margin-bottom:19px}.feature-copy .text-link{font-size:10px}.feature-image-wrap img{height:230px}.feature-cards{grid-template-columns:1fr;gap:12px;margin-top:16px}.feature-cards>a{padding:20px 23px;display:grid;grid-template-columns:43px 1fr;column-gap:18px;align-items:center}.card-icon{grid-row:1/3}.feature-cards h3{font-size:14px;margin:0 0 7px}.feature-cards p{font-size:10px;line-height:1.8}.feature-cards p br{display:none}.download-section{padding-top:7px}.download-panel{grid-template-columns:1fr;margin-top:26px;border-radius:12px}.download-content{padding:28px 25px}.download-tabs{gap:26px;width:100%;justify-content:center;margin-bottom:30px}.download-tabs button{font-size:11px}.download-content h3{font-size:25px;min-height:0;margin-top:13px}.download-content>p{font-size:11px}.download-actions{gap:20px}.download-content .download-hint{margin-bottom:22px}.download-art{margin:0 27px 31px;border:1px solid #eee5d9;min-height:320px}.art-body{min-height:285px}.art-title{font-size:21px}.art-sticky{right:22px;width:110px}.art-scribble{right:28px;width:70px}.download-footnote{font-size:9px;max-width:290px;margin:17px auto 0}.faq-section{grid-template-columns:1fr;gap:28px;padding-top:0;padding-bottom:65px}.faq-heading h2{font-size:29px;margin-bottom:15px}.faq-heading h2 br{display:none}.faq-heading .text-link{font-size:10px}summary{font-size:12px;padding:22px 0}.faq-list p{font-size:11px}.closing{padding:39px 20px 30px}.closing>span{font-size:24px}.closing h2{font-size:23px;margin:17px 0 23px;letter-spacing:-.5px}.closing .button{font-size:12px}.closing p{font-size:9px}footer{padding:32px 20px 20px}.footer-top{display:block;margin-bottom:27px}.footer-top .brand{font-size:19px}.footer-top p{font-size:10px;margin-top:8px}.footer-links{margin-top:25px;display:flex;flex-wrap:wrap;gap:14px 22px;font-size:10px}.footer-bottom{font-size:8px;padding-top:17px}dialog{padding:30px 20px 25px}dialog>img{max-width:180px}}
@media(max-width:360px){h1{font-size:31px}.platform-picker button{width:89px}.hero-actions{gap:10px}.hero-actions .text-link{font-size:10px}.benefit-strip>div{font-size:8px}.benefit-strip svg{height:13px;width:13px}.download-tabs{gap:20px}.section-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* 新增 Mac 芯片选择，窄屏将四个平台排为两列。 */
.mac-alternatives{font-size:11px;color:#ac775b;margin-top:15px}.mac-alternatives a:hover{text-decoration:underline}.download-tabs{gap:18px}
@media(max-width:640px){.platform-picker{display:grid;grid-template-columns:repeat(2,1fr);width:min(320px,calc(100% - 40px));gap:10px}.platform-picker button{width:100%;height:85px}.download-tabs{gap:20px}.download-actions{gap:15px}}
@media(max-width:360px){.download-tabs{gap:13px}.download-tabs button{font-size:10px}.download-actions .button{font-size:11px;padding:14px 17px}.mac-alternatives{font-size:10px}}