/* 注意：kit.css 在 body[data-theme="light"] 上也定义了 --accent（绿）。变量按元素继承，
   只写 :root 会被 body 上的值盖掉 → 品牌色必须在同一个元素上再声明一次（下面这行必须在 kit.css 之后加载）。*/
[data-theme="light"]{--accent:#4A63FF;--accent2:#16324F}
/* aicnnc 站内共用样式（首页 + 内页都引这一份）：
   kit.css 之上的一层品牌覆盖 —— 主色、荧光笔标记、白底按钮、数字条、01/02/03 三列、场景遮罩。
   改配色/字号只改这里，别改 kit.css（那是版式库共用件）。 */
/* ── 参考版：满屏暗底照片 + 荧光笔标记 + 白底断框按钮 + 粗黑无衬线 ── */
:root{
 --accent:#4A63FF; --accent2:#16324F;
 /* 一处换掉全站标题字体：kit 的标题都走 var(--serif) */
 --serif:"PingFang SC","HarmonyOS Sans","Microsoft YaHei",-apple-system,sans-serif;
}
body{background:#FFFFFF}
.bar i{background:var(--accent)}
.cta{background:#0C1620;border-top-color:#22303C}
h1,.h1{font-weight:800;letter-spacing:-.5px;line-height:1.14}
.h2{font-weight:800;letter-spacing:-.4px}
/* 荧光笔标记（参考版签名元素） */
.mk{background:#FFE96B;color:#101418;padding:.02em .14em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* 顶栏：纯文字链接，不用胶囊 */
body[data-theme="light"] .nav{background:rgba(11,20,27,.55);border-bottom-color:rgba(255,255,255,.08)}  /* 盖掉 kit 的浅色顶栏（否则白栏白字） */
.nav{position:fixed;top:3px;left:0;right:0;z-index:55;backdrop-filter:blur(8px);background:rgba(11,20,27,.55);border-bottom:1px solid rgba(255,255,255,.08)}
.nav .in{max-width:var(--w);margin:0 auto;padding:15px 26px;display:flex;align-items:center;gap:26px}
.nav b{font-size:15.5px;color:#fff;letter-spacing:.3px}
.nav a.lk{font-size:14px;color:#CFDBE4;text-decoration:none}
.nav a.tel{margin-left:auto;font-size:13.5px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:7px 15px}
/* 首屏：满屏照片 */
.scene{height:92svh;min-height:600px;display:flex;align-items:center}
.scene .in{width:100%;padding-bottom:0}
.scene .kick{color:#FFE96B;letter-spacing:3px}
.scene h1{font-size:clamp(30px,5.4vw,64px);color:#fff;margin:16px 0 20px}
.scene .sub{font-size:clamp(15px,1.5vw,18px);color:#D6E0E7;max-width:40em}
/* ── 首屏动效：外层随滚动后退（data-parallax="out"），内层缓慢漂移（Drift）── */
.scene .bg i{position:absolute;inset:0;background-size:cover;background-position:center;animation:heroDrift 26s ease-in-out infinite alternate}
@keyframes heroDrift{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.1) translate3d(-1.4%,-1.2%,0)}}
/* 首屏也改成左暗右亮，跟下面 5 屏场景一致（字落在暗侧更稳） */
.scene .veil{background:linear-gradient(90deg,rgba(8,13,18,.9) 0%,rgba(8,13,18,.6) 50%,rgba(8,13,18,.42) 100%),linear-gradient(180deg,rgba(8,13,18,.32),rgba(8,13,18,.8))}
.acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-block;text-align:center;text-decoration:none;font-weight:600;border-radius:6px;padding:15px 26px;font-size:15.5px;background:#fff;color:#101418;border:1px solid #fff}
.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
/* 数字条 */
.statbar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--line)}
.statbar div{padding:26px 22px;border-left:1px solid var(--line)}
.statbar div:first-child{border-left:0}
.statbar b{display:block;font-size:clamp(24px,2.6vw,34px);font-weight:800;letter-spacing:-.5px;color:#101418;line-height:1.1}
.statbar span{font-size:13.5px;color:var(--sub)}
.statbar u{text-decoration:none;font-size:13px;color:var(--accent);margin-left:6px}
/* 01/02/03 三列 */
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.three .n{font-size:13px;letter-spacing:2px;color:var(--sub);font-weight:600}
.three h3{font-size:20px;font-weight:800;margin:10px 0 10px}
.three p{font-size:14.5px;color:var(--sub);line-height:1.75}
/* 服务卡（带价格） */
.svc{border:1px solid var(--line);border-radius:8px;padding:22px;background:#fff;display:grid;gap:8px}
.svc .nm{font-size:16.5px;font-weight:800}
.svc .pr{font-size:19px;font-weight:800;color:var(--accent)}
.svc .pr i{font-style:normal;font-size:12.5px;color:var(--sub);display:block;font-weight:500;margin-top:4px;line-height:1.6}
.svc p{font-size:13.5px;color:var(--sub)}
.svc ul{list-style:none;font-size:13.5px}
.svc li{padding:3px 0 3px 14px;position:relative}
.svc li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;background:var(--accent)}
.note{font-size:12.5px;color:var(--sub);margin-top:16px}
.foot{padding:26px 0;font-size:12.5px;color:#7C8D9A;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:900px){
 .scene{height:auto;min-height:0;padding:120px 0 64px}
 .nav a.lk{display:none}                 /* 手机导航只留品牌 + 电话 */
 .statbar{grid-template-columns:1fr 1fr}
 .statbar div{border-left:0;border-top:1px solid var(--line);padding:18px 4px}
 .statbar div:nth-child(-n+2){border-top:0}
 .three{grid-template-columns:1fr;gap:24px}
 .acts .btn{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){.scene .bg i{animation:none}}
@media(max-width:620px){.scene h1{font-size:26px;text-wrap:balance}.scene h1 br{display:none}.grid4{grid-template-columns:1fr}}

/* ── 滚动切场景（B 的骨架，C 的字体与配色）── */
.stack{position:relative}
.stack .pin{position:sticky;top:0;height:100svh;overflow:hidden}
/* 照片右亮左暗：文字永远落在暗侧（比 kit 原来的全屏均匀遮罩更托字） */
.stack .veil{position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(8,13,18,.94) 0%,rgba(8,13,18,.72) 46%,rgba(8,13,18,.38) 100%),
 linear-gradient(180deg,rgba(8,13,18,.3),rgba(8,13,18,.82))}
.cap{position:absolute;left:0;right:0;bottom:11vh;z-index:3}
.cap .item .idx{font-size:12.5px;letter-spacing:3px;color:#FFE96B;font-weight:600}
.cap .item h3{font-family:var(--serif);font-weight:800;letter-spacing:-.4px;font-size:clamp(27px,4.2vw,48px);color:#fff;margin:12px 0 12px;line-height:1.16}
.cap .item .tagline{font-size:clamp(15px,1.5vw,18px);color:#D6E0E7;max-width:36em}
.cap .item ul{list-style:none;margin-top:20px;display:grid;gap:8px;max-width:46em}
.cap .item li{font-size:14.5px;color:#C2D0DA;padding-left:16px;position:relative}
.cap .item li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:1px;background:#FFE96B}
.cap .item .pr{font-size:20px;font-weight:800;color:#fff;margin-top:20px}
.cap .item .pr i{font-style:normal;font-size:12.5px;font-weight:500;color:#9FB0BC;margin-left:8px}
.cap .item a.more{display:inline-block;margin-top:16px;font-size:13.5px;font-weight:600;color:#101418;background:#FFE96B;border-radius:6px;padding:9px 16px;text-decoration:none}
.scrollhint{position:absolute;left:0;right:0;bottom:24px;z-index:5;text-align:center;font-size:12.5px;color:#93A7B6;letter-spacing:2px}
@media(max-width:900px){
 .cap{bottom:8vh}
 .cap .item ul{display:none}
 .cap .item .pr{font-size:17px;margin-top:14px}
 .scrollhint{display:none}
}

/* ── 上线版页脚（多列内链）与表单反馈 ── */
.foot2{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:44px 26px 30px;border-top:1px solid var(--line);font-size:13px}
.foot2 b{display:block;font-size:13.5px;font-weight:800;color:var(--text);margin-bottom:10px}
.foot2 a{display:block;color:var(--sub);text-decoration:none;padding:4px 0}
.foot2 a:hover{color:var(--accent)}
.foot2 .legal{display:grid;gap:6px;align-content:start}
.foot2 .legal span,.foot2 .legal a{color:var(--sub);font-size:12.5px;padding:0}
.msg{font-size:13px;padding:10px 0;min-height:6px}
.msg.ok{color:#0F7A4A}.msg.err{color:#C0392B}
@media(max-width:900px){.foot2{grid-template-columns:1fr 1fr;gap:20px;padding:32px 0}}
/* 20 秒宣传片屏（2026-09-24）：深色满屏 + 单个蓝强调，视频静音自动播（尊重 reduce-motion，脚本见页内） */
#promo{background:#0B141B}
#promo .h2{color:#fff}
#promo .sub{color:#93A7B6}
#promo video{width:100%;height:auto;display:block;margin:28px 0 0;border-radius:12px;
  border:1px solid #233543;background:#0E1A24;box-shadow:0 24px 60px rgba(0,0,0,.45)}
#promo .note{margin-top:14px;font-size:13px;color:#93A7B6}