:root{--bg:#090b0d;--bg-deep:#080a0c;--surface:#121719;--surface-raised:#1b2225;--ink:#eef0ee;--muted:#a1aaa9;--subtle:#98a3a4;--line:#353c3e;--line-strong:#758487;--accent:#b8c5c7;--accent-soft:#b8c5c7;--radius:3px;--max:1280px;--shadow:none}
html{scroll-padding-top:100px}body{isolation:isolate;min-height:100vh;font-size:16px}body::before{display:none}[hidden]{display:none!important}.page-atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.container,.top-inner,.footer-inner{width:min(1280px,calc(100% - 96px))}.top{background:rgba(9,11,13,.95);border-color:var(--line);backdrop-filter:blur(12px)}.top-inner{min-height:88px;gap:24px}.brand img{border-radius:7px}.brand strong{font-size:22px;letter-spacing:-.04em;font-weight:550}.brand small{font-size:12px;color:var(--muted)}.top nav{gap:28px;font-size:13px}.top nav a{min-height:44px}.top nav a[aria-current=page]::after{height:1px}.page-hero{background:transparent;padding:108px 0 80px;border-bottom:0}.page-hero h1{font-size:clamp(36px,4.3vw,64px);font-weight:400;line-height:1.3}.page-hero p{max-width:650px}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.15em}.section{padding:70px 0}.section.compact{padding:50px 0}.section-heading h2,.section-heading h1{font-weight:400;line-height:1.4}.section-heading{align-items:center}.section-surface{background:transparent}.section-heading>p{max-width:520px}.card,.release-card,.resource-card,.plan-card,.payment-panel,.orders-section{border-radius:3px;box-shadow:none;background:rgba(14,18,20,.95);border-color:var(--line)}.resource-list{grid-template-columns:1fr 1fr;gap:28px}.resource-card{padding:34px;min-height:260px}.resource-card h3{font-size:28px;font-weight:400;margin-bottom:18px}.resource-card .button{margin-top:auto;align-self:flex-start}.resource-card p{margin-top:0}.resource-card .eyebrow{margin-bottom:15px}.resource-list#resource-list{display:block;border-top:1px solid var(--line)}.content-row{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding:28px 0;border-bottom:1px solid var(--line)}.content-row h3{margin:0;font-size:20px;font-weight:400}.content-row p{margin:0;color:var(--muted)}.plans{grid-template-columns:1fr 1.25fr;gap:48px}.plan-card{min-height:370px;border:0;border-top:1px solid var(--line);padding:35px 0;background:transparent}.plan-card.featured{border:0;border-top:1px solid var(--accent);background:transparent;box-shadow:none}.plan-card h3{font-weight:400;font-size:26px}.plan-price{font-weight:400;font-size:50px;letter-spacing:-.04em}.plan-card .button{align-self:flex-start;margin-top:auto}.pricing-license-note{border:0;border-top:1px solid var(--line);padding:30px 0;background:transparent}.pricing-license-note h3{font-size:18px}.button,button{border-radius:3px;font-size:14px;font-weight:500;min-height:46px;transition:background .2s,border-color .2s,color .2s}.button:hover,button:hover{transform:none}.button.primary,button.primary{background:var(--ink);border-color:var(--ink);color:var(--bg);box-shadow:none;text-shadow:none}.button.primary:hover,button.primary:hover{background:var(--accent)}.button.secondary,button.secondary{background:var(--surface-raised);box-shadow:none}.button.ghost,button.ghost{background:transparent;box-shadow:none}.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:4px}input,textarea,select{background:var(--bg-deep);border:1px solid var(--line);border-radius:3px;color:var(--ink);min-height:48px;font-size:16px;min-width:0;max-width:100%}input[type=checkbox]{min-height:0;accent-color:var(--accent)}textarea{min-height:160px}label{font-size:14px}button:disabled{cursor:not-allowed}.auth-page{background:var(--bg)}.auth-layout{width:min(1180px,calc(100% - 96px));padding-block:100px;gap:80px}.auth-context h1{font-weight:400;font-size:clamp(36px,4vw,58px);line-height:1.35}.auth-panel{background:rgba(14,18,20,.96);border:1px solid var(--line);border-radius:3px;box-shadow:none;padding:38px}.auth-panel h1,.auth-panel h2{font-weight:450;line-height:1.3}.auth-shell{padding-block:76px}.auth-benefits{font-size:14px;gap:14px}.agreement-check{align-items:start}.agreement-check span{font-size:12px;line-height:1.8}.agreement-check a{color:var(--ink);text-decoration:underline}.code-row{grid-template-columns:minmax(0,1fr) auto}.code-row button{padding-inline:14px;white-space:nowrap}.auth-message,.identity-message,.status-line{font-size:14px}.auth-account,.authorization-summary{border-radius:3px;background:var(--bg)}.auth-panel .preview-tabs{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.preview-tabs button{font-size:12px;min-height:44px;padding:8px 13px;background:var(--surface);color:var(--muted);border:1px solid var(--line)}.preview-tabs button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}.support-shell{max-width:1200px;width:calc(100% - 96px);padding:76px 0}.support-heading h1{font-size:48px;font-weight:400;line-height:1.3}.support-heading p{color:var(--muted)}.support-layout{grid-template-columns:210px minmax(0,1fr);gap:48px}.support-content,.support-nav{border-radius:3px;background:rgba(14,18,20,.96);border:1px solid var(--line)}.support-nav button{min-height:48px}.support-nav button.active{color:var(--ink);background:var(--surface-raised)}.support-form{gap:20px}.support-notice{font-size:14px}.payment-shell{padding-block:80px}.payment-panel,.orders-section{margin-top:30px;padding:32px}.payment-heading{gap:18px}.payment-heading h2{font-weight:400}.preview-empty{padding:40px 0;max-width:600px}.preview-empty h3{font-size:24px;font-weight:400;margin:0 0 14px}.preview-empty p{color:var(--muted)}.release-card{background:transparent;border:0;border-top:1px solid var(--line);padding:38px 0}.release-heading h2{font-size:42px;font-weight:400}.release-current,.state-badge{border-radius:3px}.release-date{font-size:14px;color:var(--muted)}.release-notes{font-size:17px;line-height:1.9;max-width:770px}.release-card .button{align-self:flex-start}.legal-shell{width:min(900px,calc(100% - 96px))}.legal-document{background:rgba(9,11,13,.96);border:0;padding:30px 0}.legal-document h1{font-size:38px;line-height:1.4}.legal-document h2{font-size:22px;line-height:1.5}.legal-document p,.legal-document li{font-size:16px;line-height:1.9}.site-footer{background:transparent;border-top:1px solid var(--line)}.footer-inner{padding-top:38px;padding-bottom:100px}.footer-links{font-size:12px;flex-wrap:wrap}.footer-links a{min-height:30px;display:inline-flex;align-items:center}.preview-note{border-left:2px solid var(--line-strong);padding:12px 16px;margin:18px 0;color:var(--muted);font-size:13px;background:var(--bg)}.page-enter{animation:page-enter .8s cubic-bezier(.2,.75,.2,1) both}@keyframes page-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* Shared action states: one silver primary and one graphite secondary palette. */
.button.secondary,button.secondary{color:var(--ink);border-color:var(--line);background:var(--surface-raised)}
.button.secondary:hover,button.secondary:hover{color:var(--ink);border-color:var(--line-strong);background:var(--surface)}
.button.primary:hover,button.primary:hover{border-color:var(--accent)}
.suite-tools{position:fixed;bottom:20px;left:24px;z-index:90;display:flex;align-items:center;gap:10px}.suite-tools details{position:relative}.suite-tools summary,.suite-pause{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 15px;border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--muted);font:12px/1.5 'Microsoft YaHei UI',sans-serif}.suite-tools summary::-webkit-details-marker{display:none}.suite-tools nav{position:absolute;bottom:54px;left:0;width:260px;max-height:65svh;overflow:auto;padding:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 50px #0008;display:grid;grid-template-columns:1fr 1fr;gap:4px}.suite-tools nav a{padding:10px;font-size:13px;min-height:44px;display:flex;align-items:center;border-radius:3px;color:var(--ink)}.suite-tools nav a:hover,.suite-tools nav a[aria-current=page]{background:var(--surface-raised)}.suite-tools small{grid-column:1/-1;font-size:12px;color:var(--muted);padding:10px}.suite-toast{position:fixed;z-index:100;bottom:85px;left:24px;right:24px;max-width:540px;padding:18px 22px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:14px}.suite-toast:empty{display:none}
@media(max-width:1100px){.top-inner{gap:16px}.top nav{gap:18px}.brand small{display:none}.auth-layout{gap:40px;grid-template-columns:1fr 1fr}.auth-panel{padding:28px}.support-layout{gap:24px;grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:900px){.auth-layout{grid-template-columns:1fr;max-width:650px}.auth-context h1 br{display:none}.support-layout{grid-template-columns:1fr}.support-nav{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.support-nav a{padding:12px}.plans{gap:28px}.top nav{gap:12px}}
@media(max-width:780px){.container,.top-inner,.footer-inner,.support-shell,.auth-layout,.legal-shell{width:calc(100% - 40px)}.top-inner{min-height:76px}.top nav#site-nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;padding:16px 24px;background:var(--bg);border-bottom:1px solid var(--line)}.top nav#site-nav.open{display:flex}.top nav a{padding:10px}.nav-toggle{display:inline-flex}.top nav:not(#site-nav){gap:4px;font-size:12px}.top nav a[aria-current=page]::after{display:none}.brand strong{font-size:18px}.brand img{width:28px;height:28px}.top-actions .compact-button{display:none}.page-hero{padding:68px 0 38px}.page-hero h1{font-size:36px}.section{padding:45px 0}.section.compact{padding:32px 0}.resource-list,.plans{grid-template-columns:1fr}.resource-card{padding:28px;min-height:250px}.section-heading{align-items:start;flex-direction:column;gap:18px}.content-row{grid-template-columns:1fr;gap:14px}.plan-card{min-height:330px}.auth-layout{padding-block:58px;gap:36px}.auth-panel{padding:26px}.auth-shell{width:calc(100% - 40px);padding-block:50px}.auth-panel h1{font-size:30px}.auth-context h1{font-size:34px}.support-shell{padding-block:50px}.support-heading h1{font-size:34px}.support-content{padding:22px}.payment-shell{padding-block:50px}.payment-panel,.orders-section{padding:24px}.legal-document{padding-inline:0}.legal-document h1{font-size:30px}.release-heading h2{font-size:32px}.release-timeline{padding-left:20px}.suite-tools{bottom:16px;left:16px;gap:8px}.footer-inner{padding-bottom:105px}.footer-brand p{font-size:12px}.form-stack,.support-form{min-width:0}.button{max-width:100%}.order-summary{grid-template-columns:1fr}}
/* Editorial page system: sections and rules, not a stack of enclosed cards. */
.resource-card>button:disabled{align-self:flex-start;background:transparent;border:1px solid var(--line);color:var(--muted);padding-inline:24px;opacity:1}
.top{position:sticky;top:0;z-index:60}.card,.resource-card,.plan-card,.payment-panel,.orders-section,.auth-panel,.support-content,.support-nav,.support-layout,.auth-account,.authorization-summary{border-radius:0;box-shadow:none;background:transparent}
.card,.resource-card,.payment-panel,.orders-section{border:0;border-top:1px solid var(--line);padding:36px 0}.resource-list{grid-template-columns:1.4fr 1fr;gap:80px}.resource-card{min-height:300px}.resource-card h3{font-size:clamp(30px,3vw,46px);line-height:1.3;letter-spacing:-.04em}.resource-card .eyebrow{margin-bottom:30px}.resource-card p:not(.eyebrow){max-width:470px}.resource-card .button{margin-top:28px}.resource-card:nth-child(2){border-top-color:var(--line);color:var(--muted)}
.auth-layout{align-items:start}.auth-panel{border:0;border-left:1px solid var(--line);padding:0 0 0 50px}.auth-shell>.auth-panel{border-left:0;border-top:1px solid var(--line);padding-top:34px}.auth-account,.authorization-summary{border:0;border-block:1px solid var(--line);padding:20px 0}.support-layout{border:0;border-top:1px solid var(--line);padding-top:32px}.support-content{border:0;border-left:1px solid var(--line);padding:0 0 0 36px}.support-nav{border:0;padding:0}.support-nav button,.support-nav a{border-radius:0;text-align:left;background:transparent;border:0;border-left:2px solid transparent;padding:12px 16px}.support-nav button.active{background:transparent;border-left-color:var(--ink)}.support-notice{background:transparent;border:0;border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:30px}.preview-note{background:transparent;border:0;border-bottom:1px solid var(--line);padding:0 0 18px;margin:0 0 28px}.payment-panel>h2,.orders-section h2{font-weight:400}.page-hero .eyebrow{font-size:12px}.page-hero h1{margin-top:24px}.auth-context{position:sticky;top:160px}
@media(max-width:900px){.auth-context{position:static}.auth-panel{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.support-content{border-left:0;padding:24px 0}.support-nav{padding:0 0 20px;border-bottom:1px solid var(--line)}.resource-list{gap:40px}}
@media(max-width:780px){.resource-list{grid-template-columns:1fr;gap:20px}.resource-card{padding:30px 0;min-height:0}.resource-card h3{font-size:32px}.auth-panel{padding:28px 0 0}.payment-panel,.orders-section{padding:28px 0}.support-content{padding:20px 0}.top-inner>.button,.top-inner>nav{flex-shrink:0}.top-inner{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-enter{animation:none}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Separate by spacing and hierarchy; retain borders only on actual controls. */
.top,.site-footer,.card,.resource-card,.plan-card,.plan-card.featured,.payment-panel,.orders-section,.auth-panel,.auth-account,.authorization-summary,.support-content,.support-nav,.support-layout,.support-notice,.preview-note,.release-card,.content-row,.pricing-license-note,.resource-list#resource-list{border:0}
.top nav a[aria-current=page]::after{display:none}.top nav a[aria-current=page]{font-weight:700;color:var(--ink)}
.support-layout{padding-top:28px}.support-content{padding-left:36px}.resource-card{padding-block:28px 45px}.content-row{padding-block:32px}
.pricing-studio{padding-top:64px;padding-bottom:110px}
.pricing-intro{max-width:940px;margin:0 0 48px}.pricing-intro .eyebrow{margin-bottom:20px}.pricing-intro h1{font-weight:400;font-size:clamp(36px,4.2vw,62px);letter-spacing:-.045em;line-height:1.3;margin:0 0 20px}.pricing-intro h1 span{color:var(--muted)}.pricing-intro>p:last-child{font-size:16px;color:var(--muted)}
.plan-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 56px}
.plan-options button{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;background:transparent;border:0;border-radius:4px;color:var(--muted);padding:20px 22px;min-height:92px}
.plan-options button span{font-size:16px}.plan-options button small{font-size:13px;font-weight:400}.plan-options button:hover{background:var(--surface)}.plan-options button[aria-pressed=true]{position:relative;background:rgba(184,197,199,.09);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(184,197,199,.18)}.plan-options button[aria-pressed=true]::after{content:'';position:absolute;left:22px;right:auto;bottom:12px;width:30px;height:1px;background:var(--accent)}
.plan-stage{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center;min-height:300px}
.plan-story .eyebrow{margin-bottom:24px}.plan-story h2{font-size:clamp(32px,3.4vw,50px);font-weight:400;letter-spacing:-.04em;line-height:1.25;margin:0 0 22px}
.plan-story>p:not(.eyebrow){color:var(--muted);max-width:540px;line-height:1.9}.plan-story .plan-context{font-size:12px;margin-top:24px}
.price-display{display:flex;align-items:baseline;gap:16px}.price-display>span:first-child{font-size:clamp(64px,6.5vw,96px);font-weight:350;letter-spacing:-.065em;line-height:1.1}.price-display>span:last-child{font-size:14px;color:var(--muted)}#selected-term{font-size:13px;color:var(--muted);margin:15px 0 30px}
.payment-choices{display:flex;gap:12px;margin-bottom:18px}.payment-choices button{background:transparent;border:1px solid var(--line);color:var(--muted);min-width:110px;padding:10px 20px}.payment-choices button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}
#purchase-submit{width:100%;min-height:54px}#purchase-message{font-size:12px;line-height:1.8;color:var(--muted);min-height:44px;margin-top:14px}
.plan-inclusions{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;padding-block:110px 90px}.plan-inclusions h2,.free-plan-band h2,.pricing-faq h2{font-size:28px;font-weight:400;line-height:1.5;margin:0 0 20px}
#paid-benefits{display:grid;grid-template-columns:1fr 1fr;gap:22px 42px;list-style:none;padding:0;margin:0;color:var(--muted);font-size:15px}#paid-benefits li{padding-left:18px;position:relative}#paid-benefits li::before{content:'·';position:absolute;left:0;color:var(--ink)}
.free-plan-band{display:flex;align-items:center;justify-content:space-between;gap:70px;padding-block:60px}.free-plan-band p{color:var(--muted);max-width:750px}.free-plan-band .button{flex-shrink:0}
.pricing-faq{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;padding-top:80px}.pricing-faq>div>p{color:var(--muted);font-size:12px}.pricing-faq details{padding:0 0 26px}.pricing-faq summary{cursor:pointer;min-height:44px;font-size:17px;padding-block:10px}.pricing-faq details p{font-size:15px;color:var(--muted)}.pricing-faq a{text-decoration:underline}
@media(max-width:1024px){.plan-stage{gap:50px}.plan-inclusions,.pricing-faq{gap:45px}.plan-options button{padding-inline:16px}}
@media(max-width:780px){.pricing-studio{padding-top:40px}.pricing-intro{margin-bottom:30px}.pricing-intro h1 span{display:block}.plan-options{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:44px}.plan-options button{padding:16px 12px;min-height:86px}.plan-options button span{font-size:14px}.plan-options button small{font-size:12px}.plan-stage{grid-template-columns:1fr;gap:24px}.plan-story h2{font-size:32px}.price-display>span:first-child{font-size:72px}.plan-inclusions,.pricing-faq{grid-template-columns:1fr;gap:28px;padding-block:60px 20px}#paid-benefits{grid-template-columns:1fr;gap:20px}.free-plan-band{align-items:flex-start;flex-direction:column;gap:12px;padding-block:55px}.support-content{padding-left:0}}
/* Only section boundaries use dividers; paragraphs and option groups stay open. */
.site-footer{border-top:1px solid var(--line)}
.plan-inclusions,.pricing-faq{border-top:1px solid var(--line);margin-top:65px}
.download-stage{min-height:calc(100svh - 88px);display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center;padding-block:80px}
.download-story h1{font-size:clamp(42px,5vw,72px);font-weight:400;letter-spacing:-.045em;line-height:1.3;margin:24px 0}
.download-story h1 span{color:var(--muted)}.download-story>p:last-child{color:var(--muted);font-size:17px}
.download-action h2{font-size:36px;font-weight:400;margin:20px 0 12px}.download-version{color:var(--muted);margin-bottom:30px}.download-action .primary{min-height:54px;width:100%}
.download-feedback{font-size:12px;line-height:1.8;color:var(--muted);min-height:44px;margin-top:16px}.download-platform{font-size:13px;color:var(--muted);margin-top:32px}
.download-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px;margin-top:45px;padding-top:40px;border-top:1px solid var(--line)}.download-content-grid h3{font-size:22px;font-weight:400}.download-content-grid p{color:var(--muted);font-size:15px}
@media(max-width:900px){.download-stage{gap:45px}.download-story h1{font-size:44px}.download-content-grid{gap:28px}}
@media(max-width:780px){.download-stage{grid-template-columns:1fr;gap:30px;padding-block:55px}.download-story h1{font-size:40px}.download-story>p:last-child{font-size:16px}.download-action{padding-bottom:25px}.download-content-grid{grid-template-columns:1fr;gap:22px}.plan-inclusions,.pricing-faq{margin-top:45px}}

/* Shared legal footer and fixed service tools. */
/* Shared page shell: one header contract and a true bottom-aligned footer. */
body{min-height:100svh;display:flex;flex-direction:column}
body>main{width:100%;flex:1 0 auto}
.common-site-header{position:sticky;top:0;z-index:120;width:100%;flex:0 0 auto;background:rgba(9,11,13,.94);border:0;backdrop-filter:blur(16px);color:var(--ink,#eef0ee);font-family:'Microsoft YaHei UI','PingFang SC',system-ui,sans-serif}
.common-header-overlay .common-site-header{position:fixed;left:0}
.common-site-header__inner{width:min(1440px,calc(100% - 96px));min-height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.common-site-header__brand{display:flex;align-items:center;gap:11px;min-width:max-content;color:var(--ink,#eef0ee);text-decoration:none}
.common-site-header__brand img{display:block;border-radius:7px}.common-site-header__brand span{font-size:22px;line-height:1.2;font-weight:650;letter-spacing:-.04em}.common-site-header__brand b{font-weight:350;color:var(--muted,#a1aaa9)}
.common-site-header__nav{display:flex;align-items:center;justify-content:center;gap:28px;font-size:13px}.common-site-header__nav a,.common-site-header__account{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:var(--muted,#a1aaa9);text-decoration:none;transition:color .2s ease}.common-site-header__nav a:hover,.common-site-header__account:hover,.common-site-header__nav a[aria-current=page],.common-site-header__account[aria-current=page]{color:var(--ink,#eef0ee)}
.common-site-header__menu{display:none;position:relative}.common-site-header__menu summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;color:var(--muted,#a1aaa9);font-size:13px;cursor:pointer}.common-site-header__menu summary::-webkit-details-marker{display:none}.common-site-header__menu summary span{font-size:18px;line-height:1}.common-site-header__menu nav{position:absolute;right:0;top:52px;width:min(280px,calc(100vw - 40px));padding:10px;border:1px solid var(--line,#353c3e);background:rgba(9,11,13,.98);box-shadow:0 20px 60px rgba(0,0,0,.5)}.common-site-header__menu nav a{display:flex;align-items:center;min-height:46px;padding:0 12px;color:var(--muted,#a1aaa9);text-decoration:none}.common-site-header__menu nav a:hover,.common-site-header__menu nav a[aria-current=page]{color:var(--ink,#eef0ee);background:var(--surface,#121719)}
@media(max-width:1050px){.common-site-header__inner{gap:18px}.common-site-header__nav{gap:18px}}
@media(max-width:780px){.common-site-header__inner{width:calc(100% - 40px);min-height:72px}.common-site-header__brand span{font-size:20px}.common-site-header__brand img{width:30px;height:30px}.common-site-header__nav{display:none}.common-site-header__menu{display:block}}
.common-site-footer{position:relative;margin-top:auto;padding:0;background:var(--bg,#090b0d);border:0!important;color:var(--muted,#a1aaa9);flex:0 0 auto}
.common-site-footer::before{content:'';position:absolute;top:0;left:max(24px,calc((100vw - 1440px)/2));right:max(24px,calc((100vw - 1440px)/2));height:1px;background:linear-gradient(90deg,transparent,rgba(184,197,199,.28) 18%,rgba(184,197,199,.28) 82%,transparent)}
.common-site-footer__inner{width:min(1440px,calc(100% - 96px));min-height:116px;margin:0 auto;padding:32px 0 74px;display:flex;align-items:center;gap:18px 28px;font-size:12px;line-height:1.6;white-space:nowrap}
.common-site-footer__brand{display:inline-flex;align-items:baseline;gap:5px;flex:0 0 auto;color:var(--ink,#eef0ee);font-size:17px;letter-spacing:-.035em}
.common-site-footer__brand strong{font-weight:650}.common-site-footer__brand span{color:var(--muted,#a1aaa9);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.common-site-footer__copyright{margin:0;color:var(--muted,#a1aaa9)}
.common-site-footer__links{display:flex;align-items:center;justify-content:flex-end;gap:10px 22px;margin-left:auto;flex-wrap:wrap}
.common-site-footer__links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--muted,#a1aaa9);transition:color .2s ease}
.common-site-footer__links a:hover{color:var(--ink,#eef0ee)}
.common-site-footer__links img{width:14px;height:14px;opacity:.74}
.quick-tools{position:fixed;right:24px;bottom:calc(52px + var(--quick-tools-lift,0px));z-index:110;color:var(--ink,#eef0ee);font-family:'Microsoft YaHei UI','PingFang SC',system-ui,sans-serif}
.quick-tools-actions button,.quick-tools-actions a{display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:0;border:1px solid var(--line,#353c3e);border-radius:50%;background:rgba(9,11,13,.96);color:var(--muted,#a1aaa9);box-shadow:none;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}
.quick-tools-actions button:hover,.quick-tools-actions a:hover,.quick-tools-actions button[aria-expanded=true]{color:var(--ink,#eef0ee);border-color:var(--line-strong,#758487);background:var(--surface,#121719)}
.quick-tools-actions button:active,.quick-tools-actions a:active{transform:scale(.96)}
.quick-tools svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.quick-tools .wechat-mark{width:22px;height:22px}.quick-tools .wechat-fill{fill:currentColor;stroke:none}.quick-tools .wechat-eye{fill:var(--bg,#090b0d);stroke:none}
.quick-tools-panel{position:relative;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;animation:quick-tools-enter .22s cubic-bezier(.2,.75,.2,1) both}
.quick-tools-actions{display:flex;flex-direction:column;align-items:center;gap:8px}
.quick-tools-qr{position:absolute;right:68px;bottom:0;width:250px;margin:0;padding:12px;border:1px solid var(--line,#353c3e);background:rgba(12,15,17,.98);box-shadow:0 24px 70px rgba(0,0,0,.58)}
.quick-tools-qr img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:2px;background:#fff}
.quick-tools-qr p{display:grid;gap:3px;margin:12px 2px 2px;color:var(--ink,#eef0ee);font-size:13px}.quick-tools-qr strong{font-weight:550}.quick-tools-qr span{color:var(--muted,#a1aaa9);font-size:12px;line-height:1.6}
.quick-tools [hidden]{display:none!important}
.quick-tools :is(button,a):focus-visible{outline:2px solid var(--ink,#eef0ee);outline-offset:3px}
@keyframes quick-tools-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:980px){.common-site-footer__inner{white-space:normal;flex-wrap:wrap}.common-site-footer__links{margin-left:0;justify-content:flex-start;flex-basis:100%}}
@media(max-width:780px){.common-site-footer__inner{width:calc(100% - 40px);min-height:0;padding:28px 0 112px;gap:10px 16px}.common-site-footer__copyright{flex-basis:100%}.common-site-footer__links{gap:2px 16px}.quick-tools{right:16px;bottom:calc(40px + var(--quick-tools-lift,0px))}.quick-tools-qr{right:64px;width:min(230px,calc(100vw - 96px))}}
@media(prefers-reduced-motion:reduce){.quick-tools-panel{animation:none}}

/* Form focus and validation: quiet, local, and explicitly connected to fields. */
input:not([type=checkbox]),textarea,select{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
input:not([type=checkbox]):focus-visible,textarea:focus-visible,select:focus-visible{outline:0;border-color:var(--accent);background:var(--bg-deep);box-shadow:none}
input[type=checkbox]:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
input:not([type=checkbox])[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--line-strong);box-shadow:none}
input:not([type=checkbox])[aria-invalid=true]:focus-visible,textarea[aria-invalid=true]:focus-visible,select[aria-invalid=true]:focus-visible{border-color:var(--accent);box-shadow:none}
input[type=checkbox][aria-invalid=true]{border-color:var(--line-strong);box-shadow:none}
.form-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:center}.form-field>label{grid-column:1}.form-field>:is(input,select,textarea,.code-row){grid-column:1/-1}
.field-error{grid-column:2;grid-row:1;margin:0;color:var(--muted);font-size:11px;font-weight:400;line-height:1.4;white-space:nowrap}
.field-error.validation-attention{animation:field-feedback-enter .42s cubic-bezier(.16,1,.3,1) both}
.agreement-field{margin-block:4px 0;gap:8px 14px}.agreement-field>.agreement-check{grid-column:1}.agreement-field>.field-error{grid-column:2;grid-row:1}
.agreement-check.validation-attention{animation:agreement-attention .46s cubic-bezier(.2,.8,.2,1) both;will-change:transform}
.code-row{border:1px solid var(--line);border-radius:3px;transition:border-color .18s ease,background .18s ease}
.code-row:focus-within{border-color:var(--accent);box-shadow:none}
.code-row:has(input[aria-invalid=true]){border-color:var(--line-strong);box-shadow:none}
@keyframes field-feedback-enter{0%{opacity:0;transform:translate3d(12px,6px,0) scale(.96);filter:blur(2px);color:var(--ink)}58%{opacity:1;transform:translate3d(-2px,0,0) scale(1);filter:blur(0);color:var(--ink)}100%{opacity:1;transform:none;filter:blur(0);color:var(--muted)}}
@keyframes agreement-attention{0%,100%{transform:translateX(0)}24%{transform:translateX(7px)}48%{transform:translateX(-4px)}70%{transform:translateX(2px)}}

/* AI composition Skill download page. */
.skill-page{overflow:hidden}.skill-page .container{position:relative}
.skill-hero{min-height:calc(100svh - 82px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:8vw;align-items:center;padding-block:96px}
.skill-hero-copy{max-width:690px}.skill-hero-copy .eyebrow{margin-bottom:28px}.skill-hero-copy h1{margin:0;font-size:clamp(46px,5.3vw,78px);font-weight:400;line-height:1.28;letter-spacing:-.05em}.skill-hero-copy h1 span{color:var(--muted)}
.skill-hero-copy>p:last-child{max-width:620px;margin:30px 0 0;color:var(--muted);font-size:17px;line-height:1.9}
.skill-flow{display:grid;gap:0;border-block:1px solid var(--line)}.skill-flow>div{position:relative;display:grid;grid-template-columns:46px 1fr;gap:2px 18px;align-items:center;min-height:104px;padding:20px 0}.skill-flow>div+div{border-top:1px solid var(--line)}
.skill-flow span{grid-row:1/3;color:var(--muted);font-size:12px;letter-spacing:.12em}.skill-flow strong{font-size:20px;font-weight:450}.skill-flow small{color:var(--muted);font-size:13px}
.skill-flow>div:not(:last-child)::after{content:'';position:absolute;right:8px;bottom:-5px;z-index:1;width:8px;height:8px;border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);background:var(--bg);transform:rotate(45deg)}
.skill-download-section,.skill-setup{padding-block:120px}.skill-download-section{border-top:1px solid var(--line)}
.skill-section-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:18px 8vw;align-items:end}.skill-section-heading .eyebrow{grid-column:1/-1;margin:0}.skill-section-heading h2{margin:0;font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.35;letter-spacing:-.04em}.skill-section-heading>p:last-child{max-width:560px;margin:0;color:var(--muted);line-height:1.9}
.skill-channel-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;border-block:1px solid var(--line)}.skill-channel{display:flex;flex-direction:column;align-items:flex-start;min-height:420px;padding:54px 60px 48px 0}.skill-channel+.skill-channel{border-left:1px solid var(--line);padding-left:60px;padding-right:0}
.skill-channel-index{margin:0 0 42px;color:var(--muted);font-size:12px;letter-spacing:.14em}.skill-channel h3{margin:0 0 20px;font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.35}.skill-channel>p:not(.skill-channel-index){max-width:470px;margin:0;color:var(--muted);line-height:1.9}.skill-download-link{margin-top:auto;min-width:210px;justify-content:center}.skill-download-link[aria-disabled=true]{pointer-events:none;opacity:.44}.skill-channel small{margin-top:14px;color:var(--muted);font-size:12px}
.skill-setup{border-top:1px solid var(--line)}.skill-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px;list-style:none;margin:80px 0 0;padding:0}.skill-steps li{display:grid;grid-template-columns:34px 1fr;gap:18px}.skill-steps li>span{color:var(--muted);font-size:12px;letter-spacing:.12em;padding-top:7px}.skill-steps h3{margin:0 0 14px;font-size:20px;font-weight:450}.skill-steps p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.skill-boundary{display:grid;grid-template-columns:.65fr 1.35fr;gap:20px 70px;margin-top:110px;padding-top:44px;border-top:1px solid var(--line)}.skill-boundary .eyebrow{grid-column:1/-1;margin:0}.skill-boundary h2{margin:0;font-size:28px;font-weight:400}.skill-boundary>p:last-child{margin:0;color:var(--muted);line-height:1.9}
@media(max-width:1024px){.skill-hero{grid-template-columns:1fr 1fr;gap:50px}.skill-channel{padding-right:36px}.skill-channel+.skill-channel{padding-left:36px}.skill-steps{gap:26px}.skill-boundary{gap:20px 40px}}
@media(max-width:780px){.skill-hero{min-height:0;grid-template-columns:1fr;gap:58px;padding-block:70px 84px}.skill-hero-copy h1{font-size:42px}.skill-hero-copy>p:last-child{font-size:16px}.skill-flow{width:100%}.skill-download-section,.skill-setup{padding-block:82px}.skill-section-heading{grid-template-columns:1fr;gap:24px}.skill-section-heading .eyebrow{grid-column:auto}.skill-section-heading h2{font-size:36px}.skill-channel-grid{grid-template-columns:1fr;margin-top:50px}.skill-channel,.skill-channel+.skill-channel{min-height:340px;padding:42px 0}.skill-channel+.skill-channel{border-left:0;border-top:1px solid var(--line)}.skill-channel-index{margin-bottom:28px}.skill-steps{grid-template-columns:1fr;gap:34px;margin-top:58px}.skill-boundary{grid-template-columns:1fr;gap:18px;margin-top:76px}.skill-boundary .eyebrow{grid-column:auto}}

/* Account actions: one primary task with quiet navigation links. */
.account-actions{display:flex;align-items:center;gap:18px 30px;flex-wrap:wrap;margin-top:26px}
.account-actions>.button{flex:0 0 auto}
.account-actions__links{display:flex;align-items:center;gap:10px 26px;flex-wrap:wrap}
.text-action{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:var(--muted);font-size:14px;transition:color .18s ease}
.text-action::after{content:'→';color:var(--line-strong);transition:transform .18s ease,color .18s ease}
.text-action:hover{color:var(--ink)}
.text-action:hover::after{color:var(--ink);transform:translateX(3px)}

/* Release notes stay fully expanded on this page; new versions append to the same timeline. */
.release-section{padding-top:34px}
.release-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.release-meta span{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;letter-spacing:.04em}
.release-notes{max-width:820px}
.release-notes h3{margin:0 0 24px;color:var(--ink);font-size:13px;font-weight:550;letter-spacing:.12em;text-transform:uppercase}
.release-notes ul{display:grid;gap:0;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.release-notes li{display:grid;grid-template-columns:minmax(160px,.72fr) minmax(0,1.6fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.release-notes strong{color:var(--ink);font-size:15px;font-weight:500}
.release-notes li span{color:var(--muted);font-size:14px;line-height:1.8}
@media(max-width:780px){.account-actions{align-items:flex-start;flex-direction:column}.account-actions__links{align-items:flex-start;flex-direction:column;gap:2px}.release-notes li{grid-template-columns:1fr;gap:6px;padding:18px 0}.release-meta{margin-bottom:24px}}