@charset "utf-8";
/* ============================================================
   广东吴山林知识产权律师团 · 网站升级样式（2026-09）
   v2：+ iPhone 底部安全区适配 + 表单接管提示样式
   内容：电话直达链接保持外观 / H1 规范 / 移动端保守适配 /
        移动端底部联系条 / 咨询弹窗
   ============================================================ */

/* --- 1. 电话条链接保持原外观 --- */
.toptell a{color:inherit;text-decoration:none;}
.copyright a[href^="tel:"]{color:#fff;text-decoration:none;}
.kfin p a[href^="tel:"]{color:#666;}
.kfin p a[href^="tel:"]:hover{color:#ff7e00;text-decoration:none;}

/* --- 2. H1 规范（SEO） --- */
h1.site-h1{display:block;width:1000px;margin:0 auto;padding:7px 0 6px;
  font:normal 14px/1.6 "Microsoft YaHei",Arial,sans-serif;color:#999;
  text-align:center;background:transparent;border-bottom:0;}
h1.page-h1{display:block;width:1000px;margin:0 auto;padding:12px 0 8px;
  font:normal 16px/1.6 "Microsoft YaHei",Arial,sans-serif;color:#333;
  border-bottom:1px dashed #e6e6e6;}
h1.page-h1:before{content:"| ";color:#fd7113;font-weight:bold;}

/* --- 3. 移动端（≤768px）保守适配 --- */
@media (max-width:768px){
  body{-webkit-text-size-adjust:100%;padding-bottom:calc(52px + env(safe-area-inset-bottom));}
  .w1000{width:auto;max-width:100%;padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box;}
  h1.site-h1,h1.page-h1{width:auto;max-width:100%;padding-left:8px;padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box;}
  img{max-width:100%;height:auto;}

  /* 头部纵向堆叠 */
  .header{height:auto;padding-bottom:6px;}
  .header .w1000{height:auto;}
  .logo{position:static!important;width:auto;height:auto;padding:10px 0 0;text-align:center;}
  .logo img{display:inline-block;max-width:92%;}
  .topnav{position:static!important;width:auto;float:none;text-align:center;padding:6px 0 0;}
  .topnav span,.topnav a.ico{float:none;display:inline-block;vertical-align:middle;}
  .toptell{position:static!important;text-align:center;margin:4px 0 0;}
  .toptell span{display:inline-block;}
  .nav{height:auto;}
  .nav ul{overflow:hidden;}
  .nav ul li{float:none;display:inline-block;margin:0;}
  .nav ul li a{width:auto;height:38px;line-height:38px;font-size:14px;padding:0 12px;}

  /* 首页大横幅压缩 */
  .banner,.banner .rel,.banner_img,.banner_img li,.banner_img li a{height:200px;min-height:0;}
  .banner_num{top:160px;}
  .mainbox-t{height:auto;margin:0;padding-top:8px;}
  .mainbox-cot{position:static!important;padding:8px;}
  .mainbox-t-bg{display:none;}
  .mainbox-list{width:auto!important;float:none!important;margin:0 0 14px 0!important;}
  .main-b-l,.main-b-r{width:auto!important;float:none!important;margin-bottom:14px;}
  .main-b-list-l,.main-b-list-r{width:auto!important;float:none!important;padding-right:0;}
  .notice{position:static!important;}

  /* 内页横幅压缩 + 正文单栏 */
  .inner-banner,.inner-banner span{height:130px;min-width:0;background-size:cover;}
  .main{overflow:visible;}
  .sideleft{display:none;}
  .info{width:auto!important;float:none!important;}
  .location{padding-left:10px;height:auto;}
  .location span.fr{width:auto;margin:6px 0 0;}
  .article-txt{padding:10px;line-height:26px;}
  .article-title{font-size:20px;line-height:30px;}

  /* 页脚纵向堆叠 */
  .footer{height:auto;padding:14px 0;}
  .footer .spart{display:none;}
  .footerlist{float:none!important;width:auto;margin-bottom:6px;}
  .footer dl dt{height:30px;line-height:30px;margin-bottom:4px;}
  .footer dl dd a{display:inline-block;margin-right:12px;}
  .copyright .fl,.copyright .fr{width:auto;float:none;padding:0;text-align:center;}

  /* 桌面悬浮客服改由底部条承担 */
  .kfbox,.weixin{display:none!important;}

  /* --- 固定宽度漏网修复（外部审查 2026-09-17 采用） --- */
  body{min-width:0!important;}
  .banner{min-width:0!important;}
  .banner_img li a{background-size:cover!important;}
  .notice,.notice-h,.notice-c{position:static!important;width:auto!important;margin-left:0!important;}
  .conscroll{width:auto!important;height:auto!important;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .infolist li a{width:auto!important;float:none!important;display:block;}
  .about-lawyer,.about-team{width:auto!important;float:none!important;margin:0 0 14px 0!important;}
}

/* --- 4. 移动端底部联系条（含 iPhone 安全区） --- */
#suBar{display:none;}
@media (max-width:768px){
  #suBar{display:-webkit-box;display:-webkit-flex;display:flex;position:fixed;left:0;right:0;bottom:0;
    height:auto;min-height:52px;z-index:500;padding-bottom:env(safe-area-inset-bottom);
    background:#fff;border-top:1px solid #e5e5e5;box-shadow:0 -1px 6px rgba(0,0,0,.06);}
  #suBar a{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;
    align-items:center;justify-content:center;font:500 15px/1 "Microsoft YaHei",Arial,sans-serif;text-decoration:none;}
  #suBar a.su-tel{color:#fd7113;border-right:1px solid #eee;}
  #suBar a.su-wx{color:#07c160;}
}

/* --- 5. 咨询弹窗 --- */
#suMask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:600;}
#suModal{display:none;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
  width:300px;background:#fff;border-radius:10px;z-index:601;padding:0 0 16px;text-align:left;}
#suModal h3{margin:0;padding:14px 0;text-align:center;font:500 17px/1.4 "Microsoft YaHei",Arial,sans-serif;color:#fd7113;border-bottom:1px solid #f3f3f3;}
#suModal .su-row{padding:12px 18px 0;text-align:center;}
#suModal .su-btns a{display:inline-block;min-width:110px;margin:4px 5px;padding:10px 0;border-radius:6px;color:#fff;
  text-decoration:none;font:500 15px/1 "Microsoft YaHei",Arial,sans-serif;text-align:center;}
#suModal .su-btns a.su-tel{background:#fd7113;}
#suModal .su-btns a.su-qq{background:#2b6cb0;}
#suModal .su-qr{width:160px;height:160px;display:block;margin:8px auto 4px;border:1px solid #eee;padding:4px;background:#fff;}
#suModal .su-qr-tip{font-size:13px;color:#666;text-align:center;}
#suModal .su-note{font-size:12px;color:#999;text-align:center;padding:8px 18px 0;line-height:1.7;}
#suModal .su-formnote{color:#b25a00;background:#fff8ee;border-radius:6px;margin:2px 18px 0;padding:8px 10px;text-align:left;}
#suModal .su-close{position:absolute;right:8px;top:6px;width:28px;height:28px;line-height:28px;text-align:center;
  color:#bbb;font-size:20px;cursor:pointer;text-decoration:none;}
#suModal .su-close:hover{color:#666;text-decoration:none;}


/* ===== 观感提升包 v1（2026-09-17 第四轮审查·半天包） ===== */
body{font:14px/1.8 "Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;color:#333;}
.article-txt,.article-txt p{font-size:14px;line-height:1.9;}
.article-txt p{margin-bottom:12px;}
.topnav a[onclick*="SetHome"],.topnav a[onclick*="AddFavorite"],.topnav a.ico[href*="p.t.qq.com"]{display:none!important;}
#bdshare,.article-share,.bdshare_t{display:none!important;}
#code_img,#yzm{display:none!important;}
p:has(#code_img){display:none!important;}
.conscroll img[src*="20140605065145904"]{display:none!important;}
#allmap,#dituContent{display:none!important;}
.btn input,.online-consultation .btn input{background:#fd7113!important;border-color:#fd7113!important;color:#fff;}
.infolist li a:hover,.footer dl dd a:hover{color:#fd7113;}

/* ===== 观感提升包 v1.1（Kimi 半天包补全项） ===== */
@media (max-width:768px){
  body{font-size:15px;}
  .article-txt,.article-txt p{font-size:15px;}
  .notice{margin:10px 0!important;}
  .mainbox-list{background:#fff;border:1px solid #eee;border-radius:6px;padding:12px;box-sizing:border-box;}
  .location .abs{position:static!important;display:inline-block;margin:0 4px 6px 0;}
  .location span.fr{display:block;width:auto!important;float:none!important;margin:0!important;}
}

/* ===== 观感提升包 v1.2（第五轮审查 kimi-for-coding） ===== */
.infolist li{background:#fff;border:1px solid #eee;border-radius:6px;padding:10px 12px;margin-bottom:8px;height:auto;line-height:1.6;}
.infolist li span{color:#999;}
.infolist li:hover{border-color:#fd7113;}
dl.contact dd{line-height:2;margin:2px 0;}

/* ===== 焕新 v2 · M1 字体体系（2026-09-18 像素君） =====
   残留宋体清零 + 字号/字重阶梯。仅追加覆盖，不改 style.css。 */
.article-next{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;font-size:13px;line-height:1.8;color:#777;}
.zixun p input,.zixun p textarea{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;}
.footer,.footer a,.copyright,.copyright a{font-family:"Microsoft YaHei","PingFang SC",sans-serif;}
.author{font-size:13px;color:#999;}
.location{font-size:13px;}
.article-txt h2{font-size:17px;font-weight:600;margin:18px 0 10px;color:#333;}
.article-txt h3{font-size:15px;font-weight:600;margin:14px 0 8px;color:#333;}
h1.page-h1{font-weight:600;}
.infolist li span{font-size:12px;}

/* ===== 焕新 v2 · M2 配色收敛 =====
   土金 #d79420 / 暗金 #c7941a / 亮蓝 #1691df / 灰紫 #8a92c3 → 品牌橙 #fd7113 + 中性灰阶 */
.notice-h{border-bottom-color:#fd7113;}
.mainbox-t-h h2,.main-box-h h2,.main-b-l-h h2{color:#fd7113;}
.main-box-h h2{border-top-color:#fd7113;}
.case-list ul li h3 span{color:#999;}
.about-lawyer a.redmore,.about-team a.redmore{color:#fd7113;}
.main-b-list-l{border-top-color:#e8e8e8;}
.main-b-list-t p a{color:#666;}
.main-b-list-t p a:hover{color:#fd7113;}
.zixun div input.btn{background:#fd7113!important;border-color:#fd7113!important;}
.pup-box-btn a{background:#fd7113;}
.pup-box-btn a:hover{background:#e5640a;}
.reply-but a{background:#fd7113;border-color:#fd7113;}
.reply-but a:hover{background:#e5640a;border-color:#e5640a;}
.page a:hover,.page span.hover{background:#fd7113;border-color:#fd7113;}
a:hover{color:#fd7113;}
.copyright a:hover{color:#fd7113;text-decoration:none;}

/* ===== 焕新 v2 · M3 阅读体验 ===== */
.article-txt h2{border-left:3px solid #fd7113;padding-left:8px;}
.article-txt blockquote{background:#f8f8f8;border-left:3px solid #ddd;padding:8px 12px;margin:12px 0;color:#666;}
.article-txt img{margin:10px auto;}
.article-next{background:#fafafa;border:1px solid #eee;border-radius:6px;padding:14px 16px;}
.article-next a{color:#555;font-weight:600;}
.article-next a:hover{color:#fd7113;}
.article-next a[href^="tel:"]{color:#fd7113;}
.author{border-bottom:1px dashed #e5e5e5;}

/* ===== 焕新 v2 · M4 间距节奏 + 移动端精修 ===== */
/* 板块头现代化：橙色底线 + 英文副标降噪 + MORE 链接归橙 */
.mainbox-t-h{height:auto;border-bottom:2px solid #fd7113;padding-bottom:4px;}
.mainbox-t-h h2{font-size:19px;line-height:30px;}
.mainbox-t-h span{color:#ccc;font-size:12px;}
.mainbox-t-h a{color:#fd7113!important;font-size:13px;}
.main-box-h h2{font-size:19px;}
/* 首页「网站公告」内容为空（CMS 静态导出遗留），整块隐藏 */
.notice{display:none;}
/* 触控目标 ≥44px（微信内点列表不再误触） */
.infolist li a{min-height:44px;padding:4px 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* 分页器（.page 目前为空 div，样式先就位，结构补链属 M5 批） */
.page a,.page span{padding:8px 12px;border-radius:4px;}
.footer dl dd a{line-height:2;}
/* 轮播圆点当前态归品牌橙 */
.banner_num li.current{background:#fd7113;}

/* ===== 焕新 v2 · M5 桌面导航两行（N15：14 项 > 1000px 容器缺 4 栏） ===== */
@media (min-width:769px){
  .header{height:auto;overflow:visible;} /* v2.1 修复：style.css .header{height:160px;overflow:hidden;L69} 是第二行的真实裁切者（112px+w1000 + 48px nav = 恰好160；nav 变 96 后溢出被裁） */
  .nav{height:auto;}
  .nav .w1000{overflow:visible;height:auto;} /* 实测：style.css L57 .w1000{overflow:hidden} 会裁掉第二行 */
  .nav ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
  .nav ul li{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;}
  .nav ul li a{width:auto;padding:0 14px;font-size:15px;}
}

/* ===== 焕新 v2 · M6 首页 banner 文字层（烘焙字照片保留，压现代标题层） ===== */
.banner .rel{position:relative;}
.su-banner-cap{position:absolute;left:0;right:0;bottom:0;z-index:5;
  padding:34px 5% 14px;background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.62));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.62));}
.su-banner-cap .su-cap-t{margin:0;font:600 26px/1.3 "Microsoft YaHei","PingFang SC",sans-serif;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);}
.su-banner-cap .su-cap-s{margin:4px 0 0;font-size:14px;line-height:1.5;color:#f0f0f0;}
.su-banner-cap .su-cap-b{margin:8px 0 0;}
.su-banner-cap .su-cap-b a{display:inline-block;background:#fd7113;color:#fff;border-radius:5px;padding:8px 16px;font:500 15px/1 "Microsoft YaHei",sans-serif;text-decoration:none;}
.su-banner-cap .su-cap-b a:hover{background:#e5640a;color:#fff;}
@media (max-width:768px){
  .su-banner-cap{padding:22px 5% 8px;}
  .su-banner-cap .su-cap-t{font-size:18px;}
  .su-banner-cap .su-cap-s{font-size:12px;}
  .su-banner-cap .su-cap-b{margin-top:6px;}
  .su-banner-cap .su-cap-b a{padding:6px 12px;font-size:13px;}
  .banner_num{display:none;}
}

/* ===== 焕新 v2 · M7 律师风采静态卡（替代单帧跑马灯；三位律师去留待客户确认前不做展示性断言） ===== */
.su-team{display:-webkit-box;display:-webkit-flex;display:flex;background:#fff;border:1px solid #eee;border-radius:8px;padding:16px;}
.su-team-photo{-webkit-box-flex:0;-webkit-flex:0 0 150px;flex:0 0 150px;}
.su-team-photo img{width:150px;height:auto;display:block;border-radius:6px;}
.su-team-txt{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-left:16px;}
.su-team-name{margin:0 0 6px;font:600 17px/1.4 "Microsoft YaHei",sans-serif;color:#333;}
.su-team-desc{margin:0 0 8px;font-size:14px;line-height:1.7;color:#666;}
.su-team-links{margin:0;}
.su-team-links a{display:inline-block;margin-right:14px;color:#fd7113;font-size:14px;text-decoration:none;}
.su-team-links a:hover{text-decoration:underline;}
@media (max-width:768px){
  .su-team{display:block;padding:12px;}
  .su-team-photo{text-align:center;}
  .su-team-photo img{width:140px;display:inline-block;}
  .su-team-txt{padding-left:0;padding-top:10px;}
}

/* ===== 焕新 v2 · M8 联系页导航卡（地图 v1.1 红条移除后的收口） ===== */
.su-lxfs-nav{background:#fafafa;border:1px solid #eee;border-radius:8px;padding:16px;margin-top:14px;}
.su-lxfs-addr{margin:0 0 10px;font:500 15px/1.6 "Microsoft YaHei",sans-serif;color:#333;}
.su-lxfs-btns{margin:0;}
.su-lxfs-btns a{display:inline-block;margin:0 10px 8px 0;padding:11px 18px;border-radius:6px;font:500 15px/1 "Microsoft YaHei",sans-serif;color:#fff;text-decoration:none;}
.su-lxfs-btns a.su-btn-tel{background:#fd7113;}
.su-lxfs-btns a.su-btn-tel:hover{background:#e5640a;color:#fff;}
.su-lxfs-btns a.su-btn-nav{background:#fff;color:#fd7113;border:1px solid #fd7113;}
.su-lxfs-btns a.su-btn-nav:hover{background:#fd7113;color:#fff;}

/* ===== 焕新 v2 · M9 sitemap.html 移动端横向溢出修复 =====
   源页内联 CSS 写死 #intro{min-width:900px} / #myTable{min-width:804px} / #footer{min-width:900px}，
   470px 屏实测 scrollWidth 942px（必须横向拖拽才看得全），属真实可用性缺陷。
   本页 site-upgrade.css 在内联 <style> 之后加载，同特异性后者胜，可直接覆盖。 */
@media (max-width:768px){
  #intro{min-width:0;padding:10px 8px;font-size:12px;line-height:1.7;}
  #myTable{min-width:0;}
  #myTable li{min-width:0;width:auto;height:auto;line-height:1.6;padding:8px 0;border-bottom:1px solid #eee;}
  #myTable li .T1-h,#myTable li .T2-h,#myTable li .T3-h,#myTable li .T4-h{display:none;} /* 窄屏堆叠后列名无意义 */
  #myTable li .T1{float:none;min-width:0;width:auto;word-break:break-all;}
  #myTable li .T2,#myTable li .T3,#myTable li .T4{float:none;width:auto;display:inline-block;margin-right:12px;color:#999;font-size:11px;}
  #footer{min-width:0;}
}

/* ===== 焕新 v3 · 金色语言贯通（2026-09-18 · 首页重做配套，P2） =====
   设计基底：Colorlib Law Firm —— 香槟金 #cbb88c + 深炭黑 #1b1e21 + 白。
   纪律：只追加覆盖，不改 style.css、不回退 v1 / v1.1 / v1.2 / v2 已有规则，
        不动任何页面结构（老结构原样，仅色系与分隔统一）。
   口径：A 版 = 金色主打（本段即 A 版默认值）；
        B 版 = 金色结构 + 品牌橙动作色，由 theme-b.css 覆盖层把「动作色」换回 #fd7113。 */

/* --- v3-1 站头与导航 --- */
.header{background:#fff;border-bottom:1px solid #efe9dd;}
.nav ul li a{color:#3a3a3a;}
.nav ul li a.cur,.nav ul li a:hover{background:#cbb88c;color:#1b1e21;}
.toptell span{color:#9a8352;}
.topnav a{color:#8a8a8a;}
.topnav a:hover{color:#9a8352;}
.topnav a.ico img{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.55;}
.topnav a.ico:hover img{-webkit-filter:none;filter:none;opacity:1;}

/* --- v3-2 板块标题与分隔 --- */
.main-box-h{background:#faf8f4;border-color:#efe9dd;}
.main-box-h h2{color:#9a8352;border-top-color:#cbb88c;}
.mainbox-t-h{border-bottom-color:#cbb88c;}
.mainbox-t-h h2,.main-b-l-h h2{color:#9a8352;}
.mainbox-t-h span{color:#c9c2b2;}
.mainbox-t-h a{color:#9a8352!important;}
.main-b-l-h{border-bottom-color:#efe9dd;}

/* --- v3-3 链接与按钮 --- */
a:hover{color:#9a8352;}
.location a:hover,.location a.cur{color:#9a8352;}
.btn input,.online-consultation .btn input,.zixun div input.btn{background:#cbb88c!important;border-color:#cbb88c!important;color:#1b1e21!important;}
.pup-box-btn a,.reply-but a{background:#cbb88c;border-color:#cbb88c;color:#1b1e21;}
.pup-box-btn a:hover,.reply-but a:hover{background:#b5a072;border-color:#b5a072;}
.page a:hover,.page span.hover{background:#cbb88c;border-color:#cbb88c;color:#1b1e21;}
.copyright a:hover{color:#cbb88c;}

/* --- v3-4 正文与阅读 --- */
.article-txt h2{border-left-color:#cbb88c;}
.article-next a:hover{color:#9a8352;}
.article-next a[href^="tel:"]{color:#9a8352;}
.author{border-bottom-color:#efe9dd;}

/* --- v3-5 卡片与列表 --- */
.infolist li{border-color:#efe9dd;}
.infolist li:hover{border-color:#cbb88c;box-shadow:0 4px 14px rgba(27,30,33,.05);}
.mainbox-list,.main-b-list-l,.main-b-list-r{background:#fff;}

/* --- v3-6 内页横幅：A 版把烘焙的橙字转金，避免与金色体系冲突（B 版由 theme-b.css 撤销） ---
   注（M7 复核 2026-09-18）：本段自 v4-A 起已被取代 —— v4-A 把横幅整块换成
   「深炭黑 + 金纹 + 真实文字复刻」并显式写 filter:none，两版下本段均已失效。
   保留仅为不改动已过审的 B 版对应关系（B-4）。新改动请勿引用此处的 hue-rotate 参数。 --- */
@media (min-width:769px){
  .inner-banner span{-webkit-filter:hue-rotate(18deg) saturate(.62) brightness(1.03);filter:hue-rotate(18deg) saturate(.62) brightness(1.03);}
}

/* --- v3-7 页脚 --- */
.footer{background:#faf8f4;border-top:1px solid #efe9dd;}
.footer dl dt{color:#1b1e21;}
.footer dl dd a{color:#6d6d6d;}
.footer dl dd a:hover{color:#9a8352;}
.copyright{background:#121518;}
.copyright a{color:#d8d4c9;}

/* --- v3-8 移动端底栏与咨询弹窗 --- */
#suBar{border-top-color:#efe9dd;}
#suBar a.su-tel{color:#9a8352;}
#suModal h3{color:#9a8352;}
#suModal .su-btns a.su-tel{background:#cbb88c;color:#1b1e21;}

/* --- v3-9 联系页导航卡 --- */
.su-lxfs-nav{background:#faf8f4;border-color:#efe9dd;}
.su-lxfs-btns a.su-btn-tel{background:#cbb88c;color:#1b1e21;}
.su-lxfs-btns a.su-btn-tel:hover{background:#b5a072;color:#1b1e21;}
.su-lxfs-btns a.su-btn-nav{color:#9a8352;border-color:#cbb88c;}
.su-lxfs-btns a.su-btn-nav:hover{background:#cbb88c;color:#1b1e21;}

/* --- v3-10 律师风采卡 --- */
.su-team{border-color:#efe9dd;}
.su-team-name{color:#1b1e21;}
.su-team-links a{color:#9a8352;}

/* --- v3-11 旧首页 banner 文字层兜底（首页已重做，此处仅防锚点残留） --- */
.su-banner-cap .su-cap-b a{background:#cbb88c;color:#1b1e21;}
.su-banner-cap .su-cap-b a:hover{background:#b5a072;color:#121518;}
.banner_num li.current{background:#cbb88c;}

/* --- v3-12 图标色系统一 ---
   原站 t-tell.png 是品牌橙实心图标，与金色体系冲突 → 换成金色线性电话图标（内联 SVG，零新增资产）。
   列表项原用 listic.png（浅灰方块，在白底卡片上几乎不可见）→ 换成金色圆点。 */
.toptell span{background:none;padding-left:0;}
.toptell span:before{content:"";display:inline-block;width:15px;height:15px;margin-right:6px;vertical-align:-2px;
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.08 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") 0 0 no-repeat;
  background-size:15px 15px;}
@media (min-width:769px){
  .infolist li{background-image:none;padding-left:18px;position:relative;}
  .infolist li:before{content:"";position:absolute;left:2px;top:14px;width:5px;height:5px;background:#cbb88c;border-radius:50%;}
}

/* ============================================================
   ===== 焕新 v3.2 · 残留橙色清零（2026-09-18 · P2 贯通补全）=====
   ============================================================
   起因（教训）：v3 初版的「内页贯通」用了凭印象写下的选择器
        （.main-box-h / .mainbox-t-h / .main-b-l-h），
        实测这三个类在原站 HTML 里各只出现 2 次；
        而真正的高频容器是
        .ny-brand-h(205 页) / .sidebox-h(205 页) / .ny-brand-c(205 页) / .kfin(206 页)，
        于是「真实案例」「品牌服务」「联系我们」等侧栏标题条从未被金色覆盖
        —— 构建与校验全绿，缺口却真实存在（静默失败）。

   方法：本段每一条选择器都来自
        ① 原站 HTML 类名频次统计（grep -rl 计数）
        ② computed 颜色程序化扫描（review_output/orange-left-scan.py）
        不再凭猜测。清单与证据见 review_output/orange-left-scan.txt。

   范围：A 版（金色主打）。B 版由 theme-b.css 的 B-6 段整体还原为品牌橙。
   前提：style.css 不在上传清单（服务器上仍是原件、未被改动），
        因此这里全部用「同选择器 + 加载顺序在后」覆盖即可胜出。
   ============================================================ */

/* --- v3-13 侧栏容器（205–208 页；移动端 .sideleft 整体隐藏，故为桌面主视觉） --- */
.sidebox-h{background:#cbb88c;}
.sidebox-h h2{color:#1b1e21;}
.sidebox-h a{color:#1b1e21;}
.ny-brand-h{background:#faf8f4;border-top-color:#cbb88c;border-bottom-color:#efe9dd;}
.ny-brand-h h2{color:#9a8352;}
/* 选中态原为橙色箭头 PNG（arrow-a.png）→ 换成同尺寸同位置的金色内联 SVG，零新增资产 */
.ny-brand-c ul li a.cur,.ny-brand-c ul li a:hover{
  background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpath d='M1 1l4 4-4 4' fill='none' stroke='%239a8352' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 270px 15px no-repeat;
  color:#9a8352;}

/* --- v3-14 悬浮客服面板（206 页；移动端由底部条替代，见本文件 §3 的 .kfbox{display:none}） --- */
.kfin{border-left-color:#cbb88c;border-right-color:#cbb88c;}
.kfin h2{color:#9a8352;border-bottom-color:#efe9dd;}
.kfin p a{border-bottom-color:#efe9dd;}
.kfin p a:hover,.kfin p a[href^="tel:"]:hover{color:#9a8352;}
/* 客服项图标：原为橙色 PNG（qq-ico / consult-ico / tell-ico）→ 金色线性 SVG（零新增资产） */
.kfin p a.qq-ico,.kfin p a.consult-ico{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8v.5z'/%3E%3C/svg%3E");
  background-size:17px 17px;}
.kfin p a.tell-ico{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.08 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
  background-size:17px 17px;}
/* 右侧悬浮标签 floatService.png 是「烘焙好的」橙色底图，无法改色；
   把它从 .kfbox 挪到伪元素上做色相旋转 —— 这样只改标签，不影响面板内文字与图标。
   【M7 复核修正 2026-09-18】原参数 hue-rotate(18deg) saturate(.55) brightness(1.06)
   实测渲染色为 #c9ac5b（芥末黄），与品牌金 #cbb88c 的 ΔRGB 达 52.7（蓝通道差 49），
   肉眼可辨。hue-rotate 是矩阵近似，靠肉眼试参数不可靠 —— 分两步定参：
     ① 按 CSS Filter Effects 规范矩阵离线网格搜索（数学先用浏览器实测校准，
        复算 #c9ab59 vs 实测 #c9ac5b，Δ2.2）；
     ② 因底图自带渐变、离线预测只能到 Δ22.7，故再在浏览器里**实测寻优**
        （注入候选滤镜逐个截图取色），收敛到 hue-rotate(16deg) saturate(.3) brightness(1.18)
        → 实测 #d2bd8c，与品牌金 ΔRGB 仅 8.6（蓝通道 140 完全一致，仅整体略亮）。
   注：标签内的白色文字与图标不受影响（白 luminance=255，过 saturate/brightness 后仍为白）。
   复现脚本：review_output/m7-filter-search.py（离线）+ m7-measured-search.py（实测）。 */
.kfbox{background:none;}
.kfbox:before{content:"";position:absolute;left:0;top:20px;width:35px;height:125px;
  background:url("http://www.wsl580.com/skins/images/wycms/kefu/floatService.png") 0 0 no-repeat;
  -webkit-filter:hue-rotate(16deg) saturate(.3) brightness(1.18);
  filter:hue-rotate(16deg) saturate(.3) brightness(1.18);}
/* 面板上下盖 kefu-t.png / kefu-b.png 也是橙色细条 → 直接用纯金色块替代 */
.kefu-t,.kefu-b{background-image:none;background-color:#cbb88c;}

/* --- v3-15 内页 H1 竖线 / 联系页电话 / 咨询块提示（移动端同样可见，优先级最高） --- */
h1.page-h1:before{color:#cbb88c;}
.contact dd span{color:#9a8352;}
.askup .tishi span{color:#9a8352;}

/* --- v3-16 零星暖色（低频页 + 悬停态，一并收敛，让「零橙色」断言可闭合） --- */
.notice-h{border-bottom-color:#cbb88c;}
.about-lawyer a.redmore,.about-team a.redmore{color:#9a8352;}
.main-b-list-t p a:hover{color:#9a8352;}
.mainbox-list a.more{color:#9a8352;}
.infolist li a:hover{color:#9a8352;}
.right-tip{color:#9a8352;}
.consult-c .btn input{background:#cbb88c;border-color:#cbb88c;color:#1b1e21;}
.cf60{color:#9a8352;}

/* ============================================================
   ===== 焕新 v4 · 内页版式升级（2026-09-18 · 深度改版）=====
   ============================================================
   v3 解决的是「颜色对不对」；v4 解决的是「版式像不像首页」。
   目标：205 个内页在**保留原有 DOM 结构**的前提下，把
        「横幅 / 面包屑 / 侧栏 / 列表 / 正文 / 分页 / 联系卡」
        七处版式向首页 v3 语言靠拢（深炭黑 + 香槟金 + 白卡 + 细金边）。

   ── 覆盖范围（全部为实测页数，非估算；统计脚本见 review_output/v4-recon.txt）──
        .inner-banner   205/207  内页横幅（每页恰好 1 处，无重复）
        .location       205/207  面包屑
        .sideleft       205/207  左侧栏（移动端整体隐藏）
        h1.page-h1      109/207  栏目页 / 单页标题
        .article-title   96/207  文章页
        .infolist        88/207  栏目列表页（其中 70 页列表体为空，见文末备注）
      首页 index.html 与 sitemap.html 不含上述任何标记
      → 本段对首页零影响（validate_stage.py 已断言）。

   ── 红线遵守 ──
      ① 零新增资产：横幅纹样 / 面包屑定位图标 / 侧栏箭头全部内联 SVG data URI，
         未新增任何图片文件，也未删除任何原有图片文件。
      ② 老结构不动：本段只「追加」，不改 style.css、不删任何原有规则；
         原有 HTML 结构一行未动（横幅文案用 CSS content 复刻自原横幅图，
         原文案为「专注于中国高端知识产权 / 非诉讼与诉讼业务」）。
      ③ 桌面 / 移动分离：全部规则分别装在 min-width:769px 与 max-width:768px 两个
         媒体块内，**不写裸规则**，避免桌面样式回压本文件 §3 的移动端适配。

   ── 踩过的坑（对应 SKILL §12.2 / §12.6）──
      本节所有选择器均来自：① 原站 HTML 类名频次实测 ② 原站 style.css 原文核对。
      不凭印象。v3 初版正是因为「凭印象写选择器」造成 40 处静默缺口。
   ============================================================ */

/* --- v4-A 内页横幅视觉层（全设备共用；只写 §3 未接管的属性，几何量交给下面两个媒体块） ---
   原实现：.inner-banner 平铺 inner-banner-bg.png + span 铺 inner-banner.jpg（1440×300 烘焙图，
   图中含橙色标题字）。橙色字只能靠 hue-rotate 硬转（v3-6 的做法），字迹发灰、观感一般。
   v4 改为「深炭黑底 + 香槟金斜纹 + 金色辉光 + 金线收边」，文案用 CSS content 复刻，
   不再依赖任何位图 → 缩放不糊、可随时改字、无需重做图。 */
.inner-banner{
  position:relative;overflow:hidden;
  background-color:#121518;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg fill='none' stroke='%23cbb88c' stroke-width='1' opacity='.13'%3E%3Cpath d='M-5 5L5 -5M0 26L26 0M21 31L31 21'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat;background-position:0 0;background-size:auto;
  border-bottom:3px solid #cbb88c;
}
.inner-banner:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;
  background:-webkit-radial-gradient(76% 46%,ellipse,rgba(203,184,140,.34) 0%,rgba(203,184,140,0) 100%);
  background:radial-gradient(ellipse at 76% 46%,rgba(203,184,140,.34) 0%,rgba(203,184,140,0) 100%);}
.inner-banner span{
  display:block;width:1000px;max-width:100%;margin:0 auto;position:relative;z-index:2;
  background:none;
  -webkit-box-sizing:border-box;box-sizing:border-box;
  -webkit-filter:none;filter:none;
}
.inner-banner span:before{
  content:"GUANGDONG WUSHANLIN IP LAWYERS";
  position:absolute;left:12px;
  font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-weight:600;
  letter-spacing:.2em;color:#cbb88c;
}
.inner-banner span:after{
  content:"专注于中国高端知识产权 · 非诉讼与诉讼业务";
  position:absolute;left:12px;
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-weight:600;color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.45);
}

/* --- v4-B 桌面（≥769px） --- */
@media (min-width:769px){

  /* v4-B1 内页横幅几何：300px → 180px，让首屏更快进入正文 */
  .inner-banner{height:180px;}
  .inner-banner span{height:180px;padding:0 12px;}
  .inner-banner span:before{top:56px;font-size:12px;line-height:1;}
  .inner-banner span:after{top:80px;font-size:23px;line-height:1.3;}

  /* v4-B2 栏目/单页标题 h1.page-h1：原来的灰色小字 + 虚线，改为金条引导的板块标题 */
  h1.page-h1{padding:22px 0 14px;font:600 22px/1.5 "Microsoft YaHei","PingFang SC",sans-serif;
    color:#1b1e21;border-bottom:1px solid #efe9dd;}
  h1.page-h1:before{content:"";display:inline-block;width:4px;height:20px;margin-right:10px;
    vertical-align:-3px;background:#cbb88c;border-radius:2px;}

  /* v4-B3 面包屑（205 页）：暖色条 + 金色定位图标（替换 location-ico.png） */
  .location{height:auto;line-height:1.6;padding:11px 16px;border-bottom:1px solid #efe9dd;
    background:#faf8f4;border-radius:4px;color:#8a8a8a;font-size:13px;}
  .location span.abs{display:inline-block;vertical-align:middle;position:relative;float:none;
    height:auto;top:auto;padding-left:22px;background:none;overflow:visible;}
  .location span.abs:before{content:"";position:absolute;left:0;top:50%;margin-top:-7px;width:14px;height:14px;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.6 7-11a7 7 0 1 0-14 0c0 5.4 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E") 0 0 no-repeat;
    background-size:14px 14px;}
  .location span.fr{display:inline-block;vertical-align:middle;float:none;width:auto;margin:0;}
  .location a{margin:0 4px;color:#6d6d6d;}
  .location a:hover,.location a.cur{color:#9a8352;}

  /* v4-B4 侧栏容器卡片化（205 页；移动端 .sideleft 整体隐藏，故为桌面主视觉）
     原来整列铺 #f6f6f6 灰底，现在改为「白底卡片 + 细金边」，与首页 .v3-card 同语言 */
  .sideleft{background:none;overflow:visible;}
  .sideleft .sidebox{background:#fff;border:1px solid #efe9dd;border-radius:4px;overflow:hidden;
    -webkit-box-shadow:0 2px 10px rgba(27,30,33,.04);box-shadow:0 2px 10px rgba(27,30,33,.04);}

  /* v4-B5 侧栏「品牌服务」导航（205 页） */
  .ny-brand-c{background:none;padding-top:6px;padding-bottom:8px;}
  .ny-brand-c ul li{height:auto;}
  .ny-brand-c ul li a{height:36px;line-height:36px;font-size:14px;color:#4a4a4a;
    padding-left:18px;border-bottom:1px dashed #f2ede3;}
  .ny-brand-c ul li:last-child a{border-bottom:0;}
  .ny-brand-c ul li a.cur,.ny-brand-c ul li a:hover{
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpath d='M1 1l4 4-4 4' fill='none' stroke='%239a8352' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 268px 12px no-repeat #faf8f4;
    color:#9a8352;text-decoration:none;}

  /* v4-B6 侧栏文章列表（205 页）：金色圆点 + 细分隔线 */
  .sidelist{margin:14px 16px 16px;}
  .sidelist ul li{height:auto;line-height:1.6;background:none;text-indent:0;position:relative;
    padding:8px 0 8px 14px;border-bottom:1px dashed #f2ede3;}
  .sidelist ul li:last-child{border-bottom:0;}
  .sidelist ul li:before{content:"";position:absolute;left:0;top:16px;width:5px;height:5px;
    border-radius:50%;background:#cbb88c;}
  .sidelist ul li a{color:#4a4a4a;font-size:14px;line-height:1.6;}
  .sidelist ul li a:hover{color:#9a8352;}

  /* v4-B7 侧栏「在线咨询」表单（205 页）：金边聚焦环（原来是蓝色 #1691df 提交键，v3-3 已改金） */
  .online-consultation{padding:16px 20px 20px;}
  .online-consultation p input,.online-consultation p textarea{
    border:1px solid #e9e4d8;border-radius:3px;background:#fcfbf9;color:#4a4a4a;
    -webkit-transition:border-color .2s ease,box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease;}
  .online-consultation p input:focus,.online-consultation p textarea:focus{
    border-color:#cbb88c;background:#fff;outline:none;
    -webkit-box-shadow:0 0 0 3px rgba(203,184,140,.18);box-shadow:0 0 0 3px rgba(203,184,140,.18);}

  /* v4-B8 栏目列表页（88 页）：32px 扁平行 → 卡片行，日期做金色胶囊标签
     结构已实测：每个 li 恰好是 <a>标题</a><span>日期</span>，86 个条目 0 例外 */
  .infoin{padding:16px 0 0;}
  .infolist{padding-top:18px;}
  .infolist li{display:-webkit-box;display:-webkit-flex;display:flex;
    -webkit-box-align:center;-webkit-align-items:center;align-items:center;
    height:auto;line-height:1.65;background:none;overflow:visible;position:relative;
    border:1px solid #efe9dd;border-radius:4px;padding:12px 16px 12px 34px;margin-bottom:10px;
    -webkit-transition:border-color .22s ease,box-shadow .22s ease;transition:border-color .22s ease,box-shadow .22s ease;}
  .infolist li:before{content:"";position:absolute;left:16px;top:50%;margin-top:-3px;width:6px;height:6px;
    border-radius:50%;background:#cbb88c;}
  .infolist li:hover{border-color:#cbb88c;
    -webkit-box-shadow:0 6px 18px rgba(27,30,33,.06);box-shadow:0 6px 18px rgba(27,30,33,.06);}
  .infolist li a{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;min-width:0;
    display:block;width:auto;float:none;font-size:15px;line-height:1.65;color:#3a3a3a;}
  .infolist li span{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;float:none;
    margin-left:16px;padding:3px 10px;border:1px solid #efe9dd;border-radius:20px;
    background:#faf8f4;font:400 12px/1.4 Arial,Helvetica,sans-serif;color:#9a8352;white-space:nowrap;}

  /* v4-B9 分页（88 页）：扁平灰块 → 圆角胶囊 */
  .page{height:auto;padding:28px 0 18px;}
  .page a,.page span{display:inline-block;height:auto;line-height:1.4;padding:6px 11px;margin:0 3px 6px;
    background:#fff;border:1px solid #e9e4d8;border-radius:3px;color:#525252;font-size:13px;}
  .page a:hover,.page span.hover{background:#cbb88c;border-color:#cbb88c;color:#1b1e21;}

  /* v4-B10 文章页排版（96 页）：标题左对齐 + 16px/1.95 正文 + 上一篇/下一篇卡片化 */
  .article-title{font:600 26px/1.5 "Microsoft YaHei","PingFang SC",sans-serif;color:#1b1e21;
    text-align:left;padding:2px 0 16px;border-bottom:1px solid #efe9dd;}
  .author{text-align:left;color:#9b9b9b;font-size:13px;line-height:1.8;
    padding:14px 0 0;border-bottom:0;}
  .article-txt{font-size:16px;line-height:1.95;color:#3a3a3a;padding:22px 0 0;}
  .article-txt p{margin-bottom:16px;}
  .article-txt img{display:block;max-width:100%;height:auto;margin:12px auto;}
  .article-txt h2{font:600 20px/1.6 "Microsoft YaHei","PingFang SC",sans-serif;color:#1b1e21;
    margin:26px 0 12px;padding-left:12px;border-left:3px solid #cbb88c;}
  .article-txt h3{font:600 17px/1.6 "Microsoft YaHei","PingFang SC",sans-serif;color:#1b1e21;
    margin:20px 0 10px;}
  .article-txt a{color:#9a8352;}
  .article-txt a:hover{color:#7d6a40;text-decoration:underline;}
  .article-next{font:14px/1.9 "Microsoft YaHei","PingFang SC",sans-serif;color:#9b9b9b;
    border:1px solid #efe9dd;border-radius:4px;background:#faf8f4;padding:16px 18px;margin-top:26px;}
  .article-next p{margin:0 0 6px;}
  .article-next p:last-child{margin:0;}
  .article-next a{color:#6d6d6d;}
  .article-next a:hover{color:#9a8352;}

  /* v4-B11 联系页信息卡（单页 /lxfs/ 等） */
  .contact{padding:22px 24px;background:#faf8f4;border:1px solid #efe9dd;border-radius:4px;}
  .contact dt{font-size:20px;font-weight:600;color:#1b1e21;margin-bottom:14px;
    padding-bottom:12px;border-bottom:1px solid #efe9dd;}
  .contact dd{line-height:2.05;color:#4a4a4a;font-size:15px;}
  .contact dd span{color:#9a8352;font-weight:600;}
}

/* --- v4-C 移动端（≤768px）微调
   本块**必须写在 §3 移动适配之后**（§3 在文件开头），否则会被 §3 反向压制。
   这里把 v4-B 的卡片语言在单栏下重述一遍：侧栏已隐藏，重点是横幅文案、列表行、正文排版。 */
@media (max-width:768px){

  .inner-banner{height:130px;}
  .inner-banner span{height:130px;padding:0 8px;}
  .inner-banner span:before{top:36px;font-size:9px;letter-spacing:.12em;line-height:1;}
  .inner-banner span:after{top:54px;font-size:15px;line-height:1.35;}

  h1.page-h1{padding:14px 8px 10px;font:600 18px/1.5 "Microsoft YaHei","PingFang SC",sans-serif;
    color:#1b1e21;border-bottom:1px solid #efe9dd;}
  h1.page-h1:before{content:"";display:inline-block;width:3px;height:16px;margin-right:8px;
    vertical-align:-2px;background:#cbb88c;border-radius:2px;}

  .location{height:auto;padding:9px 12px;border-radius:0;background:#faf8f4;
    border-bottom:1px solid #efe9dd;font-size:12px;line-height:1.6;}
  .location span.abs{display:inline-block;vertical-align:middle;position:relative;float:none;
    height:auto;top:auto;padding-left:20px;background:none;overflow:visible;}
  .location span.abs:before{content:"";position:absolute;left:0;top:50%;margin-top:-6px;width:12px;height:12px;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.6 7-11a7 7 0 1 0-14 0c0 5.4 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E") 0 0 no-repeat;
    background-size:12px 12px;}
  .location span.fr{display:inline-block;vertical-align:middle;float:none;width:auto;margin:0;}
  .location a{margin:0 3px;color:#6d6d6d;}

  .infoin{padding:10px 0 0;}
  .infolist{padding-top:14px;}
  .infolist li{display:-webkit-box;display:-webkit-flex;display:flex;
    -webkit-box-align:center;-webkit-align-items:center;align-items:center;
    height:auto;line-height:1.6;background:none;overflow:visible;position:relative;
    border:1px solid #efe9dd;border-radius:4px;padding:10px 12px 10px 28px;margin-bottom:8px;}
  .infolist li:before{content:"";position:absolute;left:12px;top:50%;margin-top:-3px;width:5px;height:5px;
    border-radius:50%;background:#cbb88c;}
  .infolist li a{-webkit-box-flex:1;-webkit-flex:1 1 auto;flex:1 1 auto;min-width:0;
    display:block;width:auto;float:none;font-size:15px;line-height:1.6;color:#3a3a3a;}
  .infolist li span{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;float:none;
    margin-left:10px;padding:2px 8px;border:1px solid #efe9dd;border-radius:20px;
    background:#faf8f4;font:400 11px/1.4 Arial,Helvetica,sans-serif;color:#9a8352;white-space:nowrap;}

  .page{height:auto;line-height:1.6;padding:20px 0 14px;}
  .page a,.page span{display:inline-block;height:auto;line-height:1.4;padding:5px 9px;margin:0 3px 6px;
    background:#fff;border:1px solid #e9e4d8;border-radius:3px;color:#525252;font-size:12px;}

  .article-title{font:600 20px/1.5 "Microsoft YaHei","PingFang SC",sans-serif;color:#1b1e21;
    text-align:left;padding:0 0 12px;border-bottom:1px solid #efe9dd;}
  .author{text-align:left;font-size:12px;line-height:1.8;padding:12px 0 0;border-bottom:0;}
  .article-txt{font-size:15.5px;line-height:1.9;color:#3a3a3a;padding:14px 0 0;}
  .article-txt p{margin-bottom:14px;}
  .article-txt img{display:block;max-width:100%;height:auto;margin:10px auto;}
  .article-txt h2{font:600 18px/1.6 "Microsoft YaHei","PingFang SC",sans-serif;
    margin:20px 0 10px;padding-left:10px;border-left:3px solid #cbb88c;}
  .article-txt h3{font:600 16px/1.6 "Microsoft YaHei","PingFang SC",sans-serif;margin:16px 0 8px;}
  .article-next{font-size:13px;line-height:1.85;border:1px solid #efe9dd;border-radius:4px;
    background:#faf8f4;padding:14px;margin-top:20px;}
  .article-next p{margin:0 0 6px;}
  .article-next p:last-child{margin:0;}

  .contact{padding:18px 16px;background:#faf8f4;border:1px solid #efe9dd;border-radius:4px;}
  .contact dt{font-size:18px;font-weight:600;color:#1b1e21;margin-bottom:12px;
    padding-bottom:10px;border-bottom:1px solid #efe9dd;}
  .contact dd{line-height:2;color:#4a4a4a;font-size:14px;}
  .contact dd span{color:#9a8352;font-weight:600;}
}

/* ============================================================
   v4 备注（已知的站内既有问题，非本次改造引入，仅记录备查）：
   88 个含 <ul class="infolist"> 的页面里，有 70 个列表体是空的
   （如 /bzdjz/2.html、/dj/2.html ... 均为 <ul class="infolist"></ul>，
     但分页条仍指向它们）。这是原 CMS 生成时就存在的问题，
   与本次版式升级无关；v4 只改样式，不补内容。
   ============================================================ */

/* --- v4-E 内页 CTA 的差异化处理（v4-D 是自动生成段，本段是内页专属覆盖，不参与 autogen） ---
   ① 背景图：首页 CTA 用 banner-b.jpg —— 实测 **395KB** 实拍图（20% 透明度铺底）。
      内页有 204 个，每页都拉一张 395KB 图不可接受（主流量 = 微信移动端）。
      这里换成与 v4 内页横幅**同一套**「深炭黑 + 金色斜纹 + 金色辉光」，零字节、观感连贯。
   ② 先写一条 background-image:none 兜底：老浏览器不支持多层背景时会整条忽略，
      有兜底才不会回落到 v4-D 的 banner-b.jpg（否则"省流量"会静默失效）。 --- */
.v4-inner-cta .v3-cta-bg{background-image:none;background-color:#121518;opacity:1;}
.v4-inner-cta .v3-cta-bg{
  background-image:
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg fill='none' stroke='%23cbb88c' stroke-width='1' opacity='.07'%3E%3Cpath d='M-5 5L5 -5M0 26L26 0M21 31L31 21'/%3E%3C/g%3E%3C/svg%3E"),
    -webkit-radial-gradient(72% 28%,ellipse,rgba(203,184,140,.26) 0%,rgba(203,184,140,0) 64%),
    -webkit-linear-gradient(180deg,#1b1e21 0%,#121518 100%);
  background-image:
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg fill='none' stroke='%23cbb88c' stroke-width='1' opacity='.07'%3E%3Cpath d='M-5 5L5 -5M0 26L26 0M21 31L31 21'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(ellipse at 72% 28%,rgba(203,184,140,.26) 0%,rgba(203,184,140,0) 64%),
    linear-gradient(180deg,#1b1e21 0%,#121518 100%);
  background-repeat:repeat,no-repeat,no-repeat;
  background-position:0 0,0 0,0 0;
  background-size:auto,auto,auto;
  opacity:1;
}

/* --- v4-F 侧栏「品牌服务」卡片网格化（205 页 · 仅桌面，移动端 .sideleft 整体隐藏） ---
   原样：290px 宽的单列文字导航，10 行 × 40px。
   现在：2 列迷你卡片（图标在上、文字在下），与首页服务卡同语言。
   图标一律按 **href 锚定**（`a[href*="/xxx/"]`），不用 :nth-child ——
   实测 205 个页面的品牌服务列表存在 **19 种不同顺序/子集**，位置索引会张冠李戴。 --- */
@media (min-width:769px){
  .ny-brand-c ul{display:-webkit-box;display:-webkit-flex;display:flex;
    -webkit-flex-wrap:wrap;flex-wrap:wrap;padding:2px 8px 10px;}
  .ny-brand-c ul li{width:50%;height:auto;
    -webkit-box-sizing:border-box;box-sizing:border-box;}
  .ny-brand-c ul li a{
    display:block;height:auto;margin:0 4px 8px;padding:12px 6px 10px;
    border:1px solid #efe9dd;border-radius:4px;background:#fff;
    font:400 12.5px/1.35 "Microsoft YaHei","PingFang SC",sans-serif;
    color:#4a4a4a;text-align:center;text-decoration:none;
    -webkit-transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
    transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;}
  .ny-brand-c ul li a:before{
    content:"";display:block;width:20px;height:20px;margin:0 auto 7px;
    background-repeat:no-repeat;background-position:0 0;background-size:20px 20px;opacity:.8;}
  /* 选中/悬停：金色卡片态（顺带清掉 v3-13 / v4-B5 留下的 268px 处箭头底图） */
  .ny-brand-c ul li a.cur,.ny-brand-c ul li a:hover{
    background:#faf8f4;border-color:#cbb88c;color:#9a8352;text-decoration:none;
    -webkit-box-shadow:0 4px 12px rgba(27,30,33,.07);box-shadow:0 4px 12px rgba(27,30,33,.07);}
  .ny-brand-c ul li a.cur:before,.ny-brand-c ul li a:hover:before{opacity:1;}
  .ny-brand-c ul li a[href*="/zscqflgw/"]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E<path d='M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5l8-3z'/><path d='M9 12l2 2 4-4'/>%3C/svg%3E");}
  .ny-brand-c ul li a[href*="/dj/"]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E<circle cx='11' cy='11' r='7'/><path d='M16.5 16.5L21 21'/>%3C/svg%3E");}
  .ny-brand-c ul li a[href*="/sb/"]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E<path d='M3 12l9-9h9v9l-9 9-9-9z'/><circle cx='16.5' cy='7.5' r='1.5'/>%3C/svg%3E");}
  .ny-brand-c ul li a[href*="/zl/"]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E<path d='M9 18h6'/><path d='M10 21h4'/><path d='M12 3a6 6 0 0 0-3.5 10.9V16h7v-2.1A6 6 0 0 0 12 3z'/>%3C/svg%3E");}
  .ny-brand-c ul li a[href*="/zzq/"]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E<path d='M6 2h8l4 4v16H6z'/><path d='M14 2v4h4'/><path d='M9 12h6'/><path d='M9 16h6'/>%3C/svg%3E");}
  .ny-brand-c ul li a[href*="/symm/"]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E<rect x='5' y='11' width='14' height='10' rx='2'/><path d='M8 11V7a4 4 0 0 1 8 0v4'/>%3C/svg%3E");}
  .ny-brand-c ul li a[href*="/jsjwl/"]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E<rect x='2' y='4' width='20' height='13' rx='2'/><path d='M8 21h8'/><path d='M12 17v4'/>%3C/svg%3E");}
  .ny-brand-c ul li a[href*="/bzdjz/"]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E<path d='M12 3v18'/><path d='M5 7h14'/><path d='M5 7l-3 6h6z'/><path d='M19 7l-3 6h6z'/>%3C/svg%3E");}
  .ny-brand-c ul li a[href*="/qtzscq/"]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E<path d='M12 3l9 5-9 5-9-5 9-5z'/><path d='M3 13l9 5 9-5'/>%3C/svg%3E");}
  .ny-brand-c ul li a[href*="/tzym/"]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a8352' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E<circle cx='12' cy='12' r='9'/><path d='M3 12h18'/><path d='M12 3c3.5 3 3.5 15 0 18c-3.5-3-3.5-15 0-18z'/>%3C/svg%3E");}
}

/* ============================================================
   ===== 焕新 v4 · 内页注入组件样式（v4-D）=====
   ============================================================
   内页要注入两个首页同款组件（顶部信息条 .v3-topbar / 免费评估 CTA .v3-cta），
   它们的样式定义在 home-v3.css 里。本段是「自动生成」的：由
       python inner_components.py --write
   从 home-v3.css 按原文抽取用得到的规则搬到这里，避免内页多加载一次 18KB 样式表。
   validate_stage.py 每次都会重新抽取并与本段逐字比对 —— 改了 home-v3.css
   而忘记重新生成，校验会直接失败（防漂移）。
   ============================================================ */

/* @@AUTOGEN v4d:start @@ */
/* 本段由 inner_components.py 从 home-v3.css 自动抽取，请勿手改。
   抽取范围：内页注入组件「顶部信息条 .v3-topbar」与「免费评估 CTA .v3-cta」，
   以及它们依赖的公共件（.v3-wrap / .v3-sub / .v3-input / .v3-submit / .v3-dot …）。
   为什么搬过来而不是让内页也引用 home-v3.css：内页有 205 个，
   多一次 18KB render-blocking 请求不划算（主流量 = 微信移动端）。
   为什么不会漂移：validate_stage.py 每次都会重新抽取本段并与落盘内容逐字比对。
   重新生成：python inner_components.py --write */

.v3-wrap{width:1000px;max-width:100%;margin:0 auto;padding:0 12px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.v3-grid:after,.v3-cols:after,.v3-brand-list:after,.v3-lawyer-box:after,.v3-cta-in:after,.v3-band-in:after,.v3-hero-in:after,.v3-head-row:after{content:none;display:none;}
.v3-topbar,.v3-hero,.v3-section,.v3-band,.v3-cta,.v3-seo{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;}
.v3-section a,.v3-hero a,.v3-band a,.v3-cta a,.v3-topbar a,.v3-brand-list a{text-decoration:none;}
.v3-topbar{background:#121518;border-bottom:1px solid #262b30;}
.v3-topbar-in{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:38px;}
.v3-topbar-l{font-size:13px;color:#cbb88c;letter-spacing:.02em;}
.v3-topbar-r{font-size:13px;color:#9aa1a8;}
.v3-topbar-r a{color:#e8e4da;}
.v3-topbar-r a:hover{color:#cbb88c;}
.v3-topbar-addr{color:#9aa1a8;}
.v3-dot{display:inline-block;width:1px;height:11px;background:#3a4148;margin:0 10px;vertical-align:-1px;}
.v3-sub{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.2em;color:#9a8352;text-transform:uppercase;}
.v3-sub-light{color:#cbb88c;}
.v3-head h2,.v3-band-txt h2,.v3-cta-txt h2{margin:0;font:600 30px/1.3 "Microsoft YaHei","PingFang SC",sans-serif;color:#1b1e21;}
.v3-cta{position:relative;overflow:hidden;background:#121518;padding:62px 0;}
.v3-cta-bg{position:absolute;left:0;top:0;right:0;bottom:0;background:url("http://www.wsl580.com/skins/images/wycms/banner-b.jpg") no-repeat center center;background-size:cover;opacity:.20;}
.v3-cta-in{position:relative;z-index:2;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;}
.v3-cta-txt{-webkit-flex:1;flex:1;min-width:300px;padding-right:40px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.v3-cta-txt h2{color:#fff;font-size:28px;}
.v3-cta-txt > p{margin:14px 0 0;font-size:15px;line-height:1.95;color:#b9bfc5;max-width:520px;}
.v3-cta-contacts{margin:24px 0 0;padding:0;}
.v3-cta-contacts li{margin-bottom:12px;font-size:14px;color:#8f979e;}
.v3-cta-contacts li span{display:inline-block;width:88px;color:#8f979e;}
.v3-cta-contacts li a,.v3-cta-contacts li em{font-style:normal;font-size:19px;font-weight:600;color:#cbb88c;letter-spacing:.02em;}
.v3-cta-contacts li em{font-size:15px;font-weight:400;color:#d5d8db;}
.v3-cta-contacts li a:hover{color:#e0d3b0;}
.v3-cta-form{-webkit-flex:0 0 360px;flex:0 0 360px;max-width:360px;background:#fff;border-radius:4px;padding:24px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.v3-form-h{margin:0 0 16px;font:600 18px/1.4 "Microsoft YaHei",sans-serif;color:#1b1e21;padding-bottom:12px;border-bottom:1px solid #efe9dd;}
.v3-cta-form p{margin:0 0 12px;}
.v3-input{display:block;width:100%;padding:11px 12px;border:1px solid #ddd8cc;border-radius:3px;font:14px/1.5 "Microsoft YaHei",sans-serif;color:#333;background:#fcfcfa;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;appearance:none;}
.v3-input:focus{border-color:#cbb88c;outline:none;background:#fff;}
.v3-textarea{height:96px;resize:vertical;}
.v3-submit{display:block;width:100%;padding:14px 0;border:0;border-radius:3px;cursor:pointer;background:#cbb88c;color:#1b1e21;font:600 16px/1 "Microsoft YaHei",sans-serif;letter-spacing:.04em;-webkit-appearance:none;appearance:none;}
.v3-submit:hover{background:#b5a072;}
.v3-form-note{margin:10px 0 0;font-size:12px;line-height:1.7;color:#9b9b9b;}
.v3-cta-qr{margin-top:18px;padding-top:16px;border-top:1px dashed #e9e4d8;text-align:center;}
.v3-cta-qr img{display:block;width:120px;height:120px;margin:0 auto 8px;border:1px solid #eee;padding:4px;background:#fff;-webkit-box-sizing:content-box;box-sizing:content-box;}
.v3-cta-qr span{font-size:12px;color:#9b9b9b;}

@media (max-width:768px){
  .v3-wrap{width:auto;padding:0 14px;}
  .v3-topbar-in{height:auto;padding:8px 0;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;}
  .v3-topbar-l{display:none;}
  .v3-topbar-r{font-size:13px;}
  .v3-topbar-addr{display:none;}
  .v3-dot{display:none;}
  .v3-topbar-r a{margin:0 6px;}
  .v3-section,.v3-band,.v3-cta{padding:36px 0;}
  .v3-head h2,.v3-band-txt h2,.v3-cta-txt h2{font-size:22px;}
  .v3-cta-txt{padding-right:0;-webkit-flex:0 0 100%;flex:0 0 100%;min-width:0;}
  .v3-cta-txt > p{font-size:13.5px;}
  .v3-cta-contacts li span{width:74px;font-size:13px;}
  .v3-cta-contacts li a{font-size:17px;}
  .v3-cta-contacts li em{font-size:14px;}
  .v3-cta-form{-webkit-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-top:22px;padding:18px;}
}

@media (max-width:768px){
  .v3-hero,.v3-section,.v3-band,.v3-cta,.v3-topbar,.v3-links{min-width:0;max-width:100%;}
  .v3-wrap img{max-width:100%;height:auto;}
}

/* @@AUTOGEN v4d:end @@ */

/* ============================================================
   --- v4-G 微交互与动效（M9-A 收窄版 · 2026-09-18）---
   ============================================================
   【为什么做】实测全站 46 条 :hover / :focus 规则里只有 3 条带 transition
   （v4-B7 表单聚焦、v4-B8 栏目行、v4-F 服务卡），其余约 43 条是「瞬时跳变」——
   鼠标移上去颜色直接闪一下。本段只给它们补上补间，**不改任何观感**。
   【为什么砍掉「下划线滑入」】那需要给每个链接加伪元素 + 宽度动画，属新增视觉元素，
   会改变现有排版观感，收益低、验收成本高。
   【为什么不做「整页入场动效」】
   ① 纯 CSS stagger 用 animation-fill-mode:both + delay 同样会门控可见性
      （延迟期间元素停在 opacity:0）；本站首屏有 6 个 http 外链、无 defer/async 的
      JS 串行加载，主线程阻塞时动画会卡在空白 —— 与 §11.1「18 张卡片永久不可见」同类机制。
   ② prefers-reduced-motion 在微信内置浏览器普遍不触发 → 安全阀在主流量口径上形同虚设。
   ③ 205 个内页的首屏区块不统一（.ny-brand-c 实测 19 种顺序/子集），stagger 排序必然错乱。
   【三条硬纪律】
   ① 禁 transition:all —— 会把 height/width/padding 也纳入动画，微信 WebView 掉帧，
      且与 .sideleft 在移动端的 display 切换打架。只列白名单属性。
   ② 禁 will-change —— 200+ 列表项建合成层，低端安卓反而更卡、甚至闪黑。
   ③ 位移取整数、用 transform 不用 top/left —— 后者触发 layout 重排，比 transform 慢。
   本段置于文件最末：源码最靠后，同优先级下必胜前面所有段落（含 autogen v4-D 段）。
   ============================================================ */

/* --- v4-G0 动效参数集中为 CSS 变量（任务书约束 4）
   注：不支持 var() 的老浏览器会让整条声明失效 → 优雅降级为「无补间」= 改动前的行为。 --- */
:root{
  --v4-ease:cubic-bezier(.4,0,.2,1);
  --v4-dur:.2s;
  --v4-dur-slow:.28s;
  --v4-lift:-2px;
}

/* --- v4-G1 链接类：只补 color / background-color / border-color
   （覆盖 v3-3 链接与按钮、v3-5 卡片与列表、v3-16 零星悬停态，以及 v4-B6/B9/B10、v4-D 顶条与 CTA 的悬停） --- */
a,
.nav ul li a,
.topnav a,
.location a,
.page a,
.page span,
.copyright a,
.footer dl dd a,
.sidelist ul li a,
.article-next a,
.article-txt a,
.infolist li a,
.main-b-list-t p a,
.kfin p a,
.pup-box-btn a,
.reply-but a,
.su-lxfs-btns a,
.su-banner-cap .su-cap-b a,
.su-team-links a,
.v3-topbar-r a,
.v3-cta-contacts li a{
  -webkit-transition:color var(--v4-dur) var(--v4-ease),
    background-color var(--v4-dur) var(--v4-ease),
    border-color var(--v4-dur) var(--v4-ease);
  transition:color var(--v4-dur) var(--v4-ease),
    background-color var(--v4-dur) var(--v4-ease),
    border-color var(--v4-dur) var(--v4-ease);
}

/* --- v4-G2 按钮 / 提交件：背景与边框变化最显眼，给稍长的时长 --- */
.v3-submit,
.online-consultation .btn input,
.zixun div input.btn{
  -webkit-transition:background-color var(--v4-dur-slow) var(--v4-ease),
    border-color var(--v4-dur-slow) var(--v4-ease),
    color var(--v4-dur-slow) var(--v4-ease);
  transition:background-color var(--v4-dur-slow) var(--v4-ease),
    border-color var(--v4-dur-slow) var(--v4-ease),
    color var(--v4-dur-slow) var(--v4-ease);
}

/* --- v4-G3 卡片类：border-color / box-shadow / background-color / transform（含上浮）
   本段晚于 v4-B8 与 v4-F，同优先级下补齐它们缺的 background-color 与 transform 两项。 --- */
.infolist li,
.ny-brand-c ul li a{
  -webkit-transition:border-color var(--v4-dur) var(--v4-ease),
    box-shadow var(--v4-dur) var(--v4-ease),
    background-color var(--v4-dur) var(--v4-ease),
    -webkit-transform var(--v4-dur) var(--v4-ease);
  transition:border-color var(--v4-dur) var(--v4-ease),
    box-shadow var(--v4-dur) var(--v4-ease),
    background-color var(--v4-dur) var(--v4-ease),
    transform var(--v4-dur) var(--v4-ease);
}

/* --- v4-G4 图标淡入：v4-F 的 :before opacity 0.8→1、v3-12 的 .topnav a.ico:hover img --- */
.ny-brand-c ul li a:before,
.topnav a.ico img{
  -webkit-transition:opacity var(--v4-dur) var(--v4-ease);
  transition:opacity var(--v4-dur) var(--v4-ease);
}

/* --- v4-G5 表单件：沿用 v4-B7 已有补间，这里补上 background-color 一项并覆盖注入组件的 .v3-input --- */
.online-consultation p input,
.online-consultation p textarea,
.v3-input{
  -webkit-transition:border-color var(--v4-dur) var(--v4-ease),
    box-shadow var(--v4-dur) var(--v4-ease),
    background-color var(--v4-dur) var(--v4-ease);
  transition:border-color var(--v4-dur) var(--v4-ease),
    box-shadow var(--v4-dur) var(--v4-ease),
    background-color var(--v4-dur) var(--v4-ease);
}

/* --- v4-G6 卡片上浮（仅桌面；触屏无 hover，装在媒体块内保证移动端零影响）
   位移量 -2px 取整数：非整数位移在非整数缩放下会让文字发虚。
   先写字面量再写变量版（渐进增强）：不支持 var() 时仍保底有上浮。 --- */
@media (min-width:769px){
  .ny-brand-c ul li a:hover{
    -webkit-transform:translateY(-2px);transform:translateY(-2px);
    -webkit-transform:translateY(var(--v4-lift));transform:translateY(var(--v4-lift));}
  .infolist li:hover{
    -webkit-transform:translateY(-2px);transform:translateY(-2px);
    -webkit-transform:translateY(var(--v4-lift));transform:translateY(var(--v4-lift));}
}

/* --- v4-G7 无障碍基线：尊重「减弱动态效果」（任务书约束 3）
   全站三个样式表此前从未处理过这条 —— 属独立缺口，与 M9 是否采纳无关。
   注：微信内置浏览器普遍不跟随系统该开关 → 这条是桌面端兜底，不能当作动效风险的安全阀。
   注：必须同时写进 theme-b.css（B 版把 theme-b.css 追加在末尾，只写一处会被绕开）。
   用 transition-duration:0.01ms 而非 transition:none —— 保留 transitionend 事件，
   避免将来若有 JS 依赖它时静默失效。 --- */
@media (prefers-reduced-motion: reduce){
  *,*:before,*:after{
    -webkit-transition-duration:.01ms!important;transition-duration:.01ms!important;
    -webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;
    -webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;}
  .ny-brand-c ul li a:hover,.infolist li:hover{
    -webkit-transform:none!important;transform:none!important;}
}

/* --- v4-H 列表行悬停阴影不再被裁（2026-09-18 客户确认「动」）
   问题：原站 style.css 的 `.infolist{padding-top:25px;overflow:hidden}` 没有横向内边距，
   而 v3-5 给 `.infolist li:hover` 加了 14px 模糊的 box-shadow → 两翼被容器切成硬边。
   排查（review_output/m10-ancestor-clip.py 实测）：祖先链上 `.infolist`、`.info.fr`、
   `.main.w1000` 三层都是 overflow:hidden，且 `.info.fr` 右边缘正好压在 `.main.w1000`
   的右边界上 —— 所以「内边距 + 负外边距」这类保行宽的做法在这里无效：
   负外边距换来的空间会被上层 .info.fr / .main 再裁掉（已实测，方案 B 判定无效）。
   唯一真正生效的修法：给 `.infolist` 加横向内边距，把 14px 余量让进容器内部。
   代价：列表行宽 680 → 652px（影响 88 个栏目列表页）。客户已确认接受。
   实测：行左/右 534/1186，阴影外扩至 520/1200，正好等于容器 padding box 边界，不再被裁。
   注意：此处只写 padding-left/right 两个 longhand —— 移动端媒体块设的是 padding-top，
   互不冲突（勿改成 padding 简写，否则会把 padding-top:25px 一并重置）。 --- */
.infolist{padding-left:14px;padding-right:14px;}

/* === 焕新 v5 · FAQ 页「可引用化」样式（2026-09-18 · GEO 专项）=========================
   设计取舍（为什么长这样）：
   1) 配色只用站内既有令牌：金色 #cbb88c（v3 主色）、深炭黑 #121518、正文 #333。
      本段**不引入任何新色值**，保证 validate 的「v3 段零橙色」类断言不会因此误报。
   2) 每条问答做成一张「可摘录卡片」：AI 引擎引用内容的最小单元 = 一个标题 + 3-5 行答案。
      卡片自带左侧金线，视觉上把每条切分成独立区块 —— 引擎抽取与用户阅读同时受益。
   3) 锚点 § 用 <a href="#qN">：可点击、可复制、可被引擎当固定链接；不用空 <a name>。
   4) scroll-margin-top：站头 + 顶条为 sticky/固定，不设这条时点击 #qN 会滚到标题被遮住的位置。
   5) 目录（.v5-toc）是给引擎的「这一页有哪 8 件事」清单，同时改善长页可达性。
   6) 与 §13.2 的媒体分层纪律一致：通用段不写几何量，几何量分别落在桌面/移动媒体块里。 */

/* --- v5-A 通用（无媒体查询：只写布局与颜色，不写与既有移动块冲突的属性） --- */
.v5-qa{border-left:3px solid #cbb88c;padding:0 0 0 16px;margin:26px 0;scroll-margin-top:120px;}
.v5-qa .v5-q{font-size:18px;line-height:1.6;color:#121518;margin:0 0 10px;}
.v5-qa .v5-q .v5-anchor{color:#cbb88c;text-decoration:none;font-weight:normal;margin-right:8px;font-size:15px;}
.v5-qa .v5-q .v5-anchor:hover{color:#a8935f;text-decoration:none;}
.v5-qa p{margin:0 0 8px;color:#333;line-height:1.95;}
.v5-qa .v5-cite{color:#6b5a2e;background:#fbf8f0;border:1px solid #efe6d2;border-radius:4px;
  padding:9px 12px;font-size:13px;line-height:1.8;margin:10px 0 6px;}
.v5-qa .v5-meta{color:#9a9a9a;font-size:12px;margin:0;}
.v5-toc-h{font-size:16px;color:#121518;border-left:3px solid #cbb88c;padding-left:10px;margin:26px 0 12px;}
.v5-toc{list-style:none;margin:0 0 6px;padding:0;background:#faf8f4;border:1px solid #efe9dd;border-radius:6px;padding:14px 18px;}
.v5-toc li{line-height:2;font-size:14px;border-bottom:1px dashed #e8e2d6;}
.v5-toc li:last-child{border-bottom:0;}
.v5-toc li a{color:#2b4a6f;text-decoration:none;}
.v5-toc li a:hover{color:#cbb88c;}
.v5-disclaim{margin-top:26px;padding:12px 14px;border-top:1px dashed #ddd;color:#999;font-size:12px;line-height:1.9;}
.v5-anchor-demo{color:#cbb88c;font-weight:bold;}

@media (min-width:769px){
  .v5-qa .v5-q{font-size:19px;}
}
@media (max-width:768px){
  .v5-qa{padding-left:12px;margin:20px 0;scroll-margin-top:96px;}
  .v5-qa .v5-q{font-size:16.5px;}
  .v5-qa p{line-height:1.9;}
  .v5-qa .v5-cite{font-size:12.5px;padding:8px 10px;}
  .v5-toc{padding:12px 14px;}
  .v5-toc li{font-size:13.5px;}
}

/* ============================================================
   ===== 焕新 v6-A · 详情页四段式（2026-09-19 · GEO 专项）=====
   目标：让文章页可被 AI 引擎按「一个 H3 + 3-5 行答案」切片引用。
     ① .v6-tldr     TL;DR 摘要块（正文首部）
     ② .v6-sec      H3 结构性分节（（一）（二）…）
     ③ .v6-related  文末「相关问答」3 条内链

   ⚠️ 选择器特异性（本轮实测踩坑，别再写单类选择器）：
     原站已有「.article-txt p{font-size:14px}」（0,1,1）与「.article-txt h3{font-size:15px}」（0,1,1），
     还有 v4 段的「.article-txt h2{font:600 20px/1.6 …}」（0,1,1）。
     本段第一版写的是「.v6-tldr-p」/「.v6-sec」（0,1,0）—— **特异性低于 0,1,1，
     字号被原站规则盖掉，页面照常渲染、validate 字符串断言全绿，只有读 computed 才发现**。
     故凡是要接管 .article-txt 后代的属性，一律写成双类「.article-txt .v6-xxx」（0,2,0）。

   ⚠️ 三层结构纪律（手册 §13.2）：本文件 §1 基础 + §3 移动适配在前，追加段在后。
     在末尾追加不带媒体查询的规则会以「同优先级 + 源码靠后」盖掉前面的移动块，
     故按「通用 / 桌面(min-769) / 移动(max-768)」三段写，几何量不进通用段。
   ============================================================ */

/* --- v6-A 通用（无媒体查询：只写布局与颜色，字号行高交给下面两个媒体块） --- */
.article-txt .v6-tldr{border-left:3px solid #cbb88c;background:#fbf8f0;border-radius:0 4px 4px 0;padding:14px 16px;margin:0 0 18px;}
.article-txt .v6-tldr-h{color:#121518;font-weight:600;margin:0 0 8px;}
.article-txt .v6-tldr-p{margin:0;color:#333;line-height:1.95;}
.article-txt .v6-sec{color:#121518;font-weight:600;margin:24px 0 10px;padding-left:10px;border-left:3px solid #cbb88c;}
div.v6-related{margin:26px 0 0;padding:16px 18px;border:1px solid #efe9dd;border-radius:6px;background:#faf8f4;}
.v6-related .v6-rel-h{color:#121518;font-weight:600;margin:0 0 10px;padding-left:10px;border-left:3px solid #cbb88c;}
.v6-related .v6-rel-list{list-style:none;margin:0;padding:0;}
.v6-related .v6-rel-list li{line-height:2;}
.v6-related .v6-rel-list li a{color:#2b4a6f;text-decoration:none;}
.v6-related .v6-rel-list li a:hover{color:#cbb88c;text-decoration:none;}

/* --- v6-B 桌面（≥769px）几何 --- */
@media (min-width:769px){
  .article-txt .v6-tldr-h{font-size:16px;}
  .article-txt .v6-tldr-p{font-size:14.5px;}
  .article-txt .v6-sec{font-size:17px;}
  .v6-related .v6-rel-h{font-size:16px;}
  .v6-related .v6-rel-list li{font-size:14px;}
}

/* --- v6-C 移动端（≤768px）微调 ---
   主流量是微信内置浏览器（390-430px）：摘要与相关问答是移动端最先看到的两块，
   行高一律放宽到 1.9 以上（中文长句在窄屏下 1.7 会显得挤）。 */
@media (max-width:768px){
  .article-txt .v6-tldr{padding:12px 13px;margin:0 0 14px;}
  .article-txt .v6-tldr-h{font-size:15px;}
  .article-txt .v6-tldr-p{font-size:13.5px;line-height:1.9;}
  .article-txt .v6-sec{font-size:15.5px;margin:20px 0 8px;}
  div.v6-related{padding:13px 14px;margin:20px 0 0;}
  .v6-related .v6-rel-h{font-size:15px;}
  .v6-related .v6-rel-list li{font-size:13.5px;line-height:1.95;}
}