/* CO-CHU-0311 */
/* 在越华人专区 新华网风格主题 (news.cn 2023homepro 配色：#024AC2 主蓝、#378DE4 栏目蓝、#EBF0FA 底色、#055AD1 新华红)。由 zh-green.css 换色生成，末尾为新华版式层 */
/* 在越华人专区 (/zh/) 浅色绿色主题：主色 #024AC2，浅色背景，与主站首页协调，不使用深色背景 */
body.zh-pro {
  --g: #024AC2;
  --g-dark: #0B3D91;
  --g-soft: #EBF0FA;
  --g-line: #D9E2F2;
  --cream: #F7F9FC;
  --ink: #333333;
  --muted: #666666;
  --navy: #333333;
  background: linear-gradient(180deg, #F5F8FD 0%, #FFFFFF 40%, #F7F9FC 100%);
  color: var(--ink);
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;
}
.zh-pro h1, .zh-pro h2, .zh-pro h3, .zh-pro h4, .zh-pro button { font-family: inherit; }
.zh-pro .cx-mascots, .zh-pro .cx-deco, .zh-pro #rqxMusic, .zh-pro .rqx-demo-float { display: none !important; }
.zh-pro a { color: var(--g-dark); }

/* 顶部导航：白底绿字 */
.zh-pro .nav { background: rgba(255, 255, 255, .96) !important; color: var(--ink) !important; border-bottom: 3px solid var(--g) !important; box-shadow: 0 2px 12px rgba(2, 74, 194, .12) !important; }
.zh-pro .nav .logo { color: var(--ink) !important; }
.zh-pro .nav .logo small { color: var(--g-dark) !important; }
.zh-pro .nav .seal { background: var(--g) !important; color: #fff !important; border: 0 !important; border-radius: 4px!important; font-weight: 900 !important; }
.zh-pro .nav .menu a { color: var(--ink) !important; text-shadow: none !important; font-weight: 700; font-family: inherit !important; font-size: 13.5px !important; }
.zh-pro .nav .menu a:hover { background: var(--g-soft) !important; color: var(--g-dark) !important; }
.zh-pro .nav .menu a.cta { background: var(--g) !important; color: #fff !important; border-radius: 4px!important; padding: 7px 15px !important; }
.zh-pro .nav .menu a.cta:hover { background: var(--g-dark) !important; color: #fff !important; }
.zh-pro .nav .menu a.zh-home { border: 1px solid var(--g-line) !important; }
.zh-pro .nav .burger { color: var(--g-dark) !important; }
@media (max-width: 1180px) {
  .zh-pro .nav .menu { background: #FFFFFF !important; border-bottom: 2px solid var(--g) !important; box-shadow: 0 10px 20px rgba(0, 0, 0, .08); }
}

/* 首屏 */
.zh-pro .zh-hero { padding: 42px 0 28px; background: radial-gradient(ellipse at 90% 10%, #DEE5F3 0, transparent 50%), radial-gradient(ellipse at 5% 95%, #EBF0FA 0, transparent 45%), #F5F8FD; border-bottom: 1px solid var(--g-line); }
.zh-pro .zh-hero h1 { font-size: clamp(28px, 4.4vw, 44px); line-height: 1.25; margin: 10px 0 12px; color: var(--ink); }
.zh-pro .zh-hero h1 em { font-style: normal; color: var(--g); }
.zh-pro .zh-hero p { font-size: 18px; color: var(--muted); max-width: 820px; margin: 0; }
.zh-kicker { display: inline-block; background: #fff; color: var(--g-dark); border: 1px solid var(--g-line); border-radius: 4px; padding: 5px 14px; font-size: 14.5px; font-weight: 800; }
.zh-hero-stats { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.zh-hero-stats span { background: #fff; border: 1px solid var(--g-line); border-radius: 4px; padding: 8px 14px; font-size: 15px; color: var(--muted); }
.zh-hero-stats b { color: var(--g); font-size: 19px; margin-right: 4px; }

/* 功能分类标签栏（上方功能区采用Tab，下方资讯区采用纵向全宽频道流） */
.zh-pro .zh-nav-section { padding: 22px 0 6px; }
.zh-nav-head { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.zh-nav-head h2 { font-size: 21px; margin: 0; color: var(--ink); }
.zh-nav-head span { font-size: 14.5px; color: var(--muted); }
.zh-pro .rqx-subbar { background: transparent !important; border: 0 !important; padding: 10px 0 4px; position: static; }
.zh-pro .rqx-subbar .wrap { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px !important; }
.zh-pro .rqx-stab { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: left; background: #fff !important; color: var(--ink) !important; border: 1.5px solid var(--g-line) !important; border-radius: 4px!important; padding: 13px 14px !important; min-height: 106px; cursor: pointer; transition: transform .15s, box-shadow .15s, border-color .15s; box-shadow: 0 2px 8px rgba(2, 74, 194, .06); }
.zh-pro .rqx-stab:hover { transform: translateY(-2px); border-color: var(--g) !important; box-shadow: 0 6px 16px rgba(2, 74, 194, .14); }
.zh-pro .rqx-stab .tab-top { display: flex; justify-content: space-between; width: 100%; align-items: center; }
.zh-pro .rqx-stab .tab-num { font-size: 13.5px; font-weight: 900; color: var(--g); background: var(--g-soft); border-radius: 4px; padding: 2px 7px; }
.zh-pro .rqx-stab .tab-ic { font-size: 21px; }
.zh-pro .rqx-stab .tab-title { font-size: 17.5px; font-weight: 800; color: var(--ink); }
.zh-pro .rqx-stab .tab-desc { font-size: 14px; color: var(--muted); line-height: 1.45; overflow-wrap: anywhere; }
.zh-pro .rqx-stab .tab-more { font-size: 13.5px; color: var(--g-dark); font-weight: 700; margin-top: auto; }
.zh-pro .rqx-stab.on { background: var(--g-soft) !important; border-color: var(--g) !important; box-shadow: 0 0 0 2px rgba(2, 74, 194, .25); }
.zh-pro .rqx-stab.on .tab-num { background: var(--g); color: #fff; }

/* 第一部分：功能与服务标签面板（按需切换） */
.zh-pro .rqx-subpane { display: none; }
.zh-pro .rqx-subpane.on { display: block; }
.zh-pro main section { padding: 16px 0 22px; }
.zh-pane-box { background: #fff; border: 1.5px solid var(--g-line); border-radius: 4px; padding: 26px 26px 22px; box-shadow: 0 4px 18px rgba(2, 74, 194, .07); }
.zh-pane-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; border-bottom: 1px dashed var(--g-line); padding-bottom: 14px; margin-bottom: 16px; }
.zh-pane-header h2 { margin: 6px 0 6px; font-size: 24px; color: var(--ink); }
.zh-pane-header p { margin: 0; color: var(--muted); font-size: 16px; max-width: 780px; }
.zh-pane-badge { display: inline-block; background: var(--g); color: #fff; border-radius: 4px; padding: 3px 12px; font-size: 14px; font-weight: 800; }
.zh-btn { display: inline-block; border-radius: 4px; padding: 9px 18px; font-weight: 800; font-size: 15.5px; text-decoration: none; cursor: pointer; border: 0; }
.zh-btn-main { background: var(--g); color: #fff !important; }
.zh-btn-main:hover { background: var(--g-dark); }
.zh-btn-outline { border: 1.5px solid var(--g); color: var(--g-dark) !important; background: #fff; }
.zh-btn-outline:hover { background: var(--g-soft); }
.zh-h3 { font-size: 18.5px; margin: 22px 0 12px; color: var(--ink); border-left: 4px solid var(--g); padding-left: 10px; }

/* 第二部分：全屏纵向连载资讯频道（不隐藏在Tab内，单列全宽纵向排布，各频道上下首尾相接） */
.zh-feed-wrap { padding: 14px 0 32px; }
.zh-feed-banner { background: linear-gradient(135deg, #0B3D91 0%, #024AC2 60%, #38B640 100%); color: #fff; border-radius: 4px; padding: 22px 26px; margin-bottom: 16px; box-shadow: 0 8px 24px rgba(2, 74, 194, .18); }
.zh-feed-banner h2 { margin: 4px 0 6px; font-size: 24px; color: #fff; }
.zh-feed-banner p { margin: 0; font-size: 16px; opacity: .94; max-width: 860px; }
.zh-channel-nav { position: sticky; top: 58px; z-index: 25; background: rgba(255, 255, 255, .96); backdrop-filter: blur(8px); border: 1.5px solid var(--g-line); border-radius: 4px; padding: 10px 14px; margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; box-shadow: 0 4px 16px rgba(2, 74, 194, .08); }
.zh-channel-nav b { font-size: 14.5px; color: var(--g-dark); margin-right: 4px; }
.zh-channel-nav a { display: inline-flex; align-items: center; gap: 5px; background: #F5F8FD; border: 1px solid var(--g-line); color: var(--ink); text-decoration: none; font-size: 15px; font-weight: 800; padding: 6px 13px; border-radius: 4px; transition: background .15s, color .15s, border-color .15s; }
.zh-channel-nav a:hover, .zh-channel-nav a.on { background: var(--g); color: #fff !important; border-color: var(--g); }

.zh-channel-stream { display: flex; flex-direction: column; gap: 24px; }
.zh-channel-block { background: #fff; border: 1.5px solid var(--g-line); border-left: 6px solid var(--g); border-radius: 4px; padding: 24px 26px; box-shadow: 0 4px 18px rgba(2, 74, 194, .06); scroll-margin-top: 125px; }
.zh-channel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; flex-wrap: wrap; border-bottom: 2px solid var(--g-soft); padding-bottom: 14px; margin-bottom: 16px; }
.zh-channel-head h2 { margin: 4px 0 4px; font-size: 22px; color: var(--ink); }
.zh-channel-head p { margin: 0; font-size: 15.5px; color: var(--muted); }
.zh-channel-no { display: inline-block; background: var(--g-soft); color: var(--g-dark); border: 1px solid var(--g-line); border-radius: 4px; padding: 3px 10px; font-size: 14px; font-weight: 900; }

/* 纵向文章流：单列全宽纵向长条卡片，铺满容器宽度 */
.zh-articles { display: flex; flex-direction: column; gap: 14px; width: 100%; }
.zh-art { width: 100%; background: #FFFFFF; border: 1.5px solid var(--g-line); border-left: 4px solid var(--g); border-radius: 4px; padding: 18px 22px; display: flex; flex-direction: column; gap: 8px; transition: border-color .15s, box-shadow .15s, transform .15s; }
.zh-art:hover { border-color: var(--g); box-shadow: 0 6px 18px rgba(2, 74, 194, .10); transform: translateY(-1px); }
.zh-art-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.zh-art h4 { margin: 0; font-size: 18.5px; line-height: 1.45; color: var(--ink); font-weight: 800; }
.zh-art p { margin: 0; font-size: 17px; line-height: 1.8; color: #333333; }
.zh-art .zh-meta { font-size: 14.5px; color: var(--muted); border-top: 1px dashed var(--g-line); padding-top: 8px; margin-top: 4px; line-height: 1.7; display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.zh-art .zh-meta a { font-weight: 800; word-break: break-all; }
.zh-tag { display: inline-block; font-size: 13.5px; font-weight: 800; color: var(--g-dark); background: var(--g-soft); border-radius: 4px; padding: 3px 9px; margin-right: 4px; }
.zh-tag.warm { color: #8A5A00; background: #FFF3D1; }
.zh-tag.blue { color: #1E40AF; background: #DBEAFE; }
.zh-empty { background: #FFFBEF; border: 1px dashed #E6C770; border-radius: 4px; padding: 12px 14px; font-size: 15px; color: #6B5310; margin-top: 14px; }
.zh-tip { background: var(--g-soft); border-radius: 4px; padding: 12px 14px; font-size: 15px; color: #234A26; margin-top: 14px; line-height: 1.75; }

/* 服务卡片与合作伙伴卡片 */
.zh-pro .rqx-vgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.zh-pro .rqx-vgrid.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.zh-pro .rqx-vgrid.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.zh-pro .rqx-vcard { background: #fff; border: 1px solid var(--g-line); border-top: 4px solid var(--g); border-radius: 4px; padding: 15px 16px; display: flex; flex-direction: column; gap: 6px; }
.zh-pro .rqx-vcard h3 { margin: 2px 0 4px; font-size: 18px; color: var(--ink); }
.zh-pro .rqx-vcard p { margin: 0; font-size: 15px; color: var(--muted); line-height: 1.68; }
.zh-pro .rqx-vcard .ic { font-size: 22px; }
.zh-partner-logo { display: inline-flex; align-items: center; justify-content: center; font-weight: 900; font-size: 14.5px; letter-spacing: .5px; color: #fff; background: linear-gradient(135deg, #0B3D91, #024AC2); border-radius: 4px; padding: 4px 10px; align-self: flex-start; }

/* 协会名片展示框 */
.zh-namecard-box { display: grid; grid-template-columns: minmax(260px, 380px) 1fr; gap: 20px; align-items: center; background: linear-gradient(135deg, #F5F8FD, #FFFFFF); border: 2px solid var(--g); border-radius: 4px; padding: 18px 20px; margin: 12px 0 18px; }
.zh-namecard-box img { width: 100%; border-radius: 4px; border: 1px solid var(--g-line); box-shadow: 0 6px 18px rgba(0, 0, 0, .08); }

/* 越南语学习：功能按键工具栏（同中文学习App循环隐藏/显示、语速、连播、拼写练习） */
.zh-vi-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; background: #F3FAF4; border: 1.5px solid var(--g-line); border-radius: 4px; padding: 12px 14px; margin: 12px 0 14px; }
.zh-vi-tb-label { font-size: 14.5px; font-weight: 800; color: var(--g-dark); margin-right: 2px; }
.zh-vi-mode, .zh-vi-act { background: #fff; border: 1.5px solid var(--g-line); color: var(--ink); border-radius: 4px; padding: 6px 13px; font-size: 14.5px; font-weight: 800; cursor: pointer; transition: all .15s; }
.zh-vi-mode:hover, .zh-vi-act:hover { border-color: var(--g); background: var(--g-soft); }
.zh-vi-mode.on, .zh-vi-act.on { background: var(--g); border-color: var(--g); color: #fff; }

.zh-units { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 12px; }
.zh-unit-btn { background: #fff; border: 1.5px solid var(--g-line); color: var(--ink); border-radius: 4px; padding: 8px 15px; font-weight: 800; font-size: 15px; cursor: pointer; }
.zh-unit-btn.on { background: var(--g); border-color: var(--g); color: #fff; }
.zh-unit { display: none; }
.zh-unit.on { display: block; }
.zh-unit-intro { font-size: 15.5px; color: var(--muted); margin: 0 0 12px; }
.zh-demo-word-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.zh-demo-word { background: #FFFFFF; border: 1.5px solid var(--g-line); border-radius: 4px; padding: 14px; display: flex; flex-direction: column; gap: 6px; position: relative; transition: border-color .15s, box-shadow .15s; }
.zh-demo-word.playing { border-color: #3B82F6; box-shadow: 0 0 0 3px rgba(59, 130, 246, .22); background: #F6FAFF; }
.zh-demo-word b.v-vi { font-size: 19px; color: var(--g-dark); display: block; cursor: pointer; }
.zh-demo-word em.v-note { font-style: normal; font-size: 14px; color: #5B6E60; background: #F1F8F2; border-radius: 4px; padding: 3px 8px; display: block; line-height: 1.5; cursor: pointer; }
.zh-demo-word span.v-zh { font-size: 15.5px; font-weight: 700; color: var(--ink); display: block; line-height: 1.55; cursor: pointer; }
.zh-word-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 4px; }
.zh-speak-btn, .zh-spell-btn { background: var(--g-soft); border: 1.5px solid var(--g-line); color: var(--g-dark); border-radius: 4px; padding: 5px 10px; font-size: 14px; font-weight: 800; cursor: pointer; }
.zh-speak-btn:hover, .zh-spell-btn:hover { background: #D6EFD8; }
.zh-spell-box { display: none; margin-top: 6px; gap: 6px; align-items: center; }
.zh-spell-box.open { display: flex; }
.zh-spell-box input { flex: 1; min-width: 0; border: 1.5px solid var(--g-line); border-radius: 4px; padding: 5px 8px; font-size: 14.5px; }
.zh-spell-box small { font-size: 13.5px; font-weight: 800; }

/* 隐藏模式状态（点击单个遮罩可临时揭晓） */
body.vi-mode-hide-vi .zh-demo-word:not(.reveal-vi) b.v-vi,
body.vi-mode-listen-only .zh-demo-word:not(.reveal-vi) b.v-vi { color: transparent; background: #E4E9F2; border-radius: 4px; user-select: none; position: relative; }
body.vi-mode-hide-vi .zh-demo-word:not(.reveal-vi) b.v-vi::after,
body.vi-mode-listen-only .zh-demo-word:not(.reveal-vi) b.v-vi::after { content: "👁️ 点击显示越南语"; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); font-size: 13.5px; color: var(--g-dark); font-weight: 700; }

body.vi-mode-hide-note .zh-demo-word:not(.reveal-note) em.v-note,
body.vi-mode-listen-only .zh-demo-word:not(.reveal-note) em.v-note { color: transparent; background: #E9F2EA; user-select: none; position: relative; }
body.vi-mode-hide-note .zh-demo-word:not(.reveal-note) em.v-note::after,
body.vi-mode-listen-only .zh-demo-word:not(.reveal-note) em.v-note::after { content: "👁️ 点击显示声调/注音"; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); font-size: 13px; color: #666666; }

body.vi-mode-hide-zh .zh-demo-word:not(.reveal-zh) span.v-zh,
body.vi-mode-listen-only .zh-demo-word:not(.reveal-zh) span.v-zh { color: transparent; background: #E4E9F2; border-radius: 4px; user-select: none; position: relative; }
body.vi-mode-hide-zh .zh-demo-word:not(.reveal-zh) span.v-zh::after,
body.vi-mode-listen-only .zh-demo-word:not(.reveal-zh) span.v-zh::after { content: "👁️ 点击显示中文释义"; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); font-size: 13.5px; color: var(--g-dark); }

/* 免费试学课程弹窗与卡片 */
.zh-trial-box { background: linear-gradient(135deg, #F5F8FD, #FFFFFF); border: 2px solid var(--g); border-radius: 4px; padding: 18px 20px; margin-top: 14px; display: none; }
.zh-trial-box.open { display: block; }

.zh-quiz { background: #FFFFFF; border: 1.5px solid #F0DFA8; border-radius: 4px; padding: 14px 16px; margin-top: 16px; }
.zh-quiz h4 { margin: 0 0 8px; font-size: 17.5px; }
.zh-quiz .q { font-size: 19px; font-weight: 800; color: var(--g-dark); margin: 4px 0 10px; }
.zh-quiz .opts { display: flex; flex-wrap: wrap; gap: 8px; }
.zh-quiz .opts button { background: #fff; border: 1.5px solid var(--g-line); border-radius: 4px; padding: 7px 14px; font-size: 15.5px; cursor: pointer; }
.zh-quiz .opts button.ok { background: var(--g); color: #fff; border-color: var(--g); }
.zh-quiz .opts button.no { background: #ECF3FD; border-color: #B8D0F2; }
.zh-quiz .res { font-size: 15px; color: var(--muted); margin-top: 8px; min-height: 20px; }

/* 核查记录、免责声明 */
.zh-check { width: 100%; border-collapse: collapse; font-size: 15px; }
.zh-check th, .zh-check td { border: 1px solid var(--g-line); padding: 8px 10px; text-align: left; vertical-align: top; }
.zh-check th { background: var(--g-soft); color: var(--ink); }
.zh-check td a { word-break: break-all; }
.zh-pro .zh-note { padding: 20px 24px; background: #F5F8FD; border: 1.5px solid var(--g-line); border-left: 5px solid var(--g); font-size: 15.5px; line-height: 1.8; color: var(--ink); border-radius: 4px; }
.zh-pro .zh-note h2 { font-size: 19px; margin: 0 0 8px; color: var(--ink); }

/* 页脚：浅色 */
.zh-pro footer, .zh-pro footer.site { background: #EEF7EE !important; color: #3C4E40 !important; border-top: 3px solid var(--g); }
.zh-pro footer h4 { color: var(--ink) !important; }
.zh-pro footer a { color: var(--g-dark) !important; }
.zh-pro footer .bottom { border-top: 1px solid var(--g-line) !important; }
.zh-pro footer .logo { color: var(--ink) !important; }
.zh-pro footer .seal { background: var(--g) !important; color: #fff !important; }

/* 三大主分支 */
.zh-pro .zh-branches { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 4px auto 14px; }
.zh-branch { display: flex; align-items: center; gap: 14px; text-align: left; cursor: pointer; font: inherit; color: var(--ink); background: #fff; border: 2px solid var(--g-line); border-radius: 4px; padding: 16px 18px; transition: transform .18s, box-shadow .18s, border-color .18s, background .18s; }
.zh-branch:hover { transform: translateY(-2px); border-color: var(--g); box-shadow: 0 8px 22px rgba(2, 74, 194,.14); }
.zh-branch.on { background: linear-gradient(135deg, #024AC2, #3DB944); border-color: #024AC2; color: #fff; box-shadow: 0 10px 26px rgba(2, 74, 194,.28); }
.zh-branch-ic { font-size: 30px; line-height: 1; flex: none; }
.zh-branch b { display: block; font-size: 20px; letter-spacing: .5px; }
.zh-branch small { display: block; margin-top: 3px; font-size: 14.5px; opacity: .85; line-height: 1.5; }
.zh-pro .rqx-stab[hidden] { display: none !important; }
.zh-video { position: relative; width: 100%; max-width: 760px; aspect-ratio: 16/9; margin: 10px 0 8px; border-radius: 4px; overflow: hidden; border: 1.5px solid var(--g-line); box-shadow: 0 8px 24px rgba(2, 74, 194,.14); background: #000; }
.zh-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.zh-pro a.rqx-vcard { text-decoration: none; color: inherit; transition: transform .18s, box-shadow .18s; }
.zh-pro a.rqx-vcard:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(2, 74, 194,.16) !important; }
.zh-pro .rqx-vcard, .zh-pro .rqx-vcard:hover { box-shadow: 0 4px 14px rgba(2, 74, 194,.08) !important; border-right: 1px solid var(--g-line) !important; border-bottom: 1px solid var(--g-line) !important; border-left: 1px solid var(--g-line) !important; }
.zh-pro .rqx-video-bar, .zh-pro .rqx-video-tools, .zh-pro .rqx-lecture-captions { display: none !important; }

@media (max-width: 1100px) {
  .zh-pro .rqx-subbar .wrap { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .zh-pro .rqx-vgrid.cols-4, .zh-pro .rqx-vgrid.cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zh-demo-word-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zh-namecard-box { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .zh-pro .zh-hero { padding: 28px 0 22px; }
  .zh-pro .zh-branches { grid-template-columns: 1fr; gap: 10px; }
  .zh-branch { padding: 13px 14px; }
  .zh-branch b { font-size: 18px; }
  .zh-pro .rqx-subbar .wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px !important; }
  .zh-pro .rqx-stab { min-height: 96px; padding: 11px !important; }
  .zh-pro .rqx-vgrid, .zh-pro .rqx-vgrid.cols-4, .zh-pro .rqx-vgrid.cols-3, .zh-demo-word-grid { grid-template-columns: 1fr; }
  .zh-pane-box, .zh-channel-block { padding: 18px 14px; }
  .zh-art { padding: 14px 15px; }
  .zh-check { font-size: 14px; }
}
@media (min-width: 1101px) {
  .zh-pro .rqx-subbar .wrap { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important; }
}

/* 在越华人专区：快捷返回栏（返回上一页 + 返回首页）配色与吸顶适配 (02/11/2026) */
.zh-pro .rqx-subbar { position: static !important; top: auto !important; }
.zh-pro .zh-channel-nav { top: calc(var(--nav-h, 46px) + var(--backbar-h, 38px) + 8px) !important; }
.zh-pro .rqx-backbar {
  background: linear-gradient(90deg, #F5F8FD 0%, #FFFFFF 55%, #F7F9FC 100%);
  border-bottom: 1.5px solid var(--g-line, #D9E2F2);
  box-shadow: 0 2px 10px rgba(2, 74, 194, .08);
}
.zh-pro .rqx-bb-btn {
  font-family: inherit;
  box-shadow: none;
}
.zh-pro .rqx-bb-prev {
  background: #FFFFFF;
  color: var(--g-dark, #0B3D91);
  border: 1.5px solid var(--g, #024AC2);
}
.zh-pro .rqx-bb-prev:hover {
  background: var(--g-soft, #EBF0FA);
  color: var(--g-dark, #0B3D91);
  box-shadow: 0 2px 8px rgba(2, 74, 194, .15);
}
.zh-pro .rqx-bb-home {
  background: var(--g, #024AC2);
  color: #FFFFFF !important;
  border: 1.5px solid var(--g, #024AC2);
}
.zh-pro .rqx-bb-home:hover {
  background: var(--g-dark, #0B3D91);
  color: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(2, 74, 194, .2);
}
.zh-pro .rqx-bb-subhome {
  background: #FFF8E7;
  color: #8A5A00 !important;
  border: 1.5px solid #E6C770;
}
.zh-pro .rqx-bb-subhome:hover {
  background: #EBF0FA;
  color: #6B4400 !important;
}
.zh-pro .rqx-bb-loc { color: var(--muted, #666666); }
.zh-pro .rqx-bb-loc span { color: var(--g-dark, #0B3D91); }

/* === VnExpress News Layout + Bilingual Switcher + Association Split + Leader Portraits (02/11/2026) === */
.zh-lang-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  background: linear-gradient(90deg, #FFFFFF 0%, #F5F8FD 60%, #F6FAFF 100%);
  border: 2px solid var(--g);
  border-radius: 4px;
  padding: 10px 16px;
  margin-bottom: 16px;
  box-shadow: 0 4px 14px rgba(2, 74, 194, .12);
}
.zh-lang-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.zh-lang-badge {
  background: var(--g);
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  padding: 4px 11px;
  border-radius: 4px;
}
.zh-lang-hint {
  font-size: 15px;
  color: var(--ink);
  font-weight: 700;
}
.zh-lang-btns {
  display: inline-flex;
  background: #EBF0FA;
  padding: 4px;
  border-radius: 4px;
  border: 1.5px solid var(--g-line);
  gap: 4px;
}
.zh-lang-btn {
  border: 0;
  background: transparent;
  color: var(--ink);
  font-size: 15px;
  font-weight: 800;
  padding: 7px 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: all .18s;
}
.zh-lang-btn:hover {
  background: rgba(2, 74, 194, .12);
}
.zh-lang-btn.on {
  background: var(--g);
  color: #fff;
  box-shadow: 0 2px 8px rgba(2, 74, 194, .28);
}

/* 顶部导航栏内嵌双语切换按钮 */
.zh-nav-lang {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #F5F8FD;
  border: 1.5px solid var(--g);
  border-radius: 4px;
  padding: 2px;
  margin-left: 4px;
}
.zh-nav-lang button {
  border: 0;
  background: transparent;
  color: var(--g-dark);
  font-size: 13.5px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 4px;
  cursor: pointer;
}
.zh-nav-lang button.on {
  background: var(--g);
  color: #fff;
}

/* 协会分区：第一专区（中国合作协会）与第二专区（越南国家级行业协会） */
.zh-assoc-split-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 10px 0 20px;
}
.zh-assoc-jump {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 4px;
  text-decoration: none;
  border: 2px solid var(--g-line);
  background: #fff;
  transition: transform .15s, box-shadow .15s, border-color .15s;
}
.zh-assoc-jump:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}
.zh-assoc-jump.cn {
  border-color: #3B82F6;
  background: linear-gradient(135deg, #FFFFFF 0%, #DBEAFE 100%);
}
.zh-assoc-jump.vn {
  border-color: var(--g);
  background: linear-gradient(135deg, #F5F8FD 0%, #EBF0FA 100%);
}
.zh-assoc-jump .flag {
  font-size: 32px;
  line-height: 1;
}
.zh-assoc-jump b {
  display: block;
  font-size: 18px;
  color: var(--ink);
}
.zh-assoc-jump small {
  display: block;
  font-size: 14.5px;
  color: var(--muted);
  margin-top: 3px;
}
.zh-assoc-zone {
  border-radius: 4px;
  padding: 20px 22px;
  margin-bottom: 24px;
}
.zh-assoc-zone.cn-zone {
  background: #FFFFFF;
  border: 2px solid #3B82F6;
  box-shadow: 0 6px 20px rgba(59, 130, 246, .08);
}
.zh-assoc-zone.vn-zone {
  background: #F5F8FD;
  border: 2px solid var(--g);
  box-shadow: 0 6px 20px rgba(2, 74, 194, .08);
}
.zh-zone-banner {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 12px;
  margin-bottom: 14px;
  border-bottom: 2px dashed var(--g-line);
}
.zh-zone-banner.cn {
  border-bottom-color: #93C5FD;
}
.zh-zone-flag {
  font-size: 34px;
  line-height: 1;
}
.zh-zone-kicker {
  display: inline-block;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .5px;
  padding: 2px 9px;
  border-radius: 4px;
  background: var(--g);
  color: #fff;
}
.zh-zone-banner.cn .zh-zone-kicker {
  background: #2563EB;
}
.zh-zone-banner h3 {
  margin: 4px 0 0;
  font-size: 21px;
  color: var(--ink);
}

/* 协会与企业领导人肖像卡片 */
.zh-leader-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 14px 0;
}
.zh-leader-grid.single {
  grid-template-columns: 1fr;
}
.zh-leader-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #FFFFFF;
  border: 1.5px solid var(--g-line);
  border-left: 4px solid var(--g);
  border-radius: 4px;
  padding: 14px 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
}
.zh-leader-avatar {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center top;
  border: 3px solid var(--g);
  flex-shrink: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
}
.zh-leader-info {
  flex: 1;
  min-width: 0;
}
.zh-leader-role {
  display: inline-block;
  font-size: 13px;
  font-weight: 800;
  color: var(--g-dark);
  background: var(--g-soft);
  padding: 2px 8px;
  border-radius: 4px;
  margin-bottom: 4px;
}
.zh-leader-info b {
  display: block;
  font-size: 17.5px;
  color: var(--ink);
  margin-bottom: 4px;
}
.zh-leader-info p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: var(--muted) !important;
}
.zh-leader-scene {
  width: 128px;
  height: 84px;
  border-radius: 4px;
  object-fit: cover;
  border: 1px solid var(--g-line);
  flex-shrink: 0;
}

/* VnExpress + /tuyen-dung/ 风格资讯工具栏与焦点区 */
.zh-news-toolbar {
  position: sticky;
  top: calc(var(--nav-h, 46px) + var(--backbar-h, 38px) + 6px);
  z-index: 25;
  background: rgba(255, 255, 255, .98);
  backdrop-filter: blur(10px);
  border: 1.5px solid var(--g);
  border-radius: 4px;
  padding: 12px 16px;
  margin-bottom: 18px;
  box-shadow: 0 6px 20px rgba(2, 74, 194, .12);
}
.zh-news-search-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.zh-news-search-box {
  flex: 1;
  min-width: 260px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #F5F8FD;
  border: 1.5px solid var(--g-line);
  border-radius: 4px;
  padding: 6px 14px;
}
.zh-news-search-box:focus-within {
  border-color: var(--g);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(2, 74, 194, .15);
}
.zh-news-search-box input {
  flex: 1;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 15.5px;
  color: var(--ink);
  outline: none;
}
.zh-news-clear {
  border: 0;
  background: #E4E9F2;
  color: var(--g-dark);
  font-size: 13.5px;
  font-weight: 800;
  padding: 3px 10px;
  border-radius: 4px;
  cursor: pointer;
}
.zh-news-count {
  font-size: 15px;
  color: var(--muted);
  background: #F5F8FD;
  border: 1px solid var(--g-line);
  padding: 6px 12px;
  border-radius: 4px;
}
.zh-news-count b {
  color: var(--g-dark);
  font-size: 17px;
}
.zh-news-toolbar .zh-channel-nav {
  position: static !important;
  border: 0;
  padding: 0;
  margin: 0;
  box-shadow: none;
  background: transparent;
}
.zh-ch-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #F5F8FD;
  border: 1px solid var(--g-line);
  color: var(--ink);
  font-size: 14.5px;
  font-weight: 800;
  padding: 6px 13px;
  border-radius: 4px;
  cursor: pointer;
}
.zh-ch-chip.on, .zh-channel-nav a.on {
  background: var(--g);
  color: #fff !important;
  border-color: var(--g);
}

/* VnExpress 风格双栏焦点头条框 */
.zh-vnx-topstory {
  display: grid;
  grid-template-columns: 1.55fr 1fr;
  gap: 18px;
  background: #FFFFFF;
  border: 1.5px solid var(--g-line);
  border-top: 4px solid #055AD1;
  border-radius: 4px;
  padding: 20px 22px;
  margin-bottom: 22px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .06);
}
.zh-vnx-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.zh-vnx-kicker .badge-hot {
  background: #055AD1;
  color: #fff;
  font-size: 13.5px;
  font-weight: 800;
  padding: 3px 10px;
  border-radius: 4px;
}
.zh-vnx-kicker .meta-inline {
  font-size: 14px;
  color: var(--muted);
}
.zh-vnx-lead h3 {
  margin: 0 0 10px;
  font-size: 21px;
  line-height: 1.4;
}
.zh-vnx-lead h3 a {
  color: var(--ink);
  text-decoration: none;
}
.zh-vnx-lead h3 a:hover {
  color: #055AD1;
}
.zh-vnx-lead p {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.72;
  color: #333333;
}
.zh-vnx-lead-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.zh-vnx-link {
  display: inline-block;
  font-size: 14.5px;
  font-weight: 800;
  color: var(--g-dark);
  background: var(--g-soft);
  padding: 5px 12px;
  border-radius: 4px;
  text-decoration: none;
}
.zh-vnx-link:hover {
  background: var(--g);
  color: #fff !important;
}
.zh-vnx-side {
  border-left: 1.5px solid #E4E9F2;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.zh-vnx-side-head {
  font-size: 15.5px;
  font-weight: 900;
  color: #055AD1;
  padding-bottom: 8px;
  border-bottom: 1px solid #E4E9F2;
  margin-bottom: 8px;
}
.zh-vnx-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.zh-vnx-list li {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #E4E9F2;
}
.zh-vnx-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.zh-vnx-list .ch-pill {
  align-self: flex-start;
  font-size: 12.5px;
  font-weight: 800;
  color: var(--g-dark);
  background: var(--g-soft);
  padding: 1px 7px;
  border-radius: 4px;
}
.zh-vnx-list a {
  font-size: 15.5px;
  font-weight: 700;
  color: var(--ink);
  text-decoration: none;
  line-height: 1.45;
}
.zh-vnx-list a:hover {
  color: var(--g);
}

/* VnExpress / 招聘门户紧凑横排新闻行样式 */
.zh-channel-stream .zh-articles {
  gap: 10px;
}
.zh-channel-stream .zh-art {
  padding: 14px 18px;
  border-radius: 4px;
  background: #FFFFFF;
  border: 1px solid #E4E9F2;
  border-left: 4px solid var(--g);
  gap: 6px;
}
.zh-channel-stream .zh-art h4 {
  font-size: 18px;
  color: #222222;
}
.zh-channel-stream .zh-art p {
  font-size: 16px;
  line-height: 1.68;
  color: #555555;
}
.zh-channel-stream .zh-art .zh-meta {
  padding-top: 6px;
  margin-top: 2px;
  font-size: 14px;
  justify-content: space-between;
}
.zh-channel-stream .zh-art .zh-meta a {
  background: var(--g-soft);
  color: var(--g-dark);
  padding: 3px 10px;
  border-radius: 4px;
  text-decoration: none;
  border: 1px solid var(--g-line);
}
.zh-channel-stream .zh-art .zh-meta a:hover {
  background: var(--g);
  color: #fff !important;
}

@media (max-width: 960px) {
  .zh-assoc-split-nav, .zh-leader-grid, .zh-vnx-topstory {
    grid-template-columns: 1fr;
  }
  .zh-vnx-side {
    border-left: 0;
    border-top: 1.5px solid #E4E9F2;
    padding-left: 0;
    padding-top: 14px;
  }
  .zh-leader-scene {
    display: none;
  }
}


/* ==================== 新华网版式层 (仿 news.cn：蓝白配色、栏目标题蓝字下划线、图片呼吸放大、焦点图轮播) ==================== */
body.zh-pro {
  --xh-blue: #024AC2;
  --xh-blue2: #378DE4;
  --xh-line-blue: #1686D9;
  --xh-navy: #083B90;
  --xh-head: #3848A0;
  --xh-red: #055AD1;
  --xh-red2: #0069FC;
  --xh-bg: #EBF0FA;
  --xh-foot: #DEE5F3;
  --xh-text: #333333;
  --xh-muted: #666666;
  --xh-line: #E5E5E5;
  background: var(--xh-bg) !important;
  color: var(--xh-text);
  font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", "Noto Sans SC", "WenQuanYi Micro Hei", sans-serif !important;
  -webkit-font-smoothing: antialiased;
}
body.zh-pro h1, body.zh-pro h2, body.zh-pro h3, body.zh-pro h4, body.zh-pro h5,
body.zh-pro button, body.zh-pro input, body.zh-pro select, body.zh-pro textarea,
body.zh-pro .logo, body.zh-pro .nav .menu a { font-family: inherit !important; letter-spacing: 0 !important; }
body.zh-pro a { transition: color .2s; }
body.zh-pro a:hover { color: var(--xh-blue2); }
body.zh-pro .wrap { max-width: 1240px; }

/* 呼吸放大：新华网 .breath 效果 */
body.zh-pro .breath, body.zh-pro .zh-leader-avatar, body.zh-pro .zh-leader-scene, body.zh-pro .zh-namecard-box { overflow: hidden; }
body.zh-pro .breath img, body.zh-pro .zh-leader-avatar img, body.zh-pro .zh-leader-scene img, body.zh-pro .zh-namecard-box img { transition: transform 1s ease; }
body.zh-pro .breath:hover img, body.zh-pro .zh-leader-card:hover .zh-leader-avatar img, body.zh-pro .zh-leader-card:hover .zh-leader-scene img, body.zh-pro .zh-namecard-box:hover img { transform: scale(1.05); }

/* ---------- 顶部：蓝色通栏 + 白色报头 ---------- */
body.zh-pro .nav { position: sticky !important; top: -34px !important; background: #fff !important; border-bottom: 1px solid #E4E4E4 !important; box-shadow: 0 2px 8px rgba(8, 59, 144, .06) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; color: var(--xh-text) !important; }
body.zh-pro .nav .xh-upper { height: 34px; background: var(--xh-blue); color: #fff; font-size: 12px; line-height: 34px; }
body.zh-pro .nav .xh-upper .xh-upper-in { max-width: 1240px; margin: 0 auto; padding: 0 20px; height: 34px; display: flex; align-items: center; gap: 18px; overflow: hidden; white-space: nowrap; }
body.zh-pro .nav .xh-upper a { color: #fff !important; opacity: .92; }
body.zh-pro .nav .xh-upper a:hover { opacity: 1; color: #fff !important; text-decoration: underline; }
body.zh-pro .nav .xh-upper .xh-date { font-weight: 600; letter-spacing: .5px; }
body.zh-pro .nav .xh-upper .xh-sep { width: 1px; height: 12px; background: rgba(255, 255, 255, .35); }
body.zh-pro .nav .xh-upper .xh-right { margin-left: auto; display: flex; gap: 16px; align-items: center; height: 34px; }
body.zh-pro .nav .xh-upper .xh-hot { background: #035EDE; padding: 0 12px; height: 34px; display: inline-flex; align-items: center; font-weight: 700; opacity: 1; }
body.zh-pro .nav .xh-upper .xh-hot:hover { text-decoration: none; background: #0050C1; }
body.zh-pro .nav > .wrap { height: 70px !important; max-width: 1240px; gap: 18px; }
body.zh-pro .nav .logo { color: var(--xh-text) !important; gap: 12px !important; font-size: 24px !important; }
body.zh-pro .nav .logo > span:last-child { display: flex; flex-direction: column; line-height: 1.15; font-weight: 900; color: var(--xh-red) !important; letter-spacing: 1px !important; }
body.zh-pro .nav .logo small { display: block !important; font-size: 12px !important; font-weight: 500; color: var(--xh-muted) !important; letter-spacing: .5px; margin-top: 3px; }
body.zh-pro .nav .seal { width: 46px !important; height: 46px !important; border-radius: 4px !important; background: var(--xh-red) !important; color: #fff !important; font-size: 26px !important; border: 0 !important; box-shadow: none !important; transform: none !important; }
body.zh-pro .nav .menu { gap: 0 !important; }
body.zh-pro .nav .menu > a { color: #404040 !important; font-size: 15px !important; font-weight: 500 !important; padding: 8px 11px !important; border-radius: 0 !important; background: transparent !important; position: relative; white-space: nowrap !important; line-height: 1.2 !important; }
body.zh-pro .nav .menu > a::after { content: ""; position: absolute; left: 11px; right: 11px; bottom: 0; height: 2px; background: var(--xh-line-blue); transform: scaleX(0); transition: transform .25s; }
body.zh-pro .nav .menu > a:hover { color: var(--xh-blue2) !important; background: transparent !important; }
body.zh-pro .nav .menu > a:hover::after { transform: scaleX(1); }
body.zh-pro .nav .menu a.cta { background: var(--xh-blue) !important; color: #fff !important; border-radius: 3px !important; padding: 8px 14px !important; margin-left: 8px; }
body.zh-pro .nav .menu a.cta::after { display: none; }
body.zh-pro .nav .menu a.cta:hover { background: var(--xh-navy) !important; color: #fff !important; }
body.zh-pro .nav .menu a.zh-home { border: 1px solid #D9E2F2 !important; border-radius: 3px !important; margin-left: 6px; font-size: 13px !important; }
body.zh-pro .nav .menu a.zh-home::after { display: none; }
body.zh-pro .zh-nav-lang { border: 1px solid #D9E2F2 !important; border-radius: 3px !important; background: #F5F8FD !important; padding: 2px !important; margin-right: 6px; }
body.zh-pro .zh-nav-lang button { border-radius: 2px !important; font-size: 13.5px !important; color: var(--xh-muted) !important; background: transparent !important; }
body.zh-pro .zh-nav-lang button.on { background: var(--xh-blue) !important; color: #fff !important; }
body.zh-pro .nav .burger { color: var(--xh-blue) !important; }

/* 返回栏：细白条 */
body.zh-pro .rqx-backbar { background: #fff !important; border-bottom: 1px solid #E4E9F2 !important; box-shadow: none !important; }
body.zh-pro .rqx-bb-btn { border-radius: 2px !important; font-size: 14px !important; font-weight: 500 !important; box-shadow: none !important; }
body.zh-pro .rqx-bb-prev { background: #fff !important; color: var(--xh-blue) !important; border: 1px solid #D9E2F2 !important; }
body.zh-pro .rqx-bb-prev:hover { border-color: var(--xh-blue2) !important; color: var(--xh-blue2) !important; }
body.zh-pro .rqx-bb-home, body.zh-pro .rqx-bb-subhome { background: var(--xh-blue) !important; color: #fff !important; border: 1px solid var(--xh-blue) !important; }
body.zh-pro .rqx-bb-home:hover, body.zh-pro .rqx-bb-subhome:hover { background: var(--xh-navy) !important; color: #fff !important; }
body.zh-pro .rqx-bb-loc, body.zh-pro .rqx-bb-loc span { color: var(--xh-muted) !important; font-weight: 500 !important; }

/* ---------- 头条区 (新华网 headline：居中大标题) ---------- */
body.zh-pro .zh-hero { background: #fff !important; border-bottom: 0 !important; padding: 18px 0 30px !important; margin-top: 16px; }
body.zh-pro .zh-hero > .wrap { text-align: center; position: relative; }
body.zh-pro .zh-hero h1 { font-size: clamp(28px, 3.6vw, 42px) !important; line-height: 1.3 !important; font-weight: 900 !important; color: var(--xh-head) !important; margin: 14px 0 12px !important; }
body.zh-pro .zh-hero h1 em { color: var(--xh-red) !important; }
body.zh-pro .zh-hero p { margin: 0 auto !important; font-size: 18px !important; line-height: 1.75 !important; color: var(--xh-muted) !important; max-width: 900px !important; }
body.zh-pro .zh-kicker { background: transparent !important; color: var(--xh-red) !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; font-size: 15.5px !important; font-weight: 700 !important; letter-spacing: 1px; }
body.zh-pro .zh-hero .zh-kicker::before, body.zh-pro .zh-hero .zh-kicker::after { content: ""; display: inline-block; width: 36px; height: 1px; background: var(--xh-red); vertical-align: middle; margin: 0 12px; opacity: .6; }
body.zh-pro .zh-hero-stats { justify-content: center; gap: 0 !important; margin-top: 18px !important; border-top: 1px solid #EEF1F6; padding-top: 14px; }
body.zh-pro .zh-hero-stats span { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 2px 18px !important; color: var(--xh-muted) !important; font-size: 15px !important; border-right: 1px solid #DDE3EE !important; }
body.zh-pro .zh-hero-stats span:last-child { border-right: 0 !important; }
body.zh-pro .zh-hero-stats b { color: var(--xh-red) !important; font-size: 19px !important; margin-right: 4px; }
body.zh-pro .zh-lang-bar { text-align: left; background: #F5F8FD !important; border: 1px solid #E4E9F2 !important; border-radius: 0 !important; box-shadow: none !important; padding: 8px 12px !important; }
body.zh-pro .zh-lang-badge { background: var(--xh-blue) !important; color: #fff !important; border-radius: 2px !important; }
body.zh-pro .zh-lang-hint { color: var(--xh-muted) !important; }
body.zh-pro .zh-lang-btn { border-radius: 2px !important; border: 1px solid #D9E2F2 !important; background: #fff !important; color: var(--xh-text) !important; box-shadow: none !important; }
body.zh-pro .zh-lang-btn.on { background: var(--xh-blue) !important; border-color: var(--xh-blue) !important; color: #fff !important; }

/* ---------- 新华网栏目标题：蓝字 + 蓝色短下划线 + 灰色通线 ---------- */
body.zh-pro .zh-nav-head, body.zh-pro .zh-h3, body.zh-pro .zh-vnx-side-head, body.zh-pro .zh-channel-head {
  background-image: linear-gradient(var(--xh-line-blue), var(--xh-line-blue)), linear-gradient(#D9D9D9, #D9D9D9) !important;
  background-repeat: no-repeat !important;
  background-size: 120px 2px, 100% 1px !important;
  background-position: left bottom, left bottom !important;
  border-bottom: 0 !important;
}
body.zh-pro .zh-nav-head { padding: 0 0 10px !important; margin-bottom: 16px !important; }
body.zh-pro .zh-nav-head h2, body.zh-pro .zh-h3 { color: var(--xh-blue2) !important; font-size: 20px !important; font-weight: 700 !important; }
body.zh-pro .zh-h3 { display: block; padding: 0 0 9px !important; margin: 26px 0 14px !important; border-left: 0 !important; }
body.zh-pro .zh-nav-head span { color: #999 !important; }
body.zh-pro .zh-nav-section { background: #fff !important; margin-top: 16px; padding: 22px 0 24px !important; border: 0 !important; }

/* 三大分支与功能标签：白底方块，选中为新华蓝 */
body.zh-pro .zh-branch { background: #fff !important; border: 1px solid #E4E9F2 !important; border-top: 3px solid #D9E2F2 !important; border-radius: 0 !important; box-shadow: none !important; transition: border-color .2s, transform .2s, box-shadow .2s !important; }
body.zh-pro .zh-branch:hover { border-top-color: var(--xh-blue2) !important; transform: translateY(-2px); box-shadow: 0 8px 18px rgba(2, 74, 194, .08) !important; }
body.zh-pro .zh-branch.on { background: var(--xh-blue) !important; border-color: var(--xh-blue) !important; border-top-color: var(--xh-red) !important; }
body.zh-pro .zh-branch.on b, body.zh-pro .zh-branch.on small { color: #fff !important; }
body.zh-pro .zh-branch b { color: var(--xh-text) !important; }
body.zh-pro .zh-branch small { color: var(--xh-muted) !important; }
body.zh-pro .rqx-subbar { background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.zh-pro .rqx-stab { background: #F7F9FC !important; border: 1px solid #E4E9F2 !important; border-radius: 0 !important; box-shadow: none !important; transition: background .2s, border-color .2s, transform .2s !important; }
body.zh-pro .rqx-stab:hover { background: #fff !important; border-color: var(--xh-blue2) !important; transform: translateY(-2px); }
body.zh-pro .rqx-stab.on { background: #fff !important; border-color: var(--xh-blue) !important; box-shadow: inset 0 3px 0 var(--xh-blue) !important; }
body.zh-pro .rqx-stab .tab-num { background: #fff !important; color: var(--xh-red) !important; border: 1px solid #C0D5F3 !important; border-radius: 2px !important; }
body.zh-pro .rqx-stab.on .tab-num { background: var(--xh-red) !important; color: #fff !important; border-color: var(--xh-red) !important; }
body.zh-pro .rqx-stab .tab-title { color: var(--xh-text) !important; font-weight: 700 !important; }
body.zh-pro .rqx-stab .tab-desc { color: var(--xh-muted) !important; }
body.zh-pro .rqx-stab .tab-more { color: var(--xh-blue2) !important; }

/* 功能面板与卡片 */
body.zh-pro .zh-pane-box { background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body.zh-pro .zh-pane-header { border-bottom: 1px solid #E5E5E5 !important; }
body.zh-pro .zh-pane-header h2 { color: var(--xh-head) !important; font-weight: 800 !important; }
body.zh-pro .zh-pane-header p { color: var(--xh-muted) !important; }
body.zh-pro .zh-pane-badge { background: transparent !important; color: var(--xh-red) !important; border: 1px solid #C0D5F3 !important; border-radius: 2px !important; }
body.zh-pro .zh-btn { border-radius: 3px !important; box-shadow: none !important; }
body.zh-pro .zh-btn-main { background: var(--xh-blue) !important; border-color: var(--xh-blue) !important; color: #fff !important; }
body.zh-pro .zh-btn-main:hover { background: var(--xh-navy) !important; color: #fff !important; }
body.zh-pro .zh-btn-outline { background: #D8DFF7 !important; border: 0 !important; color: #5464CA !important; font-weight: 600 !important; }
body.zh-pro .zh-btn-outline:hover { background: #63B3FF !important; color: #fff !important; }
body.zh-pro .rqx-vcard, body.zh-pro a.rqx-vcard { background: #fff !important; border: 1px solid #E4E9F2 !important; border-radius: 0 !important; box-shadow: none !important; transition: border-color .25s, box-shadow .25s, transform .25s !important; }
body.zh-pro .rqx-vcard:hover, body.zh-pro a.rqx-vcard:hover { border-color: var(--xh-blue2) !important; box-shadow: 0 10px 22px rgba(2, 74, 194, .09) !important; transform: translateY(-3px) !important; }
body.zh-pro .rqx-vcard h3 { color: var(--xh-text) !important; }
body.zh-pro .rqx-vcard:hover h3 { color: var(--xh-blue2) !important; }
body.zh-pro .rqx-vcard .ic { background: #EBF0FA !important; border-radius: 2px !important; }
body.zh-pro .zh-tip, body.zh-pro .zh-note { background: #F7F9FC !important; border: 1px solid #E4E9F2 !important; border-left: 3px solid var(--xh-blue2) !important; border-radius: 0 !important; }
body.zh-pro .zh-leader-card { background: #fff !important; border: 1px solid #E4E9F2 !important; border-radius: 0 !important; box-shadow: none !important; transition: box-shadow .25s; }
body.zh-pro .zh-leader-card:hover { box-shadow: 0 10px 22px rgba(2, 74, 194, .09) !important; }
body.zh-pro .zh-leader-role { color: var(--xh-red) !important; background: transparent !important; }
body.zh-pro .zh-zone-banner { border-radius: 0 !important; }
body.zh-pro .zh-assoc-jump { border-radius: 0 !important; box-shadow: none !important; }
body.zh-pro .zh-assoc-jump:hover { transform: translateY(-2px); }
body.zh-pro .zh-tag { background: #fff !important; color: var(--xh-red) !important; border: 1px solid #C0D5F3 !important; border-radius: 2px !important; font-weight: 600 !important; font-size: 13.5px !important; padding: 0 6px !important; }

/* ---------- 资讯长卷 ---------- */
body.zh-pro .zh-feed-wrap { background: transparent !important; padding-top: 16px !important; }
body.zh-pro .zh-feed-banner { background: linear-gradient(100deg, var(--xh-navy) 0%, var(--xh-blue) 55%, var(--xh-blue2) 100%) !important; border-radius: 0 !important; box-shadow: none !important; position: relative; overflow: hidden; }
body.zh-pro .zh-feed-banner::after { content: "资讯"; position: absolute; right: 28px; top: 50%; transform: translateY(-50%); font-size: 96px; font-weight: 900; color: rgba(255, 255, 255, .07); letter-spacing: 8px; pointer-events: none; }
body.zh-pro .zh-feed-banner h2 { color: #fff !important; }
body.zh-pro .zh-feed-banner p { color: rgba(255, 255, 255, .85) !important; }
body.zh-pro .zh-news-toolbar { background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: 0 2px 6px rgba(8, 59, 144, .06) !important; }
body.zh-pro .zh-news-search-box { border-radius: 2px !important; border: 1px solid #D9E2F2 !important; background: #F7F9FC !important; }
body.zh-pro .zh-news-search-box:focus-within { border-color: var(--xh-blue2) !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(55, 141, 228, .12) !important; }
body.zh-pro .zh-news-count { border-radius: 2px !important; background: #F7F9FC !important; border: 1px solid #E4E9F2 !important; color: var(--xh-muted) !important; }
body.zh-pro .zh-news-count b { color: var(--xh-red) !important; }
body.zh-pro .zh-channel-nav b { color: var(--xh-text) !important; }
body.zh-pro .zh-channel-nav a, body.zh-pro .zh-ch-chip { background: #EEEEEE !important; color: var(--xh-muted) !important; border: 0 !important; border-radius: 0 !important; font-weight: 500 !important; box-shadow: none !important; transition: background .2s, color .2s !important; }
body.zh-pro .zh-channel-nav a:hover, body.zh-pro .zh-ch-chip:hover { background: #63B3FF !important; color: #fff !important; }
body.zh-pro .zh-channel-nav a.on, body.zh-pro .zh-ch-chip.on { background: var(--xh-blue2) !important; color: #fff !important; }

/* 焦点区 (新华网 focus：大图轮播 + 右侧要闻列表) */
body.zh-pro .zh-vnx-topstory { background: #fff !important; border: 0 !important; border-top: 0 !important; border-radius: 0 !important; box-shadow: none !important; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr) !important; gap: 24px !important; padding: 20px !important; }
body.zh-pro .xh-focus { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #0B1B3F; margin-bottom: 16px; }
body.zh-pro .xh-focus .xh-slide { position: absolute; inset: 0; opacity: 0; transition: opacity .8s ease; display: block; }
body.zh-pro .xh-focus .xh-slide.on { opacity: 1; z-index: 2; }
body.zh-pro .xh-focus .xh-slide img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1s ease; }
body.zh-pro .xh-focus .xh-slide:hover img { transform: scale(1.05); }
body.zh-pro .xh-focus .xh-slide.on img { animation: xhKen 7s ease-out both; }
@keyframes xhKen { from { transform: scale(1.06); } to { transform: scale(1); } }
body.zh-pro .xh-focus .xh-tit { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: 46px 120px 16px 20px; font-size: 21px; line-height: 1.45; font-weight: 600; color: #fff !important; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .72)); }
body.zh-pro .xh-focus .xh-note { position: absolute; top: 10px; right: 10px; z-index: 3; font-size: 12.5px; color: rgba(255, 255, 255, .85); background: rgba(0, 0, 0, .35); padding: 1px 6px; }
body.zh-pro .xh-focus .xh-dots { position: absolute; right: 16px; bottom: 22px; z-index: 5; display: flex; gap: 6px; }
body.zh-pro .xh-focus .xh-dots button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 4px; background: #D3D3D3; cursor: pointer; transition: width .5s, background .5s; }
body.zh-pro .xh-focus .xh-dots button.on { width: 22px; background: #3494F0; }
body.zh-pro .xh-focus .xh-arrow { position: absolute; top: 50%; z-index: 5; width: 36px; height: 64px; margin-top: -32px; border: 0; background: rgba(0, 0, 0, .3); color: #fff; font-size: 26px; cursor: pointer; opacity: 0; transition: opacity .3s, background .3s; }
body.zh-pro .xh-focus:hover .xh-arrow { opacity: 1; }
body.zh-pro .xh-focus .xh-arrow:hover { background: rgba(2, 74, 194, .75); }
body.zh-pro .xh-focus .xh-prev { left: 0; }
body.zh-pro .xh-focus .xh-next { right: 0; }
body.zh-pro .zh-vnx-kicker .badge-hot { background: var(--xh-red2) !important; color: #fff !important; border-radius: 8px !important; }
body.zh-pro .zh-vnx-kicker .meta-inline { color: #999 !important; }
body.zh-pro .zh-vnx-lead h3, body.zh-pro .zh-vnx-lead h3 a { color: var(--xh-head) !important; font-weight: 800 !important; }
body.zh-pro .zh-vnx-lead h3 a:hover { color: var(--xh-blue2) !important; }
body.zh-pro .zh-vnx-lead p { color: var(--xh-muted) !important; }
body.zh-pro .zh-vnx-link { background: #D8DFF7 !important; color: #5464CA !important; border: 0 !important; border-radius: 0 !important; }
body.zh-pro .zh-vnx-link:hover { background: #63B3FF !important; color: #fff !important; }
body.zh-pro .zh-vnx-side { border-left: 0 !important; padding-left: 0 !important; }
body.zh-pro .zh-vnx-side-head { color: var(--xh-blue2) !important; font-size: 19px !important; font-weight: 700 !important; padding-bottom: 9px !important; margin-bottom: 4px !important; }
body.zh-pro .zh-vnx-list { gap: 0 !important; }
body.zh-pro .zh-vnx-list li { padding: 14px 12px !important; border-bottom: 1px solid #EEF1F6 !important; transition: background .3s; cursor: pointer; }
body.zh-pro .zh-vnx-list li.on { background: #3494F0; }
body.zh-pro .zh-vnx-list li.on a, body.zh-pro .zh-vnx-list li.on a:hover { color: #fff !important; }
body.zh-pro .zh-vnx-list li.on .ch-pill { background: #fff !important; color: #3494F0 !important; }
body.zh-pro .zh-vnx-list .ch-pill { background: var(--xh-red2) !important; color: #fff !important; border-radius: 8px !important; font-weight: 700 !important; padding: 0 8px !important; }
body.zh-pro .zh-vnx-list a { color: var(--xh-text) !important; font-size: 18px !important; font-weight: 500 !important; line-height: 1.6 !important; }
body.zh-pro .xh-side-pics { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
body.zh-pro .xh-side-pics a { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; }
body.zh-pro .xh-side-pics img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.zh-pro .xh-side-pics span { position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 8px 5px; font-size: 14.5px; color: #fff; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)); }

/* 频道块：左侧题图 (吸顶) + 右侧文章列表 */
body.zh-pro .zh-channel-stream { gap: 16px !important; }
body.zh-pro .zh-channel-block { background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 20px 24px 24px !important; display: grid !important; grid-template-columns: 380px minmax(0, 1fr); column-gap: 28px; align-items: start; }
body.zh-pro .zh-channel-block > * { grid-column: 1 / -1; }
body.zh-pro .zh-channel-block > .xh-cover { grid-column: 1; position: sticky; top: 96px; }
body.zh-pro .zh-channel-block > .zh-articles { grid-column: 2; }
body.zh-pro .zh-channel-block[hidden], body.zh-pro .zh-channel-block[style*="display: none"] { display: none !important; }
body.zh-pro .zh-channel-head { padding: 0 0 10px !important; margin-bottom: 18px !important; align-items: flex-end !important; }
body.zh-pro .zh-channel-head h2 { color: var(--xh-blue2) !important; font-size: 21px !important; font-weight: 700 !important; margin: 4px 0 2px !important; }
body.zh-pro .zh-channel-head p { color: #888 !important; font-size: 15px !important; }
body.zh-pro .zh-channel-no { background: transparent !important; color: var(--xh-red) !important; border: 0 !important; padding: 0 !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 1px; }
body.zh-pro .xh-cover { margin: 0; }
body.zh-pro .xh-cover a { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: #DEE5F3; }
body.zh-pro .xh-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.zh-pro .xh-cover .xh-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 14px 12px; color: #fff; font-size: 18px; line-height: 1.5; font-weight: 600; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .7)); }
body.zh-pro .xh-cover figcaption { font-size: 13.5px; color: #999; padding: 8px 2px 0; line-height: 1.6; }
body.zh-pro .xh-cover .xh-count { display: flex; gap: 0; margin-top: 12px; border: 1px solid #E4E9F2; }
body.zh-pro .xh-cover .xh-count span { flex: 1; text-align: center; padding: 8px 4px; font-size: 13.5px; color: var(--xh-muted); border-right: 1px solid #E4E9F2; }
body.zh-pro .xh-cover .xh-count span:last-child { border-right: 0; }
body.zh-pro .xh-cover .xh-count b { display: block; font-size: 21px; color: var(--xh-blue); }
body.zh-pro .zh-channel-stream .zh-articles { gap: 0 !important; }
body.zh-pro .zh-channel-stream .zh-art { background: transparent !important; border: 0 !important; border-bottom: 1px dashed #E0E0E0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 0 16px 16px !important; margin-bottom: 16px; position: relative; transform: none !important; }
body.zh-pro .zh-channel-stream .zh-art::before { content: ""; position: absolute; left: 0; top: 36px; width: 5px; height: 5px; border-radius: 50%; background: #0762CB; }
body.zh-pro .zh-channel-stream .zh-art:last-child { border-bottom: 0 !important; margin-bottom: 0; padding-bottom: 0 !important; }
body.zh-pro .zh-channel-stream .zh-art:hover { background: transparent !important; }
body.zh-pro .zh-channel-stream .zh-art h4 { font-size: 19px !important; font-weight: 700 !important; line-height: 1.5 !important; color: #222 !important; transition: color .2s; }
body.zh-pro .zh-channel-stream .zh-art:hover h4 { color: var(--xh-blue2) !important; }
body.zh-pro .zh-channel-stream .zh-art p { font-size: 16px !important; line-height: 1.8 !important; color: var(--xh-muted) !important; }
body.zh-pro .zh-channel-stream .zh-art .zh-meta { border-top: 0 !important; padding-top: 0 !important; justify-content: flex-start !important; gap: 18px !important; font-size: 14px !important; color: #999 !important; }
body.zh-pro .zh-channel-stream .zh-art .zh-meta span { color: #999 !important; }
body.zh-pro .zh-channel-stream .zh-art .zh-meta a { background: transparent !important; border: 0 !important; padding: 0 !important; color: var(--xh-blue2) !important; }
body.zh-pro .zh-channel-stream .zh-art .zh-meta a:hover { color: var(--xh-red) !important; text-decoration: underline; }

/* 进入视口淡入 */
body.zh-pro .xh-reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
body.zh-pro .xh-reveal.xh-in { opacity: 1; transform: none; }

/* 表格与测验 */
body.zh-pro .zh-check th { background: #EBF0FA !important; color: var(--xh-text) !important; }
body.zh-pro .zh-check, body.zh-pro .zh-check th, body.zh-pro .zh-check td { border-color: #E4E9F2 !important; }
body.zh-pro .zh-quiz { border-radius: 0 !important; }

/* ---------- 页脚：新华网双层 (浅蓝链接区 + 深蓝版权区) ---------- */
body.zh-pro footer, body.zh-pro footer.site { background: var(--xh-foot) !important; color: var(--xh-text) !important; border-top: 1px solid #E5E5E5 !important; padding: 0 !important; margin-top: 20px !important; }
body.zh-pro footer .xh-foot-upper { padding: 28px 0 14px; }
body.zh-pro footer .xh-foot-row { display: flex; gap: 22px; align-items: baseline; margin-bottom: 12px; }
body.zh-pro footer .xh-foot-row > b { flex: 0 0 96px; font-size: 18px; font-weight: 700; color: var(--xh-text); }
body.zh-pro footer .xh-foot-row > div { display: flex; flex-wrap: wrap; gap: 4px 22px; font-size: 15.5px; line-height: 30px; }
body.zh-pro footer a { color: var(--xh-text) !important; }
body.zh-pro footer a:hover { color: var(--xh-blue2) !important; }
body.zh-pro footer .xh-foot-cont { background: var(--xh-blue); color: #fff; text-align: center; padding: 22px 0 26px; font-size: 15.5px; line-height: 30px; }
body.zh-pro footer .xh-foot-cont a { color: #fff !important; }
body.zh-pro footer .xh-foot-cont .xh-cut { border-bottom: 1px dashed rgba(255, 255, 255, .3); margin: 6px auto 10px; max-width: 900px; }
body.zh-pro footer .xh-foot-cont small { opacity: .8; font-size: 14px; }

/* ---------- 响应式 ---------- */
@media (max-width: 1180px) {
  body.zh-pro .nav > .wrap { height: 60px !important; }
  body.zh-pro .nav .logo { font-size: 19px !important; }
  body.zh-pro .nav .seal { width: 38px !important; height: 38px !important; font-size: 21px !important; }
  body.zh-pro .nav .menu { top: 94px !important; background: #fff !important; border-bottom: 3px solid var(--xh-blue) !important; }
  body.zh-pro .nav .menu > a { padding: 12px 14px !important; border-bottom: 1px solid #F0F2F6; }
  body.zh-pro .nav .menu > a::after { display: none; }
}
@media (max-width: 960px) {
  body.zh-pro .zh-vnx-topstory { grid-template-columns: 1fr !important; }
  body.zh-pro .zh-channel-block { grid-template-columns: 1fr; padding: 16px 14px 18px !important; }
  body.zh-pro .zh-channel-block > .xh-cover { grid-column: 1; position: static; margin-bottom: 16px; }
  body.zh-pro .zh-channel-block > .zh-articles { grid-column: 1; }
  body.zh-pro .xh-cover a { aspect-ratio: 16 / 9; }
  body.zh-pro .xh-cover .xh-count { display: none; }
}
@media (max-width: 640px) {
  body.zh-pro .nav { top: 0 !important; }
  body.zh-pro .nav .xh-upper { display: none; }
  body.zh-pro .nav .menu { top: 60px !important; }
  body.zh-pro .nav .logo small { display: none !important; }
  body.zh-pro .zh-hero { margin-top: 0; padding: 12px 0 20px !important; }
  body.zh-pro .zh-hero .zh-kicker::before, body.zh-pro .zh-hero .zh-kicker::after { display: none; }
  body.zh-pro .zh-hero-stats span { border-right: 0 !important; padding: 3px 8px !important; }
  body.zh-pro .xh-focus .xh-tit { font-size: 18px; padding: 36px 14px 30px; }
  body.zh-pro .xh-focus .xh-dots { bottom: 10px; }
  body.zh-pro .zh-vnx-topstory { padding: 12px !important; }
  body.zh-pro .zh-channel-stream .zh-art h4 { font-size: 17.5px !important; }
  body.zh-pro footer .xh-foot-row { flex-direction: column; gap: 4px; }
  body.zh-pro footer .xh-foot-row > b { flex: none; }
  body.zh-pro .zh-feed-banner::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.zh-pro .xh-reveal { opacity: 1; transform: none; transition: none; }
  body.zh-pro .xh-focus .xh-slide.on img { animation: none; }
}

/* ===== 02/11/2026: 页头搜索框 + 资讯搜索提示 ===== */
body.zh-pro .nav .xh-search { display: inline-flex; align-items: center; height: 24px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.35); border-radius: 3px; overflow: hidden; }
body.zh-pro .nav .xh-search input { width: 170px; height: 22px; border: 0; outline: 0; background: transparent; color: #fff; font-size: 12px; padding: 0 8px; }
body.zh-pro .nav .xh-search input::placeholder { color: rgba(255,255,255,.75); }
body.zh-pro .nav .xh-search:focus-within { background: #fff; }
body.zh-pro .nav .xh-search:focus-within input { color: #333; }
body.zh-pro .nav .xh-search button { border: 0; background: transparent; cursor: pointer; font-size: 12px; padding: 0 8px; height: 22px; line-height: 22px; }
body.zh-pro .nav .xh-search-m { display: none; }
body.zh-pro .zh-news-none { margin-top: 10px; padding: 10px 14px; background: #f5f8fd; border: 1px dashed #9db8e8; border-radius: 4px; font-size: 15.5px; color: #555; }
body.zh-pro .zh-news-none a { color: #024ac2; font-weight: 600; }
@media (max-width: 1180px) { body.zh-pro .nav .xh-upper .xh-upper-in > a { display: none; } }
@media (max-width: 640px) {
  body.zh-pro .nav .menu .xh-search-m { display: flex; height: 40px; margin: 6px 12px 10px; background: #f5f8fd; border: 1px solid #024ac2; border-radius: 4px; }
  body.zh-pro .nav .menu .xh-search-m input { flex: 1; width: auto; height: 38px; color: #333; font-size: 15px; }
  body.zh-pro .nav .menu .xh-search-m input::placeholder { color: #888; }
  body.zh-pro .nav .menu .xh-search-m button { height: 38px; font-size: 16px; }
}
body.zh-pro .zh-art.xh-hit { animation: xhHit 2s ease; }
@keyframes xhHit { 0%, 40% { background: #fff6d6; box-shadow: 0 0 0 3px #ffd75e; } 100% { background: transparent; box-shadow: none; } }

/* ===== 03/11/2026: 版面修正（按反馈：两侧留白过宽、导航需加粗、分组标签全部同时显示、手机端遮挡） ===== */
/* 1. 加宽版心：1440 屏两侧只留约 20px */
body.zh-pro .wrap,
body.zh-pro .nav > .wrap,
body.zh-pro .nav .xh-upper .xh-upper-in { max-width: 1400px !important; }
/* 2. 顶部导航文字加粗 */
body.zh-pro .nav .menu > a { font-weight: 700 !important; color: #222 !important; }
/* 3. 分组切换：只显示当前分类的功能标签 */
body.zh-pro .rqx-stab[hidden] { display: none !important; }
body.zh-pro .rqx-subbar .wrap { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; }
/* 4. 返回栏贴在报头下方，不再被遮住一半 */
body.zh-pro .rqx-backbar { top: 71px !important; z-index: 49 !important; }
@media (max-width: 1180px) { body.zh-pro .rqx-backbar { top: 61px !important; } }
/* 5. 搜索与频道筛选不再吸顶，避免压住正文 */
body.zh-pro .zh-news-toolbar { position: static !important; top: auto !important; box-shadow: none !important; border: 1px solid #E4E9F2 !important; }
body.zh-pro .zh-channel-block > .xh-cover { top: 124px; }
body.zh-pro .zh-channel-head h2 { line-height: 1.4 !important; }
@media (max-width: 760px) {
  body.zh-pro .zh-news-toolbar { padding: 10px 12px !important; margin-bottom: 12px !important; }
  body.zh-pro .zh-news-search-row { gap: 8px !important; margin-bottom: 8px !important; }
  body.zh-pro .zh-news-search-box { min-width: 0 !important; width: 100%; padding: 6px 10px !important; }
  body.zh-pro .zh-news-search-box input { font-size: 17px !important; min-width: 0; }
  body.zh-pro .zh-news-count { padding: 3px 0 !important; border: 0 !important; background: transparent !important; font-size: 14px !important; }
  /* 频道按钮改为一行横向滑动 */
  body.zh-pro .zh-news-toolbar .zh-channel-nav { display: flex !important; flex-wrap: nowrap !important; gap: 6px !important; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 2px !important; margin: 0 -12px !important; padding-left: 12px !important; padding-right: 12px !important; }
  body.zh-pro .zh-news-toolbar .zh-channel-nav::-webkit-scrollbar { display: none; }
  body.zh-pro .zh-news-toolbar .zh-channel-nav > b { display: none; }
  body.zh-pro .zh-news-toolbar .zh-channel-nav a, body.zh-pro .zh-news-toolbar .zh-ch-chip { flex: 0 0 auto; white-space: nowrap; font-size: 14.5px !important; padding: 6px 11px !important; }
  body.zh-pro .zh-channel-head { flex-wrap: wrap; gap: 8px; }
  body.zh-pro .zh-channel-head h2 { font-size: 19px !important; }
  body.zh-pro .rqx-subbar .wrap { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  body.zh-pro .rqx-stab { padding: 10px !important; min-height: 0 !important; }
  body.zh-pro .rqx-stab .tab-desc { font-size: 13.5px !important; }
  body.zh-pro .zh-nav-head h2 { font-size: 19px !important; }
  /* 意见按钮：手机端缩成右下角小圆钮，不压标题 */
  body.zh-pro #gyBtn { left: 10px !important; right: auto !important; bottom: 124px !important; width: 44px; height: 44px; padding: 0 !important; justify-content: center; font-size: 0 !important; border-radius: 50% !important; }
  body.zh-pro #gyBtn .gy-tx { display: none; }
  body.zh-pro #gyBtn .gy-ic { font-size: 21px; line-height: 1; }
  body.zh-pro #gyBox { left: auto !important; right: 12px !important; bottom: calc(66px + env(safe-area-inset-bottom)) !important; }
}
/* 03/11/2026: 联系区两个对接窗口（学习/网站 与 项目合作），各配微信二维码与 Zalo */
body.zh-pro .zh-lianxi { margin-top: 16px; padding: 16px; background: #fff; border: 1px solid #E4E9F2; }
body.zh-pro .zh-lianxi h3 { margin: 0 0 12px; font-size: 19px; color: var(--xh-head); }
body.zh-pro .zh-lianxi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; }
body.zh-pro .zh-lianxi-card { display: flex; gap: 14px; align-items: center; padding: 12px; background: #F7F9FC; border: 1px solid #E4E9F2; }
body.zh-pro .zh-lianxi-card img { width: 140px; height: 140px; flex: none; border: 1px solid #E4E9F2; background: #fff; }
body.zh-pro .zh-lianxi-card b { display: block; margin-bottom: 6px; font-size: 17.5px; }
body.zh-pro .zh-lianxi-card p { margin: 0 0 4px; font-size: 16px; }
body.zh-pro .zh-lianxi-addr { margin: 12px 0 0; font-size: 15.5px; color: #666; }
@media (max-width: 420px) { body.zh-pro .zh-lianxi-card img { width: 110px; height: 110px; } body.zh-pro .zh-lianxi-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  body.zh-pro .zh-news-search-box { flex: 1 1 100% !important; }
  body.zh-pro .rqx-subbar .wrap { display: grid !important; overflow: visible !important; }
  body.zh-pro .rqx-subbar .wrap { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.zh-pro .rqx-stab { min-width: 0 !important; width: auto !important; }
  body.zh-pro .rqx-stab .tab-title, body.zh-pro .rqx-stab .tab-desc { white-space: normal !important; }
}
/* 03/11/2026: 越南语教程入口（/zh/khoa-hoc-vi/） */
body.zh-pro .zh-kv-entry { display: flex; align-items: center; gap: 16px; margin: 18px 0 6px; padding: 14px 16px; background: #FFF8F0; border: 1px solid #F3D9B8; border-left: 4px solid var(--xh-red); }
body.zh-pro .zh-kv-entry img { width: 96px; height: 96px; object-fit: cover; flex: none; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
body.zh-pro .zh-kv-txt { flex: 1; min-width: 0; }
body.zh-pro .zh-kv-txt b { display: block; font-size: 18px; color: var(--xh-red); margin-bottom: 4px; }
body.zh-pro .zh-kv-txt p { margin: 0; font-size: 16px; color: #555; line-height: 1.7; }
body.zh-pro .zh-kv-btns { display: flex; flex-direction: column; gap: 8px; flex: none; }
@media (max-width: 760px) { body.zh-pro .zh-kv-entry { flex-wrap: wrap; } body.zh-pro .zh-kv-entry img { width: 72px; height: 72px; } body.zh-pro .zh-kv-txt { flex-basis: calc(100% - 90px); } body.zh-pro .zh-kv-btns { flex-direction: row; flex-wrap: wrap; width: 100%; } }

/* ===== 03/11/2026 (2): giới thiệu đối tác chi tiết ===== */
body.zh-pro .zh-partner-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px; }
body.zh-pro .zh-partner-grid .rqx-vcard { gap: 8px; }
body.zh-pro .zh-partner-grid .rqx-vcard h3 { font-size: 17px; line-height: 1.45; }
body.zh-pro .zh-pt-intro { font-size: 15px; line-height: 1.75; color: #2D3748; margin: 4px 0 8px; text-align: justify; }
body.zh-pro .zh-partner-grid .zh-pt-intro { border-left: 3px solid #DCE4F2; padding-left: 10px; }
body.zh-pro .zh-hero .hu-stats { margin-top: 22px; }
@media (max-width: 860px) { body.zh-pro .zh-partner-grid { grid-template-columns: 1fr !important; } }
body.zh-pro .zh-hero p.hu-stat-note { font-size: 13px; margin: 10px auto 0; }
/* 03/11/2026: menu không tràn ngang ở màn 1181-1400px */
@media (min-width: 1181px) and (max-width: 1400px) { body.zh-pro .nav .menu > a { font-size: 14px !important; padding: 8px 7px !important; } body.zh-pro .nav .menu > a::after { left: 7px; right: 7px; } }
@media (min-width: 1181px) and (max-width: 1279px) { body.zh-pro .nav .menu > a { font-size: 13px !important; padding: 8px 5px !important; } body.zh-pro .nav .menu > a::after { left: 5px; right: 5px; } }

/* ===== 04/11/2026: RÀ SOÁT MÀU - tối đa 3 màu/trang (trắng-xám, xanh dương #0B6CF3, đỏ nhấn) ===== */
html body .zh-tip { color: #1E293B !important; background: #F7F9FC !important; }
html body .zh-tip b { color: #0B1B3F !important; }
html body .zh-quiz { border-color: #D5DCE6 !important; }
html body.zh-pro .zh-kv-entry, html body .zh-kv-entry { background: #F5F9FF !important; border-color: #C2D7F5 !important; }
html body .nl-tag.vi { background: #E7F0FE !important; color: #0450C2 !important; }