@font-face{font-family:VIPExo;src:url('assets/exo2.woff2') format('woff2');font-display:swap}
#vip-skin{--vip-yellow:#f4ef00;--vip-ink:#232021;--vip-line:rgba(244,239,0,.78);--vip-ease:cubic-bezier(.19,1,.22,1);position:fixed;inset:0;z-index:1000;pointer-events:none;color:#fff;font-family:VIPExo,Arial,sans-serif}
#vip-skin *{box-sizing:border-box}
#vip-skin button,#vip-skin a{font:inherit;color:inherit;border:0;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#vip-skin button{cursor:pointer}
#vip-skin button:focus-visible,#vip-skin a:focus-visible{outline:3px solid #fff;outline-offset:3px}
#vip-skin svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
#vip-skin .vip-glass{background:linear-gradient(135deg,rgba(48,46,44,.93),rgba(23,22,21,.84));border:1px solid var(--vip-line);box-shadow:0 18px 55px #0007,0 0 24px rgba(244,239,0,.09),inset 0 1px 0 #ffffff14;backdrop-filter:blur(22px) saturate(1.16);-webkit-backdrop-filter:blur(22px) saturate(1.16)}
#vip-skin .vip-click,#vip-skin .vip-panel,#vip-skin dialog{pointer-events:auto}
#vip-skin .vip-topbar{position:absolute;top:28px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;pointer-events:none;animation:vip-in .8s var(--vip-ease) both}
#vip-skin .vip-brand{width:278px;padding:22px 22px 16px;border-radius:6px 6px 27px 6px;border-bottom:3px solid var(--vip-yellow);display:flex;flex-direction:column;align-items:center;gap:11px;overflow:hidden;position:relative}
#vip-skin .vip-brand img{width:100%;display:block}
#vip-skin .vip-brand small{font-size:9px;letter-spacing:2px;color:#ddd}
#vip-skin .vip-brand small b{color:var(--vip-yellow);margin:0 4px}
#vip-skin .vip-brand:after{content:'';position:absolute;inset:-100% -40%;background:linear-gradient(105deg,transparent 46%,#ffffff18 50%,transparent 54%);transform:translateX(-60%) rotate(10deg);animation:vip-shine 8s ease-in-out infinite;pointer-events:none}
#vip-skin .vip-top-actions{display:flex;gap:10px;align-items:center;pointer-events:none}
#vip-skin .vip-live{font-size:9px;letter-spacing:1.8px;display:flex;gap:8px;align-items:center;margin-right:8px;text-shadow:0 1px 6px #000}
#vip-skin .vip-live i{width:6px;height:6px;border-radius:50%;background:var(--vip-yellow);box-shadow:0 0 12px var(--vip-yellow)}
#vip-skin .vip-icon{width:47px;height:47px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:transparent;transition:.28s var(--vip-ease)}
#vip-skin .vip-icon:hover{transform:translateY(-3px) scale(1.04);background:#ffffff17;box-shadow:0 12px 25px #0005}
#vip-skin .vip-yellow{background:var(--vip-yellow);color:var(--vip-ink);border:1px solid #fff86c;box-shadow:0 8px 28px rgba(244,239,0,.23)}
#vip-skin .vip-yellow:hover{background:#fff95d;box-shadow:0 13px 35px rgba(244,239,0,.38)}
#vip-skin .vip-nav{position:absolute;top:184px;left:30px;width:278px;max-height:calc(100dvh - 304px);overflow:auto;border-radius:6px 6px 25px 6px;padding:15px 12px;opacity:0;visibility:hidden;transform:translateY(-16px) scale(.98);transform-origin:top left;transition:opacity .3s,transform .5s var(--vip-ease),visibility .3s;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}
#vip-skin .vip-nav.open{opacity:1;visibility:visible;transform:none}
#vip-skin .vip-nav-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px 10px}
#vip-skin .vip-kicker{font-size:10px;letter-spacing:2px;color:var(--vip-yellow)}
#vip-skin .vip-small{width:31px;height:31px}
#vip-skin .vip-destination{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:11px 12px;margin:2px 0;border:1px solid transparent;border-radius:9px;background:transparent;font-size:14px;position:relative;overflow:hidden;isolation:isolate;transform-origin:left center;transition:color .28s,transform .42s var(--vip-ease),box-shadow .42s,border-color .35s}
#vip-skin .vip-destination:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,#f4ef00,#fff82d 58%,#c8c300);opacity:0;transform:translateX(-105%);transition:.42s var(--vip-ease)}
#vip-skin .vip-destination .vip-num{font-size:10px;color:#a8a69f;min-width:18px}
#vip-skin .vip-destination .vip-arrow{margin-left:auto;opacity:0;transform:translateX(-7px);transition:.3s}
#vip-skin .vip-destination.active{color:var(--vip-ink);border-color:#fff96b;background:linear-gradient(105deg,#f4ef00,#fff82d 62%,#d6d000);box-shadow:0 11px 24px #0007,0 5px 20px rgba(244,239,0,.26),inset 0 1px 0 #ffffffaa,inset 0 -4px 8px rgba(85,82,0,.2)}
#vip-skin .vip-destination.active .vip-num{color:#514e18}
#vip-skin .vip-destination.active .vip-arrow{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){#vip-skin .vip-destination:hover{color:var(--vip-ink);border-color:#fff96b;transform:translate3d(10px,-2px,0) scale(1.035);box-shadow:-6px 13px 28px #0008,7px 5px 24px rgba(244,239,0,.34),inset 0 1px 0 #ffffffbb,inset 0 -5px 10px rgba(85,82,0,.2);z-index:2}#vip-skin .vip-destination:hover:before{opacity:1;transform:none}#vip-skin .vip-destination:hover .vip-num{color:#514e18}#vip-skin .vip-destination:hover .vip-arrow{opacity:1;transform:translateX(3px)}}
#vip-skin .vip-nav-footer{margin-top:12px;padding-top:9px;border-top:1px solid #ffffff28}
#vip-skin .vip-nav-footer button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;padding:9px;font-size:12px;color:#d2d0ca}
#vip-skin .vip-nav-footer button span:last-child{margin-left:auto}
#vip-skin .vip-count{border:1px solid #ffffff30;border-radius:6px;padding:3px 6px;font-size:10px}
#vip-skin .vip-bottom-left,#vip-skin .vip-bottom-right{position:absolute;bottom:31px;display:flex;align-items:center;gap:10px;animation:vip-in 1s .1s var(--vip-ease) both}
#vip-skin .vip-bottom-left{left:30px}#vip-skin .vip-bottom-right{right:30px}
#vip-skin .vip-vr{display:none}
#vip-skin .vip-location{display:flex;align-items:center;gap:14px;border-radius:12px 12px 24px 12px;padding:13px 17px;font-size:11px;text-align:left;letter-spacing:.8px}
#vip-skin .vip-location svg{color:var(--vip-yellow);width:20px}
#vip-skin .vip-location small{display:block;color:#c6c4be;font-size:10px;margin-top:5px;letter-spacing:.2px}
#vip-skin .vip-contact{height:49px;padding:0 18px;border-radius:13px;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.6px}
#vip-skin .vip-bottom-center{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:320px;animation:vip-in 1s .2s var(--vip-ease) both}
#vip-skin .vip-drag{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;letter-spacing:.8px;margin-bottom:12px;text-shadow:0 1px 5px #000}
#vip-skin .vip-drag svg{width:17px;color:var(--vip-yellow)}
#vip-skin .vip-scene-nav{display:flex;align-items:center;justify-content:space-between;padding:7px;border-radius:16px}
#vip-skin .vip-scene-nav .vip-icon{width:38px;height:42px}
#vip-skin .vip-scene-selector{background:transparent;min-width:140px;text-align:left;padding:0 9px}
#vip-skin .vip-scene-selector small{display:block;font-size:8px;letter-spacing:1.5px;color:#c4c3bd}
#vip-skin .vip-scene-selector strong{display:block;font-size:16px;margin-top:4px;font-weight:500}
#vip-skin .vip-divider{width:1px;height:25px;background:#ffffff28}
#vip-skin .vip-progress{height:2px;width:85%;margin:8px auto 0;background:#ffffff25;overflow:hidden}
#vip-skin .vip-progress i{display:block;height:100%;background:var(--vip-yellow);width:4.35%;transition:width .7s var(--vip-ease)}
#vip-skin dialog{color:#fff;width:min(1000px,calc(100vw - 70px));max-height:calc(100dvh - 80px);border:1px solid var(--vip-yellow);border-radius:22px;padding:30px;overflow:auto;background:linear-gradient(135deg,rgba(45,43,41,.98),rgba(20,19,18,.97));box-shadow:0 28px 90px #000b,0 0 34px rgba(244,239,0,.12);font-family:VIPExo,Arial,sans-serif}
#vip-skin dialog[open]{animation:vip-modal-in .45s var(--vip-ease) both}
#vip-skin dialog::backdrop{background:#050506b8;backdrop-filter:blur(7px)}
#vip-skin .vip-modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}
#vip-skin .vip-modal-head h2{font-size:30px;font-weight:500;letter-spacing:-.6px;margin:8px 0 0}
#vip-skin .vip-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
#vip-skin .vip-filters button{border:1px solid #ffffff2e;background:#ffffff08;border-radius:30px;padding:9px 15px;font-size:12px}
#vip-skin .vip-filters button.selected{background:var(--vip-yellow);color:var(--vip-ink);border-color:var(--vip-yellow)}
#vip-skin .vip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#vip-skin .vip-card{position:relative;overflow:hidden;text-align:left;padding:0;border:1px solid rgba(244,239,0,.65);border-radius:12px;background:#ffffff08;transition:.35s var(--vip-ease)}
#vip-skin .vip-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 16px 30px #0008,0 0 20px rgba(244,239,0,.18)}
#vip-skin .vip-card.active{border-color:#fff95f;box-shadow:0 0 0 2px var(--vip-yellow),0 14px 32px #0007}
#vip-skin .vip-card img{display:block;width:100%;height:118px;object-fit:cover;transition:transform .65s var(--vip-ease)}
#vip-skin .vip-card:hover img{transform:scale(1.06)}
#vip-skin .vip-card .vip-card-num{position:absolute;top:9px;left:9px;background:#232021d9;padding:5px 7px;border-radius:6px;font-size:10px}
#vip-skin .vip-card-copy{display:block;padding:13px 14px}
#vip-skin .vip-card-copy strong{display:block;font-size:14px;font-weight:500}
#vip-skin .vip-card-copy small{display:block;color:#aaa9a3;font-size:10px;margin-top:5px}
#vip-skin .vip-copy{font-size:15px;line-height:1.85;color:#d2d0c9;max-width:760px}
#vip-skin .vip-help{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#vip-skin .vip-help article{border:1px solid rgba(244,239,0,.55);background:#ffffff07;padding:24px;border-radius:14px}
#vip-skin .vip-help svg{width:40px;height:40px;color:var(--vip-yellow)}
#vip-skin .vip-help p{font-size:13px;line-height:1.7;color:#c9c6bf}
#vip-skin .vip-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
#vip-skin .vip-links a{display:inline-flex;align-items:center;gap:11px;border:1px solid var(--vip-yellow);border-radius:12px;padding:14px 18px;background:#ffffff08}
#vip-skin dialog.vip-map{width:90vw;height:90dvh;max-width:none;max-height:none;overflow:hidden;padding:22px;display:none;flex-direction:column}
#vip-skin dialog.vip-map[open]{display:flex}
#vip-skin .vip-map .vip-modal-head{flex:0 0 auto;margin-bottom:14px}
#vip-skin .vip-map .vip-modal-body{flex:1;min-height:0}
#vip-skin .vip-map-frame{width:100%;height:100%;overflow:hidden;border:1px solid var(--vip-yellow);border-radius:14px;background:#171616;box-shadow:inset 0 0 0 1px #ffffff14,0 12px 35px #0007}
#vip-skin .vip-map-frame iframe{display:block;width:100%;height:100%;border:0}
#vip-skin .vip-toast{position:fixed;left:50%;top:24px;transform:translate(-50%,-20px);z-index:1010;background:#232021;border:1px solid var(--vip-yellow);padding:13px 20px;border-radius:12px;opacity:0;transition:.3s;max-width:calc(100vw - 40px);font-size:13px;box-shadow:0 12px 35px #0008}
#vip-skin .vip-toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes vip-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
@keyframes vip-shine{0%,65%{transform:translateX(-60%) rotate(10deg)}95%,100%{transform:translateX(60%) rotate(10deg)}}
@keyframes vip-modal-in{from{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){#vip-skin .vip-live{display:none}#vip-skin .vip-location>span:nth-child(2){display:none}#vip-skin .vip-contact span{display:none}#vip-skin .vip-contact{padding:0 14px}#vip-skin .vip-bottom-center{width:300px}}
@media(max-width:680px){#vip-skin .vip-topbar{top:max(16px,env(safe-area-inset-top));left:16px;right:16px;gap:10px}#vip-skin .vip-brand{width:184px;padding:15px 13px 11px;gap:8px;border-radius:5px 5px 20px 5px}#vip-skin .vip-brand small{font-size:6.8px;letter-spacing:1px}#vip-skin .vip-top-actions{gap:7px;max-width:100px;flex-wrap:wrap;justify-content:flex-end}#vip-skin .vip-top-actions .vip-icon{width:40px;height:40px;border-radius:10px}#vip-skin .vip-nav{z-index:4;left:12px;right:12px;top:auto;bottom:100px;width:auto;max-height:calc(100dvh - 240px);border-radius:20px;padding:17px 14px;transform:translateY(30px)}#vip-skin .vip-destination{padding:12px;min-height:43px}#vip-skin .vip-bottom-center{bottom:max(17px,env(safe-area-inset-bottom));width:calc(100% - 32px)}#vip-skin .vip-bottom-left{left:16px;bottom:133px;gap:7px}#vip-skin .vip-bottom-right{right:16px;bottom:133px;gap:7px}#vip-skin .vip-vr{display:inline-flex}#vip-skin .vip-location,#vip-skin .vip-bottom-left .vip-icon,#vip-skin .vip-bottom-right .vip-icon,#vip-skin .vip-contact{height:43px;width:43px;padding:10px;justify-content:center}#vip-skin .vip-location>span{display:none}#vip-skin .vip-drag{font-size:9px;margin-bottom:11px}#vip-skin dialog{width:calc(100% - 20px);max-height:calc(100dvh - 38px);padding:22px 17px;border-radius:21px}#vip-skin .vip-modal-head{margin-bottom:20px}#vip-skin .vip-modal-head h2{font-size:25px}#vip-skin .vip-grid{grid-template-columns:repeat(2,1fr);gap:10px}#vip-skin .vip-card img{height:92px}#vip-skin .vip-card-copy{padding:11px}#vip-skin .vip-card-copy strong{font-size:12px}#vip-skin .vip-card-copy small{font-size:9px}#vip-skin .vip-help{grid-template-columns:1fr}#vip-skin .vip-help article{padding:18px}#vip-skin dialog.vip-map{width:90vw;height:90dvh;max-height:90dvh;margin:auto;padding:14px;border-radius:18px}#vip-skin .vip-map .vip-modal-head{margin-bottom:10px}#vip-skin .vip-map .vip-modal-head h2{font-size:20px;line-height:1.18}#vip-skin:has(.vip-nav.open) .vip-bottom-left,#vip-skin:has(.vip-nav.open) .vip-bottom-right,#vip-skin:has(.vip-nav.open) .vip-drag{visibility:hidden}}
@media(max-height:550px){#vip-skin .vip-brand{width:190px;padding:12px}#vip-skin .vip-nav{top:125px;bottom:100px;max-height:calc(100dvh - 225px)}#vip-skin .vip-bottom-left,#vip-skin .vip-bottom-right{bottom:22px}#vip-skin .vip-bottom-center{bottom:16px;width:290px}#vip-skin .vip-drag{display:none}#vip-skin .vip-topbar{top:15px}}
@media(prefers-reduced-motion:reduce){#vip-skin *,#vip-skin *:before,#vip-skin *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}