/* ════════════════════════════════════════════════════════════
   首页（恩锡黑金）各区块样式；通用组件见 glass.css
   区块顺序同 index.html：首屏 → 一页纸 → 公司概况 → 经营理念 → 业务范围 → 四个理由 → 产品体系 → 重点产品
   → 服务方法 → 质量体系 → 研发与师资 → 典型项目 → 客户认可 → 训后交付 → BACE 专区 → 联系我们
   ════════════════════════════════════════════════════════════ */

/* ── 首屏 ── */
.hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:120px 0 80px;text-align:center}
.hero-in{display:flex;flex-direction:column;align-items:center}
.hero-disc{width:clamp(112px,13vw,168px);height:clamp(112px,13vw,168px);margin-bottom:30px}
.hero-title{margin-top:18px;font-size:clamp(40px,7.2vw,92px);line-height:1.16;font-weight:200;letter-spacing:.02em}
.hero-title span{display:block}
.hero-title .goldtext{font-weight:600}
.hero-name{text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 14px rgba(0,0,0,.55);margin-top:22px;font-size:clamp(15px,1.6vw,19px);letter-spacing:.12em;color:var(--ink-2)}
.hero-lines{margin-top:26px;word-break:keep-all}   /* 窄屏只在「·」两侧的空格处换行，不拆词 */
.hero .btn-row{justify-content:center;margin-top:34px}

/* ── 01 一页纸 ── */
.stat{display:flex;flex-direction:column;gap:6px}
.stat-k{font-size:13px;letter-spacing:.12em;color:var(--ink-3)}
.stat-v{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}   /* 放不下时单位换行，不顶出卡片 */
.stat-v b{font-size:clamp(44px,5vw,64px);line-height:1.1}
.stat-v i{font-style:normal;font-size:16px;color:var(--accent)}
.stat-d{font-size:14px;color:var(--ink-2)}
.coverage{margin-top:40px;display:grid;gap:18px}
.cov-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.cov-k{text-shadow:0 1px 2px rgba(0,0,0,.8);flex:none;width:120px;font-size:13px;letter-spacing:.12em;color:var(--ink-3)}
/* 手机两列：「2,000+ 家」在 360 宽时也要放得进半张卡，数字随屏宽缩放；360 以下改单列 */
@media (max-width:760px){.glance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.glance-grid .card{padding:18px}.stat-v b{font-size:clamp(28px,8vw,44px)}.cov-k{width:100%}}
@media (max-width:359px){.glance-grid{grid-template-columns:minmax(0,1fr)}.stat-v b{font-size:40px}}

/* ── 01 公司概况 ── */
.profile-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:22px}
.facts dl{display:grid;gap:22px}
.facts dt{font-size:13px;letter-spacing:.12em;color:var(--ink-3)}
.facts dd{margin-top:4px;font-size:20px;font-weight:500}
.center-h{display:flex;align-items:center;gap:12px}
.center-sub{margin:8px 0 10px;font-size:13px;letter-spacing:.06em;color:var(--accent)}
.center p:last-child{font-size:14.5px;color:var(--ink-2)}
@media (max-width:960px){.profile-grid{grid-template-columns:minmax(0,1fr)}}

/* ── 01 经营理念 ── */
.principles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;text-align:center}
.principle .pill{margin-bottom:16px}
.principle p{font-size:14.5px;color:var(--ink-2);text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.8)}   /* 直接压在流光上 */
.mission{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:26px 34px}
.mission div{display:flex;align-items:baseline;gap:18px}
.mission div+div{border-left:1px solid rgba(255,255,255,.10);padding-left:34px}
.mission-k{flex:none;font-size:13px;letter-spacing:.16em;color:var(--accent)}
.mission p{font-size:clamp(17px,1.8vw,22px);font-weight:300}
@media (max-width:960px){.principles{grid-template-columns:repeat(2,minmax(0,1fr))}.principle:last-child:nth-child(odd){grid-column:1/-1}.mission{grid-template-columns:minmax(0,1fr);gap:16px}.mission div+div{border-left:0;padding-left:0}}
@media (max-width:480px){.principles{grid-template-columns:minmax(0,1fr)}}

