/* ============================================================
   daoyouzaixian.com 全站 UI 深度美化 (style-v3.css)
   版本: v3.0  2026-10-31
   说明: 在 style.css / style-v2.css 之后引入。
   主色: #1a66e0 蓝   强调: #ff7a18 橙(电话/CTA)   浅底: #f5f7fb
   ============================================================ */
:root{
  --primary:#1a66e0;
  --primary-dark:#0f4fb8;
  --primary-soft:#e8f1ff;
  --accent:#ff7a18;
  --accent-dark:#e86200;
  --bg-soft:#f5f7fb;
  --text:#333;
  --text-sub:#666;
  --border:#e8ecf3;
  --radius:12px;
  --shadow-sm:0 2px 10px rgba(26,80,160,.06);
  --shadow-md:0 10px 28px rgba(26,80,160,.12);
  --shadow-lg:0 18px 44px rgba(26,80,160,.18);
}

/* ---------- 1. 基础重置与排版 ---------- */
body{
  font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  font-size:14px;
  line-height:1.8;
  color:var(--text);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  user-select:text !important;
  -webkit-user-select:text !important;
  -moz-user-select:text !important;
  -ms-user-select:text !important;
}
h1,h2,h3,h4,h5,h6{ color:#1c2433; font-weight:700; font-family:"PingFang SC","Microsoft YaHei",sans-serif; }
a{ color:#40506b; text-decoration:none; transition:color .25s ease,background-color .25s ease,box-shadow .25s ease,transform .25s ease; }
a:hover{ color:var(--primary); }
::selection{ background:var(--primary); color:#fff; }
::-webkit-scrollbar{ width:8px; height:8px; }
::-webkit-scrollbar-thumb{ background:#c6d2e4; border-radius:8px; }
::-webkit-scrollbar-track{ background:#f1f4f9; }

.container{ max-width:1230px; }
.text-main{ color:var(--primary) !important; }

/* ---------- 2. 顶部与导航 ---------- */
#fh5co-header .logo{ margin:18px 0; }
#fh5co-header .logo img{ max-height:50px; width:auto; }

#fh5co-header .search-top{
  width:auto; height:auto; float:right;
  margin-top:24px; text-align:right;
}
#fh5co-header .search-top span{
  position:static; display:inline-flex; align-items:center; gap:9px;
  padding:9px 20px; border-radius:26px;
  background:linear-gradient(135deg,#ff942e 0%,var(--accent) 55%,#ff6a00 100%);
  color:#fff; font-size:17px; font-weight:700; letter-spacing:.5px;
  box-shadow:0 6px 18px rgba(255,122,24,.32);
  transition:transform .25s ease,box-shadow .25s ease;
}
#fh5co-header .search-top span:hover{
  transform:translateY(-2px); box-shadow:0 10px 24px rgba(255,122,24,.42);
}
#fh5co-header .search-top span::before{
  content:""; width:18px; height:18px; flex:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.36 11.36 0 0 0 3.57.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.57 1 1 0 0 1-.25 1.02z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* 导航条 */
#fh5co-header .header-nav{
  background:linear-gradient(180deg,#1f72ec 0%,var(--primary) 100%);
  box-shadow:0 3px 14px rgba(20,70,160,.22);
}
#fh5co-header .nav > li{ min-width:0; }
@media (min-width:761px){
  #fh5co-header .nav{
    display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch;
    width:100%;
  }
  #fh5co-header .nav > li{ flex:0 1 auto; }
}
#fh5co-header .nav > li > a{
  font-size:15px; line-height:56px; padding:0 20px;
  color:#fff; letter-spacing:.5px; position:relative;
  white-space:nowrap;
  transition:background .25s ease,color .25s ease;
}
#fh5co-header .nav > li > a::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%) scaleX(0);
  bottom:6px; width:calc(100% - 40px); height:3px; border-radius:3px;
  background:linear-gradient(90deg,#ffb35c,#ff7a18);
  transition:transform .25s ease;
}
#fh5co-header .nav > li:hover > a,
#fh5co-header .nav > li.current > a,
#fh5co-header .nav > li.currents > a{ background:var(--primary-dark); color:#fff; }
#fh5co-header .nav > li:hover > a::after,
#fh5co-header .nav > li.current > a::after{ transform:translateX(-50%) scaleX(1); }
#fh5co-header .nav li .downward{ display:inline-block; margin-left:6px; }
#fh5co-header .nav li ul{
  border-radius:0 0 var(--radius) var(--radius);
  box-shadow:var(--shadow-md); opacity:1; background:#fff; padding:6px 0;
}
#fh5co-header .nav li ul li a{
  background:#fff !important; color:#40506b !important;
  font-size:14px; line-height:40px; padding:0 24px;
  border-left:3px solid transparent; min-width:170px;
}
#fh5co-header .nav li ul li a:hover{
  background:var(--primary-soft) !important; color:var(--primary) !important;
  border-left-color:var(--accent);
}
#fh5co-header .nav li ul li a::after{ content:none; display:none; }

