/* Source 01: /assets/recharge-home-353bed18379124e5/unified-recharge.css */
:root {
    --bg: #f5f8fd;
    --surface: #ffffff;
    --surface-soft: #f8fbff;
    --text: #15213a;
    --muted: #69758c;
    --line: #e3eaf3;
    --primary: #2563eb;
    --primary-dark: #1749bd;
    --primary-soft: #eaf2ff;
    --accent: #2563eb;
    --accent-soft: #eaf2ff;
    --success: #16a36a;
    --shadow: 0 22px 60px rgba(28, 55, 100, 0.09);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-width: 320px;
    background:
        radial-gradient(circle at 12% 5%, rgba(37,99,235,.09), transparent 27%),
        radial-gradient(circle at 88% 26%, rgba(65,190,255,.08), transparent 24%),
        var(--bg);
    color: var(--text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased;
}

body[data-provider="claude"] { --accent: #d2643f; --accent-soft: #fff0e9; }
body[data-provider="card"] { --accent: #7158d9; --accent-soft: #f0edff; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible {
    outline: 3px solid rgba(37,99,235,.22);
    outline-offset: 3px;
}

.site-header {
    height: 72px;
    padding: 0 max(24px, calc((100vw - 1180px) / 2));
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 30;
    background: rgba(255,255,255,.88);
    border-bottom: 1px solid rgba(227,234,243,.9);
    backdrop-filter: blur(16px);
}

.brand { display:inline-flex; align-items:center; gap:10px; color:#122b62; text-decoration:none; }
.brand-mark { width:38px; height:38px; display:grid; place-items:center; border-radius:13px; background:linear-gradient(145deg,#1749bd 0%,#315ff4 58%,#20b7d8 120%); box-shadow:0 8px 22px rgba(37,99,235,.28); }
.brand-mark svg { width:27px; height:27px; fill:none; stroke:#fff; stroke-width:2.15; stroke-linecap:round; stroke-linejoin:round; }
.brand-mark circle { fill:#71ecff; stroke:#fff; stroke-width:1; }
.brand-word { font-size:20px; font-weight:900; letter-spacing:-.8px; }
.brand-word > span { margin-left:1px; color:#2874ee; }

.top-nav { display: flex; align-items: center; gap: 6px; }
.top-nav a, .top-nav button { border: 0; background: transparent; color: var(--muted); text-decoration: none; padding: 9px 13px; border-radius: 9px; cursor: pointer; font-size: 14px; font-weight: 700; }
.top-nav a:hover, .top-nav button:hover, .top-nav .active { color: var(--primary); background: var(--primary-soft); }

main { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.service-select-head { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; margin:24px 0 14px; padding:16px 20px; overflow:hidden; position:relative; border:1px solid rgba(205,218,238,.92); border-radius:18px; background:linear-gradient(110deg,rgba(255,255,255,.96),rgba(242,247,255,.92)); box-shadow:0 12px 32px rgba(32,62,110,.065); }
.service-select-head::after { content:""; width:180px; height:180px; position:absolute; right:110px; top:-120px; border-radius:50%; background:radial-gradient(circle,rgba(76,132,244,.12),transparent 68%); pointer-events:none; }
.select-heading-copy { min-width:0; display:flex; align-items:center; gap:14px; position:relative; z-index:1; }
.select-heading-mark { width:42px; height:42px; flex:0 0 auto; display:grid; place-items:center; border-radius:13px; background:linear-gradient(145deg,#397af6,#1749bd); box-shadow:0 8px 20px rgba(37,99,235,.22); }
.select-heading-mark svg { width:25px; height:25px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.select-heading-mark svg circle { fill:#73edff; stroke:#fff; stroke-width:.8; }
.select-heading-copy h1 { margin:0; color:#102046; font-size:22px; line-height:1.25; letter-spacing:-.65px; }
.select-heading-copy p { margin:5px 0 0; color:var(--muted); font-size:12px; }
.channel-availability { min-height:36px; display:flex; align-items:center; gap:9px; position:relative; z-index:1; padding:0 13px; border:1px solid #d8eee5; border-radius:20px; color:#187553; background:rgba(239,250,246,.88); font-size:11px; font-weight:750; white-space:nowrap; }
.channel-availability > i { width:7px; height:7px; border-radius:50%; background:#18a66b; box-shadow:0 0 0 5px rgba(24,166,107,.1); }
.channel-availability strong { color:#0a6948; font-size:13px; }

.product-switcher { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; margin: 0 0 20px; }
.product-card { min-height: 90px; display: flex; align-items: center; gap: 14px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.82); padding: 16px 18px; color: var(--text); text-align: left; cursor: pointer; transition: .22s ease; box-shadow: 0 7px 20px rgba(31,57,97,.035); }
.product-card:hover { transform: translateY(-2px); border-color: #b8cae6; box-shadow: 0 12px 28px rgba(31,57,97,.075); }
.product-card.active { border-color: var(--accent); background: var(--surface); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 11%, transparent), 0 15px 36px rgba(31,57,97,.09); }
body[data-provider="gpt"] .product-card[data-product="gpt"],
body[data-provider="claude"] .product-card[data-product="claude"],
body[data-provider="card"] .product-card[data-product="card"] { border-color:var(--accent); background:var(--surface); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent),0 15px 36px rgba(31,57,97,.09); }
.product-card.future { opacity: .76; cursor: not-allowed; }
.product-icon, .service-logo { width: 48px; height: 48px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 15px; font-weight: 900; font-size: 22px; }
.product-icon svg, .service-logo svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.product-icon img, .service-logo img { display:block; width:29px; height:29px; object-fit:contain; }
.icon-gpt { color:#0d0d0d; background:#fff; border:1px solid #dfe3e8; box-shadow:0 8px 18px rgba(15,23,42,.12); }
.icon-gpt img { width:30px; height:30px; }
.icon-claude { color:#191919; background:#d97757; box-shadow:0 8px 18px rgba(217,119,87,.27); }
.icon-claude img { width:28px; height:28px; }
.icon-card { color:#fff; background:linear-gradient(145deg,#8872ed,#5640bd); box-shadow:0 8px 18px rgba(113,88,217,.24); }
.icon-card .icon-spark { fill:rgba(255,255,255,.22); }
body[data-provider="gpt"] .service-logo { background:#fff; border:1px solid #dfe3e8; }
body[data-provider="claude"] .service-logo { background:#d97757; border:0; }
body[data-provider="card"] .service-logo { background:linear-gradient(145deg,#8872ed,#5640bd); border:0; }
.product-copy { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.product-copy strong { font-size: 16px; }
.product-copy small { color: var(--muted); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-state, .coming-badge { margin-left: auto; white-space: nowrap; font-size: 11px; font-weight: 800; padding: 6px 9px; border-radius: 20px; }
.product-state { color: #078153; background: #eaf9f3; }
.product-state i { display:inline-block; width:6px; height:6px; border-radius:50%; background:#16a36a; margin-right:5px; }
.coming-badge { color: #68758d; background: #edf1f7; }
.controlled-badge { margin-left:auto; white-space:nowrap; padding:6px 9px; border-radius:20px; color:#4b5565; background:#edf0f4; font-size:11px; font-weight:800; }

.workspace { display: grid; grid-template-columns: minmax(280px,.76fr) minmax(480px,1.34fr); gap: 20px; align-items: stretch; }
.workspace[hidden], .integrated-service[hidden] { display:none; }
.integrated-service { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:24px; align-items:center; min-height:480px; padding:46px; border:1px solid var(--line); border-radius:24px; background:var(--surface); box-shadow:var(--shadow); scroll-margin-top:90px; }
.integrated-copy h2 { margin:8px 0 14px; font-size:clamp(26px,3vw,38px); letter-spacing:-1.2px; }
.integrated-copy > p { max-width:650px; margin:0; color:var(--muted); font-size:14px; line-height:1.85; }
.integrated-copy ul { margin:24px 0; padding:0; display:grid; gap:12px; list-style:none; }
.integrated-copy li { position:relative; padding-left:26px; color:#40506a; font-size:13px; line-height:1.6; }
.integrated-copy li::before { content:'✓'; position:absolute; left:0; top:0; width:18px; height:18px; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--accent); font-size:10px; font-weight:900; }
.integrated-actions { display:flex; flex-wrap:wrap; gap:10px; }
.primary-link,.secondary-link { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 18px; border-radius:12px; text-decoration:none; font-size:13px; font-weight:850; }
.primary-link { border:0; color:#fff; background:var(--accent); box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 23%,transparent); }
.secondary-link { color:var(--accent); border:1px solid color-mix(in srgb,var(--accent) 30%,#dce3ee); background:var(--accent-soft); }
.button-link { font:inherit; cursor:pointer; }
.service-preview { min-height:330px; border-radius:24px; padding:24px; background:linear-gradient(155deg,#f8faff,#edf2fa); border:1px solid #dfe7f2; box-shadow:inset 0 1px 0 #fff,0 24px 50px rgba(31,50,84,.12); }
.card-preview { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.preview-top { position:absolute; align-self:stretch; margin-top:-270px; display:flex; gap:6px; }
.preview-top span { width:8px; height:8px; border-radius:50%; background:#cbd5e1; }
.preview-badge { padding:6px 9px; border-radius:8px; color:#6246c7; background:#ebe7ff; font-size:11px; font-weight:900; }
.card-preview strong { margin:13px 0 18px; font-size:25px; }
.preview-input { width:100%; height:54px; border:1px solid #cad4e3; border-radius:12px; background:#fff; }
.preview-button { width:100%; height:50px; margin-top:12px; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(135deg,#7357dc,#4d35ad); font-size:13px; font-weight:850; }
.card-preview small { align-self:center; margin-top:18px; color:#8995a9; }
.service-panel, .flow-card { border: 1px solid var(--line); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow); }
.service-panel { padding: 28px; display: flex; flex-direction: column; }
.service-heading { display: flex; align-items: center; gap: 14px; }
.service-heading small, .eyebrow { color: var(--accent); font-size: 11px; font-weight: 850; letter-spacing: 1px; text-transform: uppercase; }
.service-heading h2, .flow-head h2 { margin: 4px 0 0; font-size: 21px; letter-spacing: -.5px; }
.service-description { margin: 20px 0; color: var(--muted); line-height: 1.75; font-size: 14px; }
.service-status { display:flex; align-items:center; justify-content:space-between; gap:12px; padding: 13px 15px; border: 1px solid #cceede; border-radius: 13px; background: #f1fbf7; color: #0c7950; font-size: 12px; }
.service-status div { display:flex; align-items:center; gap:8px; }
.service-status > span { color:#568675; }
.pulse { width:8px; height:8px; border-radius:50%; background:var(--success); box-shadow:0 0 0 5px rgba(22,163,106,.11); }
.guide-list { margin: 24px 0; display: grid; gap: 18px; }
.guide-list > div { display:flex; gap:13px; align-items:flex-start; }
.guide-list > div > span { width:28px; height:28px; display:grid; place-items:center; flex:0 0 auto; border-radius:9px; color:var(--accent); background:var(--accent-soft); font-size:11px; font-weight:900; }
.guide-list p { margin:0; display:flex; flex-direction:column; gap:4px; }
.guide-list strong { font-size:13px; }
.guide-list small { color:var(--muted); font-size:12px; line-height:1.55; }
.guide-list a { width:max-content; display:inline-flex; align-items:center; gap:3px; margin-top:2px; color:var(--accent); font-size:11px; font-weight:850; text-decoration:none; }
.guide-list a:hover { text-decoration:underline; }
.guide-list a[hidden] { display:none; }
.guide-list a b { font-size:12px; }

.flow-card { overflow:hidden; }
.flow-head { min-height: 98px; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px 30px; border-bottom:1px solid var(--line); }
.query-shortcut { border:0; background:var(--accent-soft); color:var(--accent); padding:9px 12px; border-radius:10px; cursor:pointer; font-size:12px; font-weight:800; }
.query-shortcut span { margin-left:5px; }
.card-tool-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:14px 18px; border-bottom:1px solid var(--line); background:linear-gradient(180deg,#fbfcff 0%,#f7f8fd 100%); }
.card-tool-nav[hidden] { display:none; }
.card-tool-nav button { min-height:46px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid color-mix(in srgb,var(--accent) 24%,#dfe5ef); border-radius:12px; color:color-mix(in srgb,var(--accent) 82%,#24334d); background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--accent-soft) 48%,#fff) 100%); cursor:pointer; font-size:12px; font-weight:850; box-shadow:0 4px 12px rgba(37,51,78,.06); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease; }
.card-tool-nav button svg { width:17px; height:17px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.card-tool-nav button:hover { transform:translateY(-1px); color:var(--accent); border-color:color-mix(in srgb,var(--accent) 48%,#dfe5ef); background:var(--accent-soft); box-shadow:0 7px 17px color-mix(in srgb,var(--accent) 14%,transparent); }
.card-tool-nav button:focus-visible { outline:3px solid color-mix(in srgb,var(--accent) 22%,transparent); outline-offset:2px; }
.steps { list-style:none; display:grid; grid-template-columns:repeat(3,1fr); margin:0; padding:24px 30px 8px; }
.steps li { position:relative; display:flex; flex-direction:column; align-items:center; gap:7px; color:#9aa5b7; font-weight:700; }
.steps li:not(:last-child)::after { content:""; position:absolute; top:15px; left:calc(50% + 22px); right:calc(-50% + 22px); height:2px; background:#e6ebf2; }
.steps span { position:relative; z-index:2; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:#f2f5f9; border:2px solid #e0e6ef; font-size:12px; }
.steps small { font-size:11px; }
.steps .active { color:var(--accent); }
.steps .active span { color:#fff; background:var(--accent); border-color:var(--accent); box-shadow:0 0 0 5px var(--accent-soft); }

.form-area { padding: 25px 30px 28px; }
.flow-panel[hidden] { display: none; }
.form-area label, .dialog-card > label { display:block; margin-bottom:9px; color:#33415b; font-size:13px; font-weight:800; }
.input-shell { height:54px; display:flex; align-items:center; gap:11px; border:1px solid #cfd8e6; border-radius:13px; background:#fbfcfe; padding:0 15px; transition:.18s ease; }
.input-shell:focus-within { border-color:var(--accent); background:#fff; box-shadow:0 0 0 4px var(--accent-soft); }
.input-symbol { width:20px; height:20px; display:grid; place-items:center; flex:0 0 auto; color:#91a0b7; }
.input-symbol svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.input-shell input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:var(--text); font-size:15px; }
.input-shell input::placeholder, textarea::placeholder { color:#9ca8ba; }
.field-help { margin:9px 1px 0; color:#8a96aa; font-size:11px; line-height:1.55; }
.channel-switch-notice { min-height:58px; display:flex; align-items:center; gap:11px; margin-top:12px; padding:10px 12px; overflow:hidden; border:1px solid #dcd4ff; border-radius:13px; color:#45318e; background:linear-gradient(120deg,#f5f2ff 0%,#fbfaff 58%,#f0edff 100%); box-shadow:0 8px 22px rgba(94,69,190,.1); animation:channel-switch-in .42s cubic-bezier(.2,.8,.2,1) both; }
.channel-switch-notice[hidden] { display:none; }
.channel-switch-icon { width:36px; height:36px; display:grid; place-items:center; flex:0 0 auto; border-radius:11px; color:#fff; background:linear-gradient(145deg,#8872ed,#5640bd); box-shadow:0 7px 16px rgba(86,64,189,.24); }
.channel-switch-icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.channel-switch-copy { min-width:0; display:flex; flex:1; flex-direction:column; gap:3px; }
.channel-switch-copy strong { font-size:12px; line-height:1.35; }
.channel-switch-copy small { color:#75699e; font-size:10px; line-height:1.4; }
.channel-switch-check { width:22px; height:22px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:#fff; background:#21a772; font-size:12px; font-weight:900; box-shadow:0 0 0 5px rgba(33,167,114,.09); }
.product-card.auto-routed { animation:channel-card-pulse .7s cubic-bezier(.2,.8,.2,1) both; }
.input-shell.auto-routed { border-color:#7158d9; background:#fff; box-shadow:0 0 0 4px #f0edff,0 8px 22px rgba(86,64,189,.09); animation:channel-input-settle .55s ease both; }
@keyframes channel-switch-in { from { opacity:0; transform:translateY(-7px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes channel-card-pulse { 0%,100% { transform:none; } 45% { transform:translateY(-2px) scale(1.012); box-shadow:0 0 0 6px rgba(113,88,217,.12),0 17px 38px rgba(31,57,97,.12); } }
@keyframes channel-input-settle { 0% { transform:scale(.994); } 55% { transform:scale(1.006); } 100% { transform:none; } }
.token-plan-hint { margin:9px 0 0; padding:9px 11px; border:1px solid #d7e3f6; border-radius:10px; color:#31527e; background:#f3f7fd; font-size:11px; font-weight:700; line-height:1.5; }
.token-plan-hint[hidden] { display:none; }
.token-plan-hint[data-plan="free"] { color:#08774d; border-color:#c8eedc; background:#edfaf4; }
.token-plan-hint[data-plan="plus"], .token-plan-hint[data-plan="pro"] { color:#5a43c4; border-color:#ddd4ff; background:#f5f2ff; }
.account-textarea { width:100%; min-height:145px; resize:vertical; border:1px solid #cfd8e6; border-radius:13px; outline:0; padding:14px; color:var(--text); background:#fbfcfe; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; line-height:1.55; }
.account-textarea:focus { border-color:var(--accent); background:#fff; box-shadow:0 0 0 4px var(--accent-soft); }
.official-link { display:inline-flex; align-items:center; gap:5px; margin-top:13px; color:var(--accent); font-size:12px; font-weight:800; text-decoration:none; }
.official-link:hover { text-decoration:underline; }
.confirm-check { display:flex !important; align-items:flex-start; gap:9px; margin:17px 0 0 !important; padding:12px 13px; border:1px solid #f1d8a7; border-radius:11px; background:#fffaf0; color:#8c5d12 !important; cursor:pointer; line-height:1.45; }
.confirm-check[hidden] { display:none !important; }
.confirm-check input { width:17px; height:17px; margin:1px 0 0; accent-color:var(--accent); }
.card-precheck-summary { margin-top:0; padding:18px; border:1px solid #cbe9dc; border-radius:14px; background:#f2fbf7; }
.card-precheck-summary[hidden] { display:none; }
.precheck-title { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.precheck-title > div { display:flex; flex-direction:column; gap:4px; }
.precheck-title strong { color:#116847; font-size:13px; }
.precheck-title small { color:#638475; font-size:11px; }
.precheck-badge { flex:0 0 auto; padding:5px 9px; border-radius:999px; color:#08774d; background:#d9f4e7; font-size:10px; font-weight:850; }
.card-precheck-summary dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:15px 0 0; }
.card-precheck-summary dl div { min-width:0; padding:10px; border-radius:9px; background:#fff; }
.card-precheck-summary dt { color:#829088; font-size:10px; }
.card-precheck-summary dd { overflow:hidden; margin:5px 0 0; color:#244838; font-size:11px; font-weight:800; white-space:nowrap; text-overflow:ellipsis; }
.card-precheck-summary .precheck-plan-highlight { grid-column:1 / -1; padding:14px 15px; border:1px solid color-mix(in srgb,var(--accent) 26%,#d8def0); background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 72%,#fff),#fff); box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 8%,transparent); }
.precheck-plan-highlight dt { display:flex; align-items:center; justify-content:space-between; gap:10px; color:color-mix(in srgb,var(--accent) 72%,#33415b); font-size:11px; font-weight:850; }
.precheck-plan-highlight dt span { padding:4px 8px; border-radius:999px; color:#fff; background:var(--accent); font-size:9px; letter-spacing:.04em; }
.card-precheck-summary .precheck-plan-highlight dd { margin-top:8px; overflow:visible; color:var(--accent); font-size:21px; line-height:1.25; white-space:normal; text-overflow:clip; }
.precheck-safety-note { margin:11px 1px 0; color:#7b5d22; font-size:11px; font-weight:750; line-height:1.55; }
.primary-action { width:100%; min-height:52px; margin-top:22px; display:flex; align-items:center; justify-content:center; gap:10px; border:0; border-radius:13px; color:#fff; background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 78%,#102b66)); cursor:pointer; font-weight:850; box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 24%,transparent); transition:.2s ease; }
.primary-action:hover { transform:translateY(-1px); filter:brightness(1.04); }
.primary-action:disabled { cursor:not-allowed; transform:none; filter:none; opacity:.64; box-shadow:none; }
.primary-action b { font-size:18px; }
.secondary-action { min-height:48px; border:1px solid #d5ddea; border-radius:12px; background:#fff; color:#68758b; padding:0 18px; cursor:pointer; font-weight:800; }
.secondary-action:hover { color:var(--accent); border-color:var(--accent); background:var(--accent-soft); }
.step-actions { display:grid; grid-template-columns:auto 1fr; gap:10px; margin-top:22px; }
.step-actions .primary-action { margin-top:0; }
.form-message { display:none; margin-top:14px; padding:12px 14px; border-radius:10px; font-size:12px; line-height:1.5; }
.form-message.show { display:block; }
.form-message.info { color:#24509d; background:#edf4ff; border:1px solid #ccdcf7; }
.form-message.error { color:#b42332; background:#fff1f2; border:1px solid #ffd1d5; }
.form-message.success { color:#08774d; background:#edfaf4; border:1px solid #c8eedc; }
.result-panel { min-height:310px; display:grid; place-items:center; text-align:center; }
.result-state { width:100%; max-width:430px; }
.result-icon { width:66px; height:66px; margin:0 auto 17px; display:grid; place-items:center; border-radius:50%; background:var(--accent-soft); }
.result-icon span { width:26px; height:26px; border:3px solid color-mix(in srgb,var(--accent) 23%,transparent); border-top-color:var(--accent); border-radius:50%; animation:spin 1s linear infinite; }
.result-state h3 { margin:0 0 8px; font-size:22px; }
.result-state p { margin:0 auto; max-width:380px; color:var(--muted); font-size:13px; line-height:1.65; }
.progress-track { height:8px; margin-top:24px; overflow:hidden; border-radius:10px; background:#eaf0f7; }
.progress-track div { width:18%; height:100%; border-radius:10px; background:linear-gradient(90deg,var(--accent),#52b8ff); transition:width .55s ease; }
.result-state.success .result-icon { color:#fff; background:#18a56b; }
.result-state.success .result-icon::before { content:'✓'; font-size:28px; font-weight:900; }
.result-state.error .result-icon { color:#fff; background:#e24c5c; }
.result-state.error .result-icon::before { content:'!'; font-size:28px; font-weight:900; }
.result-state.success .result-icon span, .result-state.error .result-icon span { display:none; }
.result-state.success .progress-track, .result-state.error .progress-track { display:none; }
.result-state.pending .result-icon { color:#fff; background:#d99516; }
.result-state.pending .result-icon::before { content:'!'; font-size:28px; font-weight:900; }
.result-state.pending .result-icon span { display:none; }
.result-state.pending .progress-track { display:none; }
.restart-action { width:100%; margin-top:20px; }
@keyframes spin { to { transform:rotate(360deg); } }
.trust-row { display:flex; align-items:center; justify-content:center; gap:26px; padding:15px 20px; background:#f8fafc; border-top:1px solid var(--line); color:#78859a; font-size:11px; font-weight:700; }
.trust-row i { display:inline-grid; place-items:center; width:17px; height:17px; margin-right:4px; border-radius:50%; background:#e7f7f0; color:#0b8b5a; font-style:normal; }
.trust-row svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

.security-banner { display:flex; align-items:center; gap:15px; margin:20px 0 50px; padding:18px 22px; border:1px solid #d7e4f6; border-radius:18px; background:rgba(239,246,255,.75); }
.shield { width:38px; height:42px; display:grid; place-items:center; flex:0 0 auto; }
.shield svg { width:38px; height:42px; overflow:visible; }
.shield svg path:first-child { fill:var(--primary); stroke:none; }
.shield svg path:last-child { fill:none; stroke:#fff; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.security-banner strong { font-size:13px; }
.security-banner p { margin:4px 0 0; color:#61718a; font-size:12px; line-height:1.55; }

footer { width:min(1180px,calc(100% - 40px)); margin:0 auto; padding:20px 0 28px; display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); color:#8b97aa; font-size:11px; }

.query-dialog { width:min(620px,calc(100% - 28px)); border:0; border-radius:22px; padding:0; color:var(--text); box-shadow:0 30px 90px rgba(13,32,66,.28); }
.query-dialog::backdrop { background:rgba(15,27,49,.58); backdrop-filter:blur(4px); }
.dialog-card { padding:26px; }
.dialog-head { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:20px; }
.dialog-head h2 { margin:4px 0 0; font-size:21px; }
.dialog-close { width:36px; height:36px; border:0; border-radius:10px; background:#f2f5f9; color:#728097; cursor:pointer; font-size:25px; line-height:1; }
.query-product { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:5px; margin-bottom:20px; border-radius:12px; background:#f2f5f9; }
.query-product button { min-height:39px; border:0; border-radius:9px; background:transparent; color:#718097; cursor:pointer; font-size:12px; font-weight:800; }
.query-product button.active { color:var(--primary); background:#fff; box-shadow:0 3px 10px rgba(30,50,80,.08); }
.dialog-card textarea { width:100%; min-height:145px; resize:vertical; border:1px solid #cfd8e6; border-radius:13px; outline:0; padding:14px; color:var(--text); background:#fbfcfe; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:13px; line-height:1.6; }
.dialog-card textarea:focus { border-color:var(--primary); background:#fff; box-shadow:0 0 0 4px var(--primary-soft); }
.card-tool-dialog { width:min(720px,calc(100% - 28px)); }
.card-tool-dialog.billing-mode { width:min(940px,calc(100% - 28px)); }
.card-tool-dialog [hidden] { display:none !important; }
.card-tool-results { max-height:330px; overflow:auto; display:grid; gap:9px; margin-top:16px; }
.card-tool-results[hidden] { display:none; }
.card-tool-result { padding:13px 14px; border:1px solid var(--line); border-radius:11px; background:#fbfcfe; }
.card-tool-result-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.card-tool-result strong { display:block; overflow-wrap:anywhere; color:#2d3b52; font-size:12px; }
.card-tool-status { flex:0 0 auto; padding:4px 9px; border-radius:999px; font-size:10px; font-weight:850; }
.card-tool-status.success { color:#08774d; background:#e9f9f1; }
.card-tool-status.processing { color:#9a5b00; background:#fff5db; }
.card-tool-status.failed { color:#b42332; background:#fff0f1; }
.card-tool-status.neutral { color:#64748b; background:#edf1f6; }
.card-tool-result dl { display:grid; gap:7px; margin:10px 0 0; }
.card-tool-result dl div { display:grid; grid-template-columns:92px minmax(0,1fr); gap:10px; align-items:start; }
.card-tool-result dt { color:#8993a4; font-size:10px; }
.card-tool-result dd { margin:0; color:#42516a; font-size:11px; font-weight:700; line-height:1.55; overflow-wrap:anywhere; }
.card-order-result { border-color:#d8e3f3; background:#f8fbff; }
.card-order-result dl div { min-height:28px; padding-bottom:7px; border-bottom:1px solid #e5edf7; }
.card-order-result dl div:last-child { min-height:0; padding-bottom:0; border-bottom:0; }
.card-order-unmatched { border-color:#f1d9a7; background:#fffaf0; }
.card-order-unmatched dd { white-space:pre-wrap; }
.billing-mode .card-tool-results { max-height:min(62vh,590px); margin-top:0; }
.billing-result-view { display:grid; gap:14px; }
.billing-account-band { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:15px 17px; border:1px solid #dbe5f4; border-radius:14px; background:linear-gradient(135deg,#f8fbff,#f4f7fd); }
.billing-account-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:#fff; background:linear-gradient(145deg,#6f5bd5,#5140b7); font-size:13px; font-weight:900; box-shadow:0 7px 16px rgba(86,65,190,.2); }
.billing-account-copy { min-width:0; display:flex; flex-direction:column; gap:2px; }
.billing-account-copy span { color:#8b97aa; font-size:9px; font-weight:800; letter-spacing:.08em; }
.billing-account-copy strong { overflow:hidden; color:#263650; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.billing-account-copy small { color:#6e7d94; font-size:10px; }
.billing-reset-button { min-height:34px; padding:0 12px; border:1px solid #d5dfed; border-radius:9px; color:#596981; background:#fff; cursor:pointer; font-size:10px; font-weight:800; }
.billing-reset-button:hover { color:var(--accent); border-color:var(--accent); background:var(--accent-soft); }
.billing-notice { padding:11px 13px; border:1px solid #f0d8a8; border-radius:11px; color:#8b5d12; background:#fffaf0; font-size:11px; line-height:1.55; }
.billing-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.billing-fact { min-width:0; min-height:92px; display:flex; flex-direction:column; gap:6px; padding:14px; border:1px solid #e0e6ef; border-radius:12px; background:#fff; }
.billing-fact-wide { grid-column:span 4; min-height:74px; }
.billing-fact > span { color:#8b97aa; font-size:9px; font-weight:800; letter-spacing:.04em; }
.billing-fact > strong { overflow-wrap:anywhere; color:#283852; font-size:13px; }
.billing-fact > small { overflow-wrap:anywhere; color:#748299; font-size:10px; line-height:1.5; }
.billing-invoices { overflow:hidden; border:1px solid #e0e6ef; border-radius:14px; background:#fff; }
.billing-invoices-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 15px; border-bottom:1px solid #e8edf4; background:#fafbfd; }
.billing-invoices-head > div { display:flex; align-items:baseline; gap:8px; }
.billing-invoices-head span { color:#7b6ad4; font-size:8px; font-weight:900; letter-spacing:.12em; }
.billing-invoices-head h3 { margin:0; color:#2b3a53; font-size:13px; }
.billing-invoices-head > strong { color:#66758c; font-size:10px; }
.billing-table-wrap { overflow:auto; }
.billing-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.billing-table th { padding:10px 12px; color:#8b97aa; background:#fff; font-size:9px; font-weight:800; text-align:left; white-space:nowrap; }
.billing-table td { padding:11px 12px; border-top:1px solid #edf1f6; color:#53627a; font-size:10px; line-height:1.45; overflow-wrap:anywhere; }
.billing-table th:nth-child(1) { width:16%; }
.billing-table th:nth-child(2) { width:15%; }
.billing-table th:nth-child(3) { width:14%; }
.billing-table th:nth-child(4) { width:32%; }
.billing-table th:nth-child(5) { width:23%; }
.billing-amount { color:#263650 !important; font-weight:850; white-space:nowrap; }
.billing-invoice-status { display:inline-flex; padding:4px 7px; border-radius:999px; color:#596981; background:#edf1f6; font-size:9px; font-weight:850; white-space:nowrap; }
.billing-invoice-status.is-paid { color:#08774d; background:#e9f9f1; }
.billing-invoice-status.is-open { color:#9a5b00; background:#fff5db; }
.billing-invoice-status.is-void, .billing-invoice-status.is-uncollectible { color:#b42332; background:#fff0f1; }
.billing-files { display:flex; flex-wrap:wrap; gap:5px; }
.billing-files a { display:inline-flex; padding:4px 7px; border:1px solid #d6e0ef; border-radius:7px; color:#5b49bd; background:#f8f7ff; font-size:9px; font-weight:800; text-decoration:none; }
.billing-files a:hover { border-color:#8874df; background:#f0edff; }
.billing-files > span { color:#a0a9b8; font-size:9px; }
.billing-empty { padding:28px 16px; color:#7d899c; font-size:11px; text-align:center; }
.query-results { max-height:310px; overflow:auto; margin-top:18px; border:1px solid var(--line); border-radius:13px; background:#fff; }
.query-result-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; padding:12px 14px; border-bottom:1px solid #edf1f6; text-align:left; }
.query-result-item:last-child { border-bottom:0; }
.query-result-item code { overflow:hidden; color:#33415b; font-size:11px; white-space:nowrap; text-overflow:ellipsis; }
.card-query-result-copy { min-width:0; }
.card-query-result-copy code { display:block; }
.query-result-detail { display:block; overflow:hidden; margin-top:5px; color:#8490a3; font-size:10px; line-height:1.45; white-space:nowrap; text-overflow:ellipsis; }
.query-result-meta { display:flex; align-items:center; justify-content:flex-end; gap:7px; }
.query-result-item span { padding:4px 8px; border-radius:20px; font-size:10px; font-weight:850; }
.query-result-item .unused { color:#08774d; background:#e9f9f1; }
.query-result-item .used { color:#2459a7; background:#edf4ff; }
.query-result-item .success { color:#08774d; background:#e9f9f1; }
.query-result-item .processing { color:#9a5b00; background:#fff5db; }
.query-result-item .failed { color:#b42332; background:#fff0f1; }
.query-result-item .neutral { color:#64748b; background:#edf1f6; }
.query-result-item .replaced { color:#6d3bc0; background:#f2edff; }
.query-result-item .invalid { color:#b42332; background:#fff0f1; }
.query-exchange-button { min-height:28px; display:inline-flex; align-items:center; padding:0 9px; border:1px solid #b8cef4; border-radius:8px; color:#245fc5; background:#f1f6ff; text-decoration:none; font-size:10px; font-weight:850; }
.query-exchange-button:hover { border-color:#7da8f0; background:#e6efff; }

.card-complete-dialog { width:min(410px,calc(100% - 24px)); padding:0; border:0; border-radius:20px; color:var(--text); background:#fff; box-shadow:0 30px 90px rgba(15,32,64,.28); overflow:hidden; }
.card-complete-dialog::backdrop { background:rgba(13,25,46,.58); backdrop-filter:blur(4px); }
.card-complete-card { margin:0; }
.card-complete-body { padding:28px 24px 20px; text-align:center; }
.card-complete-icon { width:58px; height:58px; display:grid; place-items:center; margin:0 auto 12px; border-radius:50%; background:#e5efff; color:#2167f3; }
.card-complete-icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round; }
.card-complete-body h2 { margin:0; font-size:19px; letter-spacing:-.02em; }
.card-complete-body > p { margin:5px 0 19px; color:#78859a; font-size:12px; }
.card-complete-progress { height:5px; overflow:hidden; border-radius:8px; background:#e8edf5; }
.card-complete-progress i { display:block; width:100%; height:100%; border-radius:inherit; background:#2764f5; }
.card-complete-meta { display:flex; align-items:center; justify-content:space-between; margin:7px 0 14px; color:#6f7e94; font-size:11px; }
.card-complete-meta strong { color:#2764f5; font-size:11px; }
.card-complete-details { margin:0; overflow:hidden; border:1px solid #d8e3f3; border-radius:12px; background:#f8fbff; text-align:left; }
.card-complete-details div { display:grid; grid-template-columns:90px minmax(0,1fr); align-items:center; gap:12px; min-height:45px; padding:8px 13px; border-bottom:1px solid #e5edf7; }
.card-complete-details div:last-child { border-bottom:0; }
.card-complete-details dt { color:#718098; font-size:11px; }
.card-complete-details dd { min-width:0; margin:0; color:#25344a; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:11px; font-weight:800; text-align:right; overflow-wrap:anywhere; }
.card-complete-details .complete-voucher-row dd { white-space:normal; user-select:all; }
.card-complete-details .complete-status { color:#2764f5; }
.card-complete-copy { width:100%; min-height:43px; display:flex; align-items:center; justify-content:center; gap:7px; margin-top:10px; border:1px solid #cfdcf1; border-radius:10px; color:#23344d; background:#fff; cursor:pointer; font:inherit; font-size:12px; font-weight:800; }
.card-complete-copy:hover { border-color:#2764f5; color:#2764f5; background:#f6f9ff; }
.card-complete-copy.copied { border-color:#a8ddc5; color:#08774d; background:#f1fbf6; }
.card-complete-copy svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.card-complete-copy[hidden] { display:none; }
.card-complete-close { width:100%; min-height:53px; border:0; border-top:1px solid #e1e7f0; color:#2764f5; background:#fff; cursor:pointer; font:inherit; font-size:13px; font-weight:850; }
.card-complete-close:hover { background:#f7f9fd; }

@media (max-width: 900px) {
    .workspace { grid-template-columns:1fr; }
    .service-panel { display:grid; grid-template-columns:1fr 1fr; gap:18px 25px; }
    .service-description { margin:0; align-self:center; }
    .service-status { grid-column:1 / -1; }
    .guide-list { grid-column:1 / -1; grid-template-columns:repeat(3,1fr); margin:0; }
    .product-switcher { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .integrated-service { grid-template-columns:1fr; padding:30px; }
}

@media (max-width: 680px) {
    .site-header { height:62px; padding:0 14px; }
    .brand-word { font-size:17px; }
    .brand-mark { width:33px; height:33px; border-radius:11px; }
    .brand-mark svg { width:24px; height:24px; }
    .top-nav a { display:none; }
    .top-nav button { background:var(--primary-soft); color:var(--primary); }
    .top-nav .ios-exchange-nav { display:inline-flex; align-items:center; padding:8px 9px; color:var(--primary); background:var(--primary-soft); font-size:12px; }
    main, footer { width:calc(100% - 24px); }
    .service-select-head { min-height:76px; gap:12px; margin:14px 0 10px; padding:12px 13px; border-radius:15px; }
    .select-heading-copy { gap:10px; }
    .select-heading-mark { width:38px; height:38px; border-radius:12px; }
    .select-heading-copy h1 { font-size:19px; }
    .select-heading-copy p { margin-top:3px; font-size:10px; }
    .channel-availability { min-height:32px; padding:0 10px; font-size:10px; }
    .channel-availability span { font-size:0; }
    .channel-availability span strong { display:none; }
    .channel-availability span::after { content:"3 个可用"; font-size:10px; }
    .product-switcher { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:4px 0 8px; overflow:visible; }
    .product-card { min-width:0; min-height:100px; flex-direction:column; justify-content:center; gap:7px; padding:10px 5px; border-radius:15px; text-align:center; }
    .product-icon { width:40px; height:40px; border-radius:12px; }
    .product-icon svg { width:23px; height:23px; }
    .product-icon img, .icon-gpt img, .icon-claude img { width:25px; height:25px; }
    .product-copy { align-items:center; gap:0; }
    .product-copy strong { font-size:12px; line-height:1.3; text-wrap:balance; }
    .product-copy small, .product-state { display:none; }
    .workspace { gap:12px; }
    .flow-card { order:1; }
    .service-panel { order:2; }
    .service-panel, .flow-card { border-radius:18px; }
    .service-panel { display:block; padding:20px; }
    .service-description { margin:17px 0; }
    .guide-list { display:grid; grid-template-columns:1fr; gap:14px; margin:20px 0; }
    .flow-head { min-height:82px; padding:20px; }
    .flow-head h2 { font-size:18px; }
    .steps { padding:22px 14px 5px; }
    .form-area { padding:23px 20px 25px; }
    .step-actions { grid-template-columns:1fr; }
    .step-actions .secondary-action { order:2; }
    .trust-row { gap:10px; justify-content:space-around; padding:13px 8px; }
    .trust-row span { text-align:center; }
    .security-banner { align-items:flex-start; margin-bottom:35px; padding:16px; }
    footer { flex-direction:column; align-items:center; gap:6px; }
    .dialog-card { padding:20px; }
    .query-result-item { grid-template-columns:1fr; }
    .query-result-meta { justify-content:flex-start; }
    .integrated-service { min-height:0; padding:24px 20px; border-radius:18px; }
    .card-tool-nav { grid-template-columns:repeat(2,minmax(0,1fr)); padding:10px 12px; }
    .card-tool-dialog.billing-mode { width:min(720px,calc(100% - 16px)); }
    .billing-account-band { grid-template-columns:auto minmax(0,1fr); }
    .billing-reset-button { grid-column:1 / -1; width:100%; }
    .billing-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .billing-fact-wide { grid-column:span 2; }
    .billing-table, .billing-table tbody, .billing-table tr, .billing-table td { display:block; width:100%; }
    .billing-table thead { display:none; }
    .billing-table tr { padding:8px 12px; border-top:1px solid #edf1f6; }
    .billing-table tr:first-child { border-top:0; }
    .billing-table td { display:grid; grid-template-columns:72px minmax(0,1fr); gap:10px; padding:5px 0; border:0; }
    .billing-table td::before { content:attr(data-label); color:#909bad; font-size:9px; font-weight:800; }
    .card-precheck-summary dl { grid-template-columns:1fr; }
    .service-preview { min-height:280px; }
    .integrated-actions { display:grid; }
    .card-complete-dialog { width:min(390px,calc(100% - 20px)); border-radius:17px; }
    .card-complete-body { padding:24px 16px 17px; }
    .card-complete-details div { grid-template-columns:82px minmax(0,1fr); padding-inline:11px; }
}

@media (max-width: 360px) {
    body { min-width:0; }
    .product-switcher { gap:6px; }
    .product-card { min-height:94px; padding:9px 3px; }
    .product-copy strong { font-size:11px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; }
}

/* Account membership notice. Kept in this external stylesheet for CSP compatibility. */
#cardMemberNotice {
    position:fixed;
    inset:0;
    width:min(90vw,368px);
    max-width:calc(100vw - 24px);
    max-height:calc(100vh - 32px);
    margin:auto;
    padding:0;
    border:0;
    border-radius:20px;
    color:#18213a;
    background:#fff;
    box-shadow:0 28px 80px rgba(15,23,42,.26);
    overflow:hidden;
    box-sizing:border-box;
}
#cardMemberNotice::backdrop { background:rgba(15,23,42,.5); backdrop-filter:blur(4px); }
#cardMemberNotice .card-member-notice { position:relative; padding:23px 22px 21px; text-align:left; box-sizing:border-box; }
#cardMemberNotice .card-member-notice::before { content:""; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,#6d5dfc,#9277ff); }
#cardMemberNotice .card-member-notice-head { display:flex; align-items:center; gap:13px; }
#cardMemberNotice .card-member-notice-icon { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; border-radius:14px; color:#6754e8; background:linear-gradient(145deg,#f0edff,#e5e0ff); }
#cardMemberNotice .card-member-notice-icon svg { display:block; width:24px; height:24px; fill:none; stroke:currentColor; }
#cardMemberNotice .card-member-notice-copy { min-width:0; }
#cardMemberNotice .card-member-notice-kicker { display:block; margin-bottom:3px; color:#7868e7; font-size:12px; font-weight:750; letter-spacing:.04em; }
#cardMemberNotice .card-member-notice h3 { margin:0; color:#18213a; font-size:19px; line-height:1.35; }
#cardMemberNotice .card-member-notice p { margin:17px 0 0; padding:13px 14px; border:1px solid #e8e9f2; border-radius:12px; color:#526078; background:#f8f9fc; font-size:14px; line-height:1.6; }
#cardMemberNotice .card-member-notice-safe { display:flex; align-items:center; gap:7px; margin:12px 2px 0; color:#278560; font-size:13px; font-weight:700; }
#cardMemberNotice .card-member-notice-safe svg { display:block; width:16px; height:16px; flex:0 0 16px; fill:none; stroke:currentColor; }
#cardMemberNotice .card-member-notice button { width:100%; min-height:48px; margin-top:18px; padding:0 16px; border:0; border-radius:12px; color:#fff; background:linear-gradient(135deg,#6754e8,#765df1); box-shadow:0 9px 20px rgba(103,84,232,.22); cursor:pointer; font:inherit; font-size:15px; font-weight:750; transition:transform .15s ease,box-shadow .15s ease; }
#cardMemberNotice .card-member-notice button:hover { box-shadow:0 11px 24px rgba(103,84,232,.28); transform:translateY(-1px); }
#cardMemberNotice .card-member-notice button:focus-visible { outline:3px solid rgba(103,84,232,.25); outline-offset:3px; }

/* Verification countdown also has to remain external under the site's CSP. */
.verification-countdown { display:flex; flex-direction:column; align-items:center; gap:7px; width:100%; padding:12px 0 2px; text-align:center; }
.verification-countdown-title { display:block; color:#1d2740; font-size:16px; font-weight:750; line-height:1.45; }
.verification-countdown-copy { display:block; color:#66728a; font-size:13px; line-height:1.55; }
.verification-countdown-time { display:block; margin:4px 0; color:#6652d9; font-size:34px; font-weight:800; line-height:1.15; letter-spacing:.04em; font-variant-numeric:tabular-nums; }
.verification-countdown-note { display:block; color:#40506c; font-size:13px; line-height:1.55; }
.verification-countdown-safe { display:block; color:#24815d; font-size:12px; font-weight:700; line-height:1.45; }
.result-state .verification-countdown { padding:2px 0 0; }
.result-state .verification-countdown-title { display:none; }

@media (max-width: 420px) {
    #cardMemberNotice { width:calc(100vw - 24px); border-radius:18px; }
    #cardMemberNotice .card-member-notice { padding:21px 19px 19px; }
    #cardMemberNotice .card-member-notice h3 { font-size:18px; }
    .verification-countdown-time { font-size:30px; }
}


/* Source 02: /assets/recharge-home-353bed18379124e5/inventory-integrated-20260909v4.css */
/* Homepage selector presentation only. No form, payment or stock policy changes. */
.service-select-head {
    min-height:0;margin:25px 0 17px;padding:0 2px;border:0;border-radius:0;
    background:transparent;box-shadow:none;overflow:visible;
}
.service-select-head::before,.service-select-head::after {content:none;}
.service-select-head h1 {font-size:1.5rem;line-height:1.4;letter-spacing:-.035em;}
.service-select-head p {margin:5px 0 0;font-size:.8125rem;color:#737f94;}
.channel-availability {min-height:0;color:#79849a;border:0;background:none;gap:7px;padding:0;font-size:.75rem;font-weight:500;}
.channel-availability > i {background:#9ba2b7;width:5px;height:5px;box-shadow:none;}
.inventory-integrated.product-switcher {
    grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px;padding:0;
}
.inventory-integrated .product-card {
    --choice:#6a50cc;--choice-soft:#f0edfc;
    position:relative;min-width:0;min-height:166px;display:flex;flex-direction:column;
    align-items:stretch;justify-content:space-between;gap:19px;padding:20px;
    text-align:left;border:1px solid #dfe5ef;border-radius:20px;background:#fff;
    box-shadow:0 3px 12px rgba(29,43,72,.025);
    transition:border-color .18s,box-shadow .18s,transform .18s;
}
.inventory-integrated .product-card[data-product="claude"] {--choice:#a14f2d;--choice-soft:#fbf0ea;}
.inventory-integrated .product-card[data-product="gpt"] {--choice:#2764bd;--choice-soft:#edf3fd;}
.inventory-integrated .product-card[aria-pressed="true"] {
    background:#fff;border-color:var(--choice);
    box-shadow:0 0 0 1px var(--choice),0 8px 24px rgba(42,41,95,.07);
}
.inventory-integrated .product-card:hover {transform:translateY(-2px);border-color:var(--choice);}
.inventory-integrated .product-card:focus-visible {outline:3px solid var(--choice);outline-offset:4px;}
.inventory-integrated .product-card:disabled {cursor:wait;}
.product-main {display:flex;align-items:center;gap:13px;min-width:0;width:100%;}
.inventory-integrated .product-icon {width:46px;height:46px;flex:0 0 46px;border-radius:14px;box-shadow:none;}
.inventory-integrated .product-copy {align-items:flex-start;gap:3px;flex:1;}
.inventory-integrated .product-copy strong {font-size:1.0625rem;line-height:1.4;letter-spacing:-.02em;text-wrap:initial;color:#1b2540;}
.inventory-integrated .product-copy small {display:block;font-size:.75rem;line-height:1.4;color:#778298;max-width:100%;}
.product-choice {width:19px;height:19px;flex:0 0 19px;border:1.5px solid #d8deea;border-radius:50%;position:relative;}
[aria-pressed="true"] > .product-main .product-choice {border-color:var(--choice);background:var(--choice);}
[aria-pressed="true"] > .product-main .product-choice::after {
    content:"";position:absolute;left:5px;top:3px;width:6px;height:9px;
    border-right:1.7px solid #fff;border-bottom:1.7px solid #fff;transform:rotate(42deg);
}
.hy-stock-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0;width:100%;}
.hy-stock-triple {grid-template-columns:repeat(3,minmax(0,1fr));}
.hy-stock-single {grid-template-columns:1fr;}
.hy-stock-line {
    display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
    gap:4px;min-width:0;padding:9px 11px;border-radius:10px;background:#f5f7fb;line-height:1.45;
}
.hy-stock-line b {font-size:.75rem;font-weight:550;color:#6a768d;white-space:nowrap;}
.hy-stock-line [data-stock-state] {
    display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
    color:#7c879a;font-size:.875rem;font-weight:650;
}
.hy-stock-line [data-stock-state]::before {content:"";height:4px;width:4px;flex:0 0 4px;border-radius:50%;background:currentColor;opacity:.75;}
.hy-stock-line[data-state="in"] {background:var(--choice-soft);}
.hy-stock-line[data-state="in"] [data-stock-state] {color:var(--choice);}
.hy-stock-line[data-state="out"] [data-stock-state] {color:#717d91;}
@media(min-width:681px) and (max-width:1040px) {
    .inventory-integrated.product-switcher {gap:11px;}
    .inventory-integrated .product-card {padding:16px;}
    .product-main {gap:9px;}
    .inventory-integrated .product-icon {width:36px;height:36px;flex-basis:36px;border-radius:11px;}
    .inventory-integrated .product-copy strong {font-size:.9375rem;}
    .product-choice {width:15px;height:15px;flex-basis:15px;}
    [aria-pressed="true"] > .product-main .product-choice::after {left:3px;top:2px;width:5px;height:7px;}
    .hy-stock-list {gap:5px;}
    .hy-stock-line {padding:8px 7px;}
    .hy-stock-line [data-stock-state] {font-size:.8125rem;gap:4px;}
}
@media(min-width:681px) and (max-width:800px) {
    .hy-stock-triple {grid-template-columns:repeat(2,minmax(0,1fr));}
    .inventory-integrated .product-card {justify-content:flex-start;}
}
@media(max-width:680px) {
    .service-select-head {margin:19px 0 14px;padding:0 2px;gap:10px;}
    .service-select-head h1 {font-size:1.25rem;}
    .service-select-head p {font-size:.8125rem;margin-top:4px;}
    .channel-availability span {font-size:.75rem;}
    .channel-availability span::after {content:none;}
    .inventory-integrated.product-switcher {grid-template-columns:1fr;gap:11px;margin-bottom:20px;}
    .inventory-integrated .product-card {min-height:0;gap:12px;padding:15px;border-radius:17px;}
    .product-main {gap:11px;}
    .inventory-integrated .product-icon {width:39px;height:39px;flex-basis:39px;border-radius:12px;}
    .inventory-integrated .product-copy {gap:1px;}
    .inventory-integrated .product-copy strong {font-size:1rem;}
    .inventory-integrated .product-copy small {font-size:.75rem;}
    .hy-stock-list {gap:6px;}
    .hy-stock-line {flex-direction:row;align-items:center;justify-content:space-between;gap:5px;padding:8px 10px;}
    .hy-stock-line [data-stock-state] {font-size:.8125rem;gap:4px;}
    .hy-stock-triple .hy-stock-line {padding:8px 6px;gap:3px;}
    .hy-stock-triple .hy-stock-line [data-stock-state]::before {content:none;}
}
@media(max-width:370px) {
    .hy-stock-triple {grid-template-columns:repeat(2,minmax(0,1fr));}
    .hy-stock-triple .hy-stock-line {padding:8px 10px;}
    .channel-availability {gap:5px;}
}
@media(prefers-reduced-motion:reduce) {
    .inventory-integrated .product-card {transition:none;}
    .inventory-integrated .product-card:hover {transform:none;}
}


/* Source 03: /assets/recharge-home-353bed18379124e5/assets/inventory-colors-20260910.css */
/* Same semantic colors on all three stock displays. Color-only overrides. */
#homeInventory [data-stock-key][data-state="in"] {background:#eff6ff;color:#1d4ed8;}
#homeInventory [data-stock-key][data-state="out"] {background:#f1f5f9;color:#526071;}
#homeInventory [data-stock-key][data-state="unknown"] {background:#fff6e8;color:#9a5b16;}
#homeInventory [data-stock-key] [data-stock-state] {color:inherit;}
#homeInventory [data-stock-key] > b {color:#475569;}


/* Source 04: /assets/recharge-home-353bed18379124e5/plus-backup/ui.css */
.plus-fallback{box-sizing:border-box;width:100%;padding:18px;border:1px solid #d9e3f0;border-radius:16px;background:#f8faff;color:#25364d;font:15px/1.6 system-ui,sans-serif}.plus-fallback h3{margin:0 0 8px;font-size:18px}.plus-fallback p{margin:8px 0}.plus-fallback button{border:0;border-radius:10px;background:#2866d9;color:white;padding:12px 18px;font:inherit;cursor:pointer}.plus-fallback button:disabled{opacity:.6;cursor:default}.plus-fallback small{display:block;overflow-wrap:anywhere}.plus-fallback :focus-visible{outline:3px solid #7faaff;outline-offset:3px}
.plus-fallback{margin-top:18px;text-align:left;box-shadow:0 8px 28px #1a437509}.plus-fallback [hidden]{display:none!important}.plus-fallback *{box-sizing:border-box}.plus-fallback>button{width:100%;min-height:46px;background:linear-gradient(120deg,#2978e2,#445cce);font-weight:650}.pf-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;gap:5px;padding:0;margin:20px 0}.pf-steps li{border-top:3px solid #dce4ef;padding-top:8px;color:#66758b;font-size:12px;text-align:center}.pf-steps .is-current{border-color:#416fda;color:#204fa6;font-weight:700}.pf-steps .is-done{border-color:#a1b9ea}.pf-completion{background:#fff;border:1px solid #d5e3fb;border-radius:14px;padding:20px;margin:18px 0}.pf-completion h3{color:#2358b0;font-size:24px}.pf-completion dl{margin:18px 0}.pf-completion dl>div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:12px;border-top:1px solid #edf1f8;padding:10px 0}.pf-completion dt{color:#657690;font-size:13px}.pf-completion dd{margin:0;overflow-wrap:anywhere;font-weight:600}.pf-completion small{color:#7b879b;font-size:12px}.pf-standalone-link{display:block;margin-top:12px;color:#416bb5;font-size:13px;text-decoration:none}.pf-entry-slot{width:100%}@media(max-width:480px){.plus-fallback{padding:15px;font-size:14px}.pf-completion{padding:15px}.pf-completion dl>div{grid-template-columns:1fr;gap:3px}}@media(prefers-reduced-motion:reduce){.plus-fallback *{animation:none!important;scroll-behavior:auto!important}}
.step-order.pf-backup-active>.order-success,.step-order.pf-backup-active>.ui-card,.step-order.pf-backup-active>.ui-group-footer,.step-order.pf-backup-active>.automated-submit-status{display:none!important}.step-order.pf-backup-active .ui-alert-body>:not(.pf-entry-slot){display:none!important}.step-order .ui-alert-body:has(.pf-entry-slot){max-height:78vh;overflow-y:auto}.step-order .pf-entry-slot{margin-top:12px}
.plus-fallback.pf-completed>h3,.plus-fallback.pf-completed>p,.plus-fallback.pf-completed>button,.plus-fallback.pf-completed>.pf-steps{display:none!important}.plus-fallback.pf-completed{padding:0;background:#fff;border:0;box-shadow:none}.plus-fallback.pf-completed .pf-completion{margin:0 0 12px}


/* Source 05: /assets/recharge-home-353bed18379124e5/plus-backup/channel-selector.css */
.pf-channel-selector[hidden]{display:none!important}
.pf-channel-selector{margin:14px 0;padding:14px;border:1px solid #dce5f6;border-radius:14px;background:#f7f9fe;text-align:left}
.pf-channel-selector>p:first-child{margin:0 0 10px;color:#243451;font-size:14px;font-weight:650}
.pf-channel-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.pf-channel-options button{min-width:0;min-height:44px;padding:10px;border:1px solid #d8e0ef;border-radius:10px;background:#fff;color:#455675;font:inherit;font-weight:600;cursor:pointer}
.pf-channel-options button[aria-pressed=true]{border-color:#3a79ec;background:#edf4ff;color:#225fc0;box-shadow:0 0 0 1px #3a79ec}
.pf-channel-options button:disabled{color:#8590a5;background:#f1f3f8;cursor:not-allowed;box-shadow:none}
.pf-channel-options button:focus-visible{outline:3px solid #9fc0ff;outline-offset:2px}
.pf-channel-help{margin:10px 0 0;font-size:12px;line-height:1.65;color:#62718a}
.pf-dual-chong[hidden]{display:none!important}
.pf-dual-chong{margin:0 0 16px}
.pf-verify-channel{padding:9px 14px;border:1px solid #d8e0ef;border-radius:9px;color:#225fc0;background:#f5f8ff;font:inherit;cursor:pointer}
.pf-dual-backup-selected button[type=submit]{display:none!important}


/* Source 06: /assets/recharge-home-353bed18379124e5/assets/claude-retry-20260910.css */
.claude-retry-choice{display:flex;align-items:flex-start;gap:10px;text-align:left;margin:18px 0;padding:14px 15px;border:1px solid #dbe5f5;border-radius:12px;background:#f6f9ff;cursor:pointer;color:#1e293b;line-height:1.55}
.claude-retry-choice input[type=checkbox]{appearance:auto!important;width:18px!important;height:18px!important;flex:0 0 18px;margin:3px 0 0!important;accent-color:#2563eb;box-shadow:none!important;padding:0!important}
.claude-retry-choice strong{display:block;font-size:14px;font-weight:650}.claude-retry-choice small{display:block;margin-top:3px;font-size:12px;color:#526179;font-weight:400}
.claude-retry-panel{margin:18px 0 0;padding:17px;text-align:left;border:1px solid #dbe5f5;border-radius:14px;background:linear-gradient(135deg,#f7faff,#f9fafc);color:#334155;line-height:1.6}
.claude-retry-panel[hidden]{display:none!important}.cr-top{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:13px}.cr-round{font-size:14px;font-weight:700;color:#243b60}.cr-badge{font-size:12px;padding:3px 9px;border-radius:20px;background:#e8efff;color:#1d4ed8;white-space:nowrap}
.cr-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 12px;padding:0;list-style:none}.cr-stages li{font-size:12px;text-align:center;padding:7px 2px;color:#64748b;background:#eef2f7;border-radius:7px}.cr-stages li.active{background:#e3edff;color:#1d4ed8;font-weight:650}
.cr-detail{font-size:13px;margin:0;overflow-wrap:anywhere}.cr-foot{font-size:12px;color:#64748b;margin:8px 0 0}.cr-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.cr-actions button{font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:0;width:auto;flex:1;padding:9px 12px;border-radius:9px;border:1px solid #ccd9ed;color:#27456f;background:#fff;box-shadow:none;cursor:pointer}.cr-actions button[hidden]{display:none!important}.cr-actions button:disabled{opacity:.55;cursor:not-allowed}.cr-actions .cr-next{background:#2563eb;color:#fff;border-color:#2563eb}
.claude-retry-panel[data-state=waiting] .cr-badge{background:#fff3db;color:#8b550f}.claude-retry-panel[data-state=unknown] .cr-badge,.claude-retry-panel[data-state=review] .cr-badge{background:#fff3db;color:#8b550f}
@media(max-width:420px){.claude-retry-choice{padding:12px}.claude-retry-panel{padding:13px}.cr-top{gap:6px}.cr-actions button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.claude-retry-panel *{animation:none!important;transition:none!important}}


/* Source 07: /assets/recharge-home-353bed18379124e5/assets/legacy-layout-0-7c3daff53d812536.css */

    /* Keep each three-plan inventory group aligned without wrapping its last plan. */
    #homeInventory .hy-stock-triple {grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
    #homeInventory .hy-stock-triple .hy-stock-line {min-width:0;padding:8px 6px;}
    @media(min-width:681px) and (max-width:1040px) {
      #homeInventory .hy-stock-triple .hy-stock-line [data-stock-state] {font-size:12px;gap:3px;}
      #homeInventory .hy-stock-triple .hy-stock-line [data-stock-state]::before {content:none;}
    }
    @media(max-width:400px) {
      #homeInventory .hy-stock-triple .hy-stock-line {flex-direction:column;align-items:center;gap:3px;}
    }
    

/* Source 08: /assets/recharge-home-353bed18379124e5/assets/formal-core-1788d2316b92f864/resolution.css */
/* Functional states only; layout, colors, fonts and icons stay site-native. */
[data-resolution-action][hidden]{display:none!important}
[data-resolution-action="primary"]:disabled{filter:grayscale(1);opacity:.55;cursor:wait}


/* Source 09: /assets/recharge-home-353bed18379124e5/inventory-layout-20260928.css */
/* Homepage inventory layout only; no stock state or recharge behaviour changes. */
#homeInventory .product-card {
    min-height: 0;
    justify-content: flex-start;
    gap: 16px;
}

#homeInventory .hy-stock-list {
    align-content: start;
}

/* All three desktop channels use one stock row beneath the heading. */
@media (min-width: 1050px) {
    #homeInventory .hy-stock-list:not(.hy-stock-triple):not(.hy-stock-single) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
    }

    #homeInventory .hy-stock-line {
        padding: 8px 6px;
    }
}

@media (max-width: 680px) {
    #homeInventory .product-card {
        gap: 12px;
    }
}


/* Source 10: /assets/recharge-home-353bed18379124e5/assets/legacy-layout-1-6e6254d45b9e3885.css */

    /* Temporary presentation-only hide. Keep routing, fallback and order recovery unchanged. */
    #dualChannelChoices { display: none !important; }
    

/* Source 11: /assets/recharge-home-353bed18379124e5/assets/quick-recharge-503cd7918d83dbf6.css */
/* Opt-in presentation only. Old entry and unrelated services keep their UI. */
#quickRechargeActions[hidden] { display: none !important; }
#quickRechargeAccount[hidden] { display: none !important; }
.quick-account-preview { margin: 14px 0 0; padding: 10px 12px; border-radius: 10px; background: #f3f1ff; color: #44367e; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
body[data-quick-recharge-active="true"] .flow-card > .steps,
body[data-quick-recharge-active="true"] #verifyVoucher,
body[data-quick-recharge-active="true"] #stepTwoPanel > .step-actions,
body[data-quick-recharge-active="true"] #cardPrecheckSummary { display: none !important; }
body[data-quick-recharge-active="true"] #stepOnePanel { padding-bottom: 8px; }
body[data-quick-recharge-active="true"] #stepTwoPanel { padding-top: 8px; }
body[data-quick-recharge-active="true"] #gptSession { min-height: 116px; }
body[data-quick-recharge-active="true"] #gptSession:disabled,
body[data-quick-recharge-active="true"] #voucherCode:disabled { opacity: .72; cursor: wait; }
body[data-quick-recharge-active="true"] #quickRechargeStart { margin-top: 18px; }
body[data-quick-recharge-active="true"] #quickRechargeNotice { text-align: center; color: #657187; }
.quick-legacy-link { display: block; margin: 12px auto 0; padding: 7px 10px; border: 0; background: transparent; color: #657187; font-size: 12px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.quick-legacy-link:disabled { opacity: .5; cursor: not-allowed; }
@media (max-width: 680px) {
    body[data-quick-recharge-active="true"] #gptSession { min-height: 100px; }
    body[data-quick-recharge-active="true"] #quickRechargeStart { min-height: 52px; }
}


/* Source 12: /assets/recharge-home-353bed18379124e5/assets/card-type-preview-6d245b7ed8c78f9f.css */
#voucherProductPreview[hidden], #voucherProductRetry[hidden] { display:none !important; }
#voucherProductPreview { margin:10px 0 0; padding:10px 12px; border:1px solid #dce1ef; border-radius:10px; background:#f6f7fb; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
#voucherProductPreview[data-state="identified"] { background:#effbf6; border-color:#caecdf; color:#17674e; }
#voucherProductText { display:block; font-weight:600; }
#voucherProductDetail { display:block; margin-top:2px; font-size:12px; color:#68758b; }
#voucherProductRetry { margin:6px 0 0; padding:0; border:0; background:none; color:#6352bd; text-decoration:underline; cursor:pointer; font:inherit; }


/* Source 13: /assets/recharge-home-353bed18379124e5/assets/progress-resume-a432e6422d88d2a2.css */
#progressHomePanel[hidden],#progressResumePanel[hidden],#progressTaskBanner[hidden],#progressHomeButton[hidden],#progressHomeContinue[hidden],#progressResumeContinue[hidden],#progressInlineStatus[hidden],#progressInlineRetry[hidden],#progressOriginalVerify[hidden],#recharge[hidden]{display:none!important}
.progress-card{margin:22px 0;padding:28px;background:#fff;border:1px solid #dfe5f1;border-radius:22px;box-shadow:0 10px 30px #273b6110;max-width:740px}
.progress-card h2{font-size:22px;margin:0 0 12px}.progress-card p{line-height:1.8;color:#65748b}.progress-card label{display:block;margin:16px 0 8px;font-size:14px;font-weight:600}.progress-card input,.progress-card select{width:100%;min-height:48px;padding:10px 14px;border:1px solid #ccd5e8;border-radius:12px;background:#fff;color:#172c50;font:inherit;box-sizing:border-box}.progress-card button{margin:12px 10px 0 0}.progress-note{padding:12px;background:#f3f5fc;border-radius:10px;white-space:pre-line;overflow-wrap:anywhere}
#progressTaskBanner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;margin:20px 0;border:1px solid #d9d4f3;background:#f6f3ff;border-radius:14px;color:#483488;font-size:14px}#progressTaskBanner button,#progressHomeButton,.progress-inline-action{border:0;border-radius:9px;padding:9px 13px;background:#eeeaff;color:#5a42ba;font:inherit;cursor:pointer}
#progressHomeButton{font-size:12px}#progressInlineStatus{margin:10px 0;color:#526580;font-size:13px;line-height:1.7}#progressOriginalVerify,#progressInlineRetry{margin:4px 6px 4px 0;font-size:12px}.progress-card button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:680px){.progress-card{padding:20px;margin:16px 0;border-radius:18px}.progress-card h2{font-size:20px}#progressTaskBanner{align-items:flex-start;font-size:13px}.progress-card .primary-action{width:100%}.flow-head{flex-wrap:wrap;gap:8px}}

#progressDraftPanel[hidden],#progressDraftProductPreview[hidden],#progressDraftProductRetry[hidden],#progressDraftOverwriteRow[hidden]{display:none!important}
#progressDraftPanel .form-area{display:block;padding-top:4px}
#progressDraftPanel .form-area>label:not(.confirm-check){display:block;margin:20px 0 10px;font-weight:650}
#progressDraftPanel .primary-action{width:100%;margin-top:12px}
#progressDraftPanel .primary-action:disabled{opacity:.55;cursor:not-allowed}
#progressDraftPanel .confirm-check{margin-top:16px;display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.7}
#progressDraftPanel .confirm-check input{margin-top:4px;flex-shrink:0}
#progressDraftProductPreview{display:flex;flex-direction:column;gap:5px;padding:12px 14px;margin-top:12px;border:1px solid #ded6f8;border-radius:12px;background:#f7f4ff;color:#59428d;overflow-wrap:anywhere}
#progressDraftProductPreview strong{font-size:14px}#progressDraftProductPreview small{font-size:12px;line-height:1.7}
#progressDraftProductRetry{align-self:flex-start;border:0;border-radius:7px;padding:6px 10px;background:#ede6ff;color:#5a42ba;font:inherit;font-size:12px;cursor:pointer}
@media(max-width:680px){#progressDraftPanel .flow-head{padding-bottom:10px}#progressDraftPanel .confirm-check{font-size:12px}}

#progressResumePanel{box-sizing:border-box;width:100%;max-width:none;margin:22px auto;padding:32px 36px}
#progressResumePanel h2{margin:0;font-size:24px;line-height:1.45;overflow-wrap:anywhere}
#progressResumeProduct{margin:8px 0 0;font-size:14px;overflow-wrap:anywhere}
#progressResumeProduct:empty{display:none}
#progressResumeMessage{margin:22px 0 24px;padding:16px 18px;line-height:1.8}
.progress-resume-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
#progressResumePanel .progress-resume-actions button{margin:0;min-height:46px;width:auto;max-width:100%;padding:11px 20px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:680px){#progressResumePanel{padding:24px 20px;margin:16px auto}#progressResumePanel h2{font-size:21px}#progressResumeMessage{margin:18px 0 20px;padding:14px}.progress-resume-actions{gap:10px}#progressResumePanel .progress-resume-actions button{flex:1 1 120px;padding:11px 14px}#progressResumePanel .progress-resume-actions .primary-action{flex-basis:100%}}

#progressDraftAccountPreview[hidden],#progressResumeRefresh[hidden]{display:none!important}
#progressDraftAccountPreview{display:flex;flex-direction:column;gap:6px;padding:12px 14px;margin:12px 0;border:1px solid #dbe4f4;border-radius:12px;background:#f6f9ff;color:#233d66;overflow-wrap:anywhere;font-size:13px;line-height:1.65}
#progressDraftAccountPreview p{margin:0}
#progressDraftAccountNote{font-size:12px;color:#61728d}
#progressDraftAccountPreview small{color:#61728d;font-size:12px}
#progressResumeTitle,#progressDraftTitle,#flowTitle{scroll-margin-top:90px}
#progressResumeTitle:focus,#progressDraftTitle:focus,#flowTitle:focus{outline:2px solid #b6a7f8;outline-offset:6px;border-radius:4px}
#progressTaskText{min-width:0;overflow-wrap:anywhere}
#progressTaskBanner button{flex-shrink:0}
#progressResumeHome.progress-next-card,#restartFlow.progress-next-card{border-color:#6550ce;background:#6550ce;color:#fff;font-weight:650}
#progressResumePanel [aria-busy=true]{cursor:wait}
@media(max-width:680px){#progressResumeHome.progress-next-card{flex-basis:100%}}


/* Source 14: /assets/recharge-home-353bed18379124e5/assets/customer-ux.css */
/* Customer-facing layout only. No payment or state authorization. */
.field-help,.service-description,.guide-list small{font-size:13px;line-height:1.65}
.security-banner p{font-size:12px;line-height:1.65}
.sensitive-login-note{margin:10px 0 14px;padding:10px 12px;background:#f5f7fc;border-radius:9px;color:#4e607c;font-size:13px;line-height:1.65}
.service-status{background:#f4f6fb;color:#536277}
.service-status .pulse{background:#7d89a0;animation:none}
.progress-track.waiting-animation #resultProgress{width:35%!important;animation:customer-wait 1.8s ease-in-out infinite;transform-origin:left}
@keyframes customer-wait{0%{transform:translateX(-105%)}100%{transform:translateX(390%)}}
@media(prefers-reduced-motion:reduce){.progress-track.waiting-animation #resultProgress{animation:none;transform:none;width:100%!important;opacity:.35}}
#cardMoreServices{margin:0 24px 12px;border:1px solid #dce3f0;border-radius:12px;background:#fbfcff}
#cardMoreServices>summary{padding:12px 14px;cursor:pointer;font-size:14px;color:#465c83;font-weight:600}
#cardMoreServices #cardToolNav{margin:0;padding:0 12px 12px}
#cardCompleteSensitive{margin-top:16px;border-top:1px solid #e1e7f1;padding-top:12px}
#cardCompleteSensitive>summary{font-size:13px;color:#586b89;cursor:pointer}
#cardCompleteSensitive dl{margin-top:12px}
.customer-support-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 0}
.customer-support-actions button{font:inherit;font-size:14px}
.customer-copy-note{font-size:13px;line-height:1.6;color:#586b89;overflow-wrap:anywhere}
[aria-invalid=true]{border-color:#d95565!important;box-shadow:0 0 0 2px #d955651c}
.result-state h3:focus,#progressResumeTitle:focus{outline:2px solid #8d79de;outline-offset:6px}
.result-state h3:focus:not(:focus-visible),#progressResumeTitle:focus:not(:focus-visible){outline:none}
body{padding-bottom:58px}
@media(max-width:600px){
 .site-header{padding:10px 14px}
 .service-select-head{margin-top:14px;margin-bottom:10px;gap:8px}
 .select-heading-copy h1{font-size:18px}
 .select-heading-copy p{font-size:12px}
 .channel-availability{font-size:11px}
 .product-switcher.inventory-integrated{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}
 .product-switcher.inventory-integrated .product-card{min-height:0;padding:12px 8px;border-radius:14px;align-items:flex-start}
 .product-switcher .product-main{gap:4px;min-height:38px}
 .product-switcher .product-icon{display:none}
 .product-switcher .product-copy strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
 .product-switcher .product-copy small{font-size:10px;line-height:1.4}
 .product-switcher .product-choice{width:13px;height:13px;flex-shrink:0}
 .product-switcher .hy-stock-list{display:none}
 .product-switcher .product-card.active .hy-stock-list{display:grid;grid-template-columns:1fr;gap:3px;margin-top:8px;width:100%}
 .product-switcher .hy-stock-line{padding:3px 4px;min-height:0;flex-direction:row;gap:4px;flex-wrap:wrap;justify-content:space-between}
 .product-switcher .hy-stock-line b,.product-switcher .hy-stock-line [data-stock-state]{font-size:10px;line-height:1.4}
 .flow-head{padding:18px 16px 12px}
 .flow-head h2{font-size:19px;line-height:1.45}
 .form-area{padding:16px}
 #cardMoreServices{margin:0 16px 8px}
 #cardMoreServices>summary{padding:10px 12px;font-size:13px}
 #cardMoreServices #cardToolNav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .form-message,.field-help{font-size:13px}
 .account-textarea{font-size:14px;min-height:110px}
 .primary-action{min-height:46px;font-size:15px}
 .workspace{gap:14px}
 .service-panel{padding:18px 16px}
 .guide-list{gap:12px}
 .security-banner{margin-top:18px;padding:16px}
 #progressResumePanel{margin-top:16px;padding:20px 16px}
 .customer-support-actions button{width:100%}
}


/* Source 15: /assets/recharge-home-353bed18379124e5/assets/customer-polish-staff-test-a57dd82220ada387.css */
.staff-real-notice{margin:0 0 20px;padding:12px 16px;border:1px solid #f2d69b;border-radius:12px;background:#fff9ec;color:#744b06;display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap;font-size:13px;line-height:1.6}
.staff-real-notice strong{white-space:nowrap}.staff-access-notice{margin:0 0 20px;padding:14px 16px;border:1px solid #efb5b5;border-radius:12px;background:#fff5f5;color:#8d2525;font-size:13px;line-height:1.7}.staff-access-notice a{display:block;margin-top:8px;text-decoration:underline}.staff-access-notice[hidden]{display:none}
@media(max-width:640px){.account-textarea{font-size:16px}.official-link{min-height:44px;display:inline-flex;align-items:center}}
/* Hide verification presentation without changing internal flow steps. */
body[data-quick-submission-pending="true"] #stepOnePanel,
body[data-quick-submission-pending="true"] #stepTwoPanel,
body[data-quick-submission-pending="true"] #quickRechargeActions{display:none!important}
.quick-submission-progress[hidden]{display:none!important}
.quick-submission-progress{padding:38px 20px;text-align:center;color:#526581}
.quick-submission-progress h3{margin:20px 0 12px;color:#23334f;font-size:22px}
.quick-submission-progress p{line-height:1.7;margin:0;font-size:14px}
.quick-submission-spinner{width:46px;height:46px;margin:auto;border:4px solid #eee9ff;border-top-color:#7356db;border-radius:50%;animation:quick-submission-spin 1s linear infinite}
@keyframes quick-submission-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.quick-submission-spinner{animation:none}}
/* The existing guide nodes remain inert display hooks for provider switching;
   hide the redundant sidebar and give the actual form one clear column. */
#recharge>#guide,#progressDraftPanel>#progressDraftGuide{display:none!important}
#recharge.workspace,#progressDraftPanel.workspace{grid-template-columns:minmax(0,1fr);max-width:100%;margin-left:auto;margin-right:auto}
/* One responsive scale for input, progress and recovery views. */
main,footer{width:min(1040px,calc(100% - 40px))}
main{padding-bottom:24px}
#recharge.workspace,#progressDraftPanel.workspace,#progressResumePanel{width:100%;max-width:100%;margin-left:auto;margin-right:auto;min-width:0}
.flow-card,.flow-panel,.input-shell,.product-copy{min-width:0}
.flow-head{min-height:76px;padding:18px 24px;gap:12px;flex-wrap:wrap}
.flow-head h2{font-size:21px;line-height:1.4}
.form-area{padding:20px 24px 22px}
#cardMoreServices{margin:0 24px 8px}
.account-textarea{min-height:108px;font-size:14px}
.form-area input:not([type=checkbox]){min-height:48px}
.primary-action{min-height:48px;font-size:16px}
.official-link{min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere}
#progressTaskBanner{width:100%;max-width:100%;margin:16px auto;box-sizing:border-box;flex-wrap:wrap}
#progressTaskText{min-width:0;overflow-wrap:anywhere}
#progressResumePanel{padding:24px}
#progressResumePanel h2{font-size:22px}
.quick-submission-progress{padding:30px 20px}
.staff-real-notice{padding:10px 14px;margin-bottom:16px}
footer{padding:16px 0 22px}
#cardMoreServices #cardToolNav{padding:12px;border-bottom:0}
.recharge-simple-guide{padding-left:22px;line-height:1.8;color:#526581}
.recharge-simple-guide li{margin:12px 0}
#queryDialog.bulk-card-mode{width:min(980px,calc(100% - 24px));max-height:90dvh}
.bulk-card-mode .dialog-card{padding:22px}
.bulk-card-mode #queryCodes{min-height:100px}
.bulk-card-mode #queryResults{max-height:none;overflow:visible;padding:14px}
.bulk-summary{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0 12px;color:#53647f}
.bulk-actions,.bulk-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.bulk-actions button,.bulk-filters button,.bulk-row-actions button{font:inherit;font-size:13px;min-height:40px;padding:8px 12px;border:1px solid #dce3ef;border-radius:9px;background:#fff;color:#445d88;cursor:pointer}
.bulk-actions button:disabled{opacity:.5;cursor:not-allowed}
.bulk-filters button[aria-pressed=true]{background:#ede8fc;border-color:#c9bcf7;color:#6049b4}
.bulk-select-all{display:flex!important;align-items:center;gap:8px;margin:14px 0;font-size:13px}
.bulk-table{border:1px solid #e0e6ef;border-radius:12px;max-height:min(48dvh,460px);overflow:auto;overscroll-behavior:contain}
.bulk-row{display:grid;grid-template-columns:20px minmax(0,1.45fr) minmax(100px,1fr) auto;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #edf0f5}
.bulk-row:last-child{border-bottom:0}.bulk-card,.bulk-status{min-width:0;display:flex;flex-direction:column;gap:6px}
.bulk-card code{font-size:13px;font-weight:600;overflow-wrap:anywhere;color:#213654}
.bulk-row small{font-size:12px;line-height:1.5;color:#697992;overflow-wrap:anywhere}
.bulk-badge{font-size:12px;font-weight:600;align-self:flex-start;padding:4px 8px;border-radius:6px;background:#f0f3f8;color:#60718c}
.bulk-badge.unused{background:#e8f8f0;color:#188357}.bulk-badge.used{background:#eaf1ff;color:#3866bd}.bulk-badge.processing{background:#fff5df;color:#986515}.bulk-badge.invalid{background:#f9eeee;color:#a25b5b}
.bulk-detail{grid-column:2/-1;font-size:12px;color:#61718b;overflow-wrap:anywhere}.bulk-detail summary{cursor:pointer;color:#4467a3}.bulk-detail p{margin:8px 0}
.bulk-copy-fallback{min-height:100px;font-size:14px}
.bulk-row-actions{display:flex;gap:6px}
.bulk-detail-dialog{width:min(560px,calc(100% - 24px));max-height:90dvh;padding:0;border:1px solid #dfe6f1;border-radius:20px;background:#fff;overflow:auto;color:#243550}
.bulk-detail-dialog::backdrop{background:#13233d99;backdrop-filter:blur(3px)}
.bulk-detail-card{padding:24px}
.bulk-detail-heading{text-align:center}.bulk-detail-heading h2{margin:12px 0;font-size:23px}.bulk-detail-heading p{line-height:1.65;font-size:14px;color:#61728b}
.bulk-detail-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto;border-radius:50%;background:#edf1fa;color:#54719d;font-size:27px}.bulk-detail-icon.success{background:#e7f8ee;color:#16956b}
.bulk-detail-complete{margin:18px 0;padding:10px;border-radius:8px;text-align:center;background:#eaf9f1;color:#188566;font-size:14px;font-weight:650}
.bulk-detail-fields{border:1px solid #dfe7f1;border-radius:12px;overflow:hidden;margin:18px 0;font-size:13px}
.bulk-detail-fields>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:12px;border-bottom:1px solid #edf0f5}.bulk-detail-fields>div:last-child{border-bottom:0}
.bulk-detail-fields dt{color:#6b7c95}.bulk-detail-fields dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#233654}
.bulk-detail-sensitive{font-size:13px;color:#5c7090}.bulk-detail-sensitive summary{cursor:pointer;padding:10px 0}.bulk-detail-sensitive dd{font-family:ui-monospace,monospace;user-select:all}
.bulk-detail-copy-note{font-size:12px;line-height:1.6;color:#75839a}
.bulk-detail-buttons{display:flex;gap:10px}.bulk-detail-buttons button{flex:1;min-height:46px;border:1px solid #d8e1ef;border-radius:10px;background:#f8faff;color:#3c5b88;font:inherit;font-size:14px;cursor:pointer}.bulk-detail-buttons button:disabled{opacity:.5;cursor:not-allowed}
.bulk-detail-card>textarea{width:100%;min-height:130px;padding:10px;border:1px solid #dce5ef;border-radius:8px;box-sizing:border-box}
/* One visual workbench. Form ownership and business requests remain intact. */
body{background:#f5f7fb;background-image:none;color:#25334b;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}
main,footer{width:min(1100px,calc(100% - 48px))}
main{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-areas:"notice notice" "projects workbench";gap:0 28px;align-items:start;padding-top:24px}
main>.staff-real-notice{grid-area:notice;margin-bottom:24px;padding:10px 14px;font-size:12px;border-radius:9px;background:#fffaf0;border-color:#eee1c6;color:#775521}
main>.service-select-head{display:none}
#homeInventory{grid-area:projects;display:grid;grid-template-columns:1fr;gap:6px;margin:0;position:sticky;top:88px;align-content:start}
#homeInventory::before{content:"选择充值项目";font-size:12px;color:#5b6980;padding:10px 12px 14px}
#homeInventory .product-card{--choice:#6a50cc;--choice-soft:#f2effd;min-height:72px;padding:12px;gap:0;justify-content:center;border:1px solid transparent;border-radius:10px;background:transparent;box-shadow:none}
#homeInventory .product-card[aria-pressed="true"]{border-color:#e7dffc;background:#eee9fa;box-shadow:none}
#homeInventory .product-card:hover{transform:none;background:#f0edf7}
#homeInventory .product-main{min-height:44px;gap:10px}
#homeInventory .product-icon{width:32px;height:32px;flex-basis:32px;border-radius:9px;display:grid}
#homeInventory .product-icon svg,#homeInventory .product-icon img{width:22px;height:22px}
#homeInventory .product-copy strong{font-size:14px;line-height:1.45;font-weight:650;overflow-wrap:anywhere}
#homeInventory .product-copy small{display:none}
#homeInventory .project-name-detail{display:block;font-size:13px;font-weight:400;color:#59677d;line-height:1.5;margin-top:2px}
#homeInventory .product-card[aria-pressed="true"] .project-name-detail{color:#6a50aa}
#homeInventory .product-choice{display:none}
#homeInventory .hy-stock-list{display:none!important}
#rechargeWorkbench{grid-area:workbench;min-width:0;background:#fff;border:1px solid #e1e6ef;border-radius:16px;box-shadow:0 8px 30px #25345106;overflow:clip}
#layoutSelectedStock{margin:0;min-width:0;border:0;border-radius:0;background:transparent;padding:26px 30px 22px}
.layout-stock-heading{margin-bottom:12px;min-width:0}
.layout-stock-heading h1{margin:0;color:#23324c;font-size:23px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
.layout-stock-items{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.layout-stock-pill{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;background:#f3f5f8;line-height:1.4;font-size:12px;color:#61718a;max-width:100%;overflow-wrap:anywhere}
.layout-stock-pill b{font-weight:500;color:#566781}.layout-stock-pill[data-view-stock="in"]{background:#eff8f3}.layout-stock-pill[data-view-stock="in"]>span{color:#247351}.layout-stock-pill[data-view-stock="unknown"]{background:#fff6e9}.layout-stock-pill[data-view-stock="unknown"]>span{color:#936d27}
#progressTaskBanner{margin:0 30px 16px;width:auto;border-radius:8px;padding:10px 12px;gap:10px}
#progressTaskText{flex:1;overflow-wrap:anywhere;line-height:1.6}
#recharge.workspace,#progressDraftPanel.workspace,#progressResumePanel{margin:0;width:100%;min-width:0;max-width:none}
#rechargeWorkbench .flow-card,#rechargeWorkbench #progressResumePanel{border:0;border-radius:0;background:transparent;box-shadow:none}
#rechargeWorkbench .flow-head{min-height:0;padding:0 30px 18px;border:0;gap:12px}
#rechargeWorkbench .flow-head .eyebrow{display:none}
#rechargeWorkbench .flow-head h2{margin:0;font-size:16px;line-height:1.5;font-weight:600;color:#5e6c82}
body[data-quick-recharge-active="true"] #recharge:has(#progressHomeButton[hidden]):has(#stepThreePanel[hidden]) .flow-head{display:none}
#progressDraftPanel .flow-head{display:none}
#rechargeWorkbench .form-area{padding:20px 30px 26px}
#rechargeWorkbench .form-area input:not([type=checkbox]){min-height:52px}
#rechargeWorkbench .form-area label{font-size:14px;font-weight:600;line-height:1.5}
#rechargeWorkbench .input-shell{border-radius:10px;background:#fff}
#rechargeWorkbench .account-textarea{height:120px;min-height:110px;max-height:280px;font:inherit;font-size:16px;line-height:1.6;border-radius:10px;background:#fff;resize:vertical;overflow:auto}
#rechargeWorkbench .official-link{font-weight:500;font-size:13px}
#rechargeWorkbench .primary-action{border-radius:10px;box-shadow:none;min-height:50px;background:#674bbe;font-weight:600}
#rechargeWorkbench .primary-action:hover:not(:disabled){background:#5b40ad;transform:none;filter:none}
#rechargeWorkbench .primary-action:disabled{background:#edf0f5;color:#63718a;opacity:1;filter:none}
#rechargeWorkbench .form-message,#rechargeWorkbench .field-help{overflow-wrap:anywhere;font-size:13px;line-height:1.65}
#rechargeWorkbench .form-message:empty{margin:0;padding:0}
#rechargeWorkbench #cardMoreServices{margin:0 30px;border:0;border-bottom:1px solid #edf0f5;border-radius:0;background:none}
#rechargeWorkbench #cardToolNav{padding:10px 0;gap:8px;background:none;border:0}
#rechargeWorkbench #cardToolNav button{min-height:44px;padding:8px 6px;border:1px solid #e4e8f0;border-radius:8px;background:#fff;color:#4c5c73;box-shadow:none;font-weight:500;font-size:13px;line-height:1.45;white-space:normal}
#rechargeWorkbench #cardToolNav button:hover{background:#eee9fa;color:#6148b1;transform:none;box-shadow:none;border-color:#e5dcf6}
#rechargeWorkbench #cardToolNav button svg{width:16px;height:16px;stroke-width:1.7}
#rechargeWorkbench .trust-row{display:none}
#rechargeWorkbench #progressResumePanel{padding:10px 30px 30px}
#rechargeWorkbench .result-state{min-width:0}
#rechargeWorkbench .result-state p,#rechargeWorkbench dd,#rechargeWorkbench .quick-account-preview{overflow-wrap:anywhere}
#rechargeWorkbench .steps{margin:12px 30px 0}
footer{margin-top:24px;color:#59677d;border-top:0;font-size:12px}
@media(max-width:900px){
 main{display:block;padding-top:14px}
 main>.staff-real-notice{margin-bottom:16px}
 #homeInventory{position:static;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:16px;padding:4px;background:#ebeef4;border-radius:11px}
 #homeInventory::before{display:none}
 #homeInventory .product-card{min-height:58px;padding:7px;align-items:stretch;border-radius:8px}
 #homeInventory .product-card[aria-pressed="true"]{background:#fff;border-color:#e2dcf1;box-shadow:0 2px 5px #23334b06}
 #homeInventory .product-main{gap:4px;min-height:42px}
 #homeInventory .product-copy{flex:1;text-align:center}
 #homeInventory .product-copy strong{font-size:13px;line-height:1.45}
 #homeInventory .product-icon,#homeInventory .product-choice{display:none}
 #rechargeWorkbench{border-radius:13px}
}
@media(max-width:680px){
 .bulk-card-mode .dialog-card{padding:16px}.bulk-summary{font-size:13px}
 .bulk-row{grid-template-columns:20px minmax(0,1fr) auto;gap:8px;padding:12px}
 .bulk-status{grid-column:2/3;grid-row:2}.bulk-row-actions{grid-column:3;grid-row:1/3}
 .bulk-detail{grid-column:2/-1}.bulk-actions button,.bulk-filters button,.bulk-row-actions button{min-height:44px}
 .bulk-row-actions{flex-direction:column}.bulk-detail-card{padding:20px 16px}.bulk-detail-fields>div{grid-template-columns:90px minmax(0,1fr);gap:8px}.bulk-detail-heading h2{font-size:21px}
 main,footer{width:calc(100% - 32px)}
 main>.staff-real-notice{font-size:12px;gap:3px 8px;margin-bottom:14px;line-height:1.6}
 #layoutSelectedStock{padding:20px 16px 16px}
 .layout-stock-heading{margin-bottom:10px}
 .layout-stock-heading h1{font-size:20px}
 .layout-stock-items{gap:5px}
 .layout-stock-pill{padding:4px 7px;gap:6px;font-size:12px}
 #rechargeWorkbench .flow-head{padding:0 16px 14px}
 #rechargeWorkbench .flow-head h2{font-size:15px}
 #rechargeWorkbench .form-area{padding:16px}
 #rechargeWorkbench #cardMoreServices{margin:0 16px}
 #rechargeWorkbench #cardToolNav{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 0;gap:5px}
 #rechargeWorkbench #cardToolNav button{min-height:44px}
 #rechargeWorkbench .account-textarea{height:110px;min-height:110px;font-size:16px}
 #rechargeWorkbench .steps{margin:10px 16px 0}
 .form-area input:not([type=checkbox]),.dialog-card input,.dialog-card textarea{font-size:16px}
 .form-area label{margin-bottom:7px}
 #quickRechargeStart,.primary-action{min-height:48px;margin-top:14px}
 #rechargeWorkbench #progressResumePanel{padding:10px 16px 20px}
 #progressTaskBanner{margin:0 16px 12px}
 #progressResumePanel h2{font-size:20px}
 #progressHomeButton,#progressTaskBanner button{min-height:44px;white-space:normal}
 .quick-submission-progress{padding:28px 16px}
 .quick-submission-progress h3{font-size:20px}
 .dialog-card{max-width:100%;min-width:0}
}
/* Detail scale shared by the recharge form and its existing tools/dialogs. */
body[data-provider]{--accent:#674bbe;--accent-soft:#f1edfa}
button,input,textarea{font-family:inherit;letter-spacing:normal}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8060ce;outline-offset:3px}
button:disabled{cursor:not-allowed}
.site-header{height:68px;padding:0 max(24px,calc((100vw - 1100px)/2));background:#ffffffed}
.brand-word{font-size:19px;font-weight:700;letter-spacing:-.4px}
.brand-mark{width:34px;height:34px;border-radius:10px;box-shadow:0 4px 12px #2563eb18}
.brand-mark svg{width:25px;height:25px}
.top-nav{gap:6px}
.top-nav a,.top-nav button{min-height:44px;display:inline-flex;align-items:center;font-size:13px;font-weight:500}
.top-nav button{background:transparent;color:#59677d}
.top-nav button:hover{background:#f1edfa;color:#674bbe}
#homeInventory .product-icon{box-shadow:none}
#homeInventory .product-copy strong{font-weight:600}
#layoutStockTitle{font-weight:600;letter-spacing:-.3px}
.layout-stock-pill{font-variant-numeric:tabular-nums}
.layout-stock-pill>span{display:inline-flex;gap:5px;align-items:center;color:#56647a}
.layout-stock-pill>span::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:currentColor}
.field-help,.customer-copy-note,.customer-support-note{color:#64748b;font-size:13px;line-height:1.65}
.input-shell input::placeholder,textarea::placeholder{color:#64748b;opacity:1;font-family:inherit;font-weight:400}
#rechargeWorkbench .input-shell:focus-within,#rechargeWorkbench .account-textarea:focus{border-color:#8060ce;box-shadow:0 0 0 3px #8060ce13}
#rechargeWorkbench .input-shell input:focus-visible{outline:none}
#rechargeWorkbench .official-link{color:#674bbe;font-size:13px;font-weight:500;min-height:44px;text-underline-offset:3px}
#rechargeWorkbench .official-link:hover{text-decoration:underline}
#rechargeWorkbench .primary-action b{font-weight:400;font-size:18px}
body[data-quick-recharge-active="true"] #voucherHelp{display:none}
body[data-quick-recharge-active="true"] #stepOnePanel{padding-bottom:0}
#quickRechargeNotice{color:#64748b!important;text-align:left!important;margin:10px 0 0}
.quick-legacy-link{min-height:44px;font-size:13px;font-weight:400;color:#64748b;text-underline-offset:3px}
.secondary-action{font-weight:500;font-size:14px;border-radius:9px;line-height:1.5}
.secondary-action:disabled,.secondary-action:disabled:hover,#cardToolNav button:disabled,#cardToolNav button:disabled:hover{color:#63718a;background:#edf0f5;border-color:#e1e6ee;box-shadow:none;transform:none;opacity:1}
.form-message{font-size:13px;line-height:1.65;border-radius:9px}
.quick-account-preview,.token-plan-hint{font-size:13px;font-weight:500;line-height:1.65;overflow-wrap:anywhere}
dialog.query-dialog,dialog.card-complete-dialog,dialog.bulk-detail-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;border:1px solid #e2e6ee;border-radius:16px;box-shadow:0 20px 60px #1a2b4e26;scrollbar-gutter:stable}
dialog::backdrop{background:#17253b80;backdrop-filter:blur(3px)}
.dialog-card{padding:24px}
.dialog-head{gap:12px;margin-bottom:20px;align-items:center}
.dialog-head h2,.bulk-detail-heading h2,.card-complete-body h2{font-size:21px;font-weight:600;line-height:1.45}
.dialog-head .eyebrow{display:none}
.dialog-close{width:44px;height:44px;flex:none;font-size:24px;border-radius:9px;background:#f3f5f8;color:#5c6a80}
.dialog-close:hover{background:#ebe6f8;color:#674bbe}
.dialog-card label{font-size:14px;font-weight:500}
.dialog-card textarea{font-family:inherit;font-size:16px;line-height:1.6;background:#fff;border-radius:10px;max-height:240px}
.dialog-card .primary-action{min-height:48px;background:#674bbe;border-radius:10px;font-size:15px;font-weight:600;box-shadow:none}
.dialog-card .primary-action:hover:not(:disabled){background:#5b40ad;filter:none;transform:none}
.dialog-card .primary-action:disabled{background:#edf0f5;color:#63718a;opacity:1}
.query-product button{min-height:44px;font-size:13px;font-weight:500;line-height:1.5;padding:7px 5px;overflow-wrap:anywhere}
.query-product button.active{color:#674bbe;box-shadow:none}
.bulk-actions button,.bulk-filters button,.bulk-row-actions button{min-height:44px;font-weight:500}
.bulk-row small,.bulk-detail-fields dt,.bulk-detail-copy-note{color:#64748b;font-size:12px}
.bulk-row{padding:14px 16px}.bulk-card code{font-weight:500;font-size:13px;line-height:1.6}
.bulk-badge{font-size:12px;font-weight:500}
.bulk-detail-fields{font-size:13px}.bulk-detail-fields>div{padding:12px 14px}
.bulk-detail-buttons button{font-weight:500;border-radius:9px;min-height:46px}
.bulk-detail-copy-note,.card-complete-body>p,#cardCompleteSupportNote{font-size:13px;line-height:1.65;color:#64748b;overflow-wrap:anywhere}
.card-complete-details dt,.billing-result-view dt,.card-tool-result dt{font-size:12px;color:#64748b;line-height:1.6}
.card-complete-details dd,.billing-result-view dd,.card-tool-result dd{font:inherit;font-size:13px;font-weight:500;line-height:1.6;overflow-wrap:anywhere;white-space:normal}
.card-complete-details>div{align-items:start;padding:12px 14px}
#cardCompleteSensitive summary{min-height:44px;line-height:1.6;padding:12px 0}
.card-complete-copy,.card-complete-close{min-height:48px;font-size:14px;font-weight:500;border-radius:10px}
.card-complete-close{background:#674bbe;color:#fff}
.card-complete-close:hover{background:#5b40ad;color:#fff}
.card-complete-details dd.complete-status{color:#18734e}
.card-complete-icon{background:#eaf7ef;color:#18734e}
.card-complete-progress i{background:#25805a}
.card-complete-meta,.card-complete-meta strong{font-size:12px;color:#18734e;font-weight:500}
.billing-account-band,.billing-row,.billing-empty,.card-tool-result{font-size:13px;overflow-wrap:anywhere}
.billing-row strong,.billing-section-head strong{font-size:14px;font-weight:600}
.billing-row small,.billing-empty,.billing-note{font-size:12px;line-height:1.6;color:#64748b}
.billing-notice,.billing-fact>span,.billing-fact>small,.billing-invoices-head>strong,.billing-table th,.billing-invoice-status,.billing-files>span{font-size:12px;font-weight:400;line-height:1.6;color:#59677d}
.billing-fact>strong,.billing-table td{font-size:13px;line-height:1.6;font-weight:500}
.billing-invoices-head span{font-size:11px;letter-spacing:normal;font-weight:500}
.billing-files a{min-height:36px;align-items:center;font-size:12px;font-weight:500}
.query-result-item code,.query-result-detail{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;font-size:13px;line-height:1.6}
.query-result-detail{font-size:12px;color:#64748b}
.query-result-item span{font-size:12px;font-weight:500}
.card-tool-result-head{flex-wrap:wrap}.card-tool-status{font-size:12px;font-weight:500}
@media(max-width:680px){
 .site-header{height:60px;padding:0 16px}
 .brand-word{font-size:17px}.brand-mark{width:32px;height:32px}
 .top-nav{gap:6px}.top-nav a,.top-nav button{padding:8px 10px}
 .top-nav a.active{display:none}
 #rechargeWorkbench #cardToolNav{gap:7px}
 #rechargeWorkbench #cardToolNav button{font-size:13px;gap:7px}
 dialog.query-dialog,dialog.card-complete-dialog,dialog.bulk-detail-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:13px}
 .dialog-card,.bulk-detail-card{padding:20px 16px}
 .dialog-head h2,.bulk-detail-heading h2,.card-complete-body h2{font-size:20px}
 .query-product{gap:4px}.query-product button{font-size:12px}
 .billing-table td::before{font-size:12px;font-weight:500;color:#64748b}
 .billing-files a{min-height:44px}
 .card-complete-body{padding:24px 18px 18px}
 .card-complete-details>div{grid-template-columns:84px minmax(0,1fr);gap:10px}
 .bulk-detail-fields>div{grid-template-columns:84px minmax(0,1fr);gap:10px}
 .bulk-row{padding:12px}.bulk-row-actions button{padding:8px 10px}
 footer{gap:8px;flex-wrap:wrap;line-height:1.6;padding-top:0}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .product-card,.input-shell,.primary-action,.channel-switch-notice{transition:none!important;animation:none!important}
 .result-icon span{animation:none}
}
footer{justify-content:center;text-align:center}
#gptAccountFields>.official-link,#progressDraftPanel .form-area>.official-link{display:flex;width:fit-content;max-width:100%;min-height:28px;margin:4px 0 0;padding:2px 0;align-items:center}
body[data-quick-recharge-active="true"] #quickRechargeStart{margin-top:8px}
#quickRechargeAccount{margin-top:8px}
#progressDraftStart{margin-top:10px}
@media(max-width:680px){#gptAccountFields>.official-link,#progressDraftPanel .form-area>.official-link{min-height:44px;padding:0}}
.voucher-card-summary{margin:10px 0 0;padding:11px 12px;border:1px solid #dfe6f0;border-radius:10px;background:#f7f9fc;min-width:0;overflow-wrap:anywhere}
.voucher-card-summary:not(:has(#voucherProductPreview:not([hidden]),#progressInlineStatus:not([hidden]))){display:none}
#voucherCardSummary #voucherProductPreview{margin:0;padding:0;border:0;border-radius:0;background:transparent;font-size:13px;line-height:1.6;color:#2e405b}
#voucherCardSummary #voucherProductText{font-weight:600;color:#2e405b}
#voucherCardSummary #voucherProductDetail:empty{display:none}
#voucherCardSummary #progressInlineStatus{margin:6px 0 0;padding:0;border:0;border-radius:0;background:transparent;font-size:13px;line-height:1.6;color:#53647b}
#voucherCardSummary:has(#progressInlineStatus[data-card-state="used"]:not([hidden])){border-color:#ead9ba;background:#fffaf1}
#voucherCardSummary #progressInlineStatus[data-card-state="used"]{padding:0;border:0;background:transparent;color:#815b24}
#progressInlineStatus[data-card-state="used"]{padding:10px 12px;border:1px solid #ead9ba;border-radius:9px;background:#fffaf1;color:#815b24;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.layout-stock-hint{margin:10px 0 0;color:#64748b;font-size:12px;line-height:1.6}
.layout-stock-hint[hidden]{display:none}
.claude-pause-panel{display:none;padding:20px 30px 32px;min-width:0}
body[data-provider="claude"] #recharge:has(#stepThreePanel[hidden]) .claude-pause-panel{display:block}
body[data-provider="claude"] #recharge:has(#stepThreePanel[hidden]) #stepOnePanel,
body[data-provider="claude"] #recharge:has(#stepThreePanel[hidden]) #stepTwoPanel,
body[data-provider="claude"] #recharge:has(#stepThreePanel[hidden]) .steps,
body[data-provider="claude"] #recharge:has(#stepThreePanel[hidden]) .flow-head>div{display:none!important}
.claude-pause-badge{display:inline-flex;align-items:center;border-radius:6px;padding:5px 9px;color:#845d24;background:#fff5e3;font-size:12px}
.claude-pause-panel h2{margin:14px 0 10px;font-size:20px;line-height:1.5;font-weight:600;color:#26364e;overflow-wrap:anywhere}
.claude-pause-panel p{font-size:14px;line-height:1.7;color:#64748b;margin:0 0 22px}
.claude-pause-panel button{min-height:44px;padding:10px 14px;white-space:normal}
@media(max-width:680px){.claude-pause-panel{padding:16px 16px 26px}.claude-pause-panel h2{font-size:18px}}
/* Compact read-only stock cards; no package selection or business action. */
.layout-stock-items{display:grid;grid-template-columns:repeat(3,minmax(0,148px));gap:8px}
.layout-stock-items:has(.layout-stock-pill:nth-child(4)){grid-template-columns:repeat(4,minmax(0,148px))}
.layout-stock-items:has(.layout-stock-pill:nth-child(5)){grid-template-columns:repeat(5,minmax(0,148px))}
.layout-stock-items:has(.layout-stock-pill:only-child){grid-template-columns:minmax(0,148px)}
.layout-stock-pill{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-height:64px;min-width:0;max-width:100%;padding:10px 12px;border:1px solid #e2e7ef;border-radius:10px;background:#f9fafc;cursor:default}
.layout-stock-pill b{font-size:14px;line-height:1.4;font-weight:600;color:#2e3e56;overflow-wrap:anywhere}
.layout-stock-pill>span{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.5;color:#59677d;font-weight:400}
.layout-stock-pill>span::before{width:6px;height:6px}
.layout-stock-pill[data-view-stock="in"]{background:#f6fbf8;border-color:#dcebe2}
.layout-stock-pill[data-view-stock="in"]>span{color:#20704e}
.layout-stock-pill[data-view-stock="out"]{background:#f7f8fa;border-color:#e2e6ed}
.layout-stock-pill[data-view-stock="out"]>span{color:#59677d}
.layout-stock-pill[data-view-stock="out"]>span::before{background:transparent;border:1px solid currentColor}
.layout-stock-pill[data-view-stock="unknown"]{background:#fffaf2;border-color:#eee2cc}
.layout-stock-pill[data-view-stock="unknown"]>span{color:#8b6226}
@media(max-width:680px){
 .layout-stock-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .layout-stock-items:has(.layout-stock-pill:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
 .layout-stock-items:has(.layout-stock-pill:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}
 .layout-stock-items:has(.layout-stock-pill:only-child){grid-template-columns:minmax(0,148px)}
 .layout-stock-pill{padding:9px 10px;min-height:60px;gap:4px;border-radius:9px}
 .layout-stock-pill b{font-size:13px}
}
@media(max-width:360px){
 .layout-stock-items:has(.layout-stock-pill:nth-child(5)) .layout-stock-pill{padding-inline:8px}
 .layout-stock-items:has(.layout-stock-pill:nth-child(5)) .layout-stock-pill b{font-size:12px}
}
/* Employee-page visual refinement only. No state, visibility or request changes. */
body{background:#f5f6fb;background-image:radial-gradient(ellipse at 76% 0,#eeeafb80,transparent 55%);color:#283449}
.site-header{border-bottom-color:#e8eaf2;background:#ffffffed;box-shadow:0 2px 14px #27354d03}
.brand-word{letter-spacing:-.5px}
.top-nav a.active{background:#eeeafa;color:#6045b2;border-radius:10px}
main>.staff-real-notice{background:#fffaf1;border-color:#efe4cd;border-radius:10px}
#homeInventory{padding:8px;border:1px solid #e7e9f1;border-radius:16px;background:#ffffffb3;box-shadow:0 3px 14px #29364d03}
#homeInventory::before{padding:10px 12px 12px;font-weight:500;color:#647086}
#homeInventory .product-card{position:relative;padding:12px;border-radius:11px;transition:background-color .15s,border-color .15s,box-shadow .15s}
#homeInventory .product-card[aria-pressed="true"]{border-color:#e5ddf8;background:linear-gradient(110deg,#efebfa,#f8f5ff);box-shadow:0 2px 7px #6045b209}
#homeInventory .product-card[aria-pressed="true"]::before{content:"";position:absolute;left:0;top:21px;bottom:21px;width:3px;border-radius:0 3px 3px 0;background:#7658cd}
#homeInventory .product-card:hover:not([aria-pressed="true"]){background:#f5f4fa;border-color:#ebe8f4}
#homeInventory .product-card[aria-pressed="true"] .product-copy strong{color:#443469}
#homeInventory .product-main{gap:11px}
#homeInventory .project-name-detail{font-size:12px;color:#667085;margin-top:3px}
#rechargeWorkbench{border-color:#e5e7ef;border-radius:18px;box-shadow:0 2px 4px #26344e03,0 14px 42px #35315c07}
#layoutSelectedStock{padding:26px 30px 22px;background:linear-gradient(120deg,#fcfbff,#fff 74%);border-bottom:1px solid #ececf4}
.layout-stock-heading{margin-bottom:16px}
.layout-stock-heading h1{font-size:24px;font-weight:650;letter-spacing:-.5px;color:#25314a}
.layout-stock-items{gap:9px}
.layout-stock-pill{border-radius:11px;border-color:#e6e8f0;background:#fff;box-shadow:0 1px 3px #2e385408;gap:6px;padding:11px 12px}
.layout-stock-pill b{font-size:14px;font-weight:600;color:#33405a;letter-spacing:.1px}
.layout-stock-pill>span{padding:2px 7px;border-radius:5px;font-size:12px;line-height:1.5}
.layout-stock-pill[data-view-stock="in"]{background:#fff;border-color:#e0e9e4}
.layout-stock-pill[data-view-stock="in"]>span{background:#eaf6ef;color:#206b4a}
.layout-stock-pill[data-view-stock="out"]{background:#fff;border-color:#e6e8ee}
.layout-stock-pill[data-view-stock="out"]>span{background:#f0f2f6;color:#596579}
.layout-stock-pill[data-view-stock="unknown"]{background:#fff;border-color:#eee5d8}
.layout-stock-pill[data-view-stock="unknown"]>span{background:#fff4e4;color:#865b22}
.layout-stock-hint{margin-top:12px;color:#64748b;line-height:1.5}
#rechargeWorkbench #cardMoreServices{margin:16px 30px 0;padding:5px;border:1px solid #eaeaf2;border-radius:12px;background:#f7f8fc}
#rechargeWorkbench #cardToolNav{padding:0;gap:5px}
#rechargeWorkbench #cardToolNav button{min-height:44px;border-color:transparent;border-radius:8px;background:transparent;color:#58627a;gap:7px;font-family:inherit;font-size:13px}
#rechargeWorkbench #cardToolNav button:hover:not(:disabled){background:#fff;border-color:#e7e0f6;color:#6347b3;box-shadow:0 2px 5px #6045b206}
#rechargeWorkbench #cardToolNav button:disabled,#rechargeWorkbench #cardToolNav button:disabled:hover{background:#edf0f5;color:#63718a;border-color:#e1e6ee;box-shadow:none;transform:none;cursor:not-allowed}
#rechargeWorkbench #cardToolNav button svg{color:#72618f;flex:none}
#rechargeWorkbench #cardToolNav button:disabled svg{color:inherit}
#rechargeWorkbench .form-area{padding-top:24px}
#rechargeWorkbench .form-area label{color:#344157;font-weight:600;margin-bottom:8px}
#rechargeWorkbench .input-shell,#rechargeWorkbench .account-textarea{background:#fcfcfe;border-color:#dde2ed;border-radius:11px;transition:border-color .15s,box-shadow .15s,background-color .15s}
#rechargeWorkbench .input-shell:hover,#rechargeWorkbench .account-textarea:hover{border-color:#bfc7d7}
#rechargeWorkbench .input-shell:focus-within,#rechargeWorkbench .account-textarea:focus{background:#fff;border-color:#8062cd;box-shadow:0 0 0 3px #8062cd12}
#rechargeWorkbench .input-symbol{color:#8893a9}
#rechargeWorkbench .input-shell input,#rechargeWorkbench .account-textarea{color:#2c3950;font-weight:400}
#rechargeWorkbench .primary-action{min-height:50px;border-radius:11px;background:linear-gradient(110deg,#7658cf,#6448b8);color:#fff;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:normal;box-shadow:0 4px 10px #7354c91c;transition:background .15s,box-shadow .15s}
#rechargeWorkbench .primary-action span,#rechargeWorkbench .primary-action b{font-family:inherit}
#rechargeWorkbench .primary-action:hover:not(:disabled){background:linear-gradient(110deg,#6d4fc3,#5b3fa9);box-shadow:0 5px 14px #7354c92b;filter:none;transform:none}
#rechargeWorkbench .primary-action:active:not(:disabled){box-shadow:0 2px 5px #7354c91c}
#rechargeWorkbench .primary-action:disabled{background:#edf0f5;color:#63718a;box-shadow:none;opacity:1}
.voucher-card-summary{background:#f8f9fc;border-color:#e3e7f0;border-radius:11px;padding:12px}
.quick-account-preview,.token-plan-hint{border-radius:11px}
.quick-account-preview{background:#f5f2fc;color:#5c477e}
#rechargeWorkbench .form-message,#rechargeWorkbench .progress-note{border-radius:11px}
#rechargeWorkbench .secondary-action{border-radius:10px;border-color:#dde2ed;background:#fff;color:#58647b;font-weight:500}
#rechargeWorkbench .secondary-action:hover:not(:disabled){background:#f7f4fc;border-color:#dcd2ef;color:#6548b0}
#rechargeWorkbench .secondary-action:disabled,#rechargeWorkbench .secondary-action:disabled:hover{background:#edf0f5;color:#63718a;border-color:#e1e6ee;box-shadow:none;cursor:not-allowed}
#progressTaskBanner{margin-top:16px;border-color:#e4dbf6;background:#faf7ff}
#progressTaskBanner button{border-radius:7px;font-family:inherit}
.claude-pause-panel{padding-top:26px}
.claude-pause-badge{border-radius:7px}
footer{margin-top:22px;color:#59677d}
@media(max-width:900px){
 #homeInventory{padding:5px;border-radius:13px;background:#eceef6;box-shadow:none;gap:5px}
 #homeInventory .product-card{padding:7px;min-height:60px;border-radius:9px}
 #homeInventory .product-card[aria-pressed="true"]{background:#fff;border-color:#e3dcf2;box-shadow:0 2px 6px #41305e08}
 #homeInventory .product-card[aria-pressed="true"]::before{display:none}
 #homeInventory .project-name-detail{font-size:12px}
 #homeInventory .product-main{gap:4px}
}
@media(max-width:680px){
 body{background:#f6f7fb;background-image:none}
 #rechargeWorkbench{border-radius:15px;box-shadow:0 4px 22px #34315a06}
 #layoutSelectedStock{padding:21px 16px 17px}
 .layout-stock-heading{margin-bottom:13px}
 .layout-stock-heading h1{font-size:20px;letter-spacing:-.3px}
 .layout-stock-items{gap:8px}
 .layout-stock-pill{min-height:62px;padding:9px 10px;border-radius:9px;gap:5px}
 .layout-stock-pill b{font-size:13px}
 .layout-stock-pill>span{padding:2px 6px}
 .layout-stock-hint{margin-top:10px}
 #rechargeWorkbench #cardMoreServices{margin:14px 16px 0;padding:4px;border-radius:11px}
 #rechargeWorkbench #cardToolNav{gap:4px}
 #rechargeWorkbench .form-area{padding-top:20px}
 #rechargeWorkbench .primary-action{min-height:50px;font-size:15px}
 .claude-pause-panel{padding-top:22px}
}
@media(max-width:360px){.layout-stock-items:has(.layout-stock-pill:nth-child(5)) .layout-stock-pill{padding-inline:8px}.layout-stock-items:has(.layout-stock-pill:nth-child(5)) .layout-stock-pill b{font-size:12px}}
@media(prefers-reduced-motion:reduce){#rechargeWorkbench .account-textarea,#rechargeWorkbench .primary-action{transition:none}}
/* One presentation surface; preserve the original logical hidden/step attributes. */
.simple-recharge-panel[hidden]{display:none!important}
body[data-simple-recharge-view="progress"] #recharge,
body[data-simple-recharge-view="progress"] #progressResumePanel,
body[data-simple-recharge-view="progress"] #progressTaskBanner{display:none!important}
.simple-recharge-panel{padding:34px 30px 30px;min-height:360px;text-align:center}
.simple-recharge-panel h2{margin:20px 0 10px;color:#29344c;font-size:23px;line-height:1.4;font-weight:600}
#simpleRechargeText{max-width:520px;margin:0 auto;color:#64748b;font-size:14px;line-height:1.75;overflow-wrap:anywhere}
.simple-recharge-orbit{position:relative;width:64px;height:64px;display:grid;place-items:center;margin:0 auto;border-radius:50%;background:#f3effc;color:#7356c5}
.simple-recharge-orbit::before{content:"";position:absolute;inset:4px;border:3px solid #e4ddf4;border-top-color:#8062cd;border-radius:50%;animation:simple-recharge-spin 1.3s linear infinite}
.simple-recharge-orbit svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:none}
.simple-recharge-track{max-width:240px;height:4px;border-radius:10px;margin:20px auto 0;background:#eeebf7;overflow:hidden}
.simple-recharge-track i{display:block;width:36%;height:100%;border-radius:10px;background:#987add;animation:simple-recharge-slide 1.8s ease-in-out infinite}
.simple-recharge-elapsed{margin:12px 0 0;color:#64748b;font-size:12px;font-variant-numeric:tabular-nums}
.simple-recharge-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0 0}
.simple-recharge-actions button{min-height:44px;padding:10px 16px;white-space:normal;font:inherit;font-size:13px}
.simple-recharge-facts{max-width:520px;margin:22px auto 0;border:1px solid #e4e8f0;border-radius:12px;background:#fafbfe;overflow:hidden;text-align:left;font-size:13px}
.simple-recharge-facts>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:12px 14px;border-bottom:1px solid #e9edf4;align-items:start}
.simple-recharge-facts>div:last-child{border-bottom:0}
.simple-recharge-facts dt{color:#64748b}.simple-recharge-facts dd{margin:0;color:#334159;text-align:right;overflow-wrap:anywhere}
.simple-recharge-panel[data-state="succeeded"] .simple-recharge-orbit{background:#eaf7ef;color:#21744f}
.simple-recharge-panel[data-state="succeeded"] .simple-recharge-orbit::before{display:none}
.simple-recharge-panel[data-state="succeeded"] .simple-recharge-orbit svg{display:block}
.simple-recharge-panel[data-state="succeeded"] .simple-recharge-track,
.simple-recharge-panel[data-state="failed"] .simple-recharge-track,
.simple-recharge-panel[data-state="checking"] .simple-recharge-track{display:none}
.simple-recharge-panel[data-state="checking"] .simple-recharge-orbit{color:#865b22;background:#fff5e5}
.simple-recharge-panel[data-state="failed"] .simple-recharge-orbit{color:#a6444b;background:#fff0f1}
.simple-recharge-panel[data-state="checking"] .simple-recharge-orbit::before,.simple-recharge-panel[data-state="failed"] .simple-recharge-orbit::before{display:none}
.simple-recharge-panel[data-state="checking"] .simple-recharge-orbit::after,.simple-recharge-panel[data-state="failed"] .simple-recharge-orbit::after{content:"!";font-size:29px;font-weight:600}
#simpleRechargeCopyNote{margin:12px 0 0;font-size:12px}
#simpleRechargeCopyFallback{display:block;max-width:520px;width:100%;margin:12px auto 0;font-size:14px}
#simpleRechargeCopyFallback[hidden]{display:none}
#progressTaskBanner{justify-content:flex-end;margin:12px 30px 0;padding:0;gap:8px;border:0;background:transparent;font-size:12px;color:#64748b}
#progressTaskText{flex:none}
#progressTaskBanner button{padding:6px 12px;min-height:36px;background:#f3effb;border:1px solid #e7def5;color:#6548b2;font-size:12px}
@keyframes simple-recharge-spin{to{transform:rotate(360deg)}}
@keyframes simple-recharge-slide{0%{transform:translateX(-120%)}100%{transform:translateX(400%)}}
@media(max-width:680px){
 .simple-recharge-panel{padding:30px 16px 24px;min-height:330px}
 .simple-recharge-panel h2{font-size:21px}
 .simple-recharge-actions{gap:8px;margin-top:22px}
 .simple-recharge-actions button{padding:10px 12px;min-height:44px}
 .simple-recharge-facts>div{grid-template-columns:84px minmax(0,1fr);gap:10px;padding:11px 12px}
 #progressTaskBanner{margin:12px 16px 0}
 #progressTaskBanner button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.simple-recharge-orbit::before,.simple-recharge-track i{animation:none}}
/* Active work stays visibly animated; the ring is not a percentage or payment fact. */
#simpleRechargePanel[data-state="processing"] .simple-recharge-orbit::before,
#simpleRechargePanel[data-state="checking"] .simple-recharge-orbit::before{
 display:block;inset:3px;border-width:4px;border-style:solid;border-color:#e7def6;
 border-top-color:#7654c7;border-right-color:#7654c7;animation:simple-recharge-spin 1s linear infinite;
}
#simpleRechargePanel[data-state="checking"] .simple-recharge-orbit::before{border-color:#f1e3cc;border-top-color:#a4752f;border-right-color:#a4752f}
#simpleRechargePanel[data-state="checking"] .simple-recharge-orbit::after{display:none}
#simpleRechargePanel[data-state="succeeded"] .simple-recharge-orbit::before,
#simpleRechargePanel[data-state="failed"] .simple-recharge-orbit::before{display:none;animation:none}
@media(prefers-reduced-motion:reduce){
 #simpleRechargePanel[data-state="processing"] .simple-recharge-orbit::before,
 #simpleRechargePanel[data-state="checking"] .simple-recharge-orbit::before{animation:none}
}
/* Three contextual tools; billing remains available in the global navigation. */
#rechargeWorkbench #cardMoreServices{margin:18px 30px 0;padding:0;border:0;border-radius:0;background:transparent}
#rechargeWorkbench #cardToolNav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0}
#rechargeWorkbench #cardToolNav button{
 appearance:none;display:flex;align-items:center;justify-content:center;min-width:0;min-height:56px;
 padding:12px 10px;gap:9px;border:1px solid #d9d1e8;border-radius:12px;background:#fff;
 color:#53436f;font-family:inherit;font-size:14px;font-weight:600;line-height:1.45;
 box-shadow:0 2px 4px #4430630c;cursor:pointer;
 transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s;
}
#rechargeWorkbench #cardToolNav button span{min-width:0;overflow-wrap:anywhere}
#rechargeWorkbench #cardToolNav button svg{
 width:18px;height:18px;padding:6px;box-sizing:content-box;border-radius:8px;background:#f1ecfb;
 color:#7051b7;stroke-width:1.8;flex:none;
}
#rechargeWorkbench #cardToolNav button:hover:not(:disabled){background:#f8f5ff;border-color:#baa6e0;box-shadow:0 4px 10px #65459918;transform:translateY(-1px)}
#rechargeWorkbench #cardToolNav button:active:not(:disabled){background:#ede5fb;border-color:#a58ad5;box-shadow:0 1px 2px #65459918;transform:translateY(1px)}
#rechargeWorkbench #cardToolNav button:focus-visible{outline:2px solid #7654c7;outline-offset:3px}
#rechargeWorkbench #cardToolNav button:disabled,
#rechargeWorkbench #cardToolNav button:disabled:hover{background:#edf0f5;border-color:#dce2eb;color:#63718a;box-shadow:none;transform:none;cursor:not-allowed;opacity:1}
#rechargeWorkbench #cardToolNav button:disabled svg{background:#e3e8ef;color:#778295}
@media(max-width:680px){
 #rechargeWorkbench #cardMoreServices{margin:16px 16px 0}
 #rechargeWorkbench #cardToolNav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #rechargeWorkbench #cardToolNav button:last-child{grid-column:1/-1}
 #rechargeWorkbench #cardToolNav button{min-height:52px;padding:11px 8px;gap:8px;font-size:13px;border-radius:10px}
 #rechargeWorkbench #cardToolNav button svg{padding:5px;border-radius:7px}
}
@media(prefers-reduced-motion:reduce){
 #rechargeWorkbench #cardToolNav button{transition:none}
 #rechargeWorkbench #cardToolNav button:hover:not(:disabled),
 #rechargeWorkbench #cardToolNav button:active:not(:disabled){transform:none}
}
/* Clear activity feedback, never a completion percentage. */
#simpleRechargePanel[data-state="processing"] .simple-recharge-orbit,
#simpleRechargePanel[data-state="checking"] .simple-recharge-orbit{width:76px;height:76px}
#simpleRechargePanel[data-state="processing"] .simple-recharge-orbit::before,
#simpleRechargePanel[data-state="checking"] .simple-recharge-orbit::before{
 content:"";display:block;inset:3px;border:5px solid #e7def6;border-top-color:#7654c7;
 border-right-color:#e7def6;animation:hy-visible-work-spin .9s linear infinite;
}
#simpleRechargePanel[data-state="checking"] .simple-recharge-orbit::before{
 border-color:#f1e3cc;border-top-color:#a4752f;
}
#simpleRechargePanel[data-state="processing"] .simple-recharge-orbit::after,
#simpleRechargePanel[data-state="checking"] .simple-recharge-orbit::after{
 content:"•••";display:block;letter-spacing:3px;padding-left:3px;font-size:21px;
 animation:hy-visible-work-breathe 1.6s ease-in-out infinite;
}
#simpleRechargePanel[data-state="processing"] .simple-recharge-track{height:6px;margin-top:22px}
#simpleRechargePanel[data-state="processing"] .simple-recharge-track i{
 width:32%;background:#7654c7;animation:hy-visible-work-slide 1.5s ease-in-out infinite;
}
@keyframes hy-visible-work-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes hy-visible-work-breathe{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes hy-visible-work-slide{from{transform:translateX(-110%)}to{transform:translateX(340%)}}
@media(prefers-reduced-motion:reduce){
 #simpleRechargePanel[data-state="processing"] .simple-recharge-orbit::before,
 #simpleRechargePanel[data-state="checking"] .simple-recharge-orbit::before,
 #simpleRechargePanel[data-state="processing"] .simple-recharge-orbit::after,
 #simpleRechargePanel[data-state="checking"] .simple-recharge-orbit::after,
 #simpleRechargePanel[data-state="processing"] .simple-recharge-track i{animation:none}
}
/* Shared customer tools keep the returned form familiar without extra notices. */
#progressDraftToolNav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 30px 0;padding:0;border:0;background:none}
#progressDraftToolNav button{appearance:none;display:flex;align-items:center;justify-content:center;min-width:0;min-height:56px;padding:12px 10px;border:1px solid #d9d1e8;border-radius:12px;background:#fff;color:#53436f;font-family:inherit;font-size:14px;font-weight:600;line-height:1.45;box-shadow:0 2px 4px #4430630c;cursor:pointer}
#progressDraftToolNav button:hover:not(:disabled){background:#f8f5ff;border-color:#baa6e0}
#progressDraftToolNav button:focus-visible{outline:2px solid #7654c7;outline-offset:3px}
.tool-login-links,.swap-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.tool-login-links[hidden]{display:none!important}
.tool-login-links a,.swap-result-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid #d9d1e8;border-radius:9px;background:#f8f5ff;color:#6044a5;font:inherit;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}
.tool-login-links a:focus-visible,.swap-result-actions button:focus-visible{outline:2px solid #7654c7;outline-offset:2px}
@media(max-width:680px){
 #progressDraftToolNav{margin:16px 16px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #progressDraftToolNav button{min-height:52px;font-size:13px;padding:11px 8px}
 #progressDraftToolNav button:last-child{grid-column:1/-1}
}
/* Header tools remain distinct and reachable on narrow screens. */
.top-nav button{border:1px solid #dfe4ee;border-radius:9px;background:#fff;min-height:44px;padding:8px 12px}
.top-nav button:focus-visible{outline:2px solid #7654c7;outline-offset:2px}
@media(max-width:680px){
 .site-header{height:auto;min-height:60px;flex-wrap:wrap;gap:10px;padding:12px 16px}
 .site-header .top-nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .site-header .top-nav button{justify-content:center;font-size:12px;padding:8px 4px;min-width:0}
}


/* Source 16: /assets/recharge-home-353bed18379124e5/assets/no-guide-a36dd1d49b4c66df.css */
#rechargeWorkbench #cardToolNav,
#progressDraftPanel #progressDraftToolNav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}


/* Source 17: /assets/recharge-home-353bed18379124e5/assets/tools-visibility-74b85be45bdf571c.css */
.site-header .top-nav,
#homeInventory .product-card[data-product="claude"],
#openQueryCard {
    display: none !important;
}
@media (max-width: 900px) {
    #homeInventory {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* Both toolbars contain two actions, including on narrow screens. */
@media (max-width: 680px) {
    #rechargeWorkbench #cardToolNav button:last-child,
    #progressDraftToolNav button:last-child {
        grid-column: auto;
    }
}


/* Source 18: /assets/index1-seven-ux-20261019/page-boot-a8d319d6923d5584.css */
/* Only the existing boot notice. No script, form, or recharge-state changes. */
.hongyun-page-boot {
    position: fixed;
    top: 0.75rem;
    right: 1rem;
    left: 1rem;
    z-index: 10000;
    box-sizing: border-box;
    width: auto;
    max-width: 40rem;
    max-height: calc(100vh - 1.5rem);
    margin: 0 auto;
    padding: 0.625rem 1rem;
    overflow: auto;
    border: 1px solid #d9a441;
    border-radius: 0.5rem;
    background: #fff8e8;
    color: #5b4010;
    font: 0.8125rem/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
    text-align: center;
    overflow-wrap: anywhere;
    visibility: visible;
}

.hongyun-page-boot p { margin: 0; }
.hongyun-page-boot__reload {
    display: inline-block;
    padding: 0.125rem 0.25rem;
    color: #694707;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.15em;
    touch-action: manipulation;
}
.hongyun-page-boot__reload:focus-visible {
    outline: 2px solid #005fcc;
    outline-offset: 3px;
    border-radius: 0.125rem;
}

/* A working watcher owns its 20-second timeout; ordinary loading stays quiet. */
.hongyun-page-boot[hidden],
html[data-hongyun-page-boot="watching"] .hongyun-page-boot,
html[data-hongyun-page-boot="ready"] .hongyun-page-boot {
    display: none !important;
}

html[data-hongyun-page-boot="failed"] .hongyun-page-boot {
    animation: none;
    visibility: visible;
}

/* The static href and noscript message also survive a missing bootstrap.
   Hiding belongs to the animation, NOT a persistent visibility:hidden rule:
   unsupported/disabled animations therefore leave the static fallback usable.
   This is a discrete visibility timer, not motion; do not remove it merely for
   prefers-reduced-motion. Fixed positioning avoids moving page content. */
@supports (animation-name: hongyun-page-boot-fallback) {
    html:not([data-hongyun-page-boot]) .hongyun-page-boot {
        animation: hongyun-page-boot-fallback 1ms step-end 20s both;
    }
}

@keyframes hongyun-page-boot-fallback {
    from { visibility: hidden; }
    to { visibility: visible; }
}


/* Source 19: /assets/home-mobile-20261019/compact-3679d6b7ac12bbc0.css */
/* Homepage presentation only. No visibility/state changes to business panels. */
@media (max-width: 900px) {
    .site-header {
        height: 48px;
        min-height: 48px;
        padding: 0 12px;
        flex-wrap: nowrap;
    }
    .site-header .brand { gap: 8px; }
    .site-header .brand-mark { width: 28px; height: 28px; border-radius: 8px; }
    .site-header .brand-mark svg { width: 21px; height: 21px; }
    .site-header .brand-word { font-size: 17px; }

    main, footer { width: calc(100% - 24px); }
    main { padding-top: 10px; }
    #homeInventory {
        padding: 3px;
        gap: 4px;
        margin-bottom: 10px;
        border-radius: 11px;
    }
    #homeInventory .product-card {
        min-height: 44px;
        padding: 6px 8px;
        border-radius: 8px;
    }
    #homeInventory .product-main { min-height: 30px; gap: 0; }
    #homeInventory .product-copy strong {
        font-size: 13px;
        line-height: 1.4;
        white-space: nowrap;
    }
    #homeInventory .product-brand-name { display: none; }
    #homeInventory .project-name-detail {
        display: inline;
        margin: 0;
        font-size: 13px;
        line-height: 1.4;
        font-weight: 600;
    }
    #homeInventory .product-card[aria-pressed="true"]::before { display: none; }
    #rechargeWorkbench { border-radius: 14px; }
    #layoutSelectedStock { padding: 12px 14px 10px; }
    .layout-stock-heading { margin-bottom: 7px; }
    #layoutStockTitle { font-size: 18px; line-height: 1.35; letter-spacing: -.2px; }

    /* One row, with a local scroll area only when all five iOS plans cannot fit. */
    #layoutStockItems {
        display: grid;
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: minmax(62px, 1fr);
        gap: 6px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        padding-bottom: 2px;
    }
    #layoutStockItems:has(.layout-stock-pill:nth-child(5)) {
        grid-auto-columns: minmax(70px, 1fr);
    }
    #layoutStockItems .layout-stock-pill {
        min-height: 44px;
        padding: 5px 6px;
        gap: 2px;
        align-items: center;
        text-align: center;
        border-radius: 8px;
    }
    #layoutStockItems .layout-stock-pill b {
        font-size: 12px;
        line-height: 1.35;
        white-space: nowrap;
        overflow-wrap: normal;
    }
    #layoutStockItems .layout-stock-pill > span {
        font-size: 11px;
        line-height: 1.4;
        gap: 4px;
        padding: 0;
        white-space: nowrap;
    }
    #layoutStockItems .layout-stock-pill > span::before { width: 5px; height: 5px; }

    #rechargeWorkbench #cardMoreServices { margin: 8px 14px 0; }
    #rechargeWorkbench #cardToolNav:not([hidden]) {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        padding: 0;
    }
    #rechargeWorkbench #cardToolNav[hidden] { display: none !important; }
    #rechargeWorkbench #cardToolNav button {
        flex: 0 0 auto;
        min-height: 40px;
        padding: 8px 12px;
        gap: 6px;
        font-size: 12px;
        line-height: 1.4;
        border-radius: 8px;
        white-space: nowrap;
    }
    #rechargeWorkbench #cardToolNav button svg {
        width: 15px;
        height: 15px;
        padding: 0;
        border-radius: 0;
        background: transparent;
    }
    #rechargeWorkbench .form-area { padding: 12px 14px 18px; }
    #rechargeWorkbench #stepOnePanel { padding-bottom: 0; }
    #rechargeWorkbench #stepTwoPanel { padding-top: 10px; }
    #rechargeWorkbench .form-area label { margin-bottom: 6px; }
    #rechargeWorkbench .input-shell { height: 48px; padding-inline: 12px; }
    #rechargeWorkbench .form-area input:not([type="checkbox"]) { min-height: 44px; font-size: 16px; }
    #rechargeWorkbench #gptSession {
        height: 104px;
        min-height: 104px;
        padding: 11px 12px;
        font-size: 16px;
        line-height: 1.5;
    }
    #rechargeWorkbench #quickRechargeStart { min-height: 48px; margin-top: 10px; }
    footer { margin-top: 16px; padding-bottom: 16px; }
}


/* Source 20: /assets/inventory-polish-20261019/stock-ee1378307281e26f.css */
/* Inventory presentation only. No stock state, interaction or business changes. */
#layoutSelectedStock {
    background: #fff;
    border-bottom-color: #edf0f6;
}
#layoutSelectedStock .layout-stock-heading { margin-bottom: 14px; }
#layoutSelectedStock #layoutStockTitle {
    color: #27344b;
    font-weight: 600;
    letter-spacing: -.35px;
}
#layoutStockItems {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 4px;
    border: 1px solid #e8ecf3;
    border-radius: 12px;
    background: #f7f9fc;
    box-shadow: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
    font-variant-numeric: lining-nums tabular-nums;
}
#layoutStockItems:has(.layout-stock-pill:nth-child(4)) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#layoutStockItems:has(.layout-stock-pill:nth-child(5)) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#layoutStockItems:has(.layout-stock-pill:only-child) { grid-template-columns: minmax(0, 1fr); }
#layoutStockItems .layout-stock-pill {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    min-height: 60px;
    padding: 8px 16px;
    gap: 5px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
    cursor: default;
}
#layoutStockItems .layout-stock-pill + .layout-stock-pill::after {
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 1px;
    background: #e2e7f0;
    pointer-events: none;
}
#layoutStockItems .layout-stock-pill b {
    color: #2c3951;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: .15px;
    white-space: nowrap;
    overflow-wrap: normal;
}
#layoutStockItems .layout-stock-pill > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #617087;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: .1px;
    white-space: nowrap;
}
#layoutStockItems .layout-stock-pill > span::before {
    content: "";
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 0;
    border-radius: 50%;
    background: currentColor;
}
#layoutStockItems .layout-stock-pill[data-view-stock="in"] > span { color: #15724f; }
#layoutStockItems .layout-stock-pill[data-view-stock="out"] > span { color: #617087; }
#layoutStockItems .layout-stock-pill[data-view-stock="out"] > span::before {
    width: 6px;
    height: 2px;
    border-radius: 1px;
}
#layoutStockItems .layout-stock-pill[data-view-stock="unknown"] > span { color: #865c1b; }
#layoutStockItems .layout-stock-pill[data-view-stock="unknown"] > span::before {
    width: 6px;
    height: 6px;
    border: 1.25px solid currentColor;
    background: transparent;
}
@media (max-width: 900px) {
    #layoutSelectedStock .layout-stock-heading { margin-bottom: 9px; }
    #layoutStockItems,
    #layoutStockItems:has(.layout-stock-pill:nth-child(4)),
    #layoutStockItems:has(.layout-stock-pill:nth-child(5)),
    #layoutStockItems:has(.layout-stock-pill:only-child) {
        grid-template-columns: none;
        grid-auto-flow: column;
        grid-auto-columns: minmax(60px, 1fr);
        padding: 3px;
        border-radius: 10px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
    }
    #layoutStockItems:has(.layout-stock-pill:nth-child(5)) { grid-auto-columns: minmax(74px, 1fr); }
    #layoutStockItems .layout-stock-pill {
        align-items: center;
        min-height: 46px;
        padding: 4px 5px;
        gap: 3px;
        text-align: center;
    }
    #layoutStockItems .layout-stock-pill + .layout-stock-pill::after { top: 8px; bottom: 8px; }
    #layoutStockItems .layout-stock-pill b { font-size: 13px; letter-spacing: .1px; }
    #layoutStockItems .layout-stock-pill > span { font-size: 12px; line-height: 1.4; }
}


/* Source 21: /assets/recharge-home-353bed18379124e5/official-tools-b79137f3fb4b0dc5/official-query.css */
.hongyun-official-query .query-nav[data-v-120e7e20]{display:flex;margin:0 0 10px}.hongyun-official-query .card-main[data-v-120e7e20]{padding:20px 18px;display:flex;flex-direction:column;gap:16px}.hongyun-official-query .card-icon-row[data-v-120e7e20]{display:flex;align-items:center;gap:12px}.hongyun-official-query .card-icon[data-v-120e7e20]{width:38px;height:38px;border-radius:8px;background:#eef5ff;color:var(--ui-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hongyun-official-query .card-icon svg[data-v-120e7e20]{width:20px;height:20px}.hongyun-official-query .card-title[data-v-120e7e20]{font-size:18px;font-weight:600}.hongyun-official-query .card-desc[data-v-120e7e20]{margin-top:2px;font-size:14px;color:var(--ui-label-secondary)}.hongyun-official-query .input-group[data-v-120e7e20]{display:flex;flex-direction:column}.hongyun-official-query .input-meta[data-v-120e7e20]{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:13px;color:var(--ui-label-secondary)}.hongyun-official-query .link-button[data-v-120e7e20]{border:none;background:transparent;color:var(--ui-blue);font:inherit;cursor:pointer}.hongyun-official-query .result-list[data-v-120e7e20]{display:flex;flex-direction:column;gap:10px}.hongyun-official-query .query-summary[data-v-120e7e20]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-top:12px;margin-bottom:10px}.hongyun-official-query .summary-stats[data-v-120e7e20]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1}.hongyun-official-query .summary-stat[data-v-120e7e20]{min-width:0}.hongyun-official-query .summary-stat span[data-v-120e7e20]{display:block;margin-bottom:4px;font-size:12px;color:var(--ui-label-secondary)}.hongyun-official-query .summary-stat strong[data-v-120e7e20]{display:block;font-size:20px;line-height:1.1}.hongyun-official-query .result-card[data-v-120e7e20]{padding:13px 14px;animation:hongyun-official-query-fadeIn-120e7e20 .35s ease}.hongyun-official-query .result-head[data-v-120e7e20]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hongyun-official-query .result-code[data-v-120e7e20]{min-width:0;margin-right:12px;font-size:15px;font-weight:700;overflow-wrap:anywhere;word-break:break-word}.hongyun-official-query .result-head .ui-row-value[data-v-120e7e20]{flex-shrink:0;white-space:nowrap}.hongyun-official-query .result-grid[data-v-120e7e20]{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:10px}.hongyun-official-query .result-grid div[data-v-120e7e20]{min-width:0}.hongyun-official-query .result-grid span[data-v-120e7e20]{display:block;margin-bottom:4px;font-size:12px;color:var(--ui-label-secondary)}.hongyun-official-query .result-grid strong[data-v-120e7e20]{display:block;font-size:14px;font-weight:600;word-break:break-all}.hongyun-official-query .unmatched-card[data-v-120e7e20]{margin-bottom:10px;padding:14px}.hongyun-official-query .unmatched-head[data-v-120e7e20]{display:flex;align-items:center;justify-content:space-between;gap:12px}.hongyun-official-query .unmatched-title[data-v-120e7e20]{font-size:16px;font-weight:700}.hongyun-official-query .unmatched-subtitle[data-v-120e7e20]{margin-top:3px;color:var(--ui-label-secondary);font-size:12px}.hongyun-official-query .unmatched-copy-button[data-v-120e7e20]{min-width:102px;flex-shrink:0;border-radius:8px}.hongyun-official-query .unmatched-copy-button svg[data-v-120e7e20]{width:16px;height:16px}.hongyun-official-query .unmatched-notice[data-v-120e7e20]{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;border-radius:8px;background:#d98a221a;color:#8a5816;font-size:13px;line-height:1.5}.hongyun-official-query .unmatched-notice svg[data-v-120e7e20]{width:16px;height:16px;margin-top:2px;flex-shrink:0}.hongyun-official-query .unmatched-list[data-v-120e7e20]{max-height:220px;margin:12px 0 0;padding:12px;overflow:auto;border:1px solid var(--ui-separator);border-radius:8px;background:var(--ui-fill);color:var(--ui-label);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.hongyun-official-query .copy-button[data-v-120e7e20],.hongyun-official-query .download-button[data-v-120e7e20]{border-radius:12px}@keyframes hongyun-official-query-fadeIn-120e7e20{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.hongyun-official-query .order-query[data-v-120e7e20]{margin-top:-8px}.hongyun-official-query .query-nav[data-v-120e7e20]{margin:0 0 2px -6px}.hongyun-official-query .card-main[data-v-120e7e20]{margin-top:8px;padding:14px 12px;gap:14px}.hongyun-official-query .card-icon-row[data-v-120e7e20]{align-items:flex-start;gap:10px}.hongyun-official-query .card-icon[data-v-120e7e20]{width:34px;height:34px;border-radius:9px}.hongyun-official-query .card-title[data-v-120e7e20]{font-size:17px}.hongyun-official-query .card-desc[data-v-120e7e20]{font-size:13px;line-height:1.45}.hongyun-official-query .input-meta[data-v-120e7e20]{font-size:12px}.hongyun-official-query .result-grid[data-v-120e7e20]{grid-template-columns:1fr}.hongyun-official-query .query-summary[data-v-120e7e20]{align-items:stretch;flex-direction:column;padding:12px}.hongyun-official-query .summary-stats[data-v-120e7e20]{gap:10px}.hongyun-official-query .summary-stat strong[data-v-120e7e20]{font-size:18px}.hongyun-official-query .unmatched-card[data-v-120e7e20]{padding:12px}.hongyun-official-query .unmatched-head[data-v-120e7e20]{align-items:stretch;flex-direction:column}.hongyun-official-query .unmatched-copy-button[data-v-120e7e20]{width:100%}.hongyun-official-query .unmatched-notice[data-v-120e7e20]{padding:9px 10px;font-size:12px}.hongyun-official-query .unmatched-list[data-v-120e7e20]{max-height:200px;font-size:12px}.hongyun-official-query .result-card[data-v-120e7e20]{padding:12px}.hongyun-official-query .result-head[data-v-120e7e20]{gap:8px}.hongyun-official-query .result-code[data-v-120e7e20]{margin-right:8px;font-size:14px;line-height:1.35}.hongyun-official-query .result-head .ui-row-value[data-v-120e7e20]{font-size:13px;line-height:1.35}}.hongyun-official-query .token-query[data-v-0e727c93]{width:100%}.hongyun-official-query .token-account-icon[data-v-0e727c93]{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid rgba(16,163,127,.16);border-radius:13px;background:#e7f5f0;color:#0b8f70}.hongyun-official-query .token-query-form[data-v-0e727c93]{margin-top:10px}.hongyun-official-query .token-query-form-head[data-v-0e727c93]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.hongyun-official-query .token-query-form-head label[data-v-0e727c93]{color:var(--ui-label-secondary);font-size:13px;font-weight:750}.hongyun-official-query .token-query-textarea[data-v-0e727c93]{min-height:154px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55}.hongyun-official-query .token-query-error[data-v-0e727c93]{margin-top:12px}.hongyun-official-query .token-query-submit[data-v-0e727c93]{width:100%}.hongyun-official-query .token-query-spinner[data-v-0e727c93]{animation:hongyun-official-query-token-spin-0e727c93 .9s linear infinite}.hongyun-official-query .token-query-result[data-v-0e727c93]{margin-top:18px}.hongyun-official-query .token-overview[data-v-0e727c93]{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(16,163,127,.18);border-radius:20px;background:#fffffff7;color:var(--ui-label);box-shadow:0 14px 34px #27483914}.hongyun-official-query .token-overview[data-v-0e727c93]:before,.hongyun-official-query .token-overview[data-v-0e727c93]:after{content:"";position:absolute;border-radius:50%;background:#10a37f0b;pointer-events:none}.hongyun-official-query .token-overview[data-v-0e727c93]:before{width:220px;height:220px;top:-138px;right:-38px}.hongyun-official-query .token-overview[data-v-0e727c93]:after{width:110px;height:110px;right:126px;bottom:-76px}.hongyun-official-query .token-overview.is-grace_period[data-v-0e727c93],.hongyun-official-query .token-overview.is-canceling[data-v-0e727c93]{border-color:#d98a2247;background:#fffaf2;box-shadow:0 14px 34px #623d1814}.hongyun-official-query .token-overview.is-grace_period[data-v-0e727c93]{padding:14px 16px}.hongyun-official-query .token-overview.is-grace_period .token-status-icon[data-v-0e727c93]{width:46px;height:46px;border-radius:14px}.hongyun-official-query .token-overview.is-grace_period .token-status-copy strong[data-v-0e727c93]{margin-top:2px;font-size:20px}.hongyun-official-query .token-overview.is-grace_period .token-status-copy small[data-v-0e727c93]{margin-top:3px}.hongyun-official-query .token-overview.is-expired[data-v-0e727c93],.hongyun-official-query .token-overview.is-delinquent[data-v-0e727c93]{border-color:#dc4c4542;background:#fff7f6;box-shadow:0 14px 34px #5c232314}.hongyun-official-query .token-overview-main[data-v-0e727c93]{position:relative;z-index:1;display:flex;align-items:center;gap:16px}.hongyun-official-query .token-status-icon[data-v-0e727c93]{width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid rgba(16,163,127,.16);border-radius:16px;background:#e7f5f0;color:#0b8f70}.hongyun-official-query .is-grace_period .token-status-icon[data-v-0e727c93],.hongyun-official-query .is-canceling .token-status-icon[data-v-0e727c93]{border-color:#d98a2233;background:#fff0dc;color:#df7c12}.hongyun-official-query .is-expired .token-status-icon[data-v-0e727c93],.hongyun-official-query .is-delinquent .token-status-icon[data-v-0e727c93]{border-color:#dc4c4533;background:#ffe9e7;color:#d94842}.hongyun-official-query .token-status-copy[data-v-0e727c93]{min-width:0;display:flex;flex-direction:column}.hongyun-official-query .token-status-copy span[data-v-0e727c93]{color:var(--ui-label-secondary);font-size:11px;font-weight:800;letter-spacing:.08em}.hongyun-official-query .token-status-copy strong[data-v-0e727c93]{margin-top:4px;font-size:21px;font-weight:820;line-height:1.25}.hongyun-official-query .token-status-copy small[data-v-0e727c93]{margin-top:5px;color:var(--ui-label-secondary);font-size:12px;line-height:1.45}.hongyun-official-query .token-plan-badge[data-v-0e727c93]{margin-left:auto;padding:8px 13px;flex:0 0 auto;border-radius:999px;background:#e7f5f0;color:#0b8f70;font-size:13px;font-weight:800}.hongyun-official-query .token-detail-account-row[data-v-0e727c93]{min-width:0;padding:14px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--fresh-border);background:#fbfefd}.hongyun-official-query .token-account-copy[data-v-0e727c93]{min-width:0;display:flex;flex-direction:column}.hongyun-official-query .token-account-copy span[data-v-0e727c93]{color:var(--ui-label-secondary);font-size:11px;font-weight:800;letter-spacing:.06em}.hongyun-official-query .token-account-copy strong[data-v-0e727c93]{margin-top:4px;overflow-wrap:anywhere;color:var(--ui-label);font-size:15px}.hongyun-official-query .token-account-copy small[data-v-0e727c93]{margin-top:4px;color:#0b8f70;font-size:12px;font-weight:700}.hongyun-official-query .token-query-reset[data-v-0e727c93]{min-height:38px;margin-left:auto;padding:0 12px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:1px solid var(--fresh-border);border-radius:12px;background:#fff;color:var(--ui-label-secondary);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.hongyun-official-query .token-query-reset[data-v-0e727c93]:hover{border-color:#10a37f42;background:#f3fbf8;color:#0b8f70}.hongyun-official-query .token-highlights[data-v-0e727c93]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.hongyun-official-query .token-renewal-actions[data-v-0e727c93]{margin-top:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--fresh-border);border-radius:18px;background:#fffffff5;box-shadow:0 10px 28px #27483911}.hongyun-official-query .token-renewal-actions-copy[data-v-0e727c93]{min-width:0;display:flex;flex-direction:column}.hongyun-official-query .token-renewal-actions-copy strong[data-v-0e727c93]{color:var(--ui-label);font-size:15px}.hongyun-official-query .token-renewal-actions-copy small[data-v-0e727c93]{margin-top:4px;color:var(--ui-label-secondary);font-size:12px;line-height:1.4}.hongyun-official-query .token-renewal-buttons[data-v-0e727c93]{display:grid;grid-template-columns:repeat(2,minmax(112px,1fr));gap:10px;flex:0 0 auto}.hongyun-official-query .token-renewal-buttons .token-renewal-button[data-v-0e727c93]{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:13px;font-weight:750}.hongyun-official-query .token-renewal-button.is-close[data-v-0e727c93]:not(:disabled){border-color:transparent;background:#159875;color:#fff;box-shadow:0 8px 18px #1598752e}.hongyun-official-query .token-renewal-button.is-close[data-v-0e727c93]:hover:not(:disabled){border-color:transparent;background:#0b8f70}.hongyun-official-query .token-renewal-button.is-open[data-v-0e727c93]:not(:disabled){background:#c95a52;box-shadow:0 8px 18px #c95a522e}.hongyun-official-query .token-renewal-button.is-open[data-v-0e727c93]:hover:not(:disabled){background:#b94740}.hongyun-official-query .token-renewal-button[data-v-0e727c93]:disabled{cursor:not-allowed;opacity:.58}.hongyun-official-query .token-renewal-feedback[data-v-0e727c93]{margin-top:12px}.hongyun-official-query .token-highlight-card[data-v-0e727c93]{min-width:0;min-height:94px;padding:12px 13px;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--fresh-border);border-radius:18px;background:#fffffff5;box-shadow:0 10px 28px #27483911;transition:transform .18s ease,box-shadow .18s ease}.hongyun-official-query .token-highlight-card[data-v-0e727c93]:hover{transform:translateY(-2px);box-shadow:0 15px 32px #27483917}.hongyun-official-query .token-highlight-icon[data-v-0e727c93]{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:12px;background:#f0edff;color:#6557d8}.hongyun-official-query .token-highlight-card.is-renewal .token-highlight-icon[data-v-0e727c93]{background:#e7f5f0;color:#0b8f70}.hongyun-official-query .token-highlight-card.is-grace .token-highlight-icon[data-v-0e727c93]{background:#edf7f3;color:#16916f}.hongyun-official-query .token-highlight-card.is-grace.is-warning[data-v-0e727c93]{border-color:#d98a223d}.hongyun-official-query .token-highlight-card.is-grace.is-warning .token-highlight-icon[data-v-0e727c93]{background:#fff1df;color:#e27d0f}.hongyun-official-query .token-highlight-copy[data-v-0e727c93]{min-width:0;display:flex;flex-direction:column}.hongyun-official-query .token-highlight-copy>span[data-v-0e727c93],.hongyun-official-query .token-detail-item>span[data-v-0e727c93]{color:var(--ui-label-secondary);font-size:11px;font-weight:800;letter-spacing:.04em}.hongyun-official-query .token-highlight-copy strong[data-v-0e727c93]{margin-top:4px;overflow-wrap:anywhere;font-size:16px;line-height:1.35}.hongyun-official-query .token-highlight-copy small[data-v-0e727c93]{margin-top:3px;overflow-wrap:anywhere;color:var(--ui-label-secondary);font-size:12px;line-height:1.45}.hongyun-official-query .token-details-panel[data-v-0e727c93]{margin-top:14px;overflow:hidden;border:1px solid var(--fresh-border);border-radius:20px;background:#fffffff5;box-shadow:0 12px 32px #27483911}.hongyun-official-query .token-details-head[data-v-0e727c93]{min-height:74px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--fresh-border)}.hongyun-official-query .token-details-head h3[data-v-0e727c93]{margin:0;color:var(--ui-green);font-size:18px;font-weight:800;line-height:1.2}.hongyun-official-query .token-details-head>small[data-v-0e727c93]{color:var(--ui-label-secondary);font-size:12px}.hongyun-official-query .token-details-grid[data-v-0e727c93]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hongyun-official-query .token-detail-item[data-v-0e727c93]{min-width:0;min-height:106px;padding:17px 20px;display:flex;justify-content:center;flex-direction:column;border-bottom:1px solid var(--fresh-border)}.hongyun-official-query .token-detail-item[data-v-0e727c93]:nth-child(odd){border-right:1px solid var(--fresh-border)}.hongyun-official-query .token-detail-item[data-v-0e727c93]:nth-last-child(-n+2){border-bottom:0}.hongyun-official-query .token-detail-item strong[data-v-0e727c93]{margin-top:7px;overflow-wrap:anywhere;font-size:16px;line-height:1.35}.hongyun-official-query .token-detail-item small[data-v-0e727c93]{min-height:17px;margin-top:4px;overflow-wrap:anywhere;color:var(--ui-label-secondary);font-size:12px;line-height:1.4}.hongyun-official-query .token-detail-id[data-v-0e727c93]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px!important}@keyframes hongyun-official-query-token-spin-0e727c93{to{transform:rotate(360deg)}}@media(max-width:760px){.hongyun-official-query .token-highlight-card[data-v-0e727c93]{padding:12px 13px}}@media(max-width:600px){.hongyun-official-query .token-query-form[data-v-0e727c93]{padding:16px}.hongyun-official-query .token-query-textarea[data-v-0e727c93]{min-height:128px}.hongyun-official-query .token-overview[data-v-0e727c93]{padding:18px;border-radius:18px}.hongyun-official-query .token-overview-main[data-v-0e727c93]{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:flex-start;gap:12px 16px}.hongyun-official-query .token-status-icon[data-v-0e727c93]{width:48px;height:48px;border-radius:16px}.hongyun-official-query .token-status-copy[data-v-0e727c93]{grid-column:2;min-width:0;overflow-wrap:anywhere}.hongyun-official-query .token-status-copy strong[data-v-0e727c93]{font-size:19px}.hongyun-official-query .token-plan-badge[data-v-0e727c93]{grid-column:2;justify-self:start;max-width:100%;margin-left:0;overflow-wrap:anywhere}.hongyun-official-query .token-detail-account-row[data-v-0e727c93]{padding:14px 16px;align-items:flex-start;flex-wrap:wrap}.hongyun-official-query .token-account-copy[data-v-0e727c93]{flex:1}.hongyun-official-query .token-query-reset[data-v-0e727c93]{width:100%;min-height:42px;margin-left:54px;justify-content:center}.hongyun-official-query .token-highlights[data-v-0e727c93]{grid-template-columns:1fr}.hongyun-official-query .token-renewal-actions[data-v-0e727c93]{align-items:stretch;flex-direction:column;gap:12px}.hongyun-official-query .token-renewal-buttons[data-v-0e727c93]{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.hongyun-official-query .token-renewal-button[data-v-0e727c93]{min-width:0;padding:0 8px}.hongyun-official-query .token-highlight-card[data-v-0e727c93]{min-height:0}.hongyun-official-query .token-details-head[data-v-0e727c93]{min-height:68px;padding:15px 16px}.hongyun-official-query .token-details-head>small[data-v-0e727c93]{display:none}.hongyun-official-query .token-details-grid[data-v-0e727c93]{grid-template-columns:1fr}.hongyun-official-query .token-detail-item[data-v-0e727c93]{min-height:96px;padding:15px 16px;border-right:0!important;border-bottom:1px solid var(--fresh-border)!important}.hongyun-official-query .token-detail-item[data-v-0e727c93]:last-child{border-bottom:0!important}}.hongyun-official-query .billing-query[data-v-654bc1a3]{width:100%}.hongyun-official-query .billing-invoices-head span[data-v-654bc1a3]{display:block;color:var(--ui-green);font-size:11px;font-weight:800}.hongyun-official-query .billing-account-icon[data-v-654bc1a3]{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid rgba(31,157,114,.22);border-color:#2f73d933;border-radius:10px;background:var(--fresh-blue-soft);color:var(--ui-blue)}.hongyun-official-query .billing-loading[data-v-654bc1a3]{margin-top:10px;padding:20px;border:1px solid rgba(220,233,227,.94);border-radius:14px;box-shadow:var(--fresh-shadow-soft)}.hongyun-official-query .billing-input label[data-v-654bc1a3]{display:block;margin-bottom:9px;color:var(--ui-label-secondary);font-size:13px;font-weight:750}.hongyun-official-query .billing-textarea[data-v-654bc1a3]{min-height:220px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55}.hongyun-official-query .billing-error[data-v-654bc1a3]{margin-top:12px}.hongyun-official-query .billing-submit[data-v-654bc1a3]{width:100%}.hongyun-official-query .billing-loading[data-v-654bc1a3]{min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.hongyun-official-query .billing-loading-icon[data-v-654bc1a3]{color:var(--ui-blue);animation:hongyun-official-query-billing-spin-654bc1a3 1s linear infinite}.hongyun-official-query .billing-loading strong[data-v-654bc1a3]{margin-top:18px;font-size:18px}.hongyun-official-query .billing-loading>span[data-v-654bc1a3]{margin-top:7px;color:var(--ui-label-secondary);font-size:13px}.hongyun-official-query .billing-loading-line[data-v-654bc1a3]{width:min(280px,80%);height:5px;margin-top:22px;overflow:hidden;border-radius:5px;background:var(--ui-fill)}.hongyun-official-query .billing-loading-line i[data-v-654bc1a3]{display:block;width:45%;height:100%;background:linear-gradient(90deg,var(--ui-blue),var(--ui-green));animation:hongyun-official-query-billing-loading-654bc1a3 1.25s ease-in-out infinite}.hongyun-official-query .billing-result[data-v-654bc1a3]{margin-top:18px}.hongyun-official-query .billing-account-band[data-v-654bc1a3]{min-height:92px;padding:16px 18px;display:flex;align-items:center;gap:13px;border:1px solid var(--fresh-border);border-radius:14px;background:linear-gradient(145deg,#fff,#f8fbfa);box-shadow:0 7px 20px #2748390d}.hongyun-official-query .billing-account-copy[data-v-654bc1a3]{min-width:0;display:flex;flex-direction:column}.hongyun-official-query .billing-account-copy span[data-v-654bc1a3],.hongyun-official-query .billing-fact>span[data-v-654bc1a3]{color:var(--ui-label-secondary);font-size:12px;font-weight:700}.hongyun-official-query .billing-account-copy strong[data-v-654bc1a3]{margin-top:4px;overflow-wrap:anywhere;font-size:18px}.hongyun-official-query .billing-account-copy small[data-v-654bc1a3]{margin-top:4px;color:var(--ui-blue);font-weight:750}.hongyun-official-query .billing-icon-button[data-v-654bc1a3]{width:38px;height:38px;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--fresh-border);border-radius:10px;background:#fff;color:var(--ui-label-secondary);cursor:pointer}.hongyun-official-query .billing-icon-button[data-v-654bc1a3]:hover{color:var(--ui-blue);border-color:#2f73d94d}.hongyun-official-query .billing-notice[data-v-654bc1a3]{margin-top:12px}.hongyun-official-query .billing-facts[data-v-654bc1a3]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.hongyun-official-query .billing-fact[data-v-654bc1a3]{min-width:0;min-height:112px;padding:16px;display:flex;justify-content:flex-end;flex-direction:column;border:1px solid var(--fresh-border);border-radius:14px;background:linear-gradient(145deg,#fff,#f8fbfa);box-shadow:0 7px 20px #2748390b}.hongyun-official-query .billing-fact-wide[data-v-654bc1a3]{grid-column:1 / -1}.hongyun-official-query .billing-fact strong[data-v-654bc1a3]{margin-top:8px;overflow-wrap:anywhere;font-size:17px;line-height:1.35}.hongyun-official-query .billing-fact small[data-v-654bc1a3]{min-height:18px;margin-top:5px;overflow-wrap:anywhere;color:var(--ui-label-secondary);font-size:12px;line-height:1.5}.hongyun-official-query .billing-invoices[data-v-654bc1a3]{margin-top:14px;overflow:hidden;border:1px solid var(--fresh-border);border-radius:14px;background:#fff;box-shadow:0 7px 20px #2748390d}.hongyun-official-query .billing-invoices-head[data-v-654bc1a3]{min-height:70px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--fresh-border)}.hongyun-official-query .billing-invoices-head h3[data-v-654bc1a3]{margin-top:4px;font-size:18px}.hongyun-official-query .billing-invoices-head>strong[data-v-654bc1a3]{color:var(--ui-label-secondary);font-size:13px}.hongyun-official-query .billing-table-wrap[data-v-654bc1a3]{overflow-x:auto}.hongyun-official-query .billing-table[data-v-654bc1a3]{width:100%;border-collapse:collapse;table-layout:fixed}.hongyun-official-query .billing-table th[data-v-654bc1a3],.hongyun-official-query .billing-table td[data-v-654bc1a3]{padding:13px 14px;border-bottom:1px solid var(--fresh-border);text-align:left;vertical-align:middle;font-size:13px}.hongyun-official-query .billing-table th[data-v-654bc1a3]{background:var(--fresh-soft);color:var(--ui-label-secondary);font-size:12px}.hongyun-official-query .billing-table th[data-v-654bc1a3]:nth-child(1){width:112px}.hongyun-official-query .billing-table th[data-v-654bc1a3]:nth-child(2){width:112px}.hongyun-official-query .billing-table th[data-v-654bc1a3]:nth-child(3){width:92px}.hongyun-official-query .billing-table th[data-v-654bc1a3]:nth-child(5){width:154px}.hongyun-official-query .billing-table tbody tr:last-child td[data-v-654bc1a3]{border-bottom:0}.hongyun-official-query .billing-amount[data-v-654bc1a3]{font-weight:750}.hongyun-official-query .billing-description[data-v-654bc1a3]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hongyun-official-query .billing-status[data-v-654bc1a3]{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;background:var(--ui-fill);color:var(--ui-label-secondary);font-size:12px;font-weight:750}.hongyun-official-query .billing-status.is-paid[data-v-654bc1a3]{background:#e6f6ee;color:#157d60}.hongyun-official-query .billing-status.is-open[data-v-654bc1a3],.hongyun-official-query .billing-status.is-draft[data-v-654bc1a3]{background:#fff4df;color:#a66a12}.hongyun-official-query .billing-status.is-void[data-v-654bc1a3],.hongyun-official-query .billing-status.is-uncollectible[data-v-654bc1a3]{background:#fdeceb;color:var(--ui-red)}.hongyun-official-query .billing-files[data-v-654bc1a3]{display:flex;align-items:center;gap:10px}.hongyun-official-query .billing-files a[data-v-654bc1a3]{display:inline-flex;align-items:center;gap:4px;color:var(--ui-blue);font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap}.hongyun-official-query .billing-files a[data-v-654bc1a3]:hover{color:var(--ui-green)}.hongyun-official-query .billing-no-file[data-v-654bc1a3]{color:var(--ui-label-tertiary);font-size:12px}.hongyun-official-query .billing-empty[data-v-654bc1a3]{min-height:210px;padding:28px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--ui-label-secondary);text-align:center}.hongyun-official-query .billing-empty strong[data-v-654bc1a3]{margin-top:12px;color:var(--ui-label)}.hongyun-official-query .billing-empty span[data-v-654bc1a3]{margin-top:6px;font-size:13px}@keyframes hongyun-official-query-billing-spin-654bc1a3{to{transform:rotate(360deg)}}@keyframes hongyun-official-query-billing-loading-654bc1a3{0%{transform:translate(-120%)}to{transform:translate(270%)}}@media(max-width:680px){.hongyun-official-query .billing-input[data-v-654bc1a3],.hongyun-official-query .billing-loading[data-v-654bc1a3]{padding:16px}.hongyun-official-query .billing-textarea[data-v-654bc1a3]{min-height:200px}.hongyun-official-query .billing-facts[data-v-654bc1a3]{grid-template-columns:1fr}.hongyun-official-query .billing-fact-wide[data-v-654bc1a3]{grid-column:auto}.hongyun-official-query .billing-account-band[data-v-654bc1a3]{align-items:flex-start}.hongyun-official-query .billing-table-wrap[data-v-654bc1a3]{overflow:visible}.hongyun-official-query .billing-table[data-v-654bc1a3],.hongyun-official-query .billing-table tbody[data-v-654bc1a3],.hongyun-official-query .billing-table tr[data-v-654bc1a3],.hongyun-official-query .billing-table td[data-v-654bc1a3]{display:block;width:100%}.hongyun-official-query .billing-table thead[data-v-654bc1a3]{display:none}.hongyun-official-query .billing-table tr[data-v-654bc1a3]{padding:13px 15px;border-bottom:1px solid var(--fresh-border)}.hongyun-official-query .billing-table tbody tr[data-v-654bc1a3]:last-child{border-bottom:0}.hongyun-official-query .billing-table td[data-v-654bc1a3]{min-height:34px;padding:6px 0 6px 92px;position:relative;border:0;overflow-wrap:anywhere}.hongyun-official-query .billing-table td[data-v-654bc1a3]:before{content:attr(data-label);position:absolute;left:0;top:7px;width:80px;color:var(--ui-label-secondary);font-size:12px;font-weight:700}.hongyun-official-query .billing-description[data-v-654bc1a3]{white-space:normal}}.hongyun-official-query .cdk-refresh[data-v-8fbbbd09]{display:flex;flex-direction:column;gap:12px}.hongyun-official-query .card-main[data-v-8fbbbd09]{display:flex;flex-direction:column;gap:16px;padding:20px 18px}.hongyun-official-query .card-icon-row[data-v-8fbbbd09],.hongyun-official-query .section-head[data-v-8fbbbd09],.hongyun-official-query .status-line[data-v-8fbbbd09]{display:flex;align-items:center}.hongyun-official-query .card-icon-row[data-v-8fbbbd09]{gap:12px}.hongyun-official-query .card-icon[data-v-8fbbbd09]{display:flex;width:38px;height:38px;flex-shrink:0;align-items:center;justify-content:center;border-radius:8px;background:#eef5ff;color:var(--ui-blue)}.hongyun-official-query .card-icon svg[data-v-8fbbbd09]{width:21px;height:21px}.hongyun-official-query .card-title[data-v-8fbbbd09],.hongyun-official-query .section-title[data-v-8fbbbd09]{font-size:18px;font-weight:700}.hongyun-official-query .card-desc[data-v-8fbbbd09],.hongyun-official-query .section-desc[data-v-8fbbbd09]{margin-top:2px;color:var(--ui-label-secondary);font-size:13px}.hongyun-official-query .input-group[data-v-8fbbbd09]{display:flex;flex-direction:column}.hongyun-official-query .input-meta[data-v-8fbbbd09],.hongyun-official-query .section-head[data-v-8fbbbd09]{justify-content:space-between;gap:12px}.hongyun-official-query .input-meta[data-v-8fbbbd09]{display:flex;margin-top:8px;color:var(--ui-label-secondary);font-size:13px}.hongyun-official-query .link-button[data-v-8fbbbd09]{border:0;background:transparent;color:var(--ui-blue);font:inherit;cursor:pointer}.hongyun-official-query .confirm-row[data-v-8fbbbd09]{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border-radius:8px;background:#d98a221a;color:#805414;font-size:13px;line-height:1.5;cursor:pointer}.hongyun-official-query .confirm-row input[data-v-8fbbbd09]{width:17px;height:17px;margin-top:1px;accent-color:var(--ui-blue)}.hongyun-official-query .refresh-summary[data-v-8fbbbd09]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px}.hongyun-official-query .summary-stat span[data-v-8fbbbd09]{display:block;margin-bottom:4px;color:var(--ui-label-secondary);font-size:12px}.hongyun-official-query .summary-stat strong[data-v-8fbbbd09]{font-size:21px}.hongyun-official-query .success-stat strong[data-v-8fbbbd09]{color:var(--ui-green)}.hongyun-official-query .failed-stat strong[data-v-8fbbbd09]{color:var(--ui-red)}.hongyun-official-query .result-section[data-v-8fbbbd09]{display:flex;flex-direction:column;gap:10px}.hongyun-official-query .copy-all-button[data-v-8fbbbd09],.hongyun-official-query .copy-failed-button[data-v-8fbbbd09]{min-height:36px;padding:0 12px;border-radius:8px;white-space:nowrap}.hongyun-official-query .result-list[data-v-8fbbbd09]{display:flex;flex-direction:column;gap:10px}.hongyun-official-query .result-card[data-v-8fbbbd09],.hongyun-official-query .failed-card[data-v-8fbbbd09]{padding:14px}.hongyun-official-query .success-card[data-v-8fbbbd09]{border:1px solid rgba(31,157,114,.18)}.hongyun-official-query .status-line[data-v-8fbbbd09]{justify-content:space-between;gap:10px;color:var(--ui-label-secondary);font-size:13px}.hongyun-official-query .success-badge[data-v-8fbbbd09]{padding:3px 8px;border-radius:999px;background:#1f9d721f;color:var(--ui-green);font-weight:700}.hongyun-official-query .code-pair[data-v-8fbbbd09]{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:10px;margin-top:13px}.hongyun-official-query .code-pair>svg[data-v-8fbbbd09]{width:20px;color:var(--ui-label-tertiary)}.hongyun-official-query .code-pair span[data-v-8fbbbd09]{display:block;margin-bottom:4px;color:var(--ui-label-secondary);font-size:12px}.hongyun-official-query .code-pair code[data-v-8fbbbd09]{display:block;overflow-wrap:anywhere;color:var(--ui-label);font-size:13px;font-weight:700}.hongyun-official-query .new-code-row[data-v-8fbbbd09]{min-width:0}.hongyun-official-query .new-code-row .link-button[data-v-8fbbbd09]{margin-top:6px;font-size:13px}.hongyun-official-query .failed-card pre[data-v-8fbbbd09]{max-height:220px;margin:12px 0 0;padding:12px;overflow:auto;border:1px solid var(--ui-separator);border-radius:8px;background:var(--ui-fill);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.hongyun-official-query .refresh-disabled-toast[data-v-8fbbbd09]{position:fixed;top:max(20px,env(safe-area-inset-top));right:20px;z-index:100;display:grid;grid-template-columns:20px minmax(0,1fr) 28px;align-items:center;gap:10px;width:min(400px,calc(100vw - 40px));min-height:52px;padding:10px 10px 10px 14px;border:1px solid rgba(210,59,48,.28);border-radius:8px;background:#fff;box-shadow:0 12px 30px #1c191729;color:var(--ui-red);font-size:13px;font-weight:700;line-height:1.5}.hongyun-official-query .refresh-disabled-toast button[data-v-8fbbbd09]{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:currentColor;cursor:pointer}.hongyun-official-query .refresh-disabled-toast button[data-v-8fbbbd09]:hover{background:#d23b3014}.hongyun-official-query .refresh-toast-enter-active[data-v-8fbbbd09],.hongyun-official-query .refresh-toast-leave-active[data-v-8fbbbd09]{transition:opacity .16s ease,transform .16s ease}.hongyun-official-query .refresh-toast-enter-from[data-v-8fbbbd09],.hongyun-official-query .refresh-toast-leave-to[data-v-8fbbbd09]{opacity:0;transform:translateY(-8px)}@media(max-width:560px){.hongyun-official-query .refresh-disabled-toast[data-v-8fbbbd09]{top:max(12px,env(safe-area-inset-top));right:12px;width:calc(100vw - 24px)}.hongyun-official-query .section-head[data-v-8fbbbd09]{align-items:flex-start}.hongyun-official-query .code-pair[data-v-8fbbbd09]{grid-template-columns:1fr}.hongyun-official-query .code-pair>svg[data-v-8fbbbd09]{transform:rotate(90deg)}}.hongyun-official-query{--ui-bg: #ffffff;--ui-card: #ffffff;--ui-fill: #faf7ff;--ui-separator: #e9e0f6;--ui-label: #342b48;--ui-label-secondary: #80738e;--ui-label-tertiary: #aa9bbd;--ui-blue: #7555c9;--ui-green: #7152b3;--ui-red: #b35073;--ui-orange: #967142;--ui-yellow: #967142;--ui-purple: #7555c9;--ui-gray: #92819f;--ui-radius-card: 8px;--ui-radius-control: 8px}.hongyun-official-query *{margin:0;padding:0;box-sizing:border-box}.hongyun-official-query .ui-card{background:var(--ui-card);border-radius:var(--ui-radius-card);box-shadow:0 1px 2px #0000000a}.hongyun-official-query .ui-group-footer{padding:8px 18px 0;color:var(--ui-label-secondary);font-size:14px;line-height:1.45}.hongyun-official-query .ui-list{overflow:hidden}.hongyun-official-query .ui-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;padding:13px 18px}.hongyun-official-query .ui-row+.ui-row:before{content:"";position:absolute;top:0;left:18px;right:0;height:1px;background:var(--ui-separator);transform:scaleY(.5)}.hongyun-official-query .ui-row-label{flex-shrink:0;color:var(--ui-label);font-size:16px}.hongyun-official-query .ui-row-value{color:var(--ui-label-secondary);font-size:16px;text-align:right;word-break:break-all}.hongyun-official-query .ui-input,.hongyun-official-query .ui-textarea{width:100%;padding:15px 16px;border:1px solid transparent;border-radius:var(--ui-radius-control);outline:none;background:var(--ui-fill);color:var(--ui-label);font-family:inherit;font-size:17px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;appearance:none}.hongyun-official-query .ui-textarea{resize:none;line-height:1.5}.hongyun-official-query .ui-input::placeholder,.hongyun-official-query .ui-textarea::placeholder{color:var(--ui-label-tertiary)}.hongyun-official-query .ui-input:focus,.hongyun-official-query .ui-textarea:focus{border-color:var(--ui-blue);background:var(--ui-card);box-shadow:0 0 0 3px #2f73d926}.hongyun-official-query .ui-input.has-error,.hongyun-official-query .ui-textarea.has-error{border-color:var(--ui-red);box-shadow:0 0 0 3px #dc4c451f}.hongyun-official-query .btn-filled,.hongyun-official-query .btn-gray,.hongyun-official-query .btn-tinted,.hongyun-official-query .btn-plain,.hongyun-official-query .header-action-button,.hongyun-official-query .subpage-back-button,.hongyun-official-query .product-card{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:none;cursor:pointer;font-family:inherit;font-weight:600;transition:opacity .15s ease,transform .1s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.hongyun-official-query .btn-filled{width:100%;min-height:54px;padding:0 20px;border-radius:var(--ui-radius-control);background:var(--ui-blue);color:#fff;font-size:18px}.hongyun-official-query .btn-filled.btn-destructive{background:var(--ui-red)}.hongyun-official-query .btn-filled:active:not(:disabled),.hongyun-official-query .btn-gray:active,.hongyun-official-query .btn-tinted:active{opacity:.72}.hongyun-official-query .btn-filled:disabled{background:#2f73d959;cursor:not-allowed}.hongyun-official-query .btn-filled.btn-destructive:disabled{background:#dc4c4559}.hongyun-official-query .btn-gray{width:100%;min-height:54px;padding:0 20px;border-radius:var(--ui-radius-control);background:var(--ui-fill);color:var(--ui-blue);font-size:18px}.hongyun-official-query .btn-tinted{padding:10px 18px;border-radius:var(--ui-radius-control);background:#2f73d91f;color:var(--ui-blue);font-size:15px}.hongyun-official-query .btn-tinted svg{width:15px;height:15px}.hongyun-official-query .btn-plain{background:none;color:var(--ui-blue);font-size:17px;font-weight:400;padding:8px 12px}.hongyun-official-query .btn-plain svg{width:18px;height:18px;margin-left:-6px}.hongyun-official-query .ui-spinner{width:18px;height:18px;flex-shrink:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 40deg,currentColor 320deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));animation:hongyun-official-query-ui-spin .8s linear infinite}@keyframes hongyun-official-query-ui-spin{to{transform:rotate(360deg)}}.hongyun-official-query .ui-progress-track{height:5px;border-radius:100px;background:#e2ece7;overflow:hidden}.hongyun-official-query .ui-progress-fill{height:100%;border-radius:inherit;background:var(--ui-blue);transition:width .25s ease}.hongyun-official-query .ui-callout{display:flex;align-items:flex-start;gap:10px;padding:15px 16px;border-radius:var(--ui-radius-control);font-size:14px;line-height:1.55}.hongyun-official-query .ui-callout svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.hongyun-official-query .ui-callout.is-info{background:#eef5ff;color:#245fba}.hongyun-official-query .ui-callout.is-warning{background:#fff8ed;color:#995f12}.hongyun-official-query .ui-callout.is-danger{background:#fff2f1;color:#b83b35}.hongyun-official-query .ui-callout-title{margin-bottom:3px;font-size:15px;font-weight:600}.hongyun-official-query .ui-error-text{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--ui-red);font-size:13px}.hongyun-official-query .ui-error-text svg{width:14px;height:14px;flex-shrink:0}.hongyun-official-query .status-pending{color:var(--ui-orange)!important}.hongyun-official-query .status-processing{color:var(--ui-blue)!important}.hongyun-official-query .status-completed{color:var(--ui-green)!important}.hongyun-official-query .status-partial{color:var(--ui-orange)!important}.hongyun-official-query .status-error{color:var(--ui-red)!important}.hongyun-official-query .status-returned{color:var(--ui-purple)!important}.hongyun-official-query .status-retrying{color:var(--ui-orange)!important}.hongyun-official-query .status-canceled,.hongyun-official-query .status-unknown{color:var(--ui-gray)!important}.hongyun-official-query .status-available{color:var(--ui-green)!important}.hongyun-official-query .status-used{color:var(--ui-orange)!important}.hongyun-official-query .status-unavailable{color:var(--ui-red)!important}.hongyun-official-query{display:block;min-width:0;width:100%;color:var(--ui-label);font:14px/1.5 -apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Arial,sans-serif;--fresh-border:#e9e0f6;--fresh-soft:#faf7ff;--fresh-blue-soft:#f2ebfc;--fresh-shadow-soft:0 8px 22px rgba(94,61,142,.055)}.hongyun-official-query button{margin:0;height:auto;font-family:inherit}.hongyun-official-query button:disabled{cursor:not-allowed}.hongyun-official-query .ui-card{border:1px solid var(--ui-separator);box-shadow:0 8px 22px #2748390d}.hongyun-official-query .ui-textarea{border-color:#cfe1d8;font-size:15px}.hongyun-official-query .query-input-card{padding:20px 18px}.hongyun-official-query .query-issues{margin-top:12px;overflow-wrap:anywhere}.hongyun-official-query .result-message{grid-column:1/-1}.hongyun-official-query .subpage-nav{display:flex;margin-bottom:10px}.hongyun-official-query .subpage-back-button{background:#fff;color:var(--ui-blue);padding:8px 10px;border-radius:8px;border:1px solid var(--ui-separator)}@media(max-width:600px){.hongyun-official-query .query-input-card{padding:14px 12px}}.hongyun-official-query.hongyun-official-query.hongyun-official-query{background:#fff;color-scheme:light;--tool-purple: #7555c9;--tool-purple-hover: #6645bb;--tool-purple-soft: #f3edfd;--tool-purple-pale: #faf7ff;--tool-border: #e9e0f6;--tool-shadow: 0 8px 24px rgba(94,61,142,.055)}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.ui-card,.token-overview,.token-renewal-actions,.token-highlight-card,.token-details-panel,.billing-account-band,.billing-fact,.billing-invoices,.billing-loading,.success-card,.failed-card){border-color:var(--tool-border);background:#fff;box-shadow:var(--tool-shadow)}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.token-overview.is-grace_period,.token-overview.is-canceling,.token-overview.is-expired,.token-overview.is-delinquent,.token-highlight-card.is-grace.is-warning){border-color:var(--tool-border);background:#fff;box-shadow:var(--tool-shadow)}.hongyun-official-query.hongyun-official-query.hongyun-official-query .token-overview:before,.hongyun-official-query.hongyun-official-query.hongyun-official-query .token-overview:after{background:#7555c90a}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.ui-input,.ui-textarea){min-width:0;max-width:100%;border:1px solid #e5dcf3;background:var(--tool-purple-pale);color:var(--ui-label);caret-color:var(--tool-purple)}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.ui-input,.ui-textarea):focus{border-color:#a58adf;background:#fff;box-shadow:0 0 0 3px #7555c91f}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.ui-input,.ui-textarea).has-error{border-color:#caa5bc;background:#fffcff;box-shadow:0 0 0 3px #b3507314}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.ui-input,.ui-textarea)::placeholder{color:#aa9bbd}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.btn-filled,.btn-filled.btn-destructive,.token-renewal-button.is-close,.token-renewal-button.is-open){border-color:transparent;background:var(--tool-purple);color:#fff;box-shadow:0 6px 15px #7555c926}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.btn-filled,.token-renewal-button.is-close,.token-renewal-button.is-open):hover:not(:disabled){border-color:transparent;background:var(--tool-purple-hover);color:#fff;box-shadow:0 7px 18px #7555c92e}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.btn-filled,.btn-filled.btn-destructive,.token-renewal-button.is-close,.token-renewal-button.is-open):disabled{border-color:#ece5f7;background:#eee7f9;color:#aa95c3;box-shadow:none;opacity:1}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.btn-gray,.btn-tinted,.subpage-back-button,.token-query-reset,.billing-icon-button){border-color:var(--tool-border);background:var(--tool-purple-pale);color:var(--tool-purple);box-shadow:none}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.btn-gray,.btn-tinted,.subpage-back-button,.token-query-reset,.billing-icon-button):hover:not(:disabled){border-color:#d7c6ef;background:var(--tool-purple-soft);color:var(--tool-purple-hover)}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.btn-gray,.btn-tinted,.btn-plain,.link-button,.billing-icon-button):disabled{color:#b4a4c6;opacity:.65}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(a,.link-button,.btn-plain){color:var(--tool-purple)}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(a,.link-button,.btn-plain):hover{color:var(--tool-purple-hover)}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(button,a,input):focus-visible{outline:3px solid rgba(117,85,201,.2);outline-offset:2px}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.card-icon,.token-account-icon,.token-status-icon,.token-highlight-icon,.token-plan-badge,.billing-account-icon,.success-badge,.billing-status,.billing-status.is-paid,.billing-status.is-open,.billing-status.is-draft,.billing-status.is-void,.billing-status.is-uncollectible),.hongyun-official-query.hongyun-official-query.hongyun-official-query .token-highlight-card.is-renewal .token-highlight-icon,.hongyun-official-query.hongyun-official-query.hongyun-official-query .token-highlight-card.is-grace .token-highlight-icon,.hongyun-official-query.hongyun-official-query.hongyun-official-query .token-highlight-card.is-grace.is-warning .token-highlight-icon{border-color:var(--tool-border);background:var(--tool-purple-soft);color:var(--tool-purple)}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.query-summary,.refresh-summary,.token-detail-account-row,.token-details-head,.billing-invoices-head){border-color:var(--tool-border);background:var(--tool-purple-pale)}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.summary-stat strong,.success-stat strong,.token-details-head h3,.token-account-copy small,.billing-invoices-head span){color:var(--tool-purple)}.hongyun-official-query.hongyun-official-query.hongyun-official-query .failed-stat strong{color:var(--ui-red)}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.ui-callout,.ui-callout.is-info,.ui-callout.is-warning,.ui-callout.is-danger,.unmatched-notice,.confirm-row){border:1px solid var(--tool-border);background:var(--tool-purple-pale);color:#86729d}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.ui-callout.is-danger,.ui-error-text){color:var(--ui-red)}.hongyun-official-query.hongyun-official-query.hongyun-official-query .confirm-row input{accent-color:var(--tool-purple)}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.unmatched-list,.failed-card pre){max-width:100%;border-color:var(--tool-border);background:var(--tool-purple-pale);color:var(--ui-label)}.hongyun-official-query.hongyun-official-query.hongyun-official-query .token-highlight-card:hover{box-shadow:0 12px 28px #5e3d8e16}.hongyun-official-query.hongyun-official-query.hongyun-official-query .billing-table th{background:var(--tool-purple-pale)}.hongyun-official-query.hongyun-official-query.hongyun-official-query .billing-table tbody tr:hover{background:#fdfbff}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.billing-loading-line,.ui-progress-track){background:#f0e9fa}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.billing-loading-line i,.ui-progress-fill){background:linear-gradient(90deg,#9b7ae2,#7555c9)}.hongyun-official-query.hongyun-official-query.hongyun-official-query .billing-empty{background:#fff;color:#9a86b0}.hongyun-official-query.hongyun-official-query.hongyun-official-query .refresh-disabled-toast{border-color:#e2d4f4;background:#fff;color:#8b629d;box-shadow:0 12px 30px #5e3d8e21}.hongyun-official-query.hongyun-official-query.hongyun-official-query .refresh-disabled-toast button:hover{background:var(--tool-purple-soft)}@media(max-width:600px){.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.order-query,.token-query,.billing-query,.cdk-refresh,.card-icon-row,.query-summary,.refresh-summary,.unmatched-card,.result-card,.failed-card,.result-section,.section-head,.billing-table-wrap,.token-details-panel){min-width:0;max-width:100%}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.card-title,.card-desc,.section-title,.section-desc,.status-line,.result-head,.token-plan-badge,.refresh-disabled-toast){overflow-wrap:anywhere}.hongyun-official-query.hongyun-official-query.hongyun-official-query :is(.section-head,.status-line){flex-wrap:wrap}}


/* Source 22: /assets/recharge-home-353bed18379124e5/assets/official-tools-shell-555ef306b39d3d64.css */
/* White and purple tool chrome; component overrides remain inside this dialog. */
dialog.official-order-dialog{width:min(900px,calc(100vw - 32px));max-width:900px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #e8def6;border-radius:20px;background:#ffffff;color:#342b48;box-shadow:0 24px 70px rgba(88,58,133,.16);overflow:auto;overscroll-behavior:contain;color-scheme:light}
dialog.official-order-dialog::backdrop{background:rgba(241,234,252,.52);backdrop-filter:blur(2px)}
.official-order-dialog .official-query-shell{padding:20px 24px 26px;min-width:0}
.official-order-dialog .official-query-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}
.official-order-dialog .official-query-header h2{margin:0;font-size:15px;font-weight:600;color:#776789;overflow-wrap:anywhere}
.official-order-dialog .official-query-close{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid #ece5f7;border-radius:10px;background:#faf7ff;color:#8066a9;font:26px/1 system-ui;cursor:pointer;transition:background .15s ease,color .15s ease}
.official-order-dialog .official-query-close:hover{background:#f0e8fc;color:#6445a0}
.official-order-dialog .official-query-close:focus-visible{outline:3px solid rgba(117,85,201,.23);outline-offset:2px}
.official-order-dialog #officialOrderQueryRoot{min-width:0;min-height:220px}
@media(max-width:600px){dialog.official-order-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.official-order-dialog .official-query-shell{padding:12px 12px 18px}.official-order-dialog .official-query-header{margin-bottom:10px}.official-order-dialog .official-query-header h2{font-size:14px}}


/* Source 23: /assets/home-tools-20261022/tool-layout-90cdae1dbf576720.css */
/* Presentation only: keep native modal isolation, focus and recharge guards. */
#queryDialog::backdrop {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* Four current tools share a row on desktop and a two-by-two mobile grid. */
#rechargeWorkbench #cardToolNav:not([hidden]),
#progressDraftPanel #progressDraftToolNav:not([hidden]) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
    gap: 10px;
}

#rechargeWorkbench #cardToolNav[hidden],
#progressDraftPanel #progressDraftToolNav[hidden] {
    display: none !important;
}

#rechargeWorkbench #cardToolNav:not([hidden]) > button,
#progressDraftPanel #progressDraftToolNav:not([hidden]) > button {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    grid-column: auto;
    margin: 0;
    white-space: normal;
}

#rechargeWorkbench #cardToolNav > button span,
#progressDraftPanel #progressDraftToolNav > button span {
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
}

@media (max-width: 900px) {
    #rechargeWorkbench #cardToolNav:not([hidden]),
    #progressDraftPanel #progressDraftToolNav:not([hidden]) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    #rechargeWorkbench #cardToolNav:not([hidden]) > button,
    #progressDraftPanel #progressDraftToolNav:not([hidden]) > button {
        flex: initial;
        min-height: 44px;
        height: auto;
        padding: 10px 8px;
        gap: 6px;
        font-size: 13px;
        line-height: 1.5;
    }

    #rechargeWorkbench #cardToolNav > button svg,
    #progressDraftPanel #progressDraftToolNav > button svg {
        flex: none;
    }
}


/* Source 24: /assets/home-stock-20261022/stock-status-20b211ef75d31067.css */
/* In-stock label presentation only. Preserve state, stock layout and behavior. */
#layoutStockItems .layout-stock-pill[data-view-stock="in"] > span {
    box-sizing: border-box;
    min-height: 22px;
    padding: 2px 7px;
    gap: 4px;
    border: 1px solid #e1ddf8;
    border-radius: 6px;
    background: #f1effc;
    color: #5b4b9b;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
}

#layoutStockItems .layout-stock-pill[data-view-stock="in"] > span::before {
    width: 4px;
    height: 4px;
    border: 0;
    border-radius: 50%;
    background: currentColor;
}


/* Source 25: /assets/query-copy-20261022/copy-actions-aedff376410f02ec.css */
/* Additional local copy controls only; no existing query/recharge styles change. */
.hongyun-official-query .query-status-copy-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}
.hongyun-official-query .query-status-copy-actions > button {
    box-sizing: border-box;
    flex: 1 1 180px;
    min-width: 0;
    min-height: 44px;
    padding: 10px 12px;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.5;
}
.hongyun-official-query .query-status-copy-feedback {
    flex: 1 0 100%;
    min-width: 0;
    margin: 0;
    font-size: 13px;
    color: #756886;
    overflow-wrap: anywhere;
}
.hongyun-official-query .query-status-copy-manual {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 96px;
    padding: 10px;
    border: 1px solid #ded6ee;
    border-radius: 8px;
    background: #faf8ff;
    color: #514466;
    font: 13px/1.6 ui-monospace, monospace;
    resize: vertical;
}


/* Source 26: /assets/query-state-20261022/query-state-7cdd55d39f041e80.css */
.hongyun-official-query .query-state-results {
    min-width: 0;
    max-width: 100%;
    margin-top: 14px;
    color: #342b48;
}
.hongyun-official-query .query-state-hint {
    margin: 0 0 12px;
    color: #756780;
    font-size: 12px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}
.hongyun-official-query .query-state-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}
.hongyun-official-query .query-state-summary-item {
    box-sizing: border-box;
    min-width: 0;
    padding: 10px 12px;
    border: 1px solid #ece6f4;
    border-radius: 10px;
    background: #faf8fd;
}
.hongyun-official-query .query-state-summary-label {
    display: block;
    color: #756780;
    font-size: 12px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.hongyun-official-query .query-state-summary-count {
    display: block;
    margin-top: 3px;
    color: #53416f;
    font-size: 20px;
    font-weight: 650;
    line-height: 1.3;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
}
.hongyun-official-query .query-state-list {
    display: grid;
    gap: 10px;
    min-width: 0;
}
.hongyun-official-query .query-state-row {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    padding: 13px 14px;
    border: 1px solid #e9e2f1;
    border-radius: 12px;
    background: #fff;
}
.hongyun-official-query .query-state-row-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 12px;
    min-width: 0;
}
.hongyun-official-query .query-state-card-code {
    flex: 1 1 16ch;
    min-width: 0;
    max-width: 100%;
    padding: 2px 0;
    color: #3d334d;
    background: transparent;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.6;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    user-select: text;
}
.hongyun-official-query .query-state-badge {
    box-sizing: border-box;
    flex: 0 0 auto;
    max-width: 100%;
    padding: 4px 8px;
    border-radius: 6px;
    background: #fff5e5;
    color: #86551c;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    white-space: normal;
    overflow-wrap: anywhere;
}
.hongyun-official-query .query-state-tone-unused .query-state-badge {
    color: #176547;
    background: #e8f6ed;
}
.hongyun-official-query .query-state-tone-used .query-state-badge {
    color: #5b4b9b;
    background: #f1effc;
}
.hongyun-official-query .query-state-tone-processing .query-state-badge {
    color: #235b9e;
    background: #edf4ff;
}
.hongyun-official-query .query-state-tone-error .query-state-badge {
    color: #9e3438;
    background: #fff0f0;
}
.hongyun-official-query .query-state-tone-invalid .query-state-badge {
    color: #5b6575;
    background: #eef1f5;
}
.hongyun-official-query .query-state-note {
    margin: 6px 0 0;
    color: #756780;
    font-size: 12px;
    line-height: 1.65;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.hongyun-official-query .query-state-record {
    min-width: 0;
    margin-top: 9px;
    border-top: 1px solid #f0eaf6;
}
.hongyun-official-query .query-state-record-toggle {
    box-sizing: border-box;
    min-height: 44px;
    padding: 11px 0 8px;
    color: #7555a1;
    font-size: 12px;
    line-height: 1.6;
    cursor: pointer;
    overflow-wrap: anywhere;
}
.hongyun-official-query .query-state-record-toggle:focus-visible {
    outline: 2px solid #9779c3;
    outline-offset: 2px;
    border-radius: 4px;
}
.hongyun-official-query .query-state-record-fields {
    margin: 0;
    padding: 0 0 2px;
    min-width: 0;
}
.hongyun-official-query .query-state-record-field {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 6px 12px;
    min-width: 0;
    padding: 5px 0;
    font-size: 12px;
    line-height: 1.65;
}
.hongyun-official-query .query-state-record-label {
    margin: 0;
    color: #756780;
    overflow-wrap: anywhere;
}
.hongyun-official-query .query-state-record-value {
    min-width: 0;
    margin: 0;
    color: #51445e;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}
@media (max-width: 600px) {
    .hongyun-official-query .query-state-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }
    .hongyun-official-query .query-state-summary-item {
        padding: 9px 10px;
    }
    .hongyun-official-query .query-state-summary-count {
        font-size: 18px;
    }
    .hongyun-official-query .query-state-row {
        padding: 11px 12px;
    }
    .hongyun-official-query .query-state-record-field {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 6px 9px;
    }
}