.vip-shop-link{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:16px 18px;margin:0 0 22px;border-color:#ffe6a36b;background:linear-gradient(110deg,#674a3377,#743e7977,#334f7577);color:#ffe6ab;font-size:14px}.vip-shop-link span{font-size:11px;color:#f4ceec}
#vipBottleDialog{max-width:1150px;padding:30px;background:radial-gradient(ellipse at 10% 0,#263b7255,transparent 45%),#090e26}
#vipBottleDialog h2{color:#ffe9c4}#vipBottleDialog>.eyebrow{color:#f3b7e2}#vipBalance{color:#ffe6a5;font-weight:700}#vipBottleStatus{color:#b5f3ef;min-height:24px}
.vip-shop-toolbar{display:flex;flex-wrap:wrap;gap:8px}.vip-shop-toolbar button{font-size:11px}#vipTopup{background:#61474488;border-color:#f4c98b66;color:#ffe6b3}
#vipBuyPanel{padding:18px;border:1px solid #f4d19699;border-radius:16px;background:linear-gradient(110deg,#62433666,#51376766);margin:16px 0 22px}#vipBuyPanel h3{margin:0;color:#ffe7b4;font-size:16px}#vipBuyPanel button{margin:4px 5px 0 0}
#vipBottleGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.vip-card{background:#030b25;border:1px solid #1cbaff;border-radius:17px;box-shadow:inset 0 0 0 1px #1748aa,0 0 10px #167bff33;gap:8px;padding:12px 5px;overflow:hidden;position:relative}
.vip-card:hover{background:#08132e;border-color:#7bdfff;box-shadow:0 0 18px #187fff55}.vip-card.active{border-color:#ffe3a0;background:#071429;box-shadow:inset 0 0 0 1px #ffe3a066}
.vip-card small{color:#f8c9ff;font-size:10px;font-weight:700;letter-spacing:.5px}.vip-card strong{color:#f5daff;font-size:12px}.vip-card .bottle-card-state{color:#ffdea4;font-size:10px}
.vip-art{display:none;pointer-events:none}
.vip-card .bottle-preview{position:relative}
@media(max-width:900px){#vipBottleGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){#vipBottleDialog{padding:25px 14px}#vipBottleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vip-shop-link{font-size:12px;align-items:flex-start;flex-direction:column;gap:5px}.vip-card strong{font-size:11px}.vip-card .bottle-card-state{font-size:9px}}
@media(max-width:600px){.bottles[data-vip="1"] .bottle-button .vessel{height:100px}.bottles.many[data-vip="1"] .bottle-button{width:100%}}