/* Hallmark · genre: modern-minimal · macrostructure: Split Studio（承 brand.css，本文件只做实现）
 * theme: preserved Moss ink blue · hero: H2 7/5 · nav: N1b · footer: Ft1
 * pre-emit critique: P5 H5 E4 S5 R5 V4
 * 首页专用样式；复用原蓝色渐变与48px双向细网格，接入示意图不叠卡片底色。
 */
body.moss-home {
  --moss-bg:#041e2c; --moss-surface:#06293b; --moss-raised:#0b3042; --moss-hover:#123c50;
  --moss-text:#f0f3ef; --moss-secondary:#b5c8d0; --moss-muted:#9ab1bd; --moss-faint:#75929f;
  --moss-rule:#254250; --moss-rule-strong:#5e7e8d; --moss-accent:#d8e6df; --moss-accent-ink:#082839;
  --moss-focus:#b3d4e8; --moss-success:#a6cfbb; --moss-error:#f4b4a6; --moss-warning:#e8c590;
  --moss-grid-size:48px;
  --moss-clear:transparent;
  --moss-mono:"Cascadia Code","SFMono-Regular",Consolas,monospace;
  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem; --s6:2rem;
  --s7:3rem; --s8:4rem; --s9:5rem; --s10:7rem;
  --moss-gutter:clamp(1.25rem,4.5vw,9rem); --moss-radius:.25rem;
  --moss-column-gap:clamp(2rem,3vw,5rem); --moss-logo-hero-limit:clamp(20rem,24vw,64rem);
  --moss-ease:cubic-bezier(.16,1,.3,1); --moss-fast:150ms; --moss-z-nav:10; --moss-z-skip:20;
  color-scheme:dark; margin:0; min-width:0; color:var(--moss-text); background:var(--moss-bg);
  font-family:var(--font-body); font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased;
}
.moss-home [hidden]{display:none!important}
.moss-home main{display:block;margin:0;padding:0;max-width:none}
.moss-home :where(h1,h2,h3,p,ul,ol,figure){margin:0}
.moss-home :where(a,button,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--moss-focus);outline-offset:5px}
.moss-home :where(button,input,select){font:inherit}
.moss-home :where(button,a,summary){-webkit-tap-highlight-color:var(--moss-clear)}
.moss-home a{text-underline-offset:.25em}
.moss-home :where(button,.btn,nav a,.text-link,.nav-key){white-space:nowrap}
.moss-home :where(button,summary){cursor:pointer}
.moss-home :where(button,input,select):disabled,.moss-home [aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.moss-home .wrap{width:100%;max-width:none;margin-inline:auto;padding-inline:var(--moss-gutter)}
.moss-home .mono,.moss-home code,.moss-home pre{font-family:var(--moss-mono)}
.moss-home code{font-size:.88em;overflow-wrap:anywhere}
.moss-home .muted,.moss-home .fine-print{color:var(--moss-muted);font-size:.875rem}
.moss-home .fine-print{line-height:1.75}
.moss-home .skip-link{position:absolute;inset:0 auto auto 0;transform:translateY(-150%);z-index:var(--moss-z-skip);padding:var(--s3) var(--s5);background:var(--moss-accent);color:var(--moss-accent-ink)}
.moss-home .skip-link:focus{transform:none}
.moss-home .eyebrow{font-family:var(--font-body);color:var(--moss-muted);font-size:.8125rem;font-weight:500;line-height:1.5;letter-spacing:.1em}
.moss-home .section .eyebrow{margin-bottom:var(--s4)}
.moss-home .text-link{display:inline-flex;align-items:center;gap:var(--s3);min-height:44px;color:var(--moss-secondary);text-decoration:none;font-size:.9375rem}
/* 顶栏的品牌、入口与主行动独立对齐。 */
.moss-home .moss-nav{position:sticky;top:0;background:rgba(10,53,80,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:var(--moss-z-nav);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--s5);width:100%;max-width:none;min-height:88px;margin-inline:auto;padding:var(--s4) var(--moss-gutter)}
.moss-home .wordmark{color:var(--moss-text);font-family:var(--font-display);font-size:2.125rem;line-height:1;font-weight:600;letter-spacing:-.07em;text-decoration:none;justify-self:start}
.moss-home .wordmark-dot{color:var(--moss-secondary)}
.moss-home .moss-nav nav{display:none}
.moss-home .moss-nav nav.is-open,.moss-home .menu-toggle[aria-expanded="true"] + nav{position:absolute;top:calc(100% - 1px);inset-inline:var(--moss-gutter);display:grid;padding:var(--s3) var(--s5);border:1px solid var(--moss-rule-strong);background:var(--moss-surface);color:var(--moss-text)}
.moss-home .moss-nav nav a{display:inline-flex;align-items:center;min-height:48px;color:var(--moss-secondary);font-size:.875rem;text-decoration:none}
.moss-home .nav-key{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--s5);min-height:44px;padding-inline:var(--s4);border:1px solid var(--moss-rule-strong);border-radius:var(--moss-radius);text-decoration:none;font-size:.875rem}
.moss-home .menu-toggle{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:0;border:0;color:var(--moss-secondary);background:var(--moss-clear);font-size:.875rem}
.moss-home .menu-toggle[aria-expanded="true"] span{transform:rotate(45deg)}

