/*
设计哲学：17c一起草采用“新海派霓虹胶片现实主义”。本样式以深曜蓝、片场黑、琥珀暖光与荧幕青为核心；布局采用分镜式横向时间轴、斜切卡片、片场光晕和胶片颗粒，所有视觉选择都服务于“国内影视传媒公司 + 动漫社区”的原创品牌定位。
*/
:root{
  --ink:#eaf6ff;
  --muted:#9eb5c8;
  --dark:#020817;
  --panel:#07142b;
  --panel2:#0b1f3a;
  --cyan:#00d5ff;
  --amber:#f3b45e;
  --red:#ff5d4a;
  --line:rgba(0,213,255,.26);
  --glass:rgba(8,22,45,.76);
  --shadow:0 28px 70px rgba(0,0,0,.42);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--dark);}
body{margin:0;font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;color:var(--ink);background:
  radial-gradient(circle at 8% 10%,rgba(0,213,255,.12),transparent 28%),
  radial-gradient(circle at 82% 14%,rgba(243,180,94,.16),transparent 24%),
  linear-gradient(135deg,#020817 0%,#061329 42%,#081a31 100%);line-height:1.72;overflow-x:hidden;}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;z-index:-1;}
a{color:inherit;text-decoration:none} img{max-width:100%;height:auto;display:block} button,input{font:inherit}
.brand-strip{font-size:13px;letter-spacing:.28em;text-align:center;color:#08101f;background:linear-gradient(90deg,var(--amber),#ffe1a6,var(--cyan));padding:8px 16px;font-weight:700;}
.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:rgba(2,8,23,.86);backdrop-filter:blur(18px);}
.nav-wrap{max-width:1280px;margin:0 auto;padding:16px 22px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;}
.logo-link{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:900;letter-spacing:.04em;color:#fff;}
.logo-link img{width:58px;height:58px;border-radius:18px;box-shadow:0 0 28px rgba(0,213,255,.28)}
.nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.nav-links a{font-size:14px;color:#cce7f3;padding:10px 13px;border:1px solid transparent;border-radius:999px;transition:.24s ease;}
.nav-links a:hover,.nav-links a.active{color:#07142b;background:linear-gradient(135deg,var(--amber),#ffdfa2);border-color:rgba(255,255,255,.24);box-shadow:0 0 24px rgba(243,180,94,.25);}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:800;transition:.25s ease;border:1px solid var(--line);}
.nav-cta{color:#00111e;background:linear-gradient(135deg,var(--cyan),#7ee9ff);box-shadow:0 0 26px rgba(0,213,255,.23);}
.search-band{max-width:1180px;margin:0 auto;padding:0 22px 18px;}
.search-box{display:grid;grid-template-columns:auto 1fr auto;gap:12px;background:linear-gradient(135deg,rgba(7,20,43,.94),rgba(11,31,58,.76));border:1px solid var(--line);padding:12px;border-radius:22px;box-shadow:var(--shadow);}
.search-box label{align-self:center;color:var(--amber);font-weight:800;white-space:nowrap;}
.search-box input{width:100%;border:0;outline:0;border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.06);}
.search-box input::placeholder{color:#89a9bf}.search-box button{border:0;border-radius:16px;background:var(--amber);color:#07142b;font-weight:900;padding:0 18px;}
.search-hint{margin:8px 8px 0;color:#9eb5c8;font-size:13px;}
.breadcrumb{max-width:1280px;margin:24px auto 0;padding:0 22px;color:#b4c7d7;font-size:14px}.breadcrumb a{color:var(--cyan)}.breadcrumb strong{color:var(--amber)}
.hero{max-width:1280px;margin:26px auto 70px;padding:0 22px;display:grid;grid-template-columns:.9fr 1.15fr;gap:36px;align-items:center;}
.split-frame{position:relative}.split-frame:before{content:"";position:absolute;left:24px;right:24px;top:14%;height:74%;border:1px solid rgba(0,213,255,.14);transform:skewX(-8deg);pointer-events:none;}
.hero-copy{position:relative;z-index:1;padding:30px;background:linear-gradient(135deg,rgba(7,20,43,.78),rgba(2,8,23,.35));border-left:4px solid var(--amber);box-shadow:var(--shadow);clip-path:polygon(0 0,100% 0,94% 100%,0 100%);}
.eyebrow{color:var(--amber);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:13px;}
h1,h2,h3,h4,h5,h6{font-family:Georgia,"Songti SC","SimSun",serif;line-height:1.18;margin:0 0 16px;color:#fff;letter-spacing:.02em;}
h1{font-size:clamp(38px,5vw,72px);text-shadow:0 0 34px rgba(0,213,255,.22)}h2{font-size:clamp(28px,3vw,44px)}h3{font-size:22px}.lead{font-size:18px;color:#d5e8f2;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.btn.primary{background:linear-gradient(135deg,var(--amber),#ffe2a1);color:#07142b}.btn.ghost{background:rgba(255,255,255,.06);color:#dff8ff}.btn:hover,.nav-cta:hover{transform:translateY(-2px)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0}.hero-stats div,.video-info dl div{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:16px;padding:12px}.hero-stats dt,.video-info dt{color:#8db6c7;font-size:12px}.hero-stats dd,.video-info dd{margin:0;color:var(--cyan);font-weight:900;font-variant-numeric:tabular-nums;}
.hero-art{position:relative;margin:0;transform:rotate(-1.2deg);}.hero-art img,.wide-image img,.community-section img,.media-ai img,.store-photo img{border-radius:var(--radius);border:1px solid rgba(0,213,255,.24);box-shadow:var(--shadow);}.hero-art figcaption,.store-photo figcaption{color:#94adbd;font-size:13px;margin-top:10px;text-align:right;}
.section{max-width:1280px;margin:0 auto 82px;padding:0 22px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-title p{max-width:620px;color:#b9cddd;margin:0}.vertical-tag{display:grid;grid-template-columns:72px 1fr;align-items:center}.vertical-tag span{writing-mode:vertical-rl;color:var(--cyan);letter-spacing:.36em;font-weight:900}.vertical-tag p{grid-column:2;color:#bfd3df}.intro-grid{display:grid;grid-template-columns:.44fr 1fr;gap:34px}.pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.pillar-grid article,.expert-grid article,.review-block article,.inner-card,.contact-card>div,.faq-block,.review-block{background:linear-gradient(145deg,rgba(7,20,43,.86),rgba(11,31,58,.62));border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 18px 48px rgba(0,0,0,.28);position:relative;overflow:hidden;}.pillar-grid article:before,.inner-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--amber),var(--cyan));}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-card{background:rgba(7,20,43,.7);border:1px solid rgba(0,213,255,.22);border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.3);transition:.28s ease}.video-card:hover{transform:translateY(-8px) rotate(-.35deg);border-color:var(--amber)}.poster-wrap,.inner-card{position:relative}.poster-wrap video,.inner-card video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#061329;display:block}.play-float{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.82);opacity:0;border:2px solid rgba(255,255,255,.86);background:rgba(0,213,255,.22);color:#fff;width:82px;height:82px;border-radius:999px;font-weight:900;backdrop-filter:blur(8px);transition:.24s ease}.video-card:hover .play-float,.inner-card:hover .play-float,.play-float.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-info{padding:18px}.video-info p{color:#b9ccda}.tags{color:var(--amber)!important;font-size:13px;font-weight:800}.video-info dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 0}.media-ai,.community-section,.contact-card,.inner-hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center}.media-ai ul{padding-left:20px;color:#d7e8ef}.community-section{grid-template-columns:.78fr 1.22fr}.wide-image{margin:0 0 22px}.expert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.expert-grid a{display:inline-flex;margin:8px 8px 0 0;color:#07142b;background:var(--amber);padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800}.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:20px 0}.logo-wall span{padding:20px 12px;text-align:center;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.06);font-family:Georgia,"Songti SC",serif;color:#fff}.howto{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0;counter-reset:item}.howto li{list-style:none;background:rgba(7,20,43,.82);border:1px solid rgba(243,180,94,.25);border-radius:20px;padding:20px}.faq-reviews{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}details{border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:12px;background:rgba(255,255,255,.04);overflow:hidden}summary{cursor:pointer;padding:16px 18px;color:#fff;font-weight:900}details p{padding:0 18px 18px;margin:0;color:#bdd1dd}.review-block{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.review-block h2{grid-column:1/-1}.site-footer{background:#01050f;border-top:1px solid var(--line);padding:50px 22px 24px}.footer-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:30px}.footer-logo{width:96px;border-radius:22px;margin-bottom:14px}.mcp-front{border-left:3px solid var(--cyan);padding-left:12px;color:#b9cddd}.qr-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.qr-pair figure{margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(0,213,255,.2);border-radius:18px;padding:12px}.qr-pair figcaption{text-align:center;font-size:13px;color:#c6d7e2;margin-top:8px}.share-row{max-width:1280px;margin:30px auto 0;display:flex;gap:12px;flex-wrap:wrap}.share-row button{border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:rgba(255,255,255,.06);color:#dff8ff}.copyright{text-align:center;color:#8fa5b5;margin:28px 0 0}.inner-hero{max-width:1280px;margin:28px auto 70px;padding:0 22px;grid-template-columns:1fr .8fr}.inner-hero>div{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.inner-hero img{border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}.inner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.inner-card{overflow:hidden}.inner-card video{border-radius:18px;margin-bottom:16px}.inner-card .play-float{top:88px}
@media (max-width:1020px){.nav-wrap{grid-template-columns:1fr}.nav-links{justify-content:flex-start}.nav-cta{justify-self:start}.hero,.intro-grid,.media-ai,.community-section,.contact-card,.inner-hero,.faq-reviews{grid-template-columns:1fr}.video-grid,.expert-grid,.logo-wall,.howto,.inner-grid{grid-template-columns:repeat(2,1fr)}.section-title{display:block}.hero-copy{clip-path:none;border-radius:var(--radius)}}
@media (max-width:680px){.brand-strip{letter-spacing:.1em}.nav-wrap{padding:14px}.search-box{grid-template-columns:1fr}.hero,.section,.breadcrumb,.inner-hero{padding-left:14px;padding-right:14px}.hero{margin-top:18px}.hero-stats,.video-grid,.pillar-grid,.expert-grid,.logo-wall,.howto,.footer-grid,.qr-pair,.review-block,.inner-grid{grid-template-columns:1fr}.hero-copy{padding:22px}.video-info dl{grid-template-columns:1fr}.footer-grid{gap:18px}h1{font-size:36px}.section{margin-bottom:58px}.play-float{opacity:1;width:68px;height:68px}.search-band{padding-left:14px;padding-right:14px}.logo-link span{font-size:22px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.eeat-panel{position:relative}.eeat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.eeat-grid article{background:linear-gradient(145deg,rgba(7,20,43,.9),rgba(11,31,58,.66));border:1px solid rgba(243,180,94,.28);border-radius:var(--radius);padding:22px;box-shadow:0 18px 48px rgba(0,0,0,.28)}.eeat-grid article h3{color:var(--amber)}.qr-pair{grid-template-columns:repeat(4,1fr)}@media (max-width:1020px){.eeat-grid,.qr-pair{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.eeat-grid,.qr-pair{grid-template-columns:1fr}}