/* 智维联官网 · 全局样式（蓝白主题，参考 chn-das.com 科技蓝简洁风） */
:root{
  --blue:#1a6fff; --blue-dark:#0e2a5e; --blue-deep:#0e1f3d;
  --green:#07c160; --orange:#ff9500; --purple:#9b59b6;
  --ink:#1a2b4a; --sub:#8a94a6; --line:#e6ebf2; --bg:#f5f7fa;
  --maxw:1200px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.btn{display:inline-block;padding:11px 26px;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:.2s}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:#0f5be0}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid #fff}
.btn-line{background:#fff;color:var(--blue);border:1.5px solid var(--blue)}
.section{padding:64px 0}
.section-title{font-size:26px;font-weight:800;margin-bottom:8px}
.section-sub{color:var(--sub);font-size:14px;margin-bottom:28px}

/* 顶部导航 */
.header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}
.header .wrap{display:flex;align-items:stretch;height:78px;justify-content:flex-start;max-width:1360px}
/* logo 与导航同处一条水平中线：两者都由 flex 居中，视觉基线一致 */
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;flex:none}
.logo .mark{width:32px;height:32px;border-radius:8px;background:var(--blue);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}
.logo img{height:50px;width:auto;display:block}
.nav{display:flex;align-items:stretch;gap:26px;margin-left:38px;margin-right:auto}
.nav>li{list-style:none;position:relative;display:flex;align-items:center}
.nav>li>a{font-size:16px;font-weight:500;height:100%;display:flex;align-items:center;color:var(--ink);position:relative;letter-spacing:.3px}
.nav>li>a:hover,.nav>li.active>a{color:var(--blue)}
.nav>li.active>a::after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--blue);border-radius:2px}
.nav .caret{width:0;height:0;margin-left:6px;border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid #b3bccb;transition:.2s}
.nav>li:hover .caret{border-top-color:var(--blue);transform:rotate(180deg)}
/* 三级 mega 导航 */
.nav-item.has-mega .mega{position:absolute;top:100%;left:0;background:#fff;
  border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(20,40,90,.14);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s;z-index:200;min-width:540px}
.nav-item.has-mega:hover .mega{opacity:1;visibility:visible;transform:translateY(0)}
.mega-cols{display:flex;align-items:flex-start;padding:24px 32px 26px}
/* 无任何横线竖线：仅靠留白分栏 */
.mega-col{min-width:186px;padding:0 34px 0 0;border:none}
.mega-col:last-child{padding-right:0}
.mega-col-hd{font-size:16px;font-weight:700;color:var(--blue);margin-bottom:12px;
  padding-bottom:0;border:none;letter-spacing:.5px}
.mega-col-list{display:flex;flex-direction:column}
/* hover 只变色，绝不产生任何位移（不改 padding / margin / transform） */
.mega-link{display:block;padding:7px 0;font-size:14px;color:#3d4f6d;text-decoration:none;
  border:none;line-height:1.6;transition:color .15s}
.mega-link:hover{color:var(--blue)}
.mega-hint{font-size:13px;color:var(--sub)}
.header-right{display:flex;align-items:center;gap:14px;flex:none;align-self:center}
.login-btn{background:var(--blue);color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap}
.login-btn:hover{background:#0f5be0}

/* Hero */
.hero{background:var(--blue-deep);color:#fff;padding:90px 0}
.hero h1{font-size:38px;font-weight:800;margin-bottom:16px}
.hero p{font-size:16px;color:#cfe0ff;margin-bottom:28px}
.hero .cta{display:flex;gap:14px}

/* 图片卡片网格 */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.img-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s}
.img-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(20,40,90,.10)}
.img-card .thumb{height:120px;display:flex;align-items:center;justify-content:center}
.img-card .thumb .dot{width:44px;height:44px;border-radius:50%;opacity:.3}
.img-card .body{padding:16px}
.img-card .body h3{font-size:16px;margin-bottom:4px}
.img-card .body p{font-size:13px;color:var(--sub)}

/* 数据背书 */
.stats{display:flex;gap:40px;flex-wrap:wrap;margin-top:24px}
.stats .item{text-align:center}
.stats .num{font-size:34px;font-weight:800;color:var(--blue)}
.stats .lbl{font-size:13px;color:var(--sub)}

/* 小程序推广 Banner */
.mini-banner{background:var(--blue);color:#fff;border-radius:14px;padding:28px 32px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.mini-banner h3{font-size:20px;font-weight:700;margin-bottom:6px}
.mini-banner p{font-size:14px;color:#dbe8ff}
.mini-banner .qr{width:88px;height:88px;background:#fff;border-radius:10px;display:flex;
  align-items:center;justify-content:center;color:var(--blue);font-size:12px;text-align:center;
  position:relative;overflow:hidden;flex:none;animation:qrBob 2.6s ease-in-out infinite;
  box-shadow:0 6px 16px rgba(0,0,0,.15)}
.mini-banner .qr img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.mini-banner .qr::after{content:'';position:absolute;left:8%;right:8%;top:10%;height:3px;
  background:var(--blue);border-radius:3px;box-shadow:0 0 8px var(--blue);
  animation:qrScan 2.2s ease-in-out infinite}
@keyframes qrBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes qrScan{0%{top:12%}50%{top:84%}100%{top:12%}}

/* 页脚：参考达实智能 · 紧凑多列 + 右侧精简二维码 + 底部版权栏 */
.footer{background:#3e5878;color:#cdd9e8;padding:40px 0 0;border-top:4px solid var(--blue)}
.footer .foot-main{display:flex;margin:0 -16px;align-items:flex-start}
/* 左侧 Logo 列 */
.footer .foot-logo{flex:none;padding:0 18px 0 0;min-width:118px;text-align:center}
.footer .foot-logo img{width:100px;height:auto;border-radius:8px}
.footer .foot-top{display:flex;margin:0 -12px;flex:1;align-items:flex-start;flex-wrap:wrap;justify-content:center}
.footer .fbig{min-width:110px;padding:0 12px;border-right:1px solid rgba(255,255,255,.05)}
.footer .fbig:last-of-type{border-right:none}
.footer .fbig h4{color:#e8f0fe;font-size:15px;margin-bottom:10px;font-weight:700;display:flex;align-items:center;letter-spacing:.5px}
.footer .fcount{font-size:10px;font-weight:600;color:#fff;background:var(--blue);border-radius:8px;padding:0 6px;white-space:nowrap;margin-left:5px}
.footer .fbig ul{list-style:none;display:flex;flex-direction:column;margin:0;padding:0}
.footer .fbig li{display:block;width:100%;list-style:none;font-size:14px;line-height:2.1;color:#9ab0c8}
.footer .fbig a{display:inline-block;font-size:14px;color:#9ab0c8;transition:.18s}
.footer .fbig a:hover{color:#fff}
/* 右侧：联系信息 + 二维码竖排，浅卡片整体包裹做视觉区分 */
.footer .foot-right{flex:none;padding:0 8px 0 14px;min-width:120px;margin-left:6px;
  border-left:1px solid rgba(255,255,255,.08)}
.footer .fr-block{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
  border-radius:10px;padding:14px 12px}
.footer .fr-contact{font-size:12px;line-height:1.7;color:#9ab0c8;margin-bottom:12px;text-align:center}
.footer .fr-contact b{color:#c0d0e8;font-weight:600;margin-right:4px}
.footer .qr-row{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:16px}
.footer .qr-box{width:82px;text-align:center}
.footer .qr-img{width:72px;height:72px;background:#fff;border-radius:10px;display:flex;
  align-items:center;justify-content:center;color:#1a6fff;font-size:11px;text-align:center;margin:0 auto;
  box-shadow:0 2px 8px rgba(0,0,0,.25)}
.footer img.qr-img{object-fit:contain;display:block;width:72px;height:72px;background:#fff;
  border-radius:10px;margin:0 auto;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.footer .qr-box span{display:block;font-size:12px;color:#9ab0c8;margin-top:6px;line-height:1.3}
/* 底部版权栏 */
.footer .copy{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:16px;
  font-size:12px;color:#9ab0c8;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.footer .copy a{color:#9ab0c8;font-size:12px}

/* ============ 运维服务详情页 ============ */
.breadcrumb{font-size:13px;color:var(--sub);padding:18px 0}
.breadcrumb a{color:var(--sub)} .breadcrumb .cur{color:var(--blue)}
.detail-head{padding:10px 0 24px}
.detail-head h1{font-size:28px;font-weight:800;margin-bottom:10px}
.detail-head p{color:var(--sub);font-size:14px;max-width:760px}
.detail-layout{display:grid;grid-template-columns:200px 1fr;gap:30px;padding-bottom:60px}
.cat-nav{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;height:fit-content}
.cat-nav h4{font-size:14px;margin-bottom:12px}
.cat-nav a{display:block;padding:10px 12px;border-radius:8px;font-size:14px;color:var(--ink);margin-bottom:4px}
.cat-nav a:hover{background:var(--bg)}
.cat-nav a.active{background:var(--blue);color:#fff}
.cat-group{margin-bottom:4px}
.cat-group-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;user-select:none}
.cat-group-hd:hover{background:var(--bg)}
.cat-group-hd .arr{font-style:normal;font-size:12px;color:var(--sub);transition:transform .15s}
.cat-group-bd{display:none;padding:0 0 4px}
.cat-group.open .cat-group-bd{display:block}
.cat-group-bd a{display:block;padding:8px 12px 8px 26px;border-radius:8px;font-size:13px;color:var(--sub);margin-bottom:2px}
.cat-group-bd a:hover{background:var(--bg);color:var(--ink)}
.cat-group-bd a.active{background:var(--blue);color:#fff}
.svc-card{display:flex;background:#fff;border:1px solid var(--line);border-radius:12px;
  overflow:hidden;margin-bottom:16px}
.svc-card .pic{width:200px;min-height:130px;flex:none;display:flex;align-items:center;justify-content:center}
.svc-card .pic .dot{width:56px;height:56px;border-radius:12px;opacity:.3}
.svc-card .info{padding:18px 20px;flex:1}
.svc-card .info h3{font-size:17px;margin-bottom:8px}
.svc-card .info p{font-size:13px;color:var(--sub)}
.svc-card .info .more{color:var(--blue);font-size:13px;margin-top:10px;display:inline-block}

/* ===== 达实智能风格：多列平铺导航（二级→三级） ===== */
.svc-grid-section{padding:50px 0 20px;background:#f8fafc}
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px 36px}
.svc-col{background:#fff;border-radius:12px;padding:28px 24px;border:1px solid var(--line)}
.svc-col-title{font-size:19px;font-weight:700;color:var(--blue);margin-bottom:18px;padding-bottom:14px;border-bottom:2px solid var(--blue);letter-spacing:.5px}
.svc-col-list{list-style:none;padding:0;margin:0}
.svc-col-list li{margin-bottom:2px}
.svc-col-list a{display:block;padding:9px 4px;font-size:14px;color:#3a4a5e;text-decoration:none;border-radius:6px;transition:background .15s,color .15s}
.svc-col-list a:hover{background:#f0f6ff;color:var(--blue)}
.svc-col-list a.active{color:var(--blue);font-weight:600;background:#f0f6ff}
/* 详情区 */
.svc-detail-section{padding:16px 0 30px;background:#fff;min-height:200px}
/* 子系统详情区内的 article-layout 继承全局 1fr+300px 分栏，无需重复声明 */
.svc-detail-head{margin-bottom:30px}
/* 面包屑导航：首页 › 运维服务 › 所属大类 › 当前名称 */
.svc-crumb{font-size:13px;color:var(--sub);margin-bottom:14px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.7}
.svc-crumb a{color:var(--sub);text-decoration:none}
.svc-crumb a:hover{color:var(--blue)}
.svc-crumb .sep{color:#c4cdda;margin:0 2px}
.svc-crumb .cur{color:var(--ink);font-weight:600}
.svc-detail-head h2{font-size:24px;color:var(--ink);font-weight:700}
.svc-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
/* 运维子系统详情：顶部照片区 + 醒目的服务说明（放在 article-layout 左栏内） */
.svc-detail-banner{width:100%;border-radius:16px;overflow:hidden;margin-bottom:24px;
  background:#eef3f9;box-shadow:0 8px 24px rgba(20,50,90,.10)}
.svc-detail-banner img{display:block;width:100%;max-height:360px;object-fit:cover}
.svc-detail-desc{display:flex;align-items:center;gap:12px;background:#eef4ff;
  border-left:4px solid var(--blue);border-radius:0 12px 12px 0;padding:14px 18px;margin-bottom:28px}
.svc-detail-desc .lbl{flex:none;font-size:12px;font-weight:700;color:#fff;background:var(--blue);
  padding:4px 10px;border-radius:6px;letter-spacing:1px}
.svc-detail-desc .txt{font-size:17px;font-weight:800;color:#0b3d91;line-height:1.6}
.svc-article{margin-top:2px}
.svc-empty{text-align:center;padding:60px 0;color:var(--sub)}
.svc-empty p{font-size:15px}

/* ===== 分组视图：分类下的子系统卡片网格（替代旧 svc-card） ===== */
.svc-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.svc-group-header{grid-column:1/-1;margin-bottom:8px}
.svc-group-header h3{font-size:22px;font-weight:700;color:var(--ink);margin-bottom:6px}
.svc-group-header p{font-size:14px;color:var(--sub);line-height:1.7;max-width:600px;margin-bottom:10px}
.svc-group-header .back-link{display:inline-block;font-size:13px;color:var(--blue);text-decoration:none;font-weight:600}
.svc-group-header .back-link:hover{text-decoration:underline}
.svc-group-thumb{width:100%;height:140px;border-radius:12px;overflow:hidden;margin-bottom:14px;background:#eef3f9}
.svc-group-thumb img{width:100%;height:100%;object-fit:cover;display:block}

/* 分组卡片 */
.gcard{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  transition:transform .2s,box-shadow .2s;cursor:pointer;display:flex;flex-direction:column}
.gcard:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(20,50,90,.12)}
.gcard-pic{height:140px;flex:none;overflow:hidden;background:#f0f4fa;display:flex;align-items:center;justify-content:center}
.gcard-pic img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.gcard:hover .gcard-pic img{transform:scale(1.05)}
.gcard-icon .gcard-dot{width:48px;height:48px;border-radius:14px;opacity:.25}
.gcard-body{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column}
.gcard-body h4{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px;line-height:1.4}
.gcard-body p{font-size:13px;color:var(--sub);line-height:1.6;flex:1;margin-bottom:12px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gcard-go{display:inline-flex;align-items:center;gap:4px;color:var(--blue);font-size:13px;font-weight:600;text-decoration:none;letter-spacing:.3px}
.gcard-go:hover{gap:7px}
.svc-empty a{color:var(--blue)}

/* 运维特点（子系统详情页标题下方，大字体展示） */
.sub-features-area{margin-bottom:28px}
.sub-features-title{font-size:18px;font-weight:800;color:var(--ink);margin-bottom:16px;
  padding-left:14px;border-left:4px solid var(--blue)}
.sub-features-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sub-feature-item{background:#f0f6ff;border-radius:12px;
  padding:18px 20px;font-size:17px;font-weight:700;color:#0b3d91;line-height:1.5;
  border:1px solid #d4e3f9;display:flex;align-items:center;gap:10px;
  transition:transform .2s,box-shadow .2s}
.sub-feature-item::before{content:'';flex:none;width:8px;height:8px;border-radius:50%;
  background:var(--blue);box-shadow:0 0 8px rgba(26,111,255,.4)}
.sub-feature-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(20,50,90,.10)}
@media(max-width:640px){.sub-features-list{grid-template-columns:1fr}}
.toggle-row{display:flex;gap:12px;margin:18px 0}
.toggle-btn{padding:9px 22px;border-radius:20px;font-size:13px;cursor:pointer;border:1px solid var(--blue)}
.toggle-btn.fill{background:var(--blue);color:#fff;border-color:var(--blue)}
.toggle-btn.plain{background:#fff;color:var(--blue)}

/* ============ 实时数据大屏 live.html ============ */
.live-hero{background:var(--blue-deep);color:#fff;padding:70px 0;position:relative;overflow:hidden}
.live-hero .deco{position:absolute;right:-60px;top:-40px;width:340px;height:340px;border-radius:50%;
  background:var(--blue);opacity:.18}
.live-hero .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.live-hero .lead h1{font-size:34px;font-weight:800;margin-bottom:12px}
.live-hero .lead p{font-size:15px;color:#cfe0ff;max-width:520px;margin-bottom:22px}
.live-hero .phone{width:220px;height:430px;background:#0a1830;border:8px solid #1c2f52;border-radius:28px;
  flex:none;position:relative;overflow:hidden}
.live-hero .phone .scr{position:absolute;inset:10px;background:#13284d;border-radius:18px;padding:14px}
.live-hero .phone .scr .tag{display:inline-block;background:var(--blue);color:#fff;font-size:11px;
  padding:3px 10px;border-radius:10px;margin-bottom:10px}
.live-hero .phone .scr .line{height:8px;background:rgba(255,255,255,.12);border-radius:4px;margin-bottom:8px}
.live-hero .phone .scr .line.w70{width:70%} .live-hero .phone .scr .line.w50{width:50%}
.live-hero .phone .scr .block{height:60px;background:rgba(255,255,255,.07);border-radius:10px;margin-top:10px}

.live-board{background:#08152e;color:#e8eefc;padding:56px 0}
.live-board .board-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}
.live-switch{display:inline-flex;background:rgba(255,255,255,.08);border-radius:20px;padding:3px}
.live-switch .ls-btn{border:none;background:transparent;color:#9fb3d1;font-size:13px;padding:6px 16px;border-radius:18px;cursor:pointer;transition:.18s;white-space:nowrap}
.live-switch .ls-btn.on{background:var(--blue);color:#fff}
.live-board .board-title h2{font-size:24px;font-weight:800;color:#fff}
.live-board .board-title .live-dot{display:flex;align-items:center;gap:8px;font-size:13px;color:#7fe0a8}
.live-board .live-dot i{width:9px;height:9px;border-radius:50%;background:#07c160;display:inline-block;
  animation:blink 1.4s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.counters{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:34px}
.counter{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px;text-align:center}
.counter .n{font-size:32px;font-weight:800;color:#5fa8ff}
.counter .t{font-size:13px;color:#9fb3d1;margin-top:6px}
.feeds{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.feed{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px}
.feed h4{font-size:15px;color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.feed h4 .ic{width:8px;height:8px;border-radius:2px;background:var(--blue)}
.feed .scroll{height:210px;overflow:hidden;position:relative}
.feed .scroll .track{animation:scrollUp 18s linear infinite}
.feed:hover .scroll .track{animation-play-state:paused}
@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.feed .row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.feed .row .av{width:36px;height:36px;border-radius:50%;background:rgba(95,168,255,.25);flex:none;
  display:flex;align-items:center;justify-content:center;font-size:13px;color:#cfe0ff}
.feed .row .txt{flex:1;min-width:0}
.feed .row .txt .name{font-size:14px;color:#e8eefc}
.feed .row .txt .meta{font-size:12px;color:#7f93b3}
.feed .row .badge{font-size:11px;padding:2px 9px;border-radius:10px;background:rgba(7,193,96,.18);color:#7fe0a8;flex:none}
.feed .row .badge.blue{background:rgba(26,111,255,.22);color:#8fc0ff}
.feed .row .badge.orange{background:rgba(255,149,0,.18);color:#ffc574}

/* 通用页头 */
.page-hero{background:var(--blue-deep);color:#fff;padding:54px 0}
.page-hero h1{font-size:30px;font-weight:800}
.page-hero p{color:#cfe0ff;font-size:14px;margin-top:8px}

/* 登录页 */
.auth-wrap{max-width:660px;margin:60px auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px}
.auth-wrap h2{font-size:22px;font-weight:800;margin-bottom:6px}
.auth-wrap .tab{display:flex;gap:10px;margin:18px 0 22px}
.auth-wrap .tab button{flex:1;padding:10px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:14px}
.auth-wrap .tab button.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.field{margin-bottom:14px}
.field label{display:block;font-size:13px;color:var(--sub);margin-bottom:6px}
.field input,.field select{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px}
.field .code-btn{position:absolute;right:8px;top:30px;background:none;border:none;color:var(--blue);font-size:13px;cursor:pointer}
.note{font-size:12px;color:var(--sub);margin-top:14px;line-height:1.7}
.note.warn{border-left:3px solid var(--orange);padding-left:10px;color:#a86a10;background:#fff8ec}

/* 联系我们（about.html 底部）：左信息右留言，两列顶对齐 */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.contact-grid .map-link{color:var(--blue);font-size:13px;margin-left:8px;border-bottom:1px dashed var(--blue)}
.contact-grid .map-link:hover{opacity:.8}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr;gap:22px}}

@media(max-width:1300px){
  .nav{gap:18px;margin-left:22px}
  .search-box{width:212px}
  .search-box .go{display:none}
}
@media(max-width:1120px){
  .nav{gap:14px;margin-left:14px}
  .nav>li>a{font-size:15px}
  .logo img{height:42px}
  .search-box{display:none}
  .footer .fbig{min-width:100px;padding:0 8px}
}
@media(max-width:860px){
  .nav{display:none}.card-grid{grid-template-columns:repeat(2,1fr)}
  .counters{grid-template-columns:repeat(2,1fr)}.feeds{grid-template-columns:1fr}
  .detail-layout{grid-template-columns:1fr}.cat-nav{display:flex;flex-wrap:wrap;gap:8px}
  .cat-nav a{margin:0}.footer .foot-main{flex-direction:column;align-items:center}
  .footer .foot-logo{padding:0 0 16px 0}
  .footer .foot-right{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .article-layout{grid-template-columns:1fr}
  .inner-hero h1{font-size:24px}
  .admin-body{grid-template-columns:1fr}
  .svc-grid{grid-template-columns:repeat(2,1fr);gap:24px}
  .svc-detail-list{grid-template-columns:1fr}
  .svc-group-grid{grid-template-columns:1fr;gap:14px}
  .admin-side{position:static;height:auto}
}

/* 知识库页 */
.k-card .k-more{color:var(--blue);font-size:13px;margin-top:8px;display:inline-block;cursor:pointer}
.k-tags{font-size:12px;color:var(--blue);margin-top:6px}

/* ============ 顶部导航：常驻搜索框（贴右侧、加长） ============ */
.search-box{display:flex;align-items:center;height:42px;width:340px;flex:none;
  border:1px solid var(--line);border-radius:21px;background:#f4f7fb;padding:0 5px 0 15px;transition:.18s}
.search-box:focus-within{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px rgba(26,111,255,.10)}
.search-box .ic{color:#96a2b5;flex:none;transition:.18s}
.search-box:focus-within .ic{color:var(--blue)}
.search-box input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:14px;
  color:var(--ink);padding:0 10px}
.search-box input::placeholder{color:#a7b1c2}
.search-box input::-webkit-search-cancel-button{-webkit-appearance:none}
.search-box .go{background:var(--blue);color:#fff;border:none;border-radius:16px;height:30px;
  padding:0 18px;font-size:13px;font-weight:600;cursor:pointer;flex:none;white-space:nowrap}
.search-box .go:hover{background:#0f5be0}

/* 搜索结果页 */
.search-bar{display:flex;gap:10px;max-width:560px;margin-top:18px}
.search-bar input{flex:1;padding:12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:22px;
  background:rgba(255,255,255,.12);color:#fff;font-size:14px;outline:none}
.search-bar input::placeholder{color:#bcd0f5}
.search-bar button{background:#fff;color:var(--blue);border:none;border-radius:22px;padding:0 24px;font-weight:700;cursor:pointer}
/* 搜索关键词高亮 */
.hl{color:#d32f2f;background:#fff0f0;padding:0 2px;border-radius:2px;font-weight:600}
.search-meta{color:var(--sub);font-size:14px;margin-bottom:24px}
.result-group{margin-bottom:40px}
.result-group-title{font-size:20px;font-weight:800;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.result-group-title .count{font-size:13px;font-weight:600;color:#fff;background:var(--blue);
  border-radius:20px;padding:1px 10px}
.result-card .tag{display:inline-block;font-size:11px;color:var(--blue);background:#eaf2ff;
  border-radius:10px;padding:2px 10px;margin-bottom:8px}
.result-card h3{font-size:16px;margin-bottom:6px}
.result-card p{font-size:13px;color:var(--sub);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.result-card .more{color:var(--blue);font-size:13px;margin-top:10px;display:inline-block}

/* ==========================================================================
   内容详情内页（参考 chn-das.com 内页版式：大图页头 + 面包屑 + 正文 + 右侧栏）
   ========================================================================== */
.inner-hero{position:relative;background:var(--blue-deep);color:#fff;padding:66px 0 58px;overflow:hidden}
.inner-hero::before{content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;
  border-radius:50%;background:var(--blue);opacity:.20}
.inner-hero::after{content:"";position:absolute;right:120px;bottom:-190px;width:280px;height:280px;
  border-radius:50%;background:#2f88ff;opacity:.12}
.inner-hero .wrap{position:relative}
.inner-hero .kicker{display:inline-block;font-size:12px;letter-spacing:2px;color:#8fc0ff;
  border:1px solid rgba(143,192,255,.45);border-radius:14px;padding:3px 12px;margin-bottom:16px}
.inner-hero h1{font-size:32px;font-weight:800;line-height:1.35;max-width:820px}
.inner-hero .meta{margin-top:14px;font-size:13px;color:#a9c3ea;display:flex;flex-wrap:wrap;gap:20px}
.inner-hero .meta span{display:inline-flex;align-items:center}
.inner-hero .meta em{font-style:normal;color:#dbe8ff;margin-left:4px}

.crumb-bar{background:#fff;border-bottom:1px solid var(--line)}
.crumb-bar .wrap{display:flex;align-items:center;height:48px;font-size:13px;color:var(--sub)}
.crumb-bar a{color:var(--sub)}
.crumb-bar a:hover{color:var(--blue)}
.crumb-bar .sep{margin:0 8px;color:#ccd4e0}
.crumb-bar .cur{color:var(--ink)}

/* 页面级 BANNER 横幅（伙伴页等，后台可上传） */
.page-banner{background:#fff}
.page-banner img{width:100%;max-height:280px;object-fit:cover;display:block;border-radius:10px}

.article-layout{display:grid;grid-template-columns:1fr 300px;gap:34px;padding:38px 0 66px;align-items:start}
.article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:36px 40px}
/* 摘要引言段：加大 + 加粗 + 重点色 + 引用块风格 —— 与正文明显区分 */
.article .lead{background:linear-gradient(135deg,#f0f5ff 0%,#e8f0fe 100%);
  border-left:4px solid var(--blue);border-radius:0 10px 10px 0;
  padding:18px 22px;font-size:18px;font-weight:700;color:#0d2a6e;line-height:1.85;
  margin-bottom:28px;box-shadow:0 1px 4px rgba(26,111,255,0.08);letter-spacing:.3px}
/* 知识库摘要：进一步放大 + 深蓝重点色 */
.article .lead.is-kb{font-size:19px;font-weight:800;color:#073c9c;line-height:1.9;
  padding:20px 22px;background:linear-gradient(135deg,#eef4ff 0%,#dbeaff 100%);
  border-left:5px solid var(--blue);border-radius:0 12px 12px 0;letter-spacing:.4px}
/* 案例项目简介：客户证言风格 —— 最大最突出 */
.article .lead.is-case{font-size:20px;font-weight:800;color:#0a2472;line-height:1.85;
  padding:20px 24px;background:linear-gradient(135deg,#edf3ff 0%,#dce8ff 100%);
  border-left:5px solid var(--blue);border-radius:0 12px 12px 0;
  box-shadow:0 2px 8px rgba(26,111,255,0.12);letter-spacing:.4px}
.article h2.section-title{font-size:19px;font-weight:800;margin:30px 0 14px;padding-left:12px;position:relative}
.article h2:first-child{margin-top:0}
.article h2.section-title::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--blue);border-radius:2px}
.article .rich{font-size:15px;line-height:2;color:#33435e;word-break:break-word}
.article .rich.ql-editor{padding:0;min-height:0;height:auto;overflow:visible}
/* 段落 —— 与后台编辑器一致 */
.article .rich p{margin-bottom:14px;text-align:justify}
/* 正文内标题（h2=一级章节 h3=二级段落 h4=三级小节）—— 继承后台编辑层级 */
.article .rich h2{font-size:18px;font-weight:800;color:#0d2a6e;margin:32px 0 16px;
  padding-left:14px;border-left:4px solid var(--blue);line-height:1.7}
.article .rich h2:first-child{margin-top:0}
/* 痛点直击 / 章节标题 —— 加粗突出 */
.article .rich h3{font-size:17px;font-weight:700;color:#1a2e4d;margin:28px 0 14px;
  padding:10px 16px;background:#f5f8ff;
  border-left:4px solid var(--blue);border-radius:0 8px 8px 0;line-height:1.6}
.article .rich h3:first-child{margin-top:0}
.article .rich h4{font-size:15px;font-weight:700;color:#1a2e4d;margin:20px 0 10px}
.article .rich strong{font-weight:700;color:#1a2e4d}
/* 列表排版 */
.article .rich ul,.article .rich ol{margin:12px 0 16px 22px;padding:0}
.article .rich li{margin-bottom:8px;line-height:1.9}
.article .rich li::marker{color:var(--blue);font-weight:700}
/* 引用块 */
.article .rich blockquote{margin:16px 0;padding:12px 18px;
  background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:0 8px 8px 0;
  color:#475569;font-size:14px}
/* 表格（Quill 表格模块输出） */
.article .rich table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.article .rich th,.article .rich td{border:1px solid #dde4ee;padding:10px 12px;text-align:left;line-height:1.6}
.article .rich th{background:#f5f8ff;font-weight:700;color:#1a2e4d}
.article .rich tr:nth-child(even){background:#fafbfe}
/* 图片（正文内嵌图） */
.article .rich img{max-width:100%;height:auto;border-radius:8px;margin:12px 0;
  box-shadow:0 1px 6px rgba(0,0,0,0.08)}
/* 代码/预格式化 */
.article .rich pre{background:#1e293b;color:#e2e8f0;border-radius:8px;padding:16px;
  overflow-x:auto;margin:14px 0;font-size:13px;line-height:1.7}
.article .rich code{background:#f1f5f9;color:#c0392b;padding:2px 6px;border-radius:4px;font-size:13px}
.article .rich pre code{background:none;color:inherit;padding:0}
/* 分隔线 */
.article .rich hr{border:none;border-top:2px solid #e8ecf2;margin:24px 0}
.article .gallery{display:grid;gap:12px;margin-top:20px}
/* 1张图片居中，2张平列，3张及以上三列 */
.article .gallery:has(:only-child){grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}
.article .gallery:has(:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}
.article .gallery:not(:has(:only-child)):not(:has(:nth-child(2):last-child)){grid-template-columns:repeat(3,1fr)}
.article .gallery .ph{border-radius:10px;background:#eef3fb;border:1px solid var(--line);height:140px;
  display:flex;align-items:center;justify-content:center;color:#b6c2d4;font-size:12px;overflow:hidden}
.article .gallery img{width:100%;height:100%;object-fit:cover}
.article .tags{margin-top:28px;padding-top:20px;border-top:1px dashed var(--line);font-size:13px;color:var(--sub)}
.article .tags b{display:inline-block;font-weight:600;color:var(--ink);margin-right:8px}
.article .tags i{font-style:normal;display:inline-block;background:#eef4ff;color:var(--blue);
  border-radius:12px;padding:3px 12px;margin:0 8px 8px 0}

.pager{display:flex;justify-content:space-between;gap:16px;margin-top:22px;flex-wrap:wrap}
.pager a{flex:1;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:16px 18px;font-size:14px;color:var(--ink);transition:.18s}
.pager a:hover{border-color:var(--blue);color:var(--blue);box-shadow:0 8px 20px rgba(20,40,90,.07)}
.pager a small{display:block;font-size:12px;color:var(--sub);margin-bottom:4px}
.pager a.disabled{color:#b6c2d4;pointer-events:none}

.side{display:flex;flex-direction:column}
.side-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:18px}
.side-card h4{font-size:15px;font-weight:800;margin-bottom:16px;padding-bottom:12px;
  border-bottom:1px solid var(--line);position:relative}
.side-card h4::after{content:"";position:absolute;left:0;bottom:-1px;width:34px;height:2px;background:var(--blue)}
.side-list{display:flex;flex-direction:column}
.side-list a{display:block;font-size:14px;color:#3d4f6d;padding:10px 0 10px 14px;position:relative;
  border-bottom:1px dashed var(--line);line-height:1.55}
.side-list a:last-child{border-bottom:none}
.side-list a::before{content:"";position:absolute;left:0;top:17px;width:5px;height:5px;border-radius:50%;background:#c3d0e2}
.side-list a:hover{color:var(--blue)}
.side-list a:hover::before{background:var(--blue)}
.side-list a small{display:block;font-size:12px;color:var(--sub);margin-top:2px}
.side-cta{background:var(--blue-deep);color:#fff;border-radius:14px;padding:24px;text-align:center}
.side-cta h4{color:#fff;font-size:16px;border:none;margin-bottom:8px;padding:0}
.side-cta h4::after{display:none}
.side-cta p{font-size:13px;color:#a9c3ea;line-height:1.8;margin-bottom:16px}
.side-cta .btn{width:100%;text-align:center}
.side-tagcloud a{display:inline-block;font-size:13px;background:#f2f6fc;color:#4a5b78;border-radius:14px;
  padding:5px 14px;margin:0 8px 8px 0}
.side-tagcloud a:hover{background:var(--blue);color:#fff}

.empty-tip{background:#fff;border:1px dashed var(--line);border-radius:14px;padding:60px 20px;
  text-align:center;color:var(--sub);font-size:14px}

/* 列表页卡片补充：封面与角标 */
.img-card{position:relative}
.img-card .flag{position:absolute;left:12px;top:12px;background:rgba(26,111,255,.92);color:#fff;
  font-size:11px;border-radius:10px;padding:2px 10px;z-index:2}
.img-card .thumb{position:relative;overflow:hidden}
.img-card .thumb img{width:100%;height:100%;object-fit:cover}
.list-rows{display:flex;flex-direction:column}
.list-row{display:flex;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  margin-bottom:16px;transition:.2s}
.list-row:hover{box-shadow:0 12px 28px rgba(20,40,90,.09);transform:translateY(-2px)}
.list-row .pic{width:300px;min-height:170px;flex:none;background:#eef3fb;display:flex;align-items:center;justify-content:center;overflow:hidden}
.list-row .pic .dot{width:54px;height:54px;border-radius:14px;opacity:.32}
.list-row .pic img{width:100%;height:100%;object-fit:cover}
.list-row .info{padding:20px 24px;flex:1;min-width:0;display:flex;flex-direction:column}
.list-row .info .cat{font-size:12px;color:var(--blue);background:#eef4ff;border-radius:10px;
  padding:2px 10px;align-self:flex-start;margin-bottom:8px}
.list-row .info h3{font-size:17px;margin-bottom:8px}
.list-row .info p{font-size:13px;color:var(--sub);line-height:1.8;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.list-row .info .foot{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;
  align-items:center;font-size:12px;color:var(--sub)}
.list-row .info .foot .more{color:var(--blue);font-weight:600}

/* 知识库分类标签 */
.tab{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.tab button{padding:8px 20px;border-radius:20px;border:1px solid var(--line);background:#fff;
  cursor:pointer;font-size:14px;color:#4a5b78}
.tab button.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.tab button:hover{border-color:var(--blue);color:var(--blue)}
.tab button.on:hover{color:#fff}

/* ==========================================================================
   首页专用版式（Hero 双栏 + 数据条 + 区块头 + 新闻列表）
   ========================================================================== */
.section.alt{background:#fff}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}
.sec-head .section-sub{margin-bottom:0}
.more-link{font-size:14px;color:var(--blue);font-weight:600;white-space:nowrap}
.more-link:hover{text-decoration:underline}

.home-hero{padding:74px 0 78px;position:relative;overflow:hidden}
.home-hero::before{content:"";position:absolute;right:-160px;top:-180px;width:520px;height:520px;
  border-radius:50%;background:var(--blue);opacity:.18}
.home-hero::after{content:"";position:absolute;left:-120px;bottom:-220px;width:360px;height:360px;
  border-radius:50%;background:#2f88ff;opacity:.10}
.home-hero .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap}
.hero-txt{flex:1;min-width:320px}
.hero-txt .kicker{display:inline-block;font-size:12px;letter-spacing:3px;color:#8fc0ff;
  border:1px solid rgba(143,192,255,.4);border-radius:14px;padding:4px 14px;margin-bottom:20px}
.hero-txt h1{font-size:42px;font-weight:800;line-height:1.24;margin-bottom:18px}
.hero-txt p{font-size:15px;color:#cfe0ff;line-height:1.9;margin-bottom:28px}
.hero-txt .cta{display:flex;gap:14px;flex-wrap:wrap}

.hero-panel{width:352px;flex:none;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
  border-radius:16px;padding:24px}
.hero-panel .hp-title{font-size:14px;color:#8fc0ff;letter-spacing:1px;padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:6px}
.hero-panel ul{list-style:none}
.hero-panel li{display:flex;align-items:center;padding:14px 0;border-bottom:1px dashed rgba(255,255,255,.10)}
.hero-panel li:last-child{border-bottom:none}
.hero-panel li i{width:8px;height:8px;border-radius:2px;background:#5fa8ff;flex:none;margin-right:12px;transform:rotate(45deg)}
.hero-panel li b{font-size:15px;color:#fff;font-weight:600;flex:none;width:78px}
.hero-panel li span{font-size:13px;color:#a9c3ea;margin-left:10px}

.stat-strip{background:#fff;border-bottom:1px solid var(--line)}
.stat-strip .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:30px;padding-bottom:30px}
.stat-strip .item{flex:1;min-width:150px;text-align:center;position:relative}
.stat-strip .item+.item::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;background:var(--line)}
.stat-strip .num{font-size:36px;font-weight:800;color:var(--blue);line-height:1.2}
.stat-strip .num em{font-style:normal;font-size:18px;margin-left:2px}
.stat-strip .lbl{font-size:13px;color:var(--sub);margin-top:6px}

.news-list{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.news-item{display:flex;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line);transition:.16s}
.news-item:last-child{border-bottom:none}
.news-item:hover{background:#f7faff}
.news-item .dot2{width:6px;height:6px;border-radius:50%;background:#c3d0e2;flex:none;margin-right:14px}
.news-item:hover .dot2{background:var(--blue)}
.news-item .t{flex:1;min-width:0;font-size:15px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-item:hover .t{color:var(--blue)}
.news-item .c{font-size:12px;color:var(--blue);background:#eef4ff;border-radius:10px;padding:2px 10px;margin:0 16px;flex:none}
.news-item .d{font-size:12px;color:var(--sub);flex:none;width:92px;text-align:right}

.mini-banner{text-decoration:none}
@media(max-width:860px){
  .hero-txt h1{font-size:30px}
  .hero-panel{width:100%}
  .stat-strip .item{min-width:50%;margin-bottom:16px}
  .stat-strip .item+.item::before{display:none}
  .news-item .c{display:none}
  .nav-item.has-mega .mega{position:static;min-width:0;box-shadow:none;border:none;transform:none;opacity:1;visibility:visible}
  .mega-cols{flex-direction:column;padding:8px 0}
  .mega-col{border:none;padding:14px 0 4px}
  .mega-col:first-child{padding-top:0}
}

/* 登录/注册身份选择卡片（自适应网格） */
.role-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 22px}
.role-card{border:1px solid var(--line);border-radius:12px;padding:14px 6px;text-align:center;cursor:pointer;
  font-size:14px;color:var(--ink);background:#fff;transition:.16s}
.role-card.on{border-color:var(--blue);background:#f2f7ff;color:var(--blue);font-weight:700}
.role-card:hover{border-color:var(--blue)}
@media(max-width:600px){.role-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:420px){.role-grid{grid-template-columns:repeat(2,1fr)}}

/* 注册页身份卡：固定 4 列居中（4 类身份：客户 / 工程师 / 合作伙伴 / 设备厂家） */
.rg-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 22px;justify-items:center}
.rg-4 .role-card{padding:16px 4px;border-radius:14px;font-weight:600;box-shadow:0 2px 8px rgba(26,111,255,.06);transition:.16s}
.rg-4 .role-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(26,111,255,.14)}
.rg-4 .role-card.on{background:#1a6fff;color:#fff;border-color:#1a6fff;box-shadow:0 6px 18px rgba(26,111,255,.28)}
.rg-4 .role-card.on:hover{border-color:#1a6fff;transform:none}
@media(max-width:600px){.rg-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:380px){.rg-4{grid-template-columns:repeat(2,1fr)}}

/* 单行单选 chips（企业类型 / 维护类型 / 厂家类型），复用 .toggle-btn 视觉 */
.chip-row{display:flex;flex-wrap:wrap;gap:8px}
.chip-row .toggle-btn{padding:8px 18px;border-radius:20px;font-size:13px;cursor:pointer;
  border:1px solid var(--line);background:#fff;color:var(--ink)}
.chip-row .toggle-btn.on{background:var(--blue);color:#fff;border-color:var(--blue)}

/* 多选标签（技能标签 / 专业方向 / 主营子系统） */
.tag-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.tag-sel{display:inline-block;padding:7px 14px;border-radius:18px;font-size:13px;cursor:pointer;
  border:1px solid var(--line);background:#fff;color:var(--ink);user-select:none;transition:.14s}
.tag-sel:hover{border-color:var(--blue);color:var(--blue)}
.tag-sel.on{background:#f2f7ff;border-color:var(--blue);color:var(--blue);font-weight:600}

/* 地图选点按钮（客户"服务地址"） */
.map-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 14px;
  border:1px dashed var(--blue);border-radius:10px;background:#f6faff;color:var(--blue);
  font-size:13px;cursor:pointer}
.map-btn:hover{background:#eaf2ff}
.map-btn svg{width:16px;height:16px}

/* 定位按钮行 + 重新定位（虚线主按钮 / 实线幽灵按钮） */
.map-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.map-btn-ghost{border-style:solid;border-color:var(--line);background:#fff;color:var(--sub)}
.map-btn-ghost:hover{background:#f2f7ff;color:var(--blue)}
.sub-tip{font-weight:400;color:var(--sub);font-size:12px;margin-left:4px}

/* 常驻城市搜索下拉（覆盖全国主要城市） */
.field#f-coverage{position:relative}
.combo-input{width:100%;box-sizing:border-box;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;font-size:14px;outline:none;transition:border-color .2s;background:#fff}
.combo-input:focus{border-color:var(--blue)}
.combo-list{position:absolute;left:0;right:0;top:100%;z-index:30;margin-top:4px;max-height:220px;overflow:auto;
  background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.10)}
.combo-list .combo-item{padding:9px 13px;font-size:14px;cursor:pointer;border-bottom:1px solid #f0f3f8}
.combo-list .combo-item:last-child{border-bottom:none}
.combo-list .combo-item:hover{background:#f2f7ff;color:var(--blue)}

/* 营业执照等文件上传 */
.file-up{margin-top:8px}
.file-up input[type=file]{display:none}
.file-up .fu-label{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;
  border:1px dashed var(--line);border-radius:10px;background:#fff;color:var(--sub);font-size:13px;cursor:pointer}
.file-up .fu-label:hover{border-color:var(--blue);color:var(--blue)}
.file-up .fu-name{margin-top:6px;font-size:12px;color:var(--green)}

/* ============ 快速报修页 ============ */
.repair-hero{background:var(--blue-deep);color:#fff;padding:54px 0}
.repair-hero .kicker{display:inline-block;font-size:13px;color:#9fc0ff;letter-spacing:2px;margin-bottom:10px}
.repair-hero h1{font-size:30px;font-weight:800}
.repair-hero p{color:#cfe0ff;font-size:14px;margin-top:8px}
.repair-sec{padding:48px 0 64px}
.repair-layout{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}
.repair-main{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px}
.repair-tabs{display:flex;gap:10px;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:14px}
.rtab{flex:1;padding:11px 0;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;
  border:1px solid var(--line);background:#fff;color:var(--ink);transition:.16s}
.rtab.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.repair-form .field{margin-bottom:16px}
.repair-form textarea{width:100%;min-height:96px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;
  font-size:14px;font-family:inherit;resize:vertical}
.repair-form input{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;
  font-family:inherit;color:var(--ink)}
.repair-form input:focus,.repair-form textarea:focus{outline:none;border-color:var(--blue)}
.repair-actions{display:flex;align-items:center;gap:16px;margin-top:8px;flex-wrap:wrap}
.repair-tip{font-size:13px;color:var(--sub)}
.repair-tip a{color:var(--blue)}
.repair-side{display:flex;flex-direction:column;gap:18px}
.side-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.side-card h3{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--ink)}
.qr-card{text-align:center}
.qr-card .qr-img{width:120px;height:120px;background:#f2f7ff;border-radius:10px;display:flex;
  align-items:center;justify-content:center;color:var(--blue);font-size:12px;margin:0 auto 12px}
.qr-tip{font-size:14px;color:var(--ink);line-height:1.6}
.qr-name{font-size:12px;color:var(--sub);margin-top:8px}
.note-list{list-style:none;margin:0;padding:0}
.note-list li{position:relative;padding:8px 0 8px 18px;font-size:13px;color:var(--sub);line-height:1.6;
  border-bottom:1px dashed var(--line)}
.note-list li:last-child{border-bottom:none}
.note-list li::before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;border-radius:50%;background:var(--blue)}
@media(max-width:860px){
  .repair-layout{grid-template-columns:1fr}
}

/* ==================== 2026-08-10 官网增强 ====================
 * 1) 版面留白压缩（首页扫码 banner 上方 + 三个主页面顶部）
 * 2) 运维大类配图
 * 3) 内页首行放大 + 长文折叠「查看更多」+ 分享/PDF/打印工具条
 * 说明：全部走新增 class，不改动既有选择器，老页面样式零影响。 */

/* ---- 留白压缩 ---- */
.section.tight-top{padding-top:0}                       /* 首页「扫码体验」区上方 */
.svc-grid-section{padding:26px 0 20px}                  /* 运维服务主页面顶部（原 50px） */
.page-top-tight{padding-top:18px !important}            /* 方案 / 案例主页面列表区顶部（原 32px） */
.inner-hero{padding:48px 0 42px}                        /* 内页深蓝页头整体收紧（原 66/58） */

/* ---- 运维服务：大类配图 ---- */
/* 做成通栏顶图：带图的卡片去掉上内边距，图片左右用负边距顶到卡片边缘 */
.svc-col{overflow:hidden}
.svc-col.has-pic{padding-top:0}
.svc-col-pic{margin:0 -24px 18px;height:132px;background:#eef3fb;
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.svc-col-pic img{width:100%;height:100%;object-fit:cover;display:block}
.svc-col-pic .ph{width:52px;height:52px;border-radius:14px;opacity:.28}

/* ---- 详情页：首行放大 ---- */
.article .first-line{font-size:17px;line-height:1.9;color:#1a2e4d;margin:0 0 14px}

/* ---- 详情页：长文折叠 ---- */
.rich-wrap{position:relative}
.rich-wrap.collapsed .rich{max-height:520px;overflow:hidden}
.rich-wrap.collapsed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:130px;
  background:#fff;opacity:.001;pointer-events:none}
.rich-fade{display:none;position:absolute;left:0;right:0;bottom:0;height:120px;pointer-events:none;
  background:#fff;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,1)))}
.rich-wrap.collapsed .rich-fade{display:block}
.read-more-row{display:flex;justify-content:center;margin:18px 0 4px}
.read-more-btn{display:inline-flex;align-items:center;justify-content:center;min-width:180px;height:42px;
  padding:0 26px;border:1px solid var(--blue);border-radius:21px;background:#fff;color:var(--blue);
  font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
.read-more-btn:hover{background:var(--blue);color:#fff}

/* ---- 详情页：分享 / PDF / 打印 工具条 ---- */
.art-tools{display:flex;align-items:center;flex-wrap:wrap;margin:22px 0 0;padding-top:18px;
  border-top:1px solid var(--line)}
.art-tools .lbl{font-size:13px;color:var(--sub);margin-right:14px;display:none}
.art-tool{display:inline-flex;align-items:center;height:36px;padding:0 16px;margin-right:10px;
  margin-bottom:8px;border:1px solid var(--line);border-radius:18px;background:#fff;color:#3a4a5e;
  font-size:13px;font-family:inherit;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.art-tool:hover{border-color:var(--blue);color:var(--blue);background:#f4f8ff}
.art-tool[disabled]{opacity:.55;cursor:default}
.share-pop{position:fixed;inset:0;background:rgba(16,28,48,.55);display:flex;align-items:center;
  justify-content:center;z-index:900}
.share-box{background:#fff;border-radius:14px;padding:26px 28px;width:360px;max-width:92vw;
  box-shadow:0 20px 50px rgba(10,25,60,.28)}
.share-box h4{font-size:17px;font-weight:700;margin-bottom:6px}
.share-box p{font-size:13px;color:var(--sub);margin-bottom:16px}
.share-box .link-row{display:flex;margin-bottom:16px}
.share-box input{flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid var(--line);
  border-radius:8px 0 0 8px;font-size:13px;font-family:inherit;color:#3a4a5e}
.share-box .copy{height:38px;padding:0 16px;border:1px solid var(--blue);background:var(--blue);color:#fff;
  border-radius:0 8px 8px 0;font-size:13px;cursor:pointer;font-family:inherit}
.share-box .close{width:100%;height:38px;border:1px solid var(--line);background:#fff;border-radius:8px;
  font-size:14px;color:#3a4a5e;cursor:pointer;font-family:inherit}
.share-qr{width:150px;height:150px;margin:0 auto 14px;background:#f4f8ff;border-radius:10px;
  display:flex;align-items:center;justify-content:center}
.share-qr img,.share-qr canvas{width:100%;height:100%;object-fit:contain;border-radius:10px}

/* ---- 打印：只留正文 ---- */
@media print{
  .header,.footer,#site-header,#site-footer,.crumb-bar,.side,.pager,.art-tools,
  .read-more-row,.mini-banner,.inner-hero::before,.inner-hero::after{display:none !important}
  .inner-hero{background:#fff !important;color:#000 !important;padding:0 0 12px !important;
    border-bottom:2px solid #1a6fff}
  .inner-hero h1{color:#000 !important;font-size:22px}
  .inner-hero .kicker,.inner-hero .meta{color:#555 !important}
  .inner-hero .meta em{color:#222 !important}
  .article-layout{display:block !important;padding:0 !important}
  .rich-wrap.collapsed .rich{max-height:none !important;overflow:visible !important}
  .rich-wrap.collapsed .rich-fade{display:none !important}
  body{background:#fff}
}

@media(max-width:860px){
  .svc-col-pic{height:112px}
  .article .first-line{font-size:17px}
}

/* 运维大类：卡片描述 + 大类聚合页头图 */
.svc-col-desc{font-size:13px;color:var(--sub);line-height:1.7;margin:-8px 0 14px}
.svc-group-banner{height:220px;border-radius:12px;overflow:hidden;margin-bottom:18px;background:#eef3fb}
.svc-group-banner img{width:100%;height:100%;object-fit:cover;display:block}
.svc-group-desc{font-size:14px;color:var(--sub);line-height:1.9;margin-bottom:20px}
@media(max-width:860px){.svc-group-banner{height:150px}}