/* 原版首屏底纹：160度蓝色渐变，1px双向线，48px节距，整层透明度0.22。 */
.moss-home .hero{position:relative;isolation:isolate;padding-top:var(--s6);background:linear-gradient(160deg,var(--color-ink-mid),var(--color-ink-deep))}
.moss-home .hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--color-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-line) 1px,transparent 1px);background-size:var(--moss-grid-size) var(--moss-grid-size);opacity:.22;pointer-events:none}
.moss-home .hero > *{position:relative;z-index:1}
.moss-home .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s8);padding-bottom:var(--s8)}
.moss-home .hero-copy{display:flex;align-items:flex-start;justify-content:center;gap:0;min-width:0;padding:0;border:0;background:none;animation:none}
.moss-home .hero-copy > *{width:auto;max-width:100%}
.moss-home .hero-copy .eyebrow{margin-bottom:var(--s5)}
.moss-home .hero-copy h1{font-family:var(--font-display);font-size:clamp(2.625rem,calc(2rem + 2.65vw),9rem);font-weight:500;font-style:normal;line-height:1.27;letter-spacing:-.035em;overflow-wrap:anywhere}
.moss-home .hero-copy h1 span{color:var(--moss-secondary)}
.moss-home .hero-description{margin-top:var(--s6);color:var(--moss-secondary);font-size:1rem;line-height:1.9}
.moss-home .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s4) var(--s6);margin-top:var(--s7)}
.moss-home .hero-footnote{margin-top:var(--s5);color:var(--moss-muted);font-size:.8125rem;line-height:1.8}
.moss-home .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s5);min-height:48px;padding:var(--s3) var(--s5);border:1px solid var(--moss-clear);border-radius:var(--moss-radius);font-family:var(--font-body);font-size:.9375rem;font-weight:500;line-height:1.4;text-decoration:none;cursor:pointer;transition:background-color var(--moss-fast) var(--moss-ease),color var(--moss-fast) var(--moss-ease),transform var(--moss-fast) var(--moss-ease)}
.moss-home .btn-primary{background:var(--moss-accent);color:var(--moss-accent-ink)}
.moss-home .btn-secondary{background:var(--moss-clear);color:var(--moss-text);border-color:var(--moss-rule-strong)}
.moss-home .btn-quiet{background:var(--moss-clear);color:var(--moss-secondary);padding-inline:var(--s3)}
.moss-home .btn:active{transform:translateY(1px)}
.moss-home .btn[aria-busy="true"]{cursor:progress;opacity:.72}
.moss-home .gateway{min-width:0;align-self:center;padding-top:var(--s3);background:none}
.moss-home .gateway-top{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) 0;border-top:1px solid var(--moss-rule-strong);border-bottom:1px solid var(--moss-rule);color:var(--moss-muted);font-size:.75rem;letter-spacing:.07em}
.moss-home .gateway-top .mono{font-size:.6875rem;letter-spacing:.05em}
.moss-home .gateway-feed{position:relative;height:40px;width:1px;margin-inline:auto;background:none}
.moss-home .gateway-feed span{display:none}
.moss-home .gateway-brand{display:grid;justify-items:center;gap:var(--s3);padding:var(--s4) 0 var(--s5)}
.moss-home .gateway-brand img{display:block;width:78%;max-width:var(--moss-logo-hero-limit);height:auto;object-fit:contain}
.moss-home .gateway-brand > span{color:var(--moss-muted);font-size:.625rem;line-height:1.4;letter-spacing:.26em}
.moss-home .gateway-branches{display:none}
.moss-home .gateway-branches::before{content:none}
.moss-home .protocols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.moss-home .protocols > div{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:0 var(--s2);min-height:70px;padding:var(--s3);border:0;background:none;color:var(--moss-text)}
.moss-home .protocol-icon{grid-row:1/3;font-size:1.65rem;line-height:1;color:var(--moss-secondary)}
.moss-home .protocols strong{font-size:.9375rem;font-weight:500}
.moss-home .protocols > div > span:last-child{color:var(--moss-muted);font-size:.75rem}
.moss-home .gateway-endpoint{position:relative;display:flex;justify-content:center;align-items:center;gap:var(--s3);margin-top:var(--s6);padding-block:var(--s3);border-bottom:1px solid var(--moss-rule)}
.moss-home .gateway-endpoint > span{color:var(--moss-muted);font-size:.625rem;letter-spacing:.06em}
.moss-home .gateway-endpoint code{color:var(--moss-secondary);font-size:.6875rem;white-space:nowrap}
.moss-home .gateway-endpoint a{position:absolute;right:0;display:inline-grid;place-items:center;width:44px;height:44px;font-size:1.125rem;text-decoration:none}
.moss-home .live-strip{display:flex;flex-wrap:wrap;gap:0 var(--s7);padding-block:var(--s5);font-size:.8125rem}
.moss-home .live-item{display:flex;align-items:center;gap:var(--s3);min-height:32px;min-width:0;color:var(--moss-muted)}
.moss-home .live-item strong{color:var(--moss-secondary);font-weight:400;font-variant-numeric:tabular-nums}
.moss-home .live-item a{display:inline-grid;place-items:center;width:32px;min-height:44px;text-decoration:none}
.moss-home .live-indicator{width:6px;height:6px;border:1px solid var(--moss-muted);border-radius:50%;background:var(--moss-clear)}
.moss-home .live-item:has([data-state="ready"]) .live-indicator{border-color:var(--moss-success);background:var(--moss-success)}
.moss-home #spec-up[data-state="error"],.moss-home #spec-up[data-state="degraded"]{color:var(--moss-warning)}
.moss-home .live-snapshot{flex-basis:100%}

/* 承诺采用浅一级蓝横带。 */
.moss-home .promise-section{background:var(--moss-surface);color:var(--moss-text);border-block:1px solid var(--moss-rule)}
.moss-home .promises{display:grid;grid-template-columns:minmax(0,1fr)}
.moss-home .promises > div{padding-block:var(--s6)}
.moss-home .promises > div + div{border-top:1px solid var(--moss-rule)}
.moss-home .promises h2{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);font-family:var(--font-body);font-size:1rem;font-weight:500}
.moss-home .promises h2 span{color:var(--moss-muted);font-weight:400}
.moss-home .promises p{margin-top:var(--s3);color:var(--moss-muted);font-size:.875rem;line-height:1.9}
.moss-home .promises p{margin-top:var(--s3);color:var(--moss-muted);font-size:.875rem;line-height:1.9}

