.vg-shop,.vg-dialog,.vg-chat-gift{--vg-border:#3c6370;--vg-muted:#b3cbd1;--vg-accent:#34d4bd;color:#edf8fa;letter-spacing:0}
.gift-shop-page{grid-template-columns:minmax(0,1fr)}.vg-shop{min-width:0;max-width:100%}.vg-tabs,.vg-filters,.vg-filters label{min-width:0}
.vg-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.vg-header,.vg-heading,.vg-wallet,.vg-pagination,.vg-dialog-header{display:flex;align-items:center;gap:12px}
.vg-header{justify-content:space-between;flex-wrap:wrap;padding:12px 0 24px}
.vg-heading>.vg-icon{width:38px;height:38px;color:#ff9186}.vg-heading h1{font-size:32px;margin:0;letter-spacing:0}
.vg-wallet{font-size:14px}.vg-wallet>span{font-weight:700}
.vg-tabs{display:flex;gap:4px;border-bottom:1px solid var(--vg-border);overflow-x:auto;padding-bottom:1px}
.vg-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--vg-muted);padding:14px 12px;white-space:nowrap;font:600 14px system-ui;cursor:pointer;border-radius:0}
.vg-tabs button[aria-current=page]{border-color:var(--vg-accent);color:#fff}.vg-tabs span{font-size:12px;color:var(--vg-muted);margin-left:5px}
.vg-filters{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:22px 0}.vg-filters label{display:grid;gap:5px;font-size:12px;color:var(--vg-muted)}
.vg-filters .vg-search{position:relative;display:flex;align-items:center;flex:1;max-width:400px}.vg-search .vg-icon{position:absolute;left:12px}
.vg-shop input,.vg-shop select,.vg-dialog input,.vg-dialog select{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--vg-border);border-radius:6px;padding:12px;background:#0e2830;color:#f0f8fa;font:14px system-ui}
.vg-search input{padding-left:40px}.vg-filters select{min-width:160px}.vg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.vg-card{min-width:0;background:#1a333b;border:1px solid #355863;border-radius:8px;overflow:hidden}
.vg-card>button{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:transparent;border:0;color:#edf8fa;font:14px system-ui;cursor:pointer;letter-spacing:0}
.vg-card>button:disabled{opacity:.55;cursor:default}.vg-card:has(button:not(:disabled):hover){border-color:var(--vg-accent);background:#213e44}.vg-card strong{text-align:center;line-height:1.35;overflow-wrap:anywhere;font-size:15px;min-height:40px;display:flex;align-items:center}
.vg-art{width:100%;aspect-ratio:1.25;display:flex;align-items:center;justify-content:center}.vg-art img{width:100%;height:100%;max-height:165px;object-fit:contain}.vg-card-price{display:flex;align-items:center;gap:5px;color:#e8cf8c;font-size:13px}.vg-card-price .vg-icon{width:16px;height:16px}
.vg-art>.vg-icon{width:70px;height:70px;color:#e8cf8c}.vg-token-grid{padding-top:24px}
.vg-pagination{justify-content:flex-end;flex-wrap:wrap;padding:22px 0;font-size:13px;color:var(--vg-muted)}.vg-pagination>span:first-child{margin-right:auto}
.vg-shop .vg-icon-button,.vg-dialog .vg-icon-button{width:40px;height:40px;min-width:40px;padding:9px;display:inline-grid;place-items:center}
.vg-empty{padding:50px 12px;text-align:center;color:var(--vg-muted)}.vg-notice{padding:14px;border-left:3px solid var(--vg-accent);background:#15363d;font-size:14px;line-height:1.5}
.vg-history-row{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--vg-border)}
.vg-history-art{display:grid;place-items:center;width:86px;height:86px;background:#1a333b;border-radius:8px}.vg-history-art img{width:80px;height:80px;object-fit:contain}.vg-history-art .vg-icon{width:36px;height:36px;color:#e8cf8c}
.vg-history-row h3{font-size:16px;margin:0 0 4px}.vg-history-row p{margin:0 0 7px;font-size:14px;overflow-wrap:anywhere}.vg-history-row time,.vg-room-label{font-size:12px;display:block;color:var(--vg-muted);margin-top:4px}.vg-history-row>strong{font-size:14px;color:#e8cf8c;white-space:nowrap}
.vg-dialog{box-sizing:border-box;width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:22px;background:#19343d;border:1px solid #62909b;border-radius:8px;overflow:auto;box-shadow:0 18px 70px #0009}
.vg-dialog::backdrop{background:#031519d9}.vg-dialog-header{justify-content:space-between;margin-bottom:16px}.vg-dialog-header h2{font-size:20px;margin:0;overflow-wrap:anywhere;letter-spacing:0}.vg-dialog h3{font-size:20px;text-align:center;margin:10px 0 18px}
.vg-review-art{height:180px;display:flex;align-items:center;justify-content:center}.vg-review-art img{height:100%;width:100%;object-fit:contain}.vg-review-art .vg-icon{width:100px;height:100px;color:#e8cf8c}
.vg-dialog .field{display:grid;gap:7px;font-size:14px;margin:14px 0}.vg-review-total{display:flex;justify-content:space-between;gap:12px;padding:18px 0 10px;border-bottom:1px solid var(--vg-border);font-size:16px}
.vg-review-note{font-size:13px;line-height:1.5;color:var(--vg-muted)}.vg-dialog [role=alert]{color:#ffb5ab;font-size:14px;line-height:1.5}.vg-dialog form>[type=submit]{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;white-space:normal}
.vg-check{display:flex;align-items:center;gap:8px;font-size:14px}.vg-check input{width:18px;height:18px}.vg-picker{width:min(800px,calc(100% - 24px))}.vg-picker .vg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vg-picker .vg-art{max-height:120px}
.vg-chat-gift{display:flex;gap:16px;align-items:center;padding:12px;max-width:100%;background:#163a42;border-left:3px solid #e8cf8c;border-radius:6px;box-sizing:border-box}
.vg-chat-art{width:112px;height:112px;flex:none}.vg-chat-art img{width:100%;height:100%;object-fit:contain}.vg-chat-gift p{margin:0 0 8px!important;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.vg-chat-name{font-size:16px;color:#e8cf8c;overflow-wrap:anywhere}
.vg-chat-gift>div:last-child{min-width:0}
[data-virtual-gift-room]{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.vg-shop button:focus-visible,.vg-dialog button:focus-visible{outline:2px solid #f0d797;outline-offset:3px}
@media(min-width:1450px){.vg-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.vg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.vg-grid,.vg-picker .vg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vg-filters{flex-wrap:wrap;gap:10px}.vg-filters .vg-search{max-width:none;flex-basis:100%}.vg-filters>label{width:100%}.vg-header{gap:16px;padding-top:4px}.vg-heading h1{font-size:28px}.vg-wallet{width:100%;justify-content:space-between}.vg-card>button{padding:12px 8px}.vg-card strong{font-size:14px}.vg-art{aspect-ratio:1}.vg-history-row{grid-template-columns:64px minmax(0,1fr);gap:12px}.vg-history-art{width:64px;height:64px}.vg-history-art img{width:60px;height:60px}.vg-history-row>strong{grid-column:2}.vg-dialog{padding:16px}.vg-chat-gift{gap:10px;padding:10px}.vg-chat-art{width:80px;height:80px}.vg-chat-name{font-size:14px}}