@font-face{font-family:system-fallback;src:local('Microsoft YaHei')}
:root{--ink:#102f40;--muted:#5d7280;--blue:#007b93;--cyan:#20c6dc;--orange:#f47b25;--line:#dfe8ed;--paper:#f5f8fa;--navy:#0c2d40;--radius:18px;--max:1184px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.75 system-ui,-apple-system,'Segoe UI','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,a,input,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(38px,4.5vw,64px);font-weight:780}h2{font-size:clamp(28px,3vw,40px);font-weight:750}h3{font-size:22px}p{color:var(--muted)}[hidden]{display:none!important}.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.section{padding-block:92px}.soft{background:var(--paper)}.eyebrow{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:750;letter-spacing:.16em;color:var(--blue);margin-bottom:20px}.eyebrow::before{content:'';width:22px;height:2px;background:currentColor}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:650}.text-link svg{width:18px;height:18px;transition:transform .2s}.text-link:hover svg{transform:translateX(4px)}.skip{position:fixed;z-index:100;top:-80px;left:16px;background:#fff;padding:10px 20px}.skip:focus{top:10px}
.header{height:88px;background:rgba(255,255,255,.97);border-bottom:1px solid #e9eff3;position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:154px;aspect-ratio:3/1;object-fit:contain}.brand-caption{font-size:12px;border-left:1px solid var(--line);padding-left:15px;color:var(--muted)}.nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:650}.nav a{padding:8px 0;position:relative}.nav a:hover,.nav a[aria-current=page]{color:var(--blue)}.nav a[aria-current=page]::after{content:'';position:absolute;bottom:0;left:0;width:18px;height:2px;background:var(--blue)}.nav .nav-download{padding:9px 18px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:8px}.nav .nav-download svg{width:17px;height:17px}.menu-button{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:11px 23px;border-radius:9px;border:1px solid transparent;font-weight:650;font-size:15px;line-height:1.5;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.button svg{width:19px;height:19px}.button.primary{background:var(--orange);color:#1e2630;box-shadow:0 6px 18px #f47b2520}.button.primary:hover{background:#ff8a36}.button.secondary{background:#fff;border-color:#cfdce3;color:var(--ink)}.button.dark{background:var(--navy);color:white}.button.light{background:#fff;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.availability{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#65747c}.availability::before{content:'';width:6px;height:6px;border-radius:50%;background:#a5b4bc}.availability.ready{color:#157548}.availability.ready::before{background:#27a26c}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f7fafb 0%,#fff 58%,#eff7f9 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding-top:76px;padding-bottom:64px;min-height:624px}.hero-copy h1{margin-bottom:24px;line-height:1.19}.hero-copy h1 span{color:var(--blue)}.hero-copy>p{max-width:455px;font-size:17px;line-height:1.9}.hero-note{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin-top:22px}.hero-note svg{width:16px;height:16px}.hero-art{position:relative;min-height:424px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:380px;height:380px;border:1px solid #c8e1e7;border-radius:50%}.orbit::before{content:'';position:absolute;inset:37px;border:1px dashed #d2e4e9;border-radius:50%}.orbit::after{content:'';position:absolute;width:8px;height:8px;background:var(--cyan);border-radius:50%;top:46px;left:45px;box-shadow:279px 239px 0 var(--orange)}.brand-plinth{width:286px;height:300px;border-radius:36px;background:radial-gradient(circle at 50% 20%,#1f6077,#0d2e44 72%);transform:rotate(-6deg);box-shadow:18px 27px 60px #12344826,0 0 0 8px #ffffffd9;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.brand-plinth img{width:210px;transform:rotate(6deg);filter:drop-shadow(0 8px 15px #0004)}.brand-plinth>span{font-size:11px;letter-spacing:.2em;color:#acceda;transform:rotate(6deg);margin-top:6px}.float-label{position:absolute;display:flex;align-items:center;gap:12px;padding:15px 19px;background:#fff;border:1px solid #e4edf1;border-radius:13px;box-shadow:0 9px 28px #17334a0d;line-height:1.4;z-index:2}.float-label strong{font-size:13px;font-weight:700;display:block}.float-label small{font-size:10px;color:var(--muted);letter-spacing:.07em}.float-label svg{width:23px;height:23px;color:var(--blue)}.label-a{top:21px;right:2px}.label-b{bottom:56px;left:-2px}.label-c{bottom:8px;right:0}.hero-bottom{border-top:1px solid #e0e9ee;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-block:23px}.hero-bottom>div{display:flex;align-items:center;gap:13px}.hero-bottom svg{width:21px;color:var(--blue)}.hero-bottom strong{font-size:13px}.hero-bottom span{color:var(--muted);font-size:12px;margin-left:9px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.section-heading h2{margin-bottom:12px}.section-heading p{margin-bottom:0;max-width:640px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.product-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column;background:#fff;transition:border-color .2s,transform .2s}.product-card:hover{transform:translateY(-4px);border-color:#95c6d0}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.icon-box{width:54px;height:54px;background:#edf7f9;border:1px solid #d6ecf1;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--blue)}.icon-box svg{width:27px;height:27px}.product-card:nth-child(2) .icon-box{background:#fff6ec;border-color:#f5e5d1;color:#b55c14}.product-card:nth-child(3) .icon-box{background:#edf3fe;border-color:#dde7fa;color:#3a68bb}.card-index{font:12px/1 monospace;letter-spacing:.1em;color:#8b9ba4}.product-card h3{font-size:21px;margin-bottom:13px}.product-card p{font-size:14px;line-height:1.8;flex:1;margin-bottom:24px}.product-card .availability{margin-bottom:20px}.card-footer{padding-top:20px;border-top:1px solid #e9eff2;display:flex;justify-content:space-between;align-items:center}.card-footer>span{color:#6e7f88;font-size:11px}.product-card .text-link{font-size:13px}
.chooser{background:var(--navy);color:#fff;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.chooser-intro{padding:45px 42px;border-right:1px solid #ffffff1b}.chooser .eyebrow{color:#6edbe8}.chooser h2{font-size:31px}.chooser p{color:#adc4ce;font-size:14px}.choice-buttons{display:flex;flex-direction:column;gap:10px;margin-top:26px}.choice-buttons button{border:1px solid #ffffff26;background:#ffffff05;color:#cfdee5;border-radius:9px;padding:13px 17px;text-align:left;display:flex;justify-content:space-between;align-items:center;font-size:14px}.choice-buttons button[aria-pressed=true]{background:#fff;color:var(--ink);border-color:#fff}.choice-buttons svg{width:18px;height:18px}.choice-result{padding:45px;display:flex;flex-direction:column;justify-content:center}.choice-result .icon-box{margin-bottom:23px;background:#ffffff12;border-color:#ffffff20;color:#68d9e8}.choice-result h3{font-size:27px}.choice-result .button{align-self:flex-start}.choice-hint{font-size:11px!important;margin-top:21px;margin-bottom:0;color:#8eabb9!important}.editorial-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center}.screenshot-frame{background:#e5edf2;border:1px solid #d7e1e6;padding:14px;border-radius:16px;box-shadow:0 15px 45px #1b35400d}.screenshot-frame img{width:100%;border-radius:7px;border:1px solid #cdd8df}.screenshot-caption{font-size:11px;text-align:center;color:#778b96;margin-top:12px}.feature-lines{margin-top:25px}.feature-line{padding:13px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;font-size:14px}.feature-line svg{width:19px;height:19px;color:var(--blue);margin-top:3px}.editorial-copy>p{font-size:15px;line-height:1.95}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.article-card{display:flex;flex-direction:column;border-top:2px solid #b8d0da;padding-top:22px}.article-card .article-meta{font-size:11px;color:var(--blue);display:flex;gap:15px;margin-bottom:17px}.article-card h3{font-size:20px;line-height:1.5;margin-bottom:14px}.article-card p{font-size:14px;flex:1}.article-card .text-link{font-size:13px}.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 43px;border-radius:16px;background:#eaf4f6;border:1px solid #dcecef}.cta-strip h2{font-size:27px;margin-bottom:8px}.cta-strip p{font-size:14px;margin-bottom:0}.footer{background:#f7f9fb;border-top:1px solid var(--line);padding:48px 0 23px}.footer-grid{display:flex;justify-content:space-between;gap:30px;margin-bottom:35px}.footer-brand img{width:141px;aspect-ratio:3/1;object-fit:contain}.footer-brand p{font-size:12px;margin-top:14px;max-width:290px}.footer-links{display:flex;gap:55px}.footer-links>div{display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--muted)}.footer-links strong{font-size:13px;color:var(--ink);margin-bottom:7px}.footer-links a:hover{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:#7b8d97;padding-top:19px;border-top:1px solid #e1e9ee}
.page-hero{padding:55px 0 56px;background:linear-gradient(100deg,#f1f7f9,#fff)}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:34px}.breadcrumb a:hover{color:var(--blue)}.page-hero h1{font-size:clamp(34px,4vw,48px);margin-bottom:18px}.page-hero p{max-width:710px;margin-bottom:0;font-size:16px}.product-hero{display:grid;grid-template-columns:1fr .85fr;gap:75px;align-items:center}.product-hero .eyebrow{margin-top:20px}.product-hero .availability{margin-top:24px}.product-visual{border:1px solid #dae7ec;background:#ffffffb5;border-radius:22px;padding:34px;box-shadow:0 20px 50px #0c344408}.product-visual .icon-box{width:85px;height:85px;border-radius:22px;margin-bottom:26px}.product-visual .icon-box svg{width:43px;height:43px}.product-visual h2{font-size:24px}.product-visual p{font-size:14px}.product-visual ul{list-style:none;padding:0;margin:22px 0 0}.product-visual li{padding:10px 0;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;font-size:13px}.product-visual li svg{width:17px;height:17px;color:var(--blue)}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:70px}.detail-grid h2{font-size:28px}.info-panel{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:14px;align-self:start}.info-panel h3{font-size:19px}.info-panel p{font-size:14px}.info-panel .text-link{font-size:14px}.note{background:#fff7ed;border-left:3px solid var(--orange);padding:16px 20px;border-radius:0 8px 8px 0;color:#77522f;font-size:13px;line-height:1.8}.notice{background:#f0f6f9;border:1px solid #dce8ee;border-radius:12px;padding:20px 24px;display:flex;gap:13px;font-size:14px;color:#476576;align-items:flex-start}.notice svg{margin-top:3px;color:var(--blue)}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0}.filter-buttons{display:flex;flex-wrap:wrap;gap:7px}.filter-buttons button{font-size:13px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);padding:8px 16px}.filter-buttons button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:13px;width:17px;color:#7d949e}.search-box input{width:260px;max-width:100%;padding:10px 12px 10px 39px;border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--ink);background:white}.download-list{border:1px solid var(--line);border-radius:16px;overflow:hidden}.download-row{display:grid;grid-template-columns:56px 1fr 190px;gap:24px;padding:28px;align-items:center;background:#fff}.download-row+.download-row{border-top:1px solid var(--line)}.download-row h2{font-size:20px;margin-bottom:7px}.download-row p{font-size:13px;margin:0 0 7px}.download-row>div:last-child{text-align:right}.download-row .text-link{font-size:13px}.download-row .availability{margin-bottom:10px}.empty-state{padding:50px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.filter-result{font-size:12px;color:var(--muted);margin-bottom:15px}.faq{margin-top:45px}.faq h2{font-size:28px;margin-bottom:25px}details{border-bottom:1px solid var(--line);padding-block:18px}summary{cursor:pointer;font-weight:650;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary::after{content:'+';font-size:22px;line-height:1;color:var(--blue)}details[open] summary::after{content:'−'}details p{font-size:14px;max-width:850px;margin:16px 0 3px}.guide-list{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 40px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 235px;justify-content:space-between;gap:65px}.article-content{font-size:16px}.article-content section{margin-bottom:38px}.article-content h2{font-size:25px;line-height:1.4;margin-bottom:18px}.article-content p,.article-content li{color:#4e6572;line-height:1.95}.article-content li{padding-left:5px;margin-bottom:10px}.article-content ol{padding-left:22px}.article-content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article-toc{position:sticky;top:120px;align-self:start;border-left:1px solid var(--line);padding-left:23px;font-size:13px}.article-toc strong{display:block;margin-bottom:15px}.article-toc a{display:block;color:var(--muted);margin-bottom:13px}.article-toc a:hover{color:var(--blue)}.prose{max-width:800px}.prose h2{font-size:25px;margin-top:36px}.prose p,.prose li{color:var(--muted)}.timeline{padding-left:26px;border-left:1px solid #cfdfe6;max-width:790px}.timeline-entry{position:relative;padding-bottom:38px}.timeline-entry::before{content:'';position:absolute;width:10px;height:10px;left:-32px;top:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #e9f5f8}.timeline-entry time{font-size:12px;color:var(--blue)}.timeline-entry h2{font-size:25px;margin:12px 0}.timeline-entry p{font-size:14px}.legal-links{display:flex;gap:20px}.subtle-rule{border:0;border-top:1px solid var(--line);margin:32px 0}.error-main{text-align:center;padding-block:100px}.error-main .error-number{font-size:100px;font-weight:800;color:#d2e7ed;line-height:1;margin-bottom:25px}.error-main h1{font-size:36px}.error-main .actions{justify-content:center}code{background:#edf2f5;padding:2px 5px;border-radius:4px;font:13px/1.6 Consolas,monospace;overflow-wrap:anywhere}
@media(min-width:1440px){.hero-grid{min-height:660px}.hero-art{transform:scale(1.08)}}
@media(max-width:1050px){.nav{gap:18px}.brand-caption{display:none}.hero-grid{gap:20px}.hero-art{transform:scale(.9)}.hero-bottom span{display:none}.product-card{padding:24px}.editorial-grid{gap:35px}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 200px}.product-hero{gap:35px}.detail-grid{gap:35px}}
@media(max-width:780px){.container{width:calc(100% - 40px)}.header{height:74px}.brand img{width:137px}.menu-button{display:flex}.nav{display:none;position:absolute;top:73px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;align-items:stretch;gap:8px;box-shadow:0 12px 20px #132b3b09}.nav.is-open{display:flex}.nav a{padding:10px}.nav a[aria-current=page]::after{display:none}.nav .nav-download{justify-content:center}.hero-grid{grid-template-columns:1fr;padding-top:43px;padding-bottom:15px;gap:0}.hero-copy h1{font-size:46px}.hero-copy>p{font-size:15px;max-width:520px}.hero-art{min-height:395px;transform:scale(.88);margin-top:4px}.hero-copy .eyebrow{font-size:11px}.hero-bottom{gap:14px;padding-block:20px}.hero-bottom>div{gap:7px}.hero-bottom strong{font-size:11px}.hero-bottom svg{width:17px;height:17px}.section{padding-block:58px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:27px}.section-heading h2{font-size:30px}.section-heading p{font-size:14px}.product-grid{grid-template-columns:1fr}.product-card{padding:27px}.card-top{margin-bottom:18px}.product-card p{margin-bottom:17px}.chooser{grid-template-columns:1fr}.chooser-intro{padding:30px;border-right:0;border-bottom:1px solid #ffffff1b}.chooser h2{font-size:27px}.choice-result{padding:30px}.editorial-grid{grid-template-columns:1fr;gap:30px}.editorial-copy{order:-1}.article-grid{grid-template-columns:1fr;gap:34px}.article-card{padding-top:19px}.cta-strip{padding:27px;align-items:flex-start;flex-direction:column;gap:20px}.cta-strip h2{font-size:25px}.footer-grid{flex-direction:column}.footer-links{gap:45px}.footer-bottom{flex-direction:column;gap:10px}.page-hero{padding:32px 0 38px}.breadcrumb{font-size:11px;margin-bottom:25px}.page-hero h1{font-size:36px}.page-hero p{font-size:14px}.product-hero{grid-template-columns:1fr;gap:30px}.product-visual{padding:28px}.product-visual .icon-box{width:60px;height:60px;margin-bottom:18px}.product-visual .icon-box svg{width:30px;height:30px}.detail-grid{grid-template-columns:1fr;gap:28px}.filter-bar{flex-direction:column;align-items:stretch}.search-box input{width:100%}.filter-buttons{gap:6px}.filter-buttons button{padding:8px 13px}.download-row{grid-template-columns:43px 1fr;gap:16px;padding:23px}.download-row .icon-box{width:43px;height:43px;border-radius:12px}.download-row>div:last-child{grid-column:2;text-align:left}.download-row h2{font-size:18px}.download-row .availability{margin-bottom:8px}.guide-list{grid-template-columns:1fr;gap:30px}.article-layout{display:flex;flex-direction:column-reverse;gap:30px}.article-toc{position:static;width:100%;border-left:3px solid #d5e7ed;padding:15px 20px;background:var(--paper);border-radius:5px}.article-toc a{margin-bottom:8px}.article-content{font-size:15px}.article-content h2{font-size:23px}.notice{font-size:13px;padding:18px}.hero-note{font-size:11px}.error-main h1{font-size:29px}}
@media(max-width:780px){.hero-copy h1{font-size:clamp(32px,8.9vw,46px)}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.hero-art{transform:scale(.76);margin-inline:-16px;min-height:365px}.hero-bottom strong{font-size:10px}.actions .button{padding:10px 16px;font-size:14px}.footer-links{gap:30px}}
.download-row>div{min-width:0}.release-summary{display:flex;flex-wrap:wrap;gap:8px 15px;font-size:12px;color:var(--muted);margin-top:12px}.release-platform{font-size:12px!important;line-height:1.7;margin:10px 0!important}.release-details{margin-top:12px;font-size:12px;border-top:1px solid var(--line);padding-top:12px}.release-details summary{color:var(--blue);cursor:pointer;font-weight:650}.release-details p{font-size:12px!important;margin:12px 0 8px}.release-details code{display:block;font:12px/1.7 Consolas,monospace;overflow-wrap:anywhere;user-select:all;background:var(--paper);border-radius:6px;padding:12px}.copy-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}.copy-row [role=status]{color:var(--muted);font-size:11px}.copy-button{background:white;border:1px solid #bdd6df;border-radius:6px;padding:5px 12px;color:var(--blue);font-size:12px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