/* 实时模型表与套餐，留白、层级与数据可读性优先。 */
.moss-home .section{padding:var(--s9) 0;scroll-margin-top:var(--s5)}
.moss-home .section + .section{border-top:1px solid var(--moss-rule)}
.moss-home .section h2{font-family:var(--font-display);font-size:clamp(1.75rem,calc(1.25rem + 1.25vw),4rem);line-height:1.45;font-weight:500;letter-spacing:-.025em}
.moss-home .section-heading{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:var(--s5) var(--s7);margin-bottom:var(--s7)}
.moss-home .section-intro{color:var(--moss-muted);font-size:.9375rem;line-height:1.8}
.moss-home .model-toolbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s5)}
.moss-home .filter-group{display:flex;flex-wrap:wrap;gap:var(--s1)}
.moss-home .filter-group button{padding:var(--s2) var(--s3);min-height:44px;border:1px solid var(--moss-clear);border-radius:var(--moss-radius);background:var(--moss-clear);color:var(--moss-muted);font-size:.875rem}
.moss-home .filter-group button[aria-pressed="true"]{background:var(--moss-raised);border-color:var(--moss-rule);color:var(--moss-text)}
.moss-home .model-tools{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3);width:100%;min-width:0}
.moss-home .vendor-field{display:flex;align-items:center;gap:var(--s2);flex:1 1 11rem;min-width:0;font-size:.8125rem;color:var(--moss-muted)}
.moss-home .vendor-field select{width:100%;min-width:0;min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--moss-rule);border-radius:var(--moss-radius);background:var(--moss-bg);color:var(--moss-secondary);font:inherit}
.moss-home .model-tools .search-field{flex:2 1 15rem;width:auto}
.moss-home .search-field{display:flex;align-items:center;gap:var(--s2);width:100%;min-height:44px;padding-inline:var(--s3);border:1px solid var(--moss-rule);border-radius:var(--moss-radius);background:var(--moss-bg);color:var(--moss-secondary)}
.moss-home .search-field > span:first-child{font-size:1.5rem}
.moss-home .search-field input{min-height:42px;width:100%;min-width:0;padding:0;border:0;background:var(--moss-clear);color:var(--moss-text);font-size:.875rem}
.moss-home .search-field input::placeholder{color:var(--moss-muted)}
.moss-home .table-wrap{width:100%;min-width:0;overflow-x:auto;border-top:1px solid var(--moss-rule-strong);scrollbar-color:var(--moss-rule-strong) var(--moss-bg)}
.moss-home .table-scroll-hint{margin-bottom:var(--s3);color:var(--moss-muted);font-size:.75rem}
@media(min-width:48rem){.moss-home .table-scroll-hint{display:none}}
.moss-home table{width:100%;min-width:0;border-collapse:collapse;font-size:.875rem}
.moss-home th,.moss-home td{text-align:left;vertical-align:middle;padding:var(--s5) var(--s4);border-bottom:1px solid var(--moss-rule)}
.moss-home th:first-child,.moss-home td:first-child{padding-left:0}
.moss-home th:last-child,.moss-home td:last-child{padding-right:0}
.moss-home th{color:var(--moss-muted);font-weight:400;font-size:.8125rem;white-space:nowrap}
.moss-home th span{display:block;font-size:.6875rem}
.moss-home td{color:var(--moss-secondary)}
.moss-home td:first-child{width:26%;color:var(--moss-text)}
.moss-home td code{font-size:.8125rem}
.moss-home .model-tag{display:inline-block;margin-left:var(--s2);padding:.125rem var(--s2);border:1px solid var(--moss-rule);color:var(--moss-muted);font-size:.6875rem;line-height:1.5;white-space:nowrap;vertical-align:middle}
.moss-home td.aliases{max-width:22rem;font-size:.75rem;line-height:1.65}
.moss-home .num{text-align:right;font-variant-numeric:tabular-nums}
.moss-home .table-message,.moss-home .table-empty td{height:144px;text-align:left;color:var(--moss-muted)}
.moss-home .table-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s4);padding-block:var(--s3);color:var(--moss-muted);font-size:.8125rem}
.moss-home .table-note .text-link{font-size:.8125rem}
.moss-home .table-pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--s3);color:var(--moss-muted);font-size:.8125rem}
.moss-home .table-pagination button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--moss-rule);border-radius:var(--moss-radius);background:var(--moss-clear);color:var(--moss-secondary);font-size:.8125rem}
.moss-home #model-page{min-width:4rem;text-align:center;font-variant-numeric:tabular-nums}
.moss-home .plans-section{padding-top:var(--s8)}
.moss-home .plans{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4)}
.moss-home .plan-card{display:flex;flex-direction:column;min-width:0;padding:var(--s6);background:var(--moss-surface);color:var(--moss-text);border:1px solid var(--moss-rule);border-radius:var(--moss-radius)}
.moss-home .plan-card h3{font-size:1rem;font-weight:500;color:var(--moss-secondary)}
.moss-home .plan-card .price{margin-top:var(--s6);font-size:3.25rem;line-height:1.15;font-weight:400;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.moss-home .currency{display:inline-block;margin-right:var(--s1);font-size:1.25rem;vertical-align:top;padding-top:.3rem;letter-spacing:0}
.moss-home .price-period{font-size:.8125rem;letter-spacing:0;color:var(--moss-muted)}
.moss-home .plan-features{display:grid;gap:var(--s3);margin-block:var(--s6) var(--s7);padding:0;list-style:none;font-size:.875rem;color:var(--moss-secondary)}
.moss-home .plan-features li::before{content:"—";color:var(--moss-faint);margin-right:var(--s3)}
.moss-home .plan-action{justify-content:space-between;width:100%;margin-top:auto}
.moss-home .plan-top{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s2)}
.moss-home .plan-badge{padding:.2rem .5rem;border-radius:999px;background:var(--color-snow);color:var(--color-ink-deep);font-size:.6875rem;font-weight:600;letter-spacing:.04em}
.moss-home .plan-hot{position:relative;border-color:color-mix(in srgb,var(--color-snow) 42%,var(--moss-rule));background:linear-gradient(158deg,#0c3d59 0%,#072b41 72%);box-shadow:0 18px 44px -28px rgba(0,0,0,.85)}
.moss-home .plan-card:not(.plan-hot) h3{color:var(--moss-secondary)}
.moss-home .plan-card:not(.plan-hot) .price{font-size:2.35rem;opacity:.72}
.moss-home .plan-card:not(.plan-hot){background:transparent;border-color:color-mix(in srgb,var(--moss-rule) 70%,transparent)}

.moss-home .plan-empty{grid-column:1/-1;min-height:172px;justify-content:center;gap:var(--s3)}
.moss-home .plan-note{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2);margin-top:var(--s5);color:var(--moss-muted);font-size:.8125rem}
.moss-home .plan-note > span{color:var(--moss-secondary)}

/* 取 Key 与已有账号构成一个清晰的工作区。 */
.moss-home .payment-status{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s7);align-items:center}
.moss-home .payment-status .section-intro{margin-top:var(--s5)}
.moss-home .payment-help{align-self:center;min-width:0;padding-top:var(--s5);border-top:1px solid var(--moss-rule)}
.moss-home .payment-help h3{font-size:1.125rem;font-weight:500}
.moss-home .payment-help p{max-inline-size:44em;margin-block:var(--s3);color:var(--moss-muted);font-size:.875rem;line-height:1.9}
.moss-home .payment-help .text-link{margin-right:var(--s5)}
.moss-home .key-section{background:var(--moss-surface);color:var(--moss-text)}
.moss-home .key-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s7)}
.moss-home .key-intro > p:not(.eyebrow){margin-top:var(--s5);color:var(--moss-secondary);font-size:.9375rem}
.moss-home .key-intro .text-link{margin-top:var(--s5)}
.moss-home .key-workspace{min-width:0}
.moss-home .form-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s2) var(--s4);justify-content:space-between;margin-bottom:var(--s5)}
.moss-home .form-heading h3{font-size:1.125rem;font-weight:500}
.moss-home .form-heading > span{color:var(--moss-muted);font-size:.75rem}
.moss-home .input-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4)}
.moss-home .key-workspace label,.moss-home .order-bar label{display:block;min-width:0;font-size:.8125rem;color:var(--moss-secondary)}
.moss-home .optional{margin-left:var(--s2);color:var(--moss-muted);font-size:.75rem}
.moss-home .key-workspace input,.moss-home .sel{display:block;width:100%;min-width:0;min-height:48px;margin-top:var(--s2);padding:var(--s3) var(--s4);border:1px solid var(--moss-rule-strong);border-radius:var(--moss-radius);background:var(--moss-bg);color:var(--moss-text);font-size:.9375rem}
.moss-home .key-workspace input::placeholder{color:var(--moss-muted);opacity:1}
.moss-home .key-form > .btn{margin-top:var(--s5)}
.moss-home .out{min-height:1.7em;margin-top:var(--s3);color:var(--moss-muted);font-size:.8125rem;line-height:1.7;overflow-wrap:anywhere}
.moss-home .out[data-state="error"]{color:var(--moss-error)}
.moss-home .out[data-state="success"]{color:var(--moss-success)}
.moss-home .out[data-state="loading"]{color:var(--moss-secondary)}
.moss-home input[aria-invalid="true"]{border-color:var(--moss-error)}
.moss-home .account-form{margin-top:var(--s7);padding-top:var(--s6);border-top:1px solid var(--moss-rule)}
.moss-home .account-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.moss-home #redeem-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--s3);margin-top:var(--s5)}

/* 付款步骤和通道。 */
.moss-home .payment-steps{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5);padding:0;list-style:none;margin-bottom:var(--s7)}
.moss-home .payment-steps li{display:flex;align-items:flex-start;gap:var(--s4)}
.moss-home .payment-steps li > span{display:grid;place-items:center;flex:0 0 30px;height:30px;margin-top:var(--s1);border:1px solid var(--moss-rule-strong);border-radius:50%;color:var(--moss-secondary);font-size:.8125rem}
.moss-home .payment-steps h3{font-size:.9375rem;font-weight:500}
.moss-home .payment-steps p{margin-top:var(--s2);color:var(--moss-muted);font-size:.8125rem}
.moss-home .order-bar{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:var(--s4);padding-block:var(--s5);border-block:1px solid var(--moss-rule)}
.moss-home .order-bar .out{margin:0}
.moss-home .sel{appearance:auto;padding-right:var(--s5)}
.moss-home .sel option{background:var(--moss-bg);color:var(--moss-text)}
.moss-home .payment-methods{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s7);margin-top:var(--s7)}
.moss-home .payment-methods h3{font-size:1.125rem;font-weight:500}
.moss-home .payment-methods p{margin-top:var(--s3);color:var(--moss-muted);font-size:.875rem;line-height:1.8}
.moss-home .payment-domestic{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s5)}
.moss-home .payment-domestic img{width:144px;height:144px;object-fit:contain;flex:0 0 auto}
.moss-home .payment-caption{display:block;margin-top:var(--s4);color:var(--moss-faint);font-size:.75rem}
.moss-home .creem-links{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s3)}
.moss-home .creem-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--moss-secondary);font-size:.8125rem;white-space:nowrap;text-decoration:none;border-bottom:1px solid var(--moss-rule-strong)}
.moss-home .payment-overseas .fine-print{font-size:.75rem}

