:root{--bg:#0D121A;--bg-1:#111827;--bg-2:#151D2B;--bg-3:#182334;--bg-4:#202B3D;--gold:#E8CF92;--gold-2:#C8A96A;--mist:#A9C4E4;--cyan:#79B7C9;--sage:#8FB8A8;--text:#EDF2F7;--text-2:#B8C2D2;--text-3:#8E9AAF;--footer:#080C12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:9999;background:rgba(13,18,26,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(232,207,146,.08)}.header-main{height:72px;display:flex;align-items:center;gap:30px}.brand img{height:42px;width:auto}.nav-core{display:flex;gap:24px;margin-left:auto}.nav-core a{color:#E7ECF4;position:relative;padding:8px 0}.nav-core a:hover,.nav-core a.active{color:var(--gold)}.nav-core a.active:after{content:"";position:absolute;left:50%;bottom:-15px;width:28px;height:3px;border-radius:99px;background:linear-gradient(135deg,#F4E4B6,var(--gold),var(--gold-2));transform:translateX(-50%)}.main-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;background:linear-gradient(135deg,#F4E4B6 0%,#E8CF92 48%,#C8A96A 100%);color:#0D121A;font-weight:700;box-shadow:0 10px 24px rgba(200,169,106,.16);transition:.2s}.main-btn:hover{transform:translateY(-1px)}.header-cta{margin-left:10px}.channel-bar{background:var(--bg-1);border-top:1px solid rgba(232,207,146,.06);border-bottom:1px solid rgba(169,196,228,.08)}.channel-scroll{display:flex;gap:9px;overflow-x:auto;padding:9px 0;scrollbar-width:none}.channel-scroll::-webkit-scrollbar{display:none}.channel-bar a{flex:0 0 auto;color:var(--text-2);padding:5px 12px;border-radius:99px;border:1px solid transparent;font-size:14px}.channel-bar a:hover,.channel-bar a.active{color:#F5F7FA;background:rgba(121,183,201,.12);border-color:rgba(121,183,201,.20)}.menu-btn{display:none;background:none;border:0;padding:8px}.menu-btn span{display:block;width:22px;height:2px;background:#E7ECF4;margin:4px 0}.floating-service{position:fixed;right:18px;top:42%;z-index:60;display:grid;gap:7px}.floating-service a,.floating-service button{background:rgba(21,29,43,.94);color:#DDE5EF;border:1px solid rgba(232,207,146,.12);padding:9px 12px;border-radius:12px;box-shadow:0 14px 30px rgba(0,0,0,.24);font-size:13px;cursor:pointer}.floating-service .register-link{background:linear-gradient(135deg,#F4E4B6,#E8CF92,#C8A96A);color:#0D121A;font-weight:700}.hero-page{padding:86px 0 56px;background:radial-gradient(circle at 80% 0%,rgba(121,183,201,.10),transparent 36%),linear-gradient(180deg,var(--bg),var(--bg-1))}.eyebrow{color:var(--gold);font-size:14px;letter-spacing:.12em}.hero-page h1{margin:8px 0 16px;font-size:clamp(34px,5vw,58px);line-height:1.15;color:#F3E9D2}.hero-page p{max-width:820px;color:var(--text-2);font-size:18px}.section{padding:72px 0}.section.alt{background:var(--bg-1)}.section h2{font-size:clamp(28px,3vw,40px);margin:0 0 18px;color:var(--gold)}.section h3{color:var(--mist);margin-top:0}.lead{font-size:18px;color:var(--text-2);max-width:900px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:linear-gradient(180deg,rgba(24,35,52,.96),rgba(17,24,39,.96));border:1px solid rgba(232,207,146,.10);border-radius:22px;padding:24px;box-shadow:0 18px 44px rgba(0,0,0,.22)}.card p{color:var(--text-2);margin-bottom:0}.link-arrow{color:var(--gold);display:inline-block;margin-top:14px}.media-row{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.media-row.reverse{grid-template-columns:.9fr 1.1fr}.media-box{background:var(--bg-2);border:1px solid rgba(121,183,201,.12);border-radius:26px;padding:16px}.media-box img{width:100%;max-height:420px;object-fit:contain;border-radius:16px}.check-list{display:grid;gap:12px;margin-top:22px}.check-item{padding:14px 16px;border-left:3px solid var(--sage);background:rgba(143,184,168,.06);border-radius:0 14px 14px 0;color:var(--text-2)}.mini-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.mini-links a{padding:8px 12px;border-radius:99px;background:rgba(169,196,228,.08);border:1px solid rgba(169,196,228,.12);color:var(--mist)}.note{padding:18px 20px;background:rgba(232,207,146,.06);border:1px solid rgba(232,207,146,.13);border-radius:18px;color:var(--text-2)}.banner-slider{max-width:1240px;margin:24px auto 44px;border-radius:24px;background:var(--bg-1);border:1px solid rgba(255,255,255,.05);box-shadow:0 24px 54px rgba(0,0,0,.34);overflow:hidden;position:relative}.slide{display:none;aspect-ratio:16/6}.slide.active{display:block}.slide img{width:100%;height:100%;object-fit:contain;background:#0D121A}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border:1px solid rgba(255,255,255,.08);border-radius:99px;background:rgba(17,24,39,.78);color:#F3E1B0;font-size:24px;cursor:pointer}.slider-arrow.prev{left:14px}.slider-arrow.next{right:14px}.slider-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:8px}.slider-dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.35);padding:0}.slider-dots button.active{background:var(--gold)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick{padding:18px;border-radius:18px;background:var(--bg-2);border:1px solid rgba(121,183,201,.1)}.quick strong{display:block;color:#F3E9D2}.quick span{display:block;color:var(--text-3);font-size:14px;margin-top:6px}.faq details{background:var(--bg-2);border:1px solid rgba(232,207,146,.10);border-radius:16px;padding:16px 18px;margin-bottom:12px}.faq summary{cursor:pointer;color:#F3E9D2;font-weight:700}.faq p{color:var(--text-2)}.site-footer{background:var(--footer);padding:54px 0 28px;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:30px}.footer-brand img{height:44px;width:auto;margin-bottom:14px}.site-footer h3{color:var(--gold);font-size:16px}.site-footer a{display:block;color:var(--text-2);margin:6px 0}.site-footer p{color:var(--text-3);font-size:14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);margin-top:34px;padding-top:20px;color:var(--text-3);font-size:13px}.mobile-drawer,.drawer-overlay,.mobile-bottom{display:none}
@media(max-width:900px){.container{width:min(100% - 24px,760px)}.nav-core,.channel-bar,.floating-service{display:none}.header-main{height:64px;justify-content:space-between;gap:12px}.menu-btn{display:block}.brand{position:absolute;left:50%;transform:translateX(-50%)}.brand img{height:36px}.header-cta{font-size:13px;padding:8px 13px;margin-left:auto}.mobile-drawer{display:block;position:fixed;left:0;top:0;bottom:0;width:84%;max-width:320px;background:var(--bg-2);z-index:10001;padding:18px;overflow-y:auto;transform:translateX(-105%);transition:.25s}.mobile-drawer.open{transform:none}.drawer-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:10000;opacity:0;pointer-events:none;transition:.25s}.drawer-overlay.show{opacity:1;pointer-events:auto}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.drawer-top img{height:40px}.drawer-top button{background:none;border:0;color:#fff;font-size:32px}.drawer-group{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06)}.drawer-group strong{display:block;color:var(--gold);margin-bottom:8px}.drawer-group a{display:block;color:var(--text-2);padding:7px 0}.drawer-open{overflow:hidden}.mobile-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9998;background:rgba(17,24,39,.97);border-top:1px solid rgba(232,207,146,.18);justify-content:space-around;padding:9px 6px calc(9px + env(safe-area-inset-bottom))}.mobile-bottom a{font-size:13px;color:var(--text-2)}body{padding-bottom:58px}.hero-page{padding:58px 0 38px}.grid-3,.grid-2,.quick-grid,.footer-grid{grid-template-columns:1fr}.media-row,.media-row.reverse{grid-template-columns:1fr}.section{padding:52px 0}.slide{aspect-ratio:16/9}}
