:root{color-scheme:light;--bg:#f6f3ec;--surface:#fffdf8;--ink:#1a1f2e;--muted:#5a6273;--dim:#9aa1ad;--gold:#a98d55;--gold-dark:#7e6739;--line:#2c24101f;--field:#fff;--soft:#f0ebe0;--edge:#ffffffb3;--disabled:#2c24101a;--disabled-ink:#2c241052;--shadow:0 1px 2px #2c24100a,0 12px 32px -12px #2c241029,inset 0 1px 0 #ffffffe6;--grid:#a98d5508;--display:"Songti SC","STSong","Noto Serif SC",Georgia,"SimSun",serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace,"Microsoft YaHei"}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#090c13;--surface:#121824;--ink:#edebe8;--muted:#edebe8b8;--dim:#edebe880;--gold:#dcc9a3;--gold-dark:#e6d8b5;--line:#ffffff16;--field:#1a2232;--soft:#1a2232;--edge:#ffffff0e;--disabled:#ffffff1a;--disabled-ink:#ffffff4d;--shadow:0 1px 2px #0006,0 24px 48px -24px #0009,inset 0 1px 0 #ffffff0e;--grid:#dcc9a308}}
:root[data-theme=dark]{color-scheme:dark;--bg:#090c13;--surface:#121824;--ink:#edebe8;--muted:#edebe8b8;--dim:#edebe880;--gold:#dcc9a3;--gold-dark:#e6d8b5;--line:#ffffff16;--field:#1a2232;--soft:#1a2232;--edge:#ffffff0e;--disabled:#ffffff1a;--disabled-ink:#ffffff4d;--shadow:0 1px 2px #0006,0 24px 48px -24px #0009,inset 0 1px 0 #ffffff0e;--grid:#dcc9a308}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),radial-gradient(ellipse at 68% 22%,#a98d5510,transparent 65%),var(--bg);background-size:34px 34px,34px 34px,100% 100%,auto;font:14px/1.6 "PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,p{margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}::selection{background:#a98d5540}.header,.footer{width:100%;max-width:1200px;padding:0 24px;margin:auto;display:flex;align-items:center;justify-content:space-between}.header{height:64px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;min-width:0;font:700 18px var(--display);letter-spacing:.01em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#d9c9a5,#b8a375);color:#2a2210;font-size:15px;font-weight:800;flex-shrink:0}nav{display:flex;gap:8px;align-items:center}nav>button{display:flex;align-items:center;gap:8px;min-height:38px;font-size:13px;font-weight:600;color:var(--muted);padding:0 8px}nav svg{width:18px;height:18px;fill:currentColor}#announcement-open svg{width:16px;fill:none;stroke:currentColor;stroke-width:2}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;padding:0;color:var(--muted);flex-shrink:0}.icon-button:hover{color:var(--gold);border-color:var(--gold)}.wrap{width:100%;max-width:1028px;padding:24px 24px 32px;margin:0 auto;flex:1}.hero{display:grid;grid-template-columns:340px minmax(0,1fr);gap:40px;align-items:center;padding-top:16px;margin-bottom:24px}.recharge-card{min-height:214px;aspect-ratio:1.586;width:100%;max-width:340px;min-width:0;padding:24px;border:1px solid #ffffffb3;border-radius:18px;background:linear-gradient(135deg,#fbf7ee,#efe6d2 34%,#fdfbf5 62%,#e4d8be);box-shadow:0 20px 40px -20px #2c24105c,inset 0 1px 0 #ffffffb3;color:#2a2413;display:flex;flex-direction:column;justify-content:space-between;gap:16px;overflow:hidden}.card-top{display:flex;align-items:center;gap:10px}.card-chip{width:34px;height:26px;border-radius:5px;background:linear-gradient(135deg,#d9c9a5,#b8a375 55%,#e4d8be);box-shadow:inset 0 0 0 1px #0003;position:relative}.card-chip:after{content:"";position:absolute;inset:10px 6px 9px;border-block:1px solid #0004}.card-code{font:600 11px var(--mono);letter-spacing:.18em;opacity:.62}.card-name{margin-left:auto;font:700 15px var(--display);opacity:.72}.card-number{font:600 17px/1.5 var(--mono);letter-spacing:.03em;overflow-wrap:anywhere;word-break:break-all}.recharge-card[data-state=idle] .card-number{opacity:.4;letter-spacing:.1em}.card-bottom{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.card-bottom>div:last-child{text-align:right;max-width:65%}.card-bottom small{display:block;font-size:10px;letter-spacing:.1em;opacity:.58}.card-bottom strong{font-size:13px;overflow-wrap:anywhere}.card-bottom i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:6px;opacity:.6}.recharge-card[data-state=success],.recharge-card[data-state=existing_sub]{border-color:#28744688}.recharge-card[data-state=success] [data-card-status],.recharge-card[data-state=existing_sub] [data-card-status]{color:#287446}.recharge-card[data-state=failed] [data-card-status]{color:#9b392b}.intro h1{font:700 44px/1.24 var(--display);letter-spacing:-.01em}.intro h1 .accent{color:var(--gold);margin-left:16px}.intro>p{font-size:14px;line-height:1.8;margin-top:16px}.hero-meta{display:flex;gap:24px;padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.hero-meta small{display:block;color:var(--dim);font-size:11px}.hero-meta strong{font-size:13px;font-weight:600}.guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.guide article{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--edge);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.guide article>span{position:absolute;right:8px;top:-14px;font:700 76px/1 var(--display);color:var(--gold);opacity:.12}.guide h2{font-size:14px;position:relative;line-height:1.6}.guide p{font-size:12px;line-height:1.7;position:relative;margin-top:8px}.console{background:var(--surface);border:1px solid var(--edge);border-radius:18px;box-shadow:var(--shadow);padding:28px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{flex:1;min-width:0;min-height:46px;padding:12px 4px;font-size:14px;color:var(--muted);font-weight:600;position:relative}.tabs button.active{color:var(--gold)}.tabs button.active:after{content:"";height:2px;position:absolute;background:var(--gold);bottom:0;left:0;right:0}.console-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.service-title{display:flex;align-items:center;gap:12px;min-width:0}.service-title h2{font-size:18px;line-height:1.5}.service-title p{font-size:13px;line-height:1.6;margin-top:2px}.service-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fffdf8;background:var(--gold);font-size:20px;font-weight:700;box-shadow:0 4px 14px #a98d5538;flex-shrink:0}.text-link{color:var(--gold);font-size:12px;font-weight:600;text-decoration:underline;padding:0;white-space:nowrap}#service-panel{outline:none}.step-track{display:flex;gap:8px;margin-bottom:24px}.step-track i{height:6px;flex:1;border-radius:3px;background:#8a93a333}.step-track i.done{background:var(--gold)}.field{position:relative;margin-top:0}.field label{position:absolute;top:-10px;left:10px;max-width:calc(100% - 24px);padding:0 4px;background:linear-gradient(var(--surface) 50%,var(--field) 50%);font-size:12px;color:var(--muted);line-height:20px;z-index:1}.field input,.field textarea{width:100%;display:block;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--field);padding:15px 13px;font:15px/1.6 var(--mono);letter-spacing:.05em;outline:none}.field input{height:56px}.field textarea{resize:vertical;min-height:80px}.field input:focus,.field textarea:focus{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}input::placeholder,textarea::placeholder{color:var(--dim);opacity:1}.field-hint{font-size:12px;color:var(--muted);margin:6px 14px 0}.counter{text-align:right;margin-right:0;color:var(--dim)}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border-radius:10px;min-height:48px;padding:10px 16px;font-size:15px;font-weight:600;margin-top:20px}.primary{background:var(--gold);color:#fffdf8;box-shadow:0 4px 12px #a98d5530}.primary:hover:enabled{background:var(--gold-dark)}.primary:disabled{background:var(--disabled);color:var(--disabled-ink);box-shadow:none}.secondary{border:1px solid var(--line);color:var(--ink);background:transparent}.secondary:hover:enabled{border-color:var(--gold);color:var(--gold)}.busy:before,.spinner{content:"";width:18px;height:18px;display:inline-block;flex-shrink:0;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.replace{margin-top:20px;text-align:center}.replace>button{font-size:12px;color:var(--muted);padding:0;line-height:24px}.replace-content{text-align:left;margin-top:16px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:16px}.replace-content p{font-size:12px;color:var(--muted)}.replace-content .secondary{font-size:13px;margin-top:12px;min-height:38px}.new-code{margin-top:16px;font-size:12px}.new-code code{display:block;font:14px/1.8 var(--mono);overflow-wrap:anywhere;margin:8px 0}.notice{display:flex;gap:12px;align-items:center;border-radius:10px;background:#a98d551f;color:var(--gold-dark);padding:12px 16px;font-size:14px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-line;margin-top:16px}.notice.success{background:#3fa46a16;color:#2a7a4b}.notice.info{background:#4c9ec216;color:#2e6e8c}.notice.warning{background:#d9a32b16;color:#a87a15}.notice:first-child{margin-top:0}#form-message:empty{display:none}.account-form>*+*{margin-top:16px}.account-form .field textarea{font-size:12px;letter-spacing:normal;line-height:1.6;min-height:110px}.session-guide{border:1px solid var(--line);border-radius:16px;background:#a98d5509;overflow:hidden}.session-guide summary{list-style:none;cursor:pointer;padding:15px 20px;min-height:54px;font-size:14px;font-weight:700}.session-guide summary::-webkit-details-marker{display:none}.result-box{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--soft);margin-top:20px}.kv{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;padding:16px 0;border-bottom:1px solid var(--line)}.kv:first-child{padding-top:0}.kv:last-child{padding-bottom:0;border-bottom:0}.kv>span:first-child{color:var(--muted);flex-shrink:0}.kv>span:last-child{text-align:right;overflow-wrap:anywhere}.chip{display:inline-flex;gap:6px;align-items:center;font-size:12px;border-radius:20px;padding:4px 9px;background:var(--soft);color:var(--muted);border:1px solid var(--line)}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.chip.unused,.chip.success{color:#3fa46a}.chip.review,.chip.locked,.chip.pending,.chip.processing{color:#bd8c25}.chip.error,.chip.disabled,.chip.expired,.chip.failed{color:#c7503f}.counts{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.batch-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;margin-top:8px}.batch-row>div{flex:1;min-width:0}.batch-row code{font:12px var(--mono);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-row small{display:block;font-size:11px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/* Original horizontal order stepper, without a framework runtime. */
.steps{display:flex;align-items:flex-start;justify-content:space-between;list-style:none;padding:16px 0;margin:0;width:100%}
.steps li{display:flex;align-items:flex-start;flex:1;min-width:0;color:var(--dim)}
.step-content{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1;max-width:100px;min-width:40px}
.step-marker{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:2px solid #8a93a352;border-radius:50%;background:var(--surface);font-size:14px;font-weight:700;transition:background-color .3s;color:var(--dim)}
.step-marker .icon{font-size:20px}
.step-title{text-align:center;font-size:12px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.steps .done .step-marker{background:#3fa46a;border-color:#3fa46a;color:#fff}
.steps .done .step-title{color:#2a7a4b}
.steps .running .step-marker{background:var(--gold);border-color:var(--gold);color:var(--surface);box-shadow:0 6px 18px #a98d556b}
.steps .running .step-marker:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:color-mix(in srgb,var(--gold) 30%,transparent);animation:step-pulse 1s cubic-bezier(0,0,.2,1) infinite;z-index:-1}
.steps .running .step-title{color:var(--gold)}
.steps .failed .step-marker{background:#c7503f;border-color:#c7503f;color:#fff}
.steps .failed .step-title{color:#a43f30}
.steps .skipped .step-marker{border-style:dashed}
.step-connector{flex:1;min-width:0;height:2px;margin:20px 8px 0;background:#8a93a33d;border-radius:1px;transition:background-color .3s}
.steps .done .step-connector{background:#70bc8e}.steps .failed .step-connector{background:#d78277}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.result-box:has(>.steps){padding:16px}
[data-theme=dark] .steps .done .step-title{color:#70bc8e}[data-theme=dark] .steps .failed .step-title{color:#e48d80}
@keyframes step-pulse{75%,100%{transform:scale(1.7);opacity:0}}
@media(max-width:599px){.step-content{min-width:36px;max-width:80px}.step-marker{width:36px;height:36px;font-size:13px}.step-marker .icon{font-size:18px}.step-title{font-size:11px}.step-connector{margin:18px 4px 0}}
@media(prefers-reduced-motion:reduce){.steps .running .step-marker:before{animation:none}.step-marker,.step-connector{transition:none}}
.order-line{font-size:12px;text-align:center;margin-top:12px;color:var(--muted);overflow-wrap:anywhere}.order-line code{font-family:var(--mono)}.order-line button{margin-left:8px}.poll-note{text-align:center;color:var(--muted);font-size:12px;margin-top:16px}.security-note{text-align:center;font-size:11px;color:var(--dim);margin-top:24px}footer{margin-top:16px;border-top:1px solid var(--line);padding:28px 0}.footer{font-size:12px;color:var(--muted)}.footer>span:first-child{display:flex;align-items:center;gap:6px}.footer svg{width:15px;height:15px;fill:var(--gold)}.footer-brand{font-family:var(--display);letter-spacing:.04em}dialog{width:calc(100% - 64px);max-width:600px;max-height:calc(100dvh - 64px);margin:auto;border:1px solid #a98d5547;border-radius:22px;padding:0 24px 24px;background:radial-gradient(ellipse at 50% 0,#a98d551a,transparent 70%),var(--surface);color:var(--ink);box-shadow:0 24px 80px #0004}dialog::backdrop{background:#141a2166;backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;gap:8px;padding:16px 0}.dialog-head h2{font:700 24px/1.42 var(--display);flex:1}.dialog-head #dialog-close{border:0;font:28px/1 system-ui}.rich-content{padding:20px;background:var(--soft);border:1px solid #a98d5524;border-radius:14px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.rich-content p{margin:0 0 8px}.rich-content p:last-child{margin-bottom:0}.rich-content a{color:var(--gold);text-decoration:underline}.rich-content:empty{display:none}#toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);max-width:90vw;border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:var(--shadow);padding:12px 18px;border-radius:10px;z-index:10;font-size:13px}.noscript{position:fixed;inset:0;background:var(--bg);padding:40px;z-index:100}@keyframes spin{to{transform:rotate(360deg)}}
:root[data-theme=dark] .recharge-card{background:linear-gradient(135deg,#2e2718,#1c1810 34%,#342c1c 62%,#12100a);color:#e6d9b8;border-color:#dcc9a33d;box-shadow:0 28px 56px -24px #000b,inset 0 1px 0 #ffffff0f}:root[data-theme=dark] .primary:enabled{color:#14110b}:root[data-theme=dark] .notice.success{color:#7ed9a0}:root[data-theme=dark] .notice.info{color:#8fd8e8}:root[data-theme=dark] .notice.warning{color:#f5cf6b}
@media(max-width:899px){.hero{grid-template-columns:1fr;gap:24px}.recharge-card{margin:auto}.intro h1{font-size:38px}.intro h1 .accent{margin-left:12px}}
@media(max-width:599px){.header,.footer{padding-left:16px;padding-right:16px}.brand{font-size:15px}.brand-mark{width:34px;height:34px}nav{gap:4px}.wrap{padding:12px 16px 24px}.hero{padding-top:8px}.recharge-card{padding:20px}.card-number{font-size:16px}.intro h1{font-size:32px}.intro h1 .accent{margin-left:8px}.hero-meta{gap:16px}.guide{grid-template-columns:1fr}.console{padding:20px}.service-title p{font-size:12px}.service-title h2{font-size:18px}.text-link{font-size:12px}.console-top{gap:8px}.service-title{gap:10px}.service-mark{width:36px;height:36px}.tabs button{font-size:13px}.session-guide summary{padding-left:14px;padding-right:14px}dialog{padding-left:20px;padding-right:20px}.rich-content{padding:16px}.kv{font-size:13px}.footer{font-size:11px}}
/* System fonts and a static backdrop keep the first render independent of downloads. */
body{font-family:Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;background-size:34px 34px,34px 34px,100% 100vh,auto;background-attachment:fixed}
.intro h1 .accent{margin-left:0}.service-title{flex:1}.service-title p{font-size:14px;color:var(--muted)}.service-mark{width:40px;height:40px}.primary:enabled{background:#1a2232;color:#fff;box-shadow:none}.primary:hover:enabled{background:#111826}:root[data-theme=dark] .primary:enabled{background:#dde3ec;color:#141a21}:root[data-theme=dark] .primary:hover:enabled{background:#b4bcc9}.notice{border:1px solid #2c241014;border-radius:20px;min-height:54px;font-size:14px;padding:12px 16px}.notice.success{background:#eaf6ee;color:#1a5230}.notice.info{background:#e9f2f7;color:#1b4457}.notice.warning{background:#fcf4de;color:#6e4f08}.session-guide summary{display:flex;align-items:center;gap:8px;padding-top:10px;padding-bottom:10px;height:54px}.account-form>.field-hint{margin:3px 0 0}.account-form .primary,.account-form .secondary{margin-top:16px}.replace>button{line-height:18px}.guide article,.console{background:color-mix(in srgb,var(--surface) 80%,transparent)}
@media(max-width:899px){.intro{text-align:center}.hero-meta{justify-content:center}.intro h1 .accent{margin-left:0}}
@media(max-width:599px){.hero{margin-bottom:20px}.guide{margin-bottom:20px}.intro h1 .accent{margin-left:0}.service-title{gap:12px}.service-title p{font-size:14px}.service-mark{width:40px;height:40px}.footer{flex-direction:column;gap:12px}.service-title>div{min-width:0}.console-top{gap:12px}.card-number{font-size:16px}}
.icon{display:block;flex-shrink:0;width:1em;height:1em;fill:currentColor;stroke:none;user-select:none}#faq-open{display:inline-flex;align-items:center;gap:4px}#faq-open .icon{font-size:14px}.notice{gap:12px;padding:6px 16px}.notice-icon{display:flex;flex:0 0 22px;padding:7px 0;font-size:22px;opacity:.9}.notice-message{padding:8px 0;min-width:0;overflow-wrap:anywhere}.notice.success .notice-icon{color:#3fa46a}.notice.info .notice-icon{color:#4c9ec2}.notice.warning .notice-icon{color:#d9a32b}.notice.error .notice-icon{color:var(--gold)}.notice.error.subscription-notice{font-weight:600}.notice .spinner{width:16px;height:16px}.session-guide summary{height:auto;min-height:54px}.session-guide summary .guide-bulb{font-size:23px;color:#d9a32b}.session-guide summary .guide-chevron{font-size:24px;color:var(--muted);margin-left:auto;transition:transform .2s}.session-guide[open] .guide-chevron{transform:rotate(180deg)}.session-guide ol{list-style:none;padding:4px 20px 20px;margin:0;display:flex;flex-direction:column;gap:16px}.session-guide li{display:flex;align-items:flex-start;gap:10px;padding:0;min-width:0}.guide-number{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:9px;color:var(--gold);background:color-mix(in srgb,var(--gold) 13%,transparent);font-size:13px;font-weight:800}.guide-step{flex:1;min-width:0}.guide-step>p{font-size:14px;line-height:1.85}.guide-link{display:flex;gap:6px;margin-top:8px;align-items:center;min-width:0}.guide-link>a{display:flex;align-items:center;gap:6px;flex:1;min-width:0;border:1px solid var(--line);border-radius:20px;padding:8.8px 10px;background:var(--surface);color:var(--ink);font:13px/1.6 monospace}.guide-link>a .icon{font-size:16px}.guide-link>a>span{min-width:0;overflow-wrap:anywhere}.guide-link>a:hover{border-color:var(--gold);color:var(--gold)}.guide-link button{width:40px;height:40px;border-radius:20px;flex:0 0 40px}.guide-link button .icon{font-size:18px}.guide-link button:disabled{color:var(--dim)}
@media(max-width:599px){.session-guide ol{padding-left:14px;padding-right:14px}.guide-step>p{font-size:13px}.guide-link>a{font-size:11.5px}}
.guide-link button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--muted);border-color:var(--line)}:root[data-theme=dark] .notice{border-color:#ffffff14}:root[data-theme=dark] .notice.success{background:#3fa46a24;color:#d6f5de}:root[data-theme=dark] .notice.info{background:#4c9ec224;color:#cafdf5}:root[data-theme=dark] .notice.warning{background:#d9a32b24;color:#fdf0cc}:root[data-theme=dark] .notice.error{background:#dcc9a31f}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Reserve the brand's space without showing a different site's name. */
[data-brand]{display:inline-block;min-width:4.5em;min-height:1.2em;vertical-align:middle}
[data-brand]:empty::before{content:"";display:inline-block;width:4.5em;height:.8em;border-radius:4px;background:var(--line)}