/* 代码无仿窗口装饰；复制按钮占独立底行。 */
.moss-home .start-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s7)}
.moss-home .start-layout > div:first-child .section-intro{margin-top:var(--s5)}
.moss-home .start-layout > div:first-child .text-link{margin-top:var(--s5)}
.moss-home .code-workspace{min-width:0;border:1px solid var(--moss-rule);background:var(--moss-surface);color:var(--moss-text);border-radius:var(--moss-radius)}
.moss-home .code-tabs{display:flex;align-items:center;gap:var(--s5);padding-inline:var(--s5);border-bottom:1px solid var(--moss-rule);overflow-x:auto;overflow-y:hidden}
.moss-home .code-tabs button{position:relative;flex:0 0 auto;min-height:56px;padding:0;border:0;background:var(--moss-clear);color:var(--moss-muted);font-size:.8125rem}
.moss-home .code-tabs button[aria-selected="true"]{color:var(--moss-text)}
.moss-home .code-tabs button[aria-selected="true"]::after{content:"";position:absolute;bottom:0;inset-inline:0;height:2px;background:var(--moss-accent)}
.moss-home [role="tabpanel"]{padding:var(--s5)}
.moss-home .code-label{display:flex;justify-content:space-between;gap:var(--s3);color:var(--moss-muted);font-size:.6875rem;margin-bottom:var(--s5)}
.moss-home pre{position:relative;min-width:0;margin:0;padding:0;border:0;background:var(--moss-clear);color:var(--moss-secondary);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8125rem;line-height:1.9}
.moss-home pre code{font-size:inherit;line-height:inherit;background:none;color:inherit}
.moss-home .code-comment{color:var(--moss-muted)}
.moss-home .copy-btn{position:static;display:flex;align-items:center;justify-content:center;width:max-content;min-width:72px;min-height:44px;margin:var(--s5) 0 0 auto;padding:var(--s2) var(--s4);border:1px solid var(--moss-rule-strong);border-radius:var(--moss-radius);background:var(--moss-clear);color:var(--moss-secondary);font-family:var(--font-body);font-size:.8125rem;line-height:1.4;cursor:pointer}
.moss-home .copy-btn.ok{color:var(--moss-success);border-color:var(--moss-success)}
.moss-home .copy-btn[data-state="error"]{color:var(--moss-error);border-color:var(--moss-error)}
.moss-home .code-hint{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--moss-rule);color:var(--moss-muted);font-size:.75rem;line-height:1.8}

/* 联系与政策构成轻量尾区，大字标识收尾。 */
.moss-home .support-section{padding-block:var(--s8);border-top:1px solid var(--moss-rule)}
.moss-home .support-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s7)}
.moss-home .contact-email{display:inline-flex;align-items:center;gap:var(--s5);min-height:44px;margin-top:var(--s4);color:var(--moss-text);font-size:clamp(1.375rem,2.3vw,2rem);line-height:1.4;letter-spacing:-.025em;text-decoration:none}
.moss-home .support-layout > div:first-child > p:last-child{margin-top:var(--s4);color:var(--moss-muted);font-size:.8125rem}
.moss-home .policy-list details{border-bottom:1px solid var(--moss-rule)}
.moss-home .policy-list details:first-child{border-top:1px solid var(--moss-rule)}
.moss-home .policy-list summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:62px;padding-block:var(--s4);color:var(--moss-secondary);font-size:.875rem;list-style:none}
.moss-home .policy-list summary::-webkit-details-marker{display:none}
.moss-home .policy-list details[open] summary span{transform:rotate(45deg)}
.moss-home .policy-list details p{padding-bottom:var(--s5);color:var(--moss-muted);font-size:.8125rem;line-height:1.8}
.moss-home .moss-footer{padding-top:var(--s7);background:var(--moss-bg);color:var(--moss-text);border-top:1px solid var(--moss-rule)}
.moss-home .footer-main{text-align:center;justify-items:center;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s2) var(--s5);padding-bottom:var(--s7)}
.moss-home .footer-wordmark{font-family:var(--font-display);font-size:clamp(4rem,9vw,7.5rem);font-weight:500;line-height:1.15;letter-spacing:-.065em;text-decoration:none}
.moss-home .footer-main > p{grid-column:1;color:var(--moss-muted);font-size:.9375rem}
.moss-home .back-top{display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px;grid-column:2;grid-row:1/3;color:var(--moss-secondary);font-size:.8125rem;text-decoration:none;white-space:nowrap}
.moss-home .footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--s3) var(--s5);padding-block:var(--s5);border-top:1px solid var(--moss-rule);color:var(--moss-muted);font-size:.75rem}
.moss-home .footer-bottom nav{display:flex;align-items:center;flex-wrap:wrap;gap:0 var(--s5)}
.moss-home .footer-bottom nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}

