/* =====================================================================
   新模板 · 自适应 styles  (mobile-first)
   设计：现代渐变 + 卡片化 + 移动优先
   资源均位于本模板根目录，由 {pboot:sitedomain}/template/xin/ 引用
   ===================================================================== */

:root{
  --primary:#ff4d4f;
  --primary-dark:#e6393c;
  --primary-soft:#fff1f1;
  --accent:#ff7a18;
  --grad:linear-gradient(135deg,#ff7a18 0%,#ff2d55 100%);
  --grad-soft:linear-gradient(135deg,#fff6ef 0%,#ffeef2 100%);
  --ink:#1d2330;
  --ink-2:#3a4252;
  --muted:#7a8194;
  --line:#ececf1;
  --bg:#ffffff;
  --bg-soft:#f6f8fb;
  --bg-deep:#0f1430;
  --radius:18px;
  --radius-sm:12px;
  --shadow:0 14px 40px rgba(20,24,55,.10);
  --shadow-soft:0 8px 24px rgba(20,24,55,.06);
  --maxw:1180px;
  --header-h:64px;
  --font:"PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,
         "Hiragino Sans GB",sans-serif;
}

*,*::before,*::after{box-sizing:border-box;}
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--font);
  color:var(--ink);
  background:var(--bg);
  font-size:15px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul,li{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.3;color:var(--ink);}
p{margin:0;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}

.container{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 18px; }
.clearfix::after{content:"";display:block;clear:both;}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 30px;border-radius:999px;font-size:15px;font-weight:600;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
  white-space:nowrap;
}
.btn-primary{ color:#fff; background:var(--grad); box-shadow:0 10px 24px rgba(255,45,85,.30); }
.btn-primary:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(255,45,85,.40); }
.btn-ghost{ color:var(--primary); background:#fff; border:1.5px solid rgba(255,77,79,.35); }
.btn-ghost:hover{ background:var(--primary-soft); transform:translateY(-2px); }
.btn-lg{ padding:16px 40px; font-size:16px; }
.btn-sm{ padding:9px 20px; font-size:13px; }

/* ---------- 通用区块 ---------- */
.section{ padding:56px 0; }
.section--soft{ background:var(--bg-soft); }
.section-head{ text-align:center; max-width:720px; margin:0 auto 38px; }
.section-en{
  display:inline-block;font-size:13px;letter-spacing:3px;text-transform:uppercase;
  color:var(--primary);font-weight:700;margin-bottom:10px;
}
.section-title{ font-size:clamp(22px,5vw,34px); }
.section-line{ width:54px;height:4px;border-radius:4px;background:var(--grad);
  margin:16px auto 0; }
.section-sub{ color:var(--muted); margin-top:12px; font-size:15px; }

/* 滚动揭示动画 */
.reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s ease; }
.reveal.in{ opacity:1; transform:none; }

/* =====================================================================
   头部导航
   ===================================================================== */
