/* ==========================================================================
   招商哥 · 整站视觉升级设计系统  (up-*)
   依据视觉建议 token：primary #C40001 / accent #1F9E8F / ink #1C1F26
   sub #5B6170 / line #E6E8EE / bg #F5F6F8 / gold #8A6D2F
   在全部 legacy 样式之后加载，统一覆盖。
   ========================================================================== */
:root{
  --up-primary:#C40001; --up-primary-deep:#960001; --up-primary-bright:#E23A2E;
  --up-accent:#1F9E8F; --up-accent-deep:#157A6E;
  --up-ink:#1C1F26; --up-sub:#5B6170; --up-line:#E6E8EE;
  --up-bg:#F5F6F8; --up-surface:#FFFFFF; --up-gold:#8A6D2F; --up-gold-bright:#C9A227;
  --up-ok:#12805C; --up-warn:#B26A00; --up-danger:#D92D20; --up-info:#1D6FD1;
  --up-radius-card:12px; --up-radius-btn:10px; --up-radius-tag:999px;
  --up-maxw:1200px; --up-gap:16px; --up-section:64px;
  --up-shadow:0 8px 30px rgba(16,24,40,.08);
  --up-shadow-hover:0 18px 46px rgba(16,24,40,.14);
}
/* CH-01 消除横向溢出：解除 legacy 固定宽度 */
html{min-width:0 !important;width:100% !important;}
html body{min-width:0 !important;max-width:100%;
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
  font-size:15px;line-height:1.7;color:var(--up-ink);background:var(--up-bg);
  -webkit-font-smoothing:antialiased;}
/* 用 clip 而非 hidden 裁横向溢出：clip 不创建滚动容器，保证 sticky 吸顶生效 */
@supports (overflow:clip){ html,body{overflow-x:clip !important;} }
@supports not (overflow:clip){ html,body{overflow-x:hidden !important;} }
/* 确保吸顶导航的祖先不形成滚动容器 */
html body .up-nav{position:sticky !important;top:0;}
/* CH-04 字号阶 */
html body h1,html body .up-h1{font-size:32px;font-weight:700;line-height:1.3;letter-spacing:.02em;color:var(--up-ink);}
html body h2,html body .up-h2{font-size:26px;font-weight:700;line-height:1.35;letter-spacing:.02em;color:var(--up-ink);}
html body h3,html body .up-h3{font-size:20px;font-weight:600;line-height:1.4;color:var(--up-ink);}
html body h4,html body .up-h4{font-size:16px;font-weight:600;line-height:1.5;color:var(--up-ink);}
html body p{font-size:15px;line-height:1.7;}
html body .up-note,html body small{font-size:13px;color:var(--up-sub);}
@media (max-width:767px){
  html body h1,html body .up-h1{font-size:26px;}
  html body h2,html body .up-h2{font-size:22px;}
  html body h3,html body .up-h3{font-size:18px;}
}
/* 品牌色滚动条 */
html body::-webkit-scrollbar{width:11px;height:11px;}
html body::-webkit-scrollbar-track{background:#EDEEF1;}
html body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--up-primary),var(--up-primary-deep));
  border-radius:99px;border:2px solid #EDEEF1;}
