/* 选号区专用微调：压缩首屏装饰，给真实库存与批量选择留出空间。 */
#xhao-obsidian #xo-store-view .xo-hero{
  height:200px;min-height:200px;max-height:200px;padding:22px 30px;
  display:flex;align-items:center;overflow:hidden;margin-bottom:0;
}
#xhao-obsidian #xo-store-view .xo-hero-copy{width:calc(100% - 165px);padding:0}
#xhao-obsidian #xo-store-view .xo-hero h1{
  font-size:clamp(30px,2.6vw,46px);line-height:1.2;letter-spacing:-.035em;
  margin:0 0 11px;white-space:nowrap;
}
#xhao-obsidian #xo-store-view .xo-hero p{font-size:15px;line-height:1.6;max-width:none;margin:0;letter-spacing:.035em}
#xhao-obsidian #xo-store-view .xo-hero-trust{margin-top:19px;gap:18px;max-width:none;font-size:12px;flex-wrap:wrap;flex-direction:row}
#xhao-obsidian #xo-store-view .xo-hero-trust span{display:flex;align-items:center;gap:6px;white-space:nowrap}
#xhao-obsidian #xo-store-view .xo-hero-trust svg{width:15px;height:15px}
#xhao-obsidian #xo-store-view .xo-robot{width:130px;height:195px;right:30px;bottom:-7px}
#xhao-obsidian #xo-store-view .xo-orbit{width:170px;right:13px;bottom:9px}
#xhao-obsidian #xo-store-view .xo-robot-bubble{
  top:11px;bottom:auto;left:auto;right:168px;max-width:230px;
  padding:7px 11px;font-size:11px;line-height:1.5;
}
#xhao-obsidian #xo-store-view .xo-robot-bubble span{margin:0}
#xhao-obsidian #xo-store-view .section-heading{margin:18px 0 13px}
#xhao-obsidian #xo-store-view .section-heading h2{font-size:25px}
.selection-entry-actions{gap:12px}
#batch-button,#csv-link{
  position:relative;isolation:isolate;overflow:hidden;min-height:47px;
  padding:11px 19px;font-size:15px;font-weight:800;letter-spacing:.02em;
  transition:box-shadow .2s,border-color .2s,filter .2s,transform .2s;
}
#batch-button{
  background:linear-gradient(118deg,#a5f4fb,#4ddded 54%,#20b8dc);
  border-color:#a6f1ff;color:#062f3c;
  box-shadow:inset 0 1px 0 #eeffffbc,0 4px 21px #1bc9e62f;
}
#xhao-obsidian #csv-link{
  gap:7px;background:var(--brush),linear-gradient(120deg,#eef6f8,#b8cbd3 58%,#d9e7ec);
  border-color:#dcebf1;color:#17313e;
  box-shadow:inset 0 1px 0 #fff,0 4px 18px #b9dce317;
}
#batch-button::after,#csv-link::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 20%,#fff6 45%,transparent 70%);
  transform:translateX(-130%);transition:transform .55s;
}
#batch-button:hover:not(:disabled),#csv-link:hover{
  filter:brightness(1.08);border-color:#e4fcff;transform:translateY(-1px);
  box-shadow:inset 0 1px #fff9,0 5px 26px #69e5f642;
}
#batch-button:hover::after,#csv-link:hover::after{transform:translateX(130%)}
#batch-button:active:not(:disabled),#csv-link:active{transform:translateY(1px)}
#batch-button:focus-visible,#csv-link:focus-visible{outline:2px solid #d0fbff;outline-offset:4px}
#batch-button svg,#csv-link svg{width:21px;height:21px;stroke-width:2.2;flex-shrink:0}
.csv-format{font:700 .92em/1.2 var(--font-number);letter-spacing:0;margin-left:-5px}

/* 档位库存独立占一行，使用已选择的热门筛选口径。 */
#tiers button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:65px;padding:9px 13px}
#tiers .tier-main{display:flex;align-items:center;gap:8px;white-space:nowrap}
#tiers .tier-stock{display:block;font:400 13px/1.5 var(--font-body);color:#9ec9d6;white-space:nowrap}
#tiers .active .tier-stock{color:#a2e9f4}
#tiers .tier-stock.is-empty{color:#8399a5}
#tiers .tier-stock.is-unavailable{color:#91a3ae}
#tiers button:has(.tier-stock.is-empty):not(.active){background:linear-gradient(120deg,#192b35,#10212a);border-color:#344c59;color:#94adb9}

