/* sp24 股票谷 三柱数据门户 —— 定制款（S24定稿 1:1，勿切换勿改款——老板令 2026-10-18）
   设计语言：藏青#232932 × 红#d6382a × 白卡 × 底#f2f3f5 · 1140版心 · 15px基准 */
*{margin:0;padding:0;box-sizing:border-box}
body{font:15px/1.78 "Microsoft YaHei","PingFang SC",sans-serif;color:#262b31;background:#f2f3f5}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
table{border-collapse:collapse}
.wrap{width:1140px;max-width:100%;margin:0 auto;padding:0 12px}
.up{color:#d6382a}.dn{color:#14935a}
/* ===== 顶条 ===== */
.tb{background:#232932;color:#5f6975;font-size:12.5px}
.tb .wrap{display:flex;justify-content:space-between;height:34px;align-items:center;flex-wrap:wrap;gap:4px}
.tb a{color:#e8a33d;margin-left:16px}
/* ===== 刊头+导航 ===== */
.hdn{background:#fff;border-bottom:2px solid #d6382a}
.hdn .wrap{display:flex;align-items:center;gap:24px;min-height:70px;flex-wrap:wrap}
.hdn .lg{font-size:30px;letter-spacing:3px;font-weight:800;color:#232932;flex:none}
.hdn .lg a{color:inherit}
.hdn .lg i{font-style:normal;color:#d6382a}
.hdn nav{display:flex;flex-wrap:wrap}
.hdn nav a{font-size:14.5px;color:#4a525c;padding:8px 15px;white-space:nowrap}
.hdn nav a.on,.hdn nav a:hover{background:#d6382a;color:#fff;font-weight:700}
.hdn .qq{margin-left:auto;font-size:12.5px;color:#5f6975;flex:none}
.hdn .qq a{color:#d6382a}
/* ===== 行情带（静态栏目带，不做假行情） ===== */
.tape{background:#232932;color:#d5dbe2;font-size:13px;overflow:hidden}
.tape .wrap{display:flex;overflow-x:auto}
.tape span{padding:9px 20px;border-right:1px solid #333b46;white-space:nowrap}
.tape span:last-child{border-right:0;color:#5f6975}
.tape a:hover{color:#e8a33d}
/* ===== 面包屑 ===== */
.crumb{background:#fff;border:1px solid #e3e6ea;margin-top:16px;padding:9px 16px;font-size:13px;color:#5f6975;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.crumb a:hover{color:#d6382a}
.crumb i{font-style:normal;color:#c3c9d1}
/* ===== 首页·三柱 ===== */
.tri{display:grid;grid-template-columns:330px minmax(0,1fr) 330px;gap:18px;margin-top:18px;align-content:start}
.pillar{background:#fff;border:1px solid #e3e6ea;min-width:0}
.pillar>h2{font-size:15.5px;padding:11px 16px;border-bottom:2px solid #232932;letter-spacing:2px;display:flex;align-items:center;color:#232932}
.pillar>h2 a{margin-left:auto;font-size:12px;color:#5f6975;font-weight:400}
.pillar li{display:flex;gap:9px;padding:9px 16px;border-bottom:1px dotted #eef0f2;font-size:14px;align-items:baseline}
.pillar li:last-child{border-bottom:0}
.pillar li a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pillar li a:hover{color:#d6382a}
.pillar .n{flex:none;color:#d6382a;font-weight:700;width:18px;text-align:center}
.pillar .tm{flex:none;font-size:12px;color:#6e7885}
.mid-feat{padding:20px 20px 16px;border-bottom:1px solid #eef0f2}
.mid-feat .k{display:inline-block;background:#d6382a;color:#fff;font-size:12px;padding:2px 10px;letter-spacing:2px}
.mid-feat h2{font-size:26px;line-height:1.5;margin-top:12px;font-weight:700}
.mid-feat h2 a:hover{color:#d6382a}
.mid-feat .abs{color:#5d6672;font-size:14px;margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mid-feat .m{font-size:12px;color:#6e7885;margin-top:12px}
.mid-feat .rel{margin-top:12px;border-top:1px dashed #eef0f2;padding-top:6px}
.mid-feat .rel a{display:flex;gap:9px;padding:7.5px 0;font-size:14px;border-bottom:1px dotted #f0f2f4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;align-items:baseline}
.mid-feat .rel a:last-child{border-bottom:0}
.mid-feat .rel a:hover{color:#d6382a}
.mid-feat .rel a time{flex:none;font-size:12px;color:#6e7885;margin-left:auto}
.mid-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.mid-cols>div{min-width:0;border-right:1px dashed #eef0f2}
.mid-cols>div:last-child{border-right:0}
.mid-cols h3{font-size:13.5px;color:#d6382a;padding:9px 16px 3px;letter-spacing:1px}
.mid-cols li{display:flex;gap:8px;padding:7.5px 16px;border-bottom:1px dotted #eef0f2;font-size:13.5px;align-items:baseline}
.mid-cols li:last-child{border-bottom:0}
.mid-cols a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mid-cols a:hover{color:#d6382a}
.mid-cols .tm{flex:none;font-size:12px;color:#6e7885}
.tabblk{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}
.tabblk th{color:#5f6975;font-weight:400;text-align:left;padding:8px 16px;border-bottom:1px solid #eef0f2;font-size:12px;background:#fafbfc}
.tabblk td{padding:8.5px 16px;border-bottom:1px dotted #eef0f2}
.tabblk tr:last-child td{border-bottom:0}
.tabblk td.r,.tabblk th.r{text-align:right}
.tabblk td a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tabblk td a:hover{color:#d6382a}
/* ===== 首页·头条纵深带 ===== */
.band{margin-top:18px;background:#fff;border:1px solid #e3e6ea;border-left:5px solid #d6382a;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.band .b-l{padding:22px 26px;border-right:1px solid #eef0f2;min-width:0}
.band .b-l h2{font-size:25px;line-height:1.5;font-weight:700}
.band .b-l h2 a:hover{color:#d6382a}
.band .b-l p{color:#5d6672;font-size:14px;margin-top:10px}
.band .b-l .m{font-size:12px;color:#6e7885;margin-top:12px}
.band .b-r{padding:8px 0;min-width:0}
.band .b-r h3{font-size:13.5px;color:#5f6975;letter-spacing:2px;padding:6px 18px 4px}
.band .b-r a{display:flex;gap:9px;padding:8px 18px;font-size:14px;border-bottom:1px dotted #f0f2f4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;align-items:baseline}
.band .b-r a:last-child{border-bottom:0}
.band .b-r a:hover{color:#d6382a}
.band .b-r a time{flex:none;font-size:12px;color:#6e7885;margin-left:auto}
/* ===== 首页·双列卡 ===== */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px}
.duo .pillar li{font-size:14.5px;padding:9.5px 16px}
/* ===== 首页·表格带 ===== */
.rowtab{margin-top:18px;background:#fff;border:1px solid #e3e6ea;border-top:2px solid #232932}
.rowtab>h2{font-size:15.5px;padding:11px 18px;letter-spacing:2px;color:#232932;display:flex;align-items:center}
.rowtab>h2 a{margin-left:auto;font-size:12px;color:#5f6975;font-weight:400}
.rowtab table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}
.rowtab td{padding:9.5px 18px;border-top:1px dotted #eef0f2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rowtab tr:first-child td{border-top:0}
.rowtab td:first-child{width:76px}
.rowtab td:last-child{width:80px;text-align:right;color:#6e7885;font-size:12px}
.rowtab .cat{display:inline-block;background:#f2f3f5;color:#5d6672;font-size:12px;padding:1px 8px}
.rowtab td a:hover{color:#d6382a}
/* ===== 首页·四列带 ===== */
.g4band{margin-top:18px;background:#fff;border:1px solid #e3e6ea;border-top:2px solid #d6382a}
.g4band>h2{font-size:15.5px;padding:11px 18px;letter-spacing:2px;color:#232932;display:flex;align-items:center}
.g4band>h2 a{margin-left:auto;font-size:12px;color:#5f6975;font-weight:400}
.g4band .g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #f0f1f3}
.g4band .g4>div{border-right:1px dashed #eef0f2;padding:6px 0;min-width:0}
.g4band .g4>div:last-child{border-right:0}
.g4band h3{font-size:14px;color:#d6382a;padding:8px 16px 3px}
.g4band li{padding:7.5px 16px;border-bottom:1px dotted #f0f1f3;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g4band li:last-child{border-bottom:0}
.g4band a:hover{color:#d6382a}
/* ===== 首页·三小卡 ===== */
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.tcard{background:#fff;border:1px solid #e3e6ea;border-top:2px solid #232932;min-width:0}
.tcard:nth-child(2){border-top-color:#d6382a}
.tcard:nth-child(3){border-top-color:#e8a33d}
.tcard>h2{font-size:14.5px;padding:10px 16px 6px;letter-spacing:1px;color:#232932;display:flex;align-items:center}
.tcard>h2 a{margin-left:auto;font-size:12px;color:#5f6975;font-weight:400}
.tcard li{display:flex;gap:8px;padding:8px 16px;border-bottom:1px dotted #f0f1f3;font-size:13.5px;align-items:baseline}
.tcard li:last-child{border-bottom:0}
.tcard a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tcard a:hover{color:#d6382a}
.tcard .tm{flex:none;font-size:12px;color:#6e7885}
.tcard table{width:100%;border-collapse:collapse;font-size:13px}
.tcard td{padding:7px 16px;border-bottom:1px dotted #f0f1f3;color:#5d6672}
.tcard tr:last-child td{border-bottom:0}
.tcard td:last-child{text-align:right;color:#6e7885;font-size:12px}
.tcard .chips{padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px}
/* ===== 便民小条（低调） ===== */
.bm{margin-top:18px;background:#e9ebee;border:1px solid #dfe2e7;padding:10px 16px;display:flex;align-items:center;gap:4px 16px;flex-wrap:wrap;font-size:13px;color:#5d6672}
.bm b{color:#3c4650;font-weight:700;letter-spacing:1px}
.bm a{color:#5d6672}
.bm a:hover{color:#d6382a}
.bm .tel{margin-left:auto;color:#b0761f;font-weight:700;white-space:nowrap}
/* ===== 标签条 ===== */
.tags{margin-top:16px;background:#fff;border:1px solid #e3e6ea;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px}
.tags b{color:#232932;font-size:14px;margin-right:4px}
.tags a{font-size:13px;color:#5d6672;background:#f2f3f5;padding:3px 11px}
.tags a:hover{background:#d6382a;color:#fff}
/* ===== 页脚 ===== */
.footer{margin-top:18px;background:#232932;color:#5f6975;font-size:13px;padding:20px 0 26px}
.footer .wrap{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:center}
.footer a{color:#e8a33d}
.footer .ghs{height:14px;vertical-align:-2px}
.footer .gongan{display:inline-flex;align-items:center;gap:4px}
/* ===== 栏目头 ===== */
.cat-hd{margin-top:16px;background:#fff;border:1px solid #e3e6ea;border-left:5px solid #d6382a;padding:20px 24px}
.cat-hd h1{font-size:24px;letter-spacing:2px;color:#232932;font-weight:700}
.cat-hd p{font-size:13.5px;color:#68727e;margin-top:8px;max-width:880px}
.cat-hd .sub{margin-top:10px;font-size:12px;color:#5f6975}
/* ===== 标签头 ===== */
.tag-hd{margin-top:16px;background:#fff;border:1px solid #e3e6ea;border-left:5px solid #d6382a;padding:20px 24px}
.tag-hd .lb{display:inline-block;background:#d6382a;color:#fff;font-size:12px;padding:2px 10px;letter-spacing:2px}
.tag-hd h1{font-size:24px;letter-spacing:2px;color:#232932;font-weight:700;margin-top:10px}
.tag-hd p{font-size:13.5px;color:#68727e;margin-top:8px;max-width:880px}
.tag-hd .sub{margin-top:10px;font-size:12px;color:#5f6975}
/* ===== 列表页 ===== */
.main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-top:16px;align-items:stretch}
.list{background:#fff;border:1px solid #e3e6ea;padding:4px 0;min-width:0;display:flex;flex-direction:column}
.item{padding:16px 22px;border-bottom:1px dashed #eef0f2}
.item:last-of-type{border-bottom:0}
.item h2{font-size:17px;line-height:1.6;font-weight:700}
.item h2 a:hover{color:#d6382a}
.item .ex{font-size:13.5px;color:#68727e;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.item .m{margin-top:8px;font-size:12px;color:#5f6975;display:flex;gap:14px;flex-wrap:wrap}
.item .m .ct{color:#d6382a}
.pagebar{margin-top:auto;padding:16px 22px;border-top:1px solid #eef0f2;display:flex;gap:8px;flex-wrap:wrap;font-size:13.5px}
.pagebar a,.pagebar span{padding:6px 13px;border:1px solid #e3e6ea;background:#fff;color:#5d6672}
.pagebar span.on{background:#d6382a;border-color:#d6382a;color:#fff;font-weight:700}
.pagebar a:hover{border-color:#d6382a;color:#d6382a}
.pagebar .info{border:0;background:none;color:#5f6975;align-self:center;padding:0}
/* ===== 右栏 ===== */
.rail{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-content:start;min-width:0}
.rblk{background:#fff;border:1px solid #e3e6ea}
.rblk>h2{font-size:15px;padding:10px 16px;border-bottom:2px solid #232932;letter-spacing:2px;color:#232932;display:flex;align-items:center}
.rblk>h2 a{margin-left:auto;font-size:12px;color:#5f6975;font-weight:400}
.rblk li{display:flex;gap:9px;padding:8.5px 16px;border-bottom:1px dotted #eef0f2;font-size:14px;align-items:baseline}
.rblk li:last-child{border-bottom:0}
.rblk .n{flex:none;color:#d6382a;font-weight:700;width:17px;text-align:center;font-size:13px}
.rblk a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rblk a:hover{color:#d6382a}
.rblk .tm{flex:none;font-size:12px;color:#6e7885}
.rblk table{width:100%;border-collapse:collapse;font-size:13px}
.rblk td{padding:7.5px 16px;border-bottom:1px dotted #eef0f2;color:#5d6672}
.rblk tr:last-child td{border-bottom:0}
.rblk td:last-child{text-align:right;color:#6e7885;font-size:12px}
.rblk .cats .cnt{flex:none;font-size:12px;color:#6e7885}
.rblk .cloud{padding:14px 16px;display:flex;flex-wrap:wrap;gap:9px}
.rblk .cloud a{flex:0 0 auto;font-size:13px;color:#5d6672;background:#f6f7f9;border:1px solid #e6e9ed;padding:4px 13px;white-space:nowrap}
.rblk .cloud a:hover{background:#d6382a;color:#fff;border-color:#d6382a}
/* ===== 文章页 ===== */
.art{background:#fff;border:1px solid #e3e6ea;padding:26px 30px;min-width:0;display:flex;flex-direction:column}
.art .cat-chip{display:inline-block;background:#d6382a;color:#fff;font-size:12px;padding:2px 10px;letter-spacing:2px;align-self:flex-start}
.art h1{font-size:27px;line-height:1.55;margin-top:12px;font-weight:700}
.art .meta{margin-top:12px;font-size:12.5px;color:#5f6975;display:flex;gap:16px;flex-wrap:wrap;border-bottom:1px solid #eef0f2;padding-bottom:14px}
.art .meta b{color:#5d6672;font-weight:400}
.body{margin-top:18px;font-size:16px;line-height:2.05;color:#333a44}
.body p{margin-bottom:18px;text-align:left}
.body h2{font-size:18px;margin:24px 0 12px;padding-left:11px;border-left:4px solid #d6382a;color:#232932}
.body h3{font-size:16px;margin:18px 0 10px;color:#232932}
.body ul,.body ol{margin:0 0 18px 22px}
.body ul{list-style:disc}
.body ol{list-style:decimal}
.body li{margin-bottom:6px}
.body table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 18px}
.body th,.body td{border:1px solid #e3e6ea;padding:8px 12px;text-align:left}
.body th{background:#fafbfc;color:#232932}
.art-tags{margin-top:auto;padding-top:18px;border-top:1px solid #eef0f2;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.art-tags b{font-size:13px;color:#5f6975;font-weight:400;margin-right:2px}
.art-tags a{flex:0 0 auto;font-size:12.5px;color:#5d6672;background:#f2f3f5;padding:2px 10px}
.art-tags a:hover{background:#d6382a;color:#fff}
.pn{margin-top:16px;border:1px solid #eef0f2;background:#fafbfc}
.pn>a,.pn>span{display:block;padding:11px 16px;font-size:14px;border-bottom:1px dashed #eef0f2;color:#4a525c;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn>a:last-child,.pn>span:last-child{border-bottom:0}
.pn i{font-style:normal;color:#5f6975;margin-right:8px}
.pn>a:hover{color:#d6382a}
.pn>span{color:#6e7885}
.zc{margin-top:14px;background:#fafbfc;border:1px solid #eef0f2;padding:12px 16px;font-size:12.5px;color:#5f6975;line-height:1.9}
/* ===== 底部相关（三列） ===== */
.more-blk{margin-top:16px;background:#fff;border:1px solid #e3e6ea;border-top:2px solid #232932}
.more-blk>h2{font-size:15.5px;padding:11px 18px;letter-spacing:2px;color:#232932;display:flex;align-items:center}
.more-blk>h2 a{margin-left:auto;font-size:12px;color:#5f6975;font-weight:400}
.more-blk .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #f0f1f3}
.more-blk .g3>div{border-right:1px dashed #eef0f2;padding:6px 0;min-width:0}
.more-blk .g3>div:last-child{border-right:0}
.more-blk h3{font-size:13.5px;color:#d6382a;padding:8px 18px 3px}
.more-blk li{padding:7.5px 18px;border-bottom:1px dotted #f0f1f3;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.more-blk li:last-child{border-bottom:0}
.more-blk a:hover{color:#d6382a}
/* ===== 404 ===== */
.nf{background:#fff;border:1px solid #e3e6ea;text-align:center;padding:70px 20px;margin-top:16px}
.nf b{font-size:46px;font-weight:800;color:#232932;letter-spacing:2px}
.nf b i{font-style:normal;color:#d6382a}
.nf p{color:#68727e;margin:14px 0 20px}
.nf a{display:inline-block;background:#d6382a;color:#fff;padding:10px 26px;font-size:14px}
/* ===== 移动端 ===== */
@media(max-width:1060px){
 .tri{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .tri .pillar.mid{grid-column:1/-1;order:-1}
}
@media(max-width:900px){
 .main,.band,.duo,.g4band .g4,.trio,.mid-cols,.more-blk .g3{grid-template-columns:minmax(0,1fr)}
 .band .b-l{border-right:0;border-bottom:1px solid #eef0f2}
 .g4band .g4>div{border-right:0;border-bottom:1px dashed #eef0f2}
 .mid-cols>div{border-right:0;border-bottom:1px dashed #eef0f2}
 .more-blk .g3>div{border-right:0;border-bottom:1px dashed #eef0f2}
 .hdn .qq{display:none}
 .art{padding:18px 16px}
 .art h1{font-size:22px}
 .body{font-size:15px}
 .item{padding:13px 16px}
 .item h2{font-size:16px}
 .bm .tel{margin-left:0}
}
@media(max-width:560px){
 .tri{grid-template-columns:minmax(0,1fr)}
}

/* 头条带左栏延伸阅读（贴底补空） */
.band .b-l{display:flex;flex-direction:column}
.band .b-l .sub{margin-top:auto;padding-top:12px;border-top:1px dashed #eef0f2;min-width:0}
.band .b-l .sub a{display:block;font-size:13.5px;line-height:1.9;color:#5d6672;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.band .b-l .sub a::before{content:"· ";color:#d6382a;font-weight:700}
.band .b-l .sub a:hover{color:#d6382a}

/* 标题收缩省略，日期钉右不被裁（.rel/.b-r 行） */
.mid-feat .rel a .tt,.band .b-r a .tt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}

/* ==== SEO修复批 1020：新结构/移动适配/无障碍 ==== */
.mid-feat h1{font-size:26px;line-height:1.5;margin-top:12px;font-weight:700}
.mid-feat h1 a:hover{color:#d6382a}
.tcard .thd{display:flex;align-items:center;padding:10px 16px 6px}
.tcard .thd h2{font-size:14.5px;letter-spacing:1px;color:#232932;font-weight:700}
.tcard .thd a{margin-left:auto;font-size:12px;color:#5f6975;font-weight:400;flex:none}
.footer{color:#a8b2bd}
.pagebar a,.pagebar span{min-height:32px;min-width:32px;display:inline-flex;align-items:center;justify-content:center}
.tags a{padding-top:7px;padding-bottom:7px}
.rblk .cloud a{padding-top:7px;padding-bottom:7px}