/* 商城选号页专属主题；仅由 store.html 加载，共享页面不引用本文件。 */
:root {
--surface: #141b23;
--ink: #edf2f6;
--muted: #a5b2bf;
--line: #2b3743;
--cyan: #63d6df;
--gold: #e2ba79;
--brush: none;
--font-body: "Segoe UI", "Xhao Display", "Microsoft YaHei", "PingFang SC", sans-serif;
--font-number: "Segoe UI", "Xhao Numeric", sans-serif;
}
html, body { background: #0d1117; }
html { scrollbar-color: #465461 #111922; }
body { color: var(--ink); font-family: var(--font-body); }
#xhao-obsidian {
--xo-bg: #0d1117;
--xo-surface: #141b23;
--xo-raised: #1b2530;
--xo-line: #2b3743;
--xo-soft: #1b2530;
--xo-ink: #edf2f6;
--xo-muted: #a5b2bf;
--xo-cyan: #63d6df;
--xo-blue: #63d6df;
--xo-gold: #e2ba79;
--xo-brush: none;
--xo-face: var(--font-body);
--xo-number: var(--font-number);
background: var(--xo-bg);
color: var(--xo-ink);
font-family: var(--font-body);
}
#xhao-obsidian .xo-ambient,
#xhao-obsidian .xo-dust,
#xhao-obsidian::before,
#xhao-obsidian::after { display: none; }
#xhao-obsidian .xo-main { background: #0d1117; }
/* 页头与导航：去掉金属纹理，保留清晰的当前位置与键盘焦点。 */
#xhao-obsidian .xo-topbar {
background: #111821;
border-bottom-color: #26333f;
box-shadow: none;
}
#xhao-obsidian .xo-topbar::after,
#xhao-obsidian .xo-logo::before { display: none; }
#xhao-obsidian .xo-logo,
#xhao-obsidian .xo-logo:hover,
#xhao-obsidian .xo-logo:focus-visible {
color: var(--ink);
background: none;
filter: none;
text-shadow: none;
animation: none;
}
#xhao-obsidian .xo-logo small { color: #94a6b5; text-shadow: none; }
#xhao-obsidian .xo-navitem { color: #a5b2bf; font-size: 14px; font-weight: 600; }
#xhao-obsidian .xo-navitem:hover,
#xhao-obsidian .xo-navitem.active { color: var(--ink); }
#xhao-obsidian .xo-navitem.active::after { height: 2px; background: var(--cyan); box-shadow: none; }
#xhao-obsidian .xo-guest { color: #82929f; }
#xhao-obsidian .login-area { color: #bac8d3; }
#xhao-obsidian .login-area button { min-height: 36px; font-size: 12px; background: #1b2833; border-color: #38505f; }
#xhao-obsidian .xo-sidebar { background: #101720; border-color: #26333f; }
#xhao-obsidian .xo-side-label { color: #82929f; }
#xhao-obsidian .xo-family { background: transparent; color: #a5b2bf; border-radius: 8px; font-weight: 600; box-shadow: none; }
#xhao-obsidian .xo-family:hover { background: #192731; border-color: #344b58; color: var(--ink); }
#xhao-obsidian .xo-family.active { background: #1b3039; border-color: #34535c; color: #d6f2f4; box-shadow: none; }
#xhao-obsidian .xo-family.active::before { background: var(--cyan); box-shadow: none; }
#xhao-obsidian .xo-family-index { color: #82929f; }
#xhao-obsidian .xo-side-tools { border-color: #2b3743; }
#xhao-obsidian .xo-side-tools a { color: #94a6b5; }
#xhao-obsidian .xo-side-tools a:hover { color: #d6f2f4; background: #192731; }
#xhao-obsidian .official-links { border-color: #2b3743; }
#xhao-obsidian .official-kicker,
#xhao-obsidian .official-links small { color: #82929f; }
#xhao-obsidian .official-links h2 { color: #bac8d3; }
#xhao-obsidian .official-links p,
#xhao-obsidian .official-links a { color: #a5b2bf; }
/* 横幅继续使用 200 / 160px 高度，机器人动画、悬浮显示与链接由原样式控制。 */
#xo-store-view .store-eyebrow { color: #82929f; }
#xo-store-view #sales-status { color: #a5b2bf; }
#xo-store-view #sales-status.paused { color: var(--gold); }
#xhao-obsidian #xo-store-view .xo-hero {
background: radial-gradient(ellipse at 94% 100%, #2844514d, transparent 50%), #17222d;
border: 1px solid #2c3d49;
border-radius: 12px;
box-shadow: none;
}
#xhao-obsidian #xo-store-view .xo-hero::before,
#xhao-obsidian #xo-store-view .xo-hero::after,
#xhao-obsidian #xo-store-view .xo-hero-corner { display: none; }
#xhao-obsidian #xo-store-view .xo-hero h1 {
color: var(--ink);
background: none;
text-shadow: none;
font-weight: 700;
}
#xhao-obsidian #xo-store-view .xo-hero p { color: #a5b2bf; font-size: 14px; }
#xhao-obsidian #xo-store-view .xo-hero-trust { color: #a5b2bf; font-size: 12px; }
#xhao-obsidian #xo-store-view .xo-hero-trust svg { color: #82b7bf; }
#xhao-obsidian #xo-store-view .xo-orbit { opacity: .25; }
#xhao-obsidian #xo-store-view .xo-robot-bubble {
background: #1d343e;
border-color: #385661;
color: #ceeef0;
box-shadow: none;
text-shadow: none;
}
#xhao-obsidian #xo-store-view .xo-robot-bubble:hover,
#xhao-obsidian #xo-store-view .xo-robot-bubble:focus-visible { border-color: var(--cyan); color: #edf2f6; }
#xhao-obsidian #xo-store-view .section-heading h2 { color: var(--ink); font-weight: 700; }
#xo-store-view #inventory-count { color: #a5b2bf; }
/* 操作层级：青色主操作、银灰导出、深色辅助操作。禁用和焦点保留语义。 */
button, .button {
background: #1b2833;
border-color: #354b59;
color: #d2dce5;
box-shadow: none;
}
#xhao-obsidian button, #xhao-obsidian .button,
dialog button, dialog .button { font-family: var(--font-body); font-weight: 600; box-shadow: none; }
button:hover:not(:disabled), .button:hover { background: #253742; border-color: #668a99; box-shadow: none; }
#xhao-obsidian button:focus-visible,
#xhao-obsidian a:focus-visible,
#xhao-obsidian input:focus-visible,
#xhao-obsidian select:focus-visible,
#xhao-obsidian textarea:focus-visible,
dialog :is(button, a, input, select, textarea):focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
button.primary, #xhao-obsidian .primary, dialog .primary {
background: var(--cyan);
color: #0d2029;
border-color: var(--cyan);
box-shadow: none;
}
button.primary:hover:not(:disabled), #xhao-obsidian .primary:hover:not(:disabled), dialog .primary:hover:not(:disabled) {
background: #89e4e9;
border-color: #a8edf0;
box-shadow: none;
}
#xhao-obsidian #xo-store-view :is(#batch-button, #csv-link, #hot-manual-button) {
border-radius: 8px;
min-height: 44px;
padding: 10px 16px;
font-size: 13px;
font-weight: 600;
letter-spacing: 0;
box-shadow: none;
}
#xhao-obsidian #xo-store-view #batch-button { background: var(--cyan); border-color: var(--cyan); color: #0d2029; }
#xhao-obsidian #xo-store-view #csv-link { background: #bac8d3; border-color: #bac8d3; color: #14232d; }
#xhao-obsidian #xo-store-view #hot-manual-button { background: #1c2b35; border-color: #385561; color: #b8d4df; }
#xhao-obsidian #xo-store-view :is(#batch-button, #csv-link)::after { display: none; }
#xhao-obsidian #xo-store-view :is(#batch-button, #csv-link):hover:not(:disabled) { filter: brightness(1.08); border-color: #d8f4f5; box-shadow: none; }
#xhao-obsidian #xo-store-view #hot-manual-button:hover:not(:disabled) { background: #253d47; border-color: #73a7b4; }
#xhao-obsidian #xo-store-view :is(#batch-button, #csv-link, #hot-manual-button) svg { width: 18px; height: 18px; stroke-width: 2; }
.text-button, #xhao-obsidian .text-button { background: transparent; color: #a5b2bf; border-color: transparent; }
.text-button:hover:not(:disabled), #xhao-obsidian .text-button:hover:not(:disabled) { background: #22313b; color: var(--ink); }
input:not([type=checkbox]):not([type=radio]), textarea, select { background: #101922; color: var(--ink); border-color: #324755; border-radius: 8px; }
input::placeholder, textarea::placeholder { color: #82929f; }
/* 档位与筛选：常态细边框、选中青色边框，库存维持独立一行。 */
#xhao-obsidian #tiers button { background: #17222d; border-color: #2d3c49; border-radius: 8px; min-height: 62px; color: #bac8d3; box-shadow: none; }
#xhao-obsidian #tiers button:hover:not(:disabled) { background: #20313d; border-color: #638894; }
#xhao-obsidian #tiers button:has(.tier-stock.is-empty):not(.active) { background: #151e27; color: #82929f; border-color: #2d3c49; }
#xhao-obsidian #tiers button.active { background: #1b333d; border-color: #63bac6; color: var(--ink); }
#xhao-obsidian #tiers .tier-main { font-size: 13px; font-weight: 600; }
#xhao-obsidian #tiers small { font-size: 12px; color: #a5b2bf; border-color: #40525f; }
#xhao-obsidian #tiers .tier-stock { font-size: 12px; color: #94a6b5; }
#xhao-obsidian #tiers .active .tier-stock { color: #8edbe0; }
#xhao-obsidian #tiers :is(.tier-stock.is-empty, .tier-stock.is-unavailable) { color: #82929f; }
#xo-store-view .offer { background: #26261f; border-color: #514b37; color: var(--gold); font-size: 12px; }
#xo-store-view .notice { background: #27271f; border-color: #675b3f; color: #e2c696; }
#xhao-obsidian #xo-store-view .inventory-main { background: #141d26; border-color: #2b3946; border-radius: 10px; box-shadow: none; }
#xo-store-view .filter-toolbar { background: #18232e; border-color: #2b3946; padding: 12px 16px; }
#xo-store-view .segmented { background: #101821; border-color: #2b3c49; border-radius: 8px; }
#xo-store-view .segmented button { background: transparent; color: #a5b2bf; font-size: 13px; border-color: transparent; }
#xo-store-view .segmented button:hover:not(:disabled) { background: #1b303b; color: #edf2f6; }
#xo-store-view .segmented button.active { background: #25404a; border-color: #476d78; color: #edf2f6; }
#xo-store-view .search-group { background: #101922; border-color: #324755; border-radius: 8px; }
#xo-store-view .search-group:focus-within { border-color: var(--cyan); }
#xo-store-view .search-group svg { color: #94a6b5; }
#xo-store-view .custom-filters { background: #141f29; border-color: #2b3946; }
/* 库存：保留原来的网格、可购买状态和价格精度，仅整理字色和行间层次。 */
#xo-store-view .table-head { background: #1b2631; border-color: #2e3e4a; color: #a5b2bf; font-size: 12px; font-weight: 600; }
#xo-store-view .stock-row { background: #121b24; border-color: #263540; }
#xo-store-view .stock-row:nth-child(even) { background: #151f29; }
#xo-store-view .stock-row:hover { background: #1b2c36; box-shadow: inset 2px 0 #507782; }
#xo-store-view .stock-row.selected { background: #19343c; box-shadow: inset 2px 0 var(--cyan); }
#xo-store-view .stock-row .username-cell strong { color: #edf2f6; font-size: 14px; font-weight: 600; }
#xo-store-view .stock-row .country-cell,
#xo-store-view .stock-row .followers-cell { color: #afbdc8; font-size: 13px; }
#xo-store-view .stock-row .date-cell { color: #97aab9; font-size: 12px; }
#xo-store-view .stock-row .price { color: #edf2f6; font-family: var(--font-number); font-weight: 600; font-size: 22px; }
#xo-store-view .stock-row .price.price-long { font-size: 19px; }
#xo-store-view .stock-row .price.price-extra-long { font-size: 14px; }
#xo-store-view .stock-row .price.unpriced { color: #a5b2bf; font-size: 12px; font-weight: 400; }
#xo-store-view .stock-row .state-cell { color: #8299aa; font-size: 12px; }
#xo-store-view .stock-row .state-cell small { color: #8299aa; font-size: 11px; }
#xo-store-view .hot-tag { background: #302b20; border-color: #675a3e; color: var(--gold); font-size: 11px; font-weight: 600; border-radius: 5px; }
#xo-store-view .copy-username { background: transparent; border-color: #344955; color: #9db8c5; }
#xo-store-view .copy-username:hover,
#xo-store-view .copy-username.copied { background: #203b45; border-color: #63bac6; color: #cdeff1; }
#xo-store-view .shift-hint { color: #82929f; }
#xo-store-view .shift-hint kbd { background: #15252f; border-color: #405764; color: #bac8d3; }
#xo-store-view .pagination { background: #141f29; color: #a5b2bf; }
/* 轻薄底栏：底板透出账号，文字局部衬底。优惠仍用加大金色显示。 */
#xhao-obsidian #xo-store-view .checkout-bar {
padding: 7px 10px;
gap: 12px;
background: rgba(18, 29, 39, .65);
border-color: #47606c;
border-radius: 10px;
box-shadow: 0 4px 16px #0002;
}
#xhao-obsidian #xo-store-view .checkout-bar::before { display: none; }
#xo-store-view .checkout-bar > div:first-child { background: rgba(17, 28, 37, .96); border-radius: 6px; padding: 4px 9px; text-shadow: none; }
#xo-store-view .checkout-actions { background: rgba(17, 28, 37, .96); border-radius: 6px; padding: 4px; }
#xo-store-view #checkout-count { color: #edf2f6; font-size: 16px; font-weight: 600; }
#xo-store-view #limit-note { color: #a5b2bf; font-size: 10px; }
#xo-store-view #discount-hints { color: #a5b2bf; text-shadow: none; }
#xo-store-view #discount-hints.has-offer { color: var(--gold); font-size: 18px; font-weight: 700; line-height: 1.45; text-shadow: none; }
#xo-store-view #discount-hints.has-offer strong { color: #f2d4a3; font-size: 1.13em; }
#xo-store-view #discount-hints .offer-category { color: #a8bec9; }
#xo-store-view #checkout { min-height: 44px; border-radius: 7px; }
#xo-store-view .hot-check-selection { background: #1a323d; border-color: #385d68; color: #b6d8df; }
#xo-store-view .hot-check-selection:hover:not(:disabled) { background: #27434e; border-color: #72a7b3; }
#xhao-obsidian .xo-footer { background: #101720; border-color: #26333f; color: #94a6b5; box-shadow: none; }
#xhao-obsidian .xo-footer-brand { color: #d7e1e8; text-shadow: none; }
/* 弹窗是 #xo-store-view 的兄弟节点，同样使用本页主题。 */
:is(#batch-dialog, #checkout-dialog, #partial-dialog, #store-hot-dialog) {
background: #17222d;
color: var(--ink);
border-color: #3d5462;
border-radius: 12px;
box-shadow: 0 20px 60px #0007;
}
:is(#batch-dialog, #checkout-dialog, #partial-dialog, #store-hot-dialog)::backdrop { background: #050a10bf; backdrop-filter: blur(5px); }
dialog h2 { font-weight: 700; }
dialog .dialog-kicker { color: #94a6b5; }
dialog .divider::before, dialog .divider::after { background: #344955; }
dialog .notice { background: #29281f; border-color: #675b3f; color: #e2c696; }
dialog .checkout-check-panel { background: #1b303b; border-color: #3b5865; }
dialog .checkout-check-panel button { color: #c7e8eb; border-color: #567d89; }
dialog .checkout-check-panel span, dialog .checkout-quote-details summary { color: #a5b2bf; }
dialog #checkout-quote { color: #b1e8e8; }
dialog .hot-result-row { border-color: #344955; }
dialog .hot-result-row small { color: #a5b2bf; }
#store-hot-progress { accent-color: var(--cyan); }
#toast { background: #1b303b; color: #edf2f6; border-color: #4b6978; box-shadow: 0 6px 22px #0004; }
/* 大屏保留相应字级；不让横幅恢复额外高度。 */
@media (min-width: 1900px) {
#xhao-obsidian .xo-navitem { font-size: 16px; }
#xo-store-view .stock-row .username-cell strong,
#xo-store-view .stock-row .country-cell,
#xo-store-view .stock-row .date-cell { font-size: 16px; }
#xo-store-view .stock-row .price { font-size: 27px; }
#xo-store-view .stock-row .price.price-long { font-size: 21px; }
#xo-store-view .stock-row .price.price-extra-long { font-size: 16px; }
}
@media (min-width: 3000px) {
#xhao-obsidian .xo-navitem { font-size: 19px; }
#xo-store-view .stock-row .username-cell strong,
#xo-store-view .stock-row .country-cell,
#xo-store-view .stock-row .date-cell { font-size: 18px; }
#xo-store-view .stock-row .state-cell,
#xo-store-view .stock-row .state-cell small,
#xo-store-view .hot-tag { font-size: 14px; }
}
@media (max-width: 880px) {
#xo-store-view #discount-hints.has-offer { font-size: 14px; }
}
/* 手机沿用 680px 断点和 80px 行网格；三个入口同排，保留完整价格与安全区。 */
@media (max-width: 680px) {
#xhao-obsidian .xo-logo { font-size: 30px; }
#xhao-obsidian .xo-logo small { font-size: 8px; }
#xhao-obsidian .xo-navitem { font-size: 12px; }
#xhao-obsidian .xo-family { font-size: 10px; }
#xo-store-view .store-eyebrow, #xo-store-view #sales-status { font-size: 9px; }
#xhao-obsidian #xo-store-view .xo-hero h1 { font-size: 23px; }
#xhao-obsidian #xo-store-view .xo-hero p { font-size: 12px; max-width: calc(100% - 82px); }
#xhao-obsidian #xo-store-view .xo-hero-trust { font-size: 10px; max-width: calc(100% - 75px); }
#xhao-obsidian #xo-store-view .xo-robot-bubble { font-size: 11px; }
#xhao-obsidian #xo-store-view .section-heading h2 { font-size: 22px; }
#xo-store-view #inventory-count { font-size: 12px; }
#xhao-obsidian #xo-store-view .selection-entry-actions {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.15fr);
gap: 6px;
}
#xhao-obsidian #xo-store-view :is(#batch-button, #csv-link, #hot-manual-button) {
min-width: 0;
min-height: 42px;
padding: 8px 4px;
font-size: 11px;
gap: 4px;
white-space: nowrap;
}
#xo-store-view .csv-format { display: none; }
#xhao-obsidian #xo-store-view #hot-manual-button svg { width: 18px; height: 18px; }
#xhao-obsidian #tiers button { min-height: 59px; }
#xhao-obsidian #tiers .tier-main { font-size: 12px; }
#xhao-obsidian #tiers .tier-stock { font-size: 11px; }
#xo-store-view .offer { font-size: 11px; }
#xo-store-view .filter-toolbar { padding: 9px; }
#xo-store-view .segmented button { font-size: 12px; }
#xo-store-view .stock-row .country-cell { font-size: 12px; }
#xo-store-view .stock-row .date-cell { font-size: 11px; }
#xo-store-view .stock-row .price { font-size: 21px; }
#xo-store-view .stock-row .price.price-long { font-size: 17px; }
#xo-store-view .stock-row .price.price-extra-long { font-size: 12px; }
#xo-store-view .stock-row .price.unpriced { font-size: 11px; }
#xo-store-view .stock-row .state-cell { font-size: 11px; }
#xo-store-view .stock-row .state-cell small { font-size: 10px; }
#xhao-obsidian #xo-store-view .checkout-bar { padding: 5px 6px calc(5px + env(safe-area-inset-bottom, 0px)); gap: 6px; }
#xo-store-view .checkout-bar > div:first-child { padding: 4px 5px; }
#xo-store-view .checkout-actions { padding: 4px; max-width: 45%; }
#xo-store-view #checkout-count { font-size: 14px; }
#xo-store-view #limit-note { font-size: 9px; }
#xo-store-view #checkout { font-size: 12px; min-width: 108px; }
#xo-store-view .hot-check-selection, #xo-store-view #clear-selection { font-size: 10px; }
}