/* =========================================================================
   legacy.css — 旧版正文富内容组件兼容层(构建时自动采集生成)
   旧文章正文中的图表/时间线/对比表/案例卡等组件样式,与新设计系统令牌对齐
   ========================================================================= */
:root{
  /* 旧页令牌名 → 新设计系统(仅补齐 main.css 未定义的名字,避免覆盖新令牌) */
  --t1:var(--ink);
  --gold-3:#A07A30;
  --red:#E0533F;
  --nav-bg:#0A2F5A;
  --line-2:#E8E4DC;
}

.art-faq-block .art-faq-body{margin-top:20px}
.art-faq-block .art-faq-sub{font-size:13px;color:var(--t4,#7a8699);margin:0 0 20px}
.art-faq-block .art-faq-title::-webkit-details-marker{display:none}
.art-faq-block .art-faq-title::after{content:'展开 +';margin-left:auto;font-size:13px;font-weight:600;color:var(--gold-3,#b8943e);background:rgba(212,173,85,.14);border:1px solid rgba(212,173,85,.38);padding:2px 12px;border-radius:20px;transition:all .2s}
.art-faq-block .art-faq-title{font-size:17px}
.art-faq-block .art-faq-title{font-size:20px;font-weight:700;color:var(--t1,#0f1b2d);margin:0;padding-left:12px;border-left:4px solid var(--gold-2,#d4ad55);line-height:1.5;cursor:pointer;list-style:none;user-select:none;display:flex;align-items:center;gap:10px}
.art-faq-block .faq-item h3{font-size:14px}
.art-faq-block .faq-item h3{font-size:15px;font-weight:700;color:var(--t1,#0f1b2d);margin:0 0 8px;line-height:1.6}
.art-faq-block .faq-item p{font-size:13px}
.art-faq-block .faq-item p{font-size:14px;color:var(--t2,#2d3f57);line-height:1.8;margin:0}
.art-faq-block .faq-item:last-child{margin-bottom:0}
.art-faq-block .faq-item{padding:16px 18px;border:1px solid var(--line,#e8e4dc);border-left:3px solid var(--nav-bg,#0a2f5a);border-radius:10px;background:#FAFAF7;margin-bottom:14px}
.art-faq-block[open] .art-faq-title::after{content:'收起 −'}
.art-faq-block{background:var(--card,#fff);border-radius:16px;padding:28px 30px;border:1px solid var(--line,#e8e4dc);box-shadow:0 2px 16px rgba(15,27,45,.05);margin-top:28px}
.article-body .box li{margin-bottom:8px}
.article-body .box ul{margin:6px 0 0 22px}
.article-body .box-title::before{content:"";display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--gold-3);margin-right:8px;vertical-align:2px}
.article-body .box-title::before{content:“”;display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--gold-3);margin-right:8px;vertical-align:2px}
.article-body .box-title{font-size:15px;font-weight:700;color:var(--nav-bg);margin-bottom:10px}
.article-body .box{background:#F8F6F0;border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:22px 0}
.article-body .chart-sub{font-size:12px;color:var(--t4);margin-bottom:16px;line-height:1.7}
.article-body .chart-title::before{content:"";display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--gold-3);margin-right:8px;vertical-align:2px}
.article-body .chart-title{font-size:15px;font-weight:700;color:var(--nav-bg);margin-bottom:4px;letter-spacing:.5px}
.article-body .chart{background:#FBF9F4;border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:22px 0}
.article-body .cmp td{padding:10px 14px;border:1px solid var(--line);vertical-align:top}
.article-body .cmp th{background:var(--nav-bg);color:#fff;padding:10px 14px;text-align:left;font-weight:600}
.article-body .cmp tr:nth-child(even) td{background:#FAFAF7}
.article-body .cmp-table .dim{width:84px;background:var(--paper);color:var(--t2);font-weight:600;white-space:nowrap}
.article-body .cmp-table .v30{background:linear-gradient(135deg,rgba(201,168,76,.10),rgba(201,168,76,.03));font-weight:600;color:var(--t1)}
.article-body .cmp-table .v{background:var(--card)}
.article-body .cmp-table tfoot td{background:var(--paper);font-weight:600;color:var(--gold-3);text-align:center}
.article-body .cmp-table th,.article-body .cmp-table td{border:1px solid var(--line);padding:10px 12px;vertical-align:middle;text-align:left;line-height:1.7}
.article-body .cmp-table thead th{background:var(--nav-bg);color:#fff;font-weight:600;text-align:center}
.article-body .cmp-table-wrap{overflow-x:auto;margin:18px 0}
.article-body .cmp-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:560px}
.article-body .cmp{margin:18px 0;width:100%;border-collapse:collapse;font-size:14px}
.article-body td .dept{display:inline-block;font-size:11.5px;color:var(--gold-3);background:rgba(201,168,97,.1);padding:1px 8px;border-radius:10px;margin-top:2px}
.article-body td .doc{font-weight:700;color:var(--t1)}
.article-body tr.hl-row td{background:rgba(201,168,97,.12);color:var(--t1);font-weight:700}
.bar-fill.hl{background:linear-gradient(90deg,#A07A30,#D4AD55)}
.bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#0A2F5A,#16406F);display:flex;align-items:center;min-width:26px}
.bar-label{width:104px;flex-shrink:0;font-size:12.5px;color:var(--t2);text-align:right;font-weight:600;line-height:1.4}
.bar-row:last-child{margin-bottom:0}
.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.bar-track{flex:1;height:22px;background:#EFEAE0;border-radius:6px;overflow:hidden}
.bar-val{color:#fff;font-size:12px;font-weight:700;padding-left:8px;white-space:nowrap}
.case-item .case-desc{font-size:14px;color:var(--t3);line-height:1.8}
.case-item .case-loc{font-size:12px;color:var(--gold-3);font-weight:600;letter-spacing:1px;margin-bottom:8px}
.case-item .case-name{font-size:16px;font-weight:700;color:var(--t1);margin-bottom:6px}
.case-item{background:linear-gradient(180deg,#FBF9F4,#FFF);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.chart-bars{flex:1;min-width:250px}
.chart-caption{font-size:12px;color:var(--t4);margin-top:14px;border-top:1px dashed var(--line);padding-top:10px;line-height:1.7}
.chart-flex{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.chart-inner-title{font-size:12px;color:var(--t3);font-weight:700;margin-bottom:12px}
.chart-ring svg{display:block;margin:0 auto}
.chart-ring{flex-shrink:0;text-align:center}
.chart-sub{font-size:12px;color:var(--t4);margin-bottom:16px;line-height:1.7}
.chart-title::before{content:"";display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--gold-3);margin-right:8px;vertical-align:2px}
.chart-title{font-size:15px;font-weight:700;color:var(--nav-bg);margin-bottom:4px;letter-spacing:.5px}
.chart{background:#FBF9F4;border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:22px 0}
.cta-fund .cta-btn:hover{background:#E0BC66;text-decoration:none;transform:translateY(-1px)}
.cta-fund .cta-btn{display:inline-block;background:var(--gold-3);color:#0A2F5A;font-size:15px;font-weight:700;padding:11px 26px;border-radius:8px;transition:all .3s}
.cta-fund .cta-desc{font-size:14px;color:#D8DFEA;line-height:1.9;margin-bottom:18px}
.cta-fund .cta-label{font-size:12px;color:var(--gold-3);letter-spacing:3px;margin-bottom:10px}
.cta-fund .cta-title{font-size:17px}
.cta-fund .cta-title{font-size:20px;font-weight:800;color:#fff;line-height:1.5;margin-bottom:10px}
.cta-fund::before{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:rgba(201,168,76,.12)}
.cta-fund{padding:22px 18px 20px}
.cta-fund{position:relative;overflow:hidden;background:linear-gradient(135deg,#0A2F5A,#123E73);border-radius:14px;padding:28px 28px 24px;margin:34px 0 6px;color:#fff}
.data-card .label{font-size:12px;color:#C0C8D0;margin-top:6px;line-height:1.5}
.data-card .label{font-size:12px;color:#C0C8D0;margin-top:6px}
.data-card .num{font-size:18px}
.data-card .num{font-size:20px;font-weight:800;color:var(--gold-3);letter-spacing:1px;line-height:1.4}
.data-card .num{font-size:22px}
.data-card .num{font-size:26px;font-weight:800;color:var(--gold-3);letter-spacing:1px}
.detail-footer .tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.detail-footer .tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}
.detail-footer .tag{font-size:11px;color:var(--t4);background:var(--paper);padding:3px 10px;border-radius:12px}
.detail-footer{margin-top:28px;padding-top:18px;border-top:1px dashed var(--line)}
.detail-footer{margin-top:32px;padding-top:20px;border-top:1px dashed var(--line)}
.detail-nav .nav-back-list{flex:0 0 auto;text-align:center}
.detail-nav a .nav-label{display:block;font-size:11px;color:var(--t4);margin-bottom:4px}
.detail-nav a .nav-label{font-size:11px;color:var(--t4);display:block;margin-bottom:4px}
.detail-nav a:hover{border-color:var(--gold);color:var(--gold-3);text-decoration:none}
.detail-nav a{flex:1;padding:14px 18px;background:var(--paper);border:1px solid var(--line);border-radius:10px;color:var(--t2);font-size:13px;line-height:1.6}
.detail-nav a{flex:1;padding:14px 20px;background:var(--card);border:1px solid var(--line);border-radius:12px;font-size:13px;color:var(--t3);transition:all .3s}
.detail-nav{display:flex;justify-content:space-between;align-items:stretch;gap:12px;margin-top:24px}
.detail-nav{display:flex;justify-content:space-between;align-items:stretch;gap:12px;margin-top:28px}
.detail-nav{display:flex;justify-content:space-between;margin-top:24px;gap:12px}
.detail-nav{flex-direction:column}
.faq-hint{font-size:14px;color:var(--t4);background:#F8F6F0;padding:14px 16px;border-radius:10px;border:1px dashed var(--line);margin-top:24px}
.footer .line1{margin-bottom:6px}
.footer .site{color:#fff;font-size:13px;font-weight:600;margin-bottom:4px}
.footer .site{color:#fff;font-size:13px;font-weight:600;margin-bottom:6px}
.footer{background:var(--nav-bg);color:#8FA0B5;padding:20px 24px;font-size:13px}
.footer{background:var(--nav-bg);color:#AEB8C4;padding:22px 0;text-align:center;font-size:12px;margin-top:36px}
.footer{background:var(--nav-bg);color:#AEB8C4;padding:24px 0;text-align:center;font-size:12px;margin-top:40px}
.hzwj-business .bz-head{font-size:19px;font-weight:800;color:var(--gold-3);letter-spacing:1px;margin-bottom:14px;line-height:1.6}
.hzwj-business .bz-line strong{color:var(--gold-3);font-weight:700}
.hzwj-business .bz-line:last-child{margin-bottom:0}
.hzwj-business .bz-line{font-size:14px;color:#E8EDF5;line-height:2;margin-bottom:12px;text-align:justify}
.hzwj-business{background:linear-gradient(135deg,#0A2F5A,#123E73);border-radius:16px;padding:28px 30px;margin:34px 0 6px;color:#fff}
.nav-btn.only{flex:1;max-width:50%}
.nav-btn.only{max-width:100%}
.ring-note .big{color:var(--nav-bg);font-size:16px;font-weight:800}
.ring-note{font-size:11.5px;color:var(--t3);margin-top:6px;line-height:1.6;font-weight:600}
.share-bar .share-label{font-size:13px;color:var(--t4);margin-right:4px}
.share-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.share-bar{gap:8px}
.share-btn svg{width:16px;height:16px}
.share-btn-copy{background:var(--ink)}
.share-btn-copy{background:var(--paper);color:var(--t2);border:1px solid var(--line)}
.share-btn-pyq{background:#2DC100}
.share-btn-wx{background:#07C160;color:#fff}
.share-btn-wx{background:#07C160}
.share-btn:hover{opacity:.85}
.share-btn:hover{opacity:.88;transform:translateY(-1px)}
.share-btn:hover{opacity:.88;transform:translateY(-1px}
.share-btn{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;font-size:12px;border-radius:8px;padding:8px 16px;font-family:inherit;transition:opacity .2s}
.share-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;border:none;transition:all .3s;font-family:inherit}
.share-btn{padding:7px 12px;font-size:12px}
.share-label{font-size:12px;color:var(--t4)}
.share-toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);background:rgba(15,27,45,.9);color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;z-index:1000;opacity:0;transition:opacity .3s;pointer-events:none}
.site-beian a{color:#8FA0B5}
.site-beian{text-align:center;font-size:12px;color:#8894a6;background:#0A2F5A;padding:14px 16px;line-height:1.8}
.tl-date{font-size:13px;color:var(--gold-3);font-weight:800;letter-spacing:.5px;margin-bottom:3px}
.tl-desc{font-size:13.5px;color:var(--t3);line-height:1.8}
.tl-head{font-size:15.5px;font-weight:700;color:var(--t1);line-height:1.5;margin-bottom:4px}
.tl-item::before{content:"";position:absolute;left:-21px;top:8px;width:10px;height:10px;border-radius:50%;background:#fff;border:3px solid var(--gold-3)}
.tl-item{position:relative;margin-bottom:18px;padding-left:16px}
.tl::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,#C9A84C,#0A2F5A)}
.tl{position:relative;margin:22px 0 8px;padding-left:22px}
.viewpoint .hl-gold{color:#FFD97A;font-weight:800}
.viewpoint .vp-label{font-size:12px;color:var(--gold-3);letter-spacing:3px;margin-bottom:10px}