:root{--bg:#08111f;--bg2:#0c1a2d;--panel:#111f34;--panel2:#0e1a2c;--line:rgba(255,255,255,.08);--text:#eef4ff;--muted:#aab8d6;--accent:#ff3b3b;--accent2:#35d0ff;--gold:#ffd76a;--shadow:0 18px 40px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;color:var(--text);background:radial-gradient(circle at top,#163052 0%,#0a1424 40%,#060c16 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(53,208,255,.06),transparent 22%,transparent 72%,rgba(255,59,59,.05));z-index:-1}img{max-width:100%;height:auto;display:block}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:none;color:#fff}.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}
.topbar{position:relative;background:rgba(6,12,22,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}.brand{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:900;color:#fff;letter-spacing:.03em}.brand img{border-radius:14px;box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 28px rgba(53,208,255,.18)}
.main-nav{display:flex;flex-wrap:wrap;gap:10px}.main-nav a{padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.03);color:#dbe8ff;font-weight:700}.main-nav a:hover{background:linear-gradient(90deg,rgba(255,59,59,.18),rgba(53,208,255,.16));border-color:rgba(255,255,255,.16)}
.breadcrumb{padding:14px 0 6px;color:var(--muted);font-size:.94rem}.crumb-sep{opacity:.55;padding:0 6px}
.hero{position:relative;overflow:hidden;padding-bottom:12px}.hero img{width:100%;aspect-ratio:16/7;object-fit:cover;filter:brightness(.68) saturate(1.08);border-radius:0 0 28px 28px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,18,.18),rgba(3,8,18,.58) 48%,rgba(3,8,18,.92) 100%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding:0 0 42px}.hero-home .hero-copy{margin-top:-165px}.hero-home .hero-copy,.inner-hero .hero-copy{background:linear-gradient(180deg,rgba(10,20,36,.88),rgba(7,14,25,.96));border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:26px;box-shadow:var(--shadow)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;color:var(--gold);font-weight:900;letter-spacing:.1em;text-transform:uppercase}.eyebrow:before{content:"实时焦点";padding:6px 10px;border-radius:999px;background:rgba(255,59,59,.14);border:1px solid rgba(255,59,59,.25);color:#ffd2d2;font-size:.78rem;letter-spacing:.06em}
h1{margin:0 0 12px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.15;color:#fff}.lead{font-size:1.06rem;line-height:1.95;color:#d1ddf8;max-width:900px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,var(--accent),#ff6c48);color:#fff;padding:14px 24px;border-radius:999px;font-weight:900;box-shadow:0 10px 30px rgba(255,59,59,.28)}.cta:after{content:"→"}
.intro-grid,.two-col,.three-col,.card-section,.faq-section,.review-section,.author-box,.prose-page,.media-band{margin:34px auto}.intro-grid,.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.panel,.page-block,.author-box,.faq-list details,.review-card,.media-band article,.match-card{background:linear-gradient(180deg,rgba(17,31,52,.96),rgba(10,20,34,.98));border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.panel{padding:24px}.panel.small img{border-radius:18px;margin-bottom:16px}.panel.long-copy{margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.section-heading h2,.panel h2,.prose-page h2,.author-box h2{margin:0 0 12px;font-size:1.56rem;color:#fff}.panel p,.prose-page p,.review-card p,.faq-list p,.author-box p,footer p,.page-block p{line-height:1.95;color:#d7e3fc}
.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.match-card{display:grid;grid-template-columns:1.08fr 1fr;overflow:hidden;position:relative}.match-card:before{content:"LIVE";position:absolute;top:16px;left:16px;background:rgba(255,59,59,.92);color:#fff;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:900;letter-spacing:.08em;box-shadow:0 0 20px rgba(255,59,59,.35)}.match-card img{height:100%;object-fit:cover;filter:brightness(.9)}.match-card div{padding:22px}.match-card h3{margin-top:0;color:#fff}.match-card a{display:inline-block;margin-top:8px;padding:10px 14px;border-radius:999px;background:rgba(53,208,255,.12);border:1px solid rgba(53,208,255,.28)}
.media-band{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.media-band article{overflow:hidden}.media-band article img{aspect-ratio:16/10;object-fit:cover;filter:brightness(.84)}.media-band article h3,.media-band article p{padding:0 18px}.media-band article h3{margin:18px 0 12px;color:#fff}.media-band article p{padding-bottom:18px}
.author-box{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;padding:24px}.author-box img{border-radius:50%;aspect-ratio:1/1;object-fit:cover;box-shadow:0 0 0 4px rgba(53,208,255,.12),0 0 28px rgba(53,208,255,.16)}
.faq-list{display:grid;gap:12px}.faq-list details{padding:16px 18px}.faq-list summary{cursor:pointer;font-weight:900;color:#fff;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"＋";float:right;color:var(--accent2)}.faq-list details[open] summary:after{content:"－"}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{padding:18px;position:relative;overflow:hidden}.review-card:before{content:"";position:absolute;inset:auto -20% 85% auto;width:140px;height:140px;background:radial-gradient(circle,rgba(53,208,255,.22),transparent 65%)}.stars{color:var(--gold);font-size:1.08rem;letter-spacing:.08em}
.site-footer{margin-top:40px;background:linear-gradient(180deg,#050a13,#04070e);color:#fff;padding-top:32px;border-top:1px solid rgba(255,255,255,.08)}.site-footer h2{font-size:1.05rem}.site-footer a,.site-footer p,.copy{color:#dfe9ff}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.copy{padding:14px 0 24px;border-top:1px solid rgba(255,255,255,.1);margin-top:16px}
.page-block{padding:22px 24px;margin:0 0 18px}.page-block h2{margin-top:0;color:#fff}.page-block p+p{margin-top:12px}.score-flash{display:inline-block;padding:.22rem .55rem;border-radius:999px;background:rgba(255,59,59,.16);color:#fff;font-weight:900;letter-spacing:.04em;animation:flash 1.2s infinite;box-shadow:0 0 0 1px rgba(255,59,59,.2),0 0 22px rgba(255,59,59,.22)}@keyframes flash{0%,100%{transform:translateY(0);opacity:1;box-shadow:0 0 0 1px rgba(255,59,59,.2),0 0 22px rgba(255,59,59,.22)}50%{transform:translateY(-1px) scale(1.05);opacity:.84;box-shadow:0 0 0 1px rgba(53,208,255,.18),0 0 24px rgba(53,208,255,.24)}}
ul{padding-left:18px}li{margin:.4rem 0;color:#d7e3fc}
@media (max-width:980px){.intro-grid,.two-col,.three-col,.card-grid,.media-band,.review-grid,.footer-grid,.match-card{grid-template-columns:1fr}.match-card{display:block}.hero-home .hero-copy{margin-top:-76px}.main-nav{gap:10px;font-size:.95rem}.section-heading{display:block}}
@media (max-width:640px){.wrap{width:min(100% - 24px,1180px)}.nav-row{flex-direction:column;align-items:flex-start}.hero img{aspect-ratio:4/3;border-radius:0 0 20px 20px}.hero-copy{padding:18px 0 28px}.hero-home .hero-copy,.inner-hero .hero-copy{padding:18px}.section-heading h2,.panel h2,.prose-page h2,.author-box h2{font-size:1.28rem}.lead{font-size:1rem}.author-box{grid-template-columns:1fr;text-align:left}.cta{width:100%;text-align:center}}