/* =========================================================
   卓成网络 · 站点主样式
   设计语言：深墨 + 亮蓝 + 细金；大留白、克制动效
   ========================================================= */

:root{
    --ink:#0A0F1A;
    --ink-2:#0E1523;
    --ink-3:#162033;
    --gold:#C8A96A;
    --gold-2:#E2CB9B;
    --blue:#2E6BFF;
    --blue-2:#5B8CFF;
    --paper:#fff;
    --soft:#F4F6FA;
    --soft-2:#EDF1F7;
    --line:#E5E9F0;
    --line-dark:rgba(255,255,255,.12);
    --text:#101623;
    --muted:#5D6678;
    --muted-dark:rgba(255,255,255,.62);
    --r:14px;
    --wrap:1280px;
    --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
    margin:0;color:var(--text);background:var(--paper);
    font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,"Segoe UI",sans-serif;
    font-size:16px;line-height:1.75;letter-spacing:.01em;
    -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.25}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;cursor:pointer}
::selection{background:var(--gold);color:#0A0F1A}

.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:9999;background:#fff;padding:8px 14px;border-radius:8px}

.wrap{width:min(var(--wrap),calc(100% - 64px));margin:0 auto}
.wrap--narrow{width:min(880px,calc(100% - 64px))}
.center{text-align:center}

/* ---------- 通用组件 ---------- */
.btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:14px 26px;border-radius:999px;border:1px solid transparent;
    font-size:15px;font-weight:600;line-height:1;white-space:nowrap;
    transition:transform .35s var(--ease),background .3s,border-color .3s,color .3s,box-shadow .35s;
}
.btn:hover{transform:translateY(-2px)}
.btn--sm{padding:11px 20px;font-size:14px}
.btn--lg{padding:17px 34px;font-size:16px}
.btn--gold{background:linear-gradient(120deg,var(--gold),var(--gold-2));color:#12160f;box-shadow:0 10px 30px rgba(200,169,106,.25)}
.btn--gold:hover{box-shadow:0 16px 40px rgba(200,169,106,.35)}
.btn--dark{background:var(--ink);color:#fff}
.btn--dark:hover{background:var(--ink-3)}
.btn--line{border-color:rgba(255,255,255,.28);color:#fff}
.btn--line:hover{border-color:var(--gold);color:var(--gold)}
.sec--paper .btn--line,.sec .btn--line{border-color:var(--line);color:var(--text)}
.sec .btn--line:hover{border-color:var(--ink);color:var(--ink)}
.btn--ghost{border-color:rgba(255,255,255,.3);color:#fff}
.btn--ghost:hover{border-color:#fff}

.arw{width:17px;height:17px;flex:none;position:relative;display:inline-block}
.arw::before,.arw::after{content:"";position:absolute;background:currentColor;transition:transform .35s var(--ease)}
.arw::before{left:0;top:8px;width:15px;height:1.5px}
.arw::after{right:2px;top:4px;width:8px;height:1.5px;transform:rotate(45deg);box-shadow:0 4px 0 currentColor}
a:hover .arw::before{width:19px}

.eyebrow,.sec__eyebrow{
    display:flex;align-items:center;gap:10px;
    font-size:12px;letter-spacing:.18em;text-transform:uppercase;
    color:var(--muted);font-weight:600;
}
.eyebrow i{width:26px;height:1px;background:var(--gold);display:inline-block}
.sec__eyebrow{color:var(--gold);margin-bottom:18px}
.sec__head{max-width:820px;margin-bottom:56px}
.sec__head h2{font-size:clamp(28px,3.4vw,44px);margin-bottom:18px}
.sec__head p{color:var(--muted);font-size:17px;line-height:1.85;max-width:680px}
.sec__head--center{margin-left:auto;margin-right:auto;text-align:center}
.sec__head--center p{margin-left:auto;margin-right:auto}
.sec__head--center .sec__eyebrow{justify-content:center}
.sec__head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:none}
.sec__head--light h2,.sec__head--light p{color:#fff}
.sec__head--light p{color:var(--muted-dark)}
.h2-sub{font-size:clamp(22px,2.4vw,32px);margin-bottom:32px}
.h2-light{color:#fff;font-size:clamp(24px,2.8vw,38px);margin-bottom:14px}
.p-light{color:var(--muted-dark);margin-bottom:28px;max-width:600px;margin-left:auto;margin-right:auto}
.link-more{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:4px;white-space:nowrap}
.link-more:hover{color:var(--ink);border-color:var(--ink)}

.sec{padding:110px 0}
.sec--tight{padding:80px 0}
.sec--paper{background:var(--soft)}
.sec--soft{background:linear-gradient(180deg,#F7F9FC,#fff)}
.sec--ink{background:var(--ink);color:#fff}

/* ---------- 导航 ---------- */
.nav{
    position:fixed;inset:0 0 auto 0;z-index:100;
    transition:background .45s var(--ease),box-shadow .45s,backdrop-filter .3s;
}
.nav__in{
    width:min(var(--wrap),calc(100% - 64px));margin:0 auto;height:88px;
    display:flex;align-items:center;gap:26px;
    transition:height .35s var(--ease);
}
.nav.is-solid{background:rgba(10,15,26,.92);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.07)}
.nav.is-solid .nav__in{height:72px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;flex:none}
.brand__mark{width:38px;height:38px;border-radius:9px;flex:none;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.brand__txt{font-size:20px;font-weight:700;letter-spacing:.04em}
.brand__txt em{font-style:normal;font-weight:400;color:rgba(255,255,255,.72);margin-left:2px}
.brand__sub{font-size:9px;letter-spacing:.28em;color:rgba(255,255,255,.4);margin-left:-2px;padding-top:6px}

.menu{display:flex;align-items:center;gap:4px;margin-left:auto}
.menu__item{position:relative}
.menu__item>a{
    display:block;padding:10px 12px;border-radius:8px;
    color:rgba(255,255,255,.86);font-size:15px;font-weight:500;
    transition:color .25s,background .25s;
}
.menu__item>a:hover,.menu__item>a.is-active{color:#fff;background:rgba(255,255,255,.08)}
.mega{
    position:absolute;top:calc(100% + 12px);left:-24px;width:700px;
    background:#fff;color:var(--text);border-radius:16px;padding:14px;
    box-shadow:0 30px 80px rgba(8,12,22,.28);
    opacity:0;visibility:hidden;transform:translateY(8px);
    transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;
}
.menu__item:hover .mega{opacity:1;visibility:visible;transform:translateY(0)}
.mega__grid{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:6px 10px}
.mega__card{padding:12px 14px;border-radius:10px;transition:background .2s}
.mega__card b{display:block;font-size:14.5px;margin-bottom:2px}
.mega__card span{font-size:12.5px;color:var(--muted)}
.mega__card:hover{background:var(--soft)}
.mega__card:hover b{color:var(--blue)}

.nav__right{display:flex;align-items:center;gap:18px;flex:none}
.nav__tel{display:flex;flex-direction:column;line-height:1.2;color:#fff}
.nav__tel span{font-size:11px;color:rgba(255,255,255,.5);letter-spacing:.08em}
.nav__tel b{font-size:17px;letter-spacing:.02em}
.burger{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:none;position:relative}
.burger i{position:absolute;left:12px;width:18px;height:1.5px;background:#fff;transition:transform .3s,opacity .3s}
.burger i:nth-child(1){top:17px}
.burger i:nth-child(2){top:23px}
body.menu-open .burger i:nth-child(1){transform:translateY(3px) rotate(45deg)}
body.menu-open .burger i:nth-child(2){transform:translateY(-3px) rotate(-45deg)}

/* ---------- HERO ---------- */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;padding:150px 0 90px}
.hero__video{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
    opacity:.16;pointer-events:none;
}
.hero__spot{
    position:absolute;inset:0;pointer-events:none;z-index:1;
    background:radial-gradient(620px circle at var(--mx,72%) var(--my,34%),rgba(46,107,255,.18),transparent 62%);
    transition:background .25s linear;
}
.hero::after{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(180deg,rgba(10,15,26,.42) 0%,rgba(10,15,26,.58) 55%,rgba(10,15,26,.72) 100%);
}
.hero__in{z-index:2}
.hero__glow{
    position:absolute;width:1100px;height:1100px;right:-320px;top:-420px;border-radius:50%;
    background:radial-gradient(circle,rgba(46,107,255,.32),rgba(46,107,255,0) 62%);
    filter:blur(10px);
}
.hero__glow::after{
    content:"";position:absolute;left:-260px;top:520px;width:700px;height:700px;border-radius:50%;
    background:radial-gradient(circle,rgba(200,169,106,.20),rgba(200,169,106,0) 65%);
}
.hero__grid-lines{
    position:absolute;inset:0;
    background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:88px 88px;
    mask-image:radial-gradient(circle at 60% 40%,#000 20%,transparent 78%);
}
.hero__in{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}
.hero h1{font-size:clamp(34px,4.6vw,66px);line-height:1.16;margin:22px 0 26px;letter-spacing:-.03em}
.hero__line{display:block}
.hero__line:nth-child(2){font-weight:300;color:rgba(255,255,255,.86)}
.hl{color:var(--gold);position:relative;white-space:nowrap}
.hl::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.hero__lead{max-width:520px;color:rgba(255,255,255,.72);font-size:17px;line-height:1.9}
.hero__btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero__stats{display:flex;gap:40px;margin-top:56px;padding-top:30px;border-top:1px solid rgba(255,255,255,.12);flex-wrap:wrap}
.hero__stats li{display:flex;flex-direction:column}
.hero__stats b{font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1}
.hero__stats i{font-style:normal;font-size:13px;color:var(--gold);margin-top:6px}
.hero__stats span{font-size:13px;color:rgba(255,255,255,.55);margin-top:2px}
.hero__stats-note{opacity:.9}

/* Hero 卡片堆叠 */
.hero__visual{position:relative;height:480px;perspective:1400px}
.deck{position:absolute;inset:0;transform-style:preserve-3d}
.deck__card{
    position:absolute;left:8%;top:6%;width:78%;margin:0;
    border-radius:16px;overflow:hidden;background:var(--ink-3);
    box-shadow:0 40px 80px rgba(0,0,0,.5);
    transition:transform .8s var(--ease),opacity .6s var(--ease);
    transform-origin:50% 100%;
}
.deck__card .deck__shot{height:230px;background-size:cover;background-position:top center}
.deck__card figcaption{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;font-size:14px;background:rgba(16,22,35,.96)}
.deck__card figcaption b{font-weight:600}
.deck__card figcaption span{color:var(--gold);font-size:12px}
.deck__badge{
    position:absolute;right:0;bottom:6%;background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);
    padding:12px 18px;border-radius:999px;font-size:13px;letter-spacing:.06em;
}
.hero__scroll{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);width:1px;height:54px;background:rgba(255,255,255,.16);overflow:hidden}
.hero__scroll span{position:absolute;top:-54px;left:0;width:1px;height:54px;background:var(--gold);animation:scrollHint 2.4s infinite}
@keyframes scrollHint{0%{top:-54px}60%{top:54px}100%{top:54px}}

/* ---------- 客户带 ---------- */
.clients{background:var(--ink-2);color:#fff;padding:54px 0 60px;border-top:1px solid rgba(255,255,255,.06)}
.clients__label{font-size:13px;letter-spacing:.06em;color:rgba(255,255,255,.45);margin-bottom:28px}
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee__track{display:flex;gap:0;width:max-content;animation:marquee 42s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__item{
    display:flex;align-items:center;padding:0 34px;height:44px;white-space:nowrap;
    font-size:17px;color:rgba(255,255,255,.62);border-right:1px solid rgba(255,255,255,.08);
    transition:color .3s;
}
.marquee__item:hover{color:#fff}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- BENTO ---------- */
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;grid-auto-rows:1fr}
.bento__card{
    grid-column:span 1;background:#fff;border:1px solid var(--line);border-radius:var(--r);
    padding:30px;display:flex;flex-direction:column;min-height:250px;
    transition:transform .45s var(--ease),box-shadow .45s,border-color .3s;
    position:relative;overflow:hidden;
}
.bento__card::after{
    content:"";position:absolute;inset:auto 0 0 0;height:2px;
    background:linear-gradient(90deg,var(--gold),var(--blue));opacity:0;transition:opacity .4s;
}
.bento__card:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(15,25,45,.10);border-color:transparent}
.bento__card:hover::after{opacity:1}
.bento__card--big{grid-column:span 2;grid-row:span 2;background:var(--ink);color:#fff;border-color:transparent;padding:38px}
.bento__card--big h3{font-size:30px}
.bento__card--big p{color:rgba(255,255,255,.68)}
.bento__card--big .bento__list li{color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.12)}
.bento__card--big .bento__tag{background:rgba(200,169,106,.16);color:var(--gold-2)}
.bento__card--big .bento__more{color:var(--gold)}
.bento__wm{
    position:absolute;right:-10px;top:52px;font-size:78px;line-height:.9;font-weight:800;
    letter-spacing:-.04em;color:rgba(255,255,255,.045);pointer-events:none;user-select:none;
}
.bento__card--big::before{
    content:"";position:absolute;right:-70px;top:-70px;width:280px;height:280px;border-radius:50%;
    background:radial-gradient(circle,rgba(200,169,106,.22),transparent 68%);pointer-events:none;
}
.bento__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}
.bento__tag{font-size:11px;letter-spacing:.1em;padding:5px 10px;border-radius:999px;
    background:linear-gradient(135deg,#F7E2AC 0%,#E7C87C 28%,#D3AE55 62%,#C09A3E 100%);
    color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(90,64,12,.45);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 10px rgba(192,154,62,.28);
    transition:box-shadow .4s,filter .4s}
.bento__card:not(.bento__card--big):hover .bento__tag{filter:brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 5px 16px rgba(192,154,62,.45)}
.bento__en{font-size:10px;letter-spacing:.22em;color:#B7C0CF}
.bento__card h3{font-size:21px;margin:18px 0 10px}
.bento__card p{font-size:14.5px;color:var(--muted);line-height:1.8}
.bento__list{margin:16px 0 0;display:flex;flex-direction:column;gap:7px}
.bento__list li{font-size:13px;color:var(--muted);padding-left:14px;position:relative;border-bottom:1px solid var(--line);padding-bottom:7px}
.bento__list li:last-child{border-bottom:0}
.bento__list li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.bento__more{margin-top:18px;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:8px;color:var(--ink)}
.bento--3{grid-template-columns:repeat(3,1fr)}

/* ---------- 案例轨道 ---------- */
.cases-rail{
    display:flex;gap:22px;overflow-x:auto;padding:0 max(32px,calc((100vw - var(--wrap))/2)) 24px;
    scroll-snap-type:x mandatory;scrollbar-width:thin;
}
.cases-rail::-webkit-scrollbar{height:4px}
.cases-rail::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}
.case-card{
    flex:0 0 420px;scroll-snap-align:start;background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;
    transition:transform .5s var(--ease),background .4s,border-color .4s;
}
.case-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.06);border-color:rgba(200,169,106,.4)}
.case-card__shot{height:250px;background-size:cover;background-position:top center;transition:transform .8s var(--ease)}
.case-card:hover .case-card__shot{transform:scale(1.04)}
.case-card__body{padding:24px 26px 28px}
.case-card__meta{display:flex;justify-content:space-between;font-size:12px;color:var(--gold);letter-spacing:.06em;margin-bottom:12px}
.case-card__body h3{font-size:20px;margin-bottom:8px}
.case-card__body p{font-size:13.5px;color:rgba(255,255,255,.6);line-height:1.8}
.case-card__tags{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.case-card__tags em{font-style:normal;font-size:11.5px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.72)}
.case-card--more{flex:0 0 300px;display:flex;align-items:center;justify-content:center;border-style:dashed}
.case-card--more div{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}
.case-card--more b{font-size:17px;color:var(--gold)}
.case-card--more span{font-size:12.5px;color:rgba(255,255,255,.5)}

/* ---------- SPLIT / WHY ---------- */
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.split__left h2{font-size:clamp(28px,3.2vw,42px);margin-bottom:20px}
.split__lead{color:var(--muted);line-height:1.9;margin-bottom:30px}
.split__right{display:flex;flex-direction:column}
.why-item{display:flex;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}
.why-item:first-child{padding-top:0}
.why-item__no{font-size:12px;letter-spacing:.12em;color:var(--gold);padding-top:5px;flex:none}
.why-item h3{font-size:19px;margin-bottom:8px}
.why-item p{color:var(--muted);font-size:14.5px;line-height:1.85}

/* ---------- 流程 ---------- */
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line)}
.flow__item{padding:34px 26px 8px;border-right:1px solid var(--line);position:relative}
.flow__item:last-child{border-right:0}
.flow__item::before{content:"";position:absolute;top:-4px;left:26px;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.flow__no{font-size:12px;letter-spacing:.14em;color:var(--muted)}
.flow__item h3{font-size:18px;margin:12px 0 10px}
.flow__item p{font-size:13.5px;color:var(--muted);line-height:1.8}

/* ---------- 行业 ---------- */
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ind{
    display:block;padding:30px;border:1px solid var(--line);border-radius:var(--r);
    transition:border-color .35s,transform .45s var(--ease),box-shadow .4s;background:#fff;
}
.ind:hover{transform:translateY(-5px);border-color:var(--ink);box-shadow:0 22px 44px rgba(15,25,45,.08)}
.ind__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.ind__head h2,.ind__head h3{font-size:22px}
.ind p{font-size:14.5px;color:var(--muted);line-height:1.8}
.ind__pain{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted)}
.ind__pain b{display:block;font-size:11px;letter-spacing:.12em;color:var(--gold);margin-bottom:6px}
.ind-grid--wide{grid-template-columns:repeat(2,1fr);gap:24px}
.ind--wide{padding:38px}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--line)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item summary{
    display:flex;justify-content:space-between;align-items:center;gap:24px;
    padding:24px 0;cursor:pointer;list-style:none;font-size:17.5px;font-weight:600;
    transition:color .25s;
}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary:hover{color:var(--blue)}
.faq__item summary i{width:20px;height:20px;position:relative;flex:none}
.faq__item summary i::before,.faq__item summary i::after{content:"";position:absolute;background:var(--muted);transition:transform .3s,background .3s}
.faq__item summary i::before{left:0;top:9px;width:20px;height:1.5px}
.faq__item summary i::after{left:9px;top:0;width:1.5px;height:20px}
.faq__item[open] summary i::after{transform:rotate(90deg);opacity:0}
.faq__a{padding:0 40px 26px 0;color:var(--muted);font-size:15px;line-height:1.9;animation:fadeUp .4s var(--ease)}
@keyframes fadeUp{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- 新闻 ---------- */
.news-list{border-top:1px solid var(--line)}
.news-row{
    display:grid;grid-template-columns:120px 1fr 24px;gap:26px;align-items:start;
    padding:26px 0;border-bottom:1px solid var(--line);transition:padding .3s,background .3s;
}
.news-row:hover{padding-left:10px}
.news-row time{font-size:13px;color:var(--muted);letter-spacing:.04em;padding-top:4px}
.news-row em{font-style:normal;font-size:11.5px;letter-spacing:.1em;color:var(--gold)}
.news-row h2,.news-row h3{font-size:19px;margin:8px 0 6px;transition:color .25s}
.news-row:hover h2,.news-row:hover h3{color:var(--blue)}
.news-row p{font-size:14px;color:var(--muted);line-height:1.8}
.news-row .arw{margin-top:8px;color:var(--muted)}

/* ---------- 页头（内页） ---------- */
.phead{background:var(--ink);color:#fff;padding:150px 0 80px;position:relative;overflow:hidden}
.phead::before{
    content:"";position:absolute;right:-200px;top:-260px;width:760px;height:760px;border-radius:50%;
    background:radial-gradient(circle,rgba(46,107,255,.22),transparent 62%);
}
.phead .wrap{position:relative}
.phead h1{font-size:clamp(30px,4vw,54px);line-height:1.2;margin:18px 0 20px}
.phead__lead{max-width:680px;color:rgba(255,255,255,.7);font-size:16.5px;line-height:1.9}
.phead__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.phead__points{padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.03)}
.phead__points li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14.5px;color:rgba(255,255,255,.82)}
.phead__points li:last-child{border-bottom:0}
.phead__points li::before{content:"—";color:var(--gold);margin-right:10px}
.crumb{display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.5);margin-bottom:10px}
.crumb a:hover{color:var(--gold)}
.crumb em{font-style:normal;color:rgba(255,255,255,.8)}
.phead__shot{height:280px;border-radius:14px;background-size:cover;background-position:top center;border:1px solid rgba(255,255,255,.14)}
.phead__pain{padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.03)}
.phead__pain b{display:block;font-size:11.5px;letter-spacing:.12em;color:var(--gold);margin-bottom:10px}
.phead__pain p{font-size:14.5px;color:rgba(255,255,255,.8)}
.case-tags{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}
.case-tags em{font-style:normal;font-size:12px;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.8)}
.area-kw{display:flex;flex-wrap:wrap;gap:10px}
.area-kw li{font-size:13px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.78)}

/* ---------- 服务列表 ---------- */
.svc-list{border-top:1px solid var(--line)}
.svc-row{display:grid;grid-template-columns:70px 1fr 24px;gap:26px;padding:38px 0;border-bottom:1px solid var(--line);transition:padding .35s,background .3s;align-items:start}
.svc-row:hover{padding-left:12px}
.svc-row__no{font-size:12px;letter-spacing:.14em;color:var(--gold);padding-top:8px}
.svc-row__title{display:flex;align-items:baseline;gap:14px;margin-bottom:10px}
.svc-row__title h2{font-size:26px}
.svc-row__title em{font-style:normal;font-size:11px;letter-spacing:.2em;color:#AEB7C6}
.svc-row p{color:var(--muted);font-size:15px;line-height:1.85;max-width:780px}
.svc-row ul{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.svc-row ul li{font-size:12.5px;padding:5px 12px;border-radius:999px;background:var(--soft);color:var(--muted)}
.svc-row:hover .arw{color:var(--ink)}

/* ---------- 案例网格 ---------- */
.filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}
.filter__btn{padding:9px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13.5px;color:var(--muted);transition:all .25s}
.filter__btn:hover{border-color:var(--ink);color:var(--ink)}
.filter__btn.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.case-grid--full{grid-template-columns:repeat(3,1fr);gap:28px}
.case-mini{display:block;transition:transform .45s var(--ease)}
.case-mini:hover{transform:translateY(-6px)}
.case-mini__shot{height:250px;border-radius:12px;background-size:cover;background-position:top center;border:1px solid var(--line);position:relative;overflow:hidden}
.case-mini__shot::after{content:"";position:absolute;inset:0;background:rgba(10,15,26,0);transition:background .4s}
.case-mini:hover .case-mini__shot::after{background:rgba(10,15,26,.12)}
.case-mini__year{position:absolute;left:12px;bottom:12px;font-size:11px;color:#fff;background:rgba(10,15,26,.6);padding:3px 9px;border-radius:999px;backdrop-filter:blur(6px)}
.case-mini__body{padding:18px 2px 0}
.case-mini em{font-style:normal;font-size:11.5px;letter-spacing:.1em;color:var(--gold)}
.case-mini h3{font-size:19px;margin:8px 0 6px}
.case-mini p{font-size:13.5px;color:var(--muted);line-height:1.8}

/* ---------- 关于 ---------- */
.about-nums{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden}
.about-nums li{background:var(--ink);padding:26px;display:flex;flex-direction:column;gap:4px}
.about-nums b{font-size:32px;color:var(--gold)}
.about-nums span{font-size:12.5px;color:rgba(255,255,255,.6)}
.about-logo{margin:0 0 44px;padding:26px 30px;border:1px solid var(--line);border-radius:14px;background:#fff;display:inline-block}
.about-logo img{max-width:320px;height:auto}
.about-block{margin-bottom:52px}
.about-block h2{font-size:26px;margin-bottom:20px;padding-left:16px;border-left:2px solid var(--gold)}
.about-block p{color:var(--muted);font-size:16px;line-height:2;margin-bottom:18px}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1)}
.values__item{background:var(--ink);padding:34px 28px}
.values__k{font-size:40px;font-weight:700;color:rgba(200,169,106,.35);line-height:1;display:block;margin-bottom:18px}
.values__item h3{font-size:19px;margin-bottom:10px}
.values__item p{font-size:13.5px;color:rgba(255,255,255,.6);line-height:1.85}
.client-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.client-grid span{background:#fff;padding:26px 20px;text-align:center;font-size:14.5px;color:var(--muted);transition:color .3s,background .3s}
.client-grid span:hover{background:var(--ink);color:#fff}

/* ==================== 关于页：我们的原则（四栏对称） ==================== */
.values__lead{margin-top:14px;font-size:14.5px;color:rgba(255,255,255,.55);line-height:1.9}
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:none;margin-top:44px}
.values__item{padding:0 34px 0 0;border-left:1px solid rgba(255,255,255,.1)}
.values__item:first-child{padding-left:0;border-left:0}
.values__item:last-child{padding-right:0}
.values__no{display:block;font-size:12.5px;letter-spacing:.14em;color:rgba(200,169,106,.75);
    font-variant-numeric:tabular-nums;margin-bottom:22px}
.values__item h3{font-size:21px;color:#fff;margin:0 0 12px;letter-spacing:.02em}
.values__item p{font-size:14.5px;color:rgba(255,255,255,.58);line-height:1.95;margin:0;max-width:340px}
@media(max-width:900px){
    .values{grid-template-columns:1fr;row-gap:34px}
    .values__item{padding-left:0;border-left:0;min-height:0}
    .values__item p{max-width:600px;min-height:0}
}
@media(max-width:620px){
    .values{grid-template-columns:1fr;row-gap:28px}
    .values__item{border-left:0;padding:0;min-height:0}
    .values__item p{max-width:none}
    .values__no{margin-bottom:12px}
}

/* ---------- 正文 ---------- */
.prose{font-size:16.5px;line-height:2;color:#2A3242}
.prose p{margin-bottom:22px}
.prose h2{font-size:24px;margin:40px 0 18px;padding-left:14px;border-left:2px solid var(--gold)}
.prose h3{font-size:19px;margin:30px 0 14px}
.prose a{color:var(--blue);border-bottom:1px solid rgba(46,107,255,.3)}
.prose ul{margin:0 0 24px;padding-left:0}
.prose li{padding-left:18px;position:relative;margin-bottom:10px}
.prose li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.prose img{border-radius:10px;margin:24px 0}

/* ---------- 文章 ---------- */
.article{padding:130px 0 100px}
.article__head{margin:20px 0 44px;padding-bottom:32px;border-bottom:1px solid var(--line)}
.article__meta{display:flex;gap:16px;align-items:center;font-size:12.5px;color:var(--muted);margin-bottom:18px}
.article__meta em{font-style:normal;color:var(--gold);letter-spacing:.1em}
.article__head h1{font-size:clamp(26px,3.4vw,40px);line-height:1.3}
.article__sum{margin-top:18px;font-size:16.5px;color:var(--muted);line-height:1.9;padding-left:16px;border-left:2px solid var(--line)}
.article__foot{display:flex;gap:14px;margin-top:50px;flex-wrap:wrap}

/* ---------- 案例详情 ---------- */
.case-result{background:var(--soft);border-radius:14px;padding:36px;margin-bottom:32px}
.case-result h2{font-size:18px;margin-bottom:12px;color:var(--gold);letter-spacing:.04em}
.case-result p{font-size:16.5px;line-height:1.9}
.case-next{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 联系 ---------- */
.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:start}
.form{background:var(--soft);border-radius:16px;padding:38px}
.form h2{font-size:22px;margin-bottom:26px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form label{display:block;font-size:13px;color:var(--muted);margin-bottom:16px}
.form label.full{grid-column:1/-1}
.form input,.form select,.form textarea{
    width:100%;margin-top:8px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;
    background:#fff;font-size:15px;color:var(--text);transition:border-color .25s,box-shadow .25s;
    font-family:inherit;
}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(46,107,255,.12)}
.form textarea{resize:vertical}
.form .btn{margin-top:8px}
.form__tip{font-size:12px;color:#98A1B0;margin-top:14px}
.form__ok{margin-top:16px;padding:12px 16px;border-radius:10px;background:rgba(46,107,255,.08);color:var(--blue);font-size:14px}
.contact-side{display:flex;flex-direction:column;gap:16px}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}
.contact-card h3{font-size:12px;letter-spacing:.14em;color:var(--gold);margin-bottom:10px;font-weight:600}
.contact-card h3.mt{margin-top:20px}
.contact-card p{font-size:14px;color:var(--muted);line-height:1.85}
.contact-card p a:hover{color:var(--blue)}
.contact-tel{display:block;font-size:26px;font-weight:700;letter-spacing:.01em;margin-bottom:10px}
.contact-tel:hover{color:var(--blue)}

/* ---------- 地域页 ---------- */
.area-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.area-links a{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:22px 24px;border:1px solid var(--line);border-radius:12px;transition:border-color .3s,transform .35s}
.area-links a:hover{border-color:var(--ink);transform:translateY(-3px)}
.area-links b{font-size:17px}
.area-links span{grid-column:1;font-size:13px;color:var(--muted)}
.area-links .arw{grid-row:1/3;align-self:center;color:var(--muted)}

/* ---------- 404 ---------- */
.phead--404{padding:200px 0 140px}
.err-code{font-size:clamp(80px,14vw,160px);font-weight:800;line-height:1;letter-spacing:-.04em;
    background:linear-gradient(120deg,var(--gold),rgba(255,255,255,.25));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- 页脚 ---------- */
.foot{background:var(--ink);color:#fff}
.foot__cta{background:linear-gradient(110deg,#111A2B,#0A0F1A 60%);border-bottom:1px solid rgba(255,255,255,.08)}
.foot__cta-in{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:64px 0}
.foot__cta h2{font-size:clamp(22px,2.6vw,34px);margin-bottom:10px}
.foot__cta p{color:rgba(255,255,255,.55);font-size:14.5px}
.foot__cta-btns{display:flex;gap:12px;flex:none;flex-wrap:wrap}
.foot__main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:50px;padding:70px 0 54px}
.foot__logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;letter-spacing:.03em;margin-bottom:12px}
.foot__logo img{border-radius:9px;flex:none}
.foot__logo span{color:var(--gold);font-weight:400}
.foot__slogan{font-size:13px;letter-spacing:.24em;color:var(--gold);margin-bottom:18px}
.foot__desc{font-size:13.5px;color:rgba(255,255,255,.5);line-height:1.9}
.foot__tel{margin-top:26px}
.foot__tel span{display:block;font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.4);margin-bottom:6px}
.foot__tel b{font-size:24px;letter-spacing:.02em}
.foot__col h3{font-size:12px;letter-spacing:.16em;color:rgba(255,255,255,.4);margin-bottom:18px;font-weight:600}
.foot__col h3.mt{margin-top:26px}
.foot__col a{display:block;font-size:14px;color:rgba(255,255,255,.72);padding:6px 0;transition:color .25s,padding-left .25s}
.foot__col a:hover{color:var(--gold);padding-left:4px}
.foot__col--contact p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.7;margin-bottom:14px}
.foot__col--contact p b{display:block;font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.35);margin-bottom:3px}
.foot__bar{border-top:1px solid rgba(255,255,255,.08)}
.foot__bar-in{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:12.5px;color:rgba(255,255,255,.4);flex-wrap:wrap}
.foot__lic,.foot__links{display:flex;gap:18px}
.foot__bar-in a:hover{color:#fff}

/* ---------- 浮动 CTA ---------- */
.float-cta{
    position:fixed;right:22px;bottom:26px;z-index:90;
    background:linear-gradient(120deg,var(--gold),var(--gold-2));color:#12160f;
    padding:13px 20px;border-radius:999px;font-size:14px;font-weight:600;
    box-shadow:0 14px 34px rgba(0,0,0,.22);transition:transform .35s var(--ease);
}
.float-cta:hover{transform:translateY(-3px)}

/* ---------- 案例封面（排版卡，非截图） ---------- */
.tone-1{--a:#0C1730;--b:#2E6BFF}
.tone-2{--a:#1B1230;--b:#7A4BFF}
.tone-3{--a:#08262B;--b:#0FA3A3}
.tone-4{--a:#2A1B10;--b:#C8A96A}
.tone-5{--a:#141B26;--b:#5B8CFF}
.tone-6{--a:#241428;--b:#A855F7}
.case-card__shot,.case-mini__shot,.phead__shot,.deck__shot{
    position:relative;overflow:hidden;
    background:linear-gradient(135deg,var(--a,#101826) 0%,var(--b,#2E6BFF) 130%);
}
.case-card__shot::before,.case-mini__shot::before,.phead__shot::before,.deck__shot::before{
    content:"";position:absolute;inset:0;
    background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
    background-size:46px 46px;opacity:.7;
    mask-image:radial-gradient(circle at 70% 20%,#000,transparent 78%);
}
.mono{
    position:absolute;left:20px;bottom:8px;line-height:.9;
    font-size:58px;font-weight:800;letter-spacing:-.04em;text-transform:uppercase;
    color:rgba(255,255,255,.22);
}
.mono--lg{font-size:110px;bottom:10px;left:auto;right:24px;color:rgba(255,255,255,.16)}
.shot__label{position:absolute;right:16px;top:16px;font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.22);padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.16)}

/* ---------- 滚动入场 ---------- */
html.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
html.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
    .reveal{opacity:1;transform:none;transition:none}
    .marquee__track,.hero__scroll span{animation:none}
}

/* =========================================================
   响应式
   ========================================================= */
@media (max-width:1400px){
    .nav__tel{display:none}
}
@media (max-width:1180px){
    .hero__in{gap:36px}
    .bento{grid-template-columns:repeat(2,1fr)}
    .bento__card--big{grid-column:span 2;grid-row:auto}
    .split{grid-template-columns:1fr;gap:44px}
    .foot__main{grid-template-columns:1.4fr 1fr 1fr;gap:36px}
    .foot__col--contact{grid-column:1/-1}
}
@media (max-width:1024px){
    .wrap,.wrap--narrow{width:calc(100% - 48px)}
    .nav__in{width:calc(100% - 48px)}
    .menu,.nav__tel{display:none}
    .burger{display:block}
    body.menu-open{overflow:hidden}
    body.menu-open .menu{
        display:flex;flex-direction:column;align-items:stretch;gap:0;
        position:fixed;left:0;right:0;top:72px;bottom:0;
        height:auto;max-height:none;
        background:#0A0F1A;padding:24px 24px 40px;overflow-y:auto;
        -webkit-overflow-scrolling:touch;z-index:99;
    }
    body.menu-open .menu__item>a{padding:15px 6px;font-size:17px;border-bottom:1px solid rgba(255,255,255,.08)}
    body.menu-open .mega{position:static;width:auto;opacity:1;visibility:visible;transform:none;background:none;box-shadow:none;padding:0 0 12px}
    body.menu-open .mega__grid{grid-template-columns:1fr}
    body.menu-open .mega__card{padding:10px 6px}
    body.menu-open .mega__card b{color:#fff;font-weight:500;font-size:15px}
    body.menu-open .mega__card span{color:rgba(255,255,255,.45)}
    .hero{padding:120px 0 70px}
    .hero__in{grid-template-columns:1fr}
    .hero__visual{height:380px;margin-top:20px}
    .deck__card{left:0;width:88%}
    .phead__grid{grid-template-columns:1fr;gap:32px}
    .flow{grid-template-columns:repeat(2,1fr)}
    .flow__item{border-bottom:1px solid var(--line)}
    .ind-grid,.case-grid,.case-grid--full{grid-template-columns:repeat(2,1fr)}
    .contact-grid{grid-template-columns:1fr}
    .values{grid-template-columns:repeat(2,1fr)}
    .client-grid{grid-template-columns:repeat(3,1fr)}
    .sec{padding:80px 0}
    .foot__cta-in{flex-direction:column;align-items:flex-start;padding:48px 0}
}
@media (max-width:768px){
    body{font-size:15.5px}
    .hero__video{display:none}
    .wrap,.wrap--narrow{width:calc(100% - 36px)}
    .nav__in{width:calc(100% - 36px);height:70px}
    .brand__sub{display:none}
    .brand__txt{font-size:18px}
    .nav__right .btn{display:none}
    .hero h1{font-size:clamp(30px,8vw,42px)}
    .hero__lead{font-size:15.5px}
    .hero__stats{gap:24px;margin-top:36px}
    .hero__stats b{font-size:26px}
    .hero__visual{height:330px}
    .deck__card .deck__shot{height:180px}
    .sec__head--row{flex-direction:column;align-items:flex-start}
    .sec__head{margin-bottom:36px}
    .bento,.bento--3{grid-template-columns:1fr}
    .bento__card--big{grid-column:auto;padding:28px}
    .bento__card--big h3{font-size:24px}
    .cases-rail{padding:0 18px 18px;gap:16px}
    .case-card{flex:0 0 84%}
    .case-card__shot{height:190px}
    .phead{padding:110px 0 60px}
    .phead h1{font-size:clamp(26px,7vw,36px)}
    .flow{grid-template-columns:1fr}
    .flow__item{border-right:0;padding:24px 0}
    .flow__item::before{left:0}
    .flow__item{padding-left:20px}
    .ind-grid,.ind-grid--wide,.case-grid,.case-grid--full,.area-links{grid-template-columns:1fr}
    .values{grid-template-columns:1fr}
    .client-grid{grid-template-columns:repeat(2,1fr)}
    .form{padding:24px}
    .form__row{grid-template-columns:1fr}
    .news-row{grid-template-columns:1fr;gap:8px}
    .news-row time{order:-1}
    .news-row .arw{display:none}
    .svc-row{grid-template-columns:1fr;gap:10px}
    .svc-row__no{padding-top:0}
    .svc-row .arw{display:none}
    .foot__main{grid-template-columns:1fr 1fr;gap:30px;padding:48px 0 36px}
    .foot__col--brand{grid-column:1/-1}
    .foot__bar-in{flex-direction:column;align-items:flex-start;gap:8px}
    .article{padding:100px 0 70px}
    .float-cta{right:14px;bottom:14px;padding:11px 16px;font-size:13px}
}
@media (max-width:480px){
    .hero__btns .btn{flex:1;justify-content:center}
    .foot__cta-btns{width:100%}
    .foot__cta-btns .btn{flex:1;justify-content:center}
    .about-nums{grid-template-columns:1fr}
    .case-tags em{font-size:11px}
}


/* =========================================================
   客户案例（真实首页截图版）2026-10
   ========================================================= */
.filter__btn i{font-style:normal;font-size:11px;margin-left:7px;opacity:.5}
.deck__shot img,.case-card__shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.deck__shot{position:relative}
.deck__shot .shot__label{position:absolute;right:14px;top:12px;z-index:2}

.ccard{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
    transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
.ccard:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(10,15,26,.12);border-color:#D6DDE9}
.ccard__shot{position:relative;background:var(--soft-2);border-bottom:1px solid var(--line);overflow:hidden}
.ccard__bar{height:30px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#F7F9FC;border-bottom:1px solid var(--line)}
.ccard__bar i{width:7px;height:7px;border-radius:50%;background:#D5DBE6;display:block}
.ccard__bar span{margin-left:8px;font-size:11px;color:#8A93A5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccard__shot img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top center;
    transition:transform .9s var(--ease)}
.ccard:hover .ccard__shot img{transform:scale(1.02)}
.ccard__body{padding:20px 22px 24px}
.ccard__meta{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ccard__meta em{font-style:normal;font-size:11.5px;letter-spacing:.1em;color:var(--gold)}
.ccard__meta span{font-size:11.5px;color:#98A1B2;border:1px solid var(--line);border-radius:999px;padding:2px 9px;white-space:nowrap}
.ccard__body h3{font-size:19px;margin:10px 0 7px}
.ccard__body p{font-size:13.5px;color:var(--muted);line-height:1.8;min-height:49px}
.ccard__more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:600;color:var(--ink)}
.ccard__more .arw{color:var(--gold)}
.ccard--sm .ccard__body p{min-height:0}
.ccard--sm .ccard__body{padding:16px 18px 20px}
.case-note{margin-top:34px;font-size:12.5px;color:#98A1B2}

.case-facts{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:22px 24px;align-self:start}
.case-facts dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 18px;margin:0}
.case-facts dt{font-size:12.5px;color:#98A1B2;letter-spacing:.06em;white-space:nowrap}
.case-facts dd{margin:0;font-size:14px;color:var(--text);word-break:break-all}
.case-facts dd a{color:var(--blue)}
.case-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

.cview{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}
.frame{margin:0;border-radius:16px;overflow:hidden;border:1px solid #101725;background:#0A0F1A;
    box-shadow:0 24px 60px rgba(10,15,26,.18)}
.frame__bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#111A2B}
.frame__bar i{width:9px;height:9px;border-radius:50%;background:#33415A;display:block}
.frame__bar span{margin-left:10px;font-size:11.5px;color:#8E98AB}
.frame__bar em{margin-left:auto;font-style:normal;font-size:11px;color:#5C687E;letter-spacing:.08em}
.frame img{display:block;width:100%;height:auto}
.cphone{position:sticky;top:96px}
.cphone__label{font-size:11.5px;letter-spacing:.14em;color:#98A1B2;margin-bottom:10px}
.phone{border:9px solid #101825;border-radius:30px;overflow:hidden;background:#101825;
    box-shadow:0 20px 44px rgba(10,15,26,.2)}
.phone img{display:block;width:100%;height:auto}
.cphone__hint{margin-top:12px;font-size:12px;color:#98A1B2;line-height:1.7}

.cbody{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;margin:64px 0 8px;align-items:start}
.cbody__text h2{font-size:22px;margin:0 0 14px;padding-left:14px;border-left:2px solid var(--gold)}
.cbody__text p{color:var(--muted);font-size:16px;line-height:2;margin-bottom:32px}
.cbody__text p:last-child{margin-bottom:0}
.cbody__deliver{background:var(--soft);border-radius:14px;padding:24px}
.cbody__deliver h3{font-size:13px;letter-spacing:.1em;color:#98A1B2;margin-bottom:14px;font-weight:600}
.cbody__deliver ul{display:flex;flex-wrap:wrap;gap:8px}
.cbody__deliver li{font-size:12.5px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted)}

@media (max-width:1024px){
    .cview{grid-template-columns:minmax(0,1fr) 250px;gap:22px}
    .cbody{grid-template-columns:1fr;gap:30px}
    .cphone{position:static}
}
@media (max-width:768px){
    .case-grid--full{grid-template-columns:1fr;gap:22px}
    .cview{grid-template-columns:1fr;gap:26px}
    .cphone{max-width:280px;margin:0 auto;text-align:center}
    .phone{border-width:8px;border-radius:26px}
    .case-facts{padding:18px}
    .cbody{margin-top:42px}
    .cbody__text h2{font-size:19px}
    .cbody__text p{font-size:15px;line-height:1.95;margin-bottom:26px}
    .ccard__body{padding:18px 18px 22px}
    .ccard__body p{min-height:0}
    .ccard__body h3{font-size:18px}
}

.frame .zoom,.phone .zoom{display:block;cursor:zoom-in}
@media (max-width:768px){
    .cphone{order:-1}
    .cphone__hint{text-align:center}
}


/* =========================================================
   2026-10 首页改版：首屏互动案例 / 能力矩阵动效 / 案例分页
   ========================================================= */

/* ---- Hero 标题层级 ---- */
.hero h1{font-size:clamp(32px,4.2vw,60px);line-height:1.14;margin:20px 0 24px}
.hero__sub{
    display:block;margin-top:14px;
    font-size:clamp(17px,1.75vw,25px);font-weight:300;line-height:1.5;
    letter-spacing:.01em;color:rgba(255,255,255,.82);
}
.hero__sub::before{content:"";display:inline-block;width:22px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}

/* ---- Hero 数字：数字与单位同一行 ---- */
.hero__stats{align-items:flex-start}
.hero__stats li{display:flex;flex-direction:column;gap:4px}
.hero__num{display:inline-flex;align-items:baseline;gap:3px;line-height:1}
.hero__num b{font-size:34px;font-weight:700;letter-spacing:-.02em}
.hero__num i{font-style:normal;font-size:15px;color:var(--gold);font-weight:500;margin:0}
.hero__stats span:last-child{font-size:13px;color:rgba(255,255,255,.55);margin:0}

/* ---- Hero 右侧：可翻页 · 悬停滚动 · 点击放大 ---- */
.hero__in{grid-template-columns:1.02fr .98fr;gap:52px}
.hero__visual{height:auto;perspective:none}
.hv__frame{
    position:relative;border-radius:14px;overflow:hidden;cursor:pointer;
    background:#111A2B;border:1px solid rgba(255,255,255,.14);
    box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset;
    transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s;
}
.hv__frame:hover{transform:translateY(-4px);border-color:rgba(200,169,106,.45);
    box-shadow:0 50px 110px rgba(0,0,0,.6),0 0 0 1px rgba(200,169,106,.18) inset}
.hv__bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#0D1524;border-bottom:1px solid rgba(255,255,255,.07)}
.hv__bar i{width:8px;height:8px;border-radius:50%;background:#2B3852;display:block}
.hv__url{margin-left:10px;font-size:11.5px;color:#8E98AB;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv__bar em{margin-left:auto;font-style:normal;font-size:11px;color:#5C687E;letter-spacing:.06em;white-space:nowrap}
.hv__view{position:relative;height:398px;overflow:hidden;background:#0A0F1A}
.hv__img{
    position:absolute;left:0;top:0;width:100%;height:auto;display:block;
    opacity:0;transform:translateY(0);
    transition:opacity .55s var(--ease);
    will-change:transform;
}
.hv__img.is-on{opacity:1}
@media (hover:hover){
    .hv__frame:hover .hv__img.is-on:not(.hv__img--video){animation:hvScroll 16s linear infinite alternate}
}
@keyframes hvScroll{from{transform:translateY(0)}to{transform:translateY(calc(-100% + 398px))}}

.hv__zone{
    position:absolute;top:0;bottom:0;width:30%;display:flex;align-items:center;
    color:#fff;font-size:26px;opacity:0;transition:opacity .3s,background .3s;
    cursor:pointer;user-select:none;
}
.hv__zone--prev{left:0;justify-content:flex-start;padding-left:14px;
    background:linear-gradient(90deg,rgba(10,15,26,.6),transparent)}
.hv__zone--next{right:0;justify-content:flex-end;padding-right:14px;
    background:linear-gradient(270deg,rgba(10,15,26,.6),transparent)}
.hv__frame:hover .hv__zone{opacity:1}
.hv__zone:hover{background:rgba(200,169,106,.16);color:var(--gold-2)}
.hv__cap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:#0D1524;border-top:1px solid rgba(255,255,255,.07)}
.hv__cap b{font-size:14px;font-weight:600}
.hv__cap span{font-size:11.5px;color:var(--gold);letter-spacing:.04em}

.hv__thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}
.hv__thumb{
    display:flex;flex-direction:column;gap:5px;padding:0;border:0;background:none;
    opacity:.55;transition:opacity .3s,transform .3s var(--ease);
}
.hv__thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;
    border-radius:6px;border:1px solid rgba(255,255,255,.14);display:block}
.hv__thumb span{font-size:10.5px;color:rgba(255,255,255,.72);text-align:center;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv__thumb:hover,.hv__thumb.is-on{opacity:1;transform:translateY(-2px)}
.hv__thumb.is-on img{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.hero__visual .deck__badge{display:none}

/* ---- 大图预览 ---- */
.hvlb{position:fixed;inset:0;z-index:300;background:rgba(6,10,18,.94);
    display:flex;align-items:center;justify-content:center;padding:40px 70px}
.hvlb[hidden]{display:none}
.hvlb__stage{width:min(620px,86vw);max-height:88vh;overflow-y:auto;border-radius:12px;
    background:#0A0F1A;box-shadow:0 40px 120px rgba(0,0,0,.7);cursor:zoom-out}
.hvlb__stage img{width:100%;height:auto;display:block}
.hvlb__x{position:absolute;top:18px;right:22px;width:44px;height:44px;border-radius:50%;
    border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;font-size:24px;line-height:1}
.hvlb__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;
    border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;font-size:24px}
.hvlb__nav--prev{left:16px}.hvlb__nav--next{right:16px}
.hvlb__x:hover,.hvlb__nav:hover{background:var(--gold);color:#12160f;border-color:var(--gold)}

/* ---- 能力矩阵：大卡动效 ---- */
.bz{position:relative;margin:22px 0 6px;padding:18px 0 6px;display:grid;
    grid-template-columns:repeat(4,1fr);gap:10px}
.bz__line{position:absolute;left:6%;right:6%;top:34px;height:1px;background:rgba(255,255,255,.14);overflow:hidden}
.bz__line i{position:absolute;left:0;top:0;height:1px;width:0;background:linear-gradient(90deg,var(--gold),var(--blue));
    transition:width 1.1s var(--ease)}
.bz__step{position:relative;display:flex;flex-direction:column;gap:8px;padding-top:22px}
.bz__step::before{
    content:"";position:absolute;top:0;left:0;width:11px;height:11px;border-radius:50%;
    background:#1B2438;border:1px solid rgba(255,255,255,.25);transition:background .4s,border-color .4s,box-shadow .4s;
}
.bz__step b{font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.35);font-weight:600;transition:color .4s}
.bz__step em{font-style:normal;font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.62);transition:color .4s}
.bento__card--big:hover .bz__line i{width:100%}
.bento__card--big:hover .bz__step::before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px rgba(200,169,106,.15)}
.bento__card--big:hover .bz__step b{color:var(--gold)}
.bento__card--big:hover .bz__step em{color:#fff}
.bento__card--big:hover .bz__step:nth-child(2)::before{transition-delay:.12s}
.bento__card--big:hover .bz__step:nth-child(3)::before{transition-delay:.32s}
.bento__card--big:hover .bz__step:nth-child(4)::before{transition-delay:.52s}
.bento__card--big:hover .bz__step:nth-child(5)::before{transition-delay:.72s}
.bento__card--big .bento__wm{top:auto;bottom:14px;right:-6px;font-size:96px;transition:transform 1s var(--ease),color .5s}
.bento__card--big:hover .bento__wm{transform:translateX(-22px) translateY(-6px);color:rgba(200,169,106,.10)}

/* 小卡悬停：光带扫过 + 上浮 */
.bento__card:not(.bento__card--big)::before{
    content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(46,107,255,.10),transparent);
    transform:skewX(-16deg);transition:left .7s var(--ease);pointer-events:none;
}
.bento__card:not(.bento__card--big):hover::before{left:120%}
.bento__card:not(.bento__card--big):hover{border-color:rgba(46,107,255,.35)}
.bento__card:not(.bento__card--big):hover .bento__more{color:var(--blue)}

/* ---- 案例：3 列 × 2 页 ---- */
.cw{position:relative}
.cw__page{display:none;grid-template-columns:repeat(3,1fr);gap:24px}
.cw__page.is-on{display:grid;animation:cwIn .5s var(--ease)}
@keyframes cwIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.case-card--grid{flex:none;width:auto;display:flex;flex-direction:column}
.case-card--grid .case-card__shot{height:268px;position:relative;overflow:hidden;background:#131B2C}
.case-card--grid .case-card__shot img{width:100%;height:auto;position:absolute;left:0;top:0;
    transition:transform 22s linear;will-change:transform}
@media (hover:hover){
    .case-card--grid:hover .case-card__shot img{animation:shotScrollA 14s linear infinite alternate}
}
@keyframes shotScrollA{from{transform:translateY(0)}to{transform:translateY(calc(-100% + 268px))}}
.shot-badge{position:absolute;right:10px;top:10px;z-index:2;font-size:10.5px;letter-spacing:.06em;
    color:rgba(255,255,255,.85);background:rgba(10,15,26,.55);border:1px solid rgba(255,255,255,.18);
    border-radius:999px;padding:3px 9px;opacity:0;transition:opacity .3s;backdrop-filter:blur(4px)}
.case-card--grid:hover .shot-badge{opacity:1}

.cw__nav{display:flex;align-items:center;gap:14px;margin-top:30px}
.cw__btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
    background:transparent;color:#fff;font-size:22px;line-height:1;transition:all .25s}
.cw__btn:hover{background:var(--gold);border-color:var(--gold);color:#12160f}
.cw__count{font-size:13px;color:rgba(255,255,255,.55);letter-spacing:.06em}
.cw__count b{color:#fff;font-weight:600}
.link-more--light{color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.2);margin-left:auto}
.link-more--light:hover{color:#fff;border-color:#fff}

/* ---- 为什么是卓成：4 条悬停 ---- */
.why-item{position:relative;transition:padding-left .35s var(--ease),background .35s}
.why-item::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold);
    transition:width .5s var(--ease)}
.why-item:hover{padding-left:14px;background:linear-gradient(90deg,rgba(200,169,106,.06),transparent 70%)}
.why-item:hover::after{width:100%}
.why-item:hover .why-item__no{color:var(--ink);background:var(--gold);border-color:var(--gold)}
.why-item__no{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;
    border:1px solid var(--line);border-radius:999px;transition:all .35s}
.why-item:hover h3{color:var(--blue)}
.why-item h3{transition:color .3s}

/* ---- 行业：一句到底 ---- */
.sec__head p.sec__head-oneline{max-width:none;white-space:nowrap}
.sec__head p.sec__more{margin-top:12px;max-width:760px;font-size:16px;line-height:1.95}
.sec__head p.sec__lead{margin-top:2px;margin-bottom:0;max-width:820px;font-size:clamp(19px,1.75vw,25px);line-height:1.62;font-weight:500;color:#2B3546;letter-spacing:.005em}
.sec__head p.sec__lead br.lead-br{display:none}
@media(max-width:640px){.sec__head p.sec__lead br.lead-br{display:block}}

/* ---- 新闻：3 列 2 行 ---- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-card{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--line);
    border-radius:14px;background:#fff;transition:transform .4s var(--ease),box-shadow .4s,border-color .3s}
.news-card:hover{transform:translateY(-5px);border-color:transparent;box-shadow:0 22px 46px rgba(15,25,45,.10)}
.news-card__meta{display:flex;align-items:center;gap:10px;font-size:11.5px;color:#98A1B2}
.news-card__meta em{font-style:normal;color:var(--gold);letter-spacing:.06em}
.news-card h3{font-size:16px;line-height:1.55;min-height:50px;transition:color .3s}
.news-card:hover h3{color:var(--blue)}
.news-card p{font-size:13px;color:var(--muted);line-height:1.75}
.news-card .arw{color:var(--gold);margin-top:auto}

/* ---- 响应式 ---- */
@media (max-width:1180px){
    .hero__in{grid-template-columns:1fr;gap:38px}
    .hv__view{height:360px}
    @keyframes hvScroll{from{transform:translateY(0)}to{transform:translateY(calc(-100% + 360px))}}
    .bento__card--big .bz{grid-template-columns:repeat(4,1fr)}
    .cw__page{grid-template-columns:repeat(2,1fr)}
    .news-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
    .hero__sub{font-size:16px;margin-top:12px}
    .hero__sub::before{width:16px;margin-right:8px}
    .hero__num b{font-size:26px}
    .hv__view{height:300px}
    @keyframes hvScroll{from{transform:translateY(0)}to{transform:translateY(calc(-100% + 300px))}}
    .hv__thumbs{grid-template-columns:repeat(5,1fr);gap:6px}
    .hv__thumb span{display:none}
    .hvlb{padding:20px 12px}
    .hvlb__stage{width:100%;max-height:82vh}
    .hvlb__nav{width:40px;height:40px}
    .bz{grid-template-columns:repeat(2,1fr);gap:14px}
    .bz__line{display:none}
    .bz__step{padding-top:18px}
    .cw__page{grid-template-columns:1fr}
    .case-card--grid .case-card__shot{height:220px}
    @keyframes shotScrollA{from{transform:translateY(0)}to{transform:translateY(calc(-100% + 220px))}}
    .news-grid{grid-template-columns:1fr}
    .news-card h3{min-height:0}
    .link-more--light{margin-left:0}
}

.svc-sub{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px;font-size:13.5px;color:var(--muted)}
.svc-sub b{font-weight:600;color:var(--text);margin-right:4px}
.svc-sub a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;transition:all .25s}
.svc-sub a:hover{border-color:var(--ink);color:var(--ink)}

.okmodal{position:fixed;inset:0;z-index:320;display:flex;align-items:center;justify-content:center;
    background:rgba(8,12,22,.62);backdrop-filter:blur(3px);padding:24px}
.okmodal[hidden]{display:none}
.okmodal__box{width:min(420px,100%);background:#fff;border-radius:18px;padding:36px 32px 30px;
    text-align:center;box-shadow:0 40px 90px rgba(0,0,0,.35);animation:okIn .4s var(--ease)}
@keyframes okIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.okmodal__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;
    border-radius:50%;background:linear-gradient(120deg,var(--gold),var(--gold-2));color:#12160f;
    font-size:28px;font-weight:700;margin-bottom:18px}
.okmodal__box h3{font-size:20px;margin-bottom:12px}
.okmodal__box p{font-size:14px;color:var(--muted);line-height:1.85;margin-bottom:22px}
.okmodal__box p b{color:var(--text)}
@media (max-width:480px){.okmodal__box{padding:28px 22px 24px}}

.bento__card--big .bento__top{margin-bottom:16px}
.bento__card--big .bz{margin:4px 0 18px}
.bento__card--big h3{margin:10px 0 10px}
.bento__card--big .bento__wm{top:56px;bottom:auto}

@media (max-width:1100px){.sec__head p.sec__head-oneline{white-space:normal}}

@media (max-width:768px){
  .hero__stats{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}
  .hero__stats li:last-child{grid-column:auto}
}

/* 2026-10-19 二轮微调：正文更小、右上角翻页按钮、6 张缩略图 */
.hero__lead{font-size:15px;line-height:1.85;max-width:480px;color:rgba(255,255,255,.68)}
.hv__next{
    margin-left:12px;width:26px;height:26px;flex:none;border-radius:50%;
    border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);
    color:#fff;font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center;
    transition:all .25s;
}
.hv__next:hover{background:var(--gold);border-color:var(--gold);color:#12160f}
.hv__thumbs{grid-template-columns:repeat(6,1fr)}
.hv__zone{display:none}
@media (max-width:768px){
  .hero__lead{font-size:14px}
  .hv__thumbs{grid-template-columns:repeat(6,1fr);gap:5px}
}

/* =========================================================
   核心业务大卡：入口→承接→成交 漏斗动效（2026-10-19）
   ========================================================= */
.bento__card--big{padding:32px}
.funnel{display:flex;flex-direction:column;margin:12px 0 14px;position:relative}
.fn__stage{
    position:relative;display:flex;align-items:center;gap:12px;
    padding:10px 12px;border:1px solid rgba(255,255,255,.10);border-radius:12px;
    background:linear-gradient(100deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
    overflow:hidden;
    animation:fnPulse 7.6s cubic-bezier(.22,.61,.36,1) infinite;
}
.fn__stage::before{
    content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
    background:linear-gradient(180deg,var(--gold),rgba(200,169,106,.15));
    opacity:.55;transition:opacity .4s;
}
.fn__stage--1{animation-delay:.1s}
.fn__stage--2{animation-delay:2.5s}
.fn__stage--3{animation-delay:4.9s}
@keyframes fnPulse{
    0%,100%{border-color:rgba(255,255,255,.10);box-shadow:none;background:linear-gradient(100deg,rgba(255,255,255,.055),rgba(255,255,255,.015))}
    7%{border-color:rgba(200,169,106,.62);box-shadow:0 0 0 1px rgba(200,169,106,.22),0 0 26px rgba(200,169,106,.14);
        background:linear-gradient(100deg,rgba(200,169,106,.14),rgba(255,255,255,.02))}
    22%{border-color:rgba(200,169,106,.22);box-shadow:none}
}
.fn__k{
    flex:none;width:40px;font-size:11px;letter-spacing:.04em;color:var(--gold-2);
    text-align:center;line-height:1.35;border-right:1px solid rgba(255,255,255,.10);padding-right:10px;
}
.fn__body{min-width:0;flex:1}
.fn__body b{display:block;font-size:13px;color:#fff;font-weight:600;margin-bottom:6px}
.fn__chips{display:flex;flex-wrap:wrap;gap:6px}
.fn__chip{
    display:inline-flex;align-items:center;gap:5px;font-size:10.5px;line-height:1;
    padding:5px 9px;border-radius:999px;color:rgba(255,255,255,.72);
    border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);
    transition:color .3s,border-color .3s,background .3s;
}
.fn__chip i{font-style:normal;color:var(--gold);font-weight:600}
.fn__stage:hover .fn__chip{border-color:rgba(200,169,106,.35);color:#fff}

/* 两段流动的连接线 */
.fn__flow{position:relative;display:block;height:16px}
.fn__flow::before{
    content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;
    background:linear-gradient(180deg,rgba(200,169,106,.05),rgba(200,169,106,.35),rgba(200,169,106,.05));
}
.fn__flow i{
    position:absolute;left:calc(50% - 2px);top:-4px;width:4px;height:4px;border-radius:50%;
    background:var(--gold);box-shadow:0 0 8px rgba(200,169,106,.9);
    animation:fnDrop 2.6s linear infinite;
}
.fn__flow:nth-of-type(2) i{animation-delay:1.3s}
@keyframes fnDrop{
    0%{top:-4px;opacity:0}
    15%{opacity:1}
    85%{opacity:1}
    100%{top:16px;opacity:0}
}

/* 悬停：整体加速 + 卡片光带 */
.bento__card--big:hover .fn__stage{animation-duration:3.6s}
.bento__card--big:hover .fn__flow i{animation-duration:1.1s}
.bento__card--big:hover .fn__stage::before{opacity:1}

/* 大卡文字收一点，给漏斗腾位置 */
.bento__card--big h3{font-size:26px;margin:8px 0 8px}
.bento__card--big p{font-size:13.5px;line-height:1.75}
.bento__card--big .bento__list{margin-top:12px;gap:5px}
.bento__card--big .bento__list li{font-size:12.5px;padding-bottom:5px}
.bento__card--big .bento__more{margin-top:12px}

@media (max-width:768px){
    .fn__k{width:34px;font-size:10px}
    .fn__chip{font-size:10px;padding:4px 8px}
    .fn__body b{font-size:12.5px}
}

/* 漏斗微调：水印挪走、标签更紧凑 */
.bento__card--big .bento__wm{top:auto;bottom:8px;right:-14px;font-size:84px;color:rgba(255,255,255,.035)}
.bento__card--big:hover .bento__wm{transform:none;color:rgba(200,169,106,.06)}
.fn__stage{padding:11px 12px;min-height:72px}
.fn__chip{font-size:10px;padding:4px 8px;gap:4px}
.fn__chips{gap:5px}
.fn__body b{font-size:12.5px;margin-bottom:5px}
.fn__k{width:46px;font-size:10.5px;padding-right:8px;white-space:nowrap}
.bento__card--big h3{font-size:24px;margin:6px 0 6px}

/* =========================================================
   2026-10-19 交互增强：小字高亮 / 五步 / 行业土豪金 / 全局悬浮
   ========================================================= */

/* 1. 网站是给企业长脸的 —— 后半句变小 + 悬停金线 */
.why-weak{
    display:inline-block;font-size:.56em;font-weight:400;letter-spacing:0;
    color:#98A1B3;position:relative;transform:translateY(-2px);
    transition:color .45s var(--ease),text-shadow .45s var(--ease),transform .45s var(--ease);
}
.why-weak::after{
    content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;
    background:linear-gradient(90deg,var(--gold),rgba(200,169,106,0));
    transition:width .7s var(--ease);
}
.split__left:hover .why-weak{color:var(--gold);text-shadow:0 0 22px rgba(200,169,106,.45);transform:translateY(-4px)}
.split__left:hover .why-weak::after{width:100%}
.split__left h2{position:relative;transition:transform .5s var(--ease)}
.split__left:hover h2{transform:translateX(2px)}

/* 2. 五步流程：悬停抬升 + 金色进度线 + 序号点亮 */
.flow__item{overflow:hidden;transition:background .45s,transform .45s var(--ease)}
.flow__item::after{
    content:"";position:absolute;left:0;top:0;height:2px;width:0;
    background:linear-gradient(90deg,var(--gold),var(--gold-2),transparent);
    transition:width .65s var(--ease);
}
.flow__item:hover{background:linear-gradient(180deg,rgba(200,169,106,.09),rgba(200,169,106,0) 70%);transform:translateY(-4px)}
.flow__item:hover::after{width:100%}
.flow__item:hover .flow__no{color:var(--gold);letter-spacing:.2em}
.flow__item:hover h3{color:#0A0F1A}
.flow__item:hover p{color:#3D4658}
.flow__no{transition:color .4s,letter-spacing .4s}
.flow__item h3,.flow__item p{transition:color .4s}

/* 3+4. 行业卡：土豪金一闪而过 */
.ind{position:relative;overflow:hidden}
.ind::after{
    content:"";position:absolute;top:-30%;bottom:-30%;left:-80%;width:55%;
    background:linear-gradient(100deg,rgba(200,169,106,0),rgba(255,232,180,.55),rgba(200,169,106,0));
    transform:skewX(-18deg);opacity:0;pointer-events:none;
}
.ind:hover::after{animation:goldSweep 1.05s cubic-bezier(.3,.7,.4,1)}
@keyframes goldSweep{
    0%{left:-80%;opacity:0}
    12%{opacity:.95}
    100%{left:135%;opacity:0}
}
.ind:hover{border-color:rgba(200,169,106,.75);box-shadow:0 24px 50px rgba(15,25,45,.10),0 0 0 1px rgba(200,169,106,.25)}
.ind:hover .ind__head h3{color:#0A0F1A}
.ind__head .arw{transition:transform .45s var(--ease),color .3s}
.ind:hover .ind__head .arw{transform:translateX(5px);color:var(--gold)}

/* 5. 全局轻浮动：FAQ / 新闻 / 案例卡 / 页脚按钮 */
.faq__item{transition:background .35s,padding-left .35s var(--ease)}
.faq__item:hover{background:linear-gradient(90deg,rgba(200,169,106,.06),transparent 60%);padding-left:10px}
.faq__item:hover summary i{transform:rotate(90deg)}
.faq__item summary i{transition:transform .35s var(--ease)}
.news-card:hover{transform:translateY(-6px)}
.news-card:hover .arw{transform:translateX(4px)}
.news-card .arw{transition:transform .35s var(--ease)}
.case-card--grid:hover{transform:translateY(-8px)}
.flow__item:hover .flow__no{transform:none}

@media (prefers-reduced-motion:reduce){
    .ind:hover::after{animation:none}
    .flow__item:hover,.news-card:hover,.case-card--grid:hover{transform:none}
}

/* 五步：整条流转金线（依次点亮） */

/* 为什么是卓成：悬停时左侧一层暖光 */
.split__left{position:relative}
.split__left::before{
    content:"";position:absolute;left:-60px;top:-40px;width:480px;height:260px;
    background:radial-gradient(circle at 30% 40%,rgba(200,169,106,.18),rgba(200,169,106,0) 68%);
    opacity:0;transition:opacity .7s var(--ease);pointer-events:none;
}
.split__left:hover::before{opacity:1}

/* =========================================================
   五步流程：逐步点灯 + 满格联动特效（2026-10-19）
   ========================================================= */
.flow{position:relative}
.flow::before{
    content:"";position:absolute;inset:-46px -30px;pointer-events:none;z-index:0;
    background:radial-gradient(circle at 50% 45%,rgba(226,203,155,.55),rgba(200,169,106,.18) 42%,rgba(200,169,106,0) 68%);
    opacity:0;filter:blur(2px);
}
.flow.is-burst::before{animation:flowBurst .95s cubic-bezier(.22,.61,.36,1)}
@keyframes flowBurst{
    0%{opacity:0;transform:scale(.72)}
    28%{opacity:1;transform:scale(1)}
    100%{opacity:0;transform:scale(1.18)}
}
.flow__item{position:relative;z-index:1}
.flow__item.is-lit{background:linear-gradient(180deg,rgba(200,169,106,.10),rgba(200,169,106,0) 72%)}
.flow__item.is-lit::after{width:100%}
.flow__item.is-lit .flow__no{color:var(--gold);letter-spacing:.2em}
.flow__item.is-lit h3{color:#0A0F1A}
.flow__item.is-lit p{color:#3D4658}
.flow__item.is-lit::before{
    background:var(--gold);box-shadow:0 0 0 4px rgba(200,169,106,.18),0 0 16px rgba(200,169,106,.75);
    animation:dotPulse 1.6s ease-in-out infinite;
}
@keyframes dotPulse{0%,100%{box-shadow:0 0 0 3px rgba(200,169,106,.16),0 0 10px rgba(200,169,106,.55)}
    50%{box-shadow:0 0 0 6px rgba(200,169,106,.10),0 0 20px rgba(200,169,106,.9)}}

/* 满格联动：五格依次弹起 + 金色高光扫过 */
.flow.is-burst .flow__item{animation:flowPop .72s var(--ease)}
.flow.is-burst .flow__item:nth-child(2){animation-delay:.07s}
.flow.is-burst .flow__item:nth-child(3){animation-delay:.14s}
.flow.is-burst .flow__item:nth-child(4){animation-delay:.21s}
.flow.is-burst .flow__item:nth-child(5){animation-delay:.28s}
@keyframes flowPop{
    0%{transform:translateY(0)}
    38%{transform:translateY(-10px);background:linear-gradient(180deg,rgba(226,203,155,.28),rgba(200,169,106,.04));
        box-shadow:0 20px 44px rgba(200,169,106,.22),0 0 0 1px rgba(226,203,155,.55) inset}
    100%{transform:translateY(0)}
}
.flow.is-burst .flow__item::after{background:linear-gradient(90deg,var(--gold-2),#fff,var(--gold));box-shadow:0 0 10px rgba(226,203,155,.9)}

@media (prefers-reduced-motion:reduce){
    .flow.is-burst::before,.flow.is-burst .flow__item{animation:none}
}

/* FAQ：两排并列 + 点开互斥（2026-10-19） */
.faq{
    border-top:0;
    column-count:2;column-gap:52px;
}
.faq__item{break-inside:avoid;border-top:1px solid var(--line);border-bottom:0}
.faq__item summary{padding:22px 0;font-size:16.5px}
.faq__item .faq__a{padding-right:24px}
.faq__item[open]{background:linear-gradient(90deg,rgba(200,169,106,.05),transparent 70%)}
@media (max-width:768px){
    .faq{column-count:1}
    .faq__item summary{font-size:16px}
}

/* 400 号码标签化 */
.prose p.numline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:18px;
    padding:16px 18px;background:var(--soft);border-radius:12px;line-height:1}
.prose p.numline b{flex:0 0 100%;font-size:12.5px;letter-spacing:.08em;color:var(--gold);font-weight:600;margin-bottom:2px}
.tagnum{font-size:14.5px;letter-spacing:.02em;padding:7px 12px;border-radius:8px;background:#fff;
    border:1px solid var(--line);color:var(--text);font-variant-numeric:tabular-nums;transition:all .25s}
.tagnum:hover{border-color:var(--gold);color:#8a6d2f;box-shadow:0 4px 14px rgba(200,169,106,.18)}
@media (max-width:768px){.tagnum{font-size:13.5px;padding:6px 10px}}

/* 修复：nav 的 backdrop-filter 会给 fixed 子元素生成包含块，导致手机上滚动态展开菜单高度塌陷 */
body.menu-open .nav,
body.menu-open .nav.is-solid{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:#0A0F1A !important;
}

/* 手机端修复：能力矩阵卡片被 1fr 撑高、大卡仍跨两行 */
@media (max-width:1180px){
    .bento{grid-auto-rows:auto}
    .bento__card--big{grid-row:auto}
}
@media (max-width:768px){
    .bento{grid-auto-rows:auto;gap:14px}
    .bento__card{min-height:0;padding:24px}
    .bento__card--big{padding:26px}
    .bento__card .bento__top{margin-bottom:14px}
    .bento__card--big .bento__wm{font-size:64px;bottom:4px;opacity:.5}
    .bento__card h3{margin-top:10px}
}

/* =========================================================
   手机端「眼前一亮」增强包（2026-10-19）
   ========================================================= */
@media (max-width:768px){
  /* 顶部滚动进度条 */
  .mprog{position:fixed;left:0;top:0;height:2px;width:0;z-index:200;
      background:linear-gradient(90deg,var(--gold),#fff3d0,var(--blue));
      box-shadow:0 0 10px rgba(200,169,106,.7);transition:width .12s linear}

  /* 滚动入场 */
  .m-anim{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
  .m-anim.is-in{opacity:1;transform:none}

  /* 标题下方金线生长 */
  .sec__head h2{position:relative}
  .sec__head h2::after{content:"";display:block;width:40px;height:2px;margin-top:16px;
      background:linear-gradient(90deg,var(--gold),rgba(200,169,106,0));transform:scaleX(0);
      transform-origin:left;transition:transform .9s var(--ease) .1s}
  .sec__head.is-in h2::after{transform:scaleX(1)}

  /* 按压反馈 */
  .bento__card:active,.case-card:active,.ind:active,.news-card:active,
  .why-item:active,.faq__item summary:active{transform:scale(.985);transition:transform .12s}

  /* 首屏：更亮的光晕 + 标题描金 */
  .hero::before{content:"";position:absolute;left:-30%;top:-10%;width:160%;height:70%;pointer-events:none;
      background:radial-gradient(ellipse at 50% 0%,rgba(200,169,106,.16),rgba(46,107,255,.12) 40%,transparent 70%);
      animation:heroGlow 9s ease-in-out infinite alternate}
  @keyframes heroGlow{from{opacity:.55;transform:translateY(0)}to{opacity:1;transform:translateY(-12px)}}
  .hero__line{background:linear-gradient(100deg,#fff 20%,#ffe9bf 45%,#fff 70%);
      -webkit-background-clip:text;background-clip:text;color:transparent;
      background-size:220% 100%;animation:titleShine 7s linear infinite}
  @keyframes titleShine{from{background-position:120% 0}to{background-position:-20% 0}}
  .hl{-webkit-text-fill-color:var(--gold)}

  /* 案例：进入视口自动滚动整站（无 hover 时的替代） */
  .case-card--grid.in-view .case-card__shot img{animation:shotScrollA 13s linear infinite alternate}

  /* 数字轻轻浮起 */
  .hero__num b{display:inline-block;animation:numFloat 4.5s ease-in-out infinite}
  .hero__stats li:nth-child(2) .hero__num b{animation-delay:.3s}
  .hero__stats li:nth-child(3) .hero__num b{animation-delay:.6s}
  .hero__stats li:nth-child(4) .hero__num b{animation-delay:.9s}
  @keyframes numFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

  /* 底部吸底操作条 */
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:95;display:flex;gap:10px;
      padding:10px 14px calc(10px + env(safe-area-inset-bottom));
      background:rgba(10,15,26,.92);backdrop-filter:blur(10px);
      border-top:1px solid rgba(255,255,255,.10)}
  .mbar__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
      height:46px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:.02em}
  .mbar__btn--tel{border:1px solid rgba(255,255,255,.28);color:#fff}
  .mbar__btn--gold{background:linear-gradient(120deg,var(--gold),var(--gold-2));color:#12160f;
      box-shadow:0 8px 22px rgba(200,169,106,.28)}
  .mbar__btn:active{transform:scale(.97)}
  .float-cta{display:none}
  body{padding-bottom:74px}

  /* 产业卡金边呼吸 */
  .ind{position:relative}
  .ind::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
      box-shadow:0 0 0 1px rgba(200,169,106,0);animation:indBreathe 6s ease-in-out infinite}
  @keyframes indBreathe{0%,100%{box-shadow:0 0 0 1px rgba(200,169,106,0)}
      50%{box-shadow:0 0 0 1px rgba(200,169,106,.35)}}
}
@media (prefers-reduced-motion:reduce){
  .m-anim,.hero__line,.hero__num b,.ind::before,.hero::before{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
}

@media (max-width:768px){
  html,body{overflow-x:hidden;max-width:100%}
  .hero,.clients,.sec,.foot{max-width:100vw}
}

/* 底部条/进度条仅手机端显示 */
@media (min-width:769px){ .mbar,.mprog{display:none !important} }

/* 副标题：一束光扫过文字 */
.hero__sub{
    background-image:linear-gradient(100deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.80) 32%,#ffd98a 43%,#ffffff 50%,#ffd98a 57%,rgba(255,255,255,.80) 68%,rgba(255,255,255,.80) 100%);
    background-size:220% 100%;
    background-position:130% 0;
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 0 14px rgba(255,233,191,.18));
    animation:subBeam 6s ease-in-out infinite;
}
@keyframes subBeam{
    0%{background-position:135% 0;filter:drop-shadow(0 0 8px rgba(255,233,191,.08))}
    62%{background-position:-35% 0;filter:drop-shadow(0 0 22px rgba(255,233,191,.38))}
    100%{background-position:-35% 0;filter:drop-shadow(0 0 8px rgba(255,233,191,.08))}
}
@media (max-width:768px){
    .hero__sub{font-size:15px;line-height:1.7}
}
@media (prefers-reduced-motion:reduce){
    .hero__sub{animation:none;-webkit-text-fill-color:#fff;background:none;filter:none}
    .hero__copy::after{display:none}
}

/* 副标题排版：一行放得下，手机端才换行 */
.hero__sub{font-size:clamp(15px,1.45vw,20px);line-height:1.65}
@media (min-width:1025px){ .hero__sub{white-space:nowrap} }
@media (max-width:768px){ .hero__sub{font-size:14.5px;white-space:normal} }

/* =========================================================
   手机端：科技感底色 + 滚动视觉冲击（2026-10-19）
   ========================================================= */
@media (max-width:768px){
  /* 浅色区：不是纯白，带冷光与细网格 */
  .sec, .sec--paper, .sec--soft{
      background:
          radial-gradient(680px 360px at 88% -6%, rgba(46,107,255,.10), transparent 70%),
          radial-gradient(560px 300px at -12% 108%, rgba(200,169,106,.13), transparent 72%),
          linear-gradient(180deg,#FCFDFF 0%, #F1F5FB 100%);
      position:relative;
      isolation:isolate;
  }
  .sec::before{
      content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
      background-image:
          linear-gradient(rgba(10,15,26,.04) 1px,transparent 1px),
          linear-gradient(90deg,rgba(10,15,26,.04) 1px,transparent 1px);
      background-size:42px 42px;
      -webkit-mask-image:radial-gradient(circle at 50% 12%,#000 10%,transparent 76%);
      mask-image:radial-gradient(circle at 50% 12%,#000 10%,transparent 76%);
  }
  /* 深色区：不是纯黑，带蓝金深空 */
  .hero, .clients, .sec--ink, .foot{
      background:
          radial-gradient(640px 380px at 102% -2%, rgba(46,107,255,.26), transparent 68%),
          radial-gradient(520px 320px at -8% 104%, rgba(200,169,106,.16), transparent 72%),
          linear-gradient(180deg,#0C1424 0%, #070C15 55%, #05080F 100%);
  }
  .sec--ink{position:relative;isolation:isolate}
  .sec--ink::before{
      content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
      background-image:
          linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
          linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
      background-size:46px 46px;
      -webkit-mask-image:radial-gradient(circle at 50% 30%,#000 8%,transparent 74%);
      mask-image:radial-gradient(circle at 50% 30%,#000 8%,transparent 74%);
  }

  /* 滚动到位的冲击：金边一闪 + 光刃扫过 */
  .m-anim{position:relative}
  .m-anim.is-in{animation:mFlash 1s var(--ease) 1}
  @keyframes mFlash{
      0%{box-shadow:0 0 0 0 rgba(200,169,106,0)}
      30%{box-shadow:0 0 0 1px rgba(200,169,106,.55),0 14px 34px rgba(200,169,106,.16)}
      100%{box-shadow:0 0 0 0 rgba(200,169,106,0)}
  }
  .scan{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:3}
  .scan::before{
      content:"";position:absolute;top:-25%;bottom:-25%;left:-45%;width:32%;
      background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,246,222,.55),rgba(200,169,106,.25),rgba(255,255,255,0));
      transform:skewX(-16deg);opacity:0;filter:blur(2px);
  }
  .m-anim.is-in .scan::before{animation:mScan 1.15s cubic-bezier(.25,.7,.3,1) .06s 1}
  @keyframes mScan{
      0%{left:-45%;opacity:0}
      15%{opacity:1}
      75%{opacity:.9}
      100%{left:115%;opacity:0}
  }
  /* 标题：进入时金线亮起并带一点辉光 */
  .sec__head.is-in h2{text-shadow:0 0 18px rgba(10,15,26,.06)}
  .sec__head--light.is-in h2{text-shadow:0 0 22px rgba(226,203,155,.20)}
  /* 首屏数字：扫到时跳一下 */
  .hero__stats.is-in li{animation:statPop .6s var(--ease) 1 both}
  .hero__stats.is-in li:nth-child(2){animation-delay:.08s}
  .hero__stats.is-in li:nth-child(3){animation-delay:.16s}
  .hero__stats.is-in li:nth-child(4){animation-delay:.24s}
  @keyframes statPop{0%{opacity:.4;transform:translateY(8px)}100%{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){
  .m-anim.is-in,.m-anim.is-in .scan::before,.hero__stats.is-in li{animation:none!important}
}

/* 手机端副标题主动断行，避免末尾只剩几个字 */
.sub-brk{display:none}
@media (max-width:768px){ .sub-brk{display:block} .hero__sub{white-space:normal} }

/* 手机端：明暗交界做柔和过渡（不再是硬切） */
@media (max-width:768px){
  .sec > .wrap{position:relative;z-index:1}
  /* 深色区 → 浅色区 */
  .clients + .sec::after{
      content:"";position:absolute;left:0;right:0;top:0;height:72px;z-index:0;pointer-events:none;
      background:linear-gradient(180deg,rgba(7,12,21,.92) 0%,rgba(7,12,21,.45) 45%,rgba(7,12,21,0) 100%);
  }
  /* 浅色区 → 深色区 */
  .sec + .sec--ink::after{
      content:"";position:absolute;left:0;right:0;top:0;height:72px;z-index:0;pointer-events:none;
      background:linear-gradient(180deg,rgba(242,246,251,.92) 0%,rgba(242,246,251,.45) 45%,rgba(242,246,251,0) 100%);
  }
  /* 新闻 → 页脚 */
  .foot{position:relative}
  .foot::after{
      content:"";position:absolute;left:0;right:0;top:0;height:64px;z-index:0;pointer-events:none;
      background:linear-gradient(180deg,rgba(242,246,251,.85) 0%,rgba(242,246,251,0) 100%);
  }
  .foot__cta{position:relative;z-index:1}
}

/* =========================================================
   首屏三板块 + 科技感（2026-10-20）
   ========================================================= */
.hero .wrap{position:relative;z-index:3}
.hero__stage{position:relative;display:grid;perspective:1900px;perspective-origin:50% 45%}
.hero__panel{
    grid-area:1/1;display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;
    transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;
    opacity:0;visibility:hidden;pointer-events:none;
    transform:translateZ(calc(var(--half,640px) * -1)) rotateY(180deg) translateZ(var(--half,640px));
    transition:transform 1.15s cubic-bezier(.66,.02,.22,1),opacity .4s ease,visibility 0s linear 1.15s;
    will-change:transform;
}
.hero__panel.is-on{
    opacity:1;visibility:visible;pointer-events:auto;z-index:2;
    transition:transform 1.15s cubic-bezier(.66,.02,.22,1),opacity .4s ease;
}
/* 翻转中的两个面都要可见（立方体转向时才能看到侧面进入） */
.hero__panel.is-turning{visibility:visible !important;opacity:1 !important;pointer-events:none}

/* 板块二/三的标题与列表（与 H1 同字号） */
.hero__title{font-size:clamp(32px,4.2vw,60px);line-height:1.14;margin:20px 0 24px;letter-spacing:-.03em;font-weight:700}
.hero__list{display:flex;flex-direction:column;gap:11px;margin:26px 0 0;max-width:520px}
.hero__list li{position:relative;padding-left:22px;font-size:15px;color:rgba(255,255,255,.78);line-height:1.6}
.hero__list li::before{content:"";position:absolute;left:0;top:.72em;width:10px;height:1px;
    background:linear-gradient(90deg,var(--gold),rgba(200,169,106,.2))}

/* 数字区：竖线分隔 + 灯带流光 */
.hero__stats{border-top:0;gap:0;padding-top:0;margin-top:52px}
.hero__stats li{padding:0 30px;position:relative}
.hero__stats li:first-child{padding-left:0}
.hero__stats li+li::before{
    content:"";position:absolute;left:0;top:0;bottom:2px;width:1px;
    background:linear-gradient(180deg,rgba(200,169,106,0) 0%,rgba(200,169,106,.45) 28%,rgba(226,203,155,.7) 50%,rgba(200,169,106,.45) 72%,rgba(200,169,106,0) 100%);
}
.hero__stats li+li::after{
    content:"";position:absolute;left:0;top:0;width:1px;height:20px;pointer-events:none;
    background:linear-gradient(180deg,rgba(255,246,222,0),#ffe9bf 45%,rgba(255,246,222,0));
    box-shadow:0 0 8px 1px rgba(255,233,191,.7);
    animation:statsLight 3.6s linear infinite;
    animation-delay:calc(var(--i,0) * -.7s);
    opacity:0;
}
@keyframes statsLight{
    0%{top:-26px;opacity:0}
    10%{opacity:1}
    85%{opacity:1}
    100%{top:100%;opacity:0}
}


/* 左右切换按钮：一边一个 + 灯泡式明暗呼吸 */
.hero__pager{position:absolute;inset:0;z-index:8;pointer-events:none}
.hero__pbtn{
    position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;
    width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
    font-size:22px;line-height:1;padding-bottom:3px;cursor:pointer;
    color:rgba(255,255,255,.88);background:rgba(255,255,255,.06);
    border:1px solid rgba(200,169,106,.34);backdrop-filter:blur(6px);
    opacity:.45;
    animation:pbtnBlink 3.8s ease-in-out infinite;
    transition:background .35s,color .3s,box-shadow .35s,transform .35s;
}
.hero__pbtn[data-dir="-1"]{left:-64px}
.hero__pbtn[data-dir="1"]{right:-64px;animation-delay:1.9s}
@keyframes pbtnBlink{
    0%{opacity:.3;box-shadow:0 0 0 0 rgba(200,169,106,0)}
    44%{opacity:1;box-shadow:0 0 22px 3px rgba(200,169,106,.45),inset 0 0 14px rgba(255,233,191,.18)}
    60%{opacity:.9;box-shadow:0 0 15px 2px rgba(200,169,106,.28)}
    100%{opacity:.3;box-shadow:0 0 0 0 rgba(200,169,106,0)}
}
.hero__pbtn:hover{animation:none;opacity:1;color:#141a12;border-color:transparent;
    transform:translateY(-50%) scale(1.08);
    background:linear-gradient(135deg,#F7E2AC,#D3AE55);
    box-shadow:0 0 0 1px rgba(255,240,205,.55),0 10px 28px rgba(200,169,106,.42)}
.hero__pbtn:active{transform:translateY(-50%) scale(.96)}
.hero__dots{position:absolute;left:50%;bottom:-42px;transform:translateX(-50%);
    display:flex;flex-direction:row;gap:8px;padding:4px 0;pointer-events:auto}
.hero__dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.22);cursor:pointer;
    transition:background .3s,box-shadow .3s,transform .3s}
.hero__dots i.is-on{background:var(--gold);box-shadow:0 0 9px rgba(200,169,106,.9);transform:scale(1.35)}

/* 板块二/三右侧视觉 */
.hvis{position:relative;display:flex;flex-direction:column;padding:28px 26px 22px;border-radius:18px;
    background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
    border:1px solid rgba(200,169,106,.22);backdrop-filter:blur(10px);
    box-shadow:0 26px 60px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
.hvis__row{display:flex;align-items:center;gap:16px;padding:15px 16px;border-radius:12px;
    background:rgba(10,15,26,.45);border:1px solid rgba(255,255,255,.07);transition:border-color .4s,background .4s}
.hvis:hover .hvis__row{border-color:rgba(200,169,106,.3);background:rgba(10,15,26,.6)}
.hvis__k{flex:0 0 auto;font-size:11px;letter-spacing:.12em;color:var(--gold-2);padding:4px 10px;border-radius:999px;
    background:rgba(200,169,106,.14);border:1px solid rgba(200,169,106,.3)}
.hvis__b{display:flex;flex-direction:column;gap:4px}
.hvis__b b{font-size:16px;font-weight:600;color:#fff}
.hvis__b span{font-size:12.5px;color:rgba(255,255,255,.52);letter-spacing:.02em}
.hvis__flow{display:block;margin-left:38px;width:1px;height:18px;position:relative;
    background:linear-gradient(180deg,rgba(200,169,106,.55),rgba(200,169,106,0))}
.hvis__flow::after{content:"";position:absolute;left:-1.5px;top:-3px;width:4px;height:4px;border-radius:50%;
    background:#ffe9bf;box-shadow:0 0 8px rgba(255,233,191,.95);animation:hvDot 2.6s linear infinite}
@keyframes hvDot{0%{top:-4px;opacity:0}18%{opacity:1}78%{opacity:1}100%{top:18px;opacity:0}}
.hvis__foot{margin-top:16px;font-size:12.5px;color:rgba(255,255,255,.42);letter-spacing:.02em}
.hvis--grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:26px 24px 22px}
.hvis__cell{padding:18px 16px;border-radius:12px;background:rgba(10,15,26,.45);
    border:1px solid rgba(255,255,255,.07);transition:border-color .4s,transform .4s}
.hvis__cell:hover{border-color:rgba(200,169,106,.34);transform:translateY(-3px)}
.hvis__cell b{display:block;font-size:23px;color:var(--gold-2);margin-bottom:7px;letter-spacing:-.01em}
.hvis__cell span{font-size:12.5px;color:rgba(255,255,255,.52);line-height:1.5}
.hvis--grid .hvis__foot{grid-column:1/-1;margin-top:2px}

/* 文案整体扫光（与标题同步） */
.hero__copy .hero__line{
    background-image:linear-gradient(100deg,#fff 16%,#fff 33%,#ffe6ae 43%,#fffdf6 50%,#ffe6ae 57%,#fff 67%,#fff 100%);
    background-size:230% 100%;
    -webkit-background-clip:text;background-clip:text;color:transparent;
    animation:titleShine 6.5s linear infinite;
    filter:drop-shadow(0 0 16px rgba(255,233,191,.28));
}
.hero__copy .hero__lead,
.hero__copy .hero__list li,
.hero__copy .hero__stats li>span:last-child,
.hero__copy .eyebrow{
    background-image:linear-gradient(100deg,rgba(255,255,255,.55) 30%,rgba(255,236,196,.95) 44%,#fff 50%,rgba(255,236,196,.95) 56%,rgba(255,255,255,.55) 70%);
    background-size:230% 100%;
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
    animation:copyBeam 6.5s linear infinite;
}
@keyframes copyBeam{from{background-position:120% 0}to{background-position:-20% 0}}

/* 魔术棒光标 */
.hero__wand{position:absolute;left:0;top:0;width:0;height:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .45s}
.hero__wand i{position:absolute;left:0;top:0;border-radius:50%;will-change:transform}
.hero__wand i:nth-child(1){width:13px;height:13px;margin:-6.5px 0 0 -6.5px;
    background:radial-gradient(circle,#fff 0%,rgba(255,240,205,.95) 38%,rgba(200,169,106,0) 72%);
    box-shadow:0 0 22px 7px rgba(200,169,106,.35)}
.hero__wand i:nth-child(2){width:9px;height:9px;margin:-4.5px 0 0 -4.5px;
    background:radial-gradient(circle,rgba(255,236,196,.85),rgba(200,169,106,0) 70%)}
.hero__wand i:nth-child(3){width:6px;height:6px;margin:-3px 0 0 -3px;
    background:radial-gradient(circle,rgba(255,236,196,.6),rgba(200,169,106,0) 70%)}
.hero__spark{position:absolute;border-radius:50%;background:#ffe9bf;pointer-events:none;
    box-shadow:0 0 6px rgba(255,233,191,.9);animation:sparkFly .95s ease-out forwards}
@keyframes sparkFly{
    0%{transform:translate(0,0) scale(.9);opacity:1}
    100%{transform:translate(var(--dx,0),var(--dy,0)) scale(0);opacity:0}
}

@media (max-width:1024px){
    .hero__panel{grid-template-columns:1fr;gap:34px}
    .hero__pager{position:static;inset:auto;display:flex;align-items:center;justify-content:space-between;
        gap:14px;margin:30px 0 8px;pointer-events:auto}
    .hero__dots{position:static;transform:none;margin:0 auto;align-items:center;gap:9px}
    .hero__pbtn{position:static;transform:none;width:40px;height:40px;font-size:19px}
    .hero__pbtn:hover,.hero__pbtn:active{transform:scale(1.05)}
}
@media (max-width:768px){
    .hero__stats li{padding:0}
    .hero__stats li+li::before,.hero__stats li+li::after{display:none}
    .hero__list li{font-size:14px}
    .hero__wand{display:none}
    .hvis{padding:20px 18px 16px}
    .hvis--grid{padding:18px}
}
@media (prefers-reduced-motion:reduce){
    .hero__panel{transition:none!important;filter:none!important}
    .hero__stars,.hero__meteors span,.hero__stats li+li::after,.hero__dots i,
    .hero__copy .hero__line,.hero__copy .hero__lead,.hero__copy .hero__list li,
    .hero__copy .hero__stats li>span:last-child,.hero__copy .eyebrow{animation:none!important}
    .hero__copy .hero__lead,.hero__copy .hero__list li,.hero__copy .hero__stats li>span:last-child,
    .hero__copy .eyebrow{-webkit-text-fill-color:currentColor;background:none}
    .hero__copy .hero__line{-webkit-text-fill-color:#fff;background:none;color:#fff}
    .hero__wand{display:none}
}

/* 手机端性能：星空静态化 + 板块切换不用 3D/模糊 + 关掉大面积重绘 */
@media (max-width:768px){
    .hero__stars,.hero__stars--far{animation:none!important;opacity:.5;will-change:auto}
    .hero__stars--far{opacity:.26}
    .hero__stage{perspective:none}
    .hero__panel{
        transform:none !important;filter:none;transform-style:flat;backface-visibility:visible;
        transition:opacity .35s ease,visibility 0s linear .35s;
    }
    .hero__panel.is-on{transform:none !important;transition:opacity .35s ease}
    .hero__panel.is-turning{visibility:visible !important}
    .hero__glow{filter:none;width:620px;height:620px;right:-240px;top:-280px;opacity:.75}
    .hero__glow::after{display:none}
    .hero__meteors span:nth-child(n+3){display:none}
    .hero__copy .hero__line{filter:none}
    .hero__copy .hero__lead,.hero__copy .hero__list li,.hero__copy .hero__stats li>span:last-child,.hero__copy .eyebrow{
        animation:none!important;background:none!important;-webkit-text-fill-color:currentColor;
    }
}
@media (max-width:1366px){ .hero__pbtn[data-dir="1"]{right:-46px} .hero__pbtn[data-dir="-1"]{left:-46px} }
@media (max-width:1180px){ .hero__pbtn[data-dir="1"]{right:-28px} .hero__pbtn[data-dir="-1"]{left:-28px} }

/* =========================================================
   返回顶部 + 到底庆祝 + 手机端导航（2026-10-20）
   ========================================================= */

/* 返回顶部 */
.totop{
    position:fixed;right:22px;bottom:98px;z-index:92;width:46px;height:46px;border-radius:50%;
    display:grid;place-items:center;cursor:pointer;padding:0;
    background:linear-gradient(160deg,rgba(26,33,47,.94),rgba(10,15,26,.94));
    border:1px solid rgba(200,169,106,.42);color:var(--gold-2);
    box-shadow:0 10px 26px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -6px 14px rgba(0,0,0,.3);
    opacity:0;visibility:hidden;transform:translateY(10px);
    transition:opacity .35s,transform .35s,visibility .35s,background .35s,color .3s,box-shadow .35s;
}
.totop.is-on{opacity:1;visibility:visible;transform:none}
.totop:hover{background:linear-gradient(160deg,#F7E2AC,#D3AE55);color:#141a12;border-color:transparent;
    box-shadow:0 14px 30px rgba(200,169,106,.42),inset 0 1px 0 rgba(255,255,255,.6)}
.totop:active{transform:scale(.95)}
.totop i{width:10px;height:10px;border-left:1.7px solid currentColor;border-top:1.7px solid currentColor;
    transform:rotate(45deg) translate(2px,2px);border-radius:1px}
@media (max-width:768px){
    .totop{right:14px;bottom:90px;width:43px;height:43px}
}

/* 到底庆祝 */
.celebrate{position:fixed;inset:0;z-index:96;pointer-events:none;overflow:hidden;display:none}
.celebrate.is-on{display:block}
.celebrate__flash{
    position:absolute;inset:0;opacity:0;
    background:radial-gradient(ellipse at 50% 94%,rgba(255,240,205,.55) 0%,rgba(226,203,155,.22) 34%,rgba(200,169,106,.06) 52%,transparent 72%);
    animation:cFlash 1.35s ease-out forwards;
}
@keyframes cFlash{0%{opacity:0}16%{opacity:1}70%{opacity:.45}100%{opacity:0}}
.celebrate__ring{
    position:absolute;left:50%;bottom:24%;width:130px;height:130px;margin:0 0 -65px -65px;border-radius:50%;
    border:1px solid rgba(255,240,205,.8);opacity:0;
    animation:cRing 1.7s cubic-bezier(.18,.7,.3,1) forwards;
    box-shadow:0 0 26px rgba(255,233,191,.45),inset 0 0 18px rgba(255,233,191,.3);
}
.celebrate__ring:nth-of-type(3){animation-delay:.16s;border-color:rgba(200,169,106,.75)}
@keyframes cRing{
    0%{transform:scale(.35);opacity:.95}
    55%{opacity:.5}
    100%{transform:scale(7.5);opacity:0}
}
.celebrate__spark{
    position:absolute;left:50%;bottom:14%;width:6px;height:6px;border-radius:50%;
    background:linear-gradient(180deg,#fff,#E2CB9B);
    box-shadow:0 0 12px rgba(255,240,205,.95);
    animation:cSpark 1.6s cubic-bezier(.15,.72,.25,1) forwards;
}
@keyframes cSpark{
    0%{transform:translate3d(0,0,0) scale(.5);opacity:0}
    12%{opacity:1}
    72%{opacity:1}
    100%{transform:translate3d(var(--dx,0),var(--dy,-200px),0) scale(.15) rotate(var(--rot,0deg));opacity:0}
}

/* 页脚：到底时一道金光扫过 */
.foot{position:relative}
.foot.is-celebrate::before{
    content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:5;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(255,233,191,0),#ffe9bf 42%,#fff 50%,#ffe9bf 58%,rgba(255,233,191,0),transparent);
    background-size:220% 100%;background-position:-60% 0;
    animation:cLine 1.7s ease-out forwards;
    box-shadow:0 0 18px rgba(255,233,191,.65);
}
@keyframes cLine{
    0%{background-position:-60% 0;opacity:0}
    20%{opacity:1}
    100%{background-position:160% 0;opacity:0}
}

/* 手机端：汉堡按钮靠右 + 悬浮质感；下拉菜单右对齐 */
@media (max-width:1024px){
    .nav__right{margin-left:auto;display:flex;align-items:center;gap:10px}
    .burger{
        width:44px;height:44px;border-radius:50%;
        background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.34),rgba(255,255,255,.08) 40%,rgba(14,20,32,.92) 100%);
        border:1px solid rgba(226,203,155,.45);
        box-shadow:0 10px 22px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -8px 16px rgba(0,0,0,.38);
        transform:translateY(-1px);
        transition:transform .3s,box-shadow .3s,background .3s;
    }
    .burger i{left:13px;width:18px;background:linear-gradient(90deg,#fff,#E2CB9B)}
    .burger i:nth-child(1){top:18px}
    .burger i:nth-child(2){top:25px}
    .burger:active{transform:translateY(1px) scale(.97)}
    body.menu-open .burger{background:linear-gradient(150deg,#F7E2AC,#D3AE55);border-color:rgba(255,240,205,.7);
        box-shadow:0 10px 24px rgba(200,169,106,.5),inset 0 1px 0 rgba(255,255,255,.7)}
    body.menu-open .burger i{background:#141a12}

    body.menu-open .menu__item>a{text-align:right;padding-right:12px}
    body.menu-open .mega{padding-right:0;padding-left:0}
    body.menu-open .mega__card{text-align:right;align-items:flex-end;padding-right:12px}
    body.menu-open .mega__card b,body.menu-open .mega__card span{text-align:right;width:100%}
}

@media (prefers-reduced-motion:reduce){
    .celebrate__flash,.celebrate__ring,.celebrate__spark,.foot.is-celebrate::before{animation:none!important;display:none!important}
}

/* 页面末尾哨兵（不占视觉空间） */
.page-end{height:1px;width:100%;pointer-events:none}
/* 手机菜单：当前项不要整条深色块，改成金色文字 */
@media (max-width:1024px){
    body.menu-open .menu__item>a.is-active{background:none;color:var(--gold-2)}
}

/* 到底庆祝：加强版光爆（2026-10-20） */
.celebrate__flash{
    background:radial-gradient(ellipse 74% 52% at 50% 80%,rgba(255,255,255,.98) 0%,rgba(255,233,191,.85) 16%,rgba(226,203,155,.45) 38%,rgba(200,169,106,.12) 58%,transparent 76%);
    animation:cFlash 1.5s ease-out forwards;
}
@keyframes cFlash{0%{opacity:0}10%{opacity:1}55%{opacity:.55}100%{opacity:0}}

.celebrate__ring{
    width:150px;height:150px;margin:0 0 -75px -75px;border-width:2px;
    border-color:rgba(255,246,222,.95);
    box-shadow:0 0 34px rgba(255,233,191,.75),inset 0 0 26px rgba(255,233,191,.5);
    animation:cRing 1.9s cubic-bezier(.16,.72,.28,1) forwards;
}
.celebrate__ring:nth-of-type(3){animation-delay:.18s;border-color:rgba(226,203,155,.9)}
.celebrate__ring:nth-of-type(4){animation-delay:.36s;border-color:rgba(200,169,106,.85)}
@keyframes cRing{
    0%{transform:scale(.3);opacity:1}
    50%{opacity:.55}
    100%{transform:scale(8);opacity:0}
}

.celebrate__spark{
    width:8px;height:8px;
    background:radial-gradient(circle at 50% 50%,#fff 0%,#ffe9bf 45%,rgba(226,203,155,0) 72%);
    box-shadow:0 0 16px rgba(255,240,205,.95),0 0 34px rgba(226,203,155,.6);
    animation:cSpark 1.9s cubic-bezier(.12,.7,.22,1) forwards;
}

/* 横向光刃：从左扫到右 */
.celebrate__beam{
    position:absolute;left:-30%;right:-30%;bottom:20%;height:2px;opacity:0;
    background:linear-gradient(90deg,transparent,rgba(255,233,191,0),#fff 46%,#ffe9bf 52%,rgba(255,233,191,0),transparent);
    box-shadow:0 0 28px 4px rgba(255,233,191,.55);
    animation:cBeam 1.25s cubic-bezier(.2,.7,.3,1) .12s forwards;
}
@keyframes cBeam{
    0%{transform:translateX(-45%) scaleX(.35);opacity:0}
    18%{opacity:1}
    100%{transform:translateX(45%) scaleX(1);opacity:0}
}

/* 庆祝：光条 + 爆心 */
.celebrate__spark{
    width:2px;height:26px;border-radius:999px;
    background:linear-gradient(180deg,rgba(255,255,255,0),#fff 42%,#ffe9bf 88%,rgba(255,233,191,0));
    box-shadow:0 0 12px rgba(255,240,205,.85);
    transform-origin:50% 100%;
}
.celebrate__core{
    position:absolute;left:50%;bottom:24%;width:26px;height:26px;margin:0 0 -13px -13px;border-radius:50%;
    background:radial-gradient(circle,#fff 0%,#fff8e6 30%,rgba(255,233,191,.9) 48%,rgba(226,203,155,0) 72%);
    box-shadow:0 0 60px 22px rgba(255,240,205,.75),0 0 120px 40px rgba(226,203,155,.35);
    opacity:0;animation:cCore 1.15s ease-out forwards;
}
@keyframes cCore{
    0%{transform:scale(.2);opacity:0}
    14%{transform:scale(1.15);opacity:1}
    45%{transform:scale(.85);opacity:.85}
    100%{transform:scale(1.6);opacity:0}
}

/* 庆祝：射线光爆 + 粒子（点/光条混排） */
.celebrate__rays{
    position:absolute;left:50%;bottom:22%;width:900px;height:900px;margin:0 0 -450px -450px;border-radius:50%;
    background:conic-gradient(from 0deg,rgba(255,240,205,.55) 0deg,transparent 9deg,rgba(255,240,205,.45) 18deg,transparent 27deg,
        rgba(255,240,205,.5) 36deg,transparent 45deg,rgba(255,240,205,.4) 54deg,transparent 63deg,
        rgba(255,240,205,.5) 72deg,transparent 81deg,rgba(255,240,205,.42) 90deg,transparent 99deg,
        rgba(255,240,205,.5) 108deg,transparent 117deg,rgba(255,240,205,.4) 126deg,transparent 135deg,
        rgba(255,240,205,.45) 144deg,transparent 153deg,rgba(255,240,205,.5) 162deg,transparent 171deg,
        rgba(255,240,205,.4) 180deg,transparent 189deg,rgba(255,240,205,.5) 198deg,transparent 207deg,
        rgba(255,240,205,.42) 216deg,transparent 225deg,rgba(255,240,205,.5) 234deg,transparent 243deg,
        rgba(255,240,205,.4) 252deg,transparent 261deg,rgba(255,240,205,.5) 270deg,transparent 279deg,
        rgba(255,240,205,.42) 288deg,transparent 297deg,rgba(255,240,205,.5) 306deg,transparent 315deg,
        rgba(255,240,205,.4) 324deg,transparent 333deg,rgba(255,240,205,.5) 342deg,transparent 351deg);
    -webkit-mask-image:radial-gradient(circle,#000 6%,rgba(0,0,0,.55) 34%,transparent 66%);
    mask-image:radial-gradient(circle,#000 6%,rgba(0,0,0,.55) 34%,transparent 66%);
    opacity:0;filter:blur(1px);
    animation:cRays 1.5s cubic-bezier(.2,.7,.3,1) forwards;
}
@keyframes cRays{
    0%{transform:scale(.3) rotate(0deg);opacity:0}
    16%{transform:scale(.8) rotate(6deg);opacity:.9}
    100%{transform:scale(1.55) rotate(18deg);opacity:0}
}
.celebrate__spark{
    background:radial-gradient(circle at 50% 50%,#fff 0%,#ffe9bf 48%,rgba(226,203,155,0) 74%);
    box-shadow:0 0 18px rgba(255,240,205,.9),0 0 36px rgba(226,203,155,.5);
}
.celebrate__spark--streak{
    width:3px !important;border-radius:999px;
    background:linear-gradient(180deg,rgba(255,255,255,0),#fff 40%,#ffe9bf 90%,rgba(255,233,191,0));
    box-shadow:0 0 14px rgba(255,240,205,.85);
    transform-origin:50% 100%;
}

/* 庆祝：整屏一记闪光（短促，不刺眼停留） */
.celebrate.is-on::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(ellipse at 50% 76%,rgba(255,252,240,.55),rgba(255,240,205,.28) 42%,rgba(255,240,205,.08) 66%,transparent 84%);
    animation:cScreen .7s ease-out forwards;
}
@keyframes cScreen{
    0%{opacity:0}
    9%{opacity:1}
    100%{opacity:0}
}

/* =========================================================
   全站魔术棒 + 页脚重排（2026-10-20）
   ========================================================= */
.wand-global{
    position:fixed;left:0;top:0;width:0;height:0;z-index:9990;pointer-events:none;
    opacity:0;transition:opacity .4s ease;
}
.wand-global.is-on{opacity:1}
.wand-global i{position:absolute;left:0;top:0;border-radius:50%;will-change:transform}
.wand-global i:nth-child(1){width:12px;height:12px;margin:-6px 0 0 -6px;
    background:radial-gradient(circle,#fff 0%,rgba(255,240,205,.95) 38%,rgba(200,169,106,0) 72%);
    box-shadow:0 0 20px 6px rgba(200,169,106,.32)}
.wand-global i:nth-child(2){width:8px;height:8px;margin:-4px 0 0 -4px;
    background:radial-gradient(circle,rgba(255,236,196,.8),rgba(200,169,106,0) 70%)}
.wand-global i:nth-child(3){width:5px;height:5px;margin:-2.5px 0 0 -2.5px;
    background:radial-gradient(circle,rgba(255,236,196,.55),rgba(200,169,106,0) 70%)}
.wand-global__spark{position:absolute;border-radius:50%;background:#ffe9bf;pointer-events:none;
    box-shadow:0 0 6px rgba(255,233,191,.85);animation:wandSpark .9s ease-out forwards}
@keyframes wandSpark{
    0%{transform:translate(0,0) scale(.9);opacity:1}
    100%{transform:translate(var(--dx,0),var(--dy,0)) scale(0);opacity:0}
}
@media (hover:none),(pointer:coarse){ .wand-global{display:none} }
@media (prefers-reduced-motion:reduce){ .wand-global{display:none} }

/* 页脚：与 CTA 区拉开层次 + 五列（行业/本地并排）+ 整体收紧 */
.foot{background:#070B14}
.foot__cta{
    background:
        radial-gradient(900px 240px at 88% 50%,rgba(200,169,106,.16),transparent 66%),
        linear-gradient(110deg,#162034 0%,#101827 46%,#0B1220 100%);
    border-top:1px solid rgba(200,169,106,.22);
    border-bottom:1px solid rgba(200,169,106,.26);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 40px rgba(0,0,0,.35);
    position:relative;
}
.foot__cta-in{padding:52px 0}
.foot__main{grid-template-columns:1.7fr .92fr .92fr .92fr 1.25fr;gap:38px;padding:50px 0 40px}
.foot__col h3{font-size:11.5px;margin-bottom:12px}
.foot__col h3.mt{margin-top:16px}
.foot__col a{font-size:13.5px;padding:4.5px 0}
.foot__desc{font-size:13px;line-height:1.8}
.foot__tel{margin-top:18px}
.foot__tel b{font-size:21px}
.foot__col--contact p{font-size:12.5px;margin-bottom:11px}
.foot__bar-in{padding:18px 0;font-size:12px}
@media (max-width:1180px){
    .foot__main{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;padding:44px 0 34px}
    .foot__col--contact{grid-column:1/-1}
}

/* 页脚：手机端两列（覆盖上面 1180 的三/四列规则） */
@media (max-width:768px){
    .foot__main{grid-template-columns:1fr 1fr;gap:22px 20px;padding:34px 0 26px}
    .foot__col--brand{grid-column:1/-1}
    .foot__col--contact{grid-column:1/-1}
    .foot__col a{font-size:13px;padding:4px 0}
    .foot__cta-in{padding:38px 0}
    .foot__cta h2{font-size:21px}
    .foot__bar-in{padding:14px 0;gap:10px}
}

/* 手机端：本地不做竖列，改成一行内联（省高度） */
@media (max-width:768px){
    .foot__col--areas{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 18px}
    .foot__col--areas h3{width:100%;margin-bottom:6px}
    .foot__col--areas a{display:inline-block;padding:3px 0}
}

/* =========================================================
   服务页 Banner：科技质感（2026-10-20）
   ========================================================= */
.phead--svc{
    background:
        radial-gradient(880px 400px at 84% -12%,rgba(200,169,106,.20),transparent 62%),
        radial-gradient(760px 420px at 4% 112%,rgba(46,107,255,.24),transparent 64%),
        linear-gradient(180deg,#0C1526 0%,#080E1A 58%,#05080F 100%);
    border-bottom:1px solid rgba(200,169,106,.16);
    padding:156px 0 92px;
    isolation:isolate;
}
/* 细网格（蓝图感） */
.phead--svc::before{
    content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:
        linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:64px 64px,64px 64px;
    -webkit-mask-image:radial-gradient(ellipse at 34% 26%,#000 8%,transparent 76%);
    mask-image:radial-gradient(ellipse at 34% 26%,#000 8%,transparent 76%);
}
/* 金色点阵（斜向扫过） */
.phead--svc::after{
    content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background-image:radial-gradient(rgba(226,203,155,.55) 1px,transparent 1.4px);
    background-size:24px 24px;
    -webkit-mask-image:linear-gradient(112deg,transparent 26%,#000 48%,#000 56%,transparent 76%);
    mask-image:linear-gradient(112deg,transparent 26%,#000 48%,#000 56%,transparent 76%);
    opacity:.55;
}
.phead--svc .wrap{position:relative;z-index:1}
/* 扫光细线 */
.phead--svc .wrap::after{
    content:"";position:absolute;left:-10%;top:-40px;width:38%;height:calc(100% + 80px);pointer-events:none;
    background:linear-gradient(104deg,rgba(255,246,222,0),rgba(255,246,222,.06) 45%,rgba(255,246,222,.14) 50%,rgba(255,246,222,.05) 56%,rgba(255,246,222,0));
    animation:svcScan 9s ease-in-out infinite;
    z-index:-1;
}
@keyframes svcScan{
    0%{transform:translateX(-20%);opacity:0}
    12%{opacity:1}
    70%{opacity:1}
    100%{transform:translateX(320%);opacity:0}
}
.phead--svc h1{font-size:clamp(28px,3.5vw,46px);letter-spacing:-.02em}
.phead--svc .phead__lead{max-width:720px}
@media (max-width:768px){
    .phead--svc{padding:118px 0 64px}
    .phead--svc .wrap::after{display:none}
}

/* =========================================================
   关于卓成页面（2026-10-20）
   ========================================================= */
/* 标题：土豪金 + 不断行 */
.phead--about h1{
    color:var(--gold);
    background:linear-gradient(135deg,#F9E7B8 0%,#E7C87C 28%,#D3AE55 64%,#C09A3E 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
    white-space:nowrap;letter-spacing:.01em;
}
@media (max-width:900px){ .phead--about h1{white-space:normal} }

/* 数字：动态加载 + 单位 */
.about-nums__num{display:flex;align-items:baseline;gap:3px}
.about-nums__num b{font-size:32px;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.about-nums__num i{font-style:normal;font-size:20px;color:var(--gold);margin-left:1px}
.about-nums__k{font-size:12.5px;color:rgba(255,255,255,.6)}

/* Logo + 理念 */
.about-logo{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.about-logo__motto{
    font-size:15px;letter-spacing:.3em;color:var(--gold);font-weight:600;
    padding-left:26px;border-left:1px solid var(--line);
}
@media (max-width:640px){
    .about-logo{flex-direction:column;align-items:flex-start;gap:14px}
    .about-logo__motto{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:12px;width:100%}
}

/* 关于页导语：第二段单独成行，避免“我/们”被拆开 */
.phead__lead--second{margin-top:10px;color:rgba(255,255,255,.82)}
@media (max-width:768px){ .phead__lead--second{font-size:15px} }

/* =========================================================
   联系我们页：导语排版 + 版块动态背景（2026-10-20）
   ========================================================= */
.contact-lead{display:flex;flex-direction:column;gap:10px;max-width:780px}
.contact-lead__ways{
    display:flex;align-items:center;gap:10px;
    font-size:16.5px;color:rgba(255,255,255,.92);letter-spacing:.01em;
}
.contact-lead__ways::before{content:"";width:18px;height:1px;background:var(--gold);flex:none}
.contact-lead__what{font-size:15px;color:rgba(255,255,255,.6);line-height:1.75}
@media (max-width:768px){
    .contact-lead{gap:8px}
    .contact-lead__ways{font-size:15px}
    .contact-lead__what{font-size:13.5px}
}

.sec--contact{
    position:relative;overflow:hidden;isolation:isolate;
    background:linear-gradient(180deg,#FBFCFE 0%,#F3F7FC 62%,#FDFEFF 100%);
}
.sec--contact .wrap{position:relative;z-index:1}
.sec--contact::before{
    content:"";position:absolute;inset:-25% -12%;z-index:-1;pointer-events:none;
    background:
        radial-gradient(600px 420px at 16% 18%,rgba(200,169,106,.22),transparent 64%),
        radial-gradient(640px 480px at 86% 76%,rgba(46,107,255,.15),transparent 66%),
        radial-gradient(520px 380px at 60% 4%,rgba(226,203,155,.18),transparent 68%);
    animation:contactFloat 16s ease-in-out infinite alternate;
    will-change:transform;
}
.sec--contact::after{
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background-image:
        linear-gradient(rgba(10,15,26,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(10,15,26,.035) 1px,transparent 1px);
    background-size:56px 56px;
    -webkit-mask-image:radial-gradient(ellipse at 50% 26%,#000 8%,transparent 74%);
    mask-image:radial-gradient(ellipse at 50% 26%,#000 8%,transparent 74%);
    animation:contactGridShift 30s linear infinite;
    will-change:transform;
}
@keyframes contactFloat{
    0%{transform:translate3d(0,0,0) scale(1)}
    100%{transform:translate3d(2.5%,-3.5%,0) scale(1.08)}
}
@keyframes contactGridShift{
    0%{transform:translate3d(0,0,0)}
    100%{transform:translate3d(-56px,-56px,0)}
}
@media (prefers-reduced-motion:reduce){
    .sec--contact::before,.sec--contact::after{animation:none}
}

/* 首屏案例：MP4 演示（不跑悬停滚图，视频自己会动） */
.hv__img--video{height:100%;object-fit:cover;object-position:top center;background:#0A0F1A;display:block}


/* ==================== 宣传片案例 ==================== */
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vcard{display:flex;flex-direction:column;text-align:left;background:none;border:0;padding:0;cursor:pointer;font:inherit}
.vcard__pic{position:relative;display:block;border-radius:14px;overflow:hidden;background:#0B1220;aspect-ratio:16/9;
    box-shadow:0 10px 26px rgba(12,20,36,.14)}
.vcard__pic img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1),opacity .3s}
.vcard:hover .vcard__pic img{transform:scale(1.04);opacity:.9}
.vcard__play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;
    background:rgba(10,15,26,.52);border:1.5px solid rgba(255,255,255,.72);transition:transform .3s,background .3s,border-color .3s}
.vcard__play::after{content:"";position:absolute;left:21px;top:16px;width:0;height:0;
    border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.vcard:hover .vcard__play{background:var(--gold);border-color:var(--gold);transform:scale(1.06)}
.vcard__dur{position:absolute;right:10px;bottom:10px;font-size:12px;color:#fff;background:rgba(8,12,20,.62);
    padding:2px 7px;border-radius:6px;font-style:normal;letter-spacing:.02em}
.vcard__t{display:block;margin-top:14px;font-size:17px;font-weight:600;color:var(--ink);line-height:1.5}
.vcard__c{display:block;margin-top:4px;font-size:13px;color:var(--muted)}

.vmodal{position:fixed;inset:0;z-index:220;display:none;align-items:center;justify-content:center;
    background:rgba(6,10,18,.88);padding:24px}
.vmodal.is-on{display:flex}
.vmodal__box{width:min(1080px,100%);background:#0B1220;border-radius:16px;overflow:hidden;
    border:1px solid rgba(200,169,106,.26);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.vmodal__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;
    color:#E9EEF7;font-size:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.vmodal__bar button{background:none;border:0;color:#9AA6B8;font-size:24px;line-height:1;cursor:pointer;padding:0 4px}
.vmodal__bar button:hover{color:#fff}
.vmodal video{display:block;width:100%;max-height:78vh;background:#000}
@media(max-width:900px){.vgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){
    .vgrid{grid-template-columns:1fr;gap:18px}
    .vcard__play{width:48px;height:48px;margin:-24px 0 0 -24px}
    .vcard__play::after{left:18px;top:14px;border-left-width:12px;border-top-width:8px;border-bottom-width:8px}
    .vmodal{padding:10px}
    .vmodal video{max-height:70vh}
}


/* ==================== 数据带（服务页 stats） ==================== */
.sec--stats{padding:0}
/* 服务页主标题：手机上按顿号断行，避免“推广引流”被拆开 */
.phead h1 .h1-br{display:none}
.phead h1 .h1-sub{display:block;margin-top:16px;font-size:clamp(16px,1.55vw,22px);line-height:1.6;
    font-weight:500;letter-spacing:.05em;color:rgba(255,255,255,.72)}
/* 联系页：第二行做副标题 */
.phead h1.contact-h1 .h1-sub{font-size:clamp(17px,2.05vw,27px);line-height:1.5;letter-spacing:.03em;
    color:rgba(255,255,255,.66);margin-top:14px}
.phead h1.contact-h1 .h1-sub::before{display:none}

/* 服务页长标题 + 多段导语 */
.phead--svc h1{font-size:clamp(27px,3.1vw,44px);line-height:1.28;max-width:1080px}
.phead__lead--multi{max-width:760px}
.phead__lead--multi p{margin:0 0 10px}
.phead__lead--multi p:last-child{margin-bottom:0;color:rgba(255,255,255,.86)}
@media(max-width:620px){
    .phead--svc h1{font-size:20px;line-height:1.55}
    .phead__lead--multi p{font-size:15px;margin-bottom:9px}
}
.phead h1 .h1-sub::before{content:"";display:inline-block;width:22px;height:1px;background:var(--gold);
    vertical-align:middle;margin-right:12px;transform:translateY(-1px)}
@media(max-width:620px){.phead h1 .h1-br{display:block}}
.statband{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(200,169,106,.18);
    border:1px solid rgba(200,169,106,.18);border-radius:16px;overflow:hidden}
.statband__i{padding:26px 24px;background:#0B1220}
.statband__i b{display:block;font-size:clamp(26px,2.6vw,38px);line-height:1.1;font-weight:700;
    background:linear-gradient(120deg,#F3E3BC,#C8A96A 55%,#E2CB9B);-webkit-background-clip:text;background-clip:text;color:transparent}
.statband__i span{display:block;margin-top:10px;font-size:14.5px;color:#E6ECF5;line-height:1.6}
.statband__i em{display:block;margin-top:8px;font-size:11.5px;color:#8D99AC;font-style:normal;line-height:1.5}

/* ==================== 六步思路 ==================== */
.flowgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.flowgrid__i{position:relative;padding:26px 24px 24px;background:#fff;border:1px solid var(--line);
    border-radius:14px;transition:transform .4s var(--ease),box-shadow .4s,border-color .3s}
.flowgrid__i:hover{transform:translateY(-4px);border-color:rgba(200,169,106,.5);box-shadow:0 18px 40px rgba(15,25,45,.08)}
.flowgrid__no{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--gold);
    border-bottom:1px solid rgba(200,169,106,.4);padding-bottom:2px}
.flowgrid__i h3{margin:12px 0 8px;font-size:19px;color:var(--ink)}
.flowgrid__i p{margin:0;font-size:14.5px;line-height:1.85;color:var(--muted)}

@media(max-width:900px){
    .statband{grid-template-columns:repeat(2,1fr)}
    .flowgrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
    .statband{grid-template-columns:1fr}
    .statband__i{padding:20px}
    .flowgrid{grid-template-columns:1fr;gap:14px}
}

/* ===== 核心业务卡：标签改成金色按钮质感（2026-10-21） ===== */
.bento__tag{
    font-size:12px;letter-spacing:.06em;padding:6px 14px;border-radius:999px;font-weight:700;
    background:linear-gradient(120deg,#D9B36A 0%,#F0DCA8 42%,#D3AE55 100%);
    color:#12160f;text-shadow:0 1px 0 rgba(255,255,255,.35);
    border:1px solid rgba(255,255,255,.38);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 6px 16px rgba(200,169,106,.3);
    transition:transform .35s var(--ease),box-shadow .35s,filter .35s;
}
.bento__card:not(.bento__card--big):hover .bento__tag{
    filter:brightness(1.05);transform:translateY(-1px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 22px rgba(200,169,106,.42);
}

/* 三段漏斗：整体缩小约 6%（145→136），差额留到间距 */
@media (min-width:993px){
    .bento__card--big .fn__stage{flex:0 0 136px;min-height:136px}
    .bento__card--big .fn__flow{height:37px}
}

/* ===== 核心业务大卡：三段放大 + 填满下方空白（2026-10-21） ===== */
@media (min-width:993px){
    .bento__card--big .bento__top{margin-bottom:0}
    .bento__card--big .funnel{flex:1 1 auto;margin:16px 0 18px;justify-content:space-between}
    .bento__card--big .fn__stage{flex:1 1 0;min-height:96px;padding:16px 18px;gap:14px}
    .bento__card--big .fn__flow{height:24px;flex:0 0 auto}
    .bento__card--big .fn__k{width:50px;font-size:12.5px;padding-right:13px;letter-spacing:.05em}
    .bento__card--big .fn__body b{font-size:16px;margin-bottom:10px;letter-spacing:.01em}
    .bento__card--big .fn__chip{font-size:12.5px;padding:7px 13px;gap:6px}
}
/* 大卡标题与正文之间留一点呼吸 */
.bento__card--big h3{margin:12px 0 12px}

/* ==================== 400 号源 chips ==================== */
.numgroup{border-top:1px solid var(--line);padding:22px 0 6px}
.numgroup:first-of-type{border-top:0;padding-top:0}
.numgroup__head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.numgroup__head h3{font-size:17px;color:var(--ink);margin:0}
.numgroup__head span{font-size:12.5px;color:var(--muted)}
.numchips{display:flex;flex-wrap:wrap;gap:10px}
.numnote{margin-top:22px;font-size:13.5px;line-height:1.9;color:var(--muted);padding:14px 16px;
    background:#F7F9FD;border:1px solid var(--line);border-radius:10px}
.numchip{display:inline-block;padding:9px 15px;border-radius:10px;border:1px solid var(--line);
    background:#fff;color:var(--ink);font-size:15px;letter-spacing:.02em;font-variant-numeric:tabular-nums;
    transition:border-color .3s,color .3s,box-shadow .3s,transform .3s}
.numchip:hover{border-color:var(--gold);color:#8A6B24;box-shadow:0 8px 20px rgba(200,169,106,.18);transform:translateY(-2px)}
@media(max-width:620px){
    .numchip{font-size:14px;padding:8px 12px}
    .numchips{gap:8px}
}

/* ==================== 服务下拉：5×2 网格 + 深色玻璃质感 ==================== */
.mega{
    width:min(1040px,calc(100vw - 64px));
    padding:16px;
    border-radius:18px;
    background:
        radial-gradient(120% 140% at 12% 0%, rgba(200,169,106,.13), transparent 62%),
        linear-gradient(180deg, rgba(14,21,36,.965), rgba(9,14,25,.965));
    border:1px solid rgba(200,169,106,.26);
    box-shadow:0 34px 90px rgba(3,7,14,.62), inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter:blur(16px) saturate(130%);
    -webkit-backdrop-filter:blur(16px) saturate(130%);
    overflow:hidden;
}
/* 细网格纹理 */
.mega::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:
        repeating-linear-gradient(0deg, rgba(255,255,255,.045) 0 1px, transparent 1px 26px),
        repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, transparent 1px 26px);
    mask-image:radial-gradient(120% 110% at 20% 0%, #000 0%, transparent 78%);
    -webkit-mask-image:radial-gradient(120% 110% at 20% 0%, #000 0%, transparent 78%);
    opacity:.55;
}
.mega > *{position:relative;z-index:1}
.mega__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 10px}
.mega__card{
    padding:13px 14px;border-radius:12px;border:1px solid transparent;
    transition:background .25s,border-color .25s,transform .25s;
}
.mega__card b{color:#fff;font-size:14px;letter-spacing:.01em}
.mega__card span{color:rgba(255,255,255,.52);font-size:12px;line-height:1.5;display:block;margin-top:3px}
.mega__card:hover{background:rgba(200,169,106,.1);border-color:rgba(200,169,106,.3);transform:translateY(-1px)}
.mega__card:hover b{color:var(--gold-2)}
.mega__card:hover span{color:rgba(255,255,255,.7)}

@media(max-width:1200px){ .mega__grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media(max-width:900px){ .mega{display:none} }

/* 覆盖：三段高度 145→136（-6%），间距补足 */
@media (min-width:993px){
    .bento__card--big .fn__stage{flex:0 0 136px;min-height:136px;padding:14px 17px}
    .bento__card--big .fn__flow{height:37px}
}

/* 服务下拉：居中定位 + 10% 透明 */
.mega{
    left:50%;
    margin-left:calc(min(1040px,100vw - 64px) / -2);
    background:
        radial-gradient(120% 140% at 12% 0%, rgba(200,169,106,.14), transparent 62%),
        linear-gradient(180deg, rgba(14,21,36,.92), rgba(9,14,25,.92));
}

/* ==================== 服务下拉 v3：米白底纹 + 2列×5行 + 指示箭头 ==================== */
.mega{
    width:min(700px,calc(100vw - 64px));
    padding:16px 14px;
    border-radius:16px;
    background:
        radial-gradient(120% 140% at 14% 0%, rgba(200,169,106,.16), transparent 60%),
        linear-gradient(180deg,#FBF8F1,#F6F1E6);
    border:1px solid rgba(200,169,106,.34);
    box-shadow:0 26px 70px rgba(24,32,48,.22), inset 0 1px 0 rgba(255,255,255,.9);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}
.mega::before{
    background-image:
        repeating-linear-gradient(0deg, rgba(27,34,51,.035) 0 1px, transparent 1px 24px),
        repeating-linear-gradient(90deg, rgba(27,34,51,.03) 0 1px, transparent 1px 24px);
    mask-image:radial-gradient(120% 120% at 20% 0%, #000 0%, transparent 80%);
    -webkit-mask-image:radial-gradient(120% 120% at 20% 0%, #000 0%, transparent 80%);
    opacity:.9;
}
.mega::after{
    content:"";position:absolute;top:-8px;left:var(--arrow-x,50%);
    width:15px;height:15px;transform:translateX(-50%) rotate(45deg);
    background:#FBF8F1;border-left:1px solid rgba(200,169,106,.34);border-top:1px solid rgba(200,169,106,.34);
    border-top-left-radius:3px;z-index:2;
}
.mega__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
.mega__card{padding:12px 14px;border-radius:10px;border:1px solid transparent}
.mega__card b{color:#1B2233;font-size:14px;letter-spacing:.01em}
.mega__card span{color:#7A8394;font-size:12px;line-height:1.5;display:block;margin-top:3px}
.mega__card:hover{background:rgba(200,169,106,.16);border-color:rgba(200,169,106,.42)}
.mega__card:hover b{color:#8A6B24}
.mega__card:hover span{color:#5F6878}
@media(max-width:1200px){ .mega__grid{grid-template-columns:repeat(2,minmax(0,1fr))} }

/* 下拉箭头不能被裁掉 */
.mega{overflow:visible}
.mega::before{border-radius:16px}

/* 下拉：按列优先排，读起来更顺（左列5个，右列5个） */
.mega__grid{grid-auto-flow:column;grid-template-rows:repeat(5,auto);grid-template-columns:repeat(2,minmax(0,1fr))}

/* ==================== 服务下拉 v4：深空玻璃 + 30% 透明 + 浅金分隔线 ==================== */
.mega{
    width:min(700px,calc(100vw - 64px));
    padding:18px 16px;
    border-radius:18px;
    background:
        radial-gradient(130% 150% at 10% -10%, rgba(200,169,106,.16), transparent 58%),
        radial-gradient(80% 120% at 100% 0%, rgba(46,107,255,.10), transparent 60%),
        linear-gradient(180deg, rgba(15,22,37,.70), rgba(9,14,24,.70));
    border:1px solid rgba(200,169,106,.30);
    box-shadow:
        0 32px 90px rgba(2,6,14,.62),
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 0 0 1px rgba(255,255,255,.02);
    backdrop-filter:blur(22px) saturate(150%);
    -webkit-backdrop-filter:blur(22px) saturate(150%);
}
.mega::before{        /* 极细网格，压到很淡 */
    background-image:
        repeating-linear-gradient(0deg, rgba(255,255,255,.028) 0 1px, transparent 1px 28px),
        repeating-linear-gradient(90deg, rgba(255,255,255,.024) 0 1px, transparent 1px 28px);
    mask-image:radial-gradient(130% 120% at 18% 0%, #000 0%, transparent 78%);
    -webkit-mask-image:radial-gradient(130% 120% at 18% 0%, #000 0%, transparent 78%);
    opacity:.9;
}
.mega::after{         /* 指向当前栏目的箭头 */
    background:linear-gradient(180deg, rgba(15,22,37,.92), rgba(15,22,37,.86));
    border-left:1px solid rgba(200,169,106,.30);
    border-top:1px solid rgba(200,169,106,.30);
    box-shadow:-1px -1px 0 rgba(255,255,255,.04);
}
.mega__grid{column-gap:26px;row-gap:0}
.mega__card{
    padding:13px 12px 13px 14px;
    border:0;border-radius:10px;
    border-bottom:1px solid rgba(200,169,106,.13);   /* 若隐若现的浅金分隔线 */
    transition:background .3s,border-color .3s,transform .3s;
}
.mega__card:nth-child(5n){border-bottom-color:transparent}  /* 每列最后一个不画线 */
.mega__card b{color:#F2F5FA;font-size:14px;font-weight:600;letter-spacing:.01em;transition:color .3s}
.mega__card span{color:rgba(233,238,247,.46);font-size:12px;line-height:1.5;margin-top:3px}
.mega__card:hover{
    background:linear-gradient(90deg, rgba(200,169,106,.14), rgba(200,169,106,.03));
    transform:translateX(2px);
}
.mega__card:hover b{color:var(--gold-2)}
.mega__card:hover span{color:rgba(233,238,247,.72)}
/* 两列之间的竖分割线 */
.mega__grid{position:relative}
.mega__grid::before{
    content:"";position:absolute;top:6px;bottom:6px;left:50%;width:1px;
    background:linear-gradient(180deg, transparent, rgba(200,169,106,.16) 12%, rgba(200,169,106,.16) 88%, transparent);
    transform:translateX(-50%);pointer-events:none;
}
@media(max-width:1200px){ .mega__grid::before{display:none} }

/* ==================== 服务下拉 v5：降透明度 + 与“服务”居中对齐 ==================== */
.mega{
    width:min(700px,calc(100vw - 64px));
    margin-left:calc(min(700px,100vw - 64px) / -2);   /* 面板中心对准“服务” */
    background:
        radial-gradient(130% 150% at 10% -10%, rgba(200,169,106,.14), transparent 58%),
        radial-gradient(80% 120% at 100% 0%, rgba(46,107,255,.08), transparent 60%),
        linear-gradient(180deg, rgba(15,22,37,.88), rgba(9,14,24,.88));   /* 12% 透明 */
}

/* ==================== 服务下拉 v6：9 项 = 一行 3 个 × 3 行，面板收窄仍居中 ==================== */
.mega{
    width:min(660px,calc(100vw - 64px));
    padding:16px 14px;
    margin-left:calc(min(660px,100vw - 64px) / -2);   /* 宽度与居位移同源 */
}
.mega__grid{
    grid-auto-flow:row;                              /* 改回按行排：左→右，一行 3 个 */
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:none;
    column-gap:12px;
    row-gap:0;
}
.mega__card{padding:13px 10px 13px 12px}
.mega__card b{font-size:13.5px}
.mega__card span{font-size:11.5px}
.mega__card:nth-child(5n){border-bottom-color:rgba(200,169,106,.13)}  /* 还原旧的 5n 规则 */
.mega__card:nth-last-child(-n+3){border-bottom-color:transparent}     /* 末行不画线 */
.mega__grid::before{display:none}                                      /* 3 列不用单条中缝 */
@media(max-width:1200px){ .mega__grid{grid-template-columns:repeat(3,minmax(0,1fr))} }