/* ── 02 业务范围 ── */
.line-h{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.line-en{font-size:11px;letter-spacing:.2em;color:var(--ink-3)}
.line-items li{padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}
.line-items b{display:block;font-size:15.5px;font-weight:600}
.line-items span{font-size:14px;color:var(--ink-2)}
.capability{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;padding:18px 28px;border-radius:var(--r-pill)}
.cap-k{font-size:12.5px;letter-spacing:.16em;color:var(--accent);margin-right:6px}
.cap-v{font-size:16px}
.cap-plus{color:var(--ink-3)}
@media (max-width:760px){.capability{border-radius:22px;gap:8px 14px;padding:16px 18px}.cap-k{flex-basis:100%;text-align:center;margin-right:0}}   /* 手机：标签单独一行，三项排一行 */

/* ── 02 四个理由 ── */
.why-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:22px}
.why-big{display:flex;flex-direction:column;justify-content:center}
.why-num{display:flex;align-items:baseline;gap:8px}
.why-num b{font-size:clamp(84px,10vw,128px);line-height:1}
.why-num i{font-style:normal;font-size:22px;color:var(--accent)}
.why-big h3{margin-top:10px;font-size:22px}
.why-big p:not(.why-num){color:var(--ink-2)}
.reason .ico{margin-bottom:12px}
.reason p{margin-top:8px;font-size:14.5px;color:var(--ink-2)}
@media (max-width:960px){.why-grid{grid-template-columns:minmax(0,1fr)}}

/* ── 03 产品体系 ── */
.col-en{font-size:11px;letter-spacing:.18em;color:var(--ink-3)}
.col h3{margin:6px 0 14px;min-height:2.8em}
.general{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 28px;border-radius:var(--r-pill)}
.general-k{flex:none;font-size:12.5px;letter-spacing:.16em;color:var(--accent)}
.general p{font-size:14.5px;color:var(--ink-2);word-break:keep-all;overflow-wrap:anywhere}
@media (max-width:760px){.general{border-radius:22px;flex-direction:column;align-items:flex-start;gap:6px}.col h3{min-height:0}}

/* ── 03 重点产品（分段切换） ── */
/* 页签条只在 JS 接管后显示：没有 JS 时四个面板全部展开，页签点了也没用 */
.tablist{display:none;width:max-content;max-width:100%;margin:0 auto 36px;padding:6px;border-radius:var(--r-pill);overflow:hidden}
/* 外层玻璃不滚动，内层负责横滑：玻璃描边不会跟着内容滚走 */
.tabs-scroll{position:relative;display:flex;flex:1;min-width:0;gap:4px;border-radius:var(--r-pill);overflow-x:auto;scrollbar-width:none}
.js .tablist{display:flex}
.tabs-scroll::-webkit-scrollbar{display:none}
.tablist [role="tab"]{position:relative;z-index:1;flex:none;height:44px;padding:0 22px;border:0;border-radius:var(--r-pill);background:none;font-size:15px;color:var(--ink-2);cursor:pointer;transition:color .25s}
.tablist [role="tab"][aria-selected="true"]{color:#15110A;font-weight:600}
.tab-thumb{position:absolute;z-index:0;top:0;left:0;width:0;height:44px;border-radius:var(--r-pill);background:var(--accent-grad);background-size:200% 100%;box-shadow:0 8px 22px rgba(var(--accent-rgb),.3);transition:transform .45s var(--ease),width .45s var(--ease)}
.pane+.pane{margin-top:56px}
.js .pane+.pane{margin-top:0}
.pane-title{text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 14px rgba(0,0,0,.55);word-break:keep-all;overflow-wrap:anywhere;text-align:center;font-size:clamp(18px,2vw,24px);font-weight:500;margin-bottom:28px}
.pane-k{margin-top:12px;font-size:12.5px;letter-spacing:.12em;color:var(--accent)}
.pane-p{margin-top:8px;font-size:14.5px;color:var(--ink-2)}
.pane-list{margin-top:10px}
.target{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:14px;color:var(--ink-2)}
.target b{display:block;margin-bottom:2px;font-size:12.5px;font-weight:500;letter-spacing:.12em;color:var(--accent)}
.flowbar{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;padding:16px 28px;border-radius:var(--r-pill)}
.flowbar b{font-size:12.5px;font-weight:500;letter-spacing:.16em;color:var(--accent)}
.flowbar span{font-size:15px}
.flowbar i{font-style:normal;color:var(--ink-3)}
.levels{display:grid;gap:10px;margin-top:16px}
.level{display:flex;align-items:baseline;gap:12px}
.level .num{font-size:28px;color:var(--accent)}
.level b{display:block;font-size:16px}
.level div span{font-size:13.5px;color:var(--ink-2)}
.tag-row{display:flex;flex-wrap:wrap;gap:8px}
.pane-tags{margin-top:14px}
.camp-themes{justify-content:center;margin-bottom:26px}
.step-no{display:block;margin-bottom:10px;font-size:30px;line-height:1;color:var(--accent)}
.ai-tag{margin-top:6px;font-size:13.5px;color:var(--accent-soft)}
.ai-n{margin-top:10px;font-size:14px;color:var(--ink-2)}
.ai-n b{margin-right:4px;font-size:40px;color:var(--ink)}
/* 人才发展：桌面左一张高卡、右两张，避免两张短卡下面大片空玻璃 */
@media (min-width:761px){#pane-talent .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#pane-talent .grid>:first-child{grid-row:span 2}}
@media (max-width:760px){.tablist{width:100%}.flowbar{border-radius:22px}.flowbar:not(.flowbar--rows) b{flex-basis:100%;text-align:center}
  .flowbar--rows{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 14px;align-items:baseline;justify-content:stretch;text-align:left}.flowbar--rows i{display:none}.flowbar--rows span{text-wrap:pretty;word-break:keep-all;overflow-wrap:anywhere}}   /* 手机：标签与内容对齐成三行 */

/* ── 04 服务方法 ── */
.method-grid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:40px;align-items:center}
.ring4{position:relative;width:100%;max-width:340px;margin:0 auto}
.ring4 svg{width:100%;height:auto;overflow:visible}
.ring4-c,.loop7-c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:22px;font-weight:600;line-height:1.4}
.ring4-c small,.loop7-c small{display:block;font-size:11px;font-weight:400;letter-spacing:.2em;color:var(--ink-3)}
.step h3{margin-bottom:12px}
.survey{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 26px;padding:16px 28px;border-radius:var(--r-pill)}
.survey b{font-size:12.5px;font-weight:500;letter-spacing:.16em;color:var(--accent)}
.survey span{font-size:15px}
@media (max-width:1100px){.method-grid{grid-template-columns:minmax(0,1fr)}.ring4{max-width:260px}}
@media (max-width:760px){.survey{border-radius:22px}.survey b{flex-basis:100%;text-align:center}}   /* 手机：标签单独一行，同能力框架条 */

