/* 清绿版 · 购买、收银台、取卡、查单、售后与兑换页。
   数值取自《硅基面包 GPT代充全流程-清绿版》设计稿；CSP 禁止内联样式，所以设计稿里的行内样式都落在这里。 */
:root{--cg-page:#f4f7f4;--cg-ink:#141a16;--cg-muted:#64726a;--cg-line:#e0e7e1;--cg-input-line:#dbe3dd;--cg-input:#f9fbf9;--cg-green:#07734a;--cg-green-hover:#0fa968;--cg-mint:#5fdda2;--cg-soft:#e9efea;--cg-soft-hover:#dde5df;--cg-info:#e0f6ea;--cg-dark2:#28322b;--cg-dark3:#1b221d;--cg-on-dark:#f5faf6;--cg-dark-muted:#8d9892;--cg-dark-link:#c6d1c9;--cg-dark-copy:#a8b3ab;--cg-disabled:#a5b0a9;--cg-warn-bg:#fdf1e3;--cg-warn:#8c4c16;--cg-warn-line:#f0d9c4;--cg-ok-line:#bfe6d1;--cg-ok-bg:#f2fbf6;--cg-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.cg{margin:0;min-height:100vh;background:var(--cg-page);color:var(--cg-ink);font:15px/1.55 "Noto Sans SC",system-ui,-apple-system,"PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}
.cg h1,.cg h2,.cg h3,.cg h4{font-family:"Noto Sans SC",system-ui,-apple-system,"PingFang SC",sans-serif;font-weight:900;letter-spacing:-.02em;line-height:1.28;margin:0}
.cg p,.cg dl,.cg dd,.cg figure{margin:0}
.cg a{color:var(--cg-green)}
.cg a:hover{color:var(--cg-green-hover)}
.cg input,.cg textarea,.cg select,.cg button{font-family:inherit;max-width:100%}
.cg button{cursor:pointer}
.cg input:focus-visible,.cg textarea:focus-visible{outline:2px solid var(--cg-green-hover);outline-offset:1px}
.cg button:focus-visible,.cg a:focus-visible,.cg summary:focus-visible{outline:2px solid var(--cg-green-hover);outline-offset:2px}
.cg [hidden],.cg .hidden{display:none!important}
.cg summary{list-style:none}
.cg summary::-webkit-details-marker{display:none}
.cg-i{flex:none;display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 顶栏 */
.cg-top{background:var(--cg-ink);padding:10px clamp(14px,3vw,24px);display:flex;align-items:center;gap:14px}
.cg-top.is-wide{gap:clamp(10px,3vw,28px)}
.cg-brand{display:flex;align-items:center;gap:9px;margin-right:auto;text-decoration:none;color:var(--cg-on-dark)!important;min-width:0}
.cg-brand .cg-logo{color:var(--cg-green-hover)}
.cg-brand-text{display:grid;line-height:1.2}
.cg-brand-name{font-weight:900;font-size:15px}
.cg-brand-sub{font-size:10.5px;color:var(--cg-dark-muted);font-family:var(--cg-mono)}
.cg-nav{display:flex;gap:18px;font-size:13.5px}
.cg-nav a{color:var(--cg-dark-link);text-decoration:none}
.cg-nav a:hover{color:var(--cg-on-dark)}
.cg-nav .is-active{color:var(--cg-on-dark);font-weight:700}
.cg-top-cta{flex:none;background:var(--cg-green);color:#fff!important;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none}
.cg-top-cta:hover{background:var(--cg-green-hover)}
.cg-top-label{font-size:12px;color:var(--cg-dark-muted);font-family:var(--cg-mono)}
.cg-top-link{display:inline-flex;align-items:center;gap:7px;color:var(--cg-dark-link)!important;text-decoration:none;font-size:13.5px}
.cg-top-link:hover{color:var(--cg-on-dark)!important}

/* 版心 */
.cg-wrap{max-width:1180px;min-width:0;margin:0 auto;padding:clamp(18px,2.4vw,30px) clamp(14px,3vw,24px)}
.cg-wrap.is-720{max-width:720px;padding:clamp(18px,2.4vw,32px) clamp(14px,3vw,24px)}
.cg-wrap.is-880{max-width:880px;padding:clamp(18px,2.4vw,32px) clamp(14px,3vw,24px)}
.cg-stack{display:grid;gap:clamp(12px,1.6vw,16px)}
.cg-notice{background:var(--cg-soft);border-radius:11px;padding:12px 14px;font-size:13.5px;line-height:1.7;color:var(--cg-muted)}
.cg-wrap>.cg-notice{margin-bottom:14px}
.cg-back{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;text-decoration:none;font-weight:700}
.cg-loading{padding:48px 0;text-align:center;color:var(--cg-muted);font-size:14px}

/* 卡片与文字 */
.cg-card{min-width:0;background:#fff;border:1px solid var(--cg-line);border-radius:18px;padding:clamp(20px,2.4vw,28px);display:grid;gap:14px;align-content:start}
.cg-card.is-checkout{padding:clamp(22px,2.6vw,32px)}
.cg-card.gap-15{gap:15px}
.cg-card.gap-16{gap:16px}
.cg-dark{min-width:0;background:var(--cg-ok-bg);border:1px solid var(--cg-ok-line);border-radius:18px;padding:clamp(18px,2.2vw,24px);display:grid;gap:12px;align-content:start}
.cg-dark h3{font-size:16px;color:var(--cg-ink)}
.cg-eyebrow{justify-self:start;font-size:11.5px;font-weight:700;color:var(--cg-muted);font-family:var(--cg-mono)}
.cg-tag{justify-self:start;background:var(--cg-green);color:#fff;font-size:11.5px;font-weight:900;padding:3px 12px;border-radius:6px;font-family:var(--cg-mono)}
.cg-card h1{font-size:clamp(22px,2.6vw,28px)}
.cg-card h1.is-checkout{font-size:clamp(23px,2.6vw,29px)}
.cg-card h1.is-handoff{font-size:clamp(24px,2.8vw,31px)}
.cg-card h1.is-detail{font-size:clamp(22px,2.6vw,29px)}
.cg-card h1.is-query{font-size:clamp(22px,2.5vw,27px)}
.cg-card h2{font-size:19px}
.cg-card h3{font-size:16px}
.cg-card h3.is-17{font-size:17px}
.cg-price{display:flex;align-items:baseline;gap:3px;font-family:var(--cg-mono);font-weight:700}
.cg-price small{font-size:18px}
.cg-price strong{font-size:38px;line-height:1.1;font-weight:700}
.cg-copy{font-size:14.5px;line-height:1.8;color:var(--cg-muted);text-wrap:pretty;white-space:pre-line}
.cg-copy.is-14{font-size:14px}
.cg-muted{font-size:13px;color:var(--cg-muted)}
.cg-muted.is-135{font-size:13.5px}
.cg-muted.is-14{font-size:14px}
.cg-rule{height:1px;background:var(--cg-line)}
.cg-rule.is-spaced{margin:4px 0}
.cg-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:10px;border-top:1px solid var(--cg-line);padding-top:14px}
.cg-benefits div{display:flex;gap:8px;align-items:center;font-size:13.5px;font-weight:700}
.cg-benefits .cg-i{color:var(--cg-green)}
.cg-steps{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--cg-line);border-radius:12px;padding:12px 14px}
.cg-steps b{width:30px;height:30px;flex:none;border-radius:9px;background:var(--cg-green);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;font-family:var(--cg-mono)}
.cg-steps strong{display:block;font-weight:700;font-size:14px;color:var(--cg-ink)}
.cg-steps small{display:block;font-size:12.5px;color:var(--cg-muted)}
.cg-link{justify-self:start;font-size:13.5px;font-weight:700}
.cg-mono-id{font-family:var(--cg-mono);font-size:12.5px;color:var(--cg-muted);word-break:break-all}

/* 下单页 */
.cg-buy{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr));gap:clamp(12px,1.6vw,16px);margin-top:14px;align-items:stretch}
.cg-buy-left{min-width:0;display:grid;grid-template-rows:auto 1fr;gap:clamp(12px,1.6vw,16px)}
.cg-card.is-product{gap:11px}
.cg-field{display:grid;gap:6px}
.cg-field>span{font-size:13.5px;font-weight:700}
.cg-input{width:100%;padding:11px 13px;border:1px solid var(--cg-input-line);border-radius:10px;background:var(--cg-input);font-size:14.5px;color:var(--cg-ink)}
.cg-input::placeholder{color:#8d9892}
.cg-channels{border:1px solid var(--cg-line);border-radius:12px;padding:14px;margin:0;display:grid;gap:9px;min-width:0}
.cg-channels legend{font-size:13.5px;font-weight:700;padding:0 6px}
.cg-channel{display:flex;align-items:center;gap:10px;background:var(--cg-input);border:1px solid var(--cg-input-line);border-radius:10px;padding:11px 13px;font-size:14.5px;font-weight:700;cursor:pointer}
.cg-channel:hover{border-color:var(--cg-green-hover)}
.cg-channel input{accent-color:var(--cg-green);width:17px;height:17px;margin:0;flex:none}
.cg-info{background:var(--cg-info);border-radius:12px;padding:13px 15px;font-size:13.5px;line-height:1.7;color:var(--cg-green);font-weight:700}
.cg-warn{background:var(--cg-warn-bg);border-radius:11px;padding:12px 13px;font-size:13px;line-height:1.7;color:var(--cg-warn);font-weight:700}
.cg-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid var(--cg-line);padding-top:14px}
.cg-total span{font-size:13.5px;color:var(--cg-muted)}
.cg-total strong{font-family:var(--cg-mono);font-size:26px}
.cg-form{display:grid;gap:14px}
.cg-error{background:var(--cg-warn-bg);border:1px solid var(--cg-warn-line);border-radius:11px;padding:12px 14px;font-size:13.5px;line-height:1.7;color:var(--cg-warn);font-weight:700}
.captcha-box{display:grid;gap:8px}

/* 按钮 */
.cg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;text-decoration:none!important;font-family:inherit;line-height:1.3}
.cg-btn-primary{background:var(--cg-green);color:#fff!important;font-weight:900}
.cg-btn-primary:hover{background:var(--cg-green-hover)}
.cg-btn-soft{background:var(--cg-soft);color:var(--cg-ink)!important;font-weight:700}
.cg-btn-soft:hover{background:var(--cg-soft-hover)}
.cg-btn:disabled,.cg-btn[aria-disabled=true]{background:var(--cg-soft);color:var(--cg-disabled)!important;cursor:not-allowed}
.cg-btn-block{display:flex;width:100%;padding:14px;font-size:15px}
.cg-btn-lg{padding:13px 24px;font-size:15px}
.cg-btn-md{padding:12px 22px;font-size:14.5px}
.cg-btn-soft.cg-btn-md{padding:12px 20px;font-size:14px}
.cg-btn-alipay{justify-self:start;padding:14px 26px;font-size:15.5px}
.cg-btn-query{justify-self:start;padding:13px 26px;font-size:15px}
.cg-btn-sm{padding:8px 14px;border-radius:8px;font-size:13px}
.cg-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cg-actions.is-start{justify-self:start}

/* 收银台 */
.cg-summary{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:12px;background:var(--cg-page);border-radius:12px;padding:14px 16px}
.cg-summary span{font-size:14.5px;font-weight:700;min-width:0}
.cg-summary strong{font-family:var(--cg-mono);font-size:22px;color:var(--cg-green);white-space:nowrap}
.cg-message{width:100%;background:var(--cg-info);border-radius:12px;padding:13px 15px;font-size:13.5px;font-weight:700;line-height:1.7;color:var(--cg-green)}
.cg-message.is-warn{background:var(--cg-warn-bg);color:var(--cg-warn)}
.cg-qr{width:100%;display:grid;place-items:center;padding:6px 0}
.cg-qr-frame{width:236px;height:236px;background:#fff;border:1px solid var(--cg-line);border-radius:14px;padding:12px;display:grid;place-items:center}
.cg-qr-frame svg{display:block;width:100%;height:100%}
.cg-qr-frame p{font-size:13px;color:var(--cg-muted);text-align:center}
.cg-timer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--cg-muted)}
.cg-timer span{font-family:var(--cg-mono);font-weight:700;color:var(--cg-ink)}
.cg-sim{background:var(--cg-ink);border-radius:18px;padding:22px;display:grid;gap:10px;align-content:start}
.cg-sim .cg-eyebrow{color:var(--cg-dark-muted)}
.cg-sim h3{font-size:17px;color:var(--cg-on-dark)}
.cg-sim p{font-size:13.5px;color:var(--cg-dark-copy);line-height:1.7}
.cg-sim p.is-small{font-size:12.5px;color:var(--cg-dark-muted)}
.cg-sim .cg-btn{justify-self:start;padding:11px 18px;font-size:13.5px}

