*{margin:0;padding:0;box-sizing:border-box}
/* 字体栈说明：Windows 上常有第三方字体冒名注册成 "Microsoft YaHei"（家族名同名、字形有缺/错位），
   用户级安装优先于系统字体，会把「演」等字渲染成错字。系统真雅黑同时暴露 "Microsoft YaHei UI"
   这个族名（注册表：Microsoft YaHei & Microsoft YaHei UI = msyh.ttc），把它前置可优先命中真雅黑。 */
body{font-family:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:#0F172A;background:#FFFFFF;line-height:1.7}
a{text-decoration:none;color:inherit}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
header.site{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.86);backdrop-filter:blur(6px);border-bottom:1px solid #E6E9F2}
header.site .bar{display:flex;align-items:center;gap:32px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:#0F172A;min-width:0}
.brand span{white-space:nowrap}
.brand img{height:34px;width:auto}
.brand .logo-fallback{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#4F46E5;color:#fff;font-size:16px;font-weight:800}
nav.main{display:flex;gap:28px;margin-left:auto;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
nav.main a{color:#475569;font-size:16px;padding:6px 2px;border-bottom:2px solid transparent;white-space:nowrap}
/* hover 态统一收进 @media (hover: hover)：触屏设备（微信内置浏览器/手机浏览器）点完之后
   :hover 会"粘住"不还原，卡片一直是抬起态、链接一直高亮，看着像坏了。
   包进媒体查询后只在真有鼠标的设备生效；媒体查询不增加优先级，规则位置未变，层叠顺序不变。
   混合写在一起的 .on（当前项）与 :focus（键盘导航）已拆成独立规则，无条件保留。 */
nav.main a.on{color:#4F46E5;border-color:#4F46E5}
@media (hover: hover){nav.main a:hover{color:#4F46E5;border-color:#4F46E5}}
.hero{background:linear-gradient(160deg,#EEF0FF 0%,#FFFFFF 60%);padding:96px 0 80px;text-align:center}
/* 首页轮播图：基础样式（帧显隐 + 箭头 + 圆点） */
.hero-carousel{position:relative;overflow:hidden}
.hero-carousel .hc-track{position:relative}
.hero-carousel .hc-slide{display:none}
.hero-carousel .hc-slide.on{display:block;animation:hcFade .55s ease}
@keyframes hcFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hero-carousel .hc-slide .wrap{min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.hero-carousel .hc-slide h1,.hero-carousel .hc-slide h2{margin-top:16px;font-size:clamp(24px,3.4vw,38px)}
.hero-carousel .hc-slide .cta{margin-top:28px}
.hc-tag{display:inline-block;background:#EEF0FF;color:#4F46E5;font-weight:700;font-size:13px;letter-spacing:3px;padding:5px 16px;border-radius:999px;margin-bottom:4px}
/* 首屏四层（2026-10-04）：主标语 h1 主行 + 定位行 h1 副行 + 公司署名行 + 两个 CTA */
.hero-carousel .hc-slide .hero-sub{display:block;margin-top:12px;font-size:clamp(16px,1.7vw,19px);font-weight:600;color:#334155;letter-spacing:.2px;line-height:1.45}
.hero-carousel .hc-slide .hero-sign{margin:14px auto 0;font-size:14px;color:#64748B;max-width:760px}
.hc-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(15,77,42,.22);background:rgba(255,255,255,.85);color:#4F46E5;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(15,23,42,.08);transition:.2s;z-index:5}
@media (hover: hover){.hc-arrow:hover{background:#fff;box-shadow:0 6px 18px rgba(15,77,42,.18);transform:translateY(-50%) scale(1.05)}}
.hc-arrow.prev{left:20px}
.hc-arrow.next{right:20px}
.hc-dots{position:absolute;left:0;right:0;bottom:20px;display:flex;gap:9px;justify-content:center;z-index:5}
.hc-dots button{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:#C7D2FE;cursor:pointer;transition:.25s}
.hc-dots button.on{width:24px;background:#4F46E5;animation:hcProg 6s linear forwards}
/* 轮播暂停按钮（WCAG 2.2.2）：暂停时进度圆点动画同步停在原地 */
.hc-toggle{position:absolute;right:20px;bottom:16px;width:36px;height:36px;border-radius:50%;border:1px solid #E6E9F2;background:rgba(255,255,255,.9);color:#4F46E5;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:6;transition:.2s;box-shadow:0 2px 8px rgba(15,23,42,.08)}
.hc-toggle:hover{background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.14)}
.hc-toggle .i-play{display:none}
.hero-carousel.hc-paused .hc-toggle .i-pause{display:none}
.hero-carousel.hc-paused .hc-toggle .i-play{display:block}
.hero-carousel.hc-paused .hc-dots button.on{animation-play-state:paused}
/* 产品帧：文字 + 内联 SVG 图形两栏 */
.hc-row{display:flex;align-items:center;gap:40px;text-align:left}
.hc-row .hc-txt{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.hc-row .hc-art{flex:0 0 220px;display:flex;justify-content:center}
.hc-mount{position:absolute;left:0;right:0;bottom:0;pointer-events:none;z-index:0}
.hc-mount svg{width:100%;display:block}
.hero-carousel .hc-track{position:relative;z-index:1}
/* 首页产品轮播：一行横滚，左右箭头 */
.p-carousel{position:relative}
.pc-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px 6px 18px}
.pc-track::-webkit-scrollbar{display:none}
.pc-track .p-card{flex:0 0 clamp(290px,calc((100% - 48px)/2.5),330px);scroll-snap-align:start}
.pc-arrow{position:absolute;top:40%;z-index:6;width:46px;height:46px;border-radius:50%;border:1px solid #E6E9F2;background:#fff;color:#4F46E5;cursor:pointer;box-shadow:0 4px 16px rgba(15,23,42,.12);display:flex;align-items:center;justify-content:center;transition:.2s}
@media (hover: hover){.pc-arrow:hover{background:#4F46E5;color:#fff;border-color:#4F46E5}}
.pc-arrow.prev{left:-14px}
.pc-arrow.next{right:-14px}
.pc-arrow[disabled]{opacity:.3;cursor:default;pointer-events:none}
@keyframes hcProg{from{width:8px}to{width:24px}}
@media (max-width:860px){.pc-arrow{display:none}.pc-track .p-card{flex-basis:290px}}
.p-carousel.all-fit .pc-arrow{display:none}
.hero h1{font-size:clamp(24px,3vw,38px);line-height:1.3;color:#0F172A;letter-spacing:.5px}
.hero p{margin:18px auto 0;max-width:640px;color:#475569;font-size:18px}
.hero .cta{margin-top:36px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 32px;border-radius:8px;font-size:16px;transition:.2s}
.btn.primary{background:#4F46E5;color:#fff}
@media (hover: hover){.btn.primary:hover{background:#4338CA}}
.btn.ghost{border:1px solid #CBD5E1;color:#475569;background:#fff}
@media (hover: hover){.btn.ghost:hover{border-color:#4F46E5;color:#4F46E5}}
section{padding:72px 0}
section.alt{background:#F7F8FC}
.sec-head{text-align:center;margin-bottom:44px}
.sec-head h2{font-size:30px;color:#0F172A}
.sec-head p{color:#64748B;margin-top:10px;font-size:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
/* 空状态横跨整行，避免孤零零挤在第一列 */
.grid .empty,.news-list .empty,.partner-grid .empty{grid-column:1/-1}
.p-card{background:#fff;border:1px solid #E6E9F2;border-radius:12px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}
@media (hover: hover){.p-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,.1)}}
.p-cover{height:auto;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;color:#fff;font-size:38px;font-weight:800;letter-spacing:6px;text-indent:6px;background:linear-gradient(135deg,#4F46E5,#06B6D4)}
.p-cover.has-img{background:#F7F8FC}
.p-cover img{width:100%;height:100%;object-fit:contain;background:#F7F8FC}
.p-body{padding:22px 22px 24px;flex:1;display:flex;flex-direction:column}
.p-body h3{font-size:20px;color:#0F172A}
.p-body p{color:#64748B;font-size:14px;margin-top:8px;flex:1}
.p-body .more{color:#4F46E5;font-size:14px;margin-top:14px;font-weight:600}
.about-txt{white-space:pre-line;color:#475569;max-width:820px;margin:0 auto;font-size:16px}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.c-item{background:#fff;border:1px solid #E6E9F2;border-radius:12px;padding:26px;text-align:center}
.c-item .k{color:#475569;font-size:13px;margin-bottom:8px}
.c-item .v{color:#0F172A;font-size:16px;word-break:break-all}
.c-item img{width:140px;height:140px;object-fit:contain;border:1px solid #E6E9F2;border-radius:8px;background:#fff}
/* 联系方式新版：一个白框装电话/地址/邮箱 + 独立官方服务号二维码卡，桌面端并排一行 */
.contact-cards{display:flex;gap:24px;align-items:stretch;flex-wrap:wrap}
.c-card{background:#fff;border:1px solid #E6E9F2;border-radius:14px;padding:30px 34px}
.c-card--info{flex:1 1 340px}
.c-card--qr{flex:0 1 380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.c-card-t{font-size:20px;color:#4338CA;margin-bottom:16px;letter-spacing:2px}
.ci-row{display:flex;gap:16px;padding:15px 2px;border-bottom:1px dashed #E6E9F2;text-align:left}
.ci-row:last-child{border-bottom:none;padding-bottom:2px}
.ci-k{flex:0 0 78px;color:#475569;font-size:14px;padding-top:2px}
.ci-v{color:#0F172A;font-size:16px;word-break:break-all;line-height:1.7}
@media (hover: hover){.ci-v a:hover{color:#6366F1}}
.c-card--qr .qr-tip{color:#475569;font-size:14px;margin-bottom:16px}
.c-card--qr img.wechat-qr{width:150px;height:150px;object-fit:contain;border:1px solid #E6E9F2;border-radius:10px;background:#fff;padding:6px}
@media (max-width:720px){.contact-cards{flex-direction:column}.c-card--info,.c-card--qr{flex:1 1 auto;width:100%}}
/* 页脚二维码：横排小卡（64px），避免撑宽「联系我们」列把页脚挤成两行 */
.f-qr{margin-top:12px;display:inline-flex;align-items:center;gap:10px}
.f-qr img{display:block;width:64px;height:64px;object-fit:contain;border:1px solid #0B1020;border-radius:8px;background:#fff;padding:4px}
.f-qr span{color:#94A3B8;font-size:12px;letter-spacing:1px}
footer.site .cols>div{min-width:0}
/* 桌面端页脚强制单行：三列始终并排（手机端仍走原有纵向断点） */
@media (min-width:861px){
  footer.site .cols{flex-wrap:nowrap;gap:28px}
  footer.site .cols>div:nth-child(1){flex:1 1 0;min-width:220px}
  footer.site .cols>div:nth-child(2){flex:0 1 auto;max-width:320px}
  footer.site .cols>div:nth-child(3){flex:0 0 auto}
}
/* 页面级面包屑（不在一级导航里的页面）：对齐 .wrap 内容左边界，只做定位提示不抢视觉 */
nav.crumb{max-width:1280px;margin:0 auto;padding:14px 24px;font-size:13px;color:#475569}
nav.crumb a{color:#475569}
nav.crumb a:focus{color:#4F46E5}
@media (hover: hover){nav.crumb a:hover{color:#4F46E5}}
nav.crumb span[aria-hidden]{margin:0 6px;color:#6B7280}
/* 面包屑已经在上方占位，标题区顶部留白收掉一截，免得中间空出一大块 */
nav.crumb+.detail-head{padding-top:28px}
.detail-head{padding:64px 0 8px}
.detail-head .crumb{color:#475569;font-size:13px;margin-bottom:18px}
@media (hover: hover){.detail-head .crumb a:hover{color:#4F46E5}}
.detail-head h1{font-size:30px;color:#0F172A}
.detail-head .tag{color:#64748B;margin-top:10px;font-size:16px}
.detail-cover{margin:28px auto 0;border-radius:12px;overflow:hidden;width:100%;max-width:420px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;color:#fff;font-size:56px;font-weight:800;background:linear-gradient(135deg,#4F46E5,#06B6D4)}
.detail-cover.has-img{background:#F7F8FC}
.detail-cover img{width:100%;height:100%;object-fit:contain;background:#F7F8FC}
.feat-list{list-style:none;margin:8px 0 0;columns:2;column-gap:32px}
.feat-list li{padding:8px 0 8px 26px;position:relative;color:#475569;break-inside:avoid}
.feat-list li:before{content:"✓";position:absolute;left:0;color:#4F46E5;font-weight:800}
.shot-row{display:flex;gap:36px;align-items:center;padding:36px 0;border-bottom:1px solid #F7F8FC}
.shot-row:last-child{border-bottom:0}
.shot-row:nth-child(even){flex-direction:row-reverse}
.shot-row .img{flex:0 0 46%;border-radius:12px;border:1px solid #E6E9F2;overflow:hidden;background:#F7F8FC;min-height:180px;display:flex;align-items:center;justify-content:center}
.shot-row .img img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.shot-row .txt{flex:1}
.shot-row .txt h3{font-size:20px;color:#0F172A;margin-bottom:10px}
.shot-row .txt p{color:#64748B;white-space:pre-line}
.cta-band{background:linear-gradient(135deg,#4F46E5,#06B6D4);color:#fff;text-align:center;padding:56px 24px;border-radius:16px}
.cta-band h2{font-size:24px;margin-bottom:12px}
.cta-band > p{opacity:.9;margin-bottom:24px}
.cta-band .btn{background:#fff;color:#4338CA;font-weight:700}
/* 对外承诺区：三句同处并排（回电/开通/违约），任何降权（opacity<1、灰化）都等于降级，禁止 */
.promise-card{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;padding:20px 22px;border-radius:12px;background:#EEF0FF;color:#4F46E5;font-size:16px;line-height:1.8;margin:20px 0}
.promise-card--deep{background:#4F46E5;color:#fff}
.promise-card b{font-weight:600}
.promise-card p{margin:0;opacity:1}
.promise-card .promise-tag{display:inline-block;margin-right:8px;font-weight:600}
footer.site{background:linear-gradient(180deg,#0B1020,#0B1020);color:#94A3B8;padding:40px 0;font-size:13px}
footer.site .cols{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}
@media (hover: hover){footer.site a:hover{color:#CBD5E1}}
footer.site .icp{margin-top:22px;padding-top:18px;border-top:1px solid #0B1020;text-align:center;color:#94A3B8}
.empty{color:#475569;text-align:center;padding:40px 0}
.page-404{text-align:center;padding:120px 0}
.page-404 h1{font-size:56px;color:#4338CA}
.page-404 p{color:#64748B;margin:16px 0 28px}
.btn-foot{margin-left:8px;padding:8px 18px;border:1.5px solid #4F46E5;color:#4F46E5;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap;flex:0 0 auto}
.btn-foot.alt{border-color:#E6E9F2;color:#64748B}
@media (hover: hover){.btn-foot.alt:hover{border-color:#4F46E5;color:#4F46E5;background:#fff}}
@media (hover: hover){.btn-foot:hover{background:#4F46E5;color:#fff}}
/* 页脚左下角：机构登录 / 数据大屏（原顶部导航按钮后移，避免挤占导航）。
   高对比设计：主按钮实心米白底深绿字，次按钮半透明白底白字，深绿页脚上一眼可辨 */
.foot-cta{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.foot-cta .btn-foot{margin-left:0;padding:9px 22px;font-size:14px;line-height:1.4;display:inline-flex;align-items:center;gap:6px}
footer.site .foot-cta .btn-foot{background:#FFFFFF;border:1.5px solid #FFFFFF;color:#4F46E5;box-shadow:0 2px 10px rgba(0,0,0,.25)}
@media (hover: hover){footer.site .foot-cta .btn-foot:hover{background:#EEF0FF;border-color:#EEF0FF;color:#4F46E5}}
footer.site .foot-cta .btn-foot.alt{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.65);color:#fff;box-shadow:none}
@media (hover: hover){footer.site .foot-cta .btn-foot.alt:hover{background:#FFFFFF;border-color:#FFFFFF;color:#4F46E5}}
.partner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.p-item{background:#fff;border:1px solid #E6E9F2;border-radius:12px;padding:26px 18px;text-align:center;color:#475569;font-weight:600;font-size:16px}
@media (hover: hover){.p-item a:hover{color:#4F46E5}}
.news-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.n-card{background:#fff;border:1px solid #E6E9F2;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}
@media (hover: hover){.n-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,.1)}}
.n-cover{height:150px;background:#F7F8FC}
.n-cover img{width:100%;height:100%;object-fit:cover}
.n-body{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column}
.n-date{color:#475569;font-size:13px;margin-bottom:8px}
.n-body h3{font-size:18px;color:#0F172A;line-height:1.5}
.n-body p{color:#64748B;font-size:14px;margin-top:10px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.n-body .more{color:#4F46E5;font-size:14px;margin-top:14px;font-weight:600}
/* 首页新闻推荐位：2 行 × 3 列卡片栅格（复用列表页 .n-card），平板两列、手机单列 */
.home-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:960px){.home-news-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.home-news-grid{grid-template-columns:1fr}}
.news-content p{margin-bottom:18px;font-size:16px;line-height:1.9}
.news-fig{margin:26px 0;background:#FFFFFF;border:1px solid #E6E9F2;border-radius:12px;padding:6px 6px 0;box-shadow:0 2px 6px rgba(15,23,42,.05),0 6px 16px rgba(15,23,42,.07)}
.news-fig img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #E2E8F0}
.news-fig figcaption{padding:9px 8px 11px;font-size:13px;letter-spacing:.5px;line-height:1.65;color:#475569;text-align:center}
.news-fig figcaption::before{content:"";display:block;width:16px;height:2px;background:#06B6D4;margin:0 auto 5px;border-radius:1px;opacity:.75}
.msg-form{max-width:640px;margin:40px auto 0;background:#fff;border:1px solid #E6E9F2;border-radius:14px;padding:32px}
.msg-form h3{font-size:20px;color:#0F172A;margin-bottom:6px}
.msg-form .sub{color:#64748B;font-size:14px;margin-bottom:22px}
.msg-form .field{margin-bottom:18px}
.msg-form label{display:block;font-size:14px;color:#475569;margin-bottom:6px}
.msg-form input,.msg-form textarea{width:100%;padding:11px 14px;border:1px solid #CBD5E1;border-radius:8px;font-size:16px;font-family:inherit;color:#0F172A;outline:none;transition:border-color .2s}
.msg-form input:focus,.msg-form textarea:focus{border-color:#4F46E5}
.msg-form textarea{resize:vertical;min-height:120px}
.msg-form .btn-msg{display:inline-block;background:#4F46E5;color:#fff;border:0;border-radius:8px;padding:12px 36px;font-size:16px;cursor:pointer;transition:.2s}
@media (hover: hover){.msg-form .btn-msg:hover{background:#4338CA}}
.msg-form .btn-msg[disabled]{opacity:.6;cursor:not-allowed}
.msg-tip{display:none;margin-top:16px;padding:10px 14px;border-radius:8px;font-size:14px}
.msg-tip.ok{display:block;background:#f0fdf4;color:#15803d;border:1px solid #DCFCE7}
.msg-tip.err{display:block;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.msg-hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
/* 企业荣誉（关于页）：响应式网格 + 点击看大图（lightbox） */
.honor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.h-item{background:#fff;border:1px solid #E6E9F2;border-radius:12px;overflow:hidden;text-align:center;margin:0;transition:.25s}
@media (hover: hover){.h-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,23,42,.1)}}
.h-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#F7F8FC;cursor:zoom-in}
.h-item figcaption{padding:10px 12px;font-size:14px;color:#475569}
.lightbox{position:fixed;inset:0;background:rgba(15,23,42,.82);display:flex;align-items:center;justify-content:center;z-index:60;cursor:zoom-out}
.lightbox img{max-width:92vw;max-height:90vh;border-radius:8px;background:#fff;padding:8px}
/* 加入我们（招聘页）：校招/社招选项卡 + 岗位卡片 */
.job-tabs{display:flex;gap:12px;justify-content:center;margin-bottom:36px}
.job-tab{border:1.5px solid #CBD5E1;background:#fff;color:#475569;border-radius:999px;padding:10px 34px;font-size:16px;font-weight:600;cursor:pointer;transition:.2s}
@media (hover: hover){.job-tab:hover{border-color:#4F46E5;color:#4F46E5}}
.job-tab.on{background:#4F46E5;border-color:#4F46E5;color:#fff}
.job-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;align-items:start}
.job-card{background:#fff;border:1px solid #E6E9F2;border-radius:12px;padding:26px 26px 24px;display:flex;flex-direction:column}
.job-card .j-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.job-card h3{font-size:18px;color:#0F172A}
.job-card .j-salary{color:#4F46E5;font-weight:700;font-size:16px;white-space:nowrap}
.job-card .j-summary{color:#64748B;font-size:14px;margin-top:6px}
.job-card ul{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px dashed #E6E9F2;flex:1}
.job-card li{padding:5px 0 5px 20px;position:relative;color:#475569;font-size:14px;line-height:1.7;break-inside:avoid}
.job-card li:before{content:"";position:absolute;left:4px;top:14px;width:6px;height:6px;border-radius:50%;background:#4F46E5}
.careers-band{background:linear-gradient(135deg,#4F46E5,#06B6D4);color:#fff;text-align:center;padding:52px 24px;border-radius:16px}
.careers-band h2{font-size:24px;margin-bottom:10px}
.careers-band p{opacity:.92;margin-bottom:24px}
.careers-band .btn{background:#fff;color:#4338CA;font-weight:700}
/* 企业文化（关于页）：数据背书 + 使命愿景 + 价值观 + 发展历程 */
.data-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}
.data-item{background:#fff;border:1px solid #E6E9F2;border-radius:12px;padding:24px 18px;text-align:center}
.data-item .num{font-size:24px;font-weight:800;color:#4F46E5}
.data-item .lbl{color:#64748B;font-size:14px;margin-top:6px}
.mv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.mv-card{background:#fff;border:1px solid #E6E9F2;border-radius:12px;padding:32px 30px}
.mv-card .tag{display:inline-block;background:#EEF0FF;color:#4F46E5;font-weight:700;font-size:13px;padding:4px 14px;border-radius:999px}
.mv-card h3{font-size:20px;color:#0F172A;margin-top:16px}
.mv-card p{color:#64748B;font-size:14px;margin-top:12px;line-height:1.8}
.val-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
/* 中间断点孤行治理：任何视口不出现 3+1 / 2+1 */
@media (max-width:1024px){.val-grid{grid-template-columns:1fr 1fr}}
@media (max-width:996px){.news-list{grid-template-columns:1fr}}
@media (max-width:860px){.data-band{grid-template-columns:1fr 1fr}.job-list{grid-template-columns:1fr 1fr}.job-list>.job-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 12px);margin:0 auto;width:100%}}
.honor-grid:has(> .h-item:nth-child(4)){grid-template-columns:repeat(4,1fr)}
.contact-grid:has(> .c-item:nth-child(3)){grid-template-columns:repeat(3,1fr)}
@media (max-width:1024px){.honor-grid:has(> .h-item:nth-child(4)){grid-template-columns:repeat(2,1fr)}}
.val-card{background:#fff;border:1px solid #E6E9F2;border-radius:12px;padding:28px 24px}
.val-card .zi{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#4F46E5,#06B6D4);color:#fff;font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center}
.val-card h3{font-size:18px;color:#0F172A;margin-top:14px}
.val-card p{color:#64748B;font-size:14px;margin-top:8px;line-height:1.8}
.timeline{max-width:780px;margin:0 auto;padding-left:24px;border-left:2px solid #E6E9F2}
.tl-item{position:relative;padding:0 0 34px 24px}
.tl-item:last-child{padding-bottom:6px}
.tl-item:before{content:"";position:absolute;left:-32px;top:7px;width:11px;height:11px;border-radius:50%;background:#4F46E5;box-shadow:0 0 0 4px #EEF0FF}
.tl-item .year{color:#4F46E5;font-weight:800;font-size:16px;letter-spacing:1px}
.tl-item h3{font-size:18px;color:#0F172A;margin-top:3px;display:inline-block;margin-left:8px}
.tl-item p{color:#64748B;font-size:14px;margin-top:8px;line-height:1.8}
/* 品牌故事：远山 hero + 章节长文 */
.story-hero{background:linear-gradient(180deg,#0B1020 0%,#0B1020 52%,#6366F1 100%);color:#fff;text-align:center;padding:96px 24px 140px;position:relative;overflow:hidden}
.story-hero h1{font-size:38px;letter-spacing:2px;position:relative;z-index:2}
.story-hero .sub{opacity:.85;margin-top:16px;font-size:16px;position:relative;z-index:2}
.story-hero .mount{position:absolute;left:0;right:0;bottom:-4px;width:100%;display:block;z-index:1}
.home-story{background:linear-gradient(180deg,#F7F8FC,#EEF0FF);border-radius:16px;padding:64px 24px 84px;text-align:center;position:relative;overflow:hidden}
.home-story .in{position:relative;z-index:2}
.home-story h2{font-size:24px;color:#0F172A}
.home-story p{color:#475569;margin-top:12px}
.home-story .btn{margin-top:26px}
.home-story .mount{position:absolute;left:0;right:0;bottom:-2px;width:100%;display:block;z-index:1}
.story-body{max-width:720px;margin:0 auto;padding:8px 24px 0}
.story-ch{padding:44px 0 8px}
.story-ch h2{font-size:20px;color:#0F172A;margin-bottom:20px;padding-left:14px;border-left:4px solid #4F46E5;line-height:1.4}
.story-ch p{color:#475569;font-size:16px;line-height:1.9;margin-bottom:18px}
.story-quote{background:#F7F8FC;border:1px solid #E6E9F2;border-left:4px solid #6366F1;border-radius:12px;padding:24px 26px;color:#475569;font-size:16px;line-height:1.9;margin:22px 0}
.story-end{background:linear-gradient(180deg,#0B1020,#0B1020);color:#fff;text-align:center;padding:72px 24px;margin-top:56px}
.story-end .line{font-size:30px;font-weight:700;letter-spacing:6px}
.story-end .sub{opacity:.8;margin-top:14px;font-size:14px}
/* 统一二级页页头 */
.page-hero{background:linear-gradient(160deg,#EEF0FF 0%,#FFFFFF 60%);padding:64px 0 56px;text-align:center}
.page-hero h1{font-size:clamp(20px,2.4vw,30px);color:#0F172A;letter-spacing:.5px}
.page-hero p{color:#475569;margin-top:12px;font-size:16px}
.section-tight{padding:56px 0}
.hero-kw{margin-top:16px;color:#475569;font-size:14px}
.hero-kw .sep{color:#A5B4FC;padding:0 8px}
/* 电话一律可点（整改意见 P0-4：此前页脚与首屏电话是纯文本，手机上点不动）。
   纯文本电话看不出可点，这次给链接加了下划线 + 悬停变色，让「能拨」这件事看得出来。 */
a.f-tel, a.h-tel {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
a.f-tel:hover, a.f-tel:focus-visible,
a.h-tel:hover, a.h-tel:focus-visible {
  color: #4F46E5;
}
.hero-tel strong .h-tel { font-weight: inherit; }

/* 首屏咨询热线（参考 hzvav.com：热线前置，B 端客户第一眼能看到电话） */
.hero-tel{margin-top:16px;font-size:14px;color:#475569}
.hero-tel strong{color:#4F46E5;font-size:18px;letter-spacing:.5px}
.hero-tel .tel-note{font-size:12px;color:#64748B;margin-left:6px}
/* 键盘焦点可见（可达性 P0） */
/* 新闻详情上一篇/下一篇 */
.news-nav{display:flex;gap:14px;max-width:860px;margin:34px auto 0;flex-wrap:wrap}
.news-nav .nav-item{flex:1;min-width:220px;background:#fff;border:1px solid #E6E9F2;border-radius:12px;padding:16px 20px;display:block;text-decoration:none}
@media (hover: hover){.news-nav .nav-item:hover{border-color:#4F46E5}}
.news-nav .nav-item.off{opacity:.55;cursor:default}
@media (hover: hover){.news-nav .nav-item.off:hover{border-color:#E6E9F2}}
.news-nav .k{display:block;color:#475569;font-size:13px}
.news-nav .t{display:block;color:#0F172A;font-size:16px;margin-top:6px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #4F46E5;outline-offset:2px;border-radius:4px}
nav.main a:focus-visible{outline-offset:0;border-radius:6px}
.job-tab:focus-visible{outline-offset:3px}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
/* 移动端导航滚动条隐藏 + 右缘渐隐提示 */
header.site .bar{position:relative}
nav.main{scrollbar-width:none;-ms-overflow-style:none}
nav.main::-webkit-scrollbar{display:none}
header.site .bar::after{content:"";position:absolute;right:0;bottom:14px;width:36px;height:34px;background:linear-gradient(to left,rgba(255,255,255,.96),transparent);pointer-events:none;display:none}
@media (max-width:860px){header.site .bar::after{display:block}}
/* 移动端抽屉导航（E3）：窄屏收起横滑导航，改为右侧抽屉 */
.nav-toggle{display:none;margin-left:auto;background:none;border:0;padding:8px 2px 8px 10px;cursor:pointer;flex:0 0 auto}
.nav-toggle .bars,.nav-toggle .bars::before,.nav-toggle .bars::after{display:block;width:22px;height:2px;background:#0F172A;border-radius:2px}
.nav-toggle .bars{position:relative}
.nav-toggle .bars::before,.nav-toggle .bars::after{content:"";position:absolute;left:0}
.nav-toggle .bars::before{top:-7px}
.nav-toggle .bars::after{top:7px}
.nav-toggle:focus-visible{outline:2px solid #4F46E5;outline-offset:2px;border-radius:6px}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:#4F46E5;color:#fff;font-size:14px;padding:10px 18px;border-radius:0 0 8px 0}
.skip-link:focus{left:0}
.nav-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.45);z-index:55}
.nav-drawer{position:fixed;top:0;right:0;bottom:0;width:80%;max-width:320px;background:#F7F8FC;z-index:56;overflow-y:auto;padding:16px 20px 28px;box-shadow:-6px 0 24px rgba(15,77,42,.14)}
.nav-drawer .drawer-head{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 14px;border-bottom:1px solid #E6E9F2}
.nav-drawer .drawer-head span{font-size:16px;font-weight:500;color:#0F172A}
.nav-drawer .drawer-close{background:none;border:0;font-size:24px;line-height:1;color:#475569;padding:2px 8px;cursor:pointer}
.nav-drawer a{display:block;padding:13px 2px;font-size:16px;color:#475569;border-bottom:1px solid #F7F8FC}
.nav-drawer a:focus{color:#4F46E5}
@media (hover: hover){.nav-drawer a:hover{color:#4F46E5}}
.nav-drawer .drawer-sep{font-size:12px;color:#6B7280;padding:18px 2px 6px}
body.nav-open{overflow:hidden}
@media (max-width:860px){nav.main{display:none}.nav-toggle{display:block}header.site .bar::after{display:none}}
/* 新闻无图品牌占位 */
.n-cover--brand{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#EEF0FF,#EEF0FF)}
.n-cover--brand span{font-size:38px;font-weight:800;color:#4F46E5}
/* 合作伙伴单条横排 */
.partner-line{display:flex;gap:28px;justify-content:center;align-items:center;color:#64748B;font-weight:600;font-size:16px;background:#fff;border:1px solid #E6E9F2;border-radius:12px;padding:22px}
.partner-line .p-item{border:0;background:none;padding:0}
/* 页脚标题 */
footer.site h4{color:#CBD5E1;font-size:16px;font-weight:700;margin-bottom:10px}
/* 荣誉放大（键盘可达） */
.h-zoom{border:0;background:none;padding:0;width:100%;cursor:zoom-in;display:block}
body.lb-open{overflow:hidden}
/* 留言表单字段错误 */
.f-err{color:#b91c1c;font-size:13px;margin-top:6px}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#ef4444}
/* 品牌故事：章节目录 / 阅读进度 / 返回顶部 */
.story-ch{scroll-margin-top:130px}
#story-progress{position:fixed;top:0;left:0;height:3px;width:0;background:#4F46E5;z-index:30}
.story-toc{max-width:720px;margin:28px auto 0;padding:0 24px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
.story-toc::-webkit-scrollbar{display:none}
.story-toc a{flex:0 0 auto;border:1px solid #E6E9F2;border-radius:999px;padding:6px 14px;font-size:13px;color:#475569;background:#fff;scroll-snap-align:center}
@media (hover: hover){.story-toc a:hover{border-color:#4F46E5;color:#4F46E5}}
.story-toc a.cur{border-color:#4F46E5;background:#EEF0FF;color:#4338CA;font-weight:600}
#to-top{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:44px;height:44px;border-radius:50%;border:1px solid #E6E9F2;background:#fff;color:#4F46E5;font-size:18px;display:none;z-index:30;cursor:pointer;box-shadow:0 4px 14px rgba(15,23,42,.12)}
@media (max-width:720px){
 .data-band{grid-template-columns:1fr 1fr}
 .story-hero{padding:64px 18px 100px}
 .story-hero h1{font-size:24px}
 .story-ch p{font-size:16px}
 .story-end .line{font-size:20px;letter-spacing:3px}
}
@media (max-width:860px){
  header.site .bar{flex-wrap:wrap;height:auto;padding:10px 0;row-gap:2px}
  .btn-foot{margin-left:auto}
}
@media (max-width:720px){
 .hero{padding:56px 0 48px}
 .hero h1{font-size:30px}
 .hero p{font-size:16px;padding:0 6px}
 section{padding:48px 0}
 .sec-head h2{font-size:24px}
 .wrap{padding:0 16px}
 .feat-list{columns:1}
 .shot-row,.shot-row:nth-child(even){flex-direction:column;align-items:stretch}
 .shot-row .img{flex:none}
 .detail-head h1{font-size:24px}
 .detail-cover{font-size:38px;max-width:70vw}
 .detail-cover img{max-height:none}
 .news-list{grid-template-columns:1fr}
 .msg-form{padding:22px 16px}
 .partner-grid{grid-template-columns:repeat(2,1fr);gap:12px}
 .p-item{padding:18px 10px;font-size:14px}
 .contact-grid{grid-template-columns:1fr 1fr}
 .cta-band{padding:40px 18px}
 .cta-band h2{font-size:20px}
 .promise-card{padding:16px 14px}
 .job-list{grid-template-columns:1fr}
 .page-hero{padding:44px 0 40px}
 .page-hero h1{font-size:24px}
 .timeline{padding-left:14px}
 .tl-item{padding-left:18px}
 .tl-item:before{left:-27px}
 .tl-item .year{display:block}
 .tl-item h3{display:block;margin-left:0;margin-top:2px}
 footer.site .cols{flex-direction:column;gap:26px}
 .hero-carousel{padding:56px 0 64px}
 .hc-arrow{display:none}
 .hc-row{gap:0}
 .hc-row .hc-art{display:none}
 .hero-carousel .hc-slide .wrap{min-height:230px}
}
@media (max-width:380px){
 .hero h1{font-size:24px}
 .hero-carousel .hc-slide .wrap{min-height:220px}
 .hc-tag{font-size:12px;padding:4px 12px;letter-spacing:2px}
 .contact-grid{grid-template-columns:1fr}
 .btn{padding:11px 22px}
 .brand{max-width:calc(100% - 90px)}
 .brand span{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .btn-foot{padding:6px 12px;font-size:13px}
 .partner-grid{grid-template-columns:1fr}
 .job-tab{padding:8px 22px;font-size:14px}
}

/* ===== 价格方案页 /pricing ===== */
.plan-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;align-items:stretch}
.price-card{background:#fff;border:1.5px solid #E6E9F2;border-radius:14px;padding:28px 24px;position:relative}
.price-card.hot{border-color:#4F46E5;box-shadow:0 8px 30px rgba(15,77,42,.12)}
.price-flag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#4F46E5;color:#fff;font-size:12px;font-weight:600;padding:4px 14px;border-radius:999px}
.price-name{font-size:18px;color:#0F172A}
.price-num{font-size:30px;font-weight:700;color:#0F172A;margin-top:12px}
.price-card.hot .price-num{color:#4F46E5}
.price-unit{color:#64748B;font-size:13px}
.price-suited{color:#64748B;font-size:13px;margin-top:10px}
.price-feats{margin-top:16px;display:flex;flex-direction:column;gap:9px;font-size:14px;color:#475569;list-style:none;padding:0}
.price-feats li{display:flex;gap:8px;align-items:flex-start}
.price-feats .tick{color:#4F46E5;font-weight:700;flex:0 0 auto}
.price-cta{display:block;text-align:center;margin-top:22px}
.price-note{color:#64748B;font-size:13px;margin-top:22px;text-align:center}
.plan-sec{padding-top:44px;padding-bottom:10px}
.plan-group-title{font-size:20px;color:#0F172A;margin:0 0 6px;text-align:center}
.plan-group-title small{display:block;font-size:14px;font-weight:400;color:#475569;margin-top:8px}

/* ===== 中宽屏（笔记本 861-1440）：收紧导航，保证长机构名与 6 个菜单一行放下 ===== */
@media (min-width:861px) and (max-width:1440px){
  header.site .bar{gap:20px}
  nav.main{gap:18px}
  .brand{font-size:16px}
  .brand img{height:30px}
  .btn-foot{padding:8px 14px;font-size:13px}
}

/* ==================== 改版新增：松柏绿视觉系统 ==================== */
/* 标题字重：全站统一黑体后，靠字重与字号跳级建立层次
   （原为衬线栈 Noto Serif SC → … → SimSun。前两个无 webfont 引入、中间两个是 macOS 专属，
     Windows 访客一律落到 SimSun 宋体，只有 400 字重，小字号下笔画发虚粘连。已整栈去除。） */
.sec-head h2,.hero-carousel .hc-slide h1,.hero-carousel .hc-slide h2,.page-hero h1,
.story-hero h1,.detail-head h1,.story-end .line,.cta-band h2,.careers-band h2,.home-story h2{
  font-weight:700;
}
/* 首屏品牌主张副题 */
.hero-claim{margin:14px auto 0;max-width:640px;font-size:20px;color:#475569;letter-spacing:2px}
/* 产品卡片无封面：完整名称版式（修复截断） */
.cover-name{
  position:relative;display:flex;align-items:center;justify-content:center;text-align:center;
  background:linear-gradient(135deg,#4338CA,#6366F1);color:#fff;overflow:hidden;
}
.cover-name:before{
  content:"";position:absolute;right:-24px;bottom:-16px;width:120px;height:64px;opacity:.18;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 64'><path d='M18,64 L18,26 Q19,22 23,22 L38,22 Q42,22 42,27 L42,64 Z M48,64 L48,14 Q49,9 54,9 L66,9 Q71,9 72,15 L72,64 Z M78,64 L78,30 Q79,26 83,26 L97,26 Q101,26 101,31 L101,64 Z' fill='%23fff'/></svg>") no-repeat right bottom / contain;
}
.cover-name span{
  font-size:24px;font-weight:800;letter-spacing:3px;line-height:1.5;padding:0 18px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
/* 产品详情页文化开头句 */
.culture-lead{
  font-size:20px;color:#4F46E5;font-weight:600;letter-spacing:1px;line-height:1.8;
  padding:6px 18px;border-left:4px solid #6366F1;background:#EEF0FF;border-radius:0 10px 10px 0;
}
/* 价值观卡片图标 */
.val-ico{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:10px;border-radius:14px;background:#EEF0FF}
/* 页脚三爿石收尾符号 */
footer.site .sps-symbol{display:inline-block;vertical-align:-4px;margin-right:10px;color:#6366F1;opacity:.85}
/* 故事页金句分隔（三爿石剪影） */
.sps-divider{display:flex;justify-content:center;margin-bottom:18px}
/* 时间轴关键节点 */
.tl-item.key .year{color:#fff;background:#4F46E5;padding:2px 12px;border-radius:999px;letter-spacing:1px}
.tl-item.key h3{color:#4F46E5}
.key-dot{display:none}
/* 故事页金句放大收尾（意见：40px+ 主色宽行距） */
.story-end .line{font-size:38px;letter-spacing:10px;line-height:1.5}
@media (max-width:860px){.story-end .line{font-size:24px;letter-spacing:5px}}

html,body{overflow-x:hidden}
/* ==================== 通栏横向滑动相册条 ==================== */
html{--sbw:0px}
.strip-wrap{position:relative;width:calc(100vw - var(--sbw));margin-left:calc(50% - (100vw - var(--sbw))/2)}
.photo-strip{display:flex;gap:14px;align-items:flex-start;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:8px max(24px,calc(50vw - 550px)) 18px}
.photo-strip::-webkit-scrollbar{display:none}
.photo-strip:focus-visible{outline:2px solid #06B6D4;outline-offset:-4px;border-radius:8px}
.photo-strip .op-item,.photo-strip .ch-fig,.photo-strip .g-item{flex:0 0 auto;margin:0;scroll-snap-align:center}
/* 照片少时不堆左边：不溢出时由 JS 加 is-centered 居中；溢出时由 JS 加 has-nav 显示箭头并让出箭头位 */
.photo-strip.is-centered{justify-content:center}
.strip-wrap.has-nav .photo-strip{padding-left:max(60px,calc(50vw - 550px));padding-right:max(60px,calc(50vw - 550px))}
/* 统一图高（4-5 寸印张）：竖图/方图 172px，横图 120px，图说等高，底边自然对齐 */
.photo-strip .op-item,.photo-strip .ch-fig,.photo-strip .g-item{width:min-content}
.photo-strip .op-item img,.photo-strip .ch-fig img,.photo-strip .g-item img{height:172px;width:auto;aspect-ratio:auto}
.photo-strip .op-item--wide img,.photo-strip .ch-fig--wide img{height:120px}
.photo-strip .g-item--qr img{width:200px;height:auto}
/* 图说三卡统一：衬线 12.5px，绿线居中，与照片同宽居中，hover 变主色 */
.photo-strip figure figcaption{font-size:12px;letter-spacing:.5px;line-height:1.6;color:#475569;text-align:center;padding:7px 6px 9px;min-height:40px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s}
.photo-strip figure figcaption::before{content:"";display:block;width:16px;height:2px;background:#06B6D4;margin:0 auto 5px;border-radius:1px;opacity:.75}
@media (hover: hover){.photo-strip .op-item:hover figcaption,.photo-strip .ch-fig:hover figcaption,.photo-strip .g-item:hover figcaption{color:#4F46E5}}
/* 箭头：默认隐藏（渐进增强），JS 检测溢出后加 has-nav 才显示；移动端始终隐藏靠手势 */
.strip-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid #E6E9F2;background:rgba(255,255,255,.92);color:#4F46E5;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(15,23,42,.18);transition:.2s}
.strip-wrap.has-nav .strip-nav{display:flex}
@media (hover: hover){.strip-nav:hover{background:#4F46E5;color:#fff}}
.strip-nav.prev{left:12px}.strip-nav.next{right:12px}
.strip-nav svg{pointer-events:none}
@media (max-width:760px){.strip-nav{display:none!important}.photo-strip,.strip-wrap.has-nav .photo-strip{padding:8px 20px 16px}
/* 手机端可滑动暗示：仅当条带确实可滚动（has-nav）时右缘渐隐，单图章节不受影响 */
.strip-wrap.has-nav .photo-strip{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}}
/* 相册卡片（滑动条内用） */
.op-item{position:relative;background:#FFFFFF;border:1px solid #E6E9F2;border-radius:12px;padding:6px 6px 0;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 2px 6px rgba(15,23,42,.05),0 6px 16px rgba(15,23,42,.07)}
@media (hover: hover){.op-item:hover{transform:translateY(-3px);box-shadow:0 5px 12px rgba(15,23,42,.08),0 12px 24px rgba(15,77,42,.13)}}
.op-item img{display:block;border-radius:6px;border:1px solid #E2E8F0;object-fit:cover}
.op-item--wide img{height:auto}
.op-item figcaption{padding:7px 6px 9px;font-size:12px;letter-spacing:.5px;line-height:1.6;color:#475569;text-align:center;transition:color .25s}
.op-item figcaption::before{content:"";display:block;width:16px;height:2px;background:#06B6D4;margin:0 auto 5px;border-radius:1px;opacity:.75}
@media (hover: hover){.op-item:hover figcaption{color:#4F46E5}}
/* 品牌故事章节配图（滑动条内，去卡片化，hover 与其它卡片统一为浮起） */
.ch-fig{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.08);transition:transform .25s ease,box-shadow .25s ease;background:#FFFFFF}
@media (hover: hover){.ch-fig:hover{transform:translateY(-3px);box-shadow:0 5px 16px rgba(15,23,42,.14)}}
.ch-fig img{display:block;object-fit:cover}
/* ==================== 今年的山货（当季农产品） ==================== */
.page-hero.slim{padding:48px 0 12px}
.g-item{background:#FFFFFF;border:1px solid #E6E9F2;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.06);transition:transform .25s ease,box-shadow .25s ease}
@media (hover: hover){.g-item:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(15,23,42,.12)}}
.g-item img{display:block}
.g-item--qr{padding:6px 6px 0;border-radius:12px}
.g-item--qr img{border-radius:6px}
.hot-tag{display:inline-block;font-size:12px;line-height:1;background:#4F46E5;color:#fff;border-radius:4px;padding:3px 6px;margin-left:6px;vertical-align:2px;letter-spacing:1px}
.per-jin{display:block;font-size:12px;color:#475569;font-weight:400;margin-top:2px;letter-spacing:0}
.goods-tablewrap{max-width:720px;margin:0 auto;border:1px solid #E6E9F2;border-radius:12px;overflow-x:auto;box-shadow:0 2px 8px rgba(15,23,42,.05);background:#FFFFFF}
.goods-table{width:100%;border-collapse:collapse;font-size:14px}
.goods-table th{background:#4F46E5;color:#fff;font-weight:600;padding:10px 12px;text-align:left;font-size:13px;letter-spacing:1px}
.goods-table td{padding:9px 12px;border-top:1px solid #F7F8FC;color:#475569}
.goods-table td:first-child{color:#475569;width:44px}
.goods-table td.price{color:#4F46E5;font-weight:700;white-space:nowrap}
.goods-table tr.group td{background:#EEF0FF;color:#4F46E5;font-weight:700;letter-spacing:2px;font-size:13px;padding:8px 12px}
.goods-band{max-width:860px;margin:0 auto;background:linear-gradient(135deg,#4F46E5,#6366F1);color:#fff;text-align:center;padding:44px 24px;border-radius:16px}
.goods-band h2{font-size:24px;letter-spacing:2px;margin-bottom:10px}
.goods-band p{opacity:.92;margin:0 auto 22px;font-size:16px;line-height:1.8;max-width:560px}
.goods-band .btn{background:#fff;color:#4338CA;font-weight:700}
@media (max-width:560px){.goods-table{font-size:13px}.goods-table th,.goods-table td{padding:8px 10px}}

/* ==================== 官网整改新增（2026-09-26）：获客化改版 ==================== */
/* 表单：双列行 / 复选横排 / 隐私告知 */
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:640px){.field-row{grid-template-columns:1fr}}
.chk-row{display:flex;flex-wrap:wrap;gap:8px 18px}
.chk-row label{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#475569;cursor:pointer;font-weight:400}
.chk-row input[type=checkbox]{width:16px;height:16px;accent-color:#4F46E5}
.privacy-note{margin-top:14px;font-size:12px;line-height:1.7;color:#6B7280}
.privacy-note a{color:#6366F1;text-decoration:underline}
/* 首页：案例摘要卡 */
.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.case-card{position:relative;background:#fff;border:1px solid #E6E9F2;border-radius:14px;padding:24px 22px 20px}
.case-card h3{font-size:16px;color:#0F172A;margin-bottom:10px;padding-right:8px}
.case-card p{font-size:14px;line-height:1.8;color:#475569;margin-bottom:12px}
.case-card .more{color:#6366F1;font-weight:700;font-size:13px;text-decoration:none}
.case-tag{display:inline-block;font-size:12px;color:#6B7280;background:#F7F8FC;border-radius:999px;padding:3px 10px;margin-bottom:12px;letter-spacing:.5px}
.case-note{text-align:center;font-size:13px;color:#6B7280;margin-top:18px;line-height:1.7}
/* 首页：招聘一行入口 */
.careers-line{background:#fff;border:1px dashed #C9C2AD;border-radius:12px;padding:18px 24px;text-align:center;font-size:14px;color:#475569;line-height:1.8}
.careers-line strong{color:#0F172A}
.careers-line a{color:#4F46E5;font-weight:700;text-decoration:none;border-bottom:2px solid #06B6D4}
@media (hover: hover){.careers-line a:hover{color:#6366F1}}
/* 解决方案页：按业态分栏，每栏「处境 → 卡在哪 → 用哪套 → 改了以后」 */
.sol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;align-items:start}
.sol-card{background:#fff;border:1px solid #E6E9F2;border-radius:14px;padding:26px 24px;display:flex;flex-direction:column}
.sol-card h3{font-size:20px;color:#0F172A;line-height:1.4;margin-bottom:4px}
.sol-sub{font-size:13px;color:#64748B;letter-spacing:.5px;margin-bottom:16px}
.sol-scene{font-size:14px;line-height:1.8;color:#0F172A;background:#FFFFFF;border-radius:10px;padding:12px 14px;margin-bottom:16px}
.sol-label{font-size:13px;font-weight:700;color:#4F46E5;letter-spacing:1px;margin-bottom:7px}
.sol-pains{list-style:none;margin:0 0 16px;padding:0}
.sol-pains li{font-size:14px;line-height:1.75;color:#475569;padding-left:16px;position:relative;margin-bottom:4px}
.sol-pains li:before{content:"";position:absolute;left:2px;top:.7em;width:5px;height:5px;border-radius:50%;background:#06B6D4}
.sol-use{font-size:14px;line-height:1.8;color:#475569;margin-bottom:14px}
.sol-after{font-size:14px;line-height:1.8;color:#4F46E5;font-weight:600;margin-bottom:20px}
.sol-card .btn{margin-top:auto;align-self:flex-start}
.sol-note{margin-top:24px;background:#fff;border:1px solid #E6E9F2;border-radius:14px;padding:20px 24px;text-align:center}
.sol-note p{font-size:14px;line-height:1.8;color:#475569;margin-bottom:14px}
.sol-note .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* 文档型页面（帮助中心/隐私政策/服务协议/产品六段式）md 渲染排版 */
.doc-body{max-width:820px;margin:0 auto;font-size:16px;line-height:1.9;color:#475569}
.doc-body h1{font-size:24px;color:#0F172A;margin:30px 0 14px}
.doc-body h2{font-size:20px;color:#4F46E5;margin:30px 0 12px;padding-left:12px;border-left:4px solid #06B6D4}
.doc-body h3{font-size:16px;color:#0F172A;margin:24px 0 10px}
.doc-body h4{font-size:16px;color:#475569;margin:18px 0 8px}
.doc-body p{margin:0 0 12px}
.doc-body ul{margin:0 0 14px;padding-left:22px}
.doc-body ol{margin:0 0 14px;padding-left:26px}
.doc-body ol li,.doc-body ul li{margin-bottom:6px}
.doc-body li{margin-bottom:6px}
.doc-body strong{color:#0F172A}
.doc-body code{background:#F7F8FC;border-radius:4px;padding:1px 6px;font-size:13px}
/* 产品详情页首屏转化按钮 */
.detail-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
/* 页脚快捷入口两列网格（列数变多后压缩占位） */
.foot-links{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}
.foot-links a{font-size:13px}

/* ==================== 整改返修（2026-09-26 晚）：FAQ 折叠 / 卖点卡 / 功能网格 / 场景卡 / 渠道页 ==================== */
/* FAQ 折叠项（帮助中心/产品页/渠道页共用） */
.faq-cat{max-width:860px;margin:0 auto}
.faq-cat h2{font-size:20px;color:#4F46E5;margin:30px 0 14px;padding-left:12px;border-left:4px solid #06B6D4}
.faq-item{background:#fff;border:1px solid #E6E9F2;border-radius:10px;margin-bottom:10px;overflow:hidden;transition:border-color .2s}
.faq-item[open]{border-color:#06B6D4}
.faq-item summary{cursor:pointer;padding:15px 18px;font-size:16px;font-weight:600;color:#0F172A;list-style:none;position:relative;padding-right:44px;line-height:1.6}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:20px;color:#06B6D4;font-weight:400;transition:transform .2s}
.faq-item[open] summary::after{content:"−"}
@media (hover: hover){.faq-item summary:hover{color:#4F46E5}}
.faq-a{padding:0 18px 16px;font-size:14px;line-height:1.9;color:#475569}
/* 卖点三卡（首页 hero 下/产品页/渠道页共用） */
.sell-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.sell-card{background:#fff;border:1px solid #E6E9F2;border-radius:14px;padding:24px 22px;border-top:3px solid #06B6D4}
.sell-card h3{font-size:16px;color:#4F46E5;margin-bottom:10px}
.sell-card p{font-size:14px;line-height:1.85;color:#475569;margin:0}
/* 产品功能两列网格 */
.feat2-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;max-width:980px;margin:0 auto}
@media (max-width:720px){.feat2-grid{grid-template-columns:1fr}}
.feat2-item{background:#fff;border:1px solid #E6E9F2;border-radius:12px;padding:18px 20px}
.feat2-item h4{font-size:16px;color:#0F172A;margin-bottom:8px;padding-left:20px;position:relative}
.feat2-item h4::before{content:"✓";position:absolute;left:0;top:0;color:#06B6D4;font-weight:700}
.feat2-item p{font-size:13px;line-height:1.8;color:#64748B;margin:0}
/* 分场景卡片 */
.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:720px){.scene-grid{grid-template-columns:1fr}}
.scene-card{background:#fff;border:1px solid #E6E9F2;border-radius:14px;padding:24px 22px}
.scene-card h3{font-size:16px;color:#4F46E5;margin-bottom:10px}
.scene-card p{font-size:14px;line-height:1.85;color:#475569;margin:0}
/* 产品页定位语 */
.six-lead{font-size:20px;font-weight:700;color:#0F172A;text-align:center;line-height:1.7}
/* 渠道页：模式卡 / 流程步骤 / 伙伴列表 */
.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.mode-card{background:#fff;border:1px solid #E6E9F2;border-radius:14px;padding:26px 24px;position:relative}
.mode-no{display:inline-block;font-size:12px;color:#6366F1;background:#EEF0FF;border-radius:999px;padding:3px 12px;margin-bottom:12px;font-weight:600}
.mode-card h3{font-size:18px;color:#0F172A;margin-bottom:14px}
.m-row{font-size:13px;line-height:1.8;color:#475569;margin-bottom:9px}
.m-row strong{color:#4F46E5}
.m-policy{border-top:1px dashed #E6E9F2;padding-top:10px;margin-top:12px;margin-bottom:0}
.who-list{max-width:760px;margin:0 auto;background:#fff;border:1px solid #E6E9F2;border-radius:14px;padding:26px 30px}
.who-list p{font-size:14px;line-height:2;color:#475569;margin:0}
.who-list strong{color:#4F46E5}
.step-flow{max-width:760px;margin:0 auto}
.step{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-bottom:1px dashed #E6E9F2}
.step:last-child{border-bottom:0}
.step-no{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#4F46E5;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:16px}
.step h4{font-size:16px;color:#0F172A;margin-bottom:4px}
.step p{font-size:13px;color:#64748B;margin:0;line-height:1.7}

/* 产品详情页首屏居中（2026-09-26 用户反馈：标题/副标题/按钮居中更好看） */
.detail-head .wrap{text-align:center}
.detail-cta{justify-content:center}
/* 试点期/未上市产品的阶段说明：挂在副标题下方，弱化成一行小字提示，
   既说明当前阶段，又不抢标题区的主次关系 */
.phase-note{display:inline-block;margin:12px auto 0;padding:5px 14px;border-radius:999px;background:#F3F6EF;border:1px solid #EEF0FF;color:#475569;font-size:13px;line-height:1.6}

/* 旧版微信 X5 内核（Chrome 57 系）不认 gap，flex 容器里的元素会挤成一团。
   用 @supports 兜底补间距：现代浏览器 gap 生效、这段完全不参与，没有任何影响；
   只有不认 gap 的老内核才会走到这里。
   注意：Chrome 66–83 认 gap（grid 场景）但还不认 flex gap，这段覆盖不到，
   那段区间的表现是间距偏紧而非塌掉，可接受；真要全覆盖得把 gap 换成 margin。 */
@supports not (gap: 1px) {
  header.site .bar > * + *{margin-left:32px}
  .brand > * + *{margin-left:10px}
  nav.main a + a{margin-left:28px}
  .hc-dots > * + *{margin-left:9px}
  .hc-row > * + *{margin-left:40px}
  .pc-track > * + *{margin-left:24px}
  .hero .cta > *{margin:0 16px 16px 0}
  .contact-cards > *{margin:0 24px 24px 0}
  .ci-row > * + *{margin-left:16px}
  .shot-row > * + *{margin-left:36px}
  .foot-cta > *{margin:0 14px 14px 0}
  .job-tabs > * + *{margin-left:12px}
  .job-card .j-head > * + *{margin-left:12px}
  .news-nav > *{margin:0 14px 14px 0}
  .partner-line > * + *{margin-left:28px}
  .price-feats li > * + *{margin-left:8px}
}

/* 帮助中心：问题锚点目录（30 条按分类分组，点一下跳到对应问题，纯 a[href="#id"] 无 JS） */
.help-toc{max-width:860px;margin:0 auto 30px;display:grid;grid-template-columns:1fr;gap:16px 26px;padding:22px 24px;background:#fff;border:1px solid #E6E9F2;border-radius:12px}
.htoc-group h3{font-size:16px;color:#4F46E5;margin:0 0 8px;padding-left:10px;border-left:3px solid #06B6D4;line-height:1.5}
.htoc-group ul{list-style:none;margin:0;padding:0}
.htoc-group a{display:block;padding:4px 0;font-size:13px;line-height:1.7;color:#475569;text-decoration:none}
/* hover 收进 @media (hover: hover)：触屏点完 :hover 会粘住不还原（同全站做法） */
@media (hover: hover){.htoc-group a:hover{color:#4F46E5;text-decoration:underline}}
.htoc-group a:focus-visible{outline:2px solid #06B6D4;outline-offset:2px}
@media (min-width:861px){.help-toc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1080px){.help-toc{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* 锚点跳转预留：header.site 是 sticky（桌面 64px + 1px 边框，窄屏换行后更高），
   不预留滚动偏移的话跳过去标题会被吸顶的头部盖住 */
/* 锚点跳转时给吸顶头部留位置：桌面 .bar 固定 64px；窄屏 .bar 变 height:auto 换行会更高，
   所以 ≤860px 单独放大到 120px（与品牌故事页 .story-ch 的 130px 同量级）。 */
.faq-item{scroll-margin-top:88px}
@media (max-width:860px){.faq-item{scroll-margin-top:120px}}

/* 功能分组标题（16 项功能按业务链条分 4 组，组名带在 H4 上） */
.feat-group-title{font-size:14px;color:#475569;font-weight:600;margin:22px auto 12px;max-width:980px;padding-left:2px}

/* ===== B5 资料钩子 / 挽留层（2026-09-27 追加在文件末尾，勿改上方既有样式） ===== */
.retain-hook{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #E6E9F2;border-radius:14px;box-shadow:0 8px 30px rgba(15,77,42,.18);padding:16px 16px 18px}
.retain-hook[hidden],.rh-rest[hidden]{display:none}
.rh-close{position:absolute;top:2px;right:4px;background:none;border:0;font-size:24px;line-height:1;color:#6B7280;padding:4px 8px;cursor:pointer}
.rh-kicker{margin:0 0 4px;font-size:12px;color:#06B6D4;font-weight:700}
.rh-title{margin:0 0 6px;font-size:18px;color:#4F46E5;line-height:1.4}
.rh-sub{margin:0 0 10px;font-size:13px;line-height:1.7;color:#475569}
.rh-list{margin:0;padding-left:18px;font-size:13px;line-height:1.75;color:#475569}
.rh-list li{margin-bottom:10px}
.rh-list b{display:block;color:#4F46E5;font-size:13px}
.rh-list span{display:block;color:#64748B;font-size:12px}
.rh-list em{font-style:normal;color:#0F172A;font-weight:600}
.rh-rest{margin-top:10px;padding-top:10px;border-top:1px dashed #E6E9F2}
.rh-note{margin:12px 0 8px;font-size:12px;line-height:1.6;color:#475569}
.rh-note b{color:#4F46E5}
/* 只点名 text/tel：不能用 .rh-form input 通配——formTokenHtml() 下发的 type=hidden（ts/sig）
   会被这条 display:block 顶成可见的空框 */
.rh-form input[type=text],.rh-form input[type=tel]{display:block;width:100%;box-sizing:border-box;margin-bottom:8px;padding:10px 12px;border:1px solid #E6E9F2;border-radius:8px;font-size:16px;background:#fff;color:#0F172A}
.rh-submit{width:100%;padding:11px;background:#4F46E5;color:#fff;border:0;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}
.rh-submit[disabled]{opacity:.55;cursor:default}
.rh-tip{margin:8px 0 0;font-size:12px;line-height:1.6}
.rh-tip.err{color:#B23A2E}
.rh-tip.ok{color:#4F46E5}
.rh-foot{margin:12px 0 0;font-size:12px;line-height:1.7;color:#64748B}
.rh-foot a{color:#4F46E5;font-weight:700}
@media (min-width:861px){.retain-hook{left:auto;right:20px;bottom:20px;width:348px}}

/* ==========================================================================
   V2 科技风增强层（2026-09-30 官网改版）
   只做覆盖式升级，不动原有类名与结构，便于回滚：删掉本段即恢复旧版。
   设计令牌集中在这里，改色只需动 :root 的四个变量。
   ========================================================================== */
:root{
  --brand:#4F46E5;          /* 主色 · 靛蓝 */
  --brand-strong:#4338CA;   /* 主色加深 */
  --brand-soft:#EEF0FF;     /* 主色浅底 */
  --accent:#06B6D4;         /* 强调色 · 青 */
  --ink:#0B1020;            /* 深色底 */
  --line:#E6E9F2;
  --maxw:1240px;
}
.wrap{max-width:var(--maxw)}

/* --- 顶栏：玻璃拟态 + 常驻 CTA --- */
header.site{background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
header.site .bar{height:68px;gap:26px}
.brand .logo-fallback{background:linear-gradient(135deg,var(--brand),var(--accent));border-radius:9px;box-shadow:0 4px 12px rgba(79,70,229,.3)}
.brand img{height:34px;width:auto;border-radius:8px}
nav.main a{font-size:15px;padding:8px 12px;border-radius:8px;transition:color .18s,background .18s}
nav.main a.on{background:var(--brand-soft)}
@media (hover:hover){nav.main a:hover{background:var(--brand-soft)}}
.nav-cta{margin-left:12px;padding:8px 16px;border-radius:9px;background:var(--brand);color:#fff;font-size:14px;font-weight:600;white-space:nowrap;flex:0 0 auto;box-shadow:0 6px 16px -6px rgba(79,70,229,.6);transition:background .18s,transform .18s}
@media (hover:hover){.nav-cta:hover{background:var(--brand-strong);transform:translateY(-1px)}}
@media (max-width:860px){header.site .bar{height:58px}}

/* --- 按钮 --- */
.btn{border-radius:10px;font-weight:600}
.btn.primary{background:var(--brand);box-shadow:0 6px 18px -6px rgba(79,70,229,.55)}
@media (hover:hover){.btn.primary:hover{background:var(--brand-strong);transform:translateY(-1px)}}
.btn.ghost{border-color:var(--line);background:#fff}
@media (hover:hover){.btn.ghost:hover{border-color:var(--brand);color:var(--brand)}}

/* --- Hero：径向渐变 + 科技网格底纹 --- */
.hero{position:relative;overflow:hidden;background:radial-gradient(1100px 560px at 50% -12%,#ECEAFF 0%,#FFFFFF 62%);padding:92px 0 76px}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(79,70,229,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(79,70,229,.07) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(900px 420px at 50% 8%,#000 0%,transparent 78%);
  -webkit-mask-image:radial-gradient(900px 420px at 50% 8%,#000 0%,transparent 78%)}
.hero .wrap,.hero-carousel,.hero-carousel .hc-track{position:relative;z-index:1}
.hero h1{font-size:clamp(28px,3.6vw,44px);font-weight:800;letter-spacing:-.5px}
.hero p,.hero-claim{max-width:760px}
.hero .cta{margin-top:32px}
.hero-tel strong{letter-spacing:1px}

/* --- 区块节奏 --- */
section{padding:80px 0}
.sec-head{margin-bottom:44px}
.sec-head h2{font-size:clamp(24px,2.8vw,34px);font-weight:800;letter-spacing:-.4px}
.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}

/* --- 卡片 --- */
.p-card{border-radius:14px;transition:transform .22s,box-shadow .22s,border-color .22s}
@media (hover:hover){.p-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -16px rgba(15,23,42,.18);border-color:var(--brand)}}
.p-cover{background:linear-gradient(135deg,var(--brand),var(--accent))}
.p-body .more{font-weight:600}
.c-item,.c-card{border-radius:14px}
.c-card-t{font-weight:700}

/* --- 页脚：统一深色 --- */
footer.site{background:linear-gradient(180deg,#0B1020,#080C16);border-top:1px solid rgba(255,255,255,.06);padding-top:52px}
footer.site h4{color:#fff;font-size:15px}
footer.site .cols{gap:32px}
footer.site .icp{border-top-color:rgba(255,255,255,.12)}
footer.site .sps-symbol{color:var(--accent)}

/* --- 转化区（CTA Band）：浅灰底 + 三张白卡，轻盈克制 ---
   旧版是 indigo→cyan 的 135° 大渐变，里面再嵌一块同色 promise-card，两层撞色叠加非常突兀。
   改为 #F7F8FC 浅灰底承托，承诺项拆成三张独立白卡（Subtle 阴影 + 极细描边），
   仅保留一点品牌微光与网格纹理做质感，主视觉留给标题与按钮。 */
.cta-band{
  position:relative;overflow:hidden;
  background:#F7F8FC;
  background-image:radial-gradient(680px 300px at 50% 130%,rgba(79,70,229,.09),transparent 72%);
  color:#0F172A;text-align:center;
  padding:60px 32px;border-radius:20px;
  border:1px solid #E6E9F2;
}
.cta-band::before{
  /* 顶部十字细网格，呼应 Hero 的科技底纹；浅底下压到 3%，只做质感不做主视觉 */
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(15,23,42,.032) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(15,23,42,.032) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(600px 260px at 50% 0%,#000 0%,transparent 72%);
  -webkit-mask-image:radial-gradient(600px 260px at 50% 0%,#000 0%,transparent 72%);
}
.cta-band > *{position:relative;z-index:1}
.cta-band h2{font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.4px;margin-bottom:8px;color:#0F172A}
.cta-band > p{color:#475569;margin-bottom:26px;max-width:620px;margin-left:auto;margin-right:auto}
.cta-band .btn{background:var(--brand);color:#fff;font-weight:600;box-shadow:0 8px 24px -8px rgba(79,70,229,.6)}
@media (hover:hover){.cta-band .btn:hover{background:var(--brand-strong);transform:translateY(-1px)}}

/* 承诺卡：浅灰底上摆三张白卡，标签独立成行（字距 2px + 品牌圆点） */
.promise-card--deep{
  background:none;border:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  max-width:920px;margin:28px auto 30px;
  text-align:left;line-height:1.7;padding:0;
}
.promise-card--deep p{
  background:#fff;border:1px solid #E6E9F2;border-radius:12px;
  padding:20px 22px;margin:0;
  font-size:13.5px;line-height:1.75;color:#475569;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:border-color .2s,box-shadow .2s;
}
@media (hover:hover){.promise-card--deep p:hover{border-color:var(--brand);box-shadow:0 8px 22px -12px rgba(15,23,42,.18)}}
.promise-card .promise-tag{
  display:block;margin:0 0 8px;
  font-size:12px;font-weight:700;letter-spacing:2px;color:#0F172A;
}
.promise-card .promise-tag::before{
  content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
  background:var(--brand);margin-right:8px;vertical-align:2px;
}
@media (max-width:860px){
  .cta-band{padding:44px 18px;border-radius:16px}
  .promise-card--deep{grid-template-columns:1fr;gap:10px}
  .promise-card--deep p{padding:16px 18px}
}

/* --- 承诺卡（浅色版）：/pricing 与 /contact 页头用的非 deep 变体 ---
   旧版是一块 #EEF0FF 底、文字整体居中的色块，在浅色页头里糊成一片、没有设计感。
   与 deep 版统一：拆三张白卡、左对齐、标签独立成行（复用上方 .promise-tag 样式）。 */
.promise-card{
  background:none;border:0;padding:0;margin:26px auto 0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  max-width:920px;text-align:left;line-height:1.7;
}
.promise-card p{
  background:#fff;border:1px solid #E6E9F2;border-radius:12px;
  padding:18px 20px;margin:0;
  font-size:13.5px;line-height:1.75;color:#475569;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  transition:border-color .2s,box-shadow .2s;
}
@media (hover:hover){.promise-card p:hover{border-color:var(--brand);box-shadow:0 8px 22px -12px rgba(15,23,42,.18)}}

/* --- 渐变带按钮对比度修复 ---
   V2 按钮层（.btn.primary 品牌色底）按源顺序覆盖了旧版 .careers-band .btn 的白底样式，
   品牌色按钮贴在 indigo→cyan 渐变带上几乎不可见（价格页「预约演示」成为重灾区）。
   这里重新声明并抬升阴影，保证渐变带上白底可见。 */
.careers-band .btn{
  background:#fff;color:var(--brand-strong);font-weight:700;
  box-shadow:0 10px 26px -12px rgba(15,23,42,.45);
}
@media (hover:hover){.careers-band .btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px -12px rgba(15,23,42,.5)}}
@media (max-width:860px){
  .promise-card{grid-template-columns:1fr;gap:10px}
  .promise-card p{padding:16px 18px}
}

/* --- 老照片相册条：高度统一 ---
   原版竖图/方图 172px、横图压到 120px，一条带里高矮不齐。改为全部同一高度，
   宽度按原图比例自适应（width:auto），底边与图说自然对齐。 */
.photo-strip .op-item--wide img,.photo-strip .ch-fig--wide img{height:172px}
.photo-strip .g-item--qr img{height:auto;width:200px}

/* --- 价值观卡片重排：字块与标题同行，图标弱化为右上角点缀 --- */
.val-card{
  border-radius:16px;padding:30px 26px;position:relative;overflow:hidden;
  transition:transform .22s,box-shadow .22s,border-color .22s;
}
@media (hover:hover){.val-card:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:0 18px 40px -18px rgba(79,70,229,.28)}}
.val-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.val-head h3{margin:0;font-size:20px;letter-spacing:.5px}
.val-card .zi{
  width:54px;height:54px;border-radius:16px;flex:0 0 auto;
  background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;
  font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 24px -12px rgba(79,70,229,.6);
}
.val-ico{
  width:44px;height:44px;margin:0 0 0 auto;border-radius:13px;flex:0 0 auto;
  background:#EEF0FF;display:flex;align-items:center;justify-content:center;
}
.val-ico svg{width:24px;height:24px}
@media (max-width:860px){.val-card{padding:26px 22px}}

/* --- v2.50 产品中心：按分类分组（此前所有产品是一张网格平铺） --- */
.cat-block{padding:38px 0}
/* 交替浅底：五组连排时需要一条横向的分隔感，否则分组标题与上一组卡片会糊在一起 */
.cat-block--alt{background:#F8F9FF;border-top:1px solid #EEF0FF;border-bottom:1px solid #EEF0FF}
/* 定宽上限 + justify-content:center：组内产品数不一致（1 款 / 2 款 / 多款）时卡片整体居中。
   原来的 auto-fill+1fr 会先铺满固定轨道数，1 款产品只占最左一格，宽屏下整块重心偏左。 */
.cat-block .grid{grid-template-columns:repeat(auto-fit,minmax(300px,332px));justify-content:center}
.cat-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:26px;padding-bottom:16px;border-bottom:1px solid #EEF0FF}
.cat-head .cat-bar{flex:none;width:5px;height:24px;border-radius:3px;background:linear-gradient(180deg,#4F46E5,#06B6D4)}
.cat-head h2{font-size:23px;font-weight:800;color:#0F172A;letter-spacing:-.3px;margin:0}
.cat-head .cat-desc{color:#64748B;font-size:14px;line-height:1.5}
.cat-head .cat-count{margin-left:auto;flex:none;font-size:12px;font-weight:700;color:#4F46E5;background:#EEF0FF;border-radius:999px;padding:5px 14px;white-space:nowrap}
@media (max-width:640px){.cat-block{padding:26px 0}.cat-head{gap:10px;margin-bottom:20px}.cat-head h2{font-size:19px}.cat-head .cat-count{display:none}.cat-block .grid{grid-template-columns:1fr}}

/* --- v2.50 帮助中心：两类客户的入口卡。机构线与家庭线并列呈现，
       不再把新产品写成「也有…专区」这种补丁句 --- */
.help-lines{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:30px}
.help-line{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #E6E9F2;border-radius:14px;padding:22px 24px;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s}
.help-line:hover{border-color:#C7D2FE;box-shadow:0 8px 24px rgba(79,70,229,.10);transform:translateY(-2px)}
.help-line .hl-tag{align-self:flex-start;font-size:12px;font-weight:700;color:#4F46E5;background:#EEF0FF;border-radius:999px;padding:4px 12px}
.help-line strong{font-size:17px;font-weight:800;color:#0F172A;letter-spacing:-.2px}
.help-line .hl-sub{font-size:13px;color:#64748B;line-height:1.7}
.help-line .hl-more{margin-top:2px;font-size:13px;font-weight:700;color:#4F46E5}
.help-line--fam{background:linear-gradient(135deg,#0B1020,#232A52 60%,#3B3F8F);border-color:transparent}
.help-line--fam .hl-tag{color:#C7D2FE;background:rgba(255,255,255,.12)}
.help-line--fam strong{color:#fff}
.help-line--fam .hl-sub{color:#C7D2FE}
.help-line--fam .hl-more{color:#A5B4FC}
@media (max-width:760px){.help-lines{grid-template-columns:1fr}}

/* --- v2.50 首页：升学服务板块。之江浔梦面向考生家庭，与 B 端「五本账」分线呈现，
       深底卡片让它从白底区块里跳出来，机构客户不受打扰，家长也能一眼看到 --- */
.family-band{display:grid;grid-template-columns:1.12fr .88fr;gap:40px;align-items:center;background:linear-gradient(135deg,#0B1020,#232A52 58%,#3B3F8F);border-radius:20px;padding:52px 48px;color:#fff;position:relative;overflow:hidden}
.family-band .fb-kicker{display:inline-block;font-size:12px;letter-spacing:2px;color:#A5B4FC;border:1px solid rgba(165,180,252,.35);border-radius:999px;padding:4px 14px;margin-bottom:16px}
.family-band h2{font-size:clamp(21px,2.3vw,29px);font-weight:800;line-height:1.5;letter-spacing:-.3px;margin:0}
.family-band p{margin-top:14px;color:#C7D2FE;font-size:15px;line-height:1.9}
.fb-list{list-style:none;margin:20px 0 26px;padding:0;display:flex;flex-direction:column;gap:10px}
.fb-list li{position:relative;padding-left:20px;color:#E0E7FF;font-size:15px;line-height:1.8}
.fb-list li:before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:#06B6D4}
.family-band .btn.primary{background:#fff;color:#232A52;box-shadow:none}
@media (hover:hover){.family-band .btn.primary:hover{background:#E0E7FF;transform:translateY(-1px)}}
.family-band .btn.ghost{border-color:rgba(224,231,255,.42);color:#E0E7FF;background:transparent}
@media (hover:hover){.family-band .btn.ghost:hover{border-color:#fff;color:#fff}}
.family-band .fb-note{margin-top:16px;color:#6B7280;font-size:13px}
.fb-art{display:flex;justify-content:center;align-items:center}
@media (max-width:860px){.family-band{grid-template-columns:1fr;padding:36px 24px;gap:26px}.fb-art{order:-1}}
/* 首页实业主线板块（两条腿走路）：暖土色，与升学服务深色 band 区分，两条腿各有一块 */
.biz-band{display:grid;grid-template-columns:1.06fr .94fr;gap:40px;align-items:center;background:linear-gradient(135deg,#FBF7EF,#F4EAD8 60%,#EFE2C9);border:1px solid #E6D8BC;border-radius:20px;padding:50px 46px;position:relative;overflow:hidden}
.biz-band .bb-kicker{display:inline-block;font-size:12px;letter-spacing:2px;color:#9A5B14;border:1px solid rgba(154,91,20,.34);border-radius:999px;padding:4px 14px;margin-bottom:16px}
.biz-band h2{font-size:clamp(21px,2.3vw,29px);font-weight:800;line-height:1.5;letter-spacing:-.3px;margin:0;color:#3A2E1C}
.biz-band p{margin-top:14px;color:#5C4B33;font-size:15px;line-height:1.9}
.bb-list{list-style:none;margin:20px 0 26px;padding:0;display:flex;flex-direction:column;gap:10px}
.bb-list li{position:relative;padding-left:20px;color:#5C4B33;font-size:15px;line-height:1.8}
.bb-list li:before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:#C07A24}
.biz-band .cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.biz-band .btn.primary{background:#8A5210;color:#fff;box-shadow:none}
.biz-band .btn.ghost{border-color:rgba(138,82,16,.38);color:#8A5210;background:transparent}
.biz-band .bb-note{margin-top:16px;color:#8A7355;font-size:13px}
.bb-art{display:flex;justify-content:center;align-items:center}
.bb-art img{display:block;width:100%;max-width:430px;border-radius:16px;box-shadow:0 12px 30px rgba(58,46,28,.18)}
@media (hover:hover){.biz-band .btn.primary:hover{background:#6E410C;transform:translateY(-1px)}.biz-band .btn.ghost:hover{border-color:#8A5210;background:rgba(138,82,16,.06)}}
@media (max-width:860px){.biz-band{grid-template-columns:1fr;padding:36px 24px;gap:26px}.bb-art{order:-1}.bb-art img{max-width:100%}}
/* ---- 新闻详情：编辑/阅读 meta、点赞、分享二维码 ---- */
.news-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:32px 0 0}
.act-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #CBD5E1;background:#fff;color:#475569;border-radius:999px;font-size:15px;font-family:inherit;cursor:pointer;transition:.2s}
@media (hover:hover){.act-btn:hover{border-color:#4F46E5;color:#4F46E5}}
.act-btn .act-ico{display:inline-flex;flex:0 0 auto}
.act-btn .act-num{font-weight:700;color:#4F46E5;font-variant-numeric:tabular-nums}
.act-btn.on{border-color:#4F46E5;color:#4F46E5;background:#EEF0FF}
.act-btn[disabled]{opacity:.6;cursor:default}
.act-share{margin-top:16px;padding:18px 20px;border:1px solid #E6E9F2;border-radius:12px;background:#F7F8FC;display:inline-flex;flex-direction:column;align-items:center;gap:10px}
.act-share img{width:132px;height:132px;background:#fff;border:1px solid #E6E9F2;border-radius:8px}
.act-tip{margin:0;color:#64748B;font-size:13px;text-align:center;line-height:1.6}
.act-copy{padding:8px 18px;border:1px solid #CBD5E1;background:#fff;color:#475569;border-radius:8px;font-size:14px;font-family:inherit;cursor:pointer;transition:.2s}
@media (hover:hover){.act-copy:hover{border-color:#4F46E5;color:#4F46E5}}
.n-stat{display:block;margin-top:10px;color:#6B7280;font-size:13px}
.detail-head .tag .sep{color:#CBD5E1;margin:0 8px}
.hidden{display:none !important}

/* 首屏方案 B（品牌专家报告六）：eyebrow 从最小字号提到中等，是全站信息密度最高的一行 */
.hc-tag--lead{font-size:15px;letter-spacing:1.5px;padding:7px 18px;margin-bottom:10px}
.hero-note{margin-top:14px;font-size:13px;color:#6B7280}
@media (max-width:380px){
 .hc-tag--lead{font-size:13px;padding:5px 14px;letter-spacing:1px}
}

/* 页面来历句三段式（品牌报告 7.11）：麻烦在前，定义在后，展开垫底 */
.page-intro .pi-trouble{font-size:16px;font-weight:700;color:#0F172A;line-height:1.8}
.page-intro .pi-define{margin-top:8px;font-size:15px;color:#334155;line-height:1.8}
.page-intro .pi-detail{margin-top:8px;font-size:14px;color:#6B7280;line-height:1.8}
/* 待补实数短标签：前台灰框提示，后台扫描归零才允许上线 */
.pending-num{color:#94A3B8;font-size:.9em;border:1px dashed #CBD5E1;border-radius:4px;padding:0 6px;white-space:nowrap}
/* 页脚品牌线 */
.site .foot-brand-line{margin-top:6px;color:#CBD5E1;font-size:13px;letter-spacing:1px}

/* E12 帮助中心产品分区（导航条 + 产品区块 + 目录产品标题链接） */
.help-nav{max-width:860px;margin:0 auto 20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.hp-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #E6E9F2;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;color:#334155;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.hp-chip em{font-style:normal;font-size:12px;font-weight:700;color:#4F46E5;background:#EEF0FF;border-radius:999px;padding:1px 8px}
.help-prod{max-width:860px;margin:0 auto 34px;scroll-margin-top:88px}
.hp-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 14px;padding-left:12px;border-left:4px solid #06B6D4}
.hp-head h2{font-size:21px;color:#4F46E5;margin:0}
.hp-head .hp-note{font-size:13px;color:#64748B;margin:0}
.hp-head .hp-count{margin-left:auto;font-size:12px;font-weight:700;color:#fff;background:#4F46E5;border-radius:999px;padding:2px 10px}
.help-prod .faq-cat{margin:0 0 10px}
.help-prod .faq-cat h3{font-size:16px;color:#0F172A;margin:20px 0 10px;padding-left:10px;border-left:3px solid #C7D2FE;line-height:1.5}
.htoc-group h3 a{font-size:inherit;color:inherit;font-weight:inherit;text-decoration:none}
@media (hover: hover){.hp-chip:hover{border-color:#C7D2FE;color:#4F46E5;box-shadow:0 4px 14px rgba(79,70,229,.10);transform:translateY(-1px)}.htoc-group h3 a:hover{color:#4F46E5;text-decoration:underline}}
@media (max-width:860px){.help-prod{scroll-margin-top:120px}}

/* E13 cta-band 次级按钮：浅底版 ghost（旧深底时代的透明白底+白字内联样式已废弃） */
.cta-band .btn.ghost{background:#fff;color:#4338CA;border:1px solid #CBD5E1;box-shadow:none}
@media (hover: hover){.cta-band .btn.ghost:hover{background:#fff;border-color:#4F46E5;color:#4F46E5;transform:translateY(-1px)}}