@media(hover:hover) and (pointer:fine){
  .moss-home .btn-primary:hover{background:var(--moss-text);color:var(--moss-accent-ink)}
  .moss-home .btn{transition:transform .12s var(--ease-out,ease-out),background-color .12s linear,border-color .12s linear}
.moss-home .btn:hover{transform:translateY(-1px)}
.moss-home .btn:active{transform:translateY(0)}
.moss-home .btn-secondary:hover,.moss-home .copy-btn:hover,.moss-home .table-pagination button:not(:disabled):hover{background:var(--moss-hover);color:var(--moss-text);border-color:var(--moss-rule-strong)}
  .moss-home .btn-quiet:hover{background:var(--moss-raised);color:var(--moss-text)}
  .moss-home .text-link:hover,.moss-home nav a:hover,.moss-home .back-top:hover,.moss-home .creem-links a:hover{color:var(--moss-text)}
  .moss-home .nav-key:hover{background:var(--moss-surface);color:var(--moss-text)}
  .moss-home .filter-group button:hover{color:var(--moss-text)}
  .moss-home .key-workspace input:hover,.moss-home .sel:hover{background:var(--moss-raised);color:var(--moss-text)}
  .moss-home tbody tr:hover{background:var(--moss-surface);color:var(--moss-text)}
}
@media(min-width:40rem){
  .moss-home .hero{padding-top:var(--s7)}
  .moss-home .hero-description{font-size:1.0625rem}
  .moss-home .gateway{width:min(100%,32rem);justify-self:center}
  .moss-home .gateway-endpoint code{font-size:.8125rem}
  .moss-home .gateway-endpoint > span{font-size:.6875rem}
  .moss-home .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .moss-home .input-pair{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr)}
  .moss-home .search-field{width:240px}
  .moss-home .order-bar{grid-template-columns:minmax(220px,1fr) auto}
  .moss-home .order-bar .out{grid-column:1/-1}
  .moss-home .plan-note{grid-template-columns:96px minmax(0,1fr)}
  .moss-home .footer-main{grid-template-columns:auto 1fr auto;gap:var(--s7);align-items:end}
  .moss-home .footer-main > p{grid-column:auto;padding-bottom:var(--s3)}
  .moss-home .back-top{grid-column:auto;grid-row:auto;margin-bottom:var(--s1)}
}
@media(min-width:48rem) and (max-width:59.99rem){
  .moss-home .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s6);align-items:center}
  .moss-home .gateway{width:100%}
  .moss-home .gateway-endpoint code{font-size:.625rem}
  .moss-home .gateway-endpoint{gap:var(--s2)}
}
@media(min-width:60rem){
  .moss-home .moss-nav{min-height:clamp(6.25rem,5.2vw,8rem);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--s7)}
  .moss-home .menu-toggle{display:none}
  .moss-home .moss-nav nav,.moss-home .moss-nav nav.is-open{position:static;display:flex;align-items:center;gap:var(--s6);padding:0;border:0;background:none}
  .moss-home .nav-key{justify-self:end}
  .moss-home .hero{padding-top:var(--s5)}
  .moss-home .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--moss-column-gap);max-inline-size:none;margin-inline:auto;min-block-size:min(56rem,max(32rem,calc(100svh - 16rem)));padding-top:var(--s4);padding-bottom:var(--s7)}
  .moss-home .gateway{width:100%}
  .moss-home .gateway-brand{padding-block:var(--s5) var(--s6)}
  .moss-home .live-strip{flex-wrap:nowrap;justify-content:space-between;gap:var(--s5);padding-block:var(--s5)}
  .moss-home .live-snapshot{flex-basis:auto}
  .moss-home .promises{grid-template-columns:repeat(3,minmax(0,1fr))}
  .moss-home .promises > div{padding:var(--s6)}
  .moss-home .promises > div:first-child{padding-left:0}
  .moss-home .promises > div:last-child{padding-right:0}
  .moss-home .promises > div + div{border-top:0;border-left:1px solid var(--moss-rule)}
  .moss-home .section{padding-block:var(--s9)}
  .moss-home .plans-section{padding-top:var(--s8)}
  .moss-home .plans{grid-template-columns:repeat(4,minmax(0,1fr))}
  .moss-home .plan-card{padding:var(--s5)}
  .moss-home .plan-card .price{font-size:2.75rem}
  .moss-home .price-period{display:block;margin-top:var(--s2)}
  .moss-home .plan-action{padding-inline:var(--s4)}
  .moss-home .key-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(2rem,4vw,4.5rem)}
  .moss-home .key-intro h2{font-size:clamp(2.5rem,calc(1.25rem + 1.5vw),4.5rem)}
  .moss-home .payment-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s7)}
  .moss-home .order-bar{grid-template-columns:280px auto minmax(0,1fr);gap:var(--s5)}
  .moss-home .order-bar .out{grid-column:auto;align-self:center;max-width:28rem;padding-top:var(--s5)}
  .moss-home .payment-methods{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--moss-column-gap)}
  .moss-home .payment-status{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--moss-column-gap)}
  .moss-home .payment-overseas{padding-left:var(--s7);border-left:1px solid var(--moss-rule)}
  .moss-home .start-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(2rem,4vw,4.5rem)}
  .moss-home [role="tabpanel"]{padding:var(--s6)}
  .moss-home .code-tabs{padding-inline:var(--s6)}
  .moss-home .support-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--moss-column-gap)}
}
@media(min-width:90rem){
  .moss-home .hero-grid{padding-top:var(--s6);padding-bottom:var(--s8)}
  .moss-home .hero-description{font-size:clamp(1.125rem,calc(.875rem + .28vw),1.5rem);max-inline-size:36em}
  .moss-home .hero-footnote{font-size:clamp(.8125rem,calc(.65rem + .2vw),1rem)}
  .moss-home .moss-nav nav a{font-size:clamp(.875rem,calc(.7rem + .2vw),1.125rem)}
  .moss-home .moss-nav nav{gap:clamp(2rem,2.1vw,5rem)}
  .moss-home .gateway-feed{height:clamp(2.5rem,2.5vw,5rem)}
  .moss-home .gateway-brand{padding-block:clamp(1.5rem,2vw,3rem) clamp(2rem,2.5vw,4rem)}
  .moss-home .gateway-branches{height:clamp(2.375rem,2.5vw,5rem)}
  .moss-home .protocols > div{min-height:clamp(4.375rem,4.2vw,7rem)}
  .moss-home .protocols strong{font-size:clamp(.9375rem,.7vw,1.25rem)}
  .moss-home .gateway-endpoint{margin-top:clamp(2rem,2.5vw,4rem)}
  .moss-home .section{padding-block:clamp(5rem,5vw,9rem)}
  .moss-home .plan-card{padding:clamp(2rem,2vw,4rem)}
  .moss-home .plan-card .price{font-size:clamp(2.75rem,2.6vw,4.5rem)}
  .moss-home .promises > div{padding-block:clamp(2rem,2.5vw,4rem)}
  .moss-home .promises p{max-inline-size:38em}
  .moss-home .key-intro > p:not(.eyebrow),.moss-home .section-intro{max-inline-size:42em}
  .moss-home .key-workspace,.moss-home .code-workspace{width:100%;max-inline-size:68rem;justify-self:end}
  .moss-home .payment-methods p{max-inline-size:44em}
}
@media(min-width:60rem) and (max-width:68.74rem){
  .moss-home .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:60rem) and (max-height:50rem){
  .moss-home .hero-grid{min-block-size:0;padding-block:var(--s4) var(--s6)}
  .moss-home .gateway-feed{height:2rem}
  .moss-home .gateway-brand{padding-block:var(--s3) var(--s5)}
  .moss-home .gateway-branches{height:2rem}
  .moss-home .gateway-endpoint{margin-top:var(--s5)}
}
@media(max-width:24rem){
  .moss-home .moss-nav{gap:var(--s3)}
  .moss-home .wordmark{font-size:1.875rem}
  .moss-home .nav-key{gap:var(--s2);padding-inline:var(--s3)}
  .moss-home .hero-copy h1{font-size:2.5rem}
  .moss-home .hero-actions{gap:var(--s3)}
  .moss-home .hero-actions .text-link{font-size:.8125rem}
  .moss-home .gateway-endpoint{gap:var(--s2)}
  .moss-home .gateway-endpoint code{font-size:.625rem}
  .moss-home .protocols > div{padding-inline:var(--s2)}
  .moss-home .protocol-icon{font-size:1.25rem}
  .moss-home .protocols strong{font-size:.8125rem}
  .moss-home .filter-group{gap:0}
  .moss-home .filter-group button{padding-inline:var(--s2);font-size:.8125rem}
  .moss-home .account-actions .btn{padding-inline:var(--s3);font-size:.8125rem}
  .moss-home #redeem-form{grid-template-columns:minmax(0,1fr)}
  .moss-home .code-tabs{gap:var(--s4);padding-inline:var(--s4)}
  .moss-home [role="tabpanel"]{padding:var(--s4)}
}
@media(prefers-reduced-motion:reduce){
  .moss-home *,.moss-home *::before,.moss-home *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* 付款区响应式（2026-10-26）：图随视口缩放，窄屏单列、宽屏封顶 */
.moss-home .pay-section .payment-status{align-items:start}
.moss-home .pay-section .payment-domestic{align-self:start}
.moss-home .pay-section .payment-domestic img{display:block;width:clamp(200px,26vw,340px);max-width:100%;height:auto;margin-inline:auto}
@media (max-width:719px){
  .moss-home .pay-section .payment-domestic{margin-top:var(--s6,1.5rem);width:min(340px,100%);margin-inline:auto}
  .moss-home .pay-section .payment-domestic img{width:min(340px,100%)}
}
@media (min-width:1600px){
  .moss-home .pay-section .payment-domestic img{width:clamp(300px,22vw,380px)}
}
@media (orientation:landscape) and (max-height:520px){
  .moss-home .pay-section .payment-domestic img{width:clamp(180px,20vw,260px)}
}
@media (orientation:landscape) and (min-width:720px) and (max-height:560px){
  .moss-home .pay-section .payment-status{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .moss-home .pay-section .payment-domestic{margin-top:0}
}

@media (max-width:959px){
  .moss-home .pay-section .payment-domestic{margin-top:var(--s6,1.5rem)}
  .moss-home .pay-section .payment-domestic img{width:min(340px,100%)}
}
@media (max-width:719px){
  .moss-home .pay-section .payment-status{grid-template-columns:minmax(0,1fr);gap:var(--s6,1.5rem)}
}
@media (min-width:720px) and (max-width:959px){
  .moss-home .pay-section .payment-domestic{margin-top:0}
  .moss-home .pay-section .payment-domestic img{width:clamp(200px,26vw,280px)}
}
@media (min-width:960px) and (max-width:1199px){
  .moss-home .pay-section .payment-domestic img{width:clamp(240px,24vw,300px)}
}

.pay-live{display:grid;justify-items:center;gap:var(--s3);text-align:center}
.pay-live-amount{font-size:2.25rem;line-height:1.1;letter-spacing:-.02em}
.pay-live-qr{position:relative;background:transparent;padding:16px 14px;line-height:0}
.pay-live-qr img,.pay-live-qr canvas{display:block;width:208px;height:208px;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 11%,#000 89%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 11%,#000 89%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.pay-live-open{width:100%;max-width:208px;justify-content:center}
.pay-live-note{margin:0;font-size:.8125rem;line-height:1.7;color:var(--moss-muted)}
.pay-live-code{margin:0;font-size:.75rem;color:var(--moss-faint)}
.pay-live-copy{margin-left:.4em;padding:.15em .55em;border:1px solid var(--moss-rule-strong);border-radius:.2rem;background:none;color:inherit;font-size:.75rem;cursor:pointer}
.pay-order{display:grid;gap:var(--s3);margin-bottom:var(--s5)}
.pay-sel{width:100%;padding:.6rem .7rem;border:1px solid var(--moss-rule-strong);border-radius:.25rem;background:var(--moss-surface);color:var(--moss-text);font:inherit}
.pay-chosen{margin:0;font-size:.8125rem;color:var(--moss-muted)}

.payment-domestic.is-live{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--s5)}
.payment-domestic.is-live #pay-static{display:none}
.pay-live-qr canvas,.pay-live-qr img{max-width:100%;height:auto}

/* 窄屏：模型表改成两列堆叠卡，取消横向滚动 */
@media(max-width:47.99rem){
  .moss-home .table-scroll-hint{display:none}
  .moss-home table,.moss-home tbody{display:block;width:100%;min-width:0}
  .moss-home thead{display:none}
  .moss-home tbody tr{display:block;padding:var(--s4) 0;border-top:1px solid var(--moss-rule)}
  .moss-home tbody td{display:block;padding:0;border:0;text-align:left}
  .moss-home tbody td:first-child{width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .moss-home tbody td[data-label="厂商"]{margin-top:.35rem;color:var(--moss-muted);font-size:.8125rem}
  .moss-home tbody td.num{display:inline-block;margin-top:.45rem;margin-right:.9rem;text-align:left;font-size:.875rem}
  .moss-home tbody td.num::before{content:attr(data-label) " ";color:var(--moss-muted);font-size:.75rem}
  .moss-home tbody td.aliases{margin-top:.4rem;max-width:none;font-size:.75rem}
  .moss-home tbody td:empty{display:none}
  .moss-home .alias-none{display:none}
}

/* 主按钮禁用态：不再是一片亮白 */
.moss-home .btn-primary:disabled,.moss-home .btn-primary[aria-busy="true"]{background:color-mix(in srgb,var(--color-snow) 22%,var(--moss-surface));color:var(--moss-secondary);border-color:var(--moss-rule);box-shadow:none}

@media(max-width:47.99rem){
  .moss-home .live-strip,.moss-home .live{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s4)}
  .moss-home .live-item{flex:1 1 auto;min-width:0;padding:0;border:0;font-size:.8125rem}
  .moss-home .live-item span{font-size:.75rem}
}

.moss-home .footer-main{justify-items:center;text-align:center}
.moss-home .footer-main p{max-width:24ch}

@media(min-width:60rem){
  .moss-home .gateway-head{margin-bottom:var(--s2)}
}

/* 左栏空就得跟手：两处说明栏改为随滚动的 sticky 侧注 */
@media(min-width:60rem){
  .moss-home .key-intro,.moss-home .start-layout > div:first-child{position:sticky;top:calc(120px + var(--s5))}
}

/* 边缘用页底色压一层，让卡片化进背景（配合上面的 mask） */
.pay-live-qr::after{content:"";position:absolute;inset:-18px;pointer-events:none;
  background:
    linear-gradient(to right,var(--moss-bg) 3%,transparent 22%),
    linear-gradient(to left,var(--moss-bg) 3%,transparent 22%),
    linear-gradient(to bottom,var(--moss-bg) 1%,transparent 11%),
    linear-gradient(to top,var(--moss-bg) 2%,transparent 16%)}

/* 首屏差异行 */
.moss-home .hero-perks{display:flex;flex-wrap:wrap;gap:.5rem var(--s4);margin-top:var(--s5);font-size:.8125rem;color:var(--moss-muted)}
.moss-home .hero-perks span{display:inline-flex;align-items:center;gap:.4rem}
.moss-home .hero-perks span + span{margin-left:var(--s5)}
/* 限速口径 */
.moss-home .rate-note{margin-top:var(--s4);font-size:.8125rem;color:var(--moss-muted);line-height:1.8}
/* 收据入口 */
.moss-home .pay-receipt{margin-top:var(--s3);font-size:.8125rem}

/* 能力筛选条 */
.moss-home .model-toolbar{flex-wrap:wrap}
.moss-home .cap-group{margin-left:0;width:100%;order:3}
.moss-home .cap-group button{padding:.3rem .6rem;font-size:.75rem;letter-spacing:0}
.moss-home .cap-group button[aria-pressed="true"]{border-color:var(--color-snow);color:var(--color-snow)}
/* 状态徽标 */
.moss-home .tag-live{color:var(--moss-muted);opacity:.55;font-size:.6875rem}
.moss-home .tag-preview{color:var(--color-snow);border-color:color-mix(in srgb,var(--color-snow) 40%,transparent)}
/* 七列后压窄别名、稳住序号列宽 */
.moss-home td.aliases{max-width:16rem}
.moss-home table{min-width:0}
@media(min-width:60rem){.moss-home table{min-width:0}}

/* 步骤块：与上文拉开、数字与文字留白 */
.moss-home .payment-steps{margin-top:var(--s6);gap:var(--s5) !important}
.moss-home .payment-steps li{gap:var(--s4)}
.moss-home .payment-steps li > span{flex:0 0 1.75rem}
/* 静态收款码沿用羽化（容器已带 pay-live-qr） */
.moss-home .pay-static-qr{display:block;margin-top:var(--s5)}
.moss-home .pay-static-qr img{width:208px;height:208px}

.moss-home .plan-fee{display:block;margin-top:.35rem;font-size:.75rem;color:var(--moss-muted)}
.moss-home .plan-fee-good{color:var(--moss-secondary)}

/* 静态码与付款码同格：生成前后不换位 */
.moss-home .pay-slot{display:grid;margin-top:var(--s5);min-height:769px}
.moss-home .pay-slot > .pay-done{align-self:start}
.moss-home .pay-slot > *{grid-area:1/1}
.moss-home .pay-slot .pay-live{margin-top:0}
.moss-home .pay-slot .pay-static-qr{margin-top:0}
.moss-home .pay-static-qr[hidden]{display:none}

/* 订单提示行预留高度，避免文案换行导致下方跳动 */
.moss-home #order-out{min-height:2.7em}
.moss-home .pay-order{min-height:9.6rem}

.moss-home .pay-live-amount{margin-top:var(--s3)}

.moss-home .pay-live-amount{text-align:center}

/* 付款区就地 key 输入 */
.moss-home .pay-key-field{display:block;margin-bottom:var(--s4);font-size:.8125rem;color:var(--moss-muted)}
.moss-home .pay-key-field input{display:block;width:100%;margin-top:.35rem;padding:.6rem .7rem;border:1px solid var(--moss-rule-strong);border-radius:.25rem;background:var(--moss-surface);color:var(--moss-text);font:inherit}
.moss-home .pay-key-field input::placeholder{color:var(--moss-muted);opacity:1}

/* 到账 / 过期结果态，与二维码同格 */
.moss-home .pay-done{display:grid;gap:var(--s4);align-self:start;justify-items:start;padding:var(--s6) var(--s5);border:1px solid var(--moss-rule);border-radius:.5rem;background:var(--moss-surface)}
.moss-home .pay-done[hidden]{display:none}
.moss-home .pay-done-title{font-family:var(--font-display);font-size:1.5rem;font-weight:500;line-height:1.4}
.moss-home .pay-done-line{font-size:.875rem;line-height:1.8;color:var(--moss-secondary)}
.moss-home .pay-done-ok{border-color:color-mix(in srgb,var(--color-snow) 40%,var(--moss-rule))}
.moss-home .pay-done-warn{border-color:var(--moss-rule-strong)}

/* 领到的 Key：可复制字段 + 复制按钮 */
.moss-home .key-box{display:flex;gap:.5rem;margin:.5rem 0}
.moss-home .key-box input{flex:1;min-width:0;padding:.5rem .6rem;border:1px solid var(--moss-rule-strong);border-radius:.25rem;background:var(--moss-surface);color:var(--moss-text);font-size:.8125rem}
.moss-home .key-box .copy-btn{padding:.5rem .8rem;border:1px solid var(--moss-rule-strong);border-radius:.25rem;background:transparent;color:var(--moss-text);font:inherit;font-size:.8125rem;cursor:pointer}
.moss-home .key-note{display:block;margin-top:.35rem;color:var(--moss-muted);font-size:.8125rem}

/* 标语贴近 logo：约半个 logo 宽 */
.moss-home .footer-main{grid-template-columns:auto auto 1fr;justify-content:start;justify-items:start;text-align:left;gap:0 var(--s5)}
.moss-home .footer-wordmark{max-width:min(42vw,22rem)}
.moss-home .footer-main > p{margin-left:calc(min(42vw,22rem) / 2 - 2rem);padding-bottom:var(--s3)}
.moss-home .footer-main .back-top{margin-left:auto;align-self:end;padding-bottom:var(--s3)}

/* 2026-10-28 审查修复：保留蓝色网格，统一流动版心与付款状态视觉。 */
body.moss-home{--moss-qr-paper:#fff;--moss-qr-ink:#082839;--moss-alipay:#42a8ec;--moss-nav-height:100px}
.moss-home main{scroll-margin-top:var(--moss-nav-height)}
.moss-home .section{scroll-margin-top:calc(var(--moss-nav-height) - var(--s7))}
.moss-home .hero-grid{width:100%;margin-inline:0}
.moss-home .hero-description{max-width:34em}
.moss-home .hero-perks{gap:var(--s2) var(--s5)}
.moss-home .hero-perks span+span{margin-left:0}
.moss-home .hero-perks span+span::before{content:"/";margin-right:var(--s3);color:var(--moss-faint)}
.moss-home .tag-live{opacity:1;color:var(--moss-secondary)}
.moss-home td{padding-block:var(--s4)}
.moss-home td:first-child code{overflow-wrap:anywhere;white-space:normal}
.moss-home .pay-section .payment-status{grid-template-columns:minmax(0,1fr);gap:var(--s7)}
.moss-home .pay-section .payment-domestic,.moss-home .payment-domestic.is-live{display:block;width:100%;max-width:38rem;margin:0;justify-self:end;padding:clamp(1.25rem,2.4vw,3rem);border:1px solid var(--moss-rule-strong);border-radius:var(--moss-radius);background:var(--moss-surface)}
.moss-home .payment-method-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s6);padding-bottom:var(--s4);border-bottom:1px solid var(--moss-rule)}
.moss-home .payment-provider{color:var(--moss-text);font-size:1.125rem;font-weight:500}
.moss-home .payment-provider span{margin-left:var(--s2);font-weight:400;color:var(--moss-muted);font-size:.8125rem}
.moss-home .payment-method-note{color:var(--moss-muted);font-size:.75rem}
.moss-home .pay-order{min-height:0;margin-bottom:var(--s5);gap:var(--s3)}
.moss-home .pay-key-field{margin-bottom:0}
.moss-home .pay-key-field input,.moss-home .pay-sel{min-height:48px;background:var(--moss-bg)}
.moss-home .pay-slot{display:block;min-height:0;margin-top:var(--s5)}
.moss-home .pay-slot>*{grid-area:auto}
.moss-home .pay-idle{display:grid;justify-items:center;gap:var(--s3);padding:var(--s7) var(--s4);border-top:1px solid var(--moss-rule);text-align:center;color:var(--moss-secondary)}
.moss-home .pay-idle-mark{display:grid;place-items:center;width:44px;height:44px;color:var(--moss-alipay);font-size:1.5rem}
.moss-home .pay-idle strong{font-size:.9375rem;font-weight:500}
.moss-home .pay-idle p{font-size:.8125rem;color:var(--moss-muted)}
.moss-home .pay-live{padding-top:var(--s5);border-top:1px solid var(--moss-rule);gap:var(--s4)}
.moss-home .pay-live-qr{width:max-content;max-width:100%;margin-inline:auto;padding:var(--s3);background:var(--moss-qr-paper);border-radius:var(--moss-radius);line-height:0}
.moss-home .pay-live-qr::after{content:none}
.moss-home .pay-section .payment-domestic .pay-live-qr :is(img,canvas,svg){display:block;width:240px;max-width:100%;height:auto;margin:0;mask-image:none;-webkit-mask-image:none;filter:none;opacity:1}
.moss-home .pay-live-amount{font-size:2rem;font-variant-numeric:tabular-nums;color:var(--moss-text)}
.moss-home .pay-live-amount{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}
.moss-home .pay-live-amount .pay-live-copy{font-size:.75rem;line-height:1.4}
.moss-home .pay-live-open{max-width:none;width:auto;min-width:208px}
.moss-home .pay-live-code{color:var(--moss-secondary);overflow-wrap:anywhere}
.moss-home .pay-live-copy{min-height:36px;min-width:44px;color:var(--moss-secondary)}
.moss-home .pay-done{padding:var(--s6) 0;border:0;border-top:1px solid var(--moss-rule);border-radius:0;background:none}
.moss-home .payment-steps{grid-template-columns:minmax(0,1fr);gap:var(--s5)!important;max-width:34em}
.moss-home .payment-caption{max-width:42em}
.moss-home :is(.payment-caption,.payment-help p) .text-link{display:inline;min-height:0;margin:0;font-size:inherit;white-space:normal;text-decoration:underline;text-decoration-color:var(--moss-rule-strong);text-underline-offset:.2em}
.moss-home .code-tabs{overflow-x:auto;gap:var(--s5)}
.moss-home .code-tabs button{white-space:nowrap}
.moss-home #start pre{white-space:pre;overflow-x:auto;overflow-wrap:normal;word-break:normal}
.moss-home #start pre code{white-space:pre;overflow-wrap:normal;word-break:normal}
.moss-home .footer-main{grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s5)}
.moss-home .footer-main>p{margin-left:0;padding:0}
.moss-home .footer-main .back-top{grid-row:auto;grid-column:auto;padding:0}
@media(min-width:60rem){
  .moss-home .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,7vw,12rem);min-block-size:clamp(34rem,65svh,56rem);padding-block:var(--s7) var(--s8)}
  .moss-home .gateway-brand img{width:82%;max-width:52rem}
  .moss-home .pay-section .payment-status{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--moss-column-gap)}
  .moss-home .start-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
}
@media(min-width:160rem){
  body.moss-home{--moss-nav-height:128px}
  .moss-home .hero-grid{min-block-size:48rem}
  .moss-home .hero-copy h1{font-size:clamp(7rem,4.2vw,10rem)}
}
@media(max-width:59.99rem){
  body.moss-home{--moss-nav-height:88px}
  .moss-home .start-layout,.moss-home .key-layout,.moss-home .support-layout{grid-template-columns:minmax(0,1fr)}
  .moss-home .code-workspace{min-width:0;width:100%}
  .moss-home .pay-section .payment-domestic{max-width:none;justify-self:stretch;margin:0}
  .moss-home .section{scroll-margin-top:var(--s6)}
}
@media(max-width:47.99rem){
  .moss-home .hero-grid{gap:var(--s7);padding-bottom:var(--s6)}
  .moss-home .hero-description{margin-top:var(--s4)}
  .moss-home .hero-actions{margin-top:var(--s5)}
  .moss-home .hero-footnote{margin-top:var(--s4)}
  .moss-home .gateway{width:100%}
  .moss-home .gateway-feed{height:var(--s5)}
  .moss-home .gateway-brand{padding-block:var(--s4)}
  .moss-home .gateway-endpoint{margin-top:var(--s4)}
  .moss-home .section-heading{gap:var(--s5)}
  .moss-home tbody td:first-child{white-space:normal;overflow:visible;text-overflow:clip}
  .moss-home tbody td:first-child code{display:block;max-width:100%;margin-bottom:var(--s2);overflow-wrap:anywhere}
  .moss-home .code-tabs{padding-inline:var(--s4);gap:var(--s4)}
  .moss-home [role=tabpanel]{padding:var(--s4)}
  .moss-home .footer-main{grid-template-columns:minmax(0,1fr) auto;gap:var(--s3)}
  .moss-home .footer-main>p{grid-row:2;grid-column:1/-1}
  .moss-home .footer-main .back-top{grid-column:2;grid-row:1}
}