/* 状态角标 */
.cg-pills{display:flex;flex-wrap:wrap;gap:8px}
.cg-pill{display:inline-block;background:var(--cg-info);color:var(--cg-green);font-size:12px;font-weight:700;padding:4px 11px;border-radius:6px;font-family:var(--cg-mono);white-space:nowrap}
.cg-pill.is-gray{background:var(--cg-soft);color:var(--cg-muted)}
.cg-pill.is-warn{background:var(--cg-warn-bg);color:var(--cg-warn)}

/* 卡密 */
.cg-code{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:var(--cg-ink);border-radius:12px;padding:15px 16px}
.cg-code-text{font-family:var(--cg-mono);font-size:clamp(15px,2vw,19px);font-weight:700;color:var(--cg-mint);letter-spacing:.06em;word-break:break-all;min-width:0;user-select:all}
.cg-code-copy{margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:var(--cg-dark2);color:var(--cg-on-dark);padding:9px 15px;border:0;border-radius:9px;font-size:13px;font-weight:700}
.cg-code-copy:hover{background:var(--cg-green)}
.cg-codes{display:grid;gap:10px}
.cg-codes .cg-code{padding:13px 15px}
.cg-codes .cg-code-text{font-size:15px;letter-spacing:0}
.cg-code-actions{margin-left:auto;display:flex;gap:8px}
.cg-code-actions .cg-code-copy{margin-left:0;padding:8px 13px;border-radius:8px;font-size:12.5px}
.cg-code-actions .cg-code-copy:hover{background:#3a463d}
.cg-code-go{background:var(--cg-green);color:#fff;padding:8px 14px;border:0;border-radius:8px;font-size:12.5px;font-weight:900}
.cg-code-go:hover{background:var(--cg-green-hover)}
.cg-handoff{display:flex;align-items:center;gap:14px;background:var(--cg-page);border-radius:12px;padding:15px 16px}
.cg-ring{flex:none;width:46px;height:46px;border-radius:999px;border:3px solid var(--cg-green-hover);display:grid;place-items:center;font-family:var(--cg-mono);font-weight:700;font-size:17px;color:var(--cg-green)}
.cg-handoff-title{font-weight:900;font-size:15px}
.cg-handoff p+p{font-size:13px;color:var(--cg-muted);margin-top:2px}

/* 客服 */
.cg-qr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr));gap:12px;max-width:420px}
.cg-qr-item{background:var(--cg-page);border-radius:14px;padding:12px;text-align:center}
.cg-qr-item div{aspect-ratio:1/1;border-radius:10px;background:#fff;display:grid;place-items:center;padding:10px;overflow:hidden}
.cg-qr-item img{display:block;width:100%;height:100%;object-fit:contain}
.cg-qr-item strong{display:block;font-weight:900;font-size:13.5px;margin-top:8px}
.cg-contact{background:var(--cg-ink);border-radius:18px;padding:22px;display:grid;gap:12px;align-content:start}
.cg-contact h3{font-size:17px;color:var(--cg-on-dark)}
.cg-contact p{font-size:13.5px;color:var(--cg-dark-copy)}
.cg-contact p.is-small{font-size:12.5px;color:var(--cg-dark-muted)}
.cg-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cg-contact-grid div{background:#fff;border-radius:12px;padding:10px;aspect-ratio:1/1;display:grid;place-items:center}
.cg-contact-grid img{display:block;width:100%;height:100%;object-fit:contain}

/* 查单 */
.cg-query-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px}
.cg-orders{display:grid;gap:12px}
.cg-order{border:1px solid var(--cg-line);border-radius:14px;padding:16px;display:grid;gap:12px}
.cg-order-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cg-order-head p{font-size:14.5px;font-weight:700}
.cg-order-head p strong{font-family:var(--cg-mono)}
.cg-order-head>div:first-child{min-width:0}
.cg-order-head>div:first-child>span{font-family:var(--cg-mono);font-size:12px;color:var(--cg-muted);word-break:break-all}
.cg-order-side{margin-left:auto;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.cg-order-side .cg-pill{font-size:11.5px;padding:4px 10px}
.cg-order .cg-code{border-radius:11px;padding:12px 14px}
.cg-order .cg-code-text{font-size:15px;letter-spacing:0}
.cg-order .cg-code-copy{padding:8px 13px;border-radius:8px;font-size:12.5px}
.cg-textarea{width:100%;min-height:112px;padding:13px 15px;border:1px solid var(--cg-input-line);border-radius:12px;background:var(--cg-input);font-size:13.5px;line-height:1.7;color:var(--cg-ink);resize:vertical}
.cg-notes{display:grid;gap:8px}
.cg-note{background:var(--cg-page);border-radius:11px;padding:11px 13px;font-size:13.5px;line-height:1.7}
.cg-note small{display:block;font-size:12px;color:var(--cg-muted);font-family:var(--cg-mono)}

/* 手机底栏 */
.cg-dock{display:none}

/* 提示条 */
#toast{position:fixed;left:50%;bottom:28px;z-index:300;transform:translate(-50%,20px);max-width:calc(100% - 32px);background:var(--cg-ink);color:var(--cg-on-dark);padding:11px 18px;border-radius:10px;font-size:14px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
#toast.visible{opacity:1;transform:translate(-50%,0)}
.cg dialog{border:0;border-radius:18px;padding:22px;max-width:min(440px,calc(100% - 32px))}
.cg dialog::backdrop{background:rgba(11,16,12,.86)}

/* ───── 兑换页 ───── */
.cg-redeem-hero{background-color:var(--cg-ink);border-radius:18px;padding:clamp(22px,2.8vw,34px);display:grid;gap:12px;position:relative;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:30px 30px}
.cg-hero-chip{justify-self:start;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--cg-dark2);color:var(--cg-mint);font-size:12px;font-weight:700;padding:6px 12px;border-radius:6px;font-family:var(--cg-mono)}
.cg-hero-chip i{width:7px;height:7px;border-radius:999px;background:var(--cg-green-hover)}
.cg-redeem-hero h1{font-size:clamp(26px,3.4vw,38px);color:var(--cg-on-dark)}
.cg-redeem-hero h1 span{color:var(--cg-mint)}
.cg-redeem-hero p{font-size:15px;color:var(--cg-dark-copy)}
.cg-trust{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:4px}
.cg-trust span{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--cg-dark-link)}
.cg-trust .cg-i{color:var(--cg-mint)}
.workspace{gap:16px}
.cg-tabs{display:flex;gap:8px;background:var(--cg-page);border-radius:12px;padding:5px}
.cg-tabs button{flex:1;text-align:center;background:transparent;border:0;color:var(--cg-muted);padding:10px;border-radius:9px;font-size:14px;font-weight:700}
.cg-tabs button[aria-selected=true]{background:var(--cg-ink);color:var(--cg-on-dark);font-weight:900}
.workspace .panel{display:grid;gap:16px;min-width:0}
#redeem-step-one,.session-section{display:grid;gap:16px;min-width:0}
.cg-step-head{display:grid;gap:6px}
.cg-step-head>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cg-step-head p{font-size:13.5px;color:var(--cg-muted)}
.cg-step-chip{background:var(--cg-info);color:var(--cg-green);font-size:12px;font-weight:900;padding:4px 10px;border-radius:6px;font-family:var(--cg-mono);white-space:nowrap}
#redeem-check-form .field{display:grid;gap:8px}
#redeem-check-form label{font-size:13.5px;font-weight:700}
.input-wrap{display:flex;flex-wrap:wrap;gap:10px}
#redeem-code{flex:1;min-width:220px;padding:13px 15px;border:1px solid var(--cg-input-line);border-radius:10px;background:var(--cg-input);font-size:15px;font-family:var(--cg-mono);color:var(--cg-ink)}
.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;font-family:inherit;text-decoration:none}
.button-primary{background:var(--cg-green);color:#fff!important;font-weight:900}
.button-primary:hover{background:var(--cg-green-hover)}
.button-secondary{background:var(--cg-soft);color:var(--cg-ink)!important;font-weight:700}
.button-secondary:hover{background:var(--cg-soft-hover)}
.button:disabled{cursor:not-allowed;opacity:.72}
#redeem-check-button{flex:none;padding:13px 24px;font-size:15px}
.button-wide{display:flex;width:100%;padding:14px;font-size:15.5px}
.spinner{display:none;width:15px;height:15px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:cg-spin .8s linear infinite}
.button.is-loading .spinner{display:inline-block}
@keyframes cg-spin{to{transform:rotate(360deg)}}
.product-card{border:1px solid var(--cg-ok-line);background:var(--cg-ok-bg);border-radius:14px;padding:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.product-name{font-weight:900;font-size:16px}
.product-caption{font-size:13px;color:var(--cg-muted);margin-top:3px}
.product-card .status-badge{margin-left:auto}
.alert{display:flex;align-items:flex-start;gap:8px;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.7;font-weight:700;background:var(--cg-soft);color:var(--cg-muted)}
.alert-icon{flex:none;width:16px;height:16px;margin-top:3px}
.alert-success{background:var(--cg-info);color:var(--cg-green)}
.alert-info{background:var(--cg-info);color:var(--cg-green)}
.alert-warning,.alert-danger{background:var(--cg-warn-bg);color:var(--cg-warn)}
#service-alert.alert-success,#service-alert.alert-neutral{background:none;padding:0;font-size:13px;font-weight:400;color:var(--cg-muted)}
#service-alert.alert-success .alert-icon,#service-alert.alert-neutral .alert-icon{display:none}
.guide{background:var(--cg-page);border-radius:14px;padding:4px 16px}
.guide summary{cursor:pointer;padding:14px 0;font-size:15px;font-weight:900;display:flex;justify-content:space-between;align-items:center;gap:12px}
.guide-plus{flex:none;transition:transform .2s;color:var(--cg-green);display:flex}
.guide[open] .guide-plus{transform:rotate(45deg)}
.guide-body{display:grid;gap:14px;padding:4px 0 18px}
.guide-step{display:flex;gap:12px}
.guide-num{flex:none;width:28px;height:28px;border-radius:8px;background:var(--cg-ink);color:var(--cg-mint);display:grid;place-items:center;font-weight:700;font-size:13px;font-family:var(--cg-mono)}
.guide-step>div{display:grid;gap:7px;min-width:0}
.guide-step strong{font-size:14.5px}
.guide-step p{font-size:13.5px;color:var(--cg-muted)}
.guide-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.guide-link{justify-self:start;background:var(--cg-green);color:#fff!important;padding:9px 16px;border-radius:9px;font-size:13.5px;font-weight:700;text-decoration:none}
.guide-link:hover{background:var(--cg-green-hover)}
.guide-actions>span{font-size:13px;color:var(--cg-muted)}
.cg kbd{font-family:var(--cg-mono);font-size:12.5px;background:#fff;border:1px solid var(--cg-input-line);border-bottom-width:2px;border-radius:6px;padding:4px 8px}
#activate-form{display:grid;gap:16px}
#activate-form .field{display:grid;gap:9px}
.session-field-heading{display:flex;align-items:center;gap:10px}
.session-field-heading label{font-size:14.5px;font-weight:700}
#session-info,#query-session{width:100%;min-height:132px;padding:13px 15px;border:1px solid var(--cg-input-line);border-radius:12px;background:var(--cg-input);font-size:13.5px;font-family:var(--cg-mono);line-height:1.7;color:var(--cg-ink);resize:vertical}
#query-session{min-height:112px}
.privacy-note{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--cg-muted)}
.privacy-note .cg-i{color:var(--cg-green);margin-top:2px}
.query-head{display:grid;gap:5px}
.query-head p{font-size:13.5px;color:var(--cg-muted)}
#query-form{display:grid;gap:16px}
#query-form .field{display:grid;gap:8px}
#query-form label{font-size:13.5px;font-weight:700}
/* 兑换结果回执：data-tone 由 redeem.js 按状态写入 */
.status-card{min-width:0;border-radius:18px;padding:22px;display:grid;gap:12px;align-content:start;background:#fff;border:1px solid var(--cg-line);outline:0}
.status-card[data-tone=warning],.status-card[data-tone=danger]{border-color:var(--cg-warn-line)}
.status-card[data-tone=success]{background:var(--cg-ink);border-color:var(--cg-ink)}
.status-top{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:12px}
.status-title{font-size:18px;font-weight:900;letter-spacing:-.02em;line-height:1.28}
.status-card[data-tone=success] .status-title{color:var(--cg-on-dark)}
.status-badge{display:inline-flex;align-items:center;gap:7px;background:var(--cg-soft);color:var(--cg-ink);font-size:12px;font-weight:900;padding:5px 11px;border-radius:6px;font-family:var(--cg-mono);white-space:nowrap}
.status-badge:before{content:"";width:14px;height:14px;flex:none;background:currentColor;-webkit-mask:var(--cg-icon) center/contain no-repeat;mask:var(--cg-icon) center/contain no-repeat;--cg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
.status-card[data-tone=success] .status-badge,.product-card .status-badge{background:var(--cg-green);color:#fff}
.status-card[data-tone=success] .status-badge:before,.product-card .status-badge:before{--cg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.status-card[data-tone=warning] .status-badge,.status-card[data-tone=danger] .status-badge{background:var(--cg-warn-bg);color:var(--cg-warn)}
.status-card[data-tone=warning] .status-badge:before,.status-card[data-tone=danger] .status-badge:before{--cg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E")}
.status-message{order:1;font-size:13.5px;color:var(--cg-muted);line-height:1.7}
.status-card[data-tone=success] .status-message{color:var(--cg-dark-copy)}
.status-grid{order:2;display:grid;gap:1px;background:var(--cg-line);border-radius:12px;overflow:hidden}
.status-item{display:flex;justify-content:space-between;gap:10px;background:var(--cg-input);padding:11px 13px;font-size:13.5px}
.status-item span{color:var(--cg-muted);flex:none}
.status-item strong{text-align:right;min-width:0;word-break:break-all}
.status-item[data-empty]{display:none}
.status-card[data-tone=success] .status-grid{background:var(--cg-dark2)}
.status-card[data-tone=success] .status-item{background:var(--cg-dark3)}
.status-card[data-tone=success] .status-item span{color:var(--cg-dark-muted)}
.status-card[data-tone=success] .status-item strong{color:var(--cg-on-dark)}
.status-card[data-tone=success] .status-item[data-field=state] strong{color:var(--cg-mint)}
.status-actions{order:3}
.status-actions .button{padding:11px 18px;font-size:13.5px;gap:8px}
.status-actions .button:before{content:"";width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3Cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3E%3Cpath d='M8 16H3v5'/%3E%3C/svg%3E") center/contain no-repeat}
/* 会员查询结果 */
#query-status-card{border-color:var(--cg-ok-line);background:var(--cg-ok-bg);border-radius:14px;padding:18px}
#query-status-card[data-tone=warning]{border-color:var(--cg-warn-line);background:#fff}
#query-status-card .status-top{flex-direction:row-reverse;justify-content:flex-end;flex-wrap:wrap;align-items:center;gap:10px}
#query-status-card .status-badge{background:var(--cg-green);color:#fff}
#query-status-card .status-badge:before{--cg-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
#query-status-card .status-badge.warning{background:var(--cg-warn-bg);color:var(--cg-warn)}
#query-status-card .status-grid{background:#d6e8dd}
#query-status-card .status-item{background:#fff}
.support-block{order:4;display:grid;gap:10px;border-top:1px solid var(--cg-dark2);padding-top:14px}
.support-title{font-size:15px;font-weight:900;color:var(--cg-on-dark)}
.support-copy,.support-note{font-size:13px;color:var(--cg-dark-copy)}
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,150px));gap:10px}
.support-qr{background:#fff;border-radius:12px;padding:10px;text-align:center;color:var(--cg-ink)}
.support-qr img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.support-qr figcaption{font-size:12.5px;font-weight:900;margin-top:6px}
.status-card:not([data-tone=success]) .support-block{border-color:var(--cg-line)}
.status-card:not([data-tone=success]) .support-title{color:var(--cg-ink)}
.status-card:not([data-tone=success]) .support-copy,.status-card:not([data-tone=success]) .support-note{color:var(--cg-muted)}
/* 确认弹窗 */
.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(11,16,12,.86);display:grid;place-items:center;padding:clamp(16px,5vw,60px)}
.modal{width:100%;max-width:440px;background:#fff;border-radius:18px;padding:clamp(22px,2.6vw,30px);display:grid;gap:14px}
.modal-mark{width:46px;height:46px;border-radius:12px;background:var(--cg-info);color:var(--cg-green);display:grid;place-items:center}
.modal h3{font-size:21px}
.modal-copy{font-size:14px;color:var(--cg-muted)}
.confirm-list{width:100%;display:grid;gap:1px;background:var(--cg-line);border-radius:12px;overflow:hidden}
.confirm-row{display:flex;justify-content:space-between;gap:12px;background:var(--cg-input);padding:13px 15px;font-size:14px}
.confirm-row dt{color:var(--cg-muted);flex:none}
.confirm-row dd{font-weight:700;text-align:right;min-width:0;word-break:break-all}
#confirm-email{font-family:var(--cg-mono);font-size:13px}
.modal-warning{background:var(--cg-warn-bg);border-radius:11px;padding:12px 13px;font-size:13px;line-height:1.7;color:var(--cg-warn);font-weight:700}
.modal-actions{width:100%;display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}
.modal-actions .button{flex:1;min-width:130px;padding:13px;font-size:14.5px}
.noscript{background:var(--cg-warn-bg);color:var(--cg-warn);border-radius:12px;padding:12px 14px;font-weight:700}

/* 手机：390 宽设计稿 */
@media (max-width:600px){
  .cg-top,.cg-top.is-wide{padding:9px 14px;gap:10px}
  .cg-brand .cg-logo{width:26px;height:26px}
  .cg-brand-name{font-size:14px}
  .cg-brand-sub,.cg-hide-m{display:none!important}
  .cg-nav{gap:14px;font-size:12.5px}
  .cg-top-cta{padding:7px 12px;font-size:12px}
  .cg-top-label{font-size:11px}
  .cg-top-link{font-size:12.5px}
  .cg-top-link .cg-i{display:none}
  .cg-wrap,.cg-wrap.is-720,.cg-wrap.is-880{padding:14px}
  .cg-stack{gap:12px}
  .cg-back{font-size:13px;gap:6px}
  .cg-buy{margin-top:12px;gap:12px}
  .cg-buy-left{grid-template-rows:auto;gap:12px}
  .cg-card{border-radius:16px;padding:16px;gap:13px}
  .cg-card.is-checkout{padding:18px;gap:12px}
  .cg-card.is-product{gap:9px}
  .cg-card.is-form{gap:12px}
  .cg-card h1,.cg-card h1.is-query,.cg-card h1.is-detail{font-size:21px}
  .cg-card h1.is-product{font-size:20px}
  .cg-card h1.is-checkout{font-size:22px}
  .cg-card h1.is-handoff{font-size:25px}
  .cg-card h2{font-size:16px}
  .cg-card h3,.cg-card h3.is-17{font-size:15px}
  .cg-tag{font-size:11px;padding:3px 10px}
  .cg-price small{font-size:16px}
  .cg-price strong{font-size:32px}
  .cg-copy{font-size:13px;line-height:1.75}
  .cg-benefits{grid-template-columns:1fr;gap:8px;padding-top:11px}
  .cg-benefits div{font-size:13px}
  .cg-buy-left>.cg-dark{display:none}
  .cg-field>span{font-size:13px}
  .cg-input{padding:12px 13px;font-size:15px}
  .cg-channels{border:0;padding:0;gap:8px}
  .cg-channels legend{padding:0;margin-bottom:8px;font-size:13px}
  .cg-channel{min-height:46px;padding:0 13px}
  .cg-channel input{width:18px;height:18px}
  .cg-info{border-radius:11px;padding:12px 13px;font-size:12.5px}
  .cg-total{padding-top:12px}
  .cg-total span{font-size:13px}
  .cg-total strong{font-size:22px}
  .cg-btn-block{min-height:48px;padding:0 14px;border-radius:11px}
  .cg-summary{border-radius:11px;padding:12px 14px;gap:10px}
  .cg-summary span{font-size:13.5px}
  .cg-summary strong{font-size:19px}
  .cg-mono-id{font-size:12px}
  .cg-message{border-radius:11px;padding:12px 13px;font-size:12.5px}
  .cg-qr{padding:0}
  .cg-qr-frame{width:202px;height:202px;padding:11px}
  .cg-timer{font-size:12.5px;gap:7px}
  .cg-card.is-checkout>.cg-actions,.cg-card.is-handoff>.cg-actions{display:grid;width:100%}
  .cg-card.is-checkout>.cg-actions .cg-btn,.cg-card.is-handoff>.cg-actions .cg-btn{width:100%;min-height:46px;padding:0 14px;border-radius:11px}
  .cg-btn-alipay{justify-self:stretch;min-height:48px;padding:0 14px}
  .cg-btn-query{justify-self:stretch;min-height:48px;padding:0 14px;border-radius:11px}
  .cg-pill{font-size:11.5px;padding:4px 10px}
  .cg-code{display:grid;justify-items:start;gap:11px;padding:14px}
  .cg-code-text{font-size:16px;letter-spacing:.05em}
  .cg-code-copy{margin-left:0;min-height:44px;padding:0 16px}
  .cg-codes .cg-code{justify-items:stretch;gap:9px;padding:13px}
  .cg-codes .cg-code-text{font-size:13.5px}
  .cg-code-actions{margin-left:0;display:flex;gap:8px}
  .cg-code-actions button{flex:1;min-height:42px}
  .cg-handoff{gap:12px;padding:13px 14px}
  .cg-ring{width:42px;height:42px;font-size:16px}
  .cg-handoff-title{font-size:14px}
  .cg-handoff p+p{font-size:12.5px}
  .cg-qr-grid{grid-template-columns:1fr 1fr;gap:10px}
  .cg-qr-item{border-radius:12px;padding:10px}
  .cg-qr-item div{border-radius:9px;padding:8px}
  .cg-qr-item strong{font-size:12.5px;margin-top:7px}
  .cg-order{border-radius:13px;padding:13px;gap:10px}
  .cg-order-head{display:grid}
  .cg-order-head p{font-size:13.5px}
  .cg-order-head>div:first-child>span{font-size:11.5px}
  .cg-order-side{margin-left:0;gap:6px}
  .cg-order-side .cg-pill{font-size:11px;padding:4px 9px}
  .cg-order-side .cg-btn{margin-left:auto;min-height:40px;padding:0 14px;font-size:12.5px}
  .cg-order .cg-code{border-radius:10px;padding:11px 12px;gap:9px}
  .cg-order .cg-code-text{font-size:13.5px}
  .cg-order .cg-code-copy{min-height:40px;padding:0 13px;font-size:12px}
  body.cg.has-dock{padding-bottom:64px}
  .has-dock .cg-dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:9px;align-items:center;background:var(--cg-ink);padding:9px 12px calc(9px + env(safe-area-inset-bottom))}
  .cg-dock a{flex:1;min-height:44px;display:grid;place-items:center;color:var(--cg-dark-link);text-decoration:none;font-size:13px}
  .cg-dock a.is-active{color:var(--cg-on-dark);font-weight:700}
  .cg-dock a.is-cta{flex:1.2;background:var(--cg-green);color:#fff;border-radius:9px;font-size:13.5px;font-weight:900}
  /* 兑换页 */
  .cg-redeem-hero{border-radius:16px;padding:20px;gap:10px;background-size:26px 26px}
  .cg-hero-chip{gap:7px;font-size:11px;padding:5px 10px}
  .cg-hero-chip i{width:6px;height:6px}
  .cg-redeem-hero h1{font-size:27px}
  .cg-redeem-hero p{font-size:13.5px}
  .cg-trust{display:grid;gap:7px;margin-top:2px}
  .cg-trust span{font-size:12.5px}
  .workspace{gap:13px}
  .workspace .panel,#redeem-step-one,.session-section,#activate-form,#query-form{gap:13px}
  .cg-tabs{gap:6px;border-radius:11px;padding:4px}
  .cg-tabs button{min-height:42px;padding:0 10px;font-size:13.5px}
  .cg-step-head>div{gap:9px}
  .cg-step-head h2{font-size:17px}
  .cg-step-chip{font-size:11.5px;padding:4px 9px}
  .cg-step-head p,.query-head p{font-size:12.5px}
  .input-wrap{display:grid}
  #redeem-code{min-width:0;width:100%;padding:13px;font-size:14.5px}
  #redeem-check-button{width:100%;min-height:48px;padding:0 14px;border-radius:11px}
  .product-card{border-radius:12px;padding:14px;gap:8px}
  .guide{border-radius:12px;padding:0 14px}
  .guide summary{font-size:14px}
  .guide-body{gap:12px;padding:0 0 14px}
  .guide-step{gap:10px}
  .guide-num{width:26px;height:26px;font-size:12px}
  .guide-step>div{gap:6px}
  .guide-step strong{font-size:13.5px}
  .guide-step p{font-size:12.5px}
  .guide-link{min-height:42px;display:inline-grid;place-items:center;padding:0 14px;font-size:13px}
  .guide-actions kbd,.guide-actions>span{display:none}
  .session-field-heading label{font-size:14px}
  #session-info{min-height:118px;padding:13px;border-radius:11px;font-size:13px}
  .privacy-note{gap:7px;font-size:12.5px}
  .button-wide{min-height:48px;padding:0 14px;font-size:15px;border-radius:11px}
  .status-card{border-radius:16px;padding:16px;gap:10px}
  .status-title{font-size:17px}
  .status-message{font-size:12.5px}
  .status-item{font-size:12.5px}
  .status-actions .button{min-height:44px;padding:0 16px;font-size:13px}
  .modal-backdrop{padding:16px}
  .modal{border-radius:14px;padding:16px;gap:11px}
  .modal-mark{width:40px;height:40px;border-radius:11px}
  .modal h3{font-size:18px}
  .modal-copy{font-size:13px}
  .confirm-row{padding:11px 13px;font-size:13px}
  #confirm-email{font-size:12px}
  .modal-actions{flex-wrap:nowrap;gap:9px}
  .modal-actions .button{min-width:0;min-height:46px;padding:0 10px;font-size:13.5px}
}
/* 兑换页第 2 步（设计稿 06）只保留提交账号卡片 */
.cg-stack:has(#session-section:not([hidden])) .cg-redeem-hero,.workspace:has(#session-section:not([hidden])) .cg-tabs{display:none}
.cg .help{font-size:13px;color:var(--cg-muted)}
.cg-form .cg-btn{justify-self:start}
.cg-form.is-query{gap:16px}
.cg-idrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
@media (max-width:600px){.cg-form .cg-btn-query{justify-self:stretch}}
/* 会员查询结果是浅绿底（设计稿 09），不沿用兑换「已完成」的深色字色 */
#query-status-card[data-tone] .status-title{color:var(--cg-ink)}
#query-status-card[data-tone] .status-message{color:var(--cg-muted)}
#query-status-card[data-tone] .status-item span{color:var(--cg-muted)}
#query-status-card[data-tone] .status-item strong{color:var(--cg-ink)}
#query-status-card[data-tone=warning] .status-grid{background:var(--cg-line)}
#query-status-card[data-tone=warning] .status-item{background:var(--cg-input)}
@media (max-width:600px){.cg-card.is-product>.cg-eyebrow{display:none}#query-status-card{padding:16px}}

/* 见 style.css 末尾同名规则：触屏下输入框字号必须 ≥16px，否则 iOS 聚焦时整页放大。 */
@media(pointer:coarse){.cg-input,.cg-textarea,#redeem-code,#session-info,#query-session{font-size:16px}}
/* Claude 兑换（2026-10-10）：充值方式切换、UID 提醒、确认清单、查询页的 GPT / Claude 切换与刷新订阅表单。 */
.channel-switch{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.channel-switch legend{padding:0;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--cg-muted)}
.channel-option{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--cg-line);border-radius:12px;padding:12px 14px;background:#fff;cursor:pointer}
.channel-option:has(input:checked){border-color:var(--cg-green);box-shadow:0 0 0 1px var(--cg-green) inset;background:var(--cg-info)}
.channel-option input{margin-top:4px;accent-color:var(--cg-green)}
.channel-option strong{display:block;font-size:14.5px}
.channel-option small{display:block;font-size:12.5px;color:var(--cg-muted)}
.channel-badge{font-style:normal;font-size:11px;font-weight:900;color:#fff;background:var(--cg-green);border-radius:5px;padding:1px 6px;margin-left:4px;vertical-align:1px}
.channel-warning{background:var(--cg-warn-bg);color:var(--cg-warn);border-radius:11px;padding:12px 14px;font-size:13px;line-height:1.7;font-weight:700}
#session-info.is-short,#refresh-session{min-height:80px}
#refresh-form{display:grid;gap:14px}
#refresh-form .field{display:grid;gap:8px}
#refresh-code{width:100%;padding:13px 15px;border:1px solid var(--cg-input-line);border-radius:10px;background:var(--cg-input);font-size:15px;font-family:var(--cg-mono);color:var(--cg-ink)}
#refresh-session{width:100%;padding:13px 15px;border:1px solid var(--cg-input-line);border-radius:12px;background:var(--cg-input);font-size:13.5px;font-family:var(--cg-mono);line-height:1.7;color:var(--cg-ink);resize:vertical}
.query-switch{display:inline-flex;gap:4px;padding:4px;border-radius:10px;background:var(--cg-soft);margin-bottom:16px}
.query-switch label{position:relative;cursor:pointer}
.query-switch input{position:absolute;opacity:0;inset:0;cursor:pointer}
.query-switch span{display:block;padding:7px 14px;border-radius:7px;font-size:13.5px;font-weight:700;color:var(--cg-muted)}
.query-switch input:checked+span{background:#fff;color:var(--cg-ink);box-shadow:0 1px 2px rgba(20,26,22,.08)}
.query-switch input:focus-visible+span{outline:2px solid var(--cg-green-hover);outline-offset:1px}
.confirm-checklist{background:var(--cg-warn-bg);border-radius:11px;padding:12px 14px;color:var(--cg-warn);font-size:13px;line-height:1.7;margin-bottom:14px}
.confirm-checklist-title{font-weight:900}
.confirm-checklist ul{margin:6px 0 8px;padding-left:1.2em}
.confirm-ack{display:flex;gap:8px;align-items:center;font-weight:700;cursor:pointer}
.confirm-ack input{accent-color:var(--cg-green)}
@media(max-width:600px){.channel-switch{grid-template-columns:minmax(0,1fr)}}
@media(pointer:coarse){#refresh-code,#refresh-session{font-size:16px}}

/* Claude 账号准备：按入口或卡密显示教程，兑换类型由卡密确定。 */
.credential-example{margin:12px 0 4px;border:1px solid #dce5df;border-radius:9px;overflow:hidden;background:#fff;font-size:12px}
.credential-example-path{padding:9px 11px;background:#eff3ef;font-size:11px;color:#52675b;overflow-wrap:anywhere}
.credential-example-row{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;padding:8px 11px;border-top:1px solid #e7ede8}
.credential-example-row.is-selected{background:#e8f3eb;color:#245b36}
.credential-example small{display:block;padding:9px 11px;font-size:11px;color:#66776d}
@media(max-width:600px){.credential-example-row{gap:8px}}

.credential-example code{white-space:normal;overflow-wrap:anywhere;font-size:11px}

/* 教程步骤沿同一条竖线展开。 */
.claude-help{margin:4px 0 20px;padding:0;border:0;border-radius:0;background:transparent}
.claude-help[hidden]{display:none!important}
.claude-help h2{font-size:17px;line-height:1.5;margin:0 0 6px;color:#263a2e}
.claude-help .guide{background:transparent;margin:0;padding:0;border:0;border-radius:0;overflow:visible}
.claude-help .guide summary{padding:8px 0 18px;font-size:14px}
.claude-help .guide-body{display:block;padding:0}
.claude-help .guide-step{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:0 0 26px;border:0;margin:0}
.claude-help .guide-step:not(:last-child)::before{content:"";position:absolute;left:13px;top:32px;bottom:4px;width:1px;background:#c8ded0}
.claude-help .guide-step:last-child{padding-bottom:0}
.claude-help .guide-num{position:relative;width:28px;height:28px;border-radius:50%;background:#e2f3e9;color:#08794f;font-weight:700}
.claude-help .guide-step>div{min-width:0}
.claude-help .guide-step strong{padding-top:2px}
.claude-help .guide-step p{line-height:1.75}
.claude-help .guide-step>div>.guide-link{display:inline-flex;margin-top:6px}
@media(max-width:600px){.claude-help{margin:0 0 12px}.claude-help .guide-step{gap:12px;padding-bottom:22px}}

.claude-help .guide-title{margin:0;padding:8px 0 18px;font-size:14px;font-weight:700}
#claude-uid-form-slot{margin-top:6px}
#claude-uid-form-slot .session-field-heading label{font-size:14px}
#claude-uid-form-slot #activate-form{display:grid;gap:14px}
#account-form-home:empty{display:none}

#account-notes{display:grid;gap:10px;font-size:13px;line-height:1.75;color:#66776d}
#account-notes[hidden]{display:none!important}
#account-notes p{margin:0}
#account-notes .channel-warning{margin:0;color:#9a4e17}
/* UID 表单只显示输入框，保留辅助技术可读的字段名称。 */
#claude-uid-form-slot .session-field-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#claude-uid-form-slot .privacy-note,#account-intro-home[hidden]{display:none!important}

.claude-help .guide-step:last-child>div{display:block}