/* 国旗为本地图片，保持锐利且不依赖操作系统的 emoji 字体。 */
.stock-row .country-cell{display:flex;align-items:center;gap:8px;min-width:0}
.country-flag{display:inline-flex;width:24px;height:18px;min-width:24px;align-items:center;justify-content:center;overflow:hidden;border-radius:2px;box-shadow:0 0 0 1px #c2e1ec22;vertical-align:middle}
.country-flag img,.country-flag svg,img.country-flag,svg.country-flag{display:block;width:24px;height:18px;object-fit:cover}
.country-label{min-width:0;line-height:1.5}
.username-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.shift-hint{font:400 10px/1.5 var(--font-body);color:#99b7c5;white-space:nowrap}
.shift-hint kbd{display:inline-block;border:1px solid #567180;border-bottom-width:2px;border-radius:3px;padding:0 4px;margin:0 2px;font:500 10px/1.4 var(--font-body);color:#cee0e8;background:#142d3a}

/* 金额列内收但不牺牲小数精度；增加最小列宽承载六位小数。 */
.stock-row,.table-head{grid-template-columns:24px minmax(150px,1.8fr) minmax(90px,1fr) minmax(105px,1fr) minmax(115px,1fr) minmax(150px,.85fr)}
.stock-table.show-followers .stock-row,.stock-table.show-followers .table-head{grid-template-columns:24px minmax(140px,1.7fr) minmax(65px,.6fr) minmax(90px,1fr) minmax(105px,1fr) minmax(115px,1fr) minmax(150px,.85fr)}
.stock-row .price,.table-head>span:last-child{padding-right:32px;white-space:nowrap;overflow-wrap:normal}
.stock-row .price{font-size:23px;min-width:0}
.stock-row .price.price-long{font-size:19px;letter-spacing:-.02em}
.stock-row .price.price-extra-long{font-size:14px;letter-spacing:-.035em}
@media(min-width:1900px){.stock-row .price{font-size:27px}.stock-row,.table-head{grid-template-columns:24px minmax(160px,1.8fr) minmax(100px,1fr) minmax(120px,1fr) minmax(130px,1fr) minmax(175px,.85fr)}.stock-table.show-followers .stock-row,.stock-table.show-followers .table-head{grid-template-columns:24px minmax(155px,1.7fr) minmax(70px,.6fr) minmax(100px,1fr) minmax(120px,1fr) minmax(130px,1fr) minmax(175px,.85fr)}}
@media(min-width:681px) and (max-width:1150px){
  #xhao-obsidian #xo-store-view .xo-hero{padding:21px 23px}
  #xhao-obsidian #xo-store-view .xo-hero h1{font-size:31px}
  #xhao-obsidian #xo-store-view .xo-hero p{font-size:13px}
  #xhao-obsidian #xo-store-view .xo-hero-trust{font-size:10px;gap:10px}
  #xhao-obsidian #xo-store-view .xo-robot{right:12px;width:120px;height:180px}
  #xhao-obsidian #xo-store-view .xo-robot-bubble{right:137px;top:9px;font-size:10px}
  .stock-row,.table-head,.stock-table.show-followers .stock-row,.stock-table.show-followers .table-head{grid-template-columns:22px minmax(115px,1.6fr) minmax(75px,1fr) minmax(95px,1fr) minmax(105px,1fr) minmax(131px,.85fr);gap:8px;padding-left:12px;padding-right:12px}
  .stock-row .price{font-size:21px}.shift-hint{font-size:9px}
  .selection-entry-actions{gap:8px}#batch-button,#csv-link{font-size:13px;padding:10px 13px}
}
@media(min-width:1151px) and (max-width:1350px){
  .stock-table.show-followers .stock-row,.stock-table.show-followers .table-head{grid-template-columns:22px minmax(110px,1.5fr) minmax(50px,.55fr) minmax(70px,.8fr) minmax(90px,1fr) minmax(100px,1fr) minmax(131px,.85fr);gap:8px;padding-left:12px;padding-right:12px}
  .stock-row .price{font-size:21px}
}
@media(max-width:680px){
  #xhao-obsidian #xo-store-view .xo-hero{height:160px;min-height:160px;max-height:160px;padding:16px 14px;align-items:flex-start}
  #xhao-obsidian #xo-store-view .xo-hero-copy{width:100%;padding:0}
  #xhao-obsidian #xo-store-view .xo-hero h1{font-size:clamp(22px,5.5vw,30px);margin:0 0 8px;line-height:1.2;letter-spacing:-.03em}
  #xhao-obsidian #xo-store-view .xo-hero p{font-size:11px;line-height:1.5;max-width:none;letter-spacing:.015em}
  #xhao-obsidian #xo-store-view .xo-hero-trust{margin-top:8px;max-width:calc(100% - 80px);font-size:9px;gap:5px 9px;line-height:1.4}
  #xhao-obsidian #xo-store-view .xo-hero-trust span{gap:3px}
  #xhao-obsidian #xo-store-view .xo-hero-trust svg{width:11px;height:11px}
  #xhao-obsidian #xo-store-view .xo-robot{right:5px;bottom:0;width:78px;height:117px}
  #xhao-obsidian #xo-store-view .xo-orbit{width:101px;right:-5px;bottom:3px}
  #xhao-obsidian #xo-store-view .xo-robot-bubble{top:auto;bottom:6px;left:14px;right:auto;max-width:calc(100% - 105px);padding:4px 8px;font-size:10px;line-height:1.5;border-radius:5px;transform:none;visibility:visible;opacity:1;display:flex;align-items:center}
  #xhao-obsidian #xo-store-view .xo-robot-bubble .robot-bubble-label,#xhao-obsidian #xo-store-view .xo-robot-bubble br{display:none}
  #xhao-obsidian #xo-store-view .xo-robot-bubble .robot-bubble-handle{margin:0}
  #xhao-obsidian #xo-store-view .section-heading{margin:13px 0 11px;gap:10px}
  #xhao-obsidian #xo-store-view .section-heading h2{font-size:22px;margin-bottom:4px}
  #xhao-obsidian #xo-store-view .selection-entry-actions{width:100%;display:grid;grid-template-columns:1fr 1.3fr;gap:8px}
  #batch-button,#csv-link{font-size:12px;padding:10px 7px;min-height:44px;gap:5px;white-space:nowrap;letter-spacing:0}
  #batch-button svg,#csv-link svg{width:18px!important;height:18px!important}
  #tiers button{min-height:60px;padding:8px 11px;gap:2px}#tiers .tier-stock{font-size:12px}
  #xo-store-view .offer{padding:9px 12px;font-size:11px;line-height:1.6;margin:10px 0}
  #xo-store-view .filter-toolbar{padding:8px;gap:8px}
  #xo-store-view .segmented{padding:3px}
  #xo-store-view .segmented button{min-height:32px;padding-top:5px;padding-bottom:5px}
  #xo-store-view .search-group input{min-height:36px;padding-top:6px!important;padding-bottom:6px!important}
  #xo-store-view .table-head,#xo-store-view .stock-table.show-followers .table-head{display:flex;padding:8px 11px;min-height:40px}
  .table-head .shift-hint{display:none}
  .stock-row,.stock-table.show-followers .stock-row{grid-template-columns:21px minmax(0,1fr) 113px;gap:4px 8px;padding:13px 11px}
  .stock-row .price,.table-head>span:last-child{padding-right:8px}
  .stock-row .price{font-size:22px;letter-spacing:-.025em}
  .stock-row .price.price-long{font-size:17px;letter-spacing:-.025em}
  .stock-row .price.price-extra-long{font-size:13px;letter-spacing:-.04em}
  .stock-row .country-cell{gap:6px}.country-flag{box-shadow:0 0 0 1px #c2e1ec18}
}
@media(max-width:360px){
  #xhao-obsidian #xo-store-view .xo-hero-trust{font-size:8.5px;gap:5px 7px}
  #batch-button,#csv-link{font-size:11px;padding:10px 5px;gap:4px}
  .stock-row,.stock-table.show-followers .stock-row{grid-template-columns:19px minmax(0,1fr) 105px;gap:4px 6px}
  .stock-row .price{font-size:20px}
  .stock-row .price.price-extra-long{font-size:12px}
}
@media(prefers-reduced-motion:reduce){#batch-button,#csv-link,#batch-button::after,#csv-link::after{transition:none}#batch-button:hover,#csv-link:hover{transform:none}}

/* 轻薄结算栏：只让底板半透明，文字和操作按钮保持清晰。 */
.stock-row .username-cell{display:flex;align-items:center;gap:6px;min-width:0}
.stock-row .username-cell strong{min-width:0;overflow-wrap:anywhere;grid-area:auto}
#xo-store-view .copy-username{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;
  width:30px;min-width:30px;height:30px;min-height:30px;padding:6px;
  border:1px solid rgba(136,195,218,.3);border-radius:5px;background:rgba(24,61,77,.48);
  color:#a3d4e5;box-shadow:none;line-height:1;transition:color .15s,border-color .15s,background .15s;
}
#xo-store-view .copy-username svg{width:16px;height:16px;pointer-events:none}
#xo-store-view .copy-username:hover,#xo-store-view .copy-username.copied{color:#c1f9ff;border-color:#71d7eb;background:rgba(40,100,121,.55)}
#xo-store-view .copy-username:focus-visible{outline:2px solid #8bebfa;outline-offset:2px}
/* 手机一行分为用户名、国家日期、价格状态，长资料按内容自然增高。 */
@media(max-width:680px){
  .stock-row,.stock-table.show-followers .stock-row{
    grid-template-columns:21px minmax(0,1fr) minmax(74px,.9fr) minmax(68px,max-content);
    grid-template-areas:"check name country price" "check name date state";
    grid-template-rows:auto auto;align-content:center;gap:2px 7px;
    min-height:80px;padding:8px 10px;
  }
  .stock-row input{align-self:center;margin:0}
  .stock-row .username-cell{grid-area:name;align-self:center;gap:0}
  .stock-row .username-cell strong{font-size:14px;line-height:1.4}
  #xo-store-view .copy-username{display:none}
  .stock-row .followers-cell{display:none}
  .stock-row .country-cell{align-self:end;gap:4px;font-size:11px;line-height:1.35}
  .stock-row .country-label{line-height:1.35;overflow-wrap:anywhere}
  .stock-row .date-cell{align-self:start;white-space:nowrap;font-size:10px;line-height:1.4}
  .stock-row .price{align-self:end;padding-right:0;line-height:1.2}
  .stock-row .state-cell{align-self:start;min-width:0;line-height:1.35}
  .stock-row .state-cell small{margin-top:2px;font-size:10px;line-height:1.35}
}

#xhao-obsidian #xo-store-view .checkout-bar{
  padding:9px 16px;gap:16px;bottom:10px;
  background:linear-gradient(115deg,rgba(30,56,70,.62),rgba(10,29,41,.52) 65%,rgba(27,51,65,.6));
  border-color:rgba(159,200,216,.48);border-radius:9px;
  box-shadow:inset 0 1px rgba(228,250,255,.2),0 3px 12px rgba(0,0,0,.15);
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
#xo-store-view .checkout-bar>div:first-child{
  display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:3px 14px;min-width:0;
  text-shadow:0 1px 3px #07121b;
}
#xo-store-view #checkout-count{font-size:17px;line-height:1.5;white-space:nowrap}
#xo-store-view #discount-hints{font-size:12px;line-height:1.5;margin:0;max-width:none;max-height:36px;overflow-y:auto;scrollbar-width:thin}
#xo-store-view #limit-note{grid-column:1/-1;font-size:10px;line-height:1.5;margin:0;color:#b6ccd7;max-width:none}
#xo-store-view .checkout-actions{gap:9px}
#xo-store-view #checkout{min-height:44px;min-width:156px;font-size:13px;padding:9px 15px}
#xo-store-view #clear-selection{font-size:12px;min-height:36px;padding:5px 8px}
@media(max-width:680px){
  #xhao-obsidian #xo-store-view .checkout-bar{display:flex;flex-wrap:nowrap;gap:10px;padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px));bottom:6px}
  #xo-store-view .checkout-bar>div:first-child{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:2px}
  #xo-store-view #checkout-count{font-size:14px;line-height:1.4}
  #xo-store-view #discount-hints{font-size:11px;line-height:1.35;max-height:30px}
  #xo-store-view #limit-note{font-size:9px;line-height:1.4}
  #xo-store-view .checkout-bar:has(#checkout:disabled) #discount-hints{display:none}
  #xo-store-view .checkout-actions{gap:2px}
  #xo-store-view #checkout{min-width:108px;min-height:44px;font-size:12px;padding:8px 10px}
  #xo-store-view #clear-selection{font-size:10px;min-height:24px;padding:1px 4px}
}