:root{
  --canvas:#f4f7f7;--surface:#fcfefe;--surface-soft:#f3f9fe;--ink:#17242b;--muted:#60717a;
  --line:#d6e1e5;--line-strong:#b9ceda;--navy:#24445e;--blue:#4f9dde;--blue-dark:#327cb8;
  --blue-soft:#eaf5fd;--green:#2d7662;--green-soft:#e9f6f1;--red:#b54343;--red-soft:#faeceb;
  --shadow-sm:0 9px 26px rgba(51,91,120,.07);--shadow:0 28px 78px rgba(51,91,120,.12);
  --radius-sm:10px;--radius-lg:18px;--ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{min-height:100%;overflow-x:hidden;background:var(--canvas);scroll-behavior:smooth}
body{min-height:100%;margin:0;color:var(--ink);font-family:"Avenir Next","Segoe UI Variable","PingFang SC","Microsoft YaHei",sans-serif;background:var(--canvas);-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{white-space:nowrap}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}
button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(79,157,222,.28);outline-offset:3px}
.hidden{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.skip-link{position:fixed;z-index:100;top:-48px;left:16px;border-radius:8px;padding:10px 14px;background:var(--navy);color:#fff}.skip-link:focus{top:12px}

/* Card activation entry remains unchanged. */
.entry-view{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:28px}
.entry-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 20%,rgba(79,157,222,.13),transparent 31rem)}
.entry-atmosphere::before{position:absolute;inset:0;content:"";opacity:.7;background:radial-gradient(circle at 12% 18%,rgba(79,157,222,.09),transparent 24rem);mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.entry-atmosphere i{position:absolute;width:8px;height:8px;border:1px solid rgba(79,157,222,.3);transform:rotate(45deg)}.entry-atmosphere i:nth-child(1){top:18%;left:16%}.entry-atmosphere i:nth-child(2){right:17%;bottom:21%}.entry-atmosphere i:nth-child(3){top:29%;right:25%;width:5px;height:5px}
.entry-card{position:relative;width:min(100%,660px);border:1px solid rgba(184,200,222,.88);border-radius:var(--radius-lg);padding:34px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}
.entry-card::before{position:absolute;top:-1px;left:12%;width:76%;height:1px;content:"";background:linear-gradient(90deg,transparent,#fff,transparent)}
.entry-brand,.brand{display:flex;min-width:0;align-items:center;gap:12px}.entry-brand>span:last-child,.brand-copy{display:grid;min-width:0;gap:3px}.entry-brand strong,.brand-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-brand small,.brand-copy small{color:var(--muted)}
.entry-mark,.brand-mark{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;overflow:hidden;border:1px solid #b8d9f2;border-radius:12px;background:#eaf5fd;color:var(--blue-dark);font-size:18px;font-weight:850}.brand-mark img{width:100%;height:100%;object-fit:cover}
.entry-heading{margin-top:42px}.service-state{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;font-weight:750}.service-state i{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 5px rgba(16,185,129,.1)}
.entry-heading h1{max-width:14ch;margin:16px 0 10px;font-size:clamp(34px,7vw,52px);line-height:1.08;letter-spacing:-.045em}.entry-heading p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.entry-form{margin-top:30px}.entry-form>label{display:block;margin-bottom:9px;font-size:13px;font-weight:750}.entry-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.entry-input-row input{min-width:0;height:56px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:0 16px;background:#fbfdff;color:var(--ink);font-size:16px;outline:none;text-transform:uppercase}.entry-input-row input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(79,157,222,.11)}
.batch-check-entry{width:100%;margin-top:12px;text-decoration:none}.entry-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.entry-footer>span{color:#8a96a8;font-size:12px}
.button,.icon-button,.copy-button,.text-button,.qr-button{border:0;transition:transform 140ms var(--ease),border-color 180ms var(--ease),background-color 180ms var(--ease),box-shadow 180ms var(--ease),color 180ms var(--ease)}
.button:not(:disabled):active,.icon-button:not(:disabled):active,.copy-button:not(:disabled):active,.qr-button:not(:disabled):active{transform:translateY(1px) scale(.985)}
.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border-radius:var(--radius-sm);padding:0 18px;font-weight:760}.button.primary{background:var(--blue);color:#fff;box-shadow:0 9px 24px rgba(79,157,222,.2)}.button.secondary{border:1px solid var(--line-strong);background:#fff;color:var(--ink)}.button.quiet{border:1px solid var(--line);background:var(--surface);color:#24445e}.text-button{padding:3px 0;background:none;color:var(--blue-dark);font-weight:760;text-align:left}.icon-button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:#24445e;font-size:18px;font-weight:760}.copy-button{min-height:40px;border:1px solid #b9d9ef;border-radius:9px;padding:0 13px;background:#fff;color:var(--blue-dark);font-size:13px;font-weight:780}
.feedback{min-height:0;margin:12px 0 0;border:1px solid transparent;border-radius:10px;color:var(--red);font-size:13px;font-weight:700;line-height:1.55}.feedback:not(:empty){padding:11px 13px}.feedback.error{border-color:#efc2bd;background:var(--red-soft);color:var(--red)}.feedback.info{border-color:#c6daf5;background:var(--blue-soft);color:#245b9d}.feedback.success{border-color:#bce5d5;background:var(--green-soft);color:var(--green)}

/* Customer extraction workbench. Branding and feature switches remain data-driven. */
.workspace{--cw-canvas:#f4f7f7;--cw-surface:#fcfefe;--cw-primary:#4f9dde;--cw-primary-strong:#327cb8;--cw-code:#4f9dde;--cw-support:#eaf5fd;--cw-surface-soft:#f3f9fe;--cw-ink:#24445e;--cw-muted:#60717a;--cw-line:#d6e1e5;--cw-green:#2d7662;--cw-warm:#b87535;--cw-received-surface:#f3f9fe;--cw-received-line:#c7e0f2;--cw-received-code:#d92d20;--cw-width:1120px;min-width:0;min-height:100vh;padding:12px 0 48px;background:var(--cw-canvas);color:var(--cw-ink)}
.workspace-header{display:flex;width:min(calc(100% - 32px),var(--cw-width));min-height:62px;align-items:center;justify-content:space-between;gap:20px;margin:0 auto;border:1px solid var(--cw-line);border-radius:14px;padding:8px 10px 8px 14px;background:var(--cw-surface);box-shadow:0 12px 34px rgba(51,91,120,.07)}
.workspace-header .brand-mark{border-color:#b9d9ef;background:var(--cw-support);color:var(--cw-primary-strong)}.brand-copy strong{max-width:280px;color:var(--cw-ink);font-size:16px}.brand-copy small{max-width:320px;overflow:hidden;color:var(--cw-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.header-actions,.tutorial-prompt{display:flex;min-width:0;align-items:center;gap:10px}.tutorial-prompt{border-right:1px solid var(--cw-line);padding-right:12px}.tutorial-prompt>span{display:grid;gap:2px;text-align:right}.tutorial-prompt strong{color:var(--cw-ink);font-size:12px}.tutorial-prompt small{color:var(--cw-muted);font-size:11px}.tutorial-entry{min-height:44px;border:1px solid #b9d9ef;background:#f8fcff;color:var(--cw-primary-strong);box-shadow:none}
.workspace .button.quiet{border-color:var(--cw-line);background:var(--cw-surface);color:var(--cw-ink)}.workspace .button.primary{background:var(--cw-primary);box-shadow:0 9px 24px rgba(79,157,222,.2)}
.workspace-shell{width:min(calc(100% - 32px),var(--cw-width));margin:10px auto 0;border:1px solid var(--cw-line);border-radius:16px;padding:18px;background:var(--cw-surface);box-shadow:0 22px 62px rgba(51,91,120,.085)}
.guidance{position:relative;padding:0 8px 14px}.usage-alert{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid #efc2bd;border-radius:11px;padding:9px 12px;background:#fff0ee;color:#b42318;box-shadow:0 8px 22px rgba(180,35,24,.055)}.usage-alert-icon{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:9px;background:#b42318;color:#fff}.usage-alert-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.usage-alert-copy{display:grid;min-width:0;gap:2px}.usage-alert strong{color:#b42318;font-size:12px;line-height:1.45}.usage-alert p{margin:0;color:#8f2d24;font-size:11px;line-height:1.5}
.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 8px 14px;padding:0;list-style:none}.process-steps li{position:relative;display:grid;min-width:0;place-items:center;gap:6px;color:#73889a;font-size:11px;font-weight:730;text-align:center;transition:color 240ms var(--ease)}.process-steps li:not(:last-child)::after{position:absolute;z-index:0;top:16px;left:calc(50% + 22px);width:calc(100% - 44px);height:2px;border-radius:2px;background:#d9e8f3;content:"";transition:background 240ms var(--ease)}.process-steps b{position:relative;z-index:1;display:grid;width:34px;height:34px;place-items:center;border:1px solid #d6e6f1;border-radius:50%;background:#f3f9fe;color:#647b8d;font-size:12px;font-weight:800;box-shadow:0 0 0 5px var(--cw-surface);transition:border-color 240ms var(--ease),background 240ms var(--ease),color 240ms var(--ease),transform 240ms var(--ease)}.process-steps li.active,.process-steps li.done{color:var(--cw-primary-strong)}.process-steps li.active b,.process-steps li.done b{border-color:var(--cw-primary);background:var(--cw-primary);color:#fff}.process-steps li.active b{transform:scale(1.06)}.process-steps li.done:not(:last-child)::after{background:#a9d1ef}
.verification-stage{min-width:0;border-top:1px solid var(--cw-line);padding-top:14px}.verification-card{overflow:hidden;border:1px solid var(--cw-line);border-radius:14px;background:var(--cw-surface);box-shadow:0 12px 34px rgba(51,91,120,.055)}
.verification-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:0;padding:12px}.verification-grid::after{position:absolute;z-index:2;top:50%;left:50%;width:8px;height:12px;background:#9db5c6;clip-path:polygon(0 0,28% 0,100% 50%,28% 100%,0 100%,72% 50%);content:"";transform:translate(-60%,-50%)}.number-panel,.code-panel{min-width:0;min-height:292px}.number-panel{display:flex;flex-direction:column;border:1px solid var(--cw-line);border-right:0;border-radius:10px 0 0 10px;background:var(--cw-surface)}
.status-strip{display:flex;min-height:44px;align-items:center;border-radius:9px 0 0;padding:0 14px;background:var(--cw-surface);color:var(--cw-ink)}.status-badge{display:inline-flex;align-items:center;gap:8px;color:inherit;font-size:14px;font-weight:800}.status-badge i{width:8px;height:8px;border-radius:50%;background:#aabcc8;box-shadow:0 0 0 4px #eef7fd}.status-badge.waiting{color:var(--cw-primary-strong)}.status-badge.waiting i{background:var(--cw-primary);box-shadow:0 0 0 4px #e4f2fc}.status-badge.received{color:var(--cw-green)}.status-badge.received i{background:#70b49e;box-shadow:0 0 0 4px #e4f3ee}
.guide-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;margin:8px 10px 0;border:1px solid #c7e0f2;border-radius:9px;padding:9px 10px;background:var(--cw-support)}.guide-note-icon{display:grid;width:22px;height:22px;place-items:center;color:var(--cw-primary-strong)}.guide-note-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.guide-note strong{display:block;margin-bottom:3px;color:var(--cw-primary-strong);font-size:11px}.guide-note p{margin:1px 0;color:#527087;font-size:10px;line-height:1.4}
.number-block{display:grid;gap:6px;padding:12px 12px 8px}.number-label{color:var(--cw-muted);font-size:11px;font-weight:700}.number-block>strong{min-width:0;color:#10283e;font-size:clamp(28px,3.4vw,36px);font-weight:780;letter-spacing:.015em;line-height:1.05;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.number-block>p{min-height:16px;margin:0;color:var(--cw-muted);font-size:10px;line-height:1.45}
.number-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:auto;padding:0 10px 10px}.number-actions .button{width:100%;min-height:44px}.number-actions #getNumber{grid-column:1/-1}.number-actions #copyNumber{background:var(--cw-primary)}.number-actions #changeNumber{border-color:#b9d9ef;background:#fbfdff;color:var(--cw-primary-strong);font-variant-numeric:tabular-nums}
.code-panel{position:relative;display:flex;align-items:stretch;flex-direction:column;overflow:hidden;border:1px solid var(--cw-line);border-radius:0 10px 10px 0;padding:16px;background:var(--cw-surface);color:var(--cw-ink)}.code-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.code-heading span{color:var(--cw-ink);font-size:13px;font-weight:780}.code-heading small{color:var(--cw-muted);font-size:10px;text-align:right}.code-panel>strong{display:grid;min-height:88px;place-items:center;color:#9eb3c1;font-size:clamp(40px,6vw,54px);font-weight:720;letter-spacing:.16em;font-variant-numeric:tabular-nums}
.code-received-at{display:none;margin:-4px 0 12px;color:#547469;font-size:11px;font-weight:680;text-align:center;font-variant-numeric:tabular-nums}
.code-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}.code-actions .button{min-height:44px}.code-query{background:var(--cw-primary);color:#fff;box-shadow:0 9px 24px rgba(79,157,222,.2)}.code-copy{border:1px solid var(--cw-primary);background:var(--cw-primary);color:#fff}.code-panel .progress{height:3px;margin-top:12px;overflow:hidden;border-radius:3px;background:#dcebf6}.code-panel .progress span{display:block;width:0;height:100%;border-radius:inherit;background:var(--cw-primary)}.verification-card.is-waiting .progress span{width:30%;animation:poll 2.2s var(--ease) infinite}.verification-card.is-received .progress span{width:100%;background:#70b49e;animation:none}
.code-actions.is-single .code-query{grid-column:1/-1}
.verification-card.is-received .code-panel{border:1px solid var(--cw-received-line);background:var(--cw-received-surface);color:var(--cw-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.verification-card.is-received .code-heading span{color:#285f51}.verification-card.is-received .code-heading small{color:#547469}
.verification-card.is-received .code-panel>strong{min-height:126px;margin:16px 0 14px;border:1px solid #d8e8e2;border-radius:12px;background:#fff;color:var(--cw-received-code);box-shadow:0 12px 30px rgba(40,95,81,.08);font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.9)}
.verification-card.is-received .code-received-at{display:block}
.verification-card.is-received .code-query{display:none}.verification-card.is-received .code-actions{grid-template-columns:1fr;margin-top:0}.verification-card.is-received .code-copy{border-color:var(--cw-primary);background:var(--cw-primary);color:#fff;box-shadow:0 9px 24px rgba(79,157,222,.2)}
.verification-card.is-received .code-panel .progress{background:#d6e9e2}.verification-card.is-received .code-panel .progress span{background:#70b49e}
.status-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--cw-line);background:#f8f9f9}.status-ledger>div{display:flex;min-width:0;align-items:center;justify-content:center;gap:9px;padding:10px 14px}.status-ledger>div+div{border-left:1px solid var(--cw-line)}.status-ledger dt{display:flex;align-items:center;gap:6px;color:var(--cw-muted);font-size:11px}.status-ledger dd{margin:0;color:#3e5061;font-size:11px;font-weight:760;font-variant-numeric:tabular-nums}.status-ledger #numberExpiry{color:var(--cw-warm)}
.verification-card .feedback{margin:8px 12px 12px}.simple-help{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px;border:1px solid var(--cw-line);border-radius:10px;padding:9px 12px;background:#f1f4f6}.simple-help>div{display:grid;gap:1px}.simple-help strong{font-size:11px}.simple-help span{color:var(--cw-muted);font-size:10px}.simple-help .button{min-height:44px}

.aftercare{width:min(calc(100% - 32px),var(--cw-width));margin:16px auto 0;overflow:hidden;border:1px solid var(--cw-line);border-radius:18px;background:var(--cw-surface);box-shadow:0 20px 58px rgba(49,71,91,.08)}
.aftercare-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;background:#fff}.aftercare-header span,.section-heading>span,.remote-heading span{color:var(--cw-primary);font-size:11px;font-weight:780}.aftercare-header h2{margin:4px 0;font-size:21px}.aftercare-header p,.section-heading p{margin:0;color:var(--cw-muted);font-size:12px;line-height:1.6}
.manual-promo{display:flex;align-items:center;gap:9px;width:fit-content;max-width:100%;margin-top:11px;border:1px solid #efc2bd;border-radius:10px;padding:8px 11px;background:#fff0ee;color:#b42318}.manual-promo i{display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border-radius:7px;background:#b42318;color:#fff;font-size:13px;font-style:normal;font-weight:850}.manual-promo strong{font-size:16px;font-weight:850;line-height:1.35}.manual-promo strong.is-typing::after{display:inline-block;width:2px;height:1em;margin-left:3px;background:currentColor;content:"";vertical-align:-.12em;animation:manual-promo-caret 680ms step-end infinite}
.aftercare-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px;border-top:1px solid var(--cw-line);padding:12px;background:var(--cw-surface-soft)}.aftercare-body[hidden]{display:none}.aftercare-body[data-layout="contact"],.aftercare-body[data-layout="member"]{grid-template-columns:1fr}.aftercare-body[data-layout="contact"] .service-card,.aftercare-body[data-layout="member"] .service-card{grid-column:1}.service-card{min-width:0;border:1px solid #d6e6f1;border-radius:14px;background:#fff}.contact-column,.member-column{min-width:0;padding:17px}.section-heading h3{margin:5px 0 4px;font-size:18px}
.wechat-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px;border:1px solid var(--cw-line);border-radius:10px;padding:8px 9px 8px 12px;background:#f8fcff}.wechat-row>span{color:var(--cw-muted);font-size:11px}.wechat-row>strong{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.qr-button{display:grid;width:100%;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:14px;margin-top:9px;border:1px solid var(--cw-line);border-radius:10px;padding:8px;background:#fff;color:var(--cw-primary-strong);text-align:left}.qr-button img{width:82px;height:82px;border-radius:8px;object-fit:contain}.qr-button span{font-weight:760}
.member-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.member-top>span{display:inline-flex;border-radius:8px;padding:6px 9px;background:#f8efe5;color:#96602e;font-size:11px;font-weight:780}.member-top>div{text-align:right}.member-top small{display:block;color:var(--cw-muted)}.member-top strong{display:block;margin-top:3px;color:var(--cw-primary)}.member-top b{font-size:19px;font-variant-numeric:tabular-nums}.member-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:16px}.member-title h3{max-width:22ch;margin:0;font-size:18px;line-height:1.38}.member-title>strong{flex:0 0 auto;color:#a85f24;font-size:17px}.member-column>p{margin:7px 0 0;color:var(--cw-muted);font-size:12px;line-height:1.6}.member-facts{margin:11px 0 0}.member-facts>div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:10px;border-top:1px solid #e3eaf0;padding:8px 0}.member-facts dt{color:#425466;font-size:11px;font-weight:760}.member-facts dd{margin:0;color:var(--cw-muted);font-size:11px;line-height:1.5}
.remote-service{grid-column:1/-1;padding:15px 17px;background:#f8fcff}.remote-heading{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr);align-items:end;gap:18px}.remote-heading h3{margin:3px 0 0;font-size:16px}.remote-heading p{margin:0;color:var(--cw-muted);font-size:11px;line-height:1.55}.remote-service dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 0}.remote-service dl>div{min-width:0;padding:0 16px}.remote-service dl>div:first-child{padding-left:0}.remote-service dl>div+div{border-left:1px solid #dce5ed}.remote-service dt{color:#35526d;font-size:11px;font-weight:780}.remote-service dd{margin:4px 0 0;color:var(--cw-muted);font-size:11px;line-height:1.45}.remote-service>small{display:block;margin-top:11px;border-top:1px solid #dce5ed;padding-top:9px;color:var(--cw-muted);font-size:10px;line-height:1.5}
.member-faq{grid-column:1/-1;padding:0 15px}.member-faq details{border-bottom:1px solid #e1e8ee}.member-faq details:last-child{border-bottom:0}.member-faq summary,.faq-list summary{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;cursor:pointer;list-style:none;font-size:12px;font-weight:780}.member-faq summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.member-faq summary::after,.faq-list summary::after{content:"+";color:var(--cw-primary);font-size:18px}.member-faq details[open] summary::after,.faq-list details[open] summary::after{content:"−"}.member-faq details p{margin:0;padding:0 24px 13px 0;color:var(--cw-muted);font-size:12px;line-height:1.7}.member-faq details[open] p{animation:answer-in 220ms var(--ease) both}
.workspace[data-template="simple"] .workspace-header{width:min(calc(100% - 28px),1100px);justify-content:flex-end}.workspace[data-template="simple"] .brand{display:none}.workspace[data-template="simple"] .workspace-shell{width:min(calc(100% - 28px),1100px);max-width:none}.workspace[data-template="simple"] #aftercareCard{display:none!important}.workspace[data-template="simple"] .verification-stage{border-top:0;padding-top:0}

.modal{width:min(calc(100% - 28px),720px);max-height:88vh;border:0;border-radius:18px;padding:0;background:transparent;color:var(--ink)}.modal::backdrop{background:rgba(20,31,42,.52);backdrop-filter:blur(4px)}.modal-shell{overflow:auto;max-height:88vh;border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;box-shadow:0 28px 80px rgba(7,24,45,.25)}.modal-shell>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.modal-shell header span{color:#3e6f9e;font-size:12px;font-weight:780}.modal-shell header h2{margin:6px 0 0;font-size:24px}.modal-shell header p{margin:6px 0 0;color:var(--muted);font-size:13px}.video-shell video{display:block;width:100%;margin-top:20px;border-radius:12px;background:#07182d}.video-error{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;border:1px solid #efc2bd;border-radius:12px;padding:13px 15px;background:var(--red-soft);color:var(--red);font-size:13px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:last-child{border-bottom:0}.faq-list p{margin:0;padding:0 24px 17px 0;color:var(--muted);font-size:13px;line-height:1.75}.qr-modal{width:min(calc(100% - 28px),440px)}.qr-modal img{display:block;width:min(100%,330px);aspect-ratio:1;margin:20px auto 0;border:1px solid var(--line);border-radius:12px;object-fit:contain}
.modal.help-modal{width:min(100%,620px);max-height:100dvh;height:100dvh;margin:0 0 0 auto;border-radius:24px 0 0 24px}.help-modal .modal-shell{max-height:100dvh;height:100dvh;border:0;border-radius:24px 0 0 24px;padding:30px 28px;box-shadow:-30px 0 80px rgba(7,24,45,.22)}.help-modal .faq-list details[open]{margin:8px 0;border:0;border-radius:12px;padding:0 16px;background:#f3f6f8;box-shadow:inset 0 0 0 1px #d5dee6}
.toast-region{position:fixed;z-index:100;right:20px;bottom:20px;display:grid;gap:8px;pointer-events:none}.toast{min-width:220px;border:1px solid #bfd0e5;border-radius:11px;padding:12px 14px;background:#fff;color:#344054;box-shadow:var(--shadow-sm);font-size:13px;font-weight:720;animation:toast-in 260ms var(--ease) both}.toast.success{border-color:#a9ddc8;color:var(--green)}.toast.error{border-color:#efc2bd;color:var(--red)}
@media(hover:hover){.workspace .button.primary:hover{transform:translateY(-1px);background:var(--cw-primary-strong);box-shadow:0 10px 24px rgba(79,157,222,.24)}.workspace .button.quiet:hover,.workspace .button.secondary:hover,.tutorial-entry:hover{border-color:#9fc9e7;background:var(--cw-support)}.code-query:hover,.code-copy:hover{transform:translateY(-1px);background:var(--cw-primary-strong)}.qr-button:hover{border-color:#a9d1ef;background:#f8fcff}.member-faq summary:hover{color:var(--cw-primary)}}

.workspace.motion-ready .workspace-header{animation:rise 360ms var(--ease) both}.workspace.motion-ready .workspace-shell{animation:rise 420ms 50ms var(--ease) both}.workspace.motion-ready .aftercare{animation:rise 440ms 90ms var(--ease) both}.verification-card.state-change{animation:state-pulse 380ms var(--ease)}.value-change{animation:value-in 300ms var(--ease)}.status-badge.waiting i{animation:waiting-pulse 1.8s var(--ease) infinite}.modal[open]{animation:fade 200ms var(--ease) both}.modal[open] .modal-shell{animation:modal-in 280ms var(--ease) both}.help-modal[open] .modal-shell{animation:drawer-in 320ms var(--ease) both}
@keyframes rise{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@keyframes value-in{from{transform:translateY(5px);opacity:0}to{transform:none;opacity:1}}@keyframes state-pulse{0%{box-shadow:0 0 0 0 rgba(62,111,158,.16)}100%{box-shadow:0 0 0 12px transparent}}@keyframes waiting-pulse{0%,100%{opacity:.65;transform:scale(.88)}50%{opacity:1;transform:scale(1.08)}}@keyframes poll{from{transform:translateX(-120%)}to{transform:translateX(340%)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes modal-in{from{transform:translateY(10px) scale(.985);opacity:0}to{transform:none;opacity:1}}@keyframes drawer-in{from{transform:translateX(28px);opacity:0}to{transform:none;opacity:1}}@keyframes answer-in{from{transform:translateY(-3px);opacity:0}to{transform:none;opacity:1}}@keyframes toast-in{from{transform:translateY(7px);opacity:0}to{transform:none;opacity:1}}

/* Wide desktop: the workflow and all configured services share one viewport. */
@media(min-width:1260px) and (min-height:620px){
  .workspace{display:grid;grid-template-columns:minmax(700px,1.5fr) minmax(480px,1fr);grid-template-rows:auto auto;align-content:start;align-items:start;gap:10px 12px;padding:10px max(12px,calc((100vw - 2400px)/2)) 14px}
  .workspace-header{width:100%;min-height:58px;grid-row:1;grid-column:1/-1}
  .workspace-shell{width:100%;grid-row:2;grid-column:1;margin:0;padding:14px}
  .aftercare{width:100%;grid-row:2;grid-column:2;margin:0;border-radius:16px;box-shadow:0 16px 42px rgba(49,71,91,.08)}
  .guidance{padding-bottom:7px}.usage-alert{gap:8px;padding:6px 9px}.usage-alert-icon{width:26px;height:26px}.usage-alert-icon svg{width:16px;height:16px}.usage-alert-copy{display:flex;align-items:baseline;gap:3px 8px;flex-wrap:wrap}.usage-alert strong{font-size:10px}.usage-alert p{font-size:10px;line-height:1.35}.process-steps{margin:0 8px 7px}.process-steps li{gap:3px;font-size:10px}.process-steps li:not(:last-child)::after{top:12px;left:calc(50% + 18px);width:calc(100% - 36px)}.process-steps b{width:26px;height:26px;font-size:10px;box-shadow:0 0 0 4px var(--cw-surface)}.verification-stage{padding-top:7px}.verification-grid{gap:0;padding:9px}.number-panel,.code-panel{min-height:264px}
  .status-strip{min-height:40px;padding-inline:12px}.status-badge{font-size:12px}.guide-note{margin:6px 8px 0;padding:6px 8px}.guide-note strong{font-size:10px}.guide-note p{font-size:9px}
  .number-block{gap:4px;padding:9px 10px 6px}.number-label{font-size:10px}.number-block>strong{font-size:clamp(25px,2.45vw,33px)}.number-block>p{font-size:9px}.number-actions{padding:0 8px 8px}.number-actions .button{min-height:42px;padding-inline:10px;font-size:12px}
  .code-panel{padding:12px}.code-heading span{font-size:11px}.code-heading small{font-size:9px}.code-panel>strong{min-height:76px;font-size:clamp(36px,4.2vw,48px)}.code-actions .button{min-height:42px;font-size:11px}.code-panel .progress{margin-top:9px}
  .status-ledger>div{padding:8px 10px}.verification-card .feedback{margin:6px 9px 9px;font-size:10px}.feedback:not(:empty){padding:7px 9px}.simple-help{margin-top:6px;padding:6px 9px}.simple-help .button{min-height:40px;padding-inline:12px;font-size:11px}
  .aftercare-header{gap:10px;padding:10px 12px}.aftercare-header span{font-size:10px}.aftercare-header h2{margin:2px 0;font-size:15px}.aftercare-header p{font-size:10px}.aftercare-header .button{min-height:40px;padding-inline:12px;font-size:10px}
  .aftercare-body{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:7px;padding:7px}.service-card{border-radius:10px}.contact-column,.member-column{padding:9px}.section-heading>span,.remote-heading span{font-size:10px}.section-heading h3{margin:3px 0 2px;font-size:14px}.section-heading p{font-size:10px;line-height:1.35}
  .wechat-row{gap:6px;margin-top:7px;padding:5px 6px 5px 8px}.wechat-row>span{font-size:10px}.wechat-row>strong{font-size:10px}.wechat-row .button{min-height:38px;padding-inline:8px;font-size:10px}
  .qr-button{grid-template-columns:58px minmax(0,1fr);gap:8px;margin-top:6px;padding:6px;font-size:10px}.qr-button img{width:58px;height:58px}
  .member-top{gap:7px}.member-top>span{padding:4px 6px;font-size:10px}.member-top small{font-size:10px}.member-top b{font-size:14px}.member-title{gap:7px;margin-top:6px}.member-title h3{font-size:13px;line-height:1.2}.member-title>strong{font-size:12px}.member-column>p{margin-top:3px;font-size:10px;line-height:1.25}.member-facts{margin-top:4px}.member-facts>div{grid-template-columns:66px minmax(0,1fr);gap:5px;padding:3px 0}.member-facts dt,.member-facts dd{font-size:10px;line-height:1.2}
  .remote-service{padding:7px 9px}.remote-heading{grid-template-columns:minmax(110px,.6fr) minmax(0,1.4fr);gap:9px}.remote-heading h3{font-size:12px}.remote-heading p{font-size:10px;line-height:1.25}.remote-service dl{margin-top:6px}.remote-service dl>div{padding:0 8px}.remote-service dt,.remote-service dd{font-size:10px;line-height:1.2}.remote-service dd{margin-top:2px}.remote-service>small{margin-top:5px;padding-top:4px;font-size:10px;line-height:1.2}
  .member-faq{padding:0 9px}.member-faq summary{min-height:28px;padding:3px 0;font-size:10px}.member-faq summary::after{font-size:14px}.member-faq details p{padding:0 18px 5px 0;font-size:10px;line-height:1.3}
  .workspace[data-template="simple"]{display:flex;align-items:stretch;flex-direction:column;gap:10px;padding:10px max(12px,calc((100vw - 1680px)/2)) 14px}
  .workspace[data-template="simple"] .workspace-header,.workspace[data-template="simple"] .workspace-shell{width:100%;max-width:none;margin:0}
}

/* High-resolution desktop: preserve the same visual scale as Retina displays. */
@media(min-width:1800px) and (min-height:900px){
  .workspace{gap:14px 16px;padding-top:16px;padding-bottom:20px}
  .workspace-header{min-height:70px;padding:10px 14px 10px 16px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:13px}.tutorial-prompt strong{font-size:13px}.tutorial-prompt small{font-size:12px}.tutorial-entry{min-height:46px}
  .workspace-shell{padding:18px}.guidance{padding:0 8px 14px}.usage-alert{gap:11px;padding:10px 13px}.usage-alert-icon{width:32px;height:32px}.usage-alert strong{font-size:13px}.usage-alert p{font-size:12px}.process-steps{margin-bottom:14px}.verification-stage{padding-top:14px}.verification-grid{gap:0;padding:12px}.number-panel,.code-panel{min-height:320px}
  .status-strip{min-height:44px;padding-inline:14px}.status-badge{font-size:14px}.guide-note{margin:8px 10px 0;padding:8px 10px}.guide-note strong{font-size:11px}.guide-note p{font-size:10px}
  .number-block{gap:6px;padding:12px 12px 8px}.number-label{font-size:12px}.number-block>strong{font-size:clamp(36px,2.2vw,44px)}.number-block>p{font-size:11px}.number-actions{gap:8px;padding:0 10px 10px}.number-actions .button{min-height:46px;padding-inline:14px;font-size:13px}
  .code-panel{padding:16px}.code-heading span{font-size:13px}.code-heading small{font-size:11px}.code-panel>strong{min-height:92px;font-size:clamp(48px,3vw,58px)}.code-actions .button{min-height:46px;font-size:13px}.code-panel .progress{margin-top:12px}
  .verification-card.is-received .code-panel>strong{min-height:142px;margin:18px 0 16px}
  .status-ledger>div{padding:11px 14px}.status-ledger dt,.status-ledger dd{font-size:12px}.verification-card .feedback{margin:9px 12px 12px;font-size:12px}.feedback:not(:empty){padding:9px 11px}.simple-help{margin-top:8px;padding:9px 12px}.simple-help strong{font-size:12px}.simple-help span{font-size:11px}.simple-help .button{min-height:44px;padding-inline:14px;font-size:12px}
  .aftercare{border-radius:16px}.aftercare-header{gap:14px;padding:16px 18px}.aftercare-header span{font-size:11px}.aftercare-header h2{margin:3px 0;font-size:20px}.aftercare-header p{font-size:12px}.aftercare-header .button{min-height:44px;padding-inline:14px;font-size:12px}
  .aftercare-body{gap:10px;padding:10px}.service-card{border-radius:14px}.contact-column,.member-column{padding:15px}.section-heading>span,.remote-heading span{font-size:11px}.section-heading h3{margin:4px 0 3px;font-size:17px}.section-heading p{font-size:12px;line-height:1.5}
  .wechat-row{gap:9px;margin-top:12px;padding:8px 9px 8px 12px}.wechat-row>span{font-size:11px}.wechat-row>strong{font-size:12px}.wechat-row .button{min-height:42px;padding-inline:12px;font-size:11px}.qr-button{grid-template-columns:72px minmax(0,1fr);gap:12px;margin-top:9px;padding:8px;font-size:12px}.qr-button img{width:72px;height:72px}
  .member-top{gap:12px}.member-top>span{padding:5px 8px;font-size:11px}.member-top small{font-size:11px}.member-top b{font-size:18px}.member-title{gap:14px;margin-top:13px}.member-title h3{font-size:17px;line-height:1.3}.member-title>strong{font-size:16px}.member-column>p{margin-top:6px;font-size:12px;line-height:1.5}.member-facts{margin-top:9px}.member-facts>div{grid-template-columns:88px minmax(0,1fr);gap:8px;padding:7px 0}.member-facts dt,.member-facts dd{font-size:11px;line-height:1.4}
  .remote-service{padding:13px 15px}.remote-heading{grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr);gap:16px}.remote-heading h3{font-size:16px}.remote-heading p{font-size:12px;line-height:1.5}.remote-service dl{margin-top:11px}.remote-service dl>div{padding:0 14px}.remote-service dt{font-size:11px}.remote-service dd{margin-top:4px;font-size:11px;line-height:1.4}.remote-service>small{margin-top:10px;padding-top:8px;font-size:11px;line-height:1.4}
  .member-faq{padding:0 14px}.member-faq summary{min-height:42px;padding:9px 0;font-size:12px}.member-faq summary::after{font-size:17px}.member-faq details p{padding:0 22px 12px 0;font-size:12px;line-height:1.6}
}

@media(max-width:860px){.workspace{padding-top:10px}.workspace-header,.workspace-shell,.aftercare{width:min(calc(100% - 20px),var(--cw-width))}.workspace-header{align-items:flex-start;flex-direction:column;padding:10px}.header-actions{width:100%;justify-content:space-between}.tutorial-prompt{flex:1;justify-content:flex-start;border-right:0;padding-right:0}.tutorial-prompt>span{text-align:left}.verification-grid{grid-template-columns:1fr;gap:8px}.verification-grid::after{display:none}.number-panel,.code-panel{min-height:270px}.number-panel{border-right:1px solid var(--cw-line);border-radius:10px}.code-panel{border-radius:10px}.aftercare-body{grid-template-columns:1fr}.service-card{grid-column:1}.remote-heading{grid-template-columns:1fr}.remote-service dl{grid-template-columns:1fr}.remote-service dl>div{padding:10px 0}.remote-service dl>div+div{border-top:1px solid #dce5ed;border-left:0}}
@media(max-width:600px){
  .entry-view{padding:14px}.entry-card{padding:24px 20px}.entry-heading{margin-top:34px}.entry-heading h1{font-size:36px}.entry-input-row{grid-template-columns:1fr}.entry-input-row .button{min-height:54px}.entry-footer{align-items:flex-start;flex-direction:column}.entry-footer>span{order:-1}
  .workspace{padding:10px 0 28px}.workspace-header{border-radius:14px}.brand-copy{max-width:180px}.brand-copy small{display:none}.header-actions{align-items:stretch;flex-direction:column}.tutorial-prompt{width:100%;justify-content:space-between}.tutorial-prompt .button,.header-actions>#switchCard{min-height:44px}.header-actions>#switchCard{width:100%}
  .workspace-shell{margin-top:8px;border-radius:14px;padding:12px 10px}.guidance{padding:0 2px 12px}.usage-alert{align-items:start;gap:9px;padding:10px}.usage-alert-icon{width:28px;height:28px}.usage-alert strong{font-size:12px;line-height:1.5}.usage-alert p{font-size:11px;line-height:1.55}.process-steps{margin:0 2px 12px}.process-steps li{gap:4px;font-size:10px}.process-steps li:not(:last-child)::after{top:14px;left:calc(50% + 19px);width:calc(100% - 38px)}.process-steps b{width:30px;height:30px;font-size:11px;box-shadow:0 0 0 4px var(--cw-surface)}.verification-stage{padding-top:12px}.verification-grid{gap:8px;padding:8px}.number-panel,.code-panel{min-height:260px}.number-block>strong{font-size:clamp(28px,9vw,36px)}.number-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.number-actions #getNumber{grid-column:1/-1}.code-panel{padding:14px 12px}.code-heading{flex-direction:column}.code-heading small{text-align:left}.code-panel>strong{min-height:82px;font-size:clamp(38px,13vw,50px)}.code-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.status-ledger{grid-template-columns:1fr}.status-ledger>div{justify-content:space-between}.status-ledger>div+div{border-top:1px solid var(--cw-line);border-left:0}.verification-card .feedback{margin-inline:8px}.simple-help{align-items:stretch;flex-direction:column}.simple-help .button{width:100%}
  .aftercare{margin-top:10px}.aftercare-header{align-items:flex-start;flex-direction:column;padding:20px}.aftercare-header .button{width:100%}.manual-promo{align-items:flex-start}.manual-promo strong{font-size:15px}.contact-column,.member-column{padding:20px}.wechat-row{grid-template-columns:1fr auto}.wechat-row>span{grid-column:1/-1}.wechat-row>strong{text-align:left}.member-title{flex-direction:column}.modal-shell{padding:20px 16px}.modal.help-modal{width:100%;max-height:92dvh;height:92dvh;margin:auto 0 0;border-radius:24px 24px 0 0}.help-modal .modal-shell{max-height:92dvh;height:92dvh;border-radius:24px 24px 0 0;padding:24px 18px}.help-modal[open] .modal-shell{animation:sheet-in 320ms var(--ease) both}.toast-region{right:10px;bottom:10px;left:10px}.toast{min-width:0}
}
@media(max-width:390px){.brand-copy{max-width:132px}.tutorial-prompt{display:grid}.tutorial-prompt>span{text-align:left}.tutorial-prompt .button{width:100%}.wechat-row{grid-template-columns:1fr}.wechat-row .button{width:100%}.remote-service dl>div,.member-facts>div{grid-template-columns:1fr;gap:4px}}
@keyframes manual-promo-caret{50%{opacity:0}}
@keyframes sheet-in{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.verification-card.is-waiting .progress span{width:100%;animation:none}}