*{box-sizing:border-box}html,body,#root{background:#0a0c1a;min-height:100%;margin:0}body{color:#fff;font-family:Noto Sans SC,sans-serif}a{color:inherit;text-decoration:none}button,input{font-family:inherit}img{display:block}.site-header{z-index:30;background:#0a0c1a;align-items:center;height:90px;padding:0 32px;display:flex;position:sticky;top:0;overflow:visible}.site-logo{object-fit:contain;width:120px;height:120px}.site-nav{align-items:center;gap:32px;margin-left:56px;display:flex}.site-nav a{color:#fff;font-size:15px;line-height:22px;position:relative}.site-nav a.active:after{content:"";background:#fff;border-radius:2px;height:2px;position:absolute;bottom:-8px;left:0;right:0}.site-search{width:470px;margin-left:auto}.site-search .ant-input-affix-wrapper,.site-search.ant-input-search .ant-input-affix-wrapper{color:#fff;background:#ffffff0d;border:1px solid #0000;border-radius:999px;height:46px;padding:8px 20px}.site-search input{color:#fff!important;background:0 0!important}.site-search .ant-input-group-addon,.site-search .ant-input-search-button{color:#fff;background:0 0;border:0}.header-actions{align-items:center;gap:18px;margin-left:16px;display:flex}.header-action{color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;font-size:12px;display:flex}.header-action img{object-fit:contain;width:22px;height:20px}.recharge-btn.ant-btn{color:#fff;background:#ff59af;border:1px solid #ffffff05;border-radius:37px;height:40px;padding:4px 12px;font-size:16px;font-weight:500}.login-pill{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff73;border-radius:999px;width:135px;height:46px;font-weight:700}.user-chip{align-items:center;gap:10px;display:flex}.user-chip img.avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.wrap{width:1200px;margin:0 auto}.page{width:1200px;margin:0 auto;padding:24px 0 48px}.banner-stage{background:#0a0c1a url(https://18game-nuxt-static-prod-pc.s3.ap-southeast-1.amazonaws.com/images/index-new/swiper-banner-bg.webp) 50%/cover no-repeat;justify-content:center;align-items:flex-start;height:553px;display:flex}.banner-frame{background:url(https://18game-nuxt-static-prod-pc.s3.ap-southeast-1.amazonaws.com/images/index-new/index-banner-img-box.webp) 50%/100% 100% no-repeat;width:864px;height:553px;position:relative}.banner-slide{width:780px;height:438px;position:absolute;top:42px;left:42px;overflow:hidden}.banner-slide img,.ad-fill{object-fit:fill;width:100%;height:100%}.banner-frame .ant-carousel,.banner-frame .slick-slider,.banner-frame .slick-list,.banner-frame .slick-track{height:438px}.banner-dots{justify-content:center;gap:8px;display:flex;position:absolute;bottom:36px;left:0;right:0}.banner-dots button{cursor:pointer;background:#ffffff73;border:0;border-radius:50%;width:8px;height:8px;padding:0}.banner-dots button.on{background:#ff59af}.section{margin-top:28px}.section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-head img.title{width:auto;height:34px}.more{color:#ffffffb8;align-items:center;gap:4px;font-size:14px;display:inline-flex}.more img{width:6px;height:10px}.feature-grid{grid-template-columns:590px 590px;gap:20px;display:grid}.feature-card{border-radius:16px;height:272px;display:block;position:relative;overflow:hidden}.feature-card .feature-bg{object-fit:cover;object-position:center top;width:590px;height:332px}.feature-card .exclusive{width:56px;height:20px;position:absolute;top:12px;right:12px}.feature-card .feature-icon{object-fit:cover;border-radius:12px;width:72px;height:72px;position:absolute;bottom:16px;left:16px}.feature-meta{position:absolute;bottom:16px;left:100px;right:16px}.feature-title{text-shadow:0 2px 8px #0009;font-size:20px;font-weight:700}.feature-tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.feature-tags span{background:#00000073;border-radius:999px;padding:2px 8px;font-size:12px}.hot-tabs{gap:8px;display:flex}.hot-tabs button{cursor:pointer;background:0 0;border:0;padding:0}.hot-tabs img{width:auto;height:48px}.rank-grid{grid-template-columns:1fr 1fr;gap:8px 24px;margin-top:12px;display:grid}.rank-row{color:#fff;align-items:center;gap:10px;height:64px;display:flex}.rank-row img{object-fit:cover;border-radius:8px;width:48px;height:48px}.rank-no{color:#ff59af;width:22px;font-weight:700}.card-grid,.game-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.game-page{width:1200px;margin:0 auto;padding-top:24px}.recommend-row{gap:20px;padding-bottom:8px;display:flex;overflow-x:auto}.recommend-card{background:#14182b;border-radius:12px;flex:0 0 345px;height:238px;overflow:hidden}.recommend-card img{object-fit:cover;width:343px;height:193px}.recommend-card p{margin:8px 12px 0;font-size:16px}.game-body{align-items:flex-start;gap:20px;margin-top:24px;display:flex}.game-filter{flex:0 0 275px;width:275px}.filter-head{color:#fff;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;height:40px;padding:0 8px;font-size:15px;display:flex}.filter-options{flex-wrap:wrap;gap:8px;padding:0 8px 10px;display:flex}.filter-options button{color:#d1d5db;cursor:pointer;background:#ffffff0f;border:0;border-radius:8px;padding:4px 8px}.filter-options button.on{color:#fff;background:#ff59af}.game-main{width:905px}.game-row{color:#fff;align-items:center;gap:24px;height:165px;display:flex}.game-row .cover{object-fit:cover;border-radius:10px;flex:0 0 247px;width:247px;height:140px}.game-row h3{margin:0;font-size:18px;font-weight:600}.game-row .tags{gap:6px;margin-top:12px;display:flex}.game-row .tags span{color:#9ca3af;font-size:13px}.game-row .meta{color:#6b7280;align-items:center;gap:16px;margin-top:12px;font-size:15px;display:flex}.yds-tag{vertical-align:middle;width:56px;height:20px;margin-left:8px;display:inline-block}.poster{border-radius:12px;height:214px;display:block;position:relative;overflow:hidden}.poster img{object-fit:fill;width:100%;height:100%}.poster span{text-shadow:0 2px 6px #000;font-weight:700;position:absolute;bottom:10px;left:12px;right:12px}.msg-tabs{gap:24px;margin-bottom:8px;display:flex}.msg-tabs a{color:#fff9;font-size:16px}.msg-tabs a.on{color:#fff;border-bottom:2px solid #ff59af}.notice-row{color:#fff;border-bottom:1px solid #ffffff0f;grid-template-columns:231px 1fr;gap:16px;padding:12px 0;display:grid}.notice-row img{object-fit:fill;border-radius:8px;width:231px;height:130px}.site-footer{color:#ffffffb8;background:#0a0c1a;padding:48px 0 28px;position:relative;overflow:hidden}.footer-inner{width:1200px;margin:0 auto}.footer-top{justify-content:space-between;gap:24px;display:flex}.footer-top p{max-width:520px;margin:8px 0;line-height:1.7}.bookmark{cursor:pointer;color:#fff;background:linear-gradient(90deg,#ff59af,#ff8ac4);border:0;border-radius:12px;width:258px;height:74px;font-size:18px;font-weight:700}.footer-bar{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.footer-links{gap:18px;display:flex}.footer-links a:hover{color:#fff}.side-rail{z-index:25;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;top:280px;right:18px}.side-rail button{cursor:pointer;background:0 0;border:0;padding:0}.side-rail img.follow,.side-rail img.down{width:92px}.service-btn{color:#fff;cursor:pointer;background:#101220e6;border:1px solid #ffffff26;border-radius:12px;width:52px;height:52px}.game-card.ant-card{background:#14182b;border:0;border-radius:12px;overflow:hidden}.game-card .ant-card-cover{height:168px}.game-card .ant-card-cover img{object-fit:cover;width:100%;height:100%}.game-card .ant-card-meta-title,.ant-list,.ant-collapse,.ant-tabs,.ant-form,.ant-table,.ant-statistic,.ant-descriptions{color:#fff}.ant-collapse{background:0 0}.ant-collapse-item{border-color:#ffffff14!important}.ant-select-selector{color:#fff!important;background:#ffffff0f!important;border-color:#0000!important}.profile-hero{background:linear-gradient(90deg,#ff59afeb,#ff59af26),url(https://d391me9s8n5j5s.cloudfront.net/uploads/2026-10-13/dfe0035ed365273475ba1a7397a59fd0_pc_large.webp) 50%/cover;height:180px;margin:0 0 24px;padding:36px 8vw}.profile-hero h1{margin:0;font-size:40px}.profile-hero p{margin:0}.mine-grid{grid-template-columns:360px 1fr;gap:16px;display:grid}.mine-actions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mine-actions .ant-card{text-align:center;color:#fff;background:#171b2e;border:0}.pink-card.ant-card{color:#241428;background:linear-gradient(#ff8ac6,#ffd0ea);border:0}.age-modal .ant-modal-content{background:#2a2140;border-radius:16px}.age-modal .ant-modal-title,.age-modal .ant-modal-body{color:#fff}