html body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--up-primary-bright),var(--up-primary));}
html body{scrollbar-color:var(--up-primary) #EDEEF1;scrollbar-width:thin;}

/* ---------- 布局容器 ---------- */
html body .up-wrap{width:100%;max-width:var(--up-maxw);margin:0 auto;padding:0 24px;box-sizing:border-box;}
html body .up-section{padding:var(--up-section) 0;}
html body .up-section *{box-sizing:border-box;}
@media (max-width:767px){html body .up-wrap{padding:0 16px;}html body .up-section{padding:44px 0;}}

/* ---------- 区块标题 ---------- */
html body .up-sechead{text-align:center;max-width:720px;margin:0 auto 40px;}
html body .up-kicker{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.2em;
  color:var(--up-primary);margin-bottom:12px;text-transform:uppercase;}
html body .up-sechead .up-sub{margin-top:12px;font-size:15px;line-height:1.8;color:var(--up-sub);}
html body .up-sechead-light .up-h2{color:#fff;}
html body .up-sechead-light .up-sub{color:rgba(255,255,255,.72);}
html body .up-sechead-light .up-kicker{color:var(--up-gold-bright);}

/* ---------- 按钮 (CH-09) ---------- */
html body .up-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:0 28px;border-radius:var(--up-radius-btn);font-size:15px;font-weight:700;
  letter-spacing:.02em;cursor:pointer;text-decoration:none;border:1.6px solid transparent;
  transition:transform .16s,box-shadow .2s,background .2s,color .2s,border-color .2s;}
html body .up-btn:focus-visible{outline:3px solid rgba(196,0,1,.35);outline-offset:2px;}
html body .up-btn-primary{background:linear-gradient(135deg,var(--up-primary-bright),var(--up-primary) 60%,var(--up-primary-deep));
  color:#fff;box-shadow:0 10px 26px rgba(196,0,1,.3);}
html body .up-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(196,0,1,.4);color:#fff;}
html body .up-btn-ghost{background:#fff;color:var(--up-primary);border-color:var(--up-primary);}
html body .up-btn-ghost:hover{background:var(--up-primary);color:#fff;}
html body .up-btn-light{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3);}
html body .up-btn-light:hover{background:rgba(255,255,255,.18);border-color:var(--up-gold-bright);color:var(--up-gold-bright);}
html body .up-btn svg{transition:transform .2s;}
html body .up-btn:hover svg{transform:translateX(3px);}

/* ---------- 卡片 ---------- */
html body .up-card{background:var(--up-surface);border:1px solid var(--up-line);
  border-radius:var(--up-radius-card);padding:20px;box-shadow:var(--up-shadow);
  transition:transform .22s,box-shadow .22s,border-color .22s;}
html body .up-card:hover{transform:translateY(-4px);box-shadow:var(--up-shadow-hover);border-color:#D8DCE6;}

/* ---------- 顶部品牌区 + 吸顶导航 (CH-09) ---------- */
html body .up-topbar{background:#fff;border-bottom:1px solid var(--up-line);}
html body .up-topbar-inner{display:flex;align-items:center;gap:20px;min-height:74px;}
html body .up-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto;}
html body .up-logo img{height:52px;width:auto;display:block;}
html body .up-logo-txt{display:flex;flex-direction:column;line-height:1.2;}
html body .up-logo-name{font-size:20px;font-weight:800;color:var(--up-ink);letter-spacing:.04em;}
html body .up-logo-slogan{font-size:13px;color:var(--up-sub);letter-spacing:.08em;}
html body .up-topsearch{flex:1 1 auto;max-width:380px;display:flex;margin-left:auto;}
html body .up-topsearch input{flex:1;min-width:0;height:42px;padding:0 14px;border:1.6px solid var(--up-line);
  border-right:0;border-radius:10px 0 0 10px;font-size:14px;font-family:inherit;color:var(--up-ink);outline:none;background:#FBFCFE;}
html body .up-topsearch input:focus{border-color:var(--up-primary);}
html body .up-topsearch button{flex:0 0 auto;height:42px;padding:0 18px;border:0;border-radius:0 10px 10px 0;
  background:var(--up-primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;}
html body .up-topsearch button:hover{background:var(--up-primary-deep);}
html body .up-hotline{flex:0 0 auto;display:flex;align-items:center;gap:11px;text-decoration:none;}
html body .up-hotline-ico{display:flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:12px;color:#fff;background:linear-gradient(140deg,var(--up-accent),var(--up-accent-deep));
  box-shadow:0 6px 16px rgba(31,158,143,.3);}
html body .up-hotline-txt{display:flex;flex-direction:column;line-height:1.25;}
html body .up-hotline-lab{font-size:13px;color:var(--up-sub);letter-spacing:.06em;}
html body .up-hotline-num{font-size:19px;font-weight:800;color:var(--up-primary);font-variant-numeric:tabular-nums;letter-spacing:.01em;}
@media (max-width:991px){html body .up-topsearch{display:none;}}
@media (max-width:767px){
  html body .up-topbar-inner{min-height:62px;gap:12px;}
  html body .up-logo img{height:40px;}
  html body .up-logo-name{font-size:17px;}
  html body .up-logo-slogan{display:none;}
  html body .up-hotline-lab{display:none;}
  html body .up-hotline-num{font-size:15px;}
  html body .up-hotline-ico{width:36px;height:36px;}
}
/* 吸顶导航 */
html body .up-nav{position:sticky;top:0;z-index:900;background:var(--up-primary);
  box-shadow:0 2px 14px rgba(10,16,32,.18);}
html body .up-nav-inner{display:flex;align-items:stretch;max-width:var(--up-maxw);margin:0 auto;padding:0 12px;}
html body .up-nav a{display:flex;align-items:center;justify-content:center;padding:0 18px;min-height:50px;
  color:#fff;font-size:15px;font-weight:600;text-decoration:none;position:relative;white-space:nowrap;
  transition:background .18s;}
html body .up-nav a:hover{background:var(--up-primary-deep);color:#fff;}
html body .up-nav a.is-active{background:var(--up-primary-deep);}
html body .up-nav a.is-active::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;
  background:var(--up-gold-bright);border-radius:3px 3px 0 0;}
html body .up-nav a.up-nav-cta{margin-left:auto;background:var(--up-gold-bright);color:#3A2A00;font-weight:800;}
html body .up-nav a.up-nav-cta:hover{background:#E0B93F;color:#3A2A00;}
html body .up-nav-toggle{display:none;}
@media (max-width:991px){
  html body .up-nav-inner{flex-wrap:wrap;padding:0;}
  html body .up-nav a{flex:1 1 25%;min-height:44px;font-size:14px;padding:0 8px;}
  html body .up-nav a.up-nav-cta{margin-left:0;flex:1 1 100%;}
  html body .up-nav a.is-active::after{left:8px;right:8px;}
}

/* ---------- 页脚 ---------- */
html body .up-footer{background:linear-gradient(160deg,#14181F,#1C222C 60%,#232B38);color:#fff;padding:56px 0 0;}
html body .up-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px;}
html body .up-footer h2.up-footer-title{font-size:15px;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:.04em;}
html body .up-footer-brand p{font-size:13.5px;line-height:1.85;color:rgba(255,255,255,.62);margin-top:14px;}
html body .up-footer-logo{display:flex;align-items:center;gap:10px;}
html body .up-footer-logo b{font-size:22px;font-weight:800;color:#fff;letter-spacing:.04em;}
html body .up-footer-logo span{font-size:13px;color:var(--up-gold-bright);letter-spacing:.1em;}
html body .up-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
html body .up-footer ul a{color:rgba(255,255,255,.66);font-size:13.5px;text-decoration:none;transition:color .18s;}
html body .up-footer ul a:hover{color:var(--up-gold-bright);}
html body .up-footer-contact a.up-footer-tel{display:block;font-size:24px;font-weight:800;color:var(--up-gold-bright);
  text-decoration:none;font-variant-numeric:tabular-nums;margin-bottom:6px;}
html body .up-footer-contact a.up-footer-tel2{font-size:17px;color:rgba(255,255,255,.82);}
html body .up-footer-contact p{font-size:13px;line-height:1.8;color:rgba(255,255,255,.6);margin-top:12px;}
html body .up-footer-wx{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 16px;
  border-radius:10px;background:rgba(31,158,143,.16);border:1px solid rgba(31,158,143,.4);
  color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;}
html body .up-footer-wx b{color:var(--up-accent);font-family:Consolas,Monaco,monospace;letter-spacing:.05em;}
html body .up-footer-bar{margin-top:44px;border-top:1px solid rgba(255,255,255,.1);padding:20px 0;
  font-size:13px;color:rgba(255,255,255,.45);line-height:1.9;text-align:center;}
html body .up-footer-bar a{color:rgba(255,255,255,.55);text-decoration:none;}
html body .up-footer-bar a:hover{color:var(--up-gold-bright);}
@media (max-width:991px){html body .up-footer-grid{grid-template-columns:1fr 1fr;gap:28px;}}
@media (max-width:640px){html body .up-footer-grid{grid-template-columns:1fr;gap:24px;}}

/* ---------- 移动端底部快捷条 ---------- */
html body .up-mobilebar{display:none;}
@media (max-width:767px){
  html body .up-mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:890;
    background:linear-gradient(135deg,rgba(20,24,31,.97),rgba(35,43,56,.97));
    backdrop-filter:blur(12px);border-top:1px solid rgba(201,162,39,.3);
    box-shadow:0 -6px 24px rgba(10,16,32,.34);padding-bottom:env(safe-area-inset-bottom,0px);}
  html body .up-mobilebar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
    padding:10px 0;color:rgba(255,255,255,.9);font-size:13px;font-weight:600;text-decoration:none;
    border-right:1px solid rgba(255,255,255,.08);}
  html body .up-mobilebar a:last-child{border-right:0;}
  html body .up-mobilebar a:active{background:rgba(255,255,255,.06);color:var(--up-gold-bright);}
  html body .up-mobilebar svg{width:19px;height:19px;}
  html body .up-footer{padding-bottom:64px;}
}

/* ---------- 客服挂件让位（不遮挡首屏与控件） ---------- */
/* __ZSG_WFIX3__ 让位改为淡出缩小而非隐藏，客服入口始终可见可点 */
html body.up-widget-yield #geo-website-wecom{opacity:.32 !important;pointer-events:auto !important;
  visibility:visible !important;transform:scale(.82) !important;transform-origin:bottom right !important;}
html body.up-widget-yield #geo-website-wecom:hover{opacity:1 !important;transform:scale(1) !important;}
@media (max-width:900px){
  /* 手机端挂件置于右下角、底部快捷条之上，避开吸顶导航与快捷条按钮 */
  html body #geo-website-wecom{right:10px !important;left:auto !important;
    top:auto !important;bottom:calc(74px + env(safe-area-inset-bottom,0px)) !important;transform:none !important;
    width:46px !important;height:46px !important;max-width:46px !important;max-height:46px !important;overflow:visible !important;}
}
@media (min-width:901px){
  html body #geo-website-wecom{right:12px !important;left:auto !important;top:auto !important;bottom:12px !important;
    transform:none !important;width:250px !important;max-width:calc(100vw - 24px) !important;
    max-height:min(340px,calc(100vh - 24px)) !important;overflow:auto !important;}
}

/* ---------- 入场揭示 ---------- */
html body [data-up-rise]{opacity:0;transform:translateY(22px);
  transition:opacity .6s cubic-bezier(.22,.7,.3,1),transform .6s cubic-bezier(.22,.7,.3,1);}
html body [data-up-rise].is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  html body [data-up-rise]{opacity:1 !important;transform:none !important;}
  html body .up-btn,html body .up-card{transition:none !important;}
}
/* 焦点可见 (CH-12) */
html body a:focus-visible,html body button:focus-visible,html body input:focus-visible,
html body select:focus-visible,html body textarea:focus-visible{
  outline:3px solid rgba(31,158,143,.5);outline-offset:2px;}

/* CH-04 字号下限：辅助说明不低于 13px（视觉规范） */
html body .up-logo-slogan{font-size:13px !important;}
html body .up-hotline-lab{font-size:13px !important;}
html body .up-mentor-role{font-size:13px !important;}
html body .up-hotwords-lab{font-size:13px !important;}
html body .up-crumb{font-size:13px !important;}
html body .up-crumb a{font-size:13px !important;}
html body .up-phead-eyebrow{font-size:13px !important;}
html body .up-hero-eyebrow{font-size:13px !important;}
html body .up-svc-tags li{font-size:13px !important;}
html body .up-svc-meta{font-size:13px !important;}
html body .up-why-no{font-size:13px !important;}
html body .up-news-meta{font-size:13px !important;}
html body .up-news-date{font-size:13px !important;}
html body .up-mentor-more{font-size:13px !important;}
html body .up-footer-lab{font-size:13px !important;}
html body .up-footer-sub{font-size:13px !important;}
html body .up-footer-copy{font-size:13px !important;}
html body .up-footer-icp{font-size:13px !important;}
html body .up-tag{font-size:13px !important;}
html body .up-chip{font-size:13px !important;}
html body .up-step-tag{font-size:13px !important;}
html body .up-side-note{font-size:13px !important;}
html body .up-case-meta{font-size:13px !important;}
html body .up-stat-lab{font-size:13px !important;}

/* __ZSG_WFIX__ 电脑端收起态圆标：右下角、不遮挡内容，点击可展开 */
@media (min-width:901px){
  html body #geo-website-wecom{transition:opacity .25s ease,visibility .25s ease;}
  html body.up-widget-yield #geo-website-wecom{opacity:.32 !important;pointer-events:auto !important;
    visibility:visible !important;transform:scale(.82) !important;transform-origin:bottom right !important;}
  html body.up-widget-yield #geo-website-wecom:hover{opacity:1 !important;transform:scale(1) !important;}
}