.order-query-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:24px 0;padding-top:24px;border-top:1px solid var(--moss-rule-strong)}
.order-query-form label{display:grid;gap:8px;min-width:0}.order-query-form .fine-print{grid-column:1/-1;margin:0}
@media(max-width:30rem){.order-query-form{grid-template-columns:1fr}.order-query-form button{width:100%}}

.moss-home .order-query-form input{display:block;width:100%;min-width:0;min-height:48px;padding:.6rem .7rem;border:1px solid var(--moss-rule-strong);border-radius:.25rem;background:var(--moss-bg);color:var(--moss-text);font:inherit}
/* 领取区前置：保留原有蓝色与字体，已有 Key 的管理操作按需展开。 */
.moss-home .key-section{padding-block:var(--s7)}
.moss-home .key-section .key-layout{gap:var(--s6)}
.moss-home .key-section .key-intro{position:static}
.moss-home .key-section .key-intro h2{font-size:clamp(1.75rem,2.3vw,2.75rem);line-height:1.35}
.moss-home .key-section .key-intro > p:not(.eyebrow){margin-top:var(--s4)}
.moss-home .key-shortcuts{display:flex;flex-wrap:wrap;gap:0 var(--s5)}
.moss-home .key-shortcuts .text-link{margin-top:var(--s3)}
.moss-home .key-flow-note{padding-left:var(--s4);border-left:2px solid var(--moss-accent);overflow-wrap:anywhere}
.moss-home .key-section .form-heading{margin-bottom:var(--s4)}
.moss-home .key-section .key-form > .btn{margin-top:var(--s4)}
.moss-home .key-section .account-form{margin-top:var(--s5);padding-top:0}
.moss-home .account-form > summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:56px;padding-block:var(--s3);color:var(--moss-secondary);font-size:.875rem;cursor:pointer;list-style:none}
.moss-home .account-form > summary::-webkit-details-marker{display:none}
.moss-home .account-form > summary:hover,.moss-home .account-form > summary:active{color:var(--moss-text)}
.moss-home .account-form > summary:focus-visible{outline:2px solid var(--moss-accent);outline-offset:4px}
.moss-home .account-form[open] .account-toggle{transform:rotate(45deg)}
.moss-home .account-body{padding-block:var(--s3) var(--s4)}
.moss-home #key-continue{margin-top:var(--s4);max-width:100%;white-space:normal}
.moss-home .key-memory{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2) var(--s4);margin-top:var(--s3)}
.moss-home .key-memory-option{display:flex;align-items:center;gap:var(--s2);min-height:36px;font-size:.8125rem;color:var(--moss-secondary);cursor:pointer}
.moss-home .key-memory-option input[type=checkbox]{appearance:auto;width:16px;min-width:16px;height:16px;min-height:0;margin:0;padding:0;accent-color:var(--moss-accent)}
.moss-home .key-forget{min-height:36px;padding:0;border:0;background:none;color:var(--moss-muted);font-size:.8125rem;text-decoration:underline;text-underline-offset:.2em}
.moss-home .key-memory-status{flex-basis:100%;margin:0;color:var(--moss-muted);font-size:.75rem;line-height:1.6}
@media(min-width:60rem){
  .moss-home .key-section{padding-block:var(--s8)}
  .moss-home .key-section .key-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--moss-column-gap)}
}

/* Hallmark · Key 管理常显 · 沿用蓝色网格与字体；P5 H5 E4 S5 R5 V4。 */
.moss-home .key-section .key-layout{display:block}
.moss-home .key-section .key-intro{margin-bottom:var(--s6)}
.moss-home .key-section .key-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s7);width:100%;max-inline-size:none}
.moss-home .key-workspace > :is(.account-form,.key-form){min-width:0;margin:0;padding-top:var(--s5);border-top:1px solid var(--moss-rule-strong)}
.moss-home .key-workspace .account-body{padding:0}
.moss-home .key-workspace .form-heading h3{color:var(--moss-text);font-size:clamp(1.125rem,1.25vw,1.5rem);font-weight:500}
.moss-home .key-workspace .account-actions{gap:var(--s3);margin-top:var(--s5)}
.moss-home .key-workspace .key-memory-option{display:flex;min-height:44px}
.moss-home .key-memory .key-forget{min-height:44px}
.moss-home .account-recharge{margin-top:var(--s3)}
@media(min-width:60rem){
  .moss-home .key-section .key-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--moss-column-gap)}
}