#bottleDialog{max-width:1050px}
.bottle-tabs{display:flex;flex-wrap:nowrap;gap:8px;margin:22px 0 24px;padding:6px;border:1px solid #ffffff1a;border-radius:16px;background:#10152d}
.bottle-tabs [role=tab]{flex:1;min-width:0;padding:12px 6px;white-space:nowrap;border:1px solid transparent;border-radius:11px;background:transparent;color:#aebbd5;font-weight:700}
.bottle-tabs [aria-selected=true]{color:#efffff;background:linear-gradient(135deg,#345b78,#363665);border-color:#79dff099;box-shadow:0 3px 14px #0003}
.bottle-tabs [data-bottle-tab^=vip][aria-selected=true]{color:#ffe4a0;background:linear-gradient(135deg,#59432d,#413663);border-color:#ffd36a99}
.bottle-tabs [role=tab]:focus-visible{outline:2px solid #74e7fa;outline-offset:2px}
#bottleDialog [role=tabpanel][hidden]{display:none}
#bottleDialog [role=tabpanel]>p{max-width:720px}
#bottleDialog #vipBottleGrid{grid-template-columns:repeat(5,minmax(0,1fr))}
.pour-effect-card{display:flex;align-items:center;gap:22px;padding:24px;border:1px solid #75ddeb55;border-radius:18px;background:linear-gradient(135deg,#213d50,#25263f)}
.pour-effect-icon{display:grid;place-items:center;flex-shrink:0;width:76px;height:90px;border-radius:20px;background:#63ddff12;font-size:44px}
.pour-effect-card h3{margin:0 0 10px;color:#d5faff}.pour-effect-card p{line-height:1.7;color:#c3cee3}
.pour-effect-active{display:inline-block;color:#a6eedc;font-size:12px;font-weight:700}
@media(max-width:700px){#bottleDialog{padding:22px 16px}#bottleDialog #vipBottleGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.bottle-tabs{gap:3px;padding:4px}.bottle-tabs [role=tab]{padding:11px 3px;font-size:11px}}
@media(max-width:380px){#bottleDialog{padding:22px 12px}.bottle-tabs{gap:2px}.bottle-tabs [role=tab]{font-size:10px;padding:11px 1px}#bottleDialog #vipBottleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pour-effect-card{padding:16px;gap:12px}.pour-effect-icon{width:45px;font-size:32px}}