@import"https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css";:root{--bg-deep:#030811;--bg-surface:#0a121f;--bg-glass:rgba(13,22,36,.72);--accent-cyan:#00f0ff;--accent-blue:#07f;--accent-glow:rgba(0,240,255,.28);--text-main:#f0f4f8;--text-muted:#8d9eb6;--border-light:hsla(0,0%,100%,.06);--border-accent:rgba(0,240,255,.2);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--transition-smooth:all .3s cubic-bezier(.25,.8,.25,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg-deep);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input{font:inherit}button{outline:none}img{display:block;max-width:100%}.container{margin:0 auto;width:min(1720px,calc(100% - 32px))}.page-shell{background:radial-gradient(circle at top right,rgba(0,119,255,.1),transparent 30%),radial-gradient(circle at bottom left,rgba(0,240,255,.05),transparent 30%),var(--bg-deep);min-height:100vh}.site-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#030811d9;border-bottom:1px solid var(--border-light);box-shadow:0 4px 30px #00000080;position:sticky;top:0;z-index:1000}.header-inner{gap:20px;justify-content:space-between;min-height:84px}.header-inner,.logo{align-items:center;display:flex}.logo{min-width:260px}.logo img{height:auto;-o-object-fit:contain;object-fit:contain;transition:var(--transition-smooth);width:200px}.logo img:hover{filter:drop-shadow(0 0 12px var(--accent-glow));transform:translateY(-1px)}.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-end}.time{color:var(--accent-cyan);font-variant-numeric:tabular-nums;font-weight:600;text-shadow:0 0 10px rgba(0,240,255,.2)}.top-links{color:var(--text-muted);display:flex;font-size:.9rem;gap:18px}.top-links a{transition:color .2s ease}.top-links a:hover{color:var(--text-main)}.auth-buttons{display:flex;gap:12px}.btn-accent,.btn-outline{border-radius:var(--radius-sm);cursor:pointer;font-weight:600;height:42px;padding:0 20px;transition:var(--transition-smooth)}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-main)}.btn-outline:hover{background:#ffffff0d;border-color:#fff3}.btn-accent{background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-cyan) 100%);border:none;box-shadow:0 4px 15px #0077ff4d;color:#fff}.btn-accent:hover{box-shadow:0 6px 20px #00f0ff66;filter:brightness(1.1);transform:translateY(-2px)}.mobile-header,.mobile-only{display:none}.pc-only{display:flex}.mobile-top-row{justify-content:space-between}.mobile-icons,.mobile-top-row{align-items:center;display:flex}.mobile-icons{gap:12px;width:80px}.mobile-icons-spacer{width:80px}.mobile-icon-btn{align-items:center;background:transparent;border:none;color:var(--text-main);cursor:pointer;font-size:1.5rem;height:32px;width:32px}.mobile-icon-btn,.mobile-logo{display:flex;justify-content:center}.mobile-logo{flex:1}.mobile-logo img{height:auto;-o-object-fit:contain;object-fit:contain;width:160px}.mobile-auth-row{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:16px}.mobile-auth-btn{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-main);font-size:.9rem;font-weight:600;height:40px}.main-nav{background:#0a121fe6;border-bottom:1px solid var(--border-accent)}.nav-inner{align-items:center;display:flex;gap:48px;justify-content:center;min-height:54px;overflow-x:auto;white-space:nowrap}.nav-inner a{color:var(--text-muted);font-weight:600;padding:8px 0;position:relative;transition:color .3s ease}.nav-inner a.active,.nav-inner a:hover{color:var(--accent-cyan)}.nav-inner a:after{background:var(--accent-cyan);bottom:0;box-shadow:0 0 8px var(--accent-glow);content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-inner a.active:after,.nav-inner a:hover:after{width:100%}.main-layout{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 300px;padding:24px 0 40px}.main-left{display:flex;flex-direction:column;min-width:0}.hero-banner,.hero-bg{width:100%}.hero-bg{aspect-ratio:16/6;background:#030811;border-radius:20px;overflow:hidden;position:relative}.hero-img{height:96%;left:50%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity 1.2s ease;width:96%}.hero-img.active{opacity:1}@media(max-width:760px){.hero-bg{aspect-ratio:auto;border-radius:16px;height:240px}.hero-img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}}.hero-overlay{display:none}.hero-content{display:flex;flex-direction:column;height:100%;justify-content:center;max-width:820px;padding:64px 48px;position:relative;z-index:2}.hero-content h1{background:linear-gradient(180deg,#fff 0,#b7cdfd);-webkit-background-clip:text;font-size:clamp(2.5rem,4vw,4.6rem);font-weight:800;line-height:1.08;margin:0;-webkit-text-fill-color:transparent}.hero-content h1 span{color:var(--accent-cyan);display:block;margin-top:10px;-webkit-text-fill-color:var(--accent-cyan);text-shadow:0 0 20px var(--accent-glow)}.hero-sub{color:#dfe9f8;font-size:1.2rem;font-weight:700;line-height:1.45;margin-top:16px}.hero-desc{color:#b6c4d8;font-size:.96rem;line-height:1.55;margin-top:12px}.hero-dots{bottom:24px;display:flex;gap:10px;position:absolute;right:24px;z-index:2}.dot{background:#ffffff4d;border-radius:50%;cursor:pointer;height:8px;transition:var(--transition-smooth);width:8px}.dot.active,.dot:hover{background:var(--accent-cyan);border-radius:4px;box-shadow:0 0 8px var(--accent-glow);width:24px}.category-grid,.top-style{display:grid;gap:16px;grid-template-columns:repeat(8,1fr);margin-top:24px}.category-card{background:var(--bg-surface);border:1px solid var(--border-light);overflow:hidden;position:relative}.category-card,.category-card:before{border-radius:var(--radius-md);transition:var(--transition-smooth)}.category-card:before{box-shadow:inset 0 0 0 1px transparent;content:"";inset:0;pointer-events:none;position:absolute}.category-card:hover{background:var(--bg-glass);box-shadow:0 10px 20px #0006;transform:translateY(-6px)}.category-card:hover:before{box-shadow:inset 0 0 0 1px var(--border-accent)}.category-image{background-position:50%;background-size:cover;border-bottom:1px solid var(--border-light);filter:grayscale(22%);height:160px;transition:var(--transition-smooth)}.category-card:hover .category-image{filter:grayscale(0);transform:scale(1.05)}.category-body{background:var(--bg-surface);padding:16px 12px;position:relative;text-align:center;z-index:2}.category-body h3{color:var(--text-main);font-size:1rem;font-weight:700;margin:0}.category-body p{color:var(--accent-cyan);font-size:.85rem;font-weight:600;margin:6px 0 0}.quick-grid{display:grid;gap:16px;grid-template-columns:repeat(6,1fr);margin-top:32px}.quick-box{align-items:center;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:24px 16px;transition:var(--transition-smooth)}.quick-box:hover{background:#0d1624cc;border-color:var(--accent-cyan);box-shadow:0 8px 24px #0000004d,inset 0 0 15px #00f0ff0d;transform:translateY(-4px)}.quick-icon{color:var(--text-muted);font-size:2.2rem;transition:var(--transition-smooth)}.quick-box:hover .quick-icon{color:var(--accent-cyan);transform:scale(1.1)}.quick-title{color:var(--text-main);font-size:.9rem;font-weight:600;text-align:center;width:100%}.side-panel{display:flex;flex-direction:column;gap:16px}.side-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px}.side-head{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.side-head h4{color:var(--accent-cyan);font-size:1.1rem;margin:0}.side-tools{color:var(--text-muted);cursor:pointer;font-size:.8rem}.cart-empty{background:#0003;border:1px dashed var(--border-light);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.9rem;justify-content:center;min-height:100px}.bet-amount-box,.cart-empty{align-items:center;display:flex}.bet-amount-box{background:#0000004d;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--accent-cyan);font-size:1.8rem;font-weight:700;height:50px;justify-content:flex-end;margin-bottom:16px;padding:0 16px}.side-button-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.side-button-grid button{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;font-weight:600;height:40px;transition:var(--transition-smooth)}.side-button-grid button:hover{background:#00f0ff0d;border-color:var(--accent-cyan);color:var(--accent-cyan)}.bet-summary{color:var(--text-muted);display:grid;font-size:.9rem;gap:12px;margin-bottom:20px}.bet-summary div{display:flex;justify-content:space-between}.bet-summary.bottom{border-top:1px solid var(--border-light);color:var(--text-main);font-weight:600;padding-top:12px}.main-side-btn{background:linear-gradient(135deg,var(--accent-blue) 0,var(--accent-cyan) 100%);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 15px #0077ff40;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;height:50px;transition:var(--transition-smooth);width:100%}.main-side-btn:hover{box-shadow:0 6px 20px #00f0ff66;transform:translateY(-2px)}.telegram-box{text-align:center}.telegram-title{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:8px}.domain-box strong{color:var(--accent-cyan);display:block;font-size:1.3rem;letter-spacing:1px;margin-top:12px}.bottom-menu-grid{display:grid;gap:16px;grid-template-columns:repeat(6,1fr);margin-top:40px}.bottom-menu-box{align-items:center;background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;min-height:130px;padding:24px 16px;transition:var(--transition-smooth)}.bottom-menu-box:hover{background:#ffffff08;border-color:#ffffff26}.bottom-menu-icon{height:48px;margin-bottom:16px;-o-object-fit:contain;object-fit:contain;opacity:.82;transition:var(--transition-smooth);width:48px}.bottom-menu-box:hover .bottom-menu-icon{opacity:1;transform:scale(1.05)}.bottom-menu-btn{background:transparent;border:1px solid var(--border-light);border-radius:20px;color:var(--text-main);cursor:pointer;font-size:.85rem;font-weight:600;height:38px;max-width:160px;transition:var(--transition-smooth);width:100%}.bottom-menu-box:hover .bottom-menu-btn{border-color:var(--accent-cyan);color:var(--accent-cyan)}.footer-wrap{border-top:1px solid var(--border-light);flex-direction:column;margin-top:60px;padding:40px 0}.footer-wrap,.partner{align-items:center;display:flex}.partner{flex-wrap:wrap;gap:40px;justify-content:center;opacity:.3;transition:opacity .3s ease}.partner:hover{opacity:.6}.partner img{filter:grayscale(100%);height:30px;-o-object-fit:contain;object-fit:contain}.partner-logo-row{color:#fff3;display:flex;flex-wrap:wrap;font-size:1rem;font-weight:600;gap:40px;justify-content:center;margin-top:30px}.copyright,.site-footer{color:var(--text-muted);font-size:.85rem;margin-top:30px;text-align:center;width:100%}.copyright i,.site-footer span{color:var(--accent-cyan);font-style:normal}@media(max-width:1600px){.category-grid,.top-style{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.main-layout{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}.bottom-menu-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.pc-only{display:none!important}.mobile-only{display:block!important}.mobile-header{display:block}.main-nav,.side-panel{display:none}.header-inner{display:block;min-height:auto;padding:12px 0}.main-layout{gap:12px;grid-template-columns:1fr;padding:16px 0 24px}.hero-content{padding:32px 24px}.hero-content h1{font-size:2rem}.hero-sub{font-size:1rem}.hero-desc{font-size:.88rem}.category-grid,.top-style{gap:8px;grid-template-columns:repeat(2,1fr);margin-top:12px}.category-image{height:130px}.quick-grid{gap:12px;grid-template-columns:repeat(2,1fr);margin-top:24px}.bottom-menu-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.bottom-menu-box{min-height:100px;padding:16px 8px}.bottom-menu-icon{height:36px;margin-bottom:12px;width:36px}.partner{gap:20px}.partner img{height:24px}.partner-logo-row{font-size:.85rem;gap:20px}}.telegram-banner{border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;width:100%}.telegram-banner:hover{box-shadow:0 10px 20px #00f0ff33;transform:translateY(-3px)}.login-divider{background:#ffffff2e;height:1px}.note-alert-backdrop[data-v-09282606]{align-items:center;background:#00000094;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:99999}.note-alert-modal[data-v-09282606]{background:#202a46;border:1px solid rgba(89,140,255,.55);box-shadow:0 18px 60px #00000073;padding:34px 22px 30px;text-align:center;width:min(560px,92vw)}.note-alert-logo[data-v-09282606]{display:block;margin:0 auto 16px;max-width:70%;width:180px}.note-alert-sub[data-v-09282606]{color:#6ea0ff;font-size:18px;margin-bottom:20px}.note-alert-title[data-v-09282606]{color:#fff;font-size:24px;font-weight:800;line-height:1.45;margin-bottom:28px}.note-alert-btn[data-v-09282606]{background:#4976c9;border:0;border-radius:4px;color:#fff;cursor:pointer;font-size:22px;font-weight:800;height:56px;max-width:90%;min-width:220px}@media(max-width:768px){.note-alert-modal[data-v-09282606]{padding:28px 18px 24px}.note-alert-logo[data-v-09282606]{margin-bottom:12px;width:150px}.note-alert-sub[data-v-09282606]{font-size:15px;margin-bottom:14px}.note-alert-title[data-v-09282606]{font-size:20px;margin-bottom:20px}.note-alert-btn[data-v-09282606]{font-size:18px;height:48px;min-width:0;width:100%}}