@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap");
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Noto Sans SC",system-ui,sans-serif;background:linear-gradient(165deg,#070b18 0%,#0f1a33 45%,#0a1228 100%);color:#dce6f5;line-height:1.75;font-size:16px;min-height:100vh}
a{color:#5ee0ff;text-decoration:none;transition:color .2s}
a:hover{color:#fff}
img{max-width:100%;height:auto;display:block}
.xlw-topbar{position:sticky;top:0;z-index:900;background:rgba(8,14,30,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(94,224,255,.12)}
.xlw-topbar-row{max-width:1120px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.xlw-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:1.15rem}
.xlw-brand img{border-radius:12px}
.xlw-menu{display:flex;gap:6px;flex-wrap:wrap}
.xlw-menu a{padding:8px 14px;border-radius:999px;color:#a8bdd9;font-size:.92rem}
.xlw-menu a:hover,.xlw-menu a.xlw-active{background:rgba(0,200,255,.15);color:#5ee0ff}
.xlw-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.xlw-burger span{width:24px;height:2px;background:#5ee0ff;border-radius:2px;transition:transform .25s}
.xlw-promo-zone{max-width:1120px;margin:0 auto;padding:8px 16px 0}
#ads,#ads-sticky{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:6px;background:transparent}
.xlw-ad-item{display:flex;flex-direction:column;align-items:center;width:70px}
#ads img,#ads-sticky img{width:65px;height:65px;object-fit:cover;border-radius:18px;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform .18s}
#ads a,#ads-sticky a{display:inline-block;border-radius:15px}
#ads img:hover,#ads-sticky img:hover{transform:translateY(-4px) scale(1.04)}
.xlw-ad-cap{height:15px;font-size:11px;color:#8899b3;text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}
.xlw-float-dl{position:fixed;left:0;right:0;top:62px;z-index:850;background:rgba(10,18,36,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(94,224,255,.1);padding:8px 12px;transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .3s,opacity .3s}
.xlw-float-dl.xlw-visible{transform:translateY(0);opacity:1;pointer-events:auto}
@media(min-width:768px){#ads-sticky .xlw-ad-item{width:calc(12.5% - 6px)}}
@media(max-width:767px){#ads-sticky .xlw-ad-item{width:calc(20% - 6px)}.xlw-burger{display:flex}.xlw-menu{position:fixed;inset:62px 0 auto 0;background:rgba(8,14,30,.97);flex-direction:column;padding:20px;transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .3s,opacity .3s;border-bottom:1px solid rgba(94,224,255,.15)}.xlw-menu.xlw-open{transform:translateY(0);opacity:1;pointer-events:auto}.xlw-menu a{padding:14px 18px;font-size:1rem}}
.xlw-hero{position:relative;padding:56px 20px 72px;text-align:center;overflow:hidden}
.xlw-hero::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 20%,rgba(0,200,255,.18),transparent 50%),radial-gradient(circle at 70% 60%,rgba(255,107,107,.12),transparent 45%);pointer-events:none}
.xlw-hero h1{position:relative;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;background:linear-gradient(90deg,#fff,#5ee0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;max-width:720px;margin-inline:auto}
.xlw-hero p{position:relative;color:#9cb3d4;max-width:640px;margin:0 auto 28px;font-size:1.02rem}
.xlw-hero-btn{display:inline-block;padding:14px 32px;border-radius:999px;background:linear-gradient(135deg,#00c8ff,#0066ff);color:#fff;font-weight:600;box-shadow:0 8px 28px rgba(0,102,255,.35)}
.xlw-hero-btn:hover{color:#fff;transform:translateY(-2px)}
.xlw-main{max-width:1120px;margin:0 auto;padding:0 20px 80px}
.xlw-crumb{padding:16px 20px 0;max-width:1120px;margin:0 auto;font-size:.88rem;color:#7a8fa8}
.xlw-crumb a{color:#5ee0ff}
.xlw-crumb span{margin:0 8px}
.xlw-sec{margin-bottom:48px;padding:32px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.xlw-sec h2{font-size:1.35rem;color:#fff;margin-bottom:16px;padding-left:14px;border-left:4px solid #00c8ff}
.xlw-sec h3{font-size:1.08rem;color:#5ee0ff;margin:20px 0 10px}
.xlw-sec p{color:#b8c9de;margin-bottom:14px;text-align:justify}
.xlw-grid2{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
@media(min-width:768px){.xlw-grid2{grid-template-columns:1fr 1fr}.xlw-grid2.xlw-reverse{direction:rtl}.xlw-grid2.xlw-reverse>*{direction:ltr}}
.xlw-cards{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px}
@media(min-width:600px){.xlw-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.xlw-cards{grid-template-columns:repeat(3,1fr)}}
.xlw-card{padding:22px;border-radius:18px;background:linear-gradient(145deg,rgba(0,102,255,.12),rgba(0,200,255,.06));border:1px solid rgba(94,224,255,.15)}
.xlw-card h3{margin-top:0;font-size:1rem}
.xlw-card p{font-size:.92rem;margin:0}
.xlw-shot{border-radius:20px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.35);border:1px solid rgba(94,224,255,.12)}
.xlw-legal .xlw-sec h2{font-size:1.2rem}
.xlw-legal ul{padding-left:22px;margin:12px 0;color:#b8c9de}
.xlw-legal li{margin-bottom:8px}
.xlw-err{text-align:center;padding:80px 20px}
.xlw-err h1{font-size:4rem;color:#5ee0ff;margin-bottom:12px}
.xlw-foot{text-align:center;padding:40px 20px 48px;border-top:1px solid rgba(255,255,255,.06);color:#7a8fa8;font-size:.88rem}
.xlw-foot-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:12px}
.xlw-foot-nav a{color:#8899b3}
.xlw-dl-row{text-align:center;margin-top:24px}
.xlw-dl-btn{display:inline-block;padding:12px 28px;border-radius:999px;border:1px solid rgba(94,224,255,.4);color:#5ee0ff;font-weight:500}
.xlw-dl-btn:hover{background:rgba(0,200,255,.12);color:#fff}