/* ===== 官网全局 UI 套件（进度条/咨询钮/目录/相关阅读/金句卡/hover/信息图/TLDR） ===== */

/* 顶部阅读进度条 */
.read-progress{position:fixed;top:0;left:0;height:3px;width:0;background:#185FA5;z-index:9999;transition:width .12s ease-out}

/* 移动端常驻咨询悬浮钮 */
.consult-fab{position:fixed;right:16px;bottom:22px;z-index:9998;display:inline-flex;align-items:center;gap:7px;background:#185FA5;color:#fff;font-size:14px;font-weight:600;padding:11px 17px;border:0;border-radius:30px;box-shadow:0 6px 18px rgba(24,95,165,.35);cursor:pointer;font-family:inherit}
.consult-fab:hover{background:#0c447c}
.consult-fab .pdot{width:8px;height:8px;border-radius:50%;background:#5DCAA5;box-shadow:0 0 0 3px rgba(93,202,165,.3)}
@media(max-width:560px){.consult-fab{font-size:13px;padding:10px 14px;right:12px;bottom:16px}}

/* 微信二维码弹窗 */
.wx-modal-kit{position:fixed;inset:0;background:rgba(15,23,42,.55);display:none;align-items:center;justify-content:center;z-index:99999;padding:20px}
.wx-modal-kit.show{display:flex}
.wx-modal-kit .box{background:#fff;border-radius:16px;padding:22px;text-align:center;max-width:300px;width:100%}
.wx-modal-kit img{width:190px;height:190px;object-fit:contain;border-radius:8px}
.wx-modal-kit .t1{margin:14px 0 0;font-size:15px;color:#1f2a37;font-weight:600}
.wx-modal-kit .t2{margin:6px 0 0;font-size:13px;color:#8a929e}
.wx-modal-kit .btn{margin-top:14px;padding:9px 20px;border:0;background:#185FA5;color:#fff;border-radius:22px;cursor:pointer;font-size:14px}

/* 自动目录 */
.toc{background:#fff;border:1px solid #e6ebf2;border-radius:12px;padding:14px 16px;margin:20px 0;max-width:360px}
.toc h4{margin:0 0 10px;font-size:14px;color:#1f2a37;font-weight:600}
.toc a{display:block;font-size:13px;color:#3a4654;text-decoration:none;padding:5px 0;border-bottom:1px solid #f1f4f8;line-height:1.5}
.toc a:last-child{border-bottom:0}
.toc a:hover{color:#185FA5}
.toc a.lvl3{padding-left:16px;font-size:12px;color:#6b7785}
@media(max-width:760px){.toc{max-width:100%}}

/* 相关阅读 */
.related-reads{margin:30px 0;padding:18px;background:#f7f9fc;border:1px solid #e6ebf2;border-radius:14px}
.related-reads h3{margin:0 0 12px;font-size:16px;color:#1f2a37}
.related-reads a{display:block;padding:11px 13px;background:#fff;border:1px solid #e6ebf2;border-radius:10px;margin-bottom:9px;text-decoration:none;color:#1f2a37;font-size:14px;transition:.15s}
.related-reads a:last-child{margin-bottom:0}
.related-reads a:hover{border-color:#185FA5;color:#185FA5;transform:translateX(2px)}
.related-reads a span{display:block;font-size:12px;color:#8a929e;margin-top:3px}

/* 金句卡 */
.quote-card{position:relative;margin:18px 0;padding:14px 44px 14px 18px;border-left:4px solid #185FA5;background:#eef4fb;border-radius:0 10px 10px 0;font-size:15px;font-weight:500;color:#1f2a37;line-height:1.6}
.quote-card .copy{position:absolute;right:10px;top:10px;font-size:12px;color:#185FA5;background:none;border:0;cursor:pointer;font-family:inherit}
.quote-card .copy:hover{text-decoration:underline}

/* 小标题 hover 动效 */
.wrap.article h2,.wrap.article h3,.hy-page h2,.hy-page h3{transition:color .2s,transform .2s}
.wrap.article h2:hover,.wrap.article h3:hover,.hy-page h2:hover,.hy-page h3:hover{color:#185FA5;transform:translateX(3px)}

/* TL;DR 前置卡 */
.tldr{background:#eef4fb;border:1px solid #cfe0f5;border-left:4px solid #185FA5;border-radius:12px;padding:16px 18px;margin:18px 0}
.tldr h3{margin:0 0 10px;font-size:15px;color:#185FA5;font-weight:600}
.tldr ol{margin:0;padding-left:20px}
.tldr li{margin-bottom:6px;font-size:14.5px;color:#1f2a37;line-height:1.65}
.tldr li b{color:#185FA5}

/* CSS 信息图（政策/数据速览） */
.infographic{margin:20px 0;padding:16px;border:1px solid #e6ebf2;border-radius:12px;background:#fff}
.infographic h4{margin:0 0 12px;font-size:15px;color:#1f2a37}
.infographic .bars{display:flex;flex-direction:column;gap:10px}
.infographic .bar-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#3a4654}
.infographic .bar-row .lab{width:104px;flex:none;color:#6b7785}
.infographic .bar-row .track{flex:1;height:10px;background:#eef1f5;border-radius:6px;overflow:hidden}
.infographic .bar-row .fill{height:100%;background:#185FA5;border-radius:6px}
.infographic .bar-row .val{width:72px;text-align:right;flex:none;color:#1f2a37;font-weight:500}
