:root{
  --blue:#0068ff;--pink:#ff1c92;--orange:#ffb500;--green:#30ff5f;--black:#05050a;--white:#ffffff;--ink:#12121a;--muted:#c9d0ff;--glass:rgba(255,255,255,.08);
  --radius:28px;--shadow:0 30px 90px rgba(0,0,0,.36);--neon:0 0 22px rgba(255,28,146,.55),0 0 46px rgba(0,104,255,.45);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 10% 0%,rgba(255,28,146,.28),transparent 32%),radial-gradient(circle at 90% 10%,rgba(48,255,95,.22),transparent 28%),linear-gradient(135deg,#05050a 0%,#0d1026 46%,#18051c 100%);color:var(--white);line-height:1.7;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;pointer-events:none;mask-image:linear-gradient(to bottom,black,transparent 85%);z-index:-1}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:18px clamp(16px,4vw,56px);background:rgba(5,5,10,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.12)}.brand-logo{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.04em}.logo-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--pink) 48%,var(--orange));box-shadow:var(--neon);transform:rotate(-8deg);font-weight:1000}.logo-text{font-size:1.15rem}.top-nav{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.nav-link{padding:10px 12px;border-radius:999px;color:#eef1ff;font-weight:800;font-size:.95rem}.nav-link:hover{background:linear-gradient(90deg,var(--pink),var(--orange));color:#0b0b0f;box-shadow:var(--neon);transform:translateY(-2px)}.menu-toggle{display:none;border:1px solid rgba(255,255,255,.22);background:var(--glass);color:#fff;border-radius:999px;padding:10px 16px}.search-strip{padding:16px clamp(16px,4vw,56px) 0}.fake-search{display:flex;gap:10px;max-width:980px;margin:0 auto;padding:8px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 48px rgba(0,0,0,.22)}.fake-search input{flex:1;border:0;outline:0;border-radius:999px;padding:14px 18px;color:#fff;background:rgba(0,0,0,.32)}.fake-search input::placeholder{color:#b9c2ff}.fake-search button,.btn{border:0;border-radius:999px;padding:13px 20px;font-weight:900;cursor:pointer;transition:.22s ease}.fake-search button,.btn.primary{background:linear-gradient(135deg,var(--green),var(--orange));color:#0b0b0f;box-shadow:0 14px 40px rgba(48,255,95,.22)}.btn.secondary{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);color:#fff}.btn:hover,.fake-search button:hover{transform:translateY(-3px) scale(1.02);filter:saturate(1.35)}.domain-line{text-align:center;color:#d7dcff;margin:10px 0 0}.search-toast{text-align:center;min-height:26px;color:var(--green);font-weight:800}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(24px,4vw,52px);align-items:center;padding:clamp(42px,8vw,96px) clamp(16px,4vw,56px)}.sub-hero{padding-bottom:36px}.hero-copy{max-width:780px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 12px;border-radius:999px;background:rgba(255,28,146,.16);border:1px solid rgba(255,28,146,.45);color:#ffe8f5;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero h1,.section h2{font-size:clamp(2.25rem,6vw,5.6rem);line-height:.98;margin:0 0 20px;letter-spacing:-.05em;text-shadow:0 8px 0 rgba(0,0,0,.16)}.section h2{font-size:clamp(2rem,4vw,3.9rem)}.hero-lead,.section-head p{font-size:1.08rem;color:#e4e8ff;max-width:860px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:28px 0 0;list-style:none}.hero-stats li,.content-grid article,.topic-grid article,.review-card,.contact-card,.video-card,.creator-grid article{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-stats li{padding:16px}.hero-stats strong{display:block;color:var(--green);font-size:1.25rem}.hero-stats span{color:#cdd4ff}.hero-media{position:relative;border-radius:36px;overflow:hidden;min-height:360px}.hero-media img{width:100%;height:100%;object-fit:cover;border-radius:36px}.card-glow:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(120deg,var(--blue),var(--pink),var(--orange),var(--green));z-index:-1;filter:blur(22px);opacity:.75}.floating-video{position:absolute;left:26px;right:26px;bottom:26px;display:flex;align-items:center;gap:12px;padding:16px;border-radius:22px;background:rgba(0,0,0,.58);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2)}.live-dot{padding:5px 8px;border-radius:999px;background:var(--pink);font-size:.78rem;font-weight:900;box-shadow:0 0 18px var(--pink)}.section{padding:clamp(40px,7vw,90px) clamp(16px,4vw,56px)}.section-head{margin-bottom:28px}.pill-board,.tag-row{display:flex;flex-wrap:wrap;gap:10px}.pill-board span,.tag-row span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:800;color:#fff}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-card{transition:.24s ease}.video-card:hover{transform:translateY(-8px) rotate(-.5deg);box-shadow:0 0 0 2px rgba(48,255,95,.5),0 32px 100px rgba(255,28,146,.35)}.video-figure{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;background:#000}.video-figure img,.video-figure video{width:100%;height:100%;object-fit:cover}.video-figure video{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,104,255,.3),rgba(255,28,146,.25));opacity:0;transition:.22s ease}.video-card:hover .video-figure video{opacity:.58}.play-chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.82);width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:linear-gradient(135deg,var(--pink),var(--orange));color:#fff;font-size:1.5rem;box-shadow:var(--neon);opacity:0;transition:.22s ease;cursor:pointer}.video-card:hover .play-chip,.floating-video .play-chip{opacity:1;transform:translate(-50%,-50%) scale(1)}.floating-video .play-chip{position:static;transform:none;margin-left:auto;width:48px;height:48px;font-size:1.1rem}.video-body{padding:18px}.video-body h3,.content-grid h3,.topic-grid h3,.creator-grid h3{margin:0 0 8px;font-size:1.2rem}.video-body p,.content-grid p,.topic-grid p,.review-card p,.creator-grid p{color:#dce2ff}.metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.metrics b{font-size:.86rem;color:#0b0b0f;background:var(--green);padding:5px 8px;border-radius:999px}.topic-grid,.creator-grid,.review-grid,.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.content-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.topic-grid article,.content-grid article,.creator-grid article,.review-card{padding:22px}.split{display:grid;grid-template-columns:1fr minmax(280px,.8fr);gap:28px;align-items:center}.split.reverse{grid-template-columns:minmax(280px,.8fr) 1fr}.split.reverse>div:first-child{order:2}.split img{border-radius:34px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.18)}.feature-list{padding:0;margin:22px 0 0;list-style:none}.feature-list li{margin:12px 0;padding:14px 16px;border-left:5px solid var(--green);background:rgba(255,255,255,.08);border-radius:16px}.creator-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:22px;margin-bottom:14px}.review-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.review-card p{font-size:.98rem}.review-card h3{margin:12px 0 0}.review-card span{color:var(--green);font-weight:800}.logo-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:26px}.logo-wall span{display:grid;place-items:center;min-height:88px;border-radius:22px;background:linear-gradient(135deg,rgba(0,104,255,.22),rgba(255,28,146,.22));border:1px solid rgba(255,255,255,.18);font-weight:1000;letter-spacing:.08em}.faq-list{display:grid;gap:12px}.faq-list details{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px}.faq-list summary{cursor:pointer;font-weight:900}.contact-card{padding:26px}.mini-qr,.qr-box{background:conic-gradient(from 90deg,var(--green),var(--blue),var(--pink),var(--orange),var(--green));border:12px solid #fff;box-shadow:var(--neon)}.mini-qr{width:170px;height:170px;border-radius:24px}.site-footer{padding:42px clamp(16px,4vw,56px);background:rgba(0,0,0,.42);border-top:1px solid rgba(255,255,255,.16)}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:24px;align-items:center}.footer-logo{margin-bottom:12px}.qr-wall{display:flex;gap:14px}.qr-box{display:grid;place-items:center;width:100px;height:100px;border-radius:18px;color:#000;font-weight:900}.social-share{display:flex;flex-direction:column;gap:8px}.social-share a{color:#dfe5ff}.back-top{display:inline-flex;margin-top:24px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.1)}.breadcrumb{display:flex;gap:8px;align-items:center;margin-bottom:16px;color:#dfe5ff}.breadcrumb a{color:var(--green)}@media (max-width:1100px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid,.logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.top-nav{display:none;position:absolute;left:16px;right:16px;top:78px;flex-direction:column;align-items:stretch;padding:14px;border-radius:24px;background:rgba(5,5,10,.94);border:1px solid rgba(255,255,255,.14)}.top-nav.is-open{display:flex}.menu-toggle{display:inline-flex;margin-left:auto}}@media (max-width:760px){.hero,.split,.split.reverse{grid-template-columns:1fr}.split.reverse>div:first-child{order:0}.hero h1{font-size:3rem}.hero-stats,.video-grid,.topic-grid,.creator-grid,.review-grid,.content-grid,.content-grid.four,.footer-grid,.logo-wall{grid-template-columns:1fr}.fake-search{border-radius:26px;align-items:stretch;flex-direction:column}.fake-search input,.fake-search button{border-radius:18px}.hero-media{min-height:280px}.site-header{gap:12px}.logo-text{font-size:1rem}.section{padding-top:52px;padding-bottom:52px}}@media (prefers-reduced-motion:no-preference){.card-glow,.video-card,.pill-board span{animation:floaty 6s ease-in-out infinite}.pill-board span:nth-child(even){animation-delay:-2s}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}}