/* 51视频海派霓虹剪影主义：深曜蓝黑、胶片铜橙、放映暖白、低饱和樱粉；片场轨道式布局，所有视觉决策服务“51视频影视传媒专业度 + 动漫社区活跃感”。 */
:root{--ink:#07111f;--panel:#0d1b2e;--panel2:#132641;--copper:#c98545;--ivory:#fff1d2;--pink:#e9a7b4;--blue:#5bb8ff;--muted:#b9c2d6;--line:rgba(255,241,210,.18);--shadow:0 28px 80px rgba(0,0,0,.38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:radial-gradient(circle at 80% 0,#213c61 0,#07111f 36%,#050912 100%);color:var(--ivory);line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:24px;padding:18px clamp(18px,4vw,58px)}.brand-mark{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--copper);border-radius:50%;background:linear-gradient(135deg,#241508,#10223b);box-shadow:0 0 24px rgba(201,133,69,.35);font-weight:900;color:var(--ivory)}.brand-mark strong{display:block;font-size:22px;letter-spacing:.08em}.brand-mark em{display:block;font-size:12px;color:var(--muted);font-style:normal}.top-nav{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.top-nav a{padding:9px 12px;border:1px solid transparent;color:#d9e2f3;font-size:14px}.top-nav a:hover,.top-nav .is-active{border-color:var(--copper);color:var(--ivory);background:rgba(201,133,69,.12)}.menu-toggle{display:none}.search-band{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:0 clamp(18px,4vw,58px) 16px}.search-band label{color:var(--copper);font-weight:700}.search-band input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--ivory);padding:12px 14px;border-radius:0}.search-band button,.hero-actions a,.experts a,.share-panel button{border:1px solid var(--copper);background:linear-gradient(135deg,#c98545,#8d5527);color:#111;padding:11px 16px;font-weight:800}.search-band p{grid-column:2/4;margin:0;color:var(--muted);font-size:13px}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:34px;align-items:center;padding:64px clamp(18px,5vw,74px) 40px;min-height:650px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:9% 0 auto -5%;height:120px;background:repeating-linear-gradient(90deg,rgba(255,241,210,.16) 0 16px,transparent 16px 32px);transform:rotate(-7deg);opacity:.32}.hero-copy{position:relative;z-index:1}.eyebrow,.breadcrumb{color:var(--copper);font-weight:800;letter-spacing:.08em}.hero h1{font-family:"STSong","SimSun",serif;font-size:clamp(34px,5.4vw,72px);line-height:1.05;margin:18px 0;text-wrap:balance}.hero p{font-size:18px;color:#dce5f3;max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-art{margin:0;border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.hero-art:after,.video-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 45%,rgba(255,241,210,.16),transparent 58%);opacity:.7}.hero-art figcaption{position:absolute;left:18px;bottom:14px;color:var(--ivory);background:rgba(7,17,31,.62);padding:7px 10px}.seo-ribbon{display:flex;gap:10px;overflow:auto;padding:20px clamp(18px,5vw,74px);border-block:1px solid var(--line);background:rgba(255,255,255,.035)}.seo-ribbon span,.pill,.tag-row span{white-space:nowrap;border:1px solid rgba(201,133,69,.5);color:var(--ivory);padding:6px 10px;background:rgba(201,133,69,.1)}.section-intro,.experts,.howto,.reviews,.faq,.share-panel,.json-panel,.contact-slice,.inner-page{padding:56px clamp(18px,5vw,74px)}.section-intro h2,.module-grid h2,.experts h2,.howto h2,.reviews h2,.faq h2,.share-panel h2,.json-panel h2,.contact-slice h2,.inner-hero h1{font-family:"STSong","SimSun",serif;font-size:clamp(28px,3.8vw,48px);line-height:1.15;margin:8px 0 16px}.video-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:8px clamp(18px,5vw,74px) 56px}.video-card{background:linear-gradient(180deg,rgba(19,38,65,.92),rgba(7,17,31,.92));border:1px solid var(--line);box-shadow:0 14px 40px rgba(0,0,0,.24);padding:12px;position:relative}.video-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#111}.video-frame video{width:100%;height:100%;object-fit:cover;display:block}.play-ghost{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.86);opacity:0;border:1px solid var(--ivory);background:rgba(7,17,31,.72);color:var(--ivory);border-radius:999px;width:74px;height:74px;transition:.22s}.video-card:hover .play-ghost{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-card h3{font-size:20px;line-height:1.35}.video-card p,.metrics,.reviews small{color:var(--muted)}.metrics{display:flex;gap:10px;flex-wrap:wrap;font-family:ui-monospace,monospace;font-size:13px}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.module-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:30px clamp(18px,5vw,74px) 56px}.module-grid article,.expert-grid article,.howto,.reviews article,.faq details,.share-panel,.json-panel,.contact-slice,.inner-track article{border:1px solid var(--line);background:rgba(255,255,255,.045);padding:24px;box-shadow:0 12px 34px rgba(0,0,0,.16)}.json-panel pre,.share-panel pre{white-space:pre-wrap;overflow:auto;background:#020812;border:1px solid rgba(255,255,255,.1);padding:18px;color:#e5f0ff}.expert-grid,.review-grid,.inner-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.expert-grid article h3{color:var(--copper)}.expert-grid article a{display:inline-block;margin-right:8px;margin-top:10px}.logo-wall{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.logo-wall span{padding:14px 18px;border:1px dashed var(--copper);background:rgba(201,133,69,.08)}.contact-slice{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:24px;align-items:center}.contact-slice img{border:1px solid var(--line);box-shadow:var(--shadow)}.faq details{margin-bottom:12px}.faq summary{cursor:pointer;font-weight:800;color:var(--ivory)}.share-panel button{margin:6px}.site-footer{background:#03070e;border-top:1px solid var(--line);padding:42px clamp(18px,5vw,74px)}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:26px}.updated{color:var(--copper);font-weight:800}.qr-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qr-row figure{margin:0}.qr-row img{border:1px solid var(--line)}.mcp-shell{margin-top:28px;border:1px solid rgba(91,184,255,.28);padding:18px;background:rgba(91,184,255,.06)}.inner-hero{padding:60px 0 28px}.inner-track{margin-bottom:32px}.compact{padding-left:0;padding-right:0;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:980px){.hero,.contact-slice,.footer-grid{grid-template-columns:1fr}.video-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.module-grid,.expert-grid,.review-grid,.inner-track{grid-template-columns:1fr}.top-nav{display:none}.top-nav.is-open{display:flex;flex-basis:100%;order:5}.menu-toggle{display:block;margin-left:auto}.search-band{grid-template-columns:1fr}.search-band p{grid-column:auto}}@media (max-width:560px){.header-inner{flex-wrap:wrap}.hero{padding-top:36px}.video-rail,.compact{grid-template-columns:1fr}.hero h1{font-size:34px}.qr-row{grid-template-columns:1fr}.search-band button{width:100%}}@media (prefers-reduced-motion:no-preference){.hero-copy,.video-card,.module-grid article{animation:rise .55s ease both}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}
/* 51视频海派霓虹剪影主义：EEAT可信信息区块与移动端可读性补强 */
.eeat-block{margin:44px auto;max-width:1180px;padding:28px;border:1px solid rgba(233,200,124,.28);background:linear-gradient(135deg,rgba(12,28,42,.86),rgba(71,24,44,.72));box-shadow:0 24px 70px rgba(0,0,0,.28)}
.eeat-block h2,.eeat-block h3,.eeat-block h4,.eeat-block h5,.eeat-block h6{margin:.45rem 0;color:#ffe7a6;letter-spacing:.02em}
.eeat-block p{color:#f3e6d6;line-height:1.85;margin-top:14px}
img{max-width:100%;height:auto}
.ad-disclosure{font-size:.86rem;color:#cdbf9f;margin-top:14px;border-top:1px dashed rgba(255,255,255,.24);padding-top:10px}
@media(max-width:720px){.eeat-block{margin:28px 14px;padding:20px}.eeat-block p{font-size:15px;line-height:1.75}}