/* ── 04 质量体系 ── */
.quality-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.loop7{position:relative;width:100%;max-width:460px;margin:0 auto}
.loop7::before{content:"";display:block;padding-top:100%}
.loop7-ring{position:absolute;top:14%;left:14%;width:72%;height:72%;border-radius:50%;border:1.5px dashed rgba(var(--accent-rgb),.45)}
.loop7 li{word-break:keep-all;position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:108px;padding:4px 6px;border-radius:10px;background:rgba(var(--veil),.72);text-align:center;font-size:12.5px;line-height:1.45;color:var(--ink-2)}
.loop7 li b{display:block;font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--accent)}
.qp h3{margin-bottom:12px}
.qtrio{margin-top:22px}
.qtrio .glass{padding:18px;text-align:center}
.qtrio small{display:block;font-size:12.5px;letter-spacing:.12em;color:var(--ink-3)}
.qtrio b{font-size:19px;font-weight:500}
@media (max-width:960px){.quality-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.loop7::before,.loop7-ring,.loop7-c{display:none}.loop7{max-width:none}.loop7 ol{display:grid;gap:8px}.loop7 li{position:static;transform:none;width:auto;padding:0;background:none;text-align:left;font-size:14.5px}.loop7 li b{display:inline;margin-right:8px}}

