/* 普通保留粉色，优秀使用浅紫色，稀有使用浅黄色。 */
:root{--blind-common-background:linear-gradient(180deg,#ffd7e7 0%,#ffeaf2 54%,#fff5f8 100%);--blind-excellent-background:linear-gradient(180deg,#ead7fa 0%,#f4e8fc 54%,#fbf5ff 100%);--blind-rare-background:linear-gradient(180deg,#ffe680 0%,#fff0b5 54%,#fff8dc 100%);--blind-common-ink:#603849;--blind-excellent-ink:#694380;--blind-rare-ink:#443d00}
#merchantBlindBoxPage{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
#merchantBlindBoxForm{grid-template-columns:minmax(0,1fr);gap:18px}
#merchantBlindBoxForm>[data-blind-panel]{display:none;grid-column:1/-1;min-width:0}
#merchantBlindBoxForm>[data-blind-panel].active{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
#merchantBlindBoxForm [data-blind-panel]>label{display:grid;gap:8px;min-width:0}
#merchantBlindBoxForm [data-blind-panel]>label>span{font-size:13px;font-weight:500;color:#3e4653}
#merchantBlindBoxForm .merchant-form-help{margin:0;font-size:12px;line-height:1.7;color:#8992a0}
#merchantBlindBoxForm .merchant-textarea{resize:vertical;width:100%;box-sizing:border-box}
.blind-box-editor-grid,.product-blind-prizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}
.blind-box-slot,.product-blind-prize{--tier:#bf628a;--tier-bg:#fff5f8;min-width:0;border:1px solid #e9eeeb;border-radius:12px;background:#fff;overflow:hidden;color:#303238}
.blind-box-slot.rare,.product-blind-prize.rare{--tier:#aa7713;--tier-bg:#fff8dc}
.blind-box-slot.excellent,.product-blind-prize.excellent{--tier:#9471b6;--tier-bg:#fbf5ff}
.blind-box-slot{position:relative;aspect-ratio:1;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y}
.blind-box-slot.is-target{border-color:var(--tier)}
.blind-box-slot button{font:inherit;border:0;background:none;cursor:pointer}
.blind-box-slot .blind-box-slot-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:auto;height:auto;min-height:0;margin:0;padding:0 0 26px;color:inherit;text-align:center;overflow:hidden}
.blind-box-slot .blind-box-slot-content.has-product{display:block;padding:0;cursor:grab}
.blind-box-slot-content>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;pointer-events:none;-webkit-user-drag:none}
.blind-box-slot-name{position:absolute;left:0;right:0;bottom:26px;padding:12px 6px 4px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;font-size:11px;font-weight:500;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blind-box-slot-content small{font-size:11px;color:#8b8b90}.blind-box-slot-plus{color:var(--tier);font-size:30px;font-weight:300}
.blind-box-slot-number{position:absolute;top:5px;left:5px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 4px;border-radius:6px;background:rgba(255,255,255,.9);color:#444;font-size:11px}
.blind-box-slot .blind-box-slot-remove{position:absolute;top:4px;right:4px;z-index:2;display:grid;place-items:center;width:27px;height:27px;padding:0;border-radius:50%;background:rgba(255,255,255,.94);color:#4b5058;font-size:22px;line-height:1;touch-action:manipulation}
.blind-box-slot-caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:2px;min-height:26px;padding-left:6px;background:var(--blind-common-background);color:var(--blind-common-ink);font-size:11px;white-space:nowrap}
.blind-box-slot.excellent .blind-box-slot-caption{background:var(--blind-excellent-background);color:var(--blind-excellent-ink)}
.blind-box-slot.rare .blind-box-slot-caption{background:var(--blind-rare-background);color:var(--blind-rare-ink)}
.blind-box-slot-caption>b{align-self:stretch;display:grid;place-items:center;min-width:49%;padding:3px 4px;border-radius:12px 0 0 12px;background:rgba(0,0,0,.14);font-size:10px;font-weight:500;font-variant-numeric:tabular-nums}
.blind-box-slot-content:focus-visible,.blind-box-slot-remove:focus-visible{outline:2px solid var(--tier);outline-offset:-3px}
.blind-box-slot.is-dragging{opacity:.3}.blind-box-slot.is-drop-target{outline:3px solid var(--tier);outline-offset:2px}
.blind-box-drag-ghost{position:fixed;z-index:2000;height:auto;pointer-events:none;opacity:.94;box-shadow:0 10px 24px rgba(0,0,0,.2);transform:scale(1.04);cursor:grabbing}
.blind-box-sort-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.blind-box-probability-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.blind-box-probability-tier{--tier:#bf628a;display:grid;gap:5px;min-width:0;padding:9px 6px;border:1px solid #e9eeeb;border-radius:9px;text-align:center}
.blind-box-probability-tier.rare{--tier:#aa7713}.blind-box-probability-tier.excellent{--tier:#9471b6}
.blind-box-probability-tier>span{color:#626976;font-size:11px}.blind-box-probability-tier>b{color:var(--tier);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.blind-box-probability-tier>small{color:#8992a0;font-size:10px}
.blind-box-pool-picker{display:grid;gap:10px;padding-bottom:12px;font-size:12px}.blind-box-pool-picker .merchant-gift-options{max-height:250px}
.product-blind-section{padding:0;margin:0 0 16px;background:transparent;border:0;box-shadow:none}
.product-blind-prizes{gap:12px 10px}
.product-blind-prize{position:relative;aspect-ratio:1;margin:0;padding:0;border:0;border-radius:12px;background:transparent;overflow:hidden}
.product-blind-prize-preview{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;padding:0;border:0;background:rgba(255,255,255,.68);color:inherit;font:inherit;text-align:left;cursor:zoom-in;overflow:hidden;border-radius:inherit}
.product-blind-prize-preview>img{position:absolute;left:0;top:0;display:block;width:100%;height:calc(100% - 27px);min-width:0;min-height:0;box-sizing:border-box;object-fit:contain;object-position:center;border-radius:0}
.product-blind-round-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 10px;margin:0 0 10px;color:#706674;font-size:12px;line-height:1.6}
.product-blind-round-status>span{flex:0 0 auto;white-space:nowrap}
.product-blind-round-status small{flex:1 1 180px;min-width:0;max-width:100%;font-size:10px;color:#8c8490;white-space:normal;overflow-wrap:anywhere;text-align:right}
.product-blind-prize-status{position:absolute;left:5px;top:5px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:3px;pointer-events:none}
.product-blind-prize-status>span{display:block;padding:3px 6px;border-radius:5px;background:rgba(31,137,96,.92);color:#fff;font-size:10px;line-height:1.25;white-space:nowrap}
.product-blind-prize-status>.is-sold-out{background:rgba(82,86,94,.9)}
.product-blind-prize.is-sold-out .product-blind-prize-preview>img{filter:grayscale(1);opacity:.62}
.product-blind-shortage-note{display:block;margin-top:5px;max-width:260px;font-size:11px;line-height:1.6;color:#a36938}
.product-blind-zoom{position:absolute;top:0;right:0;display:grid;place-items:center;width:32px;height:32px;border-radius:0 0 0 18px;background:rgba(255,255,255,.84);color:#5a5b60}
.product-blind-zoom svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
/* 稀有度和概率覆盖在图片底部，不再额外撑高正方形奖品卡片。 */
.product-blind-prize-caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:2px;min-width:0;height:27px;box-sizing:border-box;background:var(--blind-common-background);color:var(--blind-common-ink);font-size:11px;white-space:nowrap}
.product-blind-prize.rare .product-blind-prize-caption{background:var(--blind-rare-background);color:var(--blind-rare-ink)}
.product-blind-prize.excellent .product-blind-prize-caption{background:var(--blind-excellent-background);color:var(--blind-excellent-ink)}
.product-blind-prize-caption>span{padding-left:7px}
.product-blind-prize-caption>b{align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;max-width:65%;box-sizing:border-box;padding:3px 5px;border-radius:12px 0 0 12px;background:rgba(0,0,0,.16);font-size:10px;font-weight:500;font-variant-numeric:tabular-nums}
.product-blind-prize-preview:focus-visible{outline:2px solid var(--tier);outline-offset:-2px}
body.product-detail-page .product-gallery.hidden{display:none!important}
body.product-detail-page .product-bottom-purchase.has-blind-box{display:block!important}
/* 三个胶囊右端对齐：整盒购铺满底层，五连发和单发依次缩短叠放。 */
body.product-detail-page .product-bottom-purchase>.product-blind-purchase{position:relative;display:block;isolation:isolate;height:100%;overflow:hidden;border-radius:999px}
body.product-detail-page .product-bottom-bar .product-blind-purchase>button{--blind-label-width:28%;position:absolute;top:0;right:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;width:100%;height:100%;margin:0!important;padding:3px 2px;border:0;border-radius:999px!important;background:#ab4589;color:#fff;font:inherit;line-height:1.2;cursor:pointer;touch-action:manipulation}
body.product-detail-page .product-bottom-bar .product-blind-purchase>button[data-blind-buy-mode="five"]{--blind-label-width:41.666667%;z-index:2;width:72%;background:#cd577f}
body.product-detail-page .product-bottom-bar .product-blind-purchase>button[data-blind-buy-mode="single"]{--blind-label-width:100%;z-index:3;width:42%;background:#ee6b7d}
body.product-detail-page .product-bottom-bar .product-blind-purchase>button:active{transform:none!important;filter:brightness(.96)}
body.product-detail-page .product-bottom-bar .product-blind-purchase>button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
body.product-detail-page .product-blind-purchase>button>span,body.product-detail-page .product-blind-purchase>button>b{display:block;flex:none;width:var(--blind-label-width);text-align:center;white-space:nowrap}
body.product-detail-page .product-blind-purchase>button>span{font-size:12px}
body.product-detail-page .product-blind-purchase>button>b{font-size:11px;font-weight:500}
body.product-detail-page .product-bottom-bar .product-blind-purchase>button:disabled{background:#a9afb6;color:#fff;cursor:not-allowed;filter:none}
.product-blind-checkout{margin:0 0 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:#69616d}.product-blind-checkout b{font-size:19px;color:#bd477c}
@media(min-width:700px){.blind-box-editor-grid{gap:14px}}