.site-header{
  position:sticky;top:0;z-index:200;background:rgba(255,255,255,.86);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--line);
}
.header-inner{ display:flex; align-items:center; justify-content:space-between; height:var(--header-h); }
.brand{ display:flex; align-items:center; gap:10px; min-width:0; }
.brand-logo{ height:34px; width:auto; border-radius:8px; }
.brand-mark{
  display:inline-flex; align-items:center; justify-content:center; flex:none;
  width:34px; height:34px; border-radius:10px;
  background:linear-gradient(135deg,#ff7a18 0%,#ff2d55 100%);
  color:#fff; font-size:18px; font-weight:800; line-height:1;
  box-shadow:0 4px 12px rgba(255,45,85,.28);
}
.brand-mark svg{ width:19px; height:19px; display:block; }
.brand-name{
  font-size:19px; font-weight:800; letter-spacing:.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  background:linear-gradient(135deg,#ff7a18 0%,#ff2d55 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
.main-nav ul{ display:flex; gap:6px; align-items:center; }
.main-nav a{
  display:block;padding:8px 14px;border-radius:10px;font-size:15px;color:var(--ink-2);
  font-weight:500;transition:background .2s,color .2s;
}
.main-nav a:hover{ color:var(--primary); background:var(--primary-soft); }
.main-nav .cur a,.main-nav li.cur > a{ color:var(--primary); background:var(--primary-soft); font-weight:700; }
.header-actions{ display:flex; align-items:center; gap:10px; }
.nav-toggle{ display:none; width:42px;height:42px;border-radius:10px; position:relative; }
.nav-toggle span{ position:absolute; left:10px; right:10px; height:2px; background:var(--ink); border-radius:2px; transition:.3s; }
.nav-toggle span:nth-child(1){ top:14px; }
.nav-toggle span:nth-child(2){ top:20px; }
.nav-toggle span:nth-child(3){ top:26px; }
.nav-toggle.open span:nth-child(1){ top:20px; transform:rotate(45deg); }
.nav-toggle.open span:nth-child(2){ opacity:0; }
.nav-toggle.open span:nth-child(3){ top:20px; transform:rotate(-45deg); }

.mobile-nav{
  display:none; position:fixed; inset:var(--header-h) 0 auto 0; z-index:199;
  background:#fff; border-bottom:1px solid var(--line); box-shadow:var(--shadow);
  max-height:calc(100vh - var(--header-h)); overflow:auto;
}
.mobile-nav.open{ display:block; }
.mobile-nav ul{ padding:10px 16px 20px; }
.mobile-nav li a{ display:block; padding:14px 10px; font-size:16px; border-radius:10px; color:var(--ink-2); }
.mobile-nav li a:hover{ background:var(--primary-soft); color:var(--primary); }

/* =====================================================================
   首页 Hero
   ===================================================================== */
.hero{ position:relative; padding:64px 0 72px; background:var(--grad-soft); overflow:hidden; }
.hero::before,.hero::after{
  content:""; position:absolute; border-radius:50%; filter:blur(8px); opacity:.5; z-index:0;
}
.hero::before{ width:320px;height:320px; right:-90px; top:-90px;
  background:radial-gradient(circle, rgba(255,122,24,.35), transparent 70%); }
.hero::after{ width:300px;height:300px; left:-100px; bottom:-120px;
  background:radial-gradient(circle, rgba(255,45,85,.30), transparent 70%); }
.hero-inner{ position:relative; z-index:1; display:grid; gap:34px; grid-template-columns:1fr; align-items:center; }
.hero-title{ font-size:clamp(28px,7vw,46px); line-height:1.22; }
.hero-title .hl{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-sub{ color:var(--ink-2); margin-top:16px; font-size:16px; max-width:560px; }
.hero-actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:26px; }
.hero-badges{ display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.hero-badges span{
  font-size:13px;color:var(--ink-2);background:#fff;border:1px solid var(--line);
  padding:7px 14px;border-radius:999px;box-shadow:var(--shadow-soft);
}
.hero-art{ position:relative; }
.hero-card{
  background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:22px;
  display:grid;gap:14px;
}
.hero-card .row{ display:flex;align-items:center;gap:12px; }
.hero-card .dot{ width:10px;height:10px;border-radius:50%;background:var(--grad); }
.hero-card .bar{ height:10px;border-radius:6px;background:var(--bg-soft);flex:1;overflow:hidden; }
.hero-card .bar i{ display:block;height:100%;background:var(--grad);border-radius:6px; }
.hero-card .big{ font-size:30px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent; }

/* =====================================================================
   数据统计
   ===================================================================== */
.stats{ background:var(--bg-deep); color:#fff; padding:42px 0; }
.stats-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:22px; text-align:center; }
.stat-num{ font-size:clamp(26px,6vw,40px); font-weight:800;
  background:linear-gradient(135deg,#ffd36e,#ff7a18); -webkit-background-clip:text; background-clip:text; color:transparent; }
.stat-label{ color:rgba(255,255,255,.72); margin-top:6px; font-size:14px; }

/* =====================================================================
   介绍 / 特性 / 价格 / 优势 等卡片
   ===================================================================== */
.intro{ display:grid; gap:34px; grid-template-columns:1fr; align-items:center; }
.intro-text h2{ font-size:clamp(22px,5vw,32px); }
.intro-text p{ color:var(--ink-2); margin-top:14px; }
.intro-media{ border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow);
  background:var(--grad-soft); min-height:240px; display:flex; align-items:center; justify-content:center; }
.intro-media img{ width:100%; }

.features-grid{ display:grid; grid-template-columns:1fr; gap:20px; }
.feature{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:26px;box-shadow:var(--shadow-soft);transition:transform .3s,box-shadow .3s;
}
.feature:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
.feature-icon{
  width:54px;height:54px;border-radius:14px;background:var(--grad-soft);
  display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:16px;
}
.feature-icon svg{ width:28px;height:28px; }
.feature h3{ font-size:18px; margin-bottom:8px; }
.feature p{ color:var(--muted); font-size:14px; line-height:1.8; }
.feature-media{ margin-top:18px; border-radius:var(--radius-sm); overflow:hidden; background:var(--bg-soft); }
.feature-media img{ width:100%; }

.price-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
.price-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:28px 24px;text-align:center;position:relative;box-shadow:var(--shadow-soft);
  transition:transform .3s,box-shadow .3s;
}
.price-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
.price-card.featured{ border:2px solid var(--primary); }
.price-card .tag{ position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--grad);color:#fff;font-size:12px;padding:4px 14px;border-radius:999px; }
.price-icon{ width:48px;height:48px;margin:0 auto 12px;border-radius:12px;
  background:var(--grad-soft);display:flex;align-items:center;justify-content:center;color:var(--primary); }
.price-title{ font-size:17px; }
.price-amount{ font-size:30px;font-weight:800;background:var(--grad);
  -webkit-background-clip:text;background-clip:text;color:transparent; margin:10px 0; }
.price-note{ color:var(--muted); font-size:13px; }

.adv-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
.adv-card{ background:#fff;border-radius:var(--radius);padding:28px;text-align:center;
  border:1px solid var(--line);box-shadow:var(--shadow-soft);transition:.3s; }
.adv-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
.adv-icon{ width:64px;height:64px;margin:0 auto 14px;border-radius:18px;background:var(--grad);
  color:#fff;display:flex;align-items:center;justify-content:center; }
.adv-icon svg{ width:32px;height:32px; }
.adv-card h3{ font-size:18px; }
.adv-card .line{ width:40px;height:3px;background:var(--grad);margin:12px auto; border-radius:3px; }
.adv-card p{ color:var(--muted); font-size:14px; }

.trust-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
.trust-card{ background:#fff;border-radius:var(--radius);padding:26px;text-align:center;
  border:1px solid var(--line);box-shadow:var(--shadow-soft);transition:.3s; }
.trust-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
.trust-card .ic{ width:60px;height:60px;margin:0 auto 12px;color:var(--primary); }
.trust-card h3{ font-size:17px; }
.trust-card .en{ color:var(--muted); font-size:13px; letter-spacing:1px; }

/* 案例滚动列表 */
.cases-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
.case-col{ background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:18px;box-shadow:var(--shadow-soft); }
.case-col .first{ display:grid;grid-template-columns:1fr 1fr auto;gap:8px;font-weight:700;
  color:var(--primary);padding-bottom:10px;border-bottom:1px dashed var(--line);font-size:14px; }
.case-col li{ display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:9px 0;
  border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2); }
.case-col li:last-child{ border-bottom:none; }
.case-col .rank{ color:var(--primary); font-weight:700; }
.case-col a{ color:var(--ink-2); }

/* =====================================================================
   CTA 行 + 新闻
   ===================================================================== */
.cta-band{ background:var(--grad); color:#fff; border-radius:0 0 30px 30px; padding:54px 0; position:relative; z-index:1; }
.cta-inner{ display:grid; gap:26px; grid-template-columns:1fr; align-items:center; text-align:center; }
.cta-title{ font-size:clamp(22px,5vw,32px); }
.cta-title em{ font-style:normal; text-decoration:underline; text-underline-offset:4px; }
.cta-band .btn-ghost{ color:#fff; border-color:rgba(255,255,255,.7); background:rgba(255,255,255,.12); }
.cta-band .btn-ghost:hover{ background:rgba(255,255,255,.22); }
.news-grid{ display:grid; grid-template-columns:1fr; gap:22px; margin-top:30px; text-align:left; }
.news-col{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:22px 22px 8px; box-shadow:var(--shadow-soft); transition:.3s; overflow:hidden; }
.news-col:hover{ box-shadow:var(--shadow); transform:translateY(-4px); }
.news-col-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; padding-bottom:14px; border-bottom:2px solid; border-image:var(--grad) 1; }
.news-col h4{ font-size:17px; margin:0; position:relative; padding-left:14px; color:var(--ink); }
.news-col h4::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:18px; border-radius:4px; background:var(--grad); }
.news-more{ font-size:13px; color:var(--primary); font-weight:600; white-space:nowrap; padding:5px 12px; border:1px solid var(--line); border-radius:20px; transition:.25s; }
.news-more:hover{ background:var(--grad); color:#fff; border-color:transparent; }
.news-list{ list-style:none; }
.news-list li{ display:flex; align-items:flex-start; gap:10px; padding:13px 0; border-bottom:1px dashed var(--line); transition:.2s; }
.news-list li:hover{ padding-left:4px; }
.news-list a{ flex:1; color:var(--ink-2); font-size:14.5px; line-height:1.55; position:relative; padding-left:16px; transition:.2s;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news-list a::before{ content:""; position:absolute; left:0; top:9px; width:6px; height:6px; border-radius:50%; background:var(--primary); transition:.2s; }
.news-list a:hover{ color:var(--primary); }
.news-list a:hover::before{ background:var(--grad); transform:scale(1.4); }
.news-list .date{ color:var(--muted); font-size:12px; white-space:nowrap; flex:none; padding-top:2px; }

/* =====================================================================
   页脚
   ===================================================================== */
/* ---------- 页脚（与首页主体统一：浅色卡片 + 渐变点缀） ---------- */
.site-footer{ background:var(--bg-soft); color:var(--ink-2); padding:38px 0 26px; position:relative; margin-top:-18px; z-index:2; }
.footer-top-accent{ display:none; }

/* 友情链接（按钮化） */
.footer-links{ display:flex; align-items:flex-start; flex-wrap:wrap; gap:14px 18px; padding-bottom:26px; border-bottom:1px solid var(--line); }
.footer-links-title{ color:var(--primary); font-size:14px; font-weight:700; margin-right:4px; padding-top:9px; white-space:nowrap; letter-spacing:.5px; }
.yq-links{ display:flex; flex-wrap:wrap; gap:10px 12px; flex:1; min-width:200px; }
.yq-links a{
  display:inline-flex; align-items:center; gap:7px;
  background:#fff; color:var(--ink-2); font-size:13.5px;
  padding:8px 16px; border:1px solid var(--line); border-radius:999px;
  box-shadow:var(--shadow-soft); transition:.25s;
}
.yq-links a::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--grad); flex:none; transition:.25s; }
.yq-links a:hover{ color:#fff; border-color:transparent; background:var(--grad); transform:translateY(-2px); box-shadow:var(--shadow); }
.yq-links a:hover::before{ background:#fff; }

/* 版权 */
.footer-bottom{ margin-top:18px; text-align:center; color:var(--muted); font-size:13px; }
.footer-bottom a{ color:var(--ink-2); }
.footer-bottom a:hover{ color:var(--primary); }

/* =====================================================================
   立即咨询 浮动按钮 + 弹窗
   ===================================================================== */
.consult-fab{
  position:fixed; right:18px; bottom:22px; z-index:300;
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 20px;border-radius:999px;color:#fff;background:var(--grad);
  font-weight:700;font-size:15px;box-shadow:0 12px 28px rgba(255,45,85,.40);
  transition:transform .25s ease;
}
.consult-fab:hover{ transform:translateY(-3px) scale(1.03); }
.consult-fab svg{ width:20px;height:20px; }

.modal{ position:fixed; inset:0; z-index:400; display:none; }
.modal.open{ display:block; }
.modal-overlay{ position:absolute; inset:0; background:rgba(15,20,48,.55); backdrop-filter:blur(3px); }
.modal-card{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(92vw,380px); background:#fff; border-radius:20px; padding:30px 26px 26px;
  text-align:center; box-shadow:var(--shadow); animation:pop .28s ease;
}
@keyframes pop{ from{ transform:translate(-50%,-46%) scale(.94); opacity:0; } to{ transform:translate(-50%,-50%) scale(1); opacity:1; } }
.modal-close{ position:absolute; right:14px; top:12px; width:34px;height:34px;border-radius:50%;
  font-size:22px;color:var(--muted); background:var(--bg-soft); line-height:1; }
.modal-close:hover{ background:#eee; color:var(--ink); }
.modal-title{ font-size:19px; }
.modal-sub{ color:var(--muted); font-size:13px; margin-top:8px; }
.qr-wrap{ margin:18px auto 14px; width:200px; height:200px; border-radius:14px;
  background:var(--bg-soft); display:flex; align-items:center; justify-content:center; padding:10px; }
.qr-img{ width:100%; height:100%; object-fit:contain; border-radius:8px; }
.wx-row{ display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; margin-top:6px; }
.wx-label{ color:var(--muted); font-size:14px; }
.wx-id{
  display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;
  background:var(--primary-soft); color:var(--primary); font-weight:800; font-size:17px;
  border:1.5px dashed rgba(255,77,79,.5); transition:.2s; word-break:break-all;
}
.wx-id:hover{ background:#ffe3e3; }
.wx-id svg{ width:16px;height:16px; }
.copy-hint{ font-size:12px; color:var(--muted); width:100%; }
.modal-tip{ margin-top:14px; font-size:13px; color:var(--muted); }

/* Toast */
.toast{
  position:fixed; left:50%; bottom:90px; transform:translateX(-50%) translateY(20px);
  background:rgba(15,20,48,.92); color:#fff; padding:11px 22px; border-radius:999px;
  font-size:14px; z-index:500; opacity:0; pointer-events:none; transition:.3s;
}
.toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }

/* 返回顶部 */
.go-top{ position:fixed; right:18px; bottom:84px; z-index:300; width:44px;height:44px;
  border-radius:50%; background:#fff; color:var(--primary); box-shadow:var(--shadow);
  display:none; align-items:center; justify-content:center; font-size:20px; }
.go-top.show{ display:flex; }

/* =====================================================================
   内页通用（about / news / join）
   ===================================================================== */
.page-banner{ height:200px; background:var(--grad); display:flex; align-items:center; justify-content:center; color:#fff; text-align:center; }
.page-banner h1{ font-size:clamp(24px,5vw,34px); }
.crumbs{ max-width:var(--maxw); margin:0 auto; padding:14px 18px; font-size:14px; color:#999; }
.crumbs a{ color:#666; }
.arc-main{ padding:30px 0 50px; }
.arc-layout{ display:grid; grid-template-columns:1fr; gap:28px; }
.arc-layout > div{ min-width:0; }
.side-nav{ background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px; }
.side-nav h5{ font-size:15px; margin-bottom:10px; }
.side-nav a{ display:block; padding:10px 12px; border-radius:8px; color:var(--ink-2); font-size:14px; }
.side-nav a:hover,.side-nav .cur a,.side-nav li.cur a{ background:var(--primary-soft); color:var(--primary); }
.arc-content{ background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px; box-shadow:var(--shadow-soft); min-width:0; overflow-x:hidden; }
.arc-content h1{ font-size:24px; margin-bottom:14px; word-break:break-word; }
/* 内容区溢出根治：约束所有子元素不超过容器宽度，强制长串/链接换行 */
.editbox{ color:var(--ink-2); line-height:1.9; overflow-wrap:anywhere; word-break:break-word; }
/* 任何子元素都不许超出内容框（根治图片/表格/固定宽 div 撑破） */
.editbox, .editbox *{ max-width:100% !important; box-sizing:border-box; }
.editbox *{ max-width:100% !important; box-sizing:border-box; }
.editbox img,.editbox video,.editbox iframe,.editbox object,.editbox embed,.editbox canvas{ height:auto !important; border-radius:10px; margin:14px 0; }
.editbox table{ width:100% !important; max-width:100% !important; table-layout:fixed; border-collapse:collapse; margin:14px 0; word-break:break-word; }
.editbox pre,.editbox code{ white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; }
.editbox a{ overflow-wrap:anywhere; }
/* 编辑器给每段套了 text-wrap-mode:nowrap / white-space:nowrap —— 强制恢复可换行 */
.editbox [style*="nowrap"],
.editbox [style*="text-wrap-mode"],
.editbox [style*="white-space:nowrap"],
.editbox [style*="WHITE-SPACE:NOWRAP"]{
  white-space:normal !important;
  text-wrap-mode:wrap !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}
.arc-rela{ margin-top:22px; background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px; }
.arc-rela h5{ font-size:16px; margin-bottom:10px; }
.arc-rela li{ padding:8px 0; border-bottom:1px dashed var(--line); }
.arc-rela a{ color:var(--ink-2); font-size:14px; }
.arc-rela a:hover{ color:var(--primary); }
.tag-row{ display:flex;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:13px;margin-bottom:16px; }
.tag-row span{ display:inline-flex;align-items:center;gap:6px; }
.pagenav{ display:flex;justify-content:space-between;gap:10px;margin-top:22px; }
.pagenav a{ color:var(--primary); font-size:14px; }

/* 列表页 */
.list-items{ display:grid; grid-template-columns:1fr; gap:16px; }
.list-item{ display:block; background:#fff; border:1px solid var(--line);
  border-radius:var(--radius); padding:16px 18px; box-shadow:var(--shadow-soft); transition:.3s; }
.list-item:hover{ transform:translateY(-4px); box-shadow:var(--shadow); border-color:var(--primary); }
.list-item .li-title{ display:block; font-size:17px; font-weight:700; color:var(--ink); margin-bottom:6px; }
.list-item .li-title:hover{ color:var(--primary); }
.list-item .li-desc{ color:var(--muted); font-size:13px; line-height:1.7; }
.list-item .li-meta{ display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-top:10px; color:var(--muted); font-size:12px; }
.list-item .li-meta .more{ color:var(--primary); font-weight:600; }
.list-item .li-meta .more:hover{ text-decoration:underline; }
.pagebar{ display:flex; justify-content:center; gap:8px; margin-top:26px; flex-wrap:wrap; }
.pagebar a{ padding:8px 14px; border-radius:8px; background:#fff; border:1px solid var(--line); color:var(--ink-2); font-size:14px; }
.pagebar a:hover{ background:var(--primary-soft); color:var(--primary); }

/* 代理加盟页（join） */
.daili-banner{ background:var(--grad); color:#fff; padding:46px 0; }
.daili-banner .stats-grid{ color:#fff; }
.daili-section{ padding:48px 0; }
.daili-section h2{ text-align:center; font-size:clamp(22px,5vw,30px); }
.daili-section .lead{ text-align:center; color:var(--muted); max-width:680px; margin:12px auto 30px; }
.chip-list{ display:flex;flex-wrap:wrap;gap:12px;justify-content:center; }
.chip-list li{ padding:10px 22px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);font-weight:600; }
.plan-grid,.prospect-grid,.policy-grid,.support-grid{ display:grid; grid-template-columns:1fr; gap:18px; }
.plan-card,.prospect-card,.policy-card,.support-card{ background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-soft);transition:.3s; }
.plan-card:hover,.prospect-card:hover,.policy-card:hover,.support-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow); }
.support-card{ position:relative; overflow:hidden; min-height:160px; color:#fff; display:flex; align-items:flex-end; }
.support-card .shade{ position:absolute; inset:0; background:linear-gradient(transparent,rgba(15,20,48,.85)); }
.support-card .shadebox{ position:relative; z-index:1; padding:18px; }
.support-card h3{ color:#fff; font-size:17px; }
.support-card p{ color:rgba(255,255,255,.85); font-size:13px; margin-top:6px; }
.policy-card .price{ font-size:26px;font-weight:800;color:var(--primary);margin:8px 0; }
.policy-card .btn{ margin-top:12px; width:100%; }

/* 友情链接（links） */
.links-section{ padding:50px 18px; background:var(--bg-soft); min-height:50vh; text-align:center; }
.links-section h1{ font-size:clamp(22px,5vw,32px); }
.links-section p{ color:var(--muted); margin-top:10px; }
.links-grid{ display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:1000px;margin:34px auto 0; }
.link-card{ padding:14px 30px;background:#fff;color:var(--primary);border:1px solid var(--line);
  border-radius:10px;box-shadow:var(--shadow-soft);transition:.25s;font-size:15px; }
.link-card:hover{ background:var(--primary-soft); transform:translateY(-3px); }

/* =====================================================================
   响应式断点
   ===================================================================== */
@media (min-width:560px){
  .stats-grid{ grid-template-columns:repeat(4,1fr); }
  .price-grid{ grid-template-columns:repeat(2,1fr); }
  .features-grid{ grid-template-columns:repeat(2,1fr); }
  .adv-grid{ grid-template-columns:repeat(3,1fr); }
  .trust-grid{ grid-template-columns:repeat(3,1fr); }
  .cases-grid{ grid-template-columns:repeat(3,1fr); }
  .news-grid{ grid-template-columns:repeat(2,1fr); }
  .list-items{ grid-template-columns:1fr; }
  .plan-grid,.prospect-grid,.policy-grid{ grid-template-columns:repeat(2,1fr); }
  .support-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (min-width:768px){
  .section{ padding:76px 0; }
  .hero{ padding:84px 0 92px; }
  .hero-inner{ grid-template-columns:1.05fr .95fr; gap:48px; }
  .intro{ grid-template-columns:1fr 1fr; }
  .cta-inner{ grid-template-columns:1fr auto; text-align:left; }
  .arc-layout{ grid-template-columns:240px 1fr; }
  .policy-grid{ grid-template-columns:repeat(4,1fr); }
  .support-grid{ grid-template-columns:repeat(4,1fr); }
  .list-items{ grid-template-columns:1fr; }
}
@media (min-width:992px){
  .features-grid{ grid-template-columns:repeat(3,1fr); }
  .price-grid{ grid-template-columns:repeat(4,1fr); }
}
@media (max-width:767px){
  .main-nav{ display:none; }
  .nav-toggle{ display:block; }
  .header-actions .btn-primary{ display:none; } /* 移动端用浮动按钮 + 抽屉 */
  .brand-name{ font-size:16px; }
  .consult-fab{ padding:12px 16px; font-size:14px; }
}

/* 减少动画偏好 */
@media (prefers-reduced-motion:reduce){
  *{ animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .reveal{ opacity:1; transform:none; }
}