/* ── 04 研发与师资 ── */
.rd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.rd-card h3{display:flex;align-items:center;gap:12px;font-size:21px}
.rd-sub{margin:6px 0 4px;font-size:13px;letter-spacing:.06em;color:var(--accent)}
.rd-k{margin:18px 0 10px;font-size:12.5px;letter-spacing:.14em;color:var(--ink-3)}
.fac-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:14px}
.fac-nums b{font-size:clamp(44px,5vw,60px);line-height:1.1}
.fac-nums i{margin-left:4px;font-style:normal;font-size:15px;color:var(--accent)}
.fac-nums p{font-size:13.5px;color:var(--ink-2)}
.tiers{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tiers i{font-style:normal;color:var(--ink-3)}
@media (max-width:960px){.rd-grid{grid-template-columns:minmax(0,1fr)}}

/* ── 05 典型项目 ── */
.proj-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;letter-spacing:.06em;color:var(--ink-3);word-break:keep-all}
.proj-top .num{flex:none;white-space:nowrap;font-size:22px;color:var(--accent)}
.proj h3{margin:10px 0 8px;font-size:20px}
.proj p:not(.proj-top){margin-bottom:14px;font-size:14.5px;color:var(--ink-2)}
.cases-note{display:table;margin:22px auto 0;padding:4px 14px;border-radius:999px;background:rgba(var(--veil),.75);color:var(--ink-2)}   /* 小字底注垫深色胶囊，不被光带压住 */

/* ── 05 客户认可 ── */
.recog-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}
.score{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.score-k{font-size:13px;letter-spacing:.12em;color:var(--ink-3)}
.score-v{display:flex;align-items:baseline;gap:8px;margin:6px 0 10px}
.score-v b{font-size:clamp(80px,9vw,120px);line-height:1}
.score-v i{font-style:normal;font-size:22px;color:var(--ink-3)}
.score-d{font-size:13.5px;line-height:1.8;color:var(--ink-2)}
.bars{margin-top:12px}
.bars li{display:grid;grid-template-columns:76px minmax(0,1fr) 24px;align-items:center;gap:12px;font-size:13.5px;color:var(--ink-2)}
.bars li+li{margin-top:12px}
.bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.bar i{display:block;width:var(--v);height:100%;border-radius:999px;background:var(--accent-grad)}
.bars b{text-align:right;font-weight:500;color:var(--ink)}
.score-foot{margin-top:16px;font-size:13px;line-height:1.8;color:var(--ink-3)}
.longterm h3{margin:8px 0;font-size:24px}
.longterm-d{font-size:14.5px;color:var(--ink-2)}
@media (max-width:960px){.recog-grid,.score{grid-template-columns:minmax(0,1fr)}}

/* ── 05 训后交付 ── */
.deliv-card .ico{margin-bottom:12px}
.deliv-card p{margin-top:6px;font-size:14.5px;color:var(--ink-2)}

/* ── BACE 专区（自带深海蓝极光底，盖住背后的金色流光） ── */
.bace-band{overflow:hidden;color:var(--ink);background:radial-gradient(55% 70% at 85% 20%,rgba(76,141,255,.30),transparent 70%),radial-gradient(45% 60% at 70% 95%,rgba(140,124,255,.24),transparent 70%),radial-gradient(40% 55% at 5% 90%,rgba(47,217,181,.14),transparent 70%),#050B1C;border-top:1px solid rgba(140,180,255,.14);border-bottom:1px solid rgba(140,180,255,.14)}
.bace-ribbons{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.6}
.band-in{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(30px,5vw,72px);align-items:center}
.band-disc{width:clamp(140px,16vw,210px);height:clamp(140px,16vw,210px)}
.band-title{margin-top:12px;font-size:clamp(26px,3.4vw,42px);line-height:1.3;font-weight:600}
.band-stats{display:flex;flex-wrap:wrap;gap:18px 40px;margin:26px 0 30px}
.band-stats b{display:block;font-size:clamp(34px,3.6vw,46px);line-height:1.1;color:var(--accent-soft)}
.band-stats span{font-size:13px;color:var(--ink-3)}
@media (max-width:760px){.band-in{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.band-in .btn-row,.band-stats{justify-content:center}}

/* ── 06 联系我们 ── */
.contact .slogan{margin-top:14px;font-size:clamp(18px,2vw,24px);letter-spacing:.08em}
.contact-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}   /* 桌面：左边宽联系卡占两行，右边二维码 2×2 */
.contact-card{grid-row:span 2;display:flex;flex-direction:column;justify-content:center}
.contact-co{margin-top:18px;font-size:13px;line-height:1.7;color:var(--ink-3)}
@media (max-width:1100px){.contact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-card{grid-column:1 / -1;grid-row:auto}}   /* 平板：联系卡占满一行，二维码一行四个 */
@media (max-width:560px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr{padding:16px}.contact-grid .qr:last-child:nth-child(even){grid-column:1 / -1}.qr{padding:16px 10px}.qr img{max-width:140px}}   /* 手机两列：第三张二维码跨两列居中 */
.qr b{text-wrap:pretty}