/* 定焦财经 2026 新版样式 */
:root{--ink:#1a1a1a;--ink2:#444;--mute:#8a8a8a;--line:#e3e0da;--bg:#fff;--paper:#f7f5f0;--navy:#1c1f24;--red:#d7191f;--gold:#b08a3e;
--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;
--sans:"PingFang SC","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:var(--red)}
img{display:block;max-width:100%}
.w{max-width:1200px;margin:0 auto;padding:0 20px}
/* 顶栏 */
.util{background:#f4f4f4;color:#777;font-size:12px;border-bottom:1px solid #eaeaea}
.util .w{display:flex;justify-content:space-between;height:32px;align-items:center}
.util a{margin-left:18px;color:#666}
.mast{border-bottom:1px solid var(--line)}
.mast .w{display:flex;align-items:center;justify-content:space-between;height:100px}
.brand img.lf{height:52px;width:auto}.brand img.ls{display:none;height:28px;width:auto}
.brand{display:flex;align-items:center;gap:14px}
.brand .mark{width:46px;height:46px;flex:none}
.brand b{font:900 34px/1 var(--serif);letter-spacing:4px;color:var(--navy)}
.brand small{display:block;font:600 11px/1 var(--sans);letter-spacing:3.2px;color:var(--mute);margin-top:7px}
.slogan{font:15px var(--serif);color:var(--ink2);border-left:1px solid var(--line);padding-left:18px;margin-left:6px}
.search{display:flex;border:1px solid #cfcac0;height:36px}
.search input{border:0;outline:0;padding:0 12px;width:220px;font:14px var(--sans)}
.search button{border:0;background:var(--red);color:#fff;padding:0 16px;font:14px var(--sans)}
.nav{background:var(--red);position:sticky;top:0;z-index:5}
.nav .w{display:flex;gap:0;height:46px;align-items:center}
.nav a{font:600 16px var(--sans);color:#fff;padding:0 20px;height:46px;line-height:46px;position:relative}
.nav a:hover{color:#fff;background:#b8121a}
.nav a.on{background:#a80f16;color:#fff}
.nav .date{margin-left:auto;font-size:13px;color:var(--mute)}
/* 栏目标题 */
.hd{display:flex;align-items:baseline;justify-content:space-between;border-top:2px solid var(--red);padding-top:10px;margin-bottom:16px}
.hd h3{font:800 20px var(--serif);letter-spacing:1px}
.hd h3 i{font-style:normal;color:var(--red);margin-right:8px}
.hd a{font-size:13px;color:var(--mute)}
.tag{font:600 12px var(--sans);color:var(--red);letter-spacing:1px}
.meta{font-size:12px;color:var(--mute)}
.meta span+span:before{content:"·";margin:0 6px}
/* 头条区 */
.top{display:grid;grid-template-columns:1fr 340px;gap:36px;padding:28px 0 36px}
.lead .pic{aspect-ratio:16/9;overflow:hidden;background:var(--paper)}
.lead .pic img{width:100%;height:100%;object-fit:cover}
.lead h1{font:800 32px/1.35 var(--serif);margin:16px 0 10px}
.lead p{color:var(--ink2);font-size:15px;margin-bottom:10px}
.subs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.subs .pic{aspect-ratio:3/2;overflow:hidden;background:var(--paper);margin-bottom:10px}
.subs .pic img{width:100%;height:100%;object-fit:cover}
.subs h4{font:700 16px/1.5 var(--serif)}
.flash{border-left:1px solid var(--line);padding-left:24px}
.flash ol{list-style:none;position:relative}
.flash li{position:relative;padding:0 0 16px 18px;border-left:1px solid var(--line);margin-left:4px}
.flash li:before{content:"";position:absolute;left:-4px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--red)}
.flash time{display:block;font:600 12px var(--sans);color:var(--red)}
.flash li a{font:15px/1.55 var(--sans);color:var(--ink)}
/* 栏目区 */
.band{padding:8px 0 34px}
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.col .pic{aspect-ratio:3/2;overflow:hidden;background:var(--paper);margin-bottom:10px}
.col .pic img{width:100%;height:100%;object-fit:cover}
.col h4{font:700 16px/1.5 var(--serif);margin-bottom:8px}
.col ul{list-style:none;border-top:1px solid var(--line)}
.col li{padding:9px 0;border-bottom:1px dotted var(--line);font-size:14px;line-height:1.5}
.two{display:grid;grid-template-columns:1fr 340px;gap:36px}
.feed article{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.feed article:first-of-type{padding-top:4px}
.feed .pic{aspect-ratio:3/2;overflow:hidden;background:var(--paper)}
.feed .pic img{width:100%;height:100%;object-fit:cover}
.feed h4{font:700 19px/1.45 var(--serif);margin:4px 0 8px}
.feed p{font-size:14px;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}
.feed article.nopic{grid-template-columns:1fr}
.opinion{background:var(--paper);padding:26px 0 30px;margin:6px 0 34px}
.opinion .cols,.cols.c3{grid-template-columns:repeat(3,1fr)}
.op{border-top:3px solid var(--navy);background:#fff;padding:18px 20px 20px}
.op h4{font:700 18px/1.5 var(--serif);margin:6px 0 10px}
.op p{font-size:14px;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rank ol{list-style:none;counter-reset:r}
.rank li{counter-increment:r;display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}
.rank li:before{content:counter(r);font:800 20px/1 var(--serif);color:var(--mute);min-width:20px}
.rank li:nth-child(-n+3):before{color:var(--red)}
.side>section{margin-bottom:30px}
.topic{display:block;border:1px solid var(--line);padding:14px 16px;margin-bottom:10px}
.topic b{font:700 16px var(--serif);display:block}.topic small{color:var(--mute);font-size:12px}
/* 页脚 */
.foot{background:#1f2125;color:#aeb2b8;font-size:13px;margin-top:20px}
.foot .w{display:grid;grid-template-columns:1.4fr 1fr 1fr 120px;gap:30px;padding:36px 20px}
.foot h5{color:#fff;font:700 15px var(--serif);margin-bottom:10px}
.foot a{display:block;line-height:2}
.foot .qr img{width:110px;background:#fff;padding:5px}
.foot .copy{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:14px;font-size:12px;color:#8fa0b4}
/* 文章页 */
.crumb{font-size:13px;color:var(--mute);padding:18px 0}
.crumb a{color:var(--ink2)}
.art{display:grid;grid-template-columns:1fr 320px;gap:48px;padding-bottom:30px}
.art h1{font:800 34px/1.4 var(--serif);margin:8px 0 16px}
.byline{margin-bottom:24px;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--ink2);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.byline b{color:var(--navy)}
.lede{background:var(--paper);border-left:3px solid var(--red);padding:16px 20px;margin:22px 0;font:16px/1.85 var(--serif);color:var(--ink2)}
.lede strong{font-family:var(--sans);font-size:13px;color:var(--red);display:block;margin-bottom:4px;letter-spacing:1px}
.body{font:17px/1.95 var(--sans);color:#222}
.body *{font-family:inherit!important;font-size:inherit!important;color:inherit!important}
.body p{margin:0 0 1.1em;text-indent:0}
.body p:empty{display:none}
.body img{width:auto!important;height:auto!important;max-width:100%;margin:6px auto}
.body p[style*="center"]{font-size:14px!important;color:var(--mute)!important;text-align:center}
.body p.sub{font:800 20px/1.5 var(--serif)!important;margin:1.6em 0 .7em;padding-left:12px;border-left:4px solid var(--navy)}
.faq{border:1px solid var(--line);margin:26px 0;padding:6px 22px 10px}
.faq h3{font:800 18px var(--serif);padding:14px 0 6px}
.faq dt{font:700 16px/1.6 var(--sans);margin-top:12px}
.faq dt:before{content:"问";display:inline-block;background:var(--navy);color:#fff;font-size:12px;padding:0 6px;margin-right:8px;vertical-align:2px}
.faq dd{font-size:15px;color:var(--ink2);padding:4px 0 12px;border-bottom:1px dotted var(--line)}
.refs{font-size:13px;color:var(--mute);border-top:1px solid var(--line);padding-top:14px}
.refs h4{font-size:14px;color:var(--ink2);margin-bottom:6px}
.refs a{color:var(--navy);word-break:break-all}
.note{font-size:12px;color:var(--mute);margin-top:18px;padding:10px 14px;background:var(--paper)}
.related{margin-top:30px}
.related ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.related li{padding:10px 0;border-bottom:1px solid var(--line);font:600 15px/1.5 var(--serif)}
.mnav,.mmenu{display:none}
/* 手机 */
@media(max-width:820px){
 body{font-size:15px}
 .w{padding:0 16px}
 .util,.slogan,.search,.nav .date{display:none}
 .mast{position:sticky;top:0;background:#fff;z-index:6}
 .mast .w{height:56px}
 .brand img.lf{display:none}.brand img.ls{display:block}

 .mmenu{display:flex;align-items:center;line-height:1;gap:18px;font-size:20px;color:var(--navy)}
 .nav{top:56px}
 .nav .w{overflow-x:auto;height:42px;scrollbar-width:none}.nav .w::-webkit-scrollbar{display:none}
 .nav a{font-size:15px;padding:0 13px;height:42px;line-height:42px;white-space:nowrap}

 .top,.two,.art{grid-template-columns:1fr;gap:24px}
 .top{padding:16px 0 10px}
 .lead h1{font-size:23px;margin:12px 0 8px}
 .subs{grid-template-columns:1fr;gap:0;margin-top:14px;padding-top:0}
 .subs a{display:grid;grid-template-columns:1fr 112px;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
 .subs .pic{order:2;margin:0}.subs h4{font-size:16px}
 .flash{border-left:0;padding-left:0}
 .cols,.opinion .cols,.cols.c3{grid-template-columns:1fr}
 .feed article{grid-template-columns:1fr 112px;gap:12px;padding:14px 0}
 .feed article>a:first-child{order:2}.feed h4{font-size:16px;margin:0 0 4px}.feed p{display:none}
 .art h1{font-size:24px}
 .body{font-size:17px}
 .related ul{grid-template-columns:1fr}
 .foot .w{grid-template-columns:1fr 1fr;padding:26px 16px}
 .foot .qr{grid-column:span 2}
 .side .rank{display:block}
}
/* ===== 正式版补充 ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.lead h2{font:800 32px/1.35 var(--serif);margin:16px 0 10px}
a.tag{display:inline-block}
.hd h3 a{color:inherit}
.mmenu button{border:0;background:none;padding:6px;color:#222;display:flex;cursor:pointer}
.drawer{display:none}
.chead{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:3px solid var(--red);padding:4px 0 14px;margin-bottom:8px}
.chead h1{font:800 30px var(--serif)}
.chead h1 em{font-style:normal;color:var(--red)}
.chead p{color:var(--mute);font-size:13px}
.search.big input{width:320px}
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:30px 0 10px;font-size:14px}
.pager a,.pager span{min-width:38px;height:38px;line-height:36px;padding:0 12px;border:1px solid var(--line);text-align:center;color:var(--ink2)}
.pager a:hover{border-color:var(--red);color:var(--red)}
.pager .current{background:var(--red);border-color:var(--red);color:#fff}
.pager .disabled{color:#c8c8c8}
.prevnext{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-top:22px;font-size:14px;color:var(--mute)}
.prevnext p{padding:3px 0}.prevnext a{color:var(--ink)}
.note a{color:var(--red)}
.foot .copy a{color:inherit}
.art.single article h1{margin-bottom:22px}
.plain{list-style:none}.plain li{padding:10px 0;border-bottom:1px solid var(--line)}
.side .wxbox img{width:140px;height:auto}
.feed .meta{margin-top:2px}
@media(max-width:820px){
 .chead{flex-direction:column;align-items:flex-start;gap:10px}
 .chead h1{font-size:24px}
 .search.big{display:flex;width:100%}.search.big input{width:100%;flex:1}
 .lead h2{font-size:23px;margin:12px 0 8px}
 .mast .search{display:none}
 .mast.open-search .search{display:flex;position:absolute;left:0;right:0;top:56px;background:#fff;padding:10px 16px;border-bottom:1px solid var(--line);height:auto;z-index:7}
 .mast.open-search .search input{flex:1;width:auto;height:38px;border:1px solid #cfcac0}
 .mast.open-search .search button{height:38px}
 .mast.open-menu .drawer{display:block;position:fixed;left:0;right:0;top:56px;bottom:0;background:#fff;z-index:8;overflow:auto}
 .drawer .w{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:18px 16px}
 .drawer .w>a{border:1px solid var(--line);text-align:center;padding:12px 0;font-weight:600;font-size:15px}
 .drawer .w>a.on{border-color:var(--red);color:var(--red)}
 .drawer p{grid-column:1/-1;display:flex;gap:18px;justify-content:center;padding-top:14px;font-size:13px;color:var(--mute)}
 body.menu-open{overflow:hidden}
 .pager a,.pager span{min-width:34px;height:34px;line-height:32px;padding:0 9px}
 .side .wxbox{display:none}
}
.refs ol{padding-left:18px}.refs li{padding:2px 0}
.feed article.nopic>a:first-child{display:none}
@media(max-width:820px){.mast.open-search .search{border:0;border-bottom:1px solid var(--line)}}
/* 问答框、参考资料在正文里面，要盖过正文统一字体的规则 */
.body .faq h3{font:800 19px var(--serif)!important;color:var(--ink)!important}
.body .faq dt{font:700 16px/1.6 var(--sans)!important;color:var(--ink)!important}
.body .faq dt:before{font-size:12px!important;color:#fff!important}
.body .faq dd{font-size:15px!important;color:var(--ink2)!important;line-height:1.8}
.body .refs{font-size:13px!important;color:var(--mute)!important;margin-top:8px}
.body .refs h4{font-size:14px!important;color:var(--ink2)!important}
.body .refs li{font-size:13px!important}
.body .refs a{color:#1d5fa8!important;font-size:13px!important}
/* ===== 接入后台模板 10-27 ===== */
.cols.cats{display:flex;flex-wrap:wrap;gap:34px 28px}
.cats .col{flex:1 1 calc(25% - 21px);min-width:0}
.cats .col:nth-child(n+5){flex-basis:calc(33.33% - 19px)}
.subcls{display:flex;flex-wrap:wrap;gap:8px;margin:-2px 0 14px}
.subcls:empty{display:none}
.subcls a{border:1px solid var(--line);padding:2px 12px;font-size:13px;color:var(--ink2)}
.found{font-size:13px;color:var(--mute);margin:-2px 0 10px}
.crumb{word-break:break-all}
.flink{border-top:1px solid rgba(255,255,255,.12);font-size:12px}
.flink .w{display:flex;flex-wrap:wrap;gap:6px 16px;padding:12px 20px}
.flink b{color:#fff;font-weight:600}
.flink a{display:inline;line-height:1.8}
.feed article>div{min-width:0}
.body table{border-collapse:collapse;max-width:100%}
.body td,.body th{border:1px solid var(--line);padding:6px 8px}
.body iframe,.body video{max-width:100%}
@media(max-width:820px){
 .cats .col,.cats .col:nth-child(n+5){flex-basis:100%}
 .xl_kfbar{display:none!important}
 .flink .w{padding:12px 16px}
}
.side>section.pmenu{margin-bottom:30px}