
:root{
  --blue:#0056ff;--pink:#ff0099;--orange:#ffb300;--green:#39ff14;--black:#050505;--white:#ffffff;--ink:#111827;--muted:#64748b;
  --card:rgba(255,255,255,.88);--glass:rgba(255,255,255,.16);--radius:28px;--shadow:0 24px 80px rgba(0,0,0,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07070b;color:var(--white);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button,input{font:inherit}.skip-link{position:absolute;left:-999px;top:0;background:var(--green);color:#000;padding:10px;z-index:99}.skip-link:focus{left:10px}.site-shell{position:relative;isolation:isolate}.site-shell:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 12% 10%,rgba(255,0,153,.45),transparent 26%),radial-gradient(circle at 86% 18%,rgba(0,86,255,.42),transparent 26%),radial-gradient(circle at 55% 88%,rgba(57,255,20,.32),transparent 30%),linear-gradient(135deg,#050505 0%,#111133 48%,#050505 100%)}.site-shell:after{content:"";position:fixed;inset:0;z-index:-2;opacity:.18;background-image:linear-gradient(30deg,rgba(255,255,255,.08) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.08) 87.5%,rgba(255,255,255,.08)),linear-gradient(150deg,rgba(255,255,255,.08) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.08) 87.5%,rgba(255,255,255,.08));background-size:48px 84px;animation:grain 9s linear infinite}@keyframes grain{to{background-position:96px 168px}}.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);background:rgba(5,5,5,.78);border-bottom:1px solid rgba(255,255,255,.12)}.nav-wrap{max-width:1240px;margin:auto;display:flex;align-items:center;gap:18px;padding:14px 18px}.logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.5px}.logo-mark{width:48px;height:48px;border-radius:16px;background:conic-gradient(from 160deg,var(--blue),var(--pink),var(--orange),var(--green),var(--blue));box-shadow:0 0 26px rgba(255,0,153,.7);position:relative}.logo-mark:after{content:"51";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:1000;text-shadow:2px 2px #000}.logo-text{font-size:1.25rem}.main-nav{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.main-nav a{padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.06);font-size:.92rem}.main-nav a:hover,.main-nav a.active{background:linear-gradient(90deg,var(--pink),var(--orange));color:#050505;box-shadow:0 0 24px rgba(255,0,153,.55);transform:translateY(-1px)}.nav-toggle{display:none;margin-left:auto;border:0;border-radius:14px;padding:10px 12px;background:var(--green);color:#000;font-weight:900}.search-row{max-width:1240px;margin:0 auto;padding:0 18px 16px}.fake-search{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}.fake-search input{border:0;outline:0;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.92);color:#111}.fake-search button,.btn{border:0;border-radius:999px;padding:12px 20px;font-weight:900;cursor:pointer;background:linear-gradient(90deg,var(--green),var(--orange));color:#050505;box-shadow:0 0 22px rgba(57,255,20,.3)}.fake-search-note{min-height:24px;margin:8px 4px 0;color:#f8fafc;font-size:.92rem}.hero{max-width:1240px;margin:0 auto;padding:54px 18px 38px;display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(57,255,20,.14);border:1px solid rgba(57,255,20,.45);color:#d9ffd2;font-weight:800}.hero h1,.page-hero h1{font-size:clamp(2.4rem,6vw,5.8rem);line-height:.96;margin:18px 0 16px;font-weight:1000;letter-spacing:-.08em;text-shadow:5px 5px 0 rgba(255,0,153,.7),10px 10px 0 rgba(0,86,255,.55)}.hero p.lead,.page-hero p{font-size:1.12rem;color:#e5e7eb;max-width:740px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.btn.secondary{background:#fff;color:#050505}.domain-pill{display:inline-block;margin-top:22px;padding:10px 14px;border-radius:999px;background:rgba(0,86,255,.28);border:1px solid rgba(255,255,255,.25);font-weight:900}.hero-card{position:relative}.hero-card:before{content:"";position:absolute;inset:-14px;border-radius:40px;background:linear-gradient(135deg,var(--pink),var(--blue),var(--green),var(--orange));filter:blur(22px);opacity:.7}.video-card{position:relative;border-radius:32px;overflow:hidden;background:#111;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.2);transform:translateZ(0)}.video-card video,.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(1.25) contrast(1.08)}.play-fab{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#000;font-weight:1000;box-shadow:0 0 0 10px rgba(255,255,255,.14),0 0 42px rgba(255,0,153,.88);opacity:.84;transition:.25s}.play-fab:before{content:"▶";margin-left:5px;font-size:28px}.video-card:hover{animation:jumpGlow .7s ease both}.video-card:hover .play-fab{opacity:1;transform:translate(-50%,-50%) scale(1.08);background:linear-gradient(135deg,var(--green),var(--orange));box-shadow:0 0 0 14px rgba(57,255,20,.18),0 0 66px rgba(255,179,0,.9)}@keyframes jumpGlow{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(-8px) rotate(-1deg)}70%{transform:translateY(2px) rotate(1deg)}100%{transform:translateY(-3px) rotate(0);box-shadow:0 28px 96px rgba(255,0,153,.34)}}.video-meta{position:absolute;left:16px;right:16px;bottom:16px;padding:12px 14px;border-radius:20px;background:rgba(0,0,0,.62);backdrop-filter:blur(10px)}.video-meta strong{display:block}.stats{display:flex;gap:10px;flex-wrap:wrap;font-size:.86rem;color:#f8fafc}.section{max-width:1240px;margin:0 auto;padding:48px 18px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.section h2,.section h3{margin:0;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.05;text-shadow:3px 3px 0 rgba(0,86,255,.55)}.section-sub{max-width:680px;color:#dbeafe}.grid{display:grid;gap:18px}.grid.cards{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{position:relative;padding:22px;border-radius:var(--radius);background:var(--card);color:#111827;box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(255,255,255,.18)}.card:before{content:"";position:absolute;right:-48px;top:-48px;width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--orange));opacity:.32}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:#050505;color:#fff;font-size:.82rem;font-weight:900}.tag.hot{background:linear-gradient(90deg,var(--pink),var(--blue))}.card h3{font-size:1.25rem;text-shadow:none;margin:14px 0 8px;color:#050505}.card p{color:#334155}.image-desc{font-size:.85rem;color:#e2e8f0;margin-top:10px}.card .image-desc{color:#475569}.metric-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.metric{background:#f1f5f9;border-radius:12px;padding:7px 10px;font-weight:800;color:#111}.community-wall{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.topic{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);margin-bottom:12px}.topic strong{font-size:1.05rem}.barrage{min-height:320px;position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(135deg,rgba(0,86,255,.32),rgba(255,0,153,.28));border:1px solid rgba(255,255,255,.18)}.danmu{position:absolute;white-space:nowrap;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.88);color:#050505;font-weight:900;animation:fly 12s linear infinite;box-shadow:0 0 18px rgba(255,255,255,.35)}.danmu:nth-child(1){top:28px;animation-delay:0s}.danmu:nth-child(2){top:92px;animation-delay:-3s}.danmu:nth-child(3){top:154px;animation-delay:-6s}.danmu:nth-child(4){top:220px;animation-delay:-9s}.danmu:nth-child(5){top:274px;animation-delay:-1.5s}@keyframes fly{from{transform:translateX(100%)}to{transform:translateX(-120%)}}.ai-tools{grid-template-columns:repeat(4,1fr)}.tool-card{min-height:210px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.7));}.creator-card img{border-radius:24px;aspect-ratio:1/1;object-fit:cover;margin-bottom:12px}.review{background:#fff;color:#111}.review p{font-size:1rem}.stars{color:#ff8a00;font-size:1.1rem}.partner-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.partner{min-height:76px;border-radius:20px;background:rgba(255,255,255,.92);color:#111;display:grid;place-items:center;font-weight:1000;box-shadow:var(--shadow)}.faq details{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:14px 18px;margin-bottom:12px}.faq summary{cursor:pointer;font-weight:900}.faq p{color:#e5e7eb}.contact-box{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.qr-row{display:flex;gap:16px;flex-wrap:wrap}.qr{background:#fff;border-radius:24px;padding:14px;color:#111;max-width:210px}.qr img{border-radius:14px}.page-hero{max-width:1240px;margin:auto;padding:52px 18px 24px}.breadcrumb{color:#cbd5e1;font-size:.92rem;margin-bottom:16px}.breadcrumb a{text-decoration:underline}.site-footer{margin-top:52px;background:#050505;border-top:1px solid rgba(255,255,255,.14)}.footer-wrap{max-width:1240px;margin:auto;padding:36px 18px;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:22px}.footer-logo{display:flex;align-items:center;gap:12px;font-size:1.35rem;font-weight:1000}.footer-meta{color:#cbd5e1}.social-row{display:flex;gap:10px;flex-wrap:wrap}.social-row span{display:inline-block;padding:8px 12px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--pink));font-weight:900}.float-particles span{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 24px var(--green);animation:floaty 9s ease-in-out infinite}.float-particles span:nth-child(1){left:8%;top:22%;animation-delay:-1s}.float-particles span:nth-child(2){left:74%;top:12%;background:var(--pink);box-shadow:0 0 24px var(--pink);animation-delay:-3s}.float-particles span:nth-child(3){left:88%;top:66%;background:var(--orange);box-shadow:0 0 24px var(--orange);animation-delay:-6s}.float-particles span:nth-child(4){left:16%;top:82%;background:var(--blue);box-shadow:0 0 24px var(--blue);animation-delay:-8s}@keyframes floaty{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(20px,-30px,0) scale(1.6)}}.inner-list{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.inner-list a{display:block;padding:18px;border-radius:22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:900}.inner-list a:hover{background:linear-gradient(90deg,var(--green),var(--orange));color:#050505}.seo-note{font-size:.92rem;color:#dbeafe}.module-json-link{font-weight:900;text-decoration:underline}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;background:#fff;color:#050505;border-radius:999px;padding:12px 18px;font-weight:900;z-index:80;box-shadow:var(--shadow);transition:.25s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width: 980px){.main-nav{display:none;flex-direction:column;align-items:stretch;width:100%;order:5}.main-nav.open{display:flex}.nav-toggle{display:block}.nav-wrap{flex-wrap:wrap}.hero,.community-wall,.contact-box,.footer-wrap{grid-template-columns:1fr}.grid.cards,.grid.four,.ai-tools,.partner-wall{grid-template-columns:repeat(2,1fr)}.inner-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 640px){.hero{padding-top:32px}.fake-search{grid-template-columns:1fr}.grid.cards,.grid.four,.grid.two,.ai-tools,.partner-wall{grid-template-columns:1fr}.section-head{display:block}.hero h1,.page-hero h1{letter-spacing:-.05em}.nav-wrap{padding:12px}.inner-list{grid-template-columns:1fr}.footer-wrap{padding-bottom:28px}.partner{min-height:62px}}