/* ---------- 3. Banner ---------- */
#fh5co-hero .flexslider{ border:none; }
#fh5co-hero .slides img{ max-height:560px; object-fit:cover; }
.flex-control-nav{ bottom:16px; }
.flex-control-nav a{ background:rgba(255,255,255,.6); width:10px; height:10px; border-radius:10px; transition:all .3s ease; }
.flex-control-nav .flex-active{ background:var(--accent); width:26px; }
.flex-direction-nav li a{
  border-radius:50%; background:rgba(255,255,255,.85);
  box-shadow:0 2px 10px rgba(0,0,0,.15); transition:all .25s ease;
}
.flex-direction-nav li a:hover{ transform:scale(1.08); }
.flex-direction-nav li a.flex-prev::before,
.flex-direction-nav li a.flex-next::before{
  content:""; position:absolute; top:50%; left:50%;
  width:9px; height:9px; border-top:2px solid var(--primary); border-right:2px solid var(--primary);
}
.flex-direction-nav li a.flex-prev::before{ transform:translate(-30%,-50%) rotate(-135deg); }
.flex-direction-nav li a.flex-next::before{ transform:translate(-70%,-50%) rotate(45deg); }

/* ---------- 4. 区块标题 ---------- */
.fh5co-heading h2{
  position:relative; letter-spacing:1px; font-weight:700;
}
#fh5co-product-list .fh5co-heading h2,
#fh5co-case-list .fh5co-heading h2{
  color:#1c2433; font-size:30px; height:auto; line-height:1.3;
  margin:44px 0 30px;
}
.fh5co-heading h2::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  bottom:-14px; width:56px; height:4px; border-radius:4px;
  background:linear-gradient(90deg,var(--primary),#6ea8ff);
}
#fh5co-product-list{ background:var(--bg-soft); }
#fh5co-case-list{ background:#fff; }
#fh5co-info-list .fh5co-heading{ background:none; border-left:4px solid var(--primary); padding-left:12px; margin-bottom:14px; }
#fh5co-info-list .fh5co-heading h2{ color:#1c2433; font-size:22px; font-weight:700; }
#fh5co-info-list .fh5co-heading h2::after{ display:none; }

/* ---------- 5. 卡片 ---------- */
.pro-item{
  background:#fff; border-radius:var(--radius); overflow:hidden;
  box-shadow:var(--shadow-sm); border:1px solid #edf0f6;
  transition:transform .3s ease,box-shadow .3s ease;
}
.pro-item:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); }
.pro-item .portfolio-img .zoomimgs{ border-radius:0; transition:transform .6s ease; }
.pro-item .portfolio-img .zoomimgs:hover{ transform:scale(1.06); }
.pro-item h2{ font-size:15px; padding:12px 10px 14px; max-height:none; font-weight:600; }
.pro-item h2 a{ color:#303a4d; }
.pro-item h2 a:hover{ color:var(--primary); }

#fh5co-case-list .show-list .portfolio-img a{
  background:#fff; border:none; border-radius:var(--radius); padding:0;
  box-shadow:var(--shadow-sm); overflow:hidden; display:block;
  transition:transform .3s ease,box-shadow .3s ease;
}
#fh5co-case-list .show-list .portfolio-img a:hover{ transform:translateY(-6px); box-shadow:var(--shadow-lg); }
#fh5co-case-list .show-list .portfolio-img a .artzoomimgs{ border-radius:var(--radius); }
#fh5co-case-list .show-list h2{ padding-top:12px; }
#fh5co-case-list .show-list h2 a{ font-size:15px; color:#303a4d; font-weight:600; }
#fh5co-case-list .show-list h2 a:hover{ color:var(--primary); }

