/* heshilao app.css v20260923c  (extracted 14 blocks) */
/* ===== inline style block 0 (from index.html) ===== */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'system-ui',sans-serif;color:#666666;font-size:15px;line-height:1.85;letter-spacing:.01em}
a{text-decoration:none;color:inherit}
.page-view{display:none}
.page-view.active{display:block}

.top-bar{background:#f7f7f7;color:rgba(0,0,0,.65);font-size:12px;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.12)}
.top-bar-inner{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;justify-content:flex-end;align-items:center;gap:16px}
.top-bar a{color:rgba(0,0,0,.65);transition:color .2s}
.top-bar a:hover{color:#b31004}

.nav-main{background:#ffffff;box-shadow:0 1px 0 #f0f0f0;position:relative;z-index:999}
.nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;padding:14px 20px;gap:24px}
.logo-area{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}
.brand-full{height:160px;width:auto;display:block;border-radius:10px;transition:transform .25s ease}
.brand-full:hover{transform:scale(1.02)}
/* —— 品牌行右侧：自媒体二维码 —— */
.social-qr{display:flex;align-items:center;gap:18px;padding-left:26px;border-left:1px solid #ececec}
.social-qr-item{display:flex;flex-direction:column;align-items:center;gap:7px}
.social-qr-item img{width:68px;height:68px;border-radius:6px;background:#ffffff;border:1px solid #e5e5e5;padding:3px;transition:transform .22s ease,box-shadow .22s ease}
.social-qr-item:hover img{transform:scale(1.45);box-shadow:0 10px 26px rgba(0,0,0,.2);position:relative;z-index:5}
.social-qr-title{font-size:12px;color:#333333;font-weight:700;letter-spacing:1px;margin-bottom:2px}
.social-qr-label{font-size:11px;color:#666666;white-space:nowrap;letter-spacing:.5px}
.social-qr-wrap{display:flex;gap:16px}
/* —— 品牌行右侧：注册 / 登录 —— */
.nav-auth{margin-left:auto;display:flex;align-items:center;gap:12px;flex-shrink:0}
.btn-auth{font-family:inherit;font-size:16px;font-weight:700;letter-spacing:2px;padding:13px 32px;border-radius:6px;cursor:pointer;transition:all .2s;border:2px solid transparent;white-space:nowrap}
.btn-auth-primary{background:linear-gradient(135deg,#d11305,#b31004);color:#ffffff;box-shadow:0 5px 16px rgba(209,19,5,.32)}
.btn-auth-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(209,19,5,.42)}
.btn-auth-ghost{background:#ffffff;color:#d11305;border-color:#d11305}
.btn-auth-ghost:hover{background:#fdf0ee;transform:translateY(-2px)}
/* —— 第二行：栏目导航（滚动吸附） —— */
.nav-menu-bar{background:#ffffff;border-bottom:3px solid #b31004;box-shadow:0 3px 12px rgba(0,0,0,.07);position:sticky;top:0;z-index:1000}
.nav-menu-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;padding:0 20px;height:58px;gap:16px}
.nav-links{display:flex;align-items:center}
.nav-link{color:#333333;font-size:16px;font-weight:600;padding:0 19px;height:58px;display:flex;align-items:center;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;white-space:nowrap}
.nav-link:hover,.nav-link.active{color:#d11305;border-bottom-color:#d11305;background:#fdf0ee}
.nav-btns{display:flex;gap:8px;flex-shrink:0;margin-left:auto}
.nav-dropdown{position:relative}
.nav-dropdown > .nav-link{position:relative}
.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#ffffff;border:1px solid var(--w-c89b6d);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);min-width:240px;padding:6px 0;z-index:2000;margin-top:-3px}
.nav-dropdown-menu.open{display:block;animation:fadeInDown .2s ease}
.nav-dropdown-menu a{display:block;padding:10px 20px;color:#333333;font-size:13px;cursor:pointer;transition:all .15s;border-bottom:1px solid #e5e5e5}
.nav-dropdown-menu a:last-child{border-bottom:none}
.nav-dropdown-menu a:hover{background:#fdf0ee;color:#d11305;padding-left:24px}
@keyframes fadeInDown{from{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.mb-toggle{display:none;color:#333333;font-size:22px;cursor:pointer;padding:6px;background:none;border:none}

.btn-gov{background:linear-gradient(135deg,#d11305,#de3a2b);color:#ffffff;font-weight:600;padding:8px 20px;border-radius:8px;border:none;cursor:pointer;font-size:13px;transition:all .2s;font-family:inherit}
.btn-gov:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(209,19,5,.35)}
.btn-gold{background:linear-gradient(135deg,var(--w-c89b6d),var(--w-c89b6d));color:#333333;font-weight:700;padding:8px 20px;border-radius:8px;border:none;cursor:pointer;font-size:13px;transition:all .2s;font-family:inherit}
.btn-gold:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--wrgb-mid),.68)}
.btn-outline{background:transparent;color:#b31004;font-weight:600;padding:7px 18px;border-radius:8px;border:1.5px solid #b31004;cursor:pointer;font-size:13px;transition:all .2s;font-family:inherit}
.btn-outline:hover{background:#fdf0ee}
.btn-red{background:linear-gradient(135deg,#d11305,#de3a2b);color:#ffffff;font-weight:600;padding:8px 20px;border-radius:8px;border:none;cursor:pointer;font-size:13px;transition:all .2s;font-family:inherit}
.btn-red:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(209,19,5,.35)}
.btn-green{background:linear-gradient(135deg,#4e8a6d,#4e8a6d);color:#ffffff;font-weight:600;padding:8px 20px;border-radius:8px;border:none;cursor:pointer;font-size:13px;transition:all .2s;font-family:inherit}
.btn-green:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(78,138,109,.35)}

.section-title{font-family:'Noto Serif SC',serif;font-size:26px;font-weight:700;color:#333333;text-align:center;margin-bottom:6px}
.section-sub{font-size:13px;color:#b31004;text-align:center;margin-bottom:40px;letter-spacing:1px}
.tag{display:inline-block;background:#fdf0ee;color:#d11305;font-size:11px;padding:3px 10px;border-radius:6px;font-weight:600;border:1px solid rgba(209,19,5,.18)}
.tag-gold{background:#ffffff;color:var(--w-42301f);font-size:11px;padding:3px 10px;border-radius:6px;font-weight:600}
.tag-red{background:#fdf0ee;color:#666666;font-size:11px;padding:3px 10px;border-radius:6px;font-weight:600}
.tag-green{background:#eef7f1;color:#4e8a6d;font-size:11px;padding:3px 10px;border-radius:6px;font-weight:600}
.tag-blue{background:var(--w-f7efe2);color:var(--w-7f6247);font-size:11px;padding:3px 10px;border-radius:6px;font-weight:600}
.tag-ink{background:var(--w-f7efe2);color:var(--w-42301f);font-size:11px;padding:3px 10px;border-radius:6px;font-weight:600}
.card{background:#ffffff;border-radius:10px;padding:24px;box-shadow:0 1px 6px rgba(0,0,0,.08);border:1px solid #e5e5e5;transition:all .25s}
.card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.16);border-color:rgba(209,19,5,.3)}
.card-blue{border-left:4px solid #b31004}
.card-red{border-left:4px solid #d11305}
.card-gold{border-left:4px solid var(--w-c89b6d)}
.card-green{border-left:4px solid #4e8a6d}
.news-card{background:#ffffff;border-radius:10px;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.08);border:1px solid #e5e5e5;transition:all .25s}
.news-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.16)}
.news-img{height:100px;display:flex;align-items:center;justify-content:center;font-size:38px}
.news-body{padding:14px}
.news-title{font-weight:700;font-size:14px;margin-bottom:6px;color:#333333}
.news-desc{font-size:12px;color:#b31004;line-height:1.6}
.footer{background:#333333;color:rgba(255,255,255,.7);padding:40px 20px 20px}
.footer a:hover{color:#ffffff}
.footer-title{color:var(--w-7f6247);font-weight:700;margin-bottom:10px;font-size:13px}
.footer-link{color:rgba(255,255,255,.7);font-size:12px;display:block;padding:3px 0;transition:color .2s}
.back-top{position:fixed;bottom:28px;right:28px;width:38px;height:38px;background:#d11305;color:#ffffff;border-radius:8px;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:16px;z-index:999;box-shadow:0 4px 12px rgba(209,19,5,.4);transition:all .2s}
.back-top:hover{transform:translateY(-2px);background:#de3a2b}
.toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:#d11305;color:#ffffff;padding:11px 26px;border-radius:10px;font-size:13px;z-index:9999;opacity:0;transition:all .3s;pointer-events:none;white-space:nowrap}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}
.modal-mask.open{display:flex}
.modal-box{background:#ffffff;border-radius:10px;width:100%;max-width:400px;padding:26px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;overflow:auto}
.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.modal-title{font-family:'Noto Serif SC',serif;font-size:19px;font-weight:900;color:#333333}
.modal-close{background:none;border:none;font-size:18px;color:#999999;cursor:pointer;padding:4px;line-height:1;transition:color .2s}
.modal-close:hover{color:#333333}
.modal-sub{font-size:12px;color:#999999;margin-bottom:18px}
.form-item{margin-bottom:11px}
.form-item input,.form-item textarea{width:100%;padding:10px 14px;border:1.5px solid var(--w-c89b6d);border-radius:8px;font-size:13px;outline:none;font-family:inherit;resize:vertical;background:#ffffff}
.form-item input:focus,.form-item textarea:focus{border-color:#d11305}
.modal-tip{text-align:center;font-size:12px;color:#999999;margin-top:12px}
.step-item{text-align:center;flex:1;min-width:130px}
.step-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;margin:0 auto 8px;font-family:'Noto Serif SC',serif;box-shadow:0 3px 10px rgba(0,0,0,.15)}
.stat-num{font-family:'Noto Serif SC',serif;font-size:28px;font-weight:900}
.phase-num{font-family:'Noto Serif SC',serif;font-size:28px;font-weight:900;color:#b31004}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.anim{animation:fadeUp .5s ease forwards}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
.pulse{animation:pulse 3s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.float{animation:float 4s ease-in-out infinite}
/* 导航加高后：锚点滚动留出导航高度 */
/* ═══ 和心一帖 · 追更 / 点亮 ═══ */
.novel-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fbf8f4;border:1px solid var(--w-f0e4d8);border-radius:10px;padding:11px 15px;margin:14px 0 18px;}
.chap-fw{display:inline-block;font-size:11px;font-weight:700;color:#b31004;background:#fdf0ee;padding:2px 8px;border-radius:6px;margin-left:8px;vertical-align:middle;}
.chap-lc{font-size:11.5px;color:var(--w-c8a96e);margin-top:5px;}
.rd-ep{display:inline-block;font-size:12px;color:var(--w-8a6a4f);background:#fbf8f4;border:1px solid var(--w-f0e4d8);padding:3px 10px;border-radius:6px;}
.rd-act{margin:14px 0 6px;padding-bottom:14px;border-bottom:1px solid #f7f7f7;}
.rd-nav{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid #f7f7f7;flex-wrap:wrap;}
.rd-nav-b{background:#fbf8f4;border:1px solid var(--w-f0e4d8);border-radius:10px;padding:11px 15px;font-size:13px;color:var(--w-5c5147);cursor:pointer;font-family:inherit;max-width:48%;text-align:left;line-height:1.5;transition:all .2s;}
.rd-nav-b:hover{border-color:var(--w-c89b6d);background:#ffffff;}
.rd-nav-b.rt{text-align:right;}
.novel-mine{border-top:1px solid #f7f7f7;margin-top:22px;padding-top:20px;}
.follow-g{border:1px solid var(--w-f0e4d8);border-radius:12px;padding:14px 16px;margin-bottom:10px;background:#ffffff;}
.follow-g.new{border-color:#f5d5ce;background:#fefcfb;}
.follow-h{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.follow-h b{font-family:'Noto Serif SC',serif;font-size:15px;color:#333333;}
.follow-ch{display:flex;gap:8px;flex-wrap:wrap;}
.follow-c{background:#fbf8f4;border:1px solid var(--w-f0e4d8);border-radius:8px;padding:5px 11px;font-size:12.5px;color:var(--w-8a6a4f);cursor:pointer;font-family:inherit;transition:all .2s;}
.follow-c:hover{border-color:var(--w-c89b6d);color:#b31004;}
.mood-panel{scroll-margin-top:200px}

@media(max-width:768px){
  /* 导航 */
  .nav-inner{padding:10px 14px;gap:10px}
  .brand-full{height:96px}
  .social-qr{display:none}
  .nav-auth{gap:8px}
  .btn-auth{font-size:13px;padding:9px 16px;letter-spacing:1px}
  .nav-menu-inner{height:52px;padding:0 10px}
  .nav-links{display:none;position:absolute;top:52px;left:0;right:0;background:#ffffff;flex-direction:column;padding:8px 0;gap:0;z-index:999;border-top:2px solid #f7f7f7;box-shadow:0 10px 20px rgba(0,0,0,.1)}
  .nav-links.open{display:flex}
  .nav-link{height:46px;padding:0 20px;width:100%;border-bottom:1px solid #eeeeee;font-size:15px}
  .mb-toggle{display:block}
  .nav-btns{display:none}

  /* 字号 */
  .section-title{font-size:22px;line-height:1.4}
  .section-sub{margin-bottom:24px;font-size:12px}

  /* Logo：响应式 */
  .brand-full{height:96px}

  /* Hero：移动端单列 */
  .hero-grid{grid-template-columns:1fr !important;gap:24px !important;padding:36px 16px 44px !important}
  .hero-title{font-size:32px !important;line-height:1.25 !important}

  /* Section padding 紧凑 */
  .section{padding:36px 16px !important}
  .stat-num{font-size:22px}

  /* 卡片 padding */
  .card{padding:18px !important}

  /* 表格 */
  table{font-size:12px}
  th,td{padding:8px 6px}
}

@media(max-width:480px){
  .section-title{font-size:20px}
  .hero-title{font-size:26px !important}
  .logo-en{display:none}
  .logo-tag{display:none}
  .top-bar-inner{font-size:11px;gap:10px}
  .top-bar-inner a:nth-child(n+4){display:none}
}


/* ===== 双轮驱动 ===== */
.dual-wheel{background:linear-gradient(135deg,#ffffff 0%,#f7f7f7 100%);padding:60px 20px;color:#333333;position:relative;overflow:hidden;border-top:2px solid var(--w-c89b6d);border-bottom:2px solid var(--w-c89b6d)}
.dual-wheel::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><circle cx=%2250%22 cy=%2250%22 r=%2240%22 fill=%22none%22 stroke=%22rgba(0,0,0,0.05)%22 stroke-width=%220.5%22/></svg>') repeat;background-size:200px 200px;pointer-events:none}
.dual-wheel .section-title{color:#333333;position:relative}
.dual-wheel .section-sub{color:#b31004;position:relative}
.dual-wheel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1180px;margin:0 auto;position:relative}
.dual-wheel-card{background:#ffffff;border:2px solid var(--w-c89b6d);border-radius:8px;padding:28px;box-shadow:0 4px 14px rgba(0,0,0,.08);transition:all .25s;position:relative}
.dual-wheel-card:hover{transform:translateY(-3px);background:#ffffff;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.dual-wheel-card.red{border-color:#d11305}
.dual-wheel-card.gold{border-color:var(--w-c89b6d)}
.dual-wheel-card .icon{font-size:34px;margin-bottom:10px;display:block}
.dual-wheel-card h3{font-family:'Noto Serif SC',serif;font-size:22px;font-weight:700;margin:0 0 6px;color:#333333}
.dual-wheel-card .sub{font-size:13px;color:#b31004;margin-bottom:16px;line-height:1.7}
.dual-wheel-card ul{list-style:none;padding:0;margin:0}
.dual-wheel-card li{padding:10px 0;border-bottom:1px dashed rgba(0,0,0,.18);font-size:13px;line-height:1.75;display:flex;align-items:flex-start;gap:8px}
.dual-wheel-card li:last-child{border-bottom:none}
.dual-wheel-card li .dot{color:var(--w-7f6247);font-weight:700;flex-shrink:0}

@media(max-width:768px){
  .dual-wheel-grid{grid-template-columns:1fr !important}
}

/* ===== 新华网式：焦点大图 + 4 张重要事件 ===== */
.xinhua-focus{margin:36px auto 0;max-width:1280px;padding:0 20px}
.xinhua-focus-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.xinhua-focus-head h2{font-family:'Noto Serif SC',serif;font-size:24px;font-weight:900;color:#333333;margin:0;letter-spacing:1px}
.xinhua-focus-head .sub{font-size:12px;color:var(--w-7f6247);font-weight:700;letter-spacing:3px;padding:4px 10px;background:#ffffff;border-radius:6px}
.xinhua-focus-head .more{margin-left:auto;font-size:12px;color:#d11305;font-weight:700;cursor:pointer}
.xinhua-focus-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:stretch}
.xinhua-focus-main{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;width:100%;min-width:0;aspect-ratio:16/10;box-shadow:0 4px 18px rgba(0,0,0,.18);max-width:100%}
.xinhua-focus-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.xinhua-focus-main:hover img{transform:scale(1.04)}
.xinhua-focus-main .tag{position:absolute;top:14px;left:14px;background:#d11305;color:#ffffff;font-size:12px;font-weight:900;padding:4px 12px;border-radius:4px;letter-spacing:2px;z-index:2}
.xinhua-focus-main .overlay{position:absolute;left:0;right:0;bottom:0;padding:30px 26px 22px;background:linear-gradient(to top,rgba(6,10,18,.94) 0%,rgba(6,10,18,.86) 26%,rgba(6,10,18,.62) 50%,rgba(6,10,18,.28) 72%,rgba(6,10,18,0) 100%);color:#ffffff;z-index:1}
.xinhua-focus-main .overlay h3{font-family:'Noto Serif SC',serif;font-size:24px;font-weight:900;margin:0 0 8px;line-height:1.35;color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,.75),0 1px 2px rgba(0,0,0,.6)}
.xinhua-focus-main .overlay .meta{font-size:12px;color:rgba(255,255,255,.92);display:flex;gap:14px;align-items:center;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.xinhua-focus-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
.xinhua-focus-card{background:#ffffff;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .25s;display:flex;flex-direction:column;min-width:0}
.xinhua-focus-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.12);border-color:var(--w-c89b6d)}
.xinhua-focus-card .thumb{aspect-ratio:16/9;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.xinhua-focus-card .thumb-t{position:absolute;top:8px;left:8px;background:#d11305;color:#ffffff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:4px;letter-spacing:1px;z-index:2}
.xinhua-focus-card .thumb-t.gold{background:var(--w-c89b6d);color:#333333}
.xinhua-focus-card .thumb-t.blue{background:#b31004}
.xinhua-focus-card .thumb-t.green{background:#4e8a6d}
.xinhua-focus-card .body{padding:12px 14px;flex:1;display:flex;flex-direction:column}
.xinhua-focus-card .title{font-size:14px;font-weight:700;color:#333333;line-height:1.55;margin-bottom:auto}
.xinhua-focus-card:hover .title{color:#d11305}
.xinhua-focus-card .meta{margin-top:10px;font-size:11px;color:#999999;display:flex;justify-content:space-between;border-top:1px dashed #e5e5e5;padding-top:8px}
@media(max-width:900px){.xinhua-focus-grid{grid-template-columns:1fr}.xinhua-focus-main{aspect-ratio:16/9}}
@media(max-width:600px){.xinhua-focus-cards{grid-template-columns:1fr}}

/* ===== 焦点大图 · 四宫格（v2g：证书 / 计划书 / 头条 / 商标公示） ===== */
.xinhua-focus-grid.focus4{grid-template-columns:1fr 1fr;gap:14px}
.focus4-card{position:relative;display:block;border-radius:10px;overflow:hidden;cursor:pointer;aspect-ratio:3/2;min-width:0;box-shadow:0 4px 18px rgba(0,0,0,.14);background:#0d2b21;text-decoration:none}
.focus4-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.focus4-card:hover img{transform:scale(1.05)}
.focus4-card .tag{position:absolute;top:12px;left:12px;z-index:3;background:#d11305;color:#ffffff;font-size:12px;font-weight:900;padding:4px 12px;border-radius:4px;letter-spacing:2px}
.focus4-card .ovl{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:36px 16px 12px;background:linear-gradient(to top,rgba(6,10,18,.92) 0%,rgba(6,10,18,.55) 55%,rgba(6,10,18,0) 100%);color:#ffffff}
.focus4-card .ovl h3{font-family:'Noto Serif SC',serif;font-size:16px;font-weight:900;margin:0;line-height:1.4;color:#ffffff;text-shadow:0 2px 6px rgba(0,0,0,.72)}
.focus4-card .ovl p{margin:4px 0 0;font-size:12px;color:rgba(255,255,255,.88);text-shadow:0 1px 4px rgba(0,0,0,.7)}
.focus4-card.solid{background:linear-gradient(135deg,#0d3b2e 0%,#14563f 55%,#1d7a55 100%);display:flex;align-items:flex-end}
.focus4-card.solid .tag{background:#4e8a6d}
.focus4-card.solid .solid-body{position:relative;z-index:2;padding:16px 18px;color:#ffffff;width:100%}
.focus4-card.solid .big{font-family:'Noto Serif SC',serif;font-size:27px;font-weight:900;letter-spacing:7px;margin-bottom:6px;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.focus4-card.solid .st{font-size:13px;font-weight:700;color:var(--w-ffd9a0);margin-bottom:4px}
.focus4-card.solid .mt{font-size:12px;color:rgba(255,255,255,.88);line-height:1.6}
@media(max-width:768px){
  .xinhua-focus-grid.focus4{gap:10px}
  .focus4-card .ovl h3{font-size:13px}
  .focus4-card .ovl p{display:none}
  .focus4-card.solid .big{font-size:19px;letter-spacing:4px}
  .focus4-card.solid .st{font-size:11px}
  .focus4-card.solid .mt{font-size:11px}
}

/* ===== 新华网式：今日要闻·重要事件（暖色 hero 内） ===== */
.news-card{background:#ffffff;border:1.5px solid var(--w-c89b6d);border-radius:10px;padding:14px 14px 12px;cursor:pointer;transition:all .25s;box-shadow:0 2px 10px rgba(0,0,0,.08);position:relative;overflow:hidden;min-height:148px;display:flex;flex-direction:column}
.news-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d11305,var(--w-c89b6d));opacity:.85}
.news-card:hover{transform:translateY(-3px);background:#ffffff;border-color:#d11305;box-shadow:0 6px 18px rgba(209,19,5,.18)}
.news-card-icon{font-size:24px;margin-bottom:8px;display:block;color:#d11305}
.news-card-title{font-size:13px;font-weight:700;color:#333333;line-height:1.5;margin-bottom:6px;letter-spacing:.3px}
.news-card-desc{font-size:11px;color:#b31004;line-height:1.6;margin-bottom:auto}
.news-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(0,0,0,.18)}
.news-card-tag{background:#d11305;color:#ffffff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:1px}
.news-card-date{font-size:10px;color:#b31004;font-family:'Noto Serif SC',serif}

/* ===== 和事大使：5 级晋升链路 ===== */
.amb-track{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative;margin:30px 0 20px}
.amb-step{background:#ffffff;border:2px solid var(--w-c89b6d);border-radius:8px;padding:22px 18px;position:relative;text-align:center;transition:all .3s;cursor:default}
.amb-step:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(209,19,5,.15);border-color:#d11305}
.amb-step-num{display:inline-block;width:38px;height:38px;line-height:38px;background:linear-gradient(135deg,var(--w-c89b6d),#d11305);color:#ffffff;border-radius:50%;font-family:'Noto Serif SC',serif;font-size:18px;font-weight:900;margin-bottom:10px}
.amb-step-name{font-family:'Noto Serif SC',serif;font-size:17px;font-weight:900;color:#333333;margin:6px 0 4px}
.amb-step-tag{display:inline-block;padding:2px 9px;background:#fdf0ee;color:#d11305;font-size:10px;font-weight:700;border-radius:4px;margin-bottom:8px;letter-spacing:1px}
.amb-step-title{font-size:12px;color:#b31004;line-height:1.7;margin-top:8px;border-top:1px dashed #e5e5e5;padding-top:10px}
.amb-step-arrow{position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:var(--w-7f6247);font-size:24px;z-index:2}
.amb-step:last-child .amb-step-arrow{display:none}
.amb-cta{display:flex;justify-content:center;gap:14px;margin-top:30px;flex-wrap:wrap}
.amb-cta .btn-gov{padding:13px 32px;font-size:14px}
@media(max-width:900px){.amb-track{grid-template-columns:repeat(2,1fr)}.amb-step-arrow{display:none}}

/* ===== 和事大使：权责双列 ===== */
.amb-rights{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
.amb-rights-col{background:#ffffff;border-radius:8px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.amb-rights-col.allow{border-top:4px solid #4e8a6d}
.amb-rights-col.forbid{border-top:4px solid #d11305}
.amb-rights-col h4{font-family:'Noto Serif SC',serif;font-size:18px;margin:0 0 16px;display:flex;align-items:center;gap:10px}
.amb-rights-col.allow h4{color:#4e8a6d}
.amb-rights-col.forbid h4{color:#d11305}
.amb-rights-col ul{padding:0;margin:0;list-style:none}
.amb-rights-col li{padding:9px 0 9px 26px;position:relative;font-size:13.5px;line-height:1.7;color:#333333;border-bottom:1px dashed #eeeeee}
.amb-rights-col li:last-child{border-bottom:none}
.amb-rights-col.allow li::before{content:'✓';position:absolute;left:0;top:9px;color:#4e8a6d;font-weight:900;font-size:16px}
.amb-rights-col.forbid li::before{content:'✕';position:absolute;left:0;top:9px;color:#d11305;font-weight:900;font-size:16px}
@media(max-width:768px){.amb-rights{grid-template-columns:1fr}}

/* ===== 和事大使：荣誉墙 ===== */
.amb-honor{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.amb-honor-card{background:linear-gradient(135deg,#ffffff,#ffffff);border:1px solid var(--w-c89b6d);border-radius:10px;padding:20px 16px;text-align:center;position:relative;overflow:hidden}
.amb-honor-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--w-c89b6d),#d11305)}
.amb-honor-icon{font-size:34px;margin-bottom:8px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}
.amb-honor-name{font-family:'Noto Serif SC',serif;font-size:15px;font-weight:900;color:#333333;margin-bottom:6px}
.amb-honor-desc{font-size:11px;color:#b31004;line-height:1.6}
@media(max-width:768px){.amb-honor{grid-template-columns:repeat(2,1fr)}}

/* ===== 和事大使：双基地 ===== */
.amb-base{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}
.amb-base-card{background:linear-gradient(135deg,#ffffff 0%,#ffffff 100%);border:2px solid var(--w-c89b6d);border-radius:10px;padding:28px 24px;position:relative;overflow:hidden}
.amb-base-card::before{content:'样板';position:absolute;top:14px;right:-26px;background:#d11305;color:#ffffff;padding:4px 30px;font-size:11px;font-weight:700;letter-spacing:2px;transform:rotate(45deg)}
.amb-base-card h4{font-family:'Noto Serif SC',serif;font-size:20px;color:#333333;margin:0 0 6px}
.amb-base-card .base-loc{font-size:12px;color:#d11305;letter-spacing:2px;margin-bottom:14px;font-weight:700}
.amb-base-card ul{padding:0;margin:14px 0 0;list-style:none}
.amb-base-card li{padding:6px 0 6px 22px;position:relative;font-size:13px;color:#333333;line-height:1.7}
.amb-base-card li::before{content:'·';position:absolute;left:8px;color:var(--w-7f6247);font-weight:900;font-size:18px}
@media(max-width:768px){.amb-base{grid-template-columns:1fr}}

/* ===== 和事大使：申请表单 ===== */
.amb-form{background:linear-gradient(135deg,#ffffff 0%,#ffffff 100%);border:2px solid var(--w-c89b6d);border-radius:10px;padding:30px;margin-top:20px}
.amb-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}
.amb-form-row.full{grid-template-columns:1fr}
.amb-form label{display:block;font-size:12px;color:#b31004;font-weight:700;margin-bottom:5px;letter-spacing:.5px}
.amb-form input,.amb-form select,.amb-form textarea{width:100%;padding:10px 12px;border:1px solid var(--w-c89b6d);border-radius:8px;font-size:13px;background:#ffffff;box-sizing:border-box;font-family:inherit}
.amb-form textarea{resize:vertical;min-height:70px}
.amb-form input:focus,.amb-form select:focus,.amb-form textarea:focus{outline:none;border-color:#d11305;box-shadow:0 0 0 2px rgba(209,19,5,.15)}
@media(max-width:768px){.amb-form-row{grid-template-columns:1fr}}

/* ===== 和事大使：FAQ ===== */
.amb-faq{margin-top:20px}
.amb-faq-item{background:#ffffff;border:1px solid #e5e5e5;border-radius:10px;margin-bottom:10px;overflow:hidden}
.amb-faq-q{padding:14px 20px;font-size:14px;font-weight:700;color:#333333;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s}
.amb-faq-q:hover{background:#ffffff}
.amb-faq-q::after{content:'＋';color:#d11305;font-size:18px;font-weight:400}
.amb-faq-q.open::after{content:'－'}
.amb-faq-a{padding:0 20px;font-size:13px;color:#b31004;line-height:1.85;display:none;border-top:1px dashed #e5e5e5}
.amb-faq-item.open .amb-faq-a{padding:14px 20px;display:block}

/* ===== 省级和事老服务中心地图（中国法律服务网风格） ===== */
.map-section{background:linear-gradient(180deg,#ffffff 0%,#f7f7f7 100%);padding:70px 20px 84px;position:relative}
.map-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--w-c89b6d),transparent)}
.map-head{text-align:center;margin-bottom:44px}
.map-head .section-title{color:#333333}
.map-head .section-sub{color:#666666}
.map-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.12fr 0.88fr;gap:34px;align-items:stretch}
.map-left{background:#ffffff;border:1px solid #e5e5e5;border-radius:16px;padding:22px 22px 18px;box-shadow:0 6px 28px rgba(0,0,0,.07);position:relative}
.map-left .map-title{font-family:'Noto Serif SC',serif;font-size:15px;font-weight:700;color:#b31004;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.map-left .map-title::before{content:'';width:4px;height:16px;background:#d11305;border-radius:2px}
.map-svg{width:100%;height:auto;display:block}
.province{cursor:pointer;transition:fill .25s,opacity .25s,filter .25s}
.province:hover{filter:brightness(1.07);opacity:.92}
.province.selected{stroke:#d11305;stroke-width:2;filter:drop-shadow(0 2px 6px rgba(209,19,5,.45))}
.province-label{pointer-events:none;transition:fill .2s}
.map-legend{display:flex;gap:20px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666666}
.legend-dot{width:12px;height:12px;border-radius:3px;display:inline-block;border:1px solid rgba(0,0,0,.07)}
.map-right{display:flex;flex-direction:column}
.map-panel{background:#ffffff;border:1px solid #e5e5e5;border-radius:16px;padding:30px;box-shadow:0 6px 28px rgba(0,0,0,.07);flex:1;display:flex;flex-direction:column}
.panel-province{font-family:'Noto Serif SC',serif;font-size:32px;font-weight:900;color:#333333;margin-bottom:10px}
.panel-status{display:inline-block;font-size:12px;font-weight:700;padding:4px 14px;border-radius:20px;margin-bottom:18px;letter-spacing:1px}
.panel-status.signed{background:#fdf0ee;color:#d11305;border:1px solid #f5e0dc}
.panel-status.ready{background:#f7f7f7;color:var(--w-42301f);border:1px solid #f7f7f7}
.panel-center{font-size:14px;color:#b31004;margin-bottom:20px;display:flex;align-items:center;gap:6px}
.panel-center::before{content:'📍';font-size:14px}
.panel-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.panel-stat{background:#ffffff;border:1px solid #f7f7f7;border-radius:12px;padding:18px 12px;text-align:center}
.panel-stat b{display:block;font-family:'Noto Serif SC',serif;font-size:28px;font-weight:900;color:#d11305;line-height:1.1}
.panel-stat span{font-size:12px;color:#666666}
.panel-demo{font-size:13px;color:#666666;line-height:1.85;margin-bottom:24px;padding:14px 16px;background:#f7f7f7;border-left:3px solid var(--w-c89b6d);border-radius:6px}
.panel-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.panel-actions .btn{flex:1;min-width:120px}
@media(max-width:900px){.map-layout{grid-template-columns:1fr}}

/* ===== 和心 · 情绪价值（C 位深耕）===== */
.mood-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(186px,1fr));gap:14px;margin-bottom:26px;}
.mood-tab{background:#ffffff;border:1px solid #e5e5e5;border-radius:14px;padding:16px 18px;text-align:left;cursor:pointer;transition:top .25s ease,border-color .25s ease,box-shadow .25s ease;font-family:inherit;position:relative;top:0;}
.mood-tab:hover{border-color:var(--w-c89b6d);top:-2px;}
.mood-tab.active{border-color:#d11305;background:#ffffff;box-shadow:0 4px 16px rgba(209,19,5,.10);}
.mood-tab-k{display:block;font-size:11.5px;color:var(--w-7f6247);letter-spacing:3px;}
.mood-tab-t{display:block;font-family:'Noto Serif SC',serif;font-size:19px;color:#333333;margin:5px 0 3px;font-weight:700;}
.mood-tab-s{display:block;font-size:12px;color:#999999;}
.mood-panel{background:#ffffff;border:1px solid #f7f7f7;border-radius:16px;padding:26px 24px;}
.mood-panel h3{font-family:'Noto Serif SC',serif;font-size:22px;color:#333333;margin:0 0 6px;}
.mood-panel .sub{font-size:13px;color:#999999;line-height:1.8;margin-bottom:18px;}
.mood-chip{display:inline-block;padding:5px 13px;border:1px solid #e5e5e5;border-radius:999px;font-size:12.5px;color:#b31004;background:#ffffff;cursor:pointer;margin:0 8px 8px 0;transition:all .2s;font-family:inherit;}
.mood-chip:hover{border-color:var(--w-c89b6d);}
.mood-chip.on{background:#d11305;border-color:#d11305;color:#ffffff;}
.chap{display:flex;gap:14px;padding:15px 16px;border:1px solid #f7f7f7;border-radius:12px;margin-bottom:10px;cursor:pointer;transition:all .2s;background:#ffffff;}
.chap:hover{border-color:var(--w-c89b6d);background:#ffffff;}
.chap-no{flex:0 0 44px;height:44px;border-radius:10px;background:#f7f7f7;color:#d11305;display:flex;align-items:center;justify-content:center;font-family:'Noto Serif SC',serif;font-size:17px;font-weight:700;}
.chap-b{flex:1;min-width:0;}
.chap-t{font-size:15px;color:#333333;font-weight:700;margin-bottom:4px;}
.chap-s{font-size:12.5px;color:#999999;line-height:1.7;}
.reader{font-size:15.5px;line-height:2.1;color:#333333;font-family:'Noto Serif SC',serif;}
.reader p{margin:0 0 18px;}
.reader .tie{background:#f7f7f7;border-left:3px solid var(--w-c89b6d);border-radius:0 10px 10px 0;padding:16px 18px;margin:24px 0 8px;font-size:14.5px;}
.dose{display:grid;grid-template-columns:repeat(auto-fit,minmax(252px,1fr));gap:14px;}
.dose-c{border:1px solid #f7f7f7;border-radius:13px;padding:16px 17px;background:#ffffff;transition:all .2s;}
.dose-c:hover{border-color:var(--w-c89b6d);}
.dose-n{font-family:'Noto Serif SC',serif;font-size:16.5px;color:#333333;font-weight:700;margin-bottom:7px;}
.dose-m{font-size:11.5px;color:#d11305;background:#fdf0ee;display:inline-block;padding:3px 9px;border-radius:6px;margin-bottom:9px;letter-spacing:.5px;}
.dose-st{font-size:13px;color:#666666;line-height:1.85;padding-left:18px;margin:0 0 10px;}
.dose-st li{margin-bottom:3px;}
.dose-act{display:flex;gap:8px;align-items:center;}
.mood-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(266px,1fr));gap:14px;}
.wall-c{border:1px solid #f7f7f7;border-radius:13px;padding:16px 17px;background:#ffffff;display:flex;flex-direction:column;gap:10px;}
.wall-c.feat{border-color:var(--w-c89b6d);background:#ffffff;}
.wall-tx{font-size:14px;color:#333333;line-height:1.9;flex:1;word-break:break-word;}
.wall-mt{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#aaaaaa;}
.wall-lt{background:none;border:1px solid #e5e5e5;border-radius:999px;padding:3px 11px;font-size:12px;color:#999999;cursor:pointer;transition:all .2s;font-family:inherit;}
.wall-lt:hover{border-color:var(--w-c89b6d);color:#d11305;}
.wall-lt.on{background:#d11305;border-color:#d11305;color:#ffffff;}
.wall-rep{margin-top:8px;padding:9px 12px;background:#f7f7f7;border-radius:8px;font-size:12.5px;color:#666666;line-height:1.75;}
.mood-input{width:100%;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:12px;padding:13px 15px;font-size:14px;color:#333333;font-family:inherit;line-height:1.8;resize:vertical;min-height:86px;background:#ffffff;}
.mood-input:focus{outline:none;border-color:var(--w-c89b6d);background:#ffffff;}
.radio-c{border:1px solid #f7f7f7;border-radius:13px;padding:16px;background:#ffffff;}
.lab-opt{display:block;width:100%;text-align:left;padding:12px 15px;border:1px solid #e5e5e5;border-radius:10px;background:#ffffff;margin-bottom:9px;cursor:pointer;font-size:14px;color:#333333;transition:all .2s;font-family:inherit;}
.lab-opt:hover{border-color:var(--w-c89b6d);background:#ffffff;}
.lab-bar{height:9px;border-radius:999px;background:#f7f7f7;overflow:hidden;margin:6px 0 14px;}
.lab-bar i{display:block;height:100%;border-radius:999px;}
@media(max-width:768px){
  .mood-tabs{grid-template-columns:1fr 1fr;gap:10px;}
  .mood-tab{padding:12px 13px;}
  .mood-tab-t{font-size:16px;}
  .mood-tab-s{font-size:11px;}
  .mood-panel{padding:20px 15px;}
  .reader{font-size:15px;line-height:2;}
  .mood-wall{grid-template-columns:1fr;}
}

/* ===== 和事老 · 「暖杏和解 · 分层和韵」设计令牌（米杏底 · 暖陶橘红 · 香槟金收边）===== */
:root{
  --hs-ink:var(--w-42301f);          /* 深暖墨 · 标题 */
  --hs-ink-2:var(--w-5a4030);        /* 正文 */
  --hs-muted:var(--w-8a7563);        /* 辅助文字 */
  --hs-line:rgba(var(--wrgb-mid),.31); /* 香槟金描边 */
  --hs-cream:var(--w-f7efe2);        /* 米杏 · 页底 */
  --hs-cream-2:var(--w-fbf4e8);      /* 米杏 · 次底 */
  --hs-card:#FFFFFF;
  --hs-brand:#b31004;        /* 品牌红深（保留） */
  --hs-accent:#d11305;       /* 品牌红 · 强调 */
  --hs-accent-lt:#de3a2b;
  --hs-gold:var(--w-8a6a4f);         /* 暖金棕 · 辅助 */
  --hs-gold-deep:var(--w-4a3626);    /* 深暖墨 */
  --hs-mint:#4E8A6D;         /* 和善绿 */
  --hs-mint-deep:#3F7A5C;
  --hs-apricot:#ef7a66;
  --hs-lilac:var(--w-e3c9a3);
  --hs-deep:var(--w-3a2a1e);         /* 深暖墨 · 顶栏/公告带/数据带/页脚 */
  --hs-deep-2:var(--w-4a3626);
  --hs-deep-3:var(--w-5a4030);
  --hs-shadow-sm:0 2px 12px rgba(var(--wrgb-brown),.09);
  --hs-shadow-md:0 8px 26px rgba(var(--wrgb-brown),.14);
  --hs-shadow-lg:0 16px 44px rgba(var(--wrgb-dark),.18);
  --hs-grad-brand:linear-gradient(135deg,#B31004 0%,#D11305 100%);
  --hs-grad-gold:linear-gradient(135deg,var(--w-5a4030) 0%,var(--w-8a6a4f) 100%);
  --hs-grad-warm:linear-gradient(135deg,#ffffff 0%,var(--w-fbf4e8) 100%);
}

/* ===== 全局：米杏页底 + 暖墨文字 ===== */
html{background:var(--w-f7efe2)}
body{color:var(--w-5a4030);background:radial-gradient(1200px 420px at 50% -80px,rgba(255,255,255,.75),transparent 70%),linear-gradient(180deg,var(--w-f7efe2) 0%,var(--w-fbf4e8) 30%,var(--w-f7efe2) 100%);background-attachment:fixed}
::selection{background:rgba(var(--wrgb-brown),.20);color:var(--w-42301f)}
::-webkit-scrollbar-track{background:var(--w-fbf4e8)}
h1,h2,h3,h4{color:var(--w-42301f)}

/* ===== 顶栏：深暖墨 ===== */
.top-bar{background:linear-gradient(90deg,var(--w-3a2a1e) 0%,var(--w-4a3626) 55%,var(--w-5a4030) 100%);color:rgba(255,255,255,.88);border-bottom:none}
.top-bar a{color:rgba(255,255,255,.88)}
.top-bar a:hover{color:#ffffff}
.top-bar span{color:rgba(255,255,255,.28)}

/* ===== 主导航：白底 + 红→金压线（衔接深暖公告带） ===== */
.nav-main{background:rgba(255,255,255,.94)}
.nav-main::after{background:linear-gradient(90deg,#8E0B02 0%,#B31004 40%,#C41708 100%)}
.nav-link{color:var(--w-42301f)}
.nav-link:hover,.nav-link.active{color:#d11305;border-bottom-color:#d11305;background:rgba(var(--wrgb-brown),.06)}
.nav-menu-bar{background:linear-gradient(90deg,#8E0B02 0%,#B31004 45%,#C41708 100%);border-bottom:3px solid #7A0902;box-shadow:0 3px 12px rgba(122,9,2,.28)}
.nav-menu-bar .nav-link{color:#FFFFFF;font-weight:700;font-size:16px;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.nav-menu-bar .nav-link:hover{color:#FFFFFF;background:rgba(255,255,255,.16);border-bottom-color:#FFFFFF}
.nav-menu-bar .nav-link.active{color:#B31004;background:rgba(255,255,255,.95);border-bottom-color:transparent;border-radius:8px 8px 0 0;text-shadow:none}
.nav-btns .btn-gov{background:#FFFFFF;color:#B31004;box-shadow:0 3px 10px rgba(0,0,0,.22)}
.nav-btns .btn-gov:hover{background:#FFF3F0;box-shadow:0 6px 16px rgba(0,0,0,.28)}
.mb-toggle{color:#FFFFFF}
@media(max-width:768px){
  .nav-menu-bar .nav-link{color:#333333;text-shadow:none}
  .nav-menu-bar .nav-link:hover,.nav-menu-bar .nav-link.active{color:#d11305;background:#fdf0ee;border-bottom-color:#d11305;border-radius:0}
}
.nav-dropdown-menu{background:#ffffff;border-color:var(--hs-line);box-shadow:var(--hs-shadow-md)}
.nav-dropdown-menu a:hover{background:var(--w-fbf4e8);color:#d11305}

/* ===== 重要提示：整幅通栏深暖墨色带 ===== */
#noticeBar{background:linear-gradient(90deg,var(--w-3a2a1e) 0%,var(--w-4a3626) 55%,var(--w-5a4030) 100%)!important;border-top:3px solid var(--w-f2e7d6)!important;border-bottom:2px solid rgba(var(--wrgb-mid),.35)!important;box-shadow:0 4px 18px rgba(var(--wrgb-dark),.30)}
#noticeBar span{color:#FFFFFF!important}
#noticeRoll div span span{color:rgba(255,255,255,.65)!important}
#noticeBar a{color:var(--w-e3c9a3)!important}

/* ===== Hero：白色横带 + 浅金收边 ===== */
div[style*="135deg,#ffffff 0%,#f7f7f7 60%"]{background:#ffffff!important;border-bottom:1px solid rgba(var(--wrgb-mid),.31)!important}

/* ===== 按钮：品牌红 / 暖金棕 / 和善绿 ===== */
.btn-gov,.btn-red{background:var(--hs-grad-brand);box-shadow:0 4px 14px rgba(209,19,5,.26)}
.btn-gov:hover,.btn-red:hover{box-shadow:0 8px 22px rgba(209,19,5,.32)}
.btn-gold{background:var(--hs-grad-gold);color:#ffffff;box-shadow:0 4px 14px rgba(var(--wrgb-brown),.30)}
.btn-green{background:linear-gradient(135deg,#4E8A6D,#3F7A5C);box-shadow:0 4px 14px rgba(78,138,109,.26)}
.btn-outline{color:#b31004;border-color:rgba(var(--wrgb-mid),.77)}
.btn-outline:hover{background:var(--w-fbf4e8);border-color:#d11305}
.btn-hero{animation:ctaGlow 2.4s ease-in-out infinite}
.btn-hero .arr{display:inline-block;transition:transform .25s}
.btn-hero:hover .arr{transform:translateX(5px)}
@keyframes ctaGlow{0%,100%{box-shadow:0 4px 14px rgba(179,16,4,.30)}50%{box-shadow:0 6px 26px rgba(179,16,4,.48)}}

/* ===== 卡片：白卡浮层 · 香槟描边 + 暖调投影 ===== */
.card,.news-card,.mood-panel,.map-left,.map-panel,.xinhua-focus-card,.radio-c,.dose-c,.wall-c,.chap,.amb-step,.amb-rights-col,.dual-wheel-card,.amb-honor-card,.amb-base-card,.amb-form{border-color:var(--hs-line);box-shadow:var(--hs-shadow-sm)}
.card:hover,.news-card:hover,.xinhua-focus-card:hover{box-shadow:var(--hs-shadow-md);border-color:rgba(209,19,5,.26)}
.news-card{background:#FFFFFF}
.news-card::before{background:linear-gradient(90deg,#B31004 0%,var(--w-8a6a4f) 100%);opacity:.9}

/* ===== 区块标题与标签 ===== */
.section-sub{color:#b31004}
.tag{background:#FDEEEC;color:#d11305;border-color:rgba(209,19,5,.16)}
.tag-gold{background:var(--w-f7efe2);color:var(--w-42301f)}
.tag-green{background:#EDF6F0;color:#3F7A5C}
.tag-blue{background:var(--w-f7efe2);color:var(--w-7f6247)}
.tag-ink{background:var(--w-f7efe2);color:var(--w-42301f)}

/* ===== 双轮驱动 ===== */
.dual-wheel{background:linear-gradient(135deg,#ffffff 0%,var(--w-fbf4e8) 100%);border-top:2px solid rgba(var(--wrgb-mid),.59);border-bottom:2px solid rgba(var(--wrgb-mid),.59)}
.dual-wheel-card{border-color:var(--hs-line)}
.dual-wheel-card.red{border-color:#f2b5aa}
.dual-wheel-card.gold{border-color:var(--w-eadcc6)}
.dual-wheel-card li{border-bottom:1px dashed rgba(var(--wrgb-mid),.59)}
.dual-wheel-card li .dot{color:var(--w-7f6247)}

.news-card-icon{color:#d11305}
.news-card-tag{background:#d11305}
.news-card:hover{background:#ffffff;border-color:#d11305}

/* ===== 和事大使 ===== */
.amb-step-num{background:linear-gradient(135deg,#B31004,#D11305)}
.amb-step:hover{border-color:#d11305;box-shadow:0 8px 24px rgba(209,19,5,.14)}
.amb-step-tag{background:#FDEEEC;color:#d11305}
.amb-rights-col.allow{border-top-color:#4E8A6D}
.amb-rights-col.forbid{border-top-color:#d11305}
.amb-rights-col.allow h4{color:#3F7A5C}
.amb-rights-col.forbid h4{color:#d11305}
.amb-rights-col li{border-bottom:1px dashed rgba(var(--wrgb-mid),.59)}
.amb-rights-col.allow li::before{color:#4E8A6D}
.amb-rights-col.forbid li::before{color:#d11305}
.amb-honor-card{background:linear-gradient(135deg,#ffffff,var(--w-fdf8f0))}
.amb-honor-card::before{background:linear-gradient(90deg,var(--w-8a6a4f),#d11305)}
.amb-base-card{background:linear-gradient(135deg,#ffffff 0%,var(--w-fdf8f0) 100%);border-color:var(--hs-line)}
.amb-base-card::before{background:#d11305}
.amb-base-card .base-loc{color:#d11305}
.amb-form{background:linear-gradient(135deg,#ffffff 0%,var(--w-fdf8f0) 100%);border-color:var(--hs-line)}
.amb-form input:focus,.amb-form select:focus,.amb-form textarea:focus{border-color:#d11305;box-shadow:0 0 0 3px rgba(209,19,5,.13)}
.amb-faq-item{border-color:var(--hs-line)}
.amb-faq-q:hover{background:var(--w-fbf4e8)}
.amb-faq-q::after{color:#d11305}
.amb-faq-a{border-top:1px dashed rgba(var(--wrgb-mid),.59)}

/* ===== 省级服务中心地图 ===== */
.map-section{background:linear-gradient(180deg,#ffffff 0%,var(--w-fbf4e8) 100%)}
.map-section::before{background:linear-gradient(90deg,transparent,var(--w-8a6a4f),transparent)}
.province.selected{stroke:#d11305;filter:drop-shadow(0 2px 6px rgba(209,19,5,.40))}
.map-left .map-title{color:#b31004}
.map-left .map-title::before{background:#d11305}
.panel-status.signed{background:#FDEEEC;color:#d11305;border-color:#f5e0dc}
.panel-status.ready{background:var(--w-f7efe2);color:var(--w-42301f);border-color:var(--w-eadcc6)}
.panel-center{color:#b31004}
.panel-stat b{color:#d11305}
.panel-demo{background:var(--w-fbf4e8);border-left-color:var(--w-8a6a4f)}

/* ===== 数据条：深暖墨通栏 ===== */
div[style*="border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee"]{background:linear-gradient(120deg,var(--w-3a2a1e) 0%,var(--w-4a3626) 48%,var(--w-5a4030) 100%)!important;border-color:transparent!important;box-shadow:0 4px 18px rgba(var(--wrgb-dark),.22)}
div[style*="border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee"] .stat-num{color:#FFFFFF!important}
div[style*="border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee"] div[style*="color:#999999"]{color:rgba(255,255,255,.72)!important}
div[style*="border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee"] div[style*="border-right:1px solid #eeeeee"]{border-right-color:rgba(255,255,255,.16)!important}

/* ===== 和心 · 情绪价值模块 ===== */
.mood-tabs{gap:14px}
.mood-tab{border-color:var(--hs-line);background:#FFFFFF}
.mood-tab:hover{border-color:var(--w-8a6a4f);box-shadow:var(--hs-shadow-sm)}
.mood-tab.active{border-color:#d11305;background:linear-gradient(180deg,#ffffff,var(--w-fbf4e8));box-shadow:0 8px 22px rgba(209,19,5,.13)}
.mood-tab-k{color:var(--w-7f6247)}
.mood-tab-t{color:var(--w-42301f)}
.mood-panel{background:linear-gradient(180deg,#FFFFFF 0%,var(--w-fdf8f0) 100%);border-color:var(--hs-line)}
.mood-chip{color:#b31004;border-color:var(--hs-line)}
.mood-chip:hover{border-color:var(--w-8a6a4f)}
.mood-chip.on{background:var(--hs-grad-brand);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(209,19,5,.24)}
.chap{background:#ffffff;border-color:var(--w-fbf4e8)}
.chap:hover{border-color:var(--w-8a6a4f);background:#ffffff;box-shadow:var(--hs-shadow-sm)}
.chap-no{background:linear-gradient(135deg,var(--w-fbf4e8),var(--w-f7efe2));color:#b31004}
.reader{color:var(--w-5a4030)}
.reader .tie{background:var(--w-fbf4e8);border-left-color:var(--w-8a6a4f)}
.dose-c,.wall-c,.radio-c{background:#ffffff;border-color:var(--w-fbf4e8)}
.dose-c:hover,.wall-c:hover,.radio-c:hover{border-color:var(--w-8a6a4f);box-shadow:var(--hs-shadow-sm)}
.dose-m{color:#d11305;background:#FDEEEC}
.wall-c.feat{border-color:var(--w-eadcc6);background:#ffffff}
.wall-lt.on{background:var(--hs-grad-brand);border-color:transparent}
.wall-lt:hover{color:#d11305}
.wall-rep{background:var(--w-fbf4e8);color:var(--w-7f6247)}
.mood-input{background:#ffffff;border-color:var(--hs-line)}
.mood-input:focus{border-color:var(--w-8a6a4f);background:#fff;box-shadow:0 0 0 3px rgba(var(--wrgb-brown),.14)}
.lab-opt{color:var(--w-5a4030);border-color:var(--hs-line)}
.lab-opt:hover{border-color:var(--w-8a6a4f);background:#ffffff}
.lab-bar{background:var(--w-fbf4e8)}

/* ===== 页脚：深暖墨 ===== */
.footer{background:linear-gradient(180deg,var(--w-3a2a1e) 0%,var(--w-33241a) 100%);border-top:3px solid var(--w-8a6a4f)}
.footer-title{color:var(--w-e3c9a3)}
.back-top{background:var(--hs-grad-brand);box-shadow:0 6px 18px rgba(209,19,5,.32)}
.back-top:hover{background:linear-gradient(135deg,#de3a2b,#ef7a66)}
.toast{background:#d11305;box-shadow:0 8px 24px rgba(209,19,5,.30)}
.modal-box{background:#ffffff}
.form-item input:focus,.form-item textarea:focus{border-color:#d11305;box-shadow:0 0 0 3px rgba(209,19,5,.12)}

/* ===== inline style block 1 (from index.html) ===== */
/* [v11] 和事老四主题 · 暖杏和解(默认)/青竹和风/暮山紫韵/晴岚蓝韵 */
:root{
--w-33241a:#33241a;
--w-3a2a1e:#3a2a1e;
--w-42301f:#42301f;
--w-4a3626:#4a3626;
--w-4a3f35:#4a3f35;
--w-5a4030:#5a4030;
--w-5c5147:#5c5147;
--w-6b5a4a:#6b5a4a;
--w-6b6156:#6b6156;
--w-6e523b:#6e523b;
--w-7a5c2e:#7a5c2e;
--w-7f6247:#7f6247;
--w-854f0b:#854f0b;
--w-8a4a22:#8a4a22;
--w-8a4b2a:#8a4b2a;
--w-8a6520:#8a6520;
--w-8a6a4f:#8a6a4f;
--w-8a6a5f:#8a6a5f;
--w-8a7563:#8a7563;
--w-8a7a66:#8a7a66;
--w-93826d:#93826d;
--w-a5825f:#a5825f;
--w-b08968:#b08968;
--w-b0a28c:#b0a28c;
--w-b3843e:#b3843e;
--w-ba7517:#ba7517;
--w-c2703c:#c2703c;
--w-c89b6d:#c89b6d;
--w-c8a96e:#c8a96e;
--w-c96f4a:#c96f4a;
--w-c9c0b6:#c9c0b6;
--w-d8c4a8:#d8c4a8;
--w-e0862c:#e0862c;
--w-e3c9a3:#e3c9a3;
--w-e8cfa5:#e8cfa5;
--w-eadcc6:#eadcc6;
--w-ede2d2:#ede2d2;
--w-f0e2cc:#f0e2cc;
--w-f0e2d0:#f0e2d0;
--w-f0e4d8:#f0e4d8;
--w-f2e7d6:#f2e7d6;
--w-f5eadb:#f5eadb;
--w-f5efe2:#f5efe2;
--w-f7efe2:#f7efe2;
--w-f8efe2:#f8efe2;
--w-faeeda:#faeeda;
--w-fbefe4:#fbefe4;
--w-fbf3df:#fbf3df;
--w-fbf3ec:#fbf3ec;
--w-fbf4e8:#fbf4e8;
--w-fdf2e4:#fdf2e4;
--w-fdf7f0:#fdf7f0;
--w-fdf8f0:#fdf8f0;
--w-ffd9a0:#ffd9a0;
--w-fff9f0:#fff9f0;
--w-fff9f2:#fff9f2;
--w-fffbf0:#fffbf0;
--w-fffbf4:#fffbf4;
--wrgb-mid:200,155,109;
--wrgb-brown:138,106,79;
--wrgb-dark:74,54,38;
--wrgb-coral:201,111,74;
--wrgb-gold:179,132,62;
--wrgb-ink:38,30,24;
}
html[data-theme="bamboo"]{
--w-33241a:#1b291f;
--w-3a2a1e:#1b291f;
--w-42301f:#283b2e;
--w-4a3626:#283b2e;
--w-4a3f35:#394b3e;
--w-5a4030:#394b3e;
--w-5c5147:#4c5d51;
--w-6b5a4a:#4c5d51;
--w-6b6156:#5c6b60;
--w-6e523b:#4c5d51;
--w-7a5c2e:#5c6b60;
--w-7f6247:#5c6b60;
--w-854f0b:#4c5d51;
--w-8a4a22:#4c5d51;
--w-8a4b2a:#4c5d51;
--w-8a6520:#5c6b60;
--w-8a6a4f:#6b786b;
--w-8a6a5f:#6b786b;
--w-8a7563:#6b786b;
--w-8a7a66:#6b786b;
--w-93826d:#7c8971;
--w-a5825f:#7c8971;
--w-b08968:#7c8971;
--w-b0a28c:#92ab7a;
--w-b3843e:#7c8971;
--w-ba7517:#7c8971;
--w-c2703c:#7c8971;
--w-c89b6d:#92ab7a;
--w-c8a96e:#92ab7a;
--w-c96f4a:#7c8971;
--w-c9c0b6:#beccab;
--w-d8c4a8:#beccab;
--w-e0862c:#92ab7a;
--w-e3c9a3:#beccab;
--w-e8cfa5:#beccab;
--w-eadcc6:#d8e1cc;
--w-ede2d2:#e3e9d7;
--w-f0e2cc:#e3e9d7;
--w-f0e2d0:#e3e9d7;
--w-f0e4d8:#e3e9d7;
--w-f2e7d6:#e3e9d7;
--w-f5eadb:#eef1e3;
--w-f5efe2:#eef1e3;
--w-f7efe2:#eef1e3;
--w-f8efe2:#eef1e3;
--w-faeeda:#eef1e3;
--w-fbefe4:#eef1e3;
--w-fbf3df:#f3f6ea;
--w-fbf3ec:#f3f6ea;
--w-fbf4e8:#f3f6ea;
--w-fdf2e4:#f3f6ea;
--w-fdf7f0:#f8f9f1;
--w-fdf8f0:#f8f9f1;
--w-ffd9a0:#d8e1cc;
--w-fff9f0:#f8f9f1;
--w-fff9f2:#fbfcf6;
--w-fffbf0:#fbfcf6;
--w-fffbf4:#fbfcf6;
--wrgb-mid:146,171,122;
--wrgb-brown:107,120,107;
--wrgb-dark:40,59,46;
--wrgb-coral:124,137,113;
--wrgb-gold:124,137,113;
--wrgb-ink:27,41,31;
}
html[data-theme="violet"]{
--w-33241a:#2b233d;
--w-3a2a1e:#2b233d;
--w-42301f:#3c3251;
--w-4a3626:#3c3251;
--w-4a3f35:#4b4162;
--w-5a4030:#4b4162;
--w-5c5147:#5d5572;
--w-6b5a4a:#5d5572;
--w-6b6156:#6a647b;
--w-6e523b:#5d5572;
--w-7a5c2e:#6a647b;
--w-7f6247:#6a647b;
--w-854f0b:#5d5572;
--w-8a4a22:#5d5572;
--w-8a4b2a:#5d5572;
--w-8a6520:#6a647b;
--w-8a6a4f:#787188;
--w-8a6a5f:#787188;
--w-8a7563:#787188;
--w-8a7a66:#787188;
--w-93826d:#8a819c;
--w-a5825f:#8a819c;
--w-b08968:#8a819c;
--w-b0a28c:#a99fbd;
--w-b3843e:#8a819c;
--w-ba7517:#8a819c;
--w-c2703c:#8a819c;
--w-c89b6d:#a99fbd;
--w-c8a96e:#a99fbd;
--w-c96f4a:#8a819c;
--w-c9c0b6:#ccc3d9;
--w-d8c4a8:#ccc3d9;
--w-e0862c:#a99fbd;
--w-e3c9a3:#ccc3d9;
--w-e8cfa5:#ccc3d9;
--w-eadcc6:#e0dce9;
--w-ede2d2:#e9e5f0;
--w-f0e2cc:#e9e5f0;
--w-f0e2d0:#e9e5f0;
--w-f0e4d8:#e9e5f0;
--w-f2e7d6:#e9e5f0;
--w-f5eadb:#f1eff6;
--w-f5efe2:#f1eff6;
--w-f7efe2:#f1eff6;
--w-f8efe2:#f1eff6;
--w-faeeda:#f1eff6;
--w-fbefe4:#f1eff6;
--w-fbf3df:#f5f4fa;
--w-fbf3ec:#f5f4fa;
--w-fbf4e8:#f5f4fa;
--w-fdf2e4:#f5f4fa;
--w-fdf7f0:#f9f7fc;
--w-fdf8f0:#f9f7fc;
--w-ffd9a0:#e0dce9;
--w-fff9f0:#f9f7fc;
--w-fff9f2:#fcfbfd;
--w-fffbf0:#fcfbfd;
--w-fffbf4:#fcfbfd;
--wrgb-mid:169,159,189;
--wrgb-brown:120,113,136;
--wrgb-dark:60,50,81;
--wrgb-coral:138,129,156;
--wrgb-gold:138,129,156;
--wrgb-ink:43,35,61;
}
html[data-theme="azure"]{
--w-33241a:#182640;
--w-3a2a1e:#182640;
--w-42301f:#1e3959;
--w-4a3626:#1e3959;
--w-4a3f35:#2b4867;
--w-5a4030:#2b4867;
--w-5c5147:#3d5b7a;
--w-6b5a4a:#3d5b7a;
--w-6b6156:#4b6b88;
--w-6e523b:#3d5b7a;
--w-7a5c2e:#4b6b88;
--w-7f6247:#4b6b88;
--w-854f0b:#3d5b7a;
--w-8a4a22:#3d5b7a;
--w-8a4b2a:#3d5b7a;
--w-8a6520:#4b6b88;
--w-8a6a4f:#577796;
--w-8a6a5f:#577796;
--w-8a7563:#577796;
--w-8a7a66:#577796;
--w-93826d:#6488ae;
--w-a5825f:#6488ae;
--w-b08968:#6488ae;
--w-b0a28c:#83a7ca;
--w-b3843e:#6488ae;
--w-ba7517:#6488ae;
--w-c2703c:#6488ae;
--w-c89b6d:#83a7ca;
--w-c8a96e:#83a7ca;
--w-c96f4a:#6488ae;
--w-c9c0b6:#b0cae2;
--w-d8c4a8:#b0cae2;
--w-e0862c:#83a7ca;
--w-e3c9a3:#b0cae2;
--w-e8cfa5:#b0cae2;
--w-eadcc6:#cfe0ef;
--w-ede2d2:#dce8f4;
--w-f0e2cc:#dce8f4;
--w-f0e2d0:#dce8f4;
--w-f0e4d8:#dce8f4;
--w-f2e7d6:#dce8f4;
--w-f5eadb:#e9f1f9;
--w-f5efe2:#e9f1f9;
--w-f7efe2:#e9f1f9;
--w-f8efe2:#e9f1f9;
--w-faeeda:#e9f1f9;
--w-fbefe4:#e9f1f9;
--w-fbf3df:#eef6fb;
--w-fbf3ec:#eef6fb;
--w-fbf4e8:#eef6fb;
--w-fdf2e4:#eef6fb;
--w-fdf7f0:#f4f9fc;
--w-fdf8f0:#f4f9fc;
--w-ffd9a0:#cfe0ef;
--w-fff9f0:#f4f9fc;
--w-fff9f2:#f8fcff;
--w-fffbf0:#f8fcff;
--w-fffbf4:#f8fcff;
--wrgb-mid:131,167,202;
--wrgb-brown:87,119,150;
--wrgb-dark:30,57,89;
--wrgb-coral:100,136,174;
--wrgb-gold:100,136,174;
--wrgb-ink:24,38,64;
}
svg[fill="#c89b6d"]{fill:var(--w-c89b6d);}
svg[stroke="#c89b6d"]{stroke:var(--w-c89b6d);}
svg[fill="#8a6a5f"]{fill:var(--w-8a6a5f);}
svg[stroke="#c96f4a"]{stroke:var(--w-c96f4a);}
svg[fill="#8a4b2a"]{fill:var(--w-8a4b2a);}
#hs-theme-btn{position:fixed;left:18px;bottom:22px;z-index:9990;width:44px;height:44px;
border-radius:50%;border:2px solid rgba(255,255,255,.9);cursor:pointer;
background:conic-gradient(#de3a2b,#ffd9a0,#4e8a6d,#5b4fa3,#de3a2b);
box-shadow:0 6px 16px rgba(56,42,30,.30);display:flex;align-items:center;justify-content:center;
transition:transform .2s;-webkit-tap-highlight-color:transparent}
#hs-theme-btn:active{transform:scale(.9)}
#hs-theme-dot{width:20px;height:20px;border-radius:50%;background:#c89b6d;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:background .3s}
html.theming *{transition:background-color .35s ease,border-color .35s ease,color .35s ease,fill .35s ease,box-shadow .35s ease!important}
@media (prefers-reduced-motion:reduce){html.theming *{transition:none!important}}

/* ===== inline style block 2 (from index.html) ===== */
/* 5 主栏 + 便民服务 导航补丁（2026-09-22） */
/* 便民服务聚合页 + 情绪价值全景地图（禾木 2026-09-22 下午） */
.chn-lead{margin:0 0 16px;color:var(--w-7f6247);font-size:13.5px;line-height:1.9}
.bm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.bm-card{display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid var(--w-f7efe2);border-radius:12px;padding:16px 18px;cursor:pointer;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px rgba(var(--wrgb-dark),.05)}
.bm-card:hover{border-color:#B31004;transform:translateY(-3px);box-shadow:0 8px 20px rgba(209,19,5,.12)}
.bm-ic{font-size:24px;line-height:1}
.bm-card b{font-family:'Noto Serif SC',serif;font-size:15.5px;color:var(--w-42301f);font-weight:800}
.bm-card i{font-style:normal;font-size:12px;color:var(--w-7f6247)}
.emo-wrap{background:linear-gradient(135deg,#FFFBF8,#FDF1EE);border:1px solid rgba(209,19,5,.12);border-radius:16px;padding:8px}
.emo-map{display:block;width:100%;height:auto}
.emo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.emo-c{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--w-f7efe2);border-radius:14px;padding:18px;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px rgba(var(--wrgb-dark),.05)}
.emo-c:hover{border-color:#B31004;transform:translateY(-3px);box-shadow:0 10px 24px rgba(209,19,5,.12)}
.emo-c-ic{font-size:26px;line-height:1}
.emo-c b{font-family:'Noto Serif SC',serif;font-size:17px;font-weight:900;color:#333333}
.emo-c i{font-style:normal;font-size:12.5px;color:var(--w-6b5a4a);line-height:1.85}
.emo-c-go{font-size:12.5px;color:#B31004;font-weight:700;margin-top:2px}
.mv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.mv-c{background:#fff;border:1px solid rgba(78,138,109,.25);border-radius:14px;padding:20px 18px;box-shadow:0 4px 16px rgba(var(--wrgb-dark),.05)}
.svc-bar{display:none!important}
.nav-menu-bar .nav-link{font-size:15px;padding:0 16px}
@media(max-width:1080px){.nav-menu-bar .nav-link{font-size:14px;padding:0 11px}}
@media(max-width:768px){
  .nav-menu-bar .nav-link{font-size:15px;padding:0 20px}
  .nav-dropdown{width:100%}
  .nav-dropdown>.nav-link{width:100%}
  .nav-dropdown-menu{position:static;left:auto;top:auto;transform:none;min-width:0;margin:0;border:none;border-radius:0;box-shadow:none;background:#FAF7F4;padding:2px 0}
  .nav-dropdown-menu.open{animation:none}
  .nav-dropdown-menu a{padding:9px 34px;font-size:13.5px}
  .nav-dropdown-menu a:hover{padding-left:38px}
}

/* ===== inline style block 3 (from index.html) ===== */
/* 茶馆访谈 · 醒目金胶囊（深红导航底上的高亮入口） */
.nv-hot{background:linear-gradient(135deg,#FFD98A,#F5B942)!important;color:#7A0902!important;border-radius:999px!important;height:38px!important;align-self:center;margin:0 10px!important;padding:0 18px!important;border-bottom:none!important;font-weight:800!important;text-shadow:none!important;box-shadow:0 2px 10px rgba(245,185,66,.45);animation:nvHot 2.2s ease-in-out infinite}
.nv-hot:hover,.nv-hot.active{background:linear-gradient(135deg,#FFE3A6,#FFC95E)!important;color:#7A0902!important;border-bottom:none!important}
@keyframes nvHot{0%,100%{box-shadow:0 2px 10px rgba(245,185,66,.40)}50%{box-shadow:0 2px 18px rgba(255,217,138,.95)}}
@media(max-width:760px){.nv-hot{height:34px!important;margin:6px 10px!important;display:inline-flex}}

/* ===== inline style block 4 (from index.html) ===== */
.svc-bar{background:linear-gradient(180deg,#ffffff 0%,var(--w-fdf8f0) 100%);border-bottom:1px solid rgba(var(--wrgb-mid),.51)}
.svc-inner{max-width:1280px;margin:0 auto;padding:12px 20px}
.svc-strip{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
.svc-brand{flex:0 0 72px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#B31004,#D11305);border-radius:12px;color:#ffffff;font-family:'Noto Serif SC',serif;font-size:15px;font-weight:800;letter-spacing:3px;line-height:1.5;box-shadow:0 4px 12px rgba(209,19,5,.28);user-select:none}
.svc-c{flex:1 1 118px;min-width:118px;display:flex;align-items:center;gap:9px;background:#ffffff;border:1px solid rgba(var(--wrgb-mid),.59);border-radius:12px;padding:8px 10px;cursor:pointer;transition:all .22s ease;user-select:none;text-decoration:none}
.svc-c:hover{transform:translateY(-2px);border-color:rgba(209,19,5,.45);box-shadow:0 8px 18px rgba(209,19,5,.13)}
.svc-c:hover .svc-t{color:#b31004}
.svc-ic{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:17px;color:#ffffff;box-shadow:0 3px 8px rgba(var(--wrgb-dark),.16)}
.svc-tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.svc-t{font-size:13.5px;font-weight:800;color:#333333;letter-spacing:.5px;white-space:nowrap}
.svc-d{font-size:10.5px;color:var(--w-7f6247);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1080px){
.svc-brand{flex:1 1 100%;letter-spacing:8px;padding:7px 0;font-size:14.5px;line-height:1}
.svc-c{flex:1 1 calc(25% - 10px)}
}
@media(max-width:560px){
.svc-brand{letter-spacing:10px}
.svc-c{flex-direction:column;gap:5px;padding:9px 4px 8px;text-align:center}
.svc-ic{width:32px;height:32px;font-size:16px}
.svc-t{font-size:12px;letter-spacing:0}
.svc-d{display:none}
}

/* ===== inline style block 5 (from index.html) ===== */
.chn-hero{position:relative;text-align:center;color:#fff;padding:46px 18px 42px;border-radius:0 0 24px 24px}
.chn-hero-ic{display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;font-size:34px;background:rgba(255,255,255,.16);border-radius:18px}
.chn-hero-t{font-size:27px;font-weight:800;margin:14px 0 8px;letter-spacing:3px}
.chn-hero-d{margin:0;font-size:13.5px;opacity:.92;letter-spacing:1px}
.chn-wrap{max-width:1000px;margin:0 auto;padding:26px 16px 46px}
.chn-sec{background:#fff;border:1px solid var(--w-f7efe2);border-radius:14px;padding:20px 22px;margin-bottom:16px;box-shadow:0 2px 10px rgba(var(--wrgb-dark),.05)}
.chn-sec-t{margin:0 0 14px;font-size:17px;font-weight:800;color:var(--w-42301f);line-height:1.3;padding-left:10px;border-left:4px solid #B31004}
.chn-list{margin:0;padding-left:20px;color:var(--w-5a4030);font-size:14.5px;line-height:1.95}
.chn-list b{color:var(--w-42301f)}
.chn-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:900px){.chn-steps{grid-template-columns:repeat(2,1fr)}.chn-hero-t{font-size:23px}.chn-sec{padding:18px 16px}}
@media(max-width:560px){.chn-steps{grid-template-columns:1fr}.chn-cta{flex-direction:column;align-items:stretch}.chn-cta .chn-btn{text-align:center}}
.chn-step{background:var(--w-fdf8f0);border:1px solid var(--w-f7efe2);border-radius:12px;padding:16px 12px;text-align:center}
.chn-step-n{display:inline-block;width:26px;height:26px;line-height:26px;border-radius:50%;background:#B31004;color:#fff;font-weight:800;font-size:13px;margin-bottom:8px}
.chn-step b{display:block;font-size:14px;color:var(--w-42301f);margin-bottom:5px}
.chn-step p{margin:0;font-size:12.5px;color:var(--w-7f6247);line-height:1.55}
.chn-note{background:var(--w-fff9f0);border-color:var(--w-f0e2cc)}
.chn-note .chn-sec-t{border-left-color:var(--w-b3843e);color:var(--w-7a5c2e)}
.chn-note p{margin:0;font-size:13px;color:var(--w-8a6a4f);line-height:1.85}
.chn-cta{display:flex;gap:14px;justify-content:center;margin-top:4px}
.chn-btn{display:inline-block;padding:12px 34px;border-radius:999px;background:linear-gradient(135deg,#B31004,#D11305);color:#fff;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none}
.chn-btn.ghost{background:#fff;color:#B31004;border:1px solid #B31004}
.chn-local{margin:0 0 10px;font-size:13.5px;color:var(--w-42301f);line-height:1.8;background:var(--w-fdf8f0);border:1px solid var(--w-f2e7d6);border-radius:10px;padding:10px 14px}
.chn-local b{color:#B31004}
.prov-net{margin:0 0 12px;font-size:13px;color:var(--w-5a4030);line-height:1.85}
.prov-net b{color:var(--w-42301f)}
.prov-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.prov-b{display:block;text-align:center;padding:8px 2px;border:1px solid var(--w-f2e7d6);border-radius:8px;background:#fff;color:var(--w-42301f);font-size:13px;cursor:pointer;text-decoration:none;transition:all .15s}
.prov-b:hover{border-color:#B31004;color:#B31004}
.prov-b.on{background:linear-gradient(135deg,#B31004,#D11305);border-color:#B31004;color:#fff;font-weight:700}
.prov-info{margin:12px 0 0;font-size:13.5px;color:var(--w-42301f);line-height:1.8;background:var(--w-fff9f0);border:1px dashed var(--w-e8cfa5);border-radius:10px;padding:10px 14px}
.prov-info b{color:#B31004}
.chn-prov-note{margin:10px 0 0;font-size:12px;color:var(--w-7f6247);line-height:1.7}
@media(max-width:760px){.prov-grid{grid-template-columns:repeat(4,1fr)}}

/* ===== inline style block 6 (from index.html) ===== */
.hs-story{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:14px;margin-top:16px}
.hs-story-c{background:#fff;border:1px solid rgba(var(--wrgb-brown),.24);border-radius:14px;padding:18px 18px 14px;box-shadow:0 2px 10px rgba(var(--wrgb-dark),.05);transition:all .2s}
.hs-story-c:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(var(--wrgb-brown),.14)}
.hs-story-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--w-7f6247);background:rgba(var(--wrgb-brown),.10);border-radius:999px;padding:3px 10px}
.hs-story-t{font-family:'Noto Serif SC',serif;font-size:16.5px;font-weight:800;color:var(--w-4a3626);margin:10px 0 8px;letter-spacing:.5px}
.hs-story-d{font-size:13px;color:#555;line-height:1.85}

/* ===== inline style block 7 (from index.html) ===== */
.help-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(var(--wrgb-mid),.59);border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:700;color:#333;cursor:pointer;transition:all .2s ease;text-decoration:none;user-select:none}
.help-chip:hover{border-color:#B31004;color:#B31004;transform:translateY(-2px);box-shadow:0 6px 14px rgba(209,19,5,.12)}

/* ===== inline style block 8 (from index.html) ===== */
/* 焦点大图合体+专家甄选（20260918） */
.xinhua-focus-grid.focus4{grid-template-columns:minmax(0,1.52fr) minmax(0,1fr);gap:16px}
.fx-merge{display:flex;flex-direction:column;gap:12px;min-width:0}
.fx-hero{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;flex:1;min-height:300px;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.fx-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.fx-hero:hover img{transform:scale(1.04)}
.fx-hero .tag{position:absolute;top:14px;left:14px;z-index:3;background:#d11305;color:#ffffff;font-size:12px;font-weight:900;padding:4px 12px;border-radius:4px;letter-spacing:2px}
.fx-hero .ovl{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:46px 20px 16px;background:linear-gradient(to top,rgba(6,10,18,.92) 0%,rgba(6,10,18,.55) 55%,rgba(6,10,18,0) 100%);color:#ffffff}
.fx-hero .ovl h3{font-family:'Noto Serif SC',serif;font-size:20px;font-weight:900;margin:0;line-height:1.4;color:#ffffff;text-shadow:0 2px 6px rgba(0,0,0,.72)}
.fx-hero .ovl p{margin:5px 0 0;font-size:12px;color:rgba(255,255,255,.88);text-shadow:0 1px 4px rgba(0,0,0,.7)}
.fx-pubs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.fx-pub{display:flex;flex-direction:column;gap:4px;background:#ffffff;border:1px solid #e5e5e5;border-radius:10px;padding:10px 12px;cursor:pointer;text-decoration:none;transition:all .2s;min-width:0}
.fx-pub:hover{border-color:var(--w-c89b6d);box-shadow:0 6px 16px rgba(0,0,0,.10);transform:translateY(-2px)}
.fx-pt{align-self:flex-start;font-size:11px;font-weight:900;color:#ffffff;padding:2px 9px;border-radius:3px;letter-spacing:1px}
.fx-px{font-size:13px;font-weight:700;color:#333333;line-height:1.45}
.fx-pub:hover .fx-px{color:#d11305}
.fx-pa{font-size:11px;color:#d11305;font-weight:700}
.fx-experts{background:#ffffff;border:1px solid #e5e5e5;border-radius:12px;padding:16px 16px 14px;display:flex;flex-direction:column;min-width:0;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.fx-ex-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.fx-ex-badge{background:#d11305;color:#ffffff;font-size:11px;font-weight:900;padding:3px 9px;border-radius:4px;letter-spacing:2px}
.fx-ex-head b{font-family:'Noto Serif SC',serif;font-size:17px;color:#333333;letter-spacing:1px}
.fx-ex-more{margin-left:auto;font-size:12px;color:#d11305;font-weight:700;cursor:pointer}
.fx-ex-grid{display:flex;flex-direction:column;gap:10px;flex:1}
.fx-ex-card{border:1px solid var(--w-f7efe2);border-radius:10px;padding:10px 12px;transition:all .2s;background:linear-gradient(135deg,#fdfdfd 0%,var(--w-fdf8f0) 100%)}
.fx-ex-card:hover{border-color:rgba(209,19,5,.30);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.fx-ex-top{display:flex;gap:10px;align-items:flex-start}
.fx-ex-ava{flex:0 0 auto;width:44px;height:44px;border-radius:50%;color:#ffffff;font-size:19px;font-weight:900;display:flex;align-items:center;justify-content:center;font-family:'Noto Serif SC',serif;box-shadow:0 2px 8px rgba(0,0,0,.16)}
.fx-ex-who{min-width:0}
.fx-ex-name{font-size:15px;font-weight:900;color:#333333;line-height:1.3}
.fx-ex-badge2{display:inline-block;vertical-align:2px;margin-left:6px;font-size:10px;font-weight:700;color:#b31004;background:rgba(179,16,4,.08);border:1px solid rgba(179,16,4,.25);padding:1px 7px;border-radius:10px;letter-spacing:1px}
.fx-ex-title{font-size:12px;color:#666666;margin-top:2px;line-height:1.5}
.fx-ex-role{font-size:12px;color:#d11305;font-weight:700;margin-top:1px}
.fx-ex-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}
.fx-ex-tags span{font-size:11px;color:var(--w-7f6247);background:rgba(var(--wrgb-mid),.17);border:1px solid rgba(var(--wrgb-mid),.37);padding:2px 8px;border-radius:10px}
.fx-ex-note{margin-top:11px;font-size:11px;color:#999999;line-height:1.7;border-top:1px dashed #e5e5e5;padding-top:9px}
@media(max-width:1024px){.xinhua-focus-grid.focus4{grid-template-columns:1fr}.fx-hero{min-height:230px}.fx-pubs{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.fx-pubs{grid-template-columns:1fr}}
/* 和事大使 · 六类人群（20260918） */
.amb-crowd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.amb-crowd-card{background:#ffffff;border:1px solid #e5e5e5;border-radius:12px;padding:18px 16px 14px;transition:all .2s;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.amb-crowd-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.10);border-color:var(--w-c89b6d)}
.acc-ic{width:54px;height:54px;border-radius:14px;font-size:28px;display:flex;align-items:center;justify-content:center;margin-bottom:9px}
.acc-name{font-size:16px;font-weight:900;color:#333333;margin-bottom:7px}
.acc-lead{display:inline-block;margin-left:6px;font-size:10px;font-weight:700;color:#ffffff;background:#d11305;padding:1px 8px;border-radius:8px;vertical-align:2px;letter-spacing:1px}
.acc-fit,.acc-do{font-size:12.5px;color:#666666;line-height:1.8}
.acc-fit b,.acc-do b{color:#b31004}
.acc-go{margin-top:auto;padding-top:10px;font-size:12px;color:#d11305;font-weight:700;cursor:pointer;align-self:flex-start}
.acc-go:hover{text-decoration:underline}
@media(max-width:1024px){.amb-crowd-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.amb-crowd-grid{grid-template-columns:1fr}}

/* ===== inline style block 9 (from index.html) ===== */
/* 獾访谈 · 视频栏目（20260918-2） */
.fx-tv{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
@keyframes fxblink{0%,100%{opacity:1}50%{opacity:.25}}
.fx-tvbar{display:flex;align-items:center;gap:10px;background:#ffffff;border:1px solid #e5e5e5;border-radius:10px;padding:9px 13px;flex-wrap:wrap}
.fx-tvname{font-size:13px;font-weight:900;color:#333333}
.fx-tvsched{font-size:11.5px;color:#666666}
.fx-ex-crowd{margin-top:10px;border-top:1px dashed #e5e5e5;padding-top:10px}
.fx-crowd-t{font-size:12px;font-weight:900;color:#333333;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.fx-crowd-more{margin-left:auto;font-size:11px;color:#d11305;font-weight:700;cursor:pointer}
.fx-crowd-chips{display:flex;flex-wrap:wrap;gap:6px}
.fx-chip{font-size:11px;color:#b31004;background:rgba(179,16,4,.06);border:1px solid rgba(179,16,4,.20);padding:3px 9px;border-radius:12px;cursor:pointer;transition:all .2s}
.fx-chip:hover{background:#d11305;color:#ffffff}
/* ===== 和事堂 · 情绪小视频窗口墙（20260922-v6：原「焦点大图」单屏 → 四窗情绪短片） ===== */
.fx-wall-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:1;min-height:0}
.fx-win{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:#ffffff;border:1px solid #e5e5e5;min-width:0;min-height:0;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:border-color .22s,box-shadow .22s,transform .22s}
.fx-win:hover{transform:translateY(-2px);border-color:rgba(209,19,5,.34);box-shadow:0 8px 22px rgba(0,0,0,.13)}
.fx-win-v{position:relative;flex:1;min-height:150px;background:#0d2b21;overflow:hidden;cursor:pointer}
.fx-win-v video{width:100%;height:100%;object-fit:cover;display:block;background:#0d2b21}
.fx-win-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,rgba(6,10,18,.44) 0%,rgba(6,10,18,.06) 46%,rgba(6,10,18,.26) 100%);pointer-events:none}
.fx-win-play i{width:46px;height:46px;border-radius:50%;background:rgba(209,19,5,.92);color:#ffffff;font-size:17px;font-style:normal;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.42);padding-left:4px;transition:transform .2s}
.fx-win:hover .fx-win-play i{transform:scale(1.08)}
.fx-win-v.playing .fx-win-play{display:none}
.fx-win-badge{position:absolute;top:8px;left:8px;z-index:3;background:rgba(209,19,5,.92);color:#ffffff;font-size:10px;font-weight:900;letter-spacing:1px;padding:3px 9px;border-radius:4px;pointer-events:none}
.fx-win-cap{display:flex;align-items:center;gap:8px;padding:8px 10px 9px;background:#ffffff}
.fx-win-cap b{font-family:'Noto Serif SC',serif;font-size:12.5px;font-weight:900;color:#333333;line-height:1.4;flex:1;min-width:0}
.fx-win-go{flex-shrink:0;font-size:10.5px;font-weight:700;color:#b31004;background:#FDEEEC;border:1px solid rgba(209,19,5,.20);padding:2px 8px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.fx-win-go:hover{background:#d11305;color:#ffffff}
.fx-wall-live{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:900;color:#b31004;background:rgba(179,16,4,.07);border:1px solid rgba(179,16,4,.22);padding:3px 10px;border-radius:12px;letter-spacing:1px}
.fx-wall-live i{width:7px;height:7px;border-radius:50%;background:#d11305;animation:fxblink 1.1s infinite}
@media(max-width:1024px){.fx-win-v{min-height:170px}}
@media(max-width:560px){.fx-tvsched{display:none}.fx-wall-grid{grid-template-columns:1fr}.fx-wall-grid .fx-win-v{min-height:190px}}

/* ===== inline style block 10 (from index.html) ===== */
/* ===== 和解工具箱（20260922-v8）===== */
.tb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:14px}
.tb-card{background:linear-gradient(152deg,#FFFBF7,var(--w-fbf3ec));border:1px solid rgba(var(--wrgb-coral),.28);border-radius:12px;padding:16px 16px 14px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;scroll-margin-top:90px}
.tb-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(var(--wrgb-brown),.14)}
.tb-card-h{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.tb-card-h i{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-style:normal;flex-shrink:0;background:rgba(var(--wrgb-coral),.14)}
.tb-card-h b{font-family:'Noto Serif SC',serif;font-size:15.5px;font-weight:900;color:var(--w-8a4b2a);letter-spacing:.5px}
.tb-card>p{margin:0 0 10px;font-size:12.5px;color:var(--w-6b5a4a);line-height:1.8}
.tb-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.tb-tags span{font-size:11px;color:var(--w-8a4b2a);background:rgba(var(--wrgb-coral),.10);border:1px solid rgba(var(--wrgb-coral),.24);padding:2px 8px;border-radius:10px}
.tb-role{margin-top:11px;padding-top:9px;border-top:1px dashed rgba(var(--wrgb-coral),.30);font-size:11.5px;color:#B31004;font-weight:700;line-height:1.7}
.tb-role a{color:#B31004;text-decoration:underline}
.boot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
@media(max-width:560px){.tb-grid{grid-template-columns:1fr}}

/* ===== inline style block 11 (from index.html) ===== */
@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.page-view.active{animation:pageIn .35s ease}
.heyu-btn{border:1px solid rgba(var(--wrgb-brown),.45);background:#fff;color:var(--w-8a6a4f);font-size:12.5px;font-weight:700;padding:5px 16px;border-radius:999px;cursor:pointer;transition:all .2s ease}
.heyu-btn:hover{background:var(--w-8a6a4f);color:#fff;border-color:var(--w-8a6a4f)}
.hexi-fab{position:fixed;right:18px;bottom:18px;z-index:10010;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--w-8a6a4f),#B31004);color:#fff;font-size:19px;border:none;cursor:pointer;box-shadow:0 6px 16px rgba(var(--wrgb-brown),.35);display:flex;align-items:center;justify-content:center;font-family:'Noto Serif SC',serif;transition:transform .2s ease}
.hexi-fab:hover{transform:scale(1.08)}
.hexi-mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10011;background:rgba(var(--wrgb-ink),.55);display:none;align-items:center;justify-content:center;padding:18px}
.hexi-mask.on{display:flex}
.hexi-panel{position:relative;width:min(94vw,430px);background:linear-gradient(180deg,var(--w-fffbf4),var(--w-f8efe2));border-radius:20px;padding:30px 26px 22px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.hexi-t{font-family:'Noto Serif SC',serif;font-size:20px;color:var(--w-5a4030);font-weight:800;letter-spacing:2px}
.hexi-s{font-size:12.5px;color:var(--w-93826d);line-height:1.8}
.hexi-circle{width:118px;height:118px;margin:16px auto;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--w-c89b6d),var(--w-8a6a4f));display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700;transform:scale(1);box-shadow:0 0 0 14px rgba(var(--wrgb-brown),.10)}
.hexi-count{font-size:14px;color:var(--w-8a6a4f);font-weight:700;margin-bottom:12px}
.hexi-go{display:inline-block;border:none;background:linear-gradient(135deg,var(--w-8a6a4f),#B31004);color:#fff;font-size:14px;font-weight:700;padding:9px 30px;border-radius:999px;cursor:pointer;letter-spacing:2px}
.hexi-x{position:absolute;top:8px;right:14px;border:none;background:none;font-size:22px;color:var(--w-93826d);cursor:pointer;line-height:1}
.hexi-audio{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 4px}
.hexi-spk{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--w-d8c4a8);background:var(--w-fffbf4);color:var(--w-8a6a4f);font-size:12.5px;font-weight:700;padding:7px 16px;border-radius:999px;cursor:pointer;font-family:inherit;transition:all .2s ease}
.hexi-spk:hover{background:var(--w-f5eadb);border-color:var(--w-c89b6d)}
.hexi-spk.on{background:linear-gradient(135deg,var(--w-8a6a4f),#B31004);border-color:transparent;color:#fff}
.hexi-spk-i{width:14px;height:14px;flex:0 0 14px}
.hexi-bar{display:none;width:100%;height:3px;border-radius:2px;background:var(--w-ede2d2);margin:8px 0 2px;overflow:hidden}
.hexi-bar.on{display:block}
.hexi-bar>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--w-c89b6d),#B31004);border-radius:2px}
.hexi-hint{font-size:11px;color:var(--w-b0a28c);margin:2px 0 0}
@media(max-width:560px){.hexi-fab{right:14px;bottom:14px;width:42px;height:42px;font-size:17px}}
@media (prefers-reduced-motion: reduce){.page-view.active{animation:none}.hexi-circle{transition:none!important}}

/* ===== inline style block 12 (from index.html) ===== */
/* ===== [v9] 暖杏和解 · 深色面文字保底 =====
   蓝族改暖后，原本"浅蓝字写在深底上"的组合必须提亮才能维持对比度。
   已按真机对比度审计（Edge CDP getComputedStyle 逐元素计算）在源处改写，
   此处仅保留页脚标题这一条兜底，防止后续改版回退。 */
.footer-title{color:var(--w-e3c9a3)}

/* ===== inline style block 13 (from index.html) ===== */
#hs-logo-btn{position:fixed;left:18px;bottom:76px;z-index:9990;width:44px;height:44px;border-radius:50%;border:2px solid #fff;cursor:pointer;background:#fff;box-shadow:0 6px 16px rgba(56,42,30,.30);display:flex;align-items:center;justify-content:center;transition:transform .2s;-webkit-tap-highlight-color:transparent}
#hs-logo-btn:active{transform:scale(.9)}
#hs-logo-btn img{width:28px;height:28px;border-radius:50%;display:block;pointer-events:none}

/* ============================================================
   RWD-HARDEN-20261015
   手机端导航与浮层加固 —— 基于 CDP 实测（390/360/768px）
   实测结论：
     · 768px 及以上横向溢出 = 0，既有 32 个媒体查询已覆盖
     · 390px 页面级无横向滚动（docW == vw）
     · 唯一硬伤 = 品牌行溢出：.nav-auth r=422 / .mb-toggle r=464
       成因：.nav-auth{flex-shrink:0} + .btn-auth{white-space:nowrap}
             品牌图 + 注册 + 登录 + 汉堡四件套在 390px 放不下
   本层只做收敛加固，不改桌面端任何视觉。
   ============================================================ */

/* ── 品牌行：允许收缩，登录注册按钮可压缩 ── */
@media(max-width:768px){
  .nav-inner{gap:8px;min-width:0}
  .nav-auth{flex-shrink:1;min-width:0;gap:6px}
  .btn-auth{padding:8px 12px;font-size:12.5px;letter-spacing:0;white-space:nowrap}
  .brand-full{height:76px;max-width:100%}
  .nav-logo img,.nav-logo{max-width:100%}
}

@media(max-width:480px){
  /* 登录/注册按钮在超窄屏改为紧凑型，避免挤出视口 */
  .btn-auth{padding:7px 9px;font-size:12px;border-radius:5px}
  .nav-auth{gap:4px}
  .brand-full{height:60px}
  .mb-toggle{padding:4px;font-size:20px}
}

@media(max-width:360px){
  .btn-auth{padding:6px 7px;font-size:11px}
  .nav-auth{gap:3px}
  .brand-full{height:52px}
}

/* ≤380px：品牌图进一步让位，确保登录/注册/汉堡三件全部在视口内 */
@media(max-width:380px){
  .brand-full{height:46px;max-width:132px}
  .nav-inner{gap:6px;padding-left:10px;padding-right:10px}
  .nav-auth{gap:2px}
  .btn-auth{padding:5px 6px;font-size:10.5px;letter-spacing:0}
  .mb-toggle{padding:2px;font-size:18px;width:26px;height:26px;display:flex;align-items:center;justify-content:center}
}

/* ── 浮层与固定件：贴边避让，勿超出视口 ── */
@media(max-width:768px){
  .modal-mask{padding:12px;box-sizing:border-box}
  /* 内联 max-width:440px 会盖过样式表，这里用 !important 收口 */
  .modal-box{box-sizing:border-box;width:100%;max-width:calc(100vw - 24px) !important;max-height:88vh;overflow:auto}
  .modal-box input,.modal-box textarea,.modal-box select{box-sizing:border-box;max-width:100%;width:100%}
  #hsQrBox{width:min(272px,calc(100vw - 32px))}
  .back-top{bottom:16px;right:12px;width:34px;height:34px}
  #hs-theme-btn{left:12px;bottom:14px}
  .hexi-fab{right:12px;bottom:12px}
  #hsService{left:12px;bottom:16px}
  #hs-logo-btn{left:12px;bottom:64px}
}

/* ── 服务卡片列宽：避免横向滚动 ── */
@media(max-width:768px){
  .svc-c{flex:1 1 calc(50% - 6px);min-width:0}
}
@media(max-width:480px){
  .svc-c{flex:1 1 100%}
}

/* ── 全局兜底：媒体元素不得撑破 ── */
img,video,canvas,svg{max-width:100%}
img,video{height:auto}

/* ── 页脚「本站性质与边界」四卡：内联 padding 在窄屏撑破 ──
   根因：这些卡片是匿名 div（无 class），只有内联 padding。
   属性选择器对无 class 元素不可靠，改用 footer 内联 padding 全面收口。 */
.footer div{box-sizing:border-box;max-width:100%}
@media(max-width:480px){
  /* 匿名卡片的内联 padding 统一压到 12px，横向占位 = 100% 内容 + 24px 内边距 */
  .footer div[style*="padding:22px 20px"],
  .footer div[style*="padding:20px 22px"],
  .footer div[style*="padding:20px 20px"],
  .footer div[style*="padding:20px 18px"],
  .footer div[style*="padding:18px"],
  .footer div[style*="padding:16px"]{padding:12px !important}
}
@media(max-width:380px){
  .footer div[style*="padding"]{padding:10px !important;line-height:1.75}
  .footer div[style*="font-size:17px"]{font-size:15px !important}
}

/* ── 减少动效偏好 ── */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* ============================================================
   RWD-PATCH-20261030
   响应式增量补丁 —— 基于 2026-10-30 真机多视口实测（1440/820/390/360）

   继承 RWD-HARDEN-20261015 已解决项，本层不重复：
     · 品牌行溢出（.nav-auth 可收缩 / 按钮压缩 / ≤380px 品牌图 46px）
     · 浮层贴边避让（modal-box / hsQrBox / back-top / fab）
     · 服务卡片列宽、媒体元素全局兜底、reduced-motion

   本层新增四项，每项均有 CDP 实测根因：
   ─────────────────────────────────────────────────────────
   [1] 空红条修复（真缺陷）
       根因：.nav-menu-bar 是深红渐变第二行（桌面高 60px），
             但移动端 .nav-links 被折叠进汉堡菜单 → 该条只剩背景、
             无内容，实测 navH=54px 的空白红带。
       方案：移动端保留该元素作为 #navLinks 的定位上下文（不隐藏它，
             否则绝对定位面板失去父容器会塌成 0 高度），但改为透明、
             零高度，并让菜单面板挂在其下。
   ─────────────────────────────────────────────────────────
   [2] 平板 769–1024px 横向滚动（真缺陷，10-15 未覆盖该断点）
       根因：.nav-auth（注册+登录两枚按钮）在 820px 视口下
             right=861 > vw=805，页面 scrollWidth=862 产生横向滚动。
       方案：769–1024px 区间压缩导航内边距、按钮与栏目间距。
   ─────────────────────────────────────────────────────────
   [3] 触控目标不达 44px（可访问性）
       根因：实测移动端 9 类可点击元素高度 < 40px
             （.btn-auth 32 / .mb-toggle 34 / .heyu-btn 28 等）。
       方案：移动端统一提升到 ≥44px。
   ─────────────────────────────────────────────────────────
   [4] 移动端正文可读性
       根因：顶栏链接、页脚政策链接、卡片描述等主要阅读文字
             为 11px，低于移动端可读下限。
       方案：仅提升「影响阅读」的四类；徽章/标签/SVG 地图标注
             保持原样（放大收益低且会破坏紧凑排版）。
   ============================================================ */

/* ── [1] 移动端：去掉空红条 + 汉堡菜单面板 ── */
@media(max-width:768px){
  /* 保留 .nav-menu-bar 作为 #navLinks 的定位上下文，但透明零高度 */
  .nav-menu-bar{
    background:transparent!important;border-bottom:none!important;box-shadow:none!important;
    position:absolute!important;top:110px!important;left:0!important;right:0!important;
    height:0!important;min-height:0!important;z-index:1001!important;
  }
  .nav-menu-inner{height:0!important;min-height:0!important;padding:0!important;overflow:visible!important}
  /* 展开面板：挂在零高度的 .nav-menu-bar 下 → top:0 即紧贴导航底边 */
  .nav-links{
    display:none;position:absolute;top:0;left:0;right:0;
    background:#ffffff!important;flex-direction:column;padding:6px 0;gap:0;
    z-index:1001;border-top:2px solid #f7f7f7;box-shadow:0 6px 20px rgba(0,0,0,.20);
    max-height:calc(100vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch;
    opacity:1!important;
  }
  .nav-links.open{display:flex}
  /* 汉堡菜单内的一级栏目：48px 触控高度 */
  .nav-links > .nav-link,
  .nav-links > .nav-dropdown > .nav-link{
    height:48px!important;min-height:48px!important;
    padding:0 18px!important;font-size:15px!important;line-height:48px!important;
    display:flex!important;align-items:center!important;
    border-bottom:1px solid #f0f0f0!important;
  }
  .nav-links > .nav-dropdown{width:100%!important}
  .nav-links > .nav-dropdown > .nav-link{width:100%!important}
  .nav-dropdown-menu a{
    padding:13px 34px!important;font-size:14px!important;
    min-height:44px;display:flex;align-items:center;
  }
  .nav-dropdown-menu a:hover{padding-left:34px!important}
}

/* ── [3] 移动端触控目标 ≥44px ── */
@media(max-width:768px){
  /* 汉堡按钮：明确可见可点 */
  .mb-toggle{
    width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:center;
    font-size:22px!important;line-height:1!important;color:#B31004!important;
    background:#FDF0EE!important;border:1px solid #E8C4BE!important;border-radius:8px!important;
    flex:0 0 44px!important;position:relative!important;z-index:1002!important;
    cursor:pointer!important;overflow:visible!important;
  }
  /* 品牌行：给汉堡按钮腾出位置（10-15 已做收缩，此处只补 flex 约束）*/
  .nav-auth{flex:0 0 auto!important;gap:4px!important;margin-left:auto!important}
  .nav-inner{gap:6px!important;padding-left:10px!important;padding-right:10px!important}
  .logo-area{flex:0 0 auto!important}
  /* 顶部注册/登录 ≥44px */
  .btn-auth{min-height:44px!important;padding:10px 9px!important;font-size:12px!important;
    min-width:0!important;letter-spacing:0!important}
  /* 顶栏链接可点区域 */
  .top-bar a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px}
  /* 通用主按钮 */
  .btn-red,.btn-gov,.btn-green,.btn-gold,.btn-hero,.btn-outline{
    min-height:44px!important;padding:12px 22px!important;
    display:inline-flex;align-items:center;justify-content:center;
  }
  /* 换一句 */
  .heyu-btn{min-height:44px!important;padding:10px 16px!important;font-size:13px!important}
  /* 卡片内文字链接 */
  .fx-ex-grid a,.fx-win a,.fx-win-go{
    display:inline-flex;align-items:center;min-height:44px;padding:2px 0;
  }
  /* 页脚政策链接 */
  .footer a{display:inline-flex;align-items:center;min-height:40px;padding:2px 0}
}

/* ── [2] 平板 769–1024px：修复导航区横向溢出 ── */
@media(max-width:1024px) and (min-width:769px){
  .nav-inner{padding-left:14px!important;padding-right:14px!important;gap:8px!important}
  .nav-auth{gap:6px!important;flex:0 0 auto!important}
  .btn-auth{padding:7px 10px!important;font-size:12px!important;min-width:auto!important}
  .nav-link{padding-left:12px!important;padding-right:12px!important;font-size:14px!important}
  .brand-full{max-width:104px!important;height:auto!important}
}

/* ── [4] 移动端正文可读性 ── */
@media(max-width:768px){
  /* 顶栏：在线咨询 / 在线留言 */
  .top-bar a{font-size:12px!important;line-height:1.8}
  /* 页脚政策链接（用户服务协议 / 隐私政策 / 备案号）*/
  .footer a{font-size:12px!important;line-height:1.7}
  /* 卡片描述与辅助说明 */
  .news-desc,.card p,.fx-ex-note,.svc-d{font-size:12.5px!important;line-height:1.7}
  /* 首屏英文副标题 */
  .hero-sub,.fx-sub{font-size:12px!important}
  /* 底部合规提示 */
  .hexi-s,.hexi-hint{font-size:12px!important;line-height:1.7}
}
