/* 宏视传媒 · 视觉预览（Claude，2026-11-01）· 字体：思源黑体 CN（OFL）+ Poppins（OFL），均本地自托管 */
@font-face{font-family:"HS Sans";src:url(fonts/SourceHanSansCN-Regular.woff2) format("woff2");font-weight:400;font-display:block}
@font-face{font-family:"HS Sans";src:url(fonts/SourceHanSansCN-Medium.woff2) format("woff2");font-weight:500;font-display:block}
@font-face{font-family:"HS Sans";src:url(fonts/SourceHanSansCN-Bold.woff2) format("woff2");font-weight:700;font-display:block}
@font-face{font-family:"Poppins";src:url(fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-display:block}
@font-face{font-family:"Poppins";src:url(fonts/Poppins-Medium.ttf) format("truetype");font-weight:500;font-display:block}
@font-face{font-family:"Poppins";src:url(fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-display:block}
@font-face{font-family:"Poppins";src:url(fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-display:block}
@font-face{font-family:"Poppins";src:url(fonts/Poppins-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:block}

:root{
  --ink:#070707;--ink2:#111;--sub:#696969;--mute:#A1A1A1;--line:#E8E8E8;--paper:#fff;--wash:#FAF9FB;
  --lime:#AAFF00;--lime2:#C9FF85;--teal:#00E5CC;
  --w:1290px;--r:28px;
  --font:"Poppins","HS Sans",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;font-synthesis:none}
html{-webkit-font-smoothing:antialiased}
body{font-family:var(--font);color:var(--ink);background:var(--paper);font-size:15px;line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:var(--w);margin:0 auto}
em.it{font-family:"Poppins";font-style:italic;font-weight:700;letter-spacing:-.04em}

/* 顶栏 */
.nav{position:fixed;inset:0 0 auto 0;height:76px;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav .wrap{display:flex;align-items:center;height:100%;gap:40px}
.brand{display:inline-flex;align-items:center;gap:.42em;font-family:"HS Sans";white-space:nowrap;line-height:1;font-size:22px}
.brand .a{font-weight:700}.brand .b{font-weight:400}.brand .bar{width:1.5px;height:.86em;background:currentColor;opacity:.8}


.menu{display:flex;gap:30px;flex:1;justify-content:center;font-size:14px}
.menu a{position:relative;padding:4px 0;font-family:"HS Sans";font-weight:400}
.menu a.on{font-weight:500}
.menu a.on::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:var(--lime)}
.pill{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 22px;border-radius:999px;border:1px solid var(--ink);font-family:"HS Sans";font-size:14px;font-weight:500;background:#fff;transition:background .5s,color .5s}
.pill:hover{background:var(--ink);color:#fff}
.pill.lime{background:var(--lime);border-color:var(--lime);color:#000}
.pill.dark{background:var(--ink);color:#fff}
.pill.ghost{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}
.pill i{font-style:normal;font-family:"Poppins";transition:transform .5s}
.pill:hover i{transform:translate(2px,-2px)}

/* 文字层级（最终值，1440 桌面） */
.k{font-family:"Poppins";font-weight:600;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--sub)}
.h1{font-family:"HS Sans";font-weight:700;font-size:96px;line-height:1.08;letter-spacing:-.01em}
.h1 em.it{font-size:72px;margin-left:.18em}
.h-dark{font-family:"HS Sans";font-weight:400;font-size:68px;line-height:1.3}
.h2{font-family:"HS Sans";font-weight:700;font-size:44px;line-height:1.2}
.h3{font-family:"HS Sans";font-weight:500;font-size:26px;line-height:1.3}
.lead{font-family:"HS Sans";font-size:18px;line-height:1.7;color:#333}
.small{font-family:"HS Sans";font-size:12px;line-height:1.6;color:var(--sub)}
.src{display:inline-flex;align-items:center;gap:6px;font-family:"HS Sans";font-size:11px;color:#fff;background:rgba(7,7,7,.55);backdrop-filter:blur(6px);padding:3px 10px;border-radius:999px}
.src.real::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime)}
.src.ai::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;opacity:.6}
.src.doc::before{content:"";width:6px;height:6px;border-radius:50%;background:#FFD8AA}

/* 光晕 */
.glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(90px)}
.glow.g1{background:rgba(122,232,0,.45)}
.glow.g2{background:rgba(170,255,0,.28)}
.glow.g3{background:rgba(0,229,204,.16)}

/* 页脚集中说明 */
.foot{border-top:1px solid var(--line);padding:30px 0 40px}
.foot .wrap{display:flex;justify-content:space-between;align-items:center;gap:60px}
.foot nav{display:flex;gap:28px;font-family:"HS Sans";font-size:13px;color:var(--sub)}.foot nav a:hover{color:var(--ink)}
.foot .small{max-width:820px}

/* 入场 */
.rv{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.rv.on{opacity:1;transform:none}
html.shot .rv{opacity:1!important;transform:none!important;transition:none!important}
html.shot *{animation:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}*{animation:none!important}}

/* v9 页眉 logo（关于我们页同步） */
.nav-brand{gap:.3em}
.nav-brand .b{font-weight:700}
.nav-brand .x{font-style:normal;font-weight:300;font-size:.8em;opacity:.85}

/* OPEN-VID-V18 */
.nav .nav-brand,.nav .nav-brand *{color:var(--lime)}

/* OPEN-VID-V19 */
.nav .menu a{font-size:16px;font-weight:700;letter-spacing:.02em}

/* OPEN-VID-V20 导航居中 */
.nav .wrap{position:relative}
.nav .menu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0}