/* ---------- 6. 关于我们 ---------- */
#fh5co-about-us .bg-about{
  background:linear-gradient(rgba(16,42,88,.9),rgba(16,42,88,.94)),url("../images/a_bg.png") center/cover no-repeat;
  padding:70px 24px 80px;
}
#fh5co-about-us h2{ color:#fff; font-size:34px; font-weight:700; margin:0 0 22px; position:relative; }
#fh5co-about-us h2::after{
  content:""; display:block; width:56px; height:4px; border-radius:4px;
  margin:16px auto 0; background:linear-gradient(90deg,#ffb35c,#ff7a18);
}
#fh5co-about-us .about-box p{ font-size:15px; line-height:2; color:#dfe8f7; max-width:900px; margin:0 auto; }
#fh5co-about-us .view-all{
  background:linear-gradient(135deg,#ff942e,#ff6a00); border:none; color:#fff;
  border-radius:26px; padding:11px 30px; font-size:15px; font-weight:700;
  margin-top:24px; box-shadow:0 8px 20px rgba(255,122,24,.35);
  transition:all .3s ease;
}
#fh5co-about-us .view-all:hover{
  background:linear-gradient(135deg,#ffa04d,#ff7a18); color:#fff;
  transform:translateY(-2px); box-shadow:0 12px 28px rgba(255,122,24,.45);
}
#fh5co-about-us .view-all .rightward{ display:inline-block; }

/* ---------- 7. 新闻列表 ---------- */
.article-media li{
  position:relative; list-style:none; background:none; border-bottom:1px solid #f0f3f8;
  padding:13px 4px 13px 22px; line-height:1.7;
  transition:background .25s ease,padding .25s ease;
}
.article-media li::before{
  content:""; position:absolute; left:2px; top:21px;
  width:8px; height:8px; border-radius:2px;
  background:linear-gradient(135deg,var(--primary),#6ea8ff);
  transform:rotate(45deg);
}
.article-media li:hover{ background:var(--primary-soft); padding-left:26px; }
.article-media li a{ font-size:15px; color:#303a4d; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.article-media li:hover a{ color:var(--primary); }
.article-media li span.float-right{
  color:#8a97ad; font-size:12px; padding:2px 12px; border-radius:12px;
  background:#f1f5fb; margin-left:12px;
}
.news-box{ margin-top:26px; }

/* ---------- 8. 标签与友链 ---------- */
.tag_index p span{ color:#1c2433; font-weight:700; }
.tag_index li{ list-style:none; display:inline-block; margin:4px 6px 4px 0; }
.tag_index li a{
  display:inline-block; padding:5px 16px; font-size:14px;
  background:#f2f6fd; border:1px solid #e2ebf9; border-radius:18px; color:#4a5b78;
  transition:all .25s ease;
}
.tag_index li a:hover{ background:var(--primary); border-color:var(--primary); color:#fff; }

.links{ border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:26px 0; text-align:left; }
.links p{ font-size:16px; font-weight:700; color:#1c2433; padding-left:0; margin:0 0 12px; }
.links p em{ font-size:12px; font-weight:400; color:#9aa6ba; letter-spacing:1px; }
.links li{ list-style:none; }
.links-list{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px;
  margin:0; padding:0; list-style:none;
}
.links-list > li{ flex:0 0 auto; margin:0; padding:0; }
.links li a{
  float:none; display:inline-block; margin:4px 6px; padding:4px 16px;
  background:#fff; border:1px solid var(--border); border-radius:18px;
  font-size:13px; color:#60708a; line-height:1.6;
}
.links-list > li > a{ margin:0; }
.links li a:hover{ border-color:var(--primary); color:var(--primary); background:var(--primary-soft); }

/* ---------- 9. 内页侧栏 ---------- */
#fh5co-content_show h2.left_h{
  background:none; border-left:4px solid var(--primary);
  padding-left:12px; font-size:18px; font-weight:700; color:#1c2433;
  margin:20px 0 12px;
}
#fh5co-content_show h2.left_h a{ color:#1c2433; }
#fh5co-content_show h2.left_h a:hover{ color:var(--primary); }
#fh5co-content_show .nav li{
  background:none; padding:9px 4px; border-bottom:1px dashed #e6e9f1;
  font-size:14px; transition:padding .2s ease;
}
#fh5co-content_show .nav li:hover{ padding-left:12px; }
#fh5co-content_show .nav li a{ color:#40506b; }
#fh5co-content_show .nav li a:hover, #fh5co-content_show .nav li.active a{ color:var(--primary); }
#fh5co-content_show .contact-content{
  background:linear-gradient(160deg,var(--primary) 0%,var(--primary-dark) 100%);
  color:#fff; border-radius:var(--radius); padding:20px 22px;
  box-shadow:var(--shadow-md);
}
#fh5co-content_show .contact-content p{ color:#eaf2ff; font-size:14px; padding:2px 0; }
#fh5co-content_show .contact-content a{ color:#ffd9b8; }
#fh5co-content_show .contact-content p:first-child{ font-size:18px; font-weight:700; color:#fff; }

/* ---------- 10. 列表/搜索页 ---------- */
#fh5co-content_show .title{ border-bottom:none; height:auto; margin-bottom:24px; }
#fh5co-content_show .title h2{
  display:inline-block; border-bottom:none; position:relative;
  color:#1c2433 !important; font-size:20px; font-weight:700; line-height:1.5; padding-bottom:10px;
}
#fh5co-content_show .title h2::after{
  content:""; position:absolute; left:0; bottom:0; width:46px; height:3px;
  border-radius:3px; background:linear-gradient(90deg,var(--primary),#6ea8ff);
}
#fh5co-content_show .title h2 a{ color:inherit; font-size:inherit; }
#fh5co-content_show .show_body{ font-size:15px; }
#fh5co-content_show .show_list .pro-item{ margin-bottom:18px; }

/* 面包屑 */
.breadcrumb-nav{
  font-size:13px; color:#8a97ad; margin:16px 0 20px;
  padding:10px 16px; background:var(--bg-soft); border-radius:8px; line-height:1.6;
}
.breadcrumb-nav a{ color:#60708a; }
.breadcrumb-nav a:hover{ color:var(--primary); }
.breadcrumb-nav span{ color:#303a4d; font-weight:600; }

/* ---------- 11. 文章详情 ---------- */
.show_body h1{
  font-size:26px; line-height:1.5; text-align:center;
  margin:20px 0 10px; color:#172033; font-weight:700;
}
.article-meta{
  font-size:13px; color:#8a97ad; text-align:center;
  padding:10px 0 20px; border-bottom:1px dashed var(--border); margin-bottom:24px;
}
.article-meta span{ margin:0 12px; }
#fh5co-content_show .detail{
  font-size:16px; line-height:1.95; color:#3a4557; padding-bottom:26px;
}
#fh5co-content_show .detail img{
  max-width:100%; height:auto; border-radius:10px; opacity:1;
  box-shadow:var(--shadow-sm); margin:10px 0;
}
#fh5co-content_show .detail a{ color:var(--primary); }
#fh5co-content_show .detail a:hover{ text-decoration:underline; }
#fh5co-content_show .detail h2, #fh5co-content_show .detail h3{
  margin:26px 0 12px; font-weight:700; color:#172033;
  padding-left:12px; border-left:4px solid var(--primary);
}
#fh5co-content_show .detail h2{ font-size:20px; }
#fh5co-content_show .detail h3{ font-size:17px; }
#fh5co-content_show .detail p{ margin:0 0 12px; text-indent:0; }
#fh5co-content_show .detail blockquote{
  margin:16px 0; padding:12px 18px; border-left:4px solid var(--accent);
  background:var(--bg-soft); border-radius:0 8px 8px 0; color:#5a6b85;
}
#fh5co-content_show .detail table{ width:100%; border-collapse:collapse; margin:14px 0; font-size:14px; }
#fh5co-content_show .detail td, #fh5co-content_show .detail th{
  border:1px solid var(--border); padding:8px 12px; text-align:left;
}
#fh5co-content_show .detail th{ background:var(--bg-soft); color:#1c2433; }

.tag_arc{
  margin-top:26px; padding:16px 18px; background:var(--bg-soft);
  border-radius:10px; font-size:13px; height:auto; overflow:visible;
}
.tag_arc a{
  display:inline-block; margin:4px 8px 4px 0; padding:3px 14px;
  background:#fff; border:1px solid var(--border); border-radius:16px; color:#60708a;
  transition:all .25s ease;
}
.tag_arc a:hover{ color:#fff; background:var(--primary); border-color:var(--primary); }

/* 上一篇/下一篇 */
.content_detail .pager li{
  display:block; text-align:left; background:var(--bg-soft);
  border-radius:8px; padding:10px 18px; margin:8px 0; font-size:14px;
}
.content_detail .pager li a{ color:#40506b; }
.content_detail .pager li a:hover{ color:var(--primary); }

/* ---------- 12. 分页 ---------- */
.pagination li{ margin:0 3px; display:inline-block; }
.pagination li a{
  display:inline-block; padding:6px 14px; border:1px solid #dde4ef;
  border-radius:8px; color:#4a5b78; font-size:14px; background:#fff;
  transition:all .25s ease;
}
.pagination li a:hover,
.pagination .active a,
#fh5co-content_show .pagination .active,
#fh5co-content_show .pagination a:hover{
  background:linear-gradient(135deg,var(--primary),#4a8bf2); color:#fff; border-color:transparent;
}
#fh5co-content_show .pagination .active a{ color:#fff; }

/* ---------- 13. 页脚 ---------- */
footer{
  background:linear-gradient(180deg,#1b2a44 0%,#131e31 100%);
  border-top:4px solid transparent;
  border-image:linear-gradient(90deg,var(--primary),var(--accent)) 1;
}
footer .footer-bot{ padding-top:44px; padding-bottom:34px; }
footer .footer-bot .nav li a{ font-size:13px; color:#c7d4e8; padding:0 8px; opacity:1; }
footer .footer-bot .nav li a:hover{ color:#fff; }
footer .footer-bot .foot-flink a{ color:#91a3c2; margin:0 4px; }
footer .footer-bot .foot-flink a:hover{ color:#fff; }
footer .footer-bot .Copyright{ font-size:13px; color:#8fa1bd; padding-top:8px; }
footer .footer-bot .Copyright a{ color:#8fa1bd; }
footer .footer-bot .Copyright a:hover{ color:#fff; }
footer .foot-link{ margin-top:14px; }

/* ---------- 14. 移动端底部拨号条 ---------- */
.phone{ display:none; }
.phone a{
  color:#fff; display:block; letter-spacing:.5px;
  background:linear-gradient(135deg,#ff942e,#ff6a00);
}
.phone a::before{
  content:""; display:inline-block; width:16px; height:16px; margin-right:8px; vertical-align:-2px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.36 11.36 0 0 0 3.57.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.57 1 1 0 0 1-.25 1.02z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---------- 15. 返回顶部 ---------- */
.backToTop{
  background:none; border-radius:50%;
  background-color:var(--primary); box-shadow:0 6px 16px rgba(26,102,224,.4);
  transition:transform .25s ease,background .25s ease;
}
.backToTop::after{
  content:""; position:absolute; left:50%; top:46%; width:10px; height:10px;
  border-left:2px solid #fff; border-top:2px solid #fff;
  transform:translate(-50%,-50%) rotate(45deg); margin-top:4px;
}
.backToTop:hover{ background:var(--primary-dark); transform:translateY(-2px); }

/* ---------- 16. 城市切换页 ---------- */
.cityfl{ width:auto; max-width:1230px; margin:40px auto; padding:0 16px; line-height:2.1; }
.cityfl dt{ font-weight:700; border-bottom:2px solid var(--border); padding:14px 0 8px; margin-top:16px; }
.cityfl dt a{ color:var(--accent); font-size:16px; }
.cityfl dd{ margin:0 0 18px; padding:12px 16px; background:var(--bg-soft); border-radius:10px; }
.cityfl dd a{
  display:inline-block; margin:3px 8px 3px 0; padding:2px 14px; color:#40506b;
  background:#fff; border:1px solid var(--border); border-radius:16px; font-size:14px;
}
.cityfl dd a:hover{ color:#fff; background:var(--primary); border-color:var(--primary); }

/* ---------- 17. 响应式 ---------- */
@media (max-width:1000px){
  body{ padding-bottom:54px; }
  .phone{
    display:block; position:fixed; left:0; right:0; bottom:0; z-index:9999;
    height:52px; line-height:52px; text-align:center; font-size:17px; font-weight:700;
    box-shadow:0 -4px 14px rgba(255,106,0,.28);
  }
  #fh5co-header .search-top{ margin:0 0 14px; text-align:center; float:none; }
  #fh5co-header .logo{ text-align:center; }
  #fh5co-header .search-top span{ font-size:15px; padding:8px 18px; }
  #fh5co-header .nav li a{ padding:0 18px; }
  #fh5co-hero .slides img{ max-height:340px; }
}
@media (max-width:760px){
  #fh5co-header .nav_bg{ background:linear-gradient(180deg,#1f72ec,var(--primary)); }
  #fh5co-header .nav li a{
    text-align:left; background:#fff !important; color:#33415c;
    width:100%; border-bottom:1px solid #edf0f6; line-height:46px; font-size:15px;
  }
  #fh5co-header .nav li a::after{ display:none; }
  #fh5co-header .nav{ border:none; box-shadow:var(--shadow-md); border-radius:0 0 10px 10px; overflow:hidden; }
  #fh5co-header .nav li ul{ position:static; width:100%; box-shadow:none; border-radius:0; }
  #fh5co-header .nav li ul li a{ padding-left:34px; border-bottom:1px solid #f4f6fa; line-height:40px; }
  #fh5co-header .header-nav{ background:transparent; box-shadow:none; }
  #fh5co-header .header-nav .container{ padding:0; }
  #fh5co-product-list .fh5co-heading h2,
  #fh5co-case-list .fh5co-heading h2{ font-size:23px; margin:30px 0 24px; }
  #fh5co-about-us .bg-about{ padding:46px 18px 54px; }
  #fh5co-about-us h2{ font-size:26px; }
  .show_body h1{ font-size:21px; }
  .article-meta span{ margin:0 8px; }
  #fh5co-content_show .detail{ font-size:15px; }
  .article-media li a{ font-size:14px; }
  #fh5co-hero .slides img{ max-height:220px; }
  .flex-direction-nav{ display:none; }
}

/* ============================================================
   v3.2  2026-11-01
   等高图文卡片、流程栏目页、正文阅读体验
   ============================================================ */

/* 等高图文卡片：标题和底部信息固定占位，避免长短标题把栅格拉歪 */
.article-grid{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px; align-items:stretch; width:100%; margin:0;
}
.article-grid--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.article-grid > .pro-card{
  display:flex; width:auto !important; min-width:0; margin:0 !important;
  padding:0 !important; float:none !important;
}
.article-grid .pro-item{
  display:flex; flex-direction:column; width:100%; height:100%;
  overflow:hidden; border-radius:14px; border:1px solid #e8edf5;
  background:#fff; box-shadow:0 6px 20px rgba(25,64,120,.06);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.article-grid .pro-item:hover{
  transform:translateY(-5px); border-color:#d6e3f6;
  box-shadow:0 16px 34px rgba(25,64,120,.14);
}
.article-grid .portfolio-img{
  position:relative; width:100%; aspect-ratio:16/10; flex:none;
  overflow:hidden; background:#e9eef6;
}
.article-grid .portfolio-img a{
  display:block; width:100%; height:100%; padding:0; border:0;
  background:none !important; border-radius:0;
}
.article-grid .portfolio-img img{
  display:block; width:100%; height:100%; object-fit:cover;
  transition:transform .55s ease;
}
.article-grid .pro-item:hover .portfolio-img img{ transform:scale(1.045); }
.article-grid .pro-item h2{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow:hidden; height:3.2em; min-height:3.2em; max-height:none;
  margin:0; padding:14px 16px 6px; text-align:left;
  font-size:16px; line-height:1.6; font-weight:700;
}
.article-grid .pro-item h2 a{
  display:block; color:#263247; overflow:hidden;
}
.article-grid .pro-item h2 a:hover{ color:var(--primary); }
.article-grid .pro-item-meta{
  display:flex; justify-content:space-between; align-items:center; gap:8px;
  margin-top:auto; padding:8px 16px 15px; color:#8b97a9;
  font-size:12px; line-height:1.4;
}
.article-grid .pro-item-meta span:first-child{
  display:inline-flex; align-items:center; gap:5px;
  color:#6c7c92;
}
.article-grid .pro-item-meta span:first-child::before{
  content:""; width:5px; height:5px; border-radius:50%;
  background:var(--accent); flex:none;
}

/* 流程栏目页 */
.flow-page{ background:var(--bg-soft); }
.flow-hero-wrap{
  background:
    radial-gradient(circle at 14% 16%, rgba(90,158,255,.38), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(255,138,54,.22), transparent 25%),
    linear-gradient(135deg,#10254b 0%,#143d7d 54%,#1a66e0 100%);
  color:#fff; padding:26px 0 42px;
}
.flow-breadcrumb{
  display:flex; align-items:center; gap:8px; margin-bottom:24px;
  color:#b7c9e6; font-size:13px;
}
.flow-breadcrumb a{ color:#eaf2ff; }
.flow-breadcrumb a:hover{ color:#fff; }
.flow-breadcrumb span{ color:#7793bd; }
.flow-hero{ text-align:center; padding:0 16px; }
.flow-kicker{
  display:inline-flex; align-items:center; gap:8px; padding:7px 16px;
  border:1px solid rgba(255,255,255,.22); border-radius:30px;
  background:rgba(255,255,255,.08); color:#dceaff;
  font-size:13px; letter-spacing:.8px;
}
.flow-kicker::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:#ffad5c; box-shadow:0 0 0 4px rgba(255,173,92,.14);
}
.flow-hero h1{
  color:#fff; font-size:40px; line-height:1.3; letter-spacing:2px;
  margin:16px 0 12px;
}
.flow-hero p{
  max-width:790px; margin:0 auto; color:#c8d9ef;
  font-size:15px; line-height:1.9;
}
.flow-trust{
  display:flex; flex-wrap:wrap; justify-content:center; gap:9px;
  margin-top:25px;
}
.flow-trust span{
  display:inline-flex; align-items:center; gap:7px; padding:7px 13px;
  border-radius:20px; background:rgba(255,255,255,.08);
  color:#e4efff; font-size:12px; border:1px solid rgba(255,255,255,.12);
}
.flow-trust span::before{ content:"✓"; color:#ffb15e; font-weight:700; }
.flow-list-wrap{ padding:44px 0 62px; }
.flow-list-head{
  display:flex; justify-content:space-between; align-items:flex-end; gap:24px;
  margin-bottom:23px;
}
.flow-eyebrow{
  display:block; color:var(--accent); font-size:11px; font-weight:700;
  letter-spacing:2px; margin-bottom:5px;
}
.flow-list-head h2{ margin:0; color:#1d2a3e; font-size:25px; line-height:1.35; }
.flow-phone{
  display:flex; flex-direction:column; align-items:flex-end;
  padding:8px 0 2px; line-height:1.35;
}
.flow-phone span{ color:#7c899b; font-size:12px; }
.flow-phone strong{ color:var(--accent); font-size:21px; letter-spacing:.5px; }
.flow-phone:hover strong{ color:var(--accent-dark); }
.flow-card{
  display:flex; flex-direction:column; height:100%; overflow:hidden;
  background:#fff; border:1px solid #e7edf5; border-radius:15px;
  box-shadow:0 7px 21px rgba(23,65,125,.06);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.flow-card:hover{
  transform:translateY(-5px); border-color:#d4e2f5;
  box-shadow:0 18px 36px rgba(23,65,125,.14);
}
.flow-card-media{
  display:block; width:100%; aspect-ratio:16/10; overflow:hidden;
  background:#e8eef6; flex:none;
}
.flow-card-media img{
  display:block; width:100%; height:100%; object-fit:cover;
  transition:transform .55s ease;
}
.flow-card:hover .flow-card-media img{ transform:scale(1.045); }
.flow-card-body{ display:flex; flex-direction:column; flex:1; padding:16px 17px 17px; }
.flow-card-meta{
  display:flex; justify-content:space-between; align-items:center;
  color:#8b98aa; font-size:12px; line-height:1.4;
}
.flow-card-meta span:first-child{
  display:inline-flex; align-items:center; gap:5px; color:#5c7ea9;
}
.flow-card-meta span:first-child::before{
  content:""; width:5px; height:5px; border-radius:50%; background:var(--accent);
}
.flow-card h2{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow:hidden; height:3.2em; min-height:3.2em;
  margin:8px 0 7px; font-size:17px; line-height:1.6;
}
.flow-card h2 a{ color:#25344b; }
.flow-card h2 a:hover{ color:var(--primary); }
.flow-card p{
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow:hidden; height:3.5em; min-height:3.5em; margin:0;
  color:#7b879a; font-size:13px; line-height:1.75;
}
.flow-card-link{
  display:inline-flex; align-items:center; gap:7px; align-self:flex-start;
  margin-top:auto; padding-top:12px; color:var(--primary); font-size:13px; font-weight:600;
}
.flow-card-link span{ transition:transform .25s ease; }
.flow-card-link:hover span{ transform:translateX(4px); }
.flow-pagination{ margin:30px 0 34px; }
.flow-pagination .pagination li{ margin:0 3px; }
.flow-cta{
  display:flex; justify-content:space-between; align-items:center; gap:28px;
  margin:0 0 28px; padding:30px 34px; border-radius:16px;
  background:
    radial-gradient(circle at 84% 0%, rgba(91,154,255,.3), transparent 35%),
    linear-gradient(110deg,#112b55,#164d9b);
  color:#fff; box-shadow:0 14px 30px rgba(19,61,122,.18);
}
.flow-cta span{ color:#9ebbe4; font-size:12px; letter-spacing:1.5px; }
.flow-cta h2{ color:#fff; margin:5px 0 6px; font-size:23px; line-height:1.35; }
.flow-cta p{ margin:0; color:#c4d5ed; font-size:13px; }
.flow-cta > a{
  display:inline-flex; align-items:center; justify-content:center; flex:none;
  min-width:190px; padding:12px 21px; border-radius:26px;
  background:linear-gradient(135deg,#ff9b3d,#ff7212); color:#fff;
  font-size:16px; font-weight:700; box-shadow:0 8px 18px rgba(255,112,18,.3);
}
.flow-cta > a:hover{ color:#fff; transform:translateY(-2px); }
.flow-guide{
  padding:30px 34px 25px; border:1px solid #e5ebf3; border-radius:16px;
  background:#fff; box-shadow:0 5px 18px rgba(26,74,140,.04);
}
.flow-guide > h2{ margin:0 0 20px; font-size:22px; }
.flow-guide-grid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 30px;
}
.flow-guide-grid strong{ display:block; color:#25354d; font-size:15px; }
.flow-guide-grid p{ margin:6px 0 0; color:#718096; font-size:13px; line-height:1.85; }
.flow-guide-note{ margin:20px 0 0; padding-top:15px; border-top:1px dashed #e3e9f1; color:#98a3b2; font-size:12px; }

/* 文章正文：图片、结论框和阅读节奏 */
.show_body h1{ line-height:1.45; margin-bottom:14px; }
.article-meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:6px 15px;
  color:#8491a3; font-size:12px;
}
.article-meta a{ color:var(--primary); }
.show_body h2{
  margin:32px 0 12px; padding-left:13px; border-left:4px solid var(--primary);
  font-size:23px; line-height:1.45;
}
.show_body h3{ margin:24px 0 9px; font-size:18px; line-height:1.5; }
.show_body p{ margin:12px 0; line-height:1.95; color:#3d4a5d; }
.show_body li{ line-height:1.9; color:#3d4a5d; }
.show_body strong{ color:#1d2b40; }
.show_body .answer-box{
  margin:22px 0 24px; padding:18px 20px; border:1px solid #d9e7fb;
  border-left:4px solid var(--primary); border-radius:10px;
  background:linear-gradient(135deg,#f7fbff,#eef6ff); color:#29415f;
}
.show_body .answer-box strong{ display:block; margin-bottom:5px; color:var(--primary); }
.article-figure{
  margin:24px 0; overflow:hidden; border:1px solid #e7edf5; border-radius:13px;
  background:#f8fafc;
}
.article-figure img{ display:block; width:100%; height:auto; }
.article-figure figcaption{
  padding:10px 14px; color:#8491a3; font-size:12px; line-height:1.6;
}
.article-note{
  margin-top:28px !important; padding-top:15px; border-top:1px dashed #dfe6ef;
  color:#8a96a6 !important; font-size:12px !important; line-height:1.75 !important;
}
.data-table{
  width:100%; margin:16px 0; border-collapse:collapse; font-size:13px;
}
.data-table th,.data-table td{
  padding:10px 12px; border:1px solid #e1e8f1; text-align:left; line-height:1.65;
}
.data-table th{ background:#f4f8fe; color:#2b456a; font-weight:700; }
.data-table td{ color:#536174; }

@media (max-width:1100px){
  .article-grid--4{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:860px){
  .article-grid,.article-grid--3,.article-grid--4{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .flow-hero-wrap .container,.flow-list-wrap .container{
    width:100%; padding-left:16px; padding-right:16px; box-sizing:border-box;
  }
  .flow-hero{ padding:0; }
  .flow-hero p{ max-width:100%; overflow-wrap:anywhere; }
  .flow-hero h1{ font-size:31px; }
  .flow-hero p{ font-size:14px; }
  .flow-list-head{ align-items:flex-start; flex-direction:column; gap:8px; }
  .flow-phone{ align-items:flex-start; }
  .flow-cta{ align-items:flex-start; flex-direction:column; padding:24px 22px; }
  .flow-cta > a{ width:100%; min-width:0; }
  .flow-guide{ padding:24px 20px 20px; }
  .flow-guide-grid{ grid-template-columns:1fr; gap:15px; }
}
@media (max-width:520px){
  .article-grid,.article-grid--3,.article-grid--4{ grid-template-columns:1fr; }
  .flow-hero-wrap{ padding:20px 0 30px; }
  .flow-hero h1{ font-size:27px; letter-spacing:1px; }
  .flow-trust{ gap:6px; }
  .flow-trust span{ font-size:11px; padding:6px 10px; }
  .flow-list-wrap{ padding:30px 0 44px; }
  .flow-list-head h2{ font-size:21px; }
  .flow-phone strong{ font-size:19px; }
  .show_body h2{ font-size:20px; }
}