/* new-home */
 .news-card{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:1rem;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
.news-img{width:100%;height:180px;object-fit:cover;}
.news-title{font-size:1rem;font-weight:600;margin-top:.5rem;color:#333;text-decoration:none;}
.news-title:hover{color:#007bff;}
.news-meta{font-size:0.85rem;color:#888;}
.sidebar{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,0.05);margin-bottom:1rem;}
.sidebar h5{font-size:1.1rem;border-left:4px solid #007bff;padding-left:.5rem;margin-bottom:1rem;}
.coin-item{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.4rem;}
.coin-item span.price{color:#111;}
.coin-item span.change.up{color:#28a745;}
.coin-item span.change.down{color:#dc3545;}
.flash-item{border-bottom:1px dashed #eee;padding:.4rem 0;font-size:.9rem;}
.flash-item:last-child{border-bottom:none;}
.hot-news li{font-size:.9rem;margin-bottom:.5rem;}
.hot-news li a{color:#333;text-decoration:none;}
.hot-news li a:hover{color:#007bff;}
header img{border-radius:8px;}
/* ===== 顶部 Banner：左右等高 ===== */
/* 统一间距与高度变量（按屏幕宽度自适应） */
:root{--hero-gap:10px;--heroH:360px;/* ≥1200px 默认高度 */
}
@media (max-width:1199.98px){:root{--heroH:320px;}
}
/* lg */
@media (max-width:991.98px){:root{--heroH:280px;}
}
/* md */
@media (max-width:767.98px){:root{--heroH:220px;}
}
/* sm */
/* 外层左右两列，用 Grid 保证严格等高 */
.hero-section .hero-equal{display:grid;grid-template-columns:2fr 1fr;/* 左 2，右 1 */
 gap:var(--hero-gap);align-items:stretch;}
/* —— 左侧：Carousel 固定高度为 --heroH —— */
.hero-carousel{height:var(--heroH);border-radius:12px;overflow:hidden;border:1px solid #eef2f7;box-shadow:0 1px 3px rgba(0,0,0,.05);background:#f5f7fa;}
.hero-carousel .carousel-inner,.hero-carousel .carousel-item{height:100%;}
.hero-carousel .carousel-item img{width:100%;height:100%;object-fit:cover;display:block;}
/* 底部覆盖标题条（保持你之前的风格） */
.hero-caption-bar{position:absolute;left:0;right:0;bottom:0;height:44px;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.25);}
/* —— 右侧：三图与左侧等高，均分三等份 —— */
.hero-side{height:var(--heroH);display:grid;grid-template-rows:repeat(3,1fr);gap:var(--hero-gap);}
.hero-side .side-item{position:relative;min-height:0;/* 允许等比分配 */
 border-radius:12px;overflow:hidden;border:1px solid #eef2f7;box-shadow:0 1px 2px rgba(0,0,0,.04);background:#f5f7fa;}
.hero-side .side-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease;}
.hero-side .side-item:hover img{transform:scale(1.04);}
.hero-side .caption{position:absolute;left:0;right:0;bottom:0;padding:6px 10px;background:rgba(0,0,0,.55);color:#fff;font-weight:600;font-size:.9rem;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.25);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* 调整指示点位置（可选） */
.hero-carousel .carousel-indicators{right:12px;left:auto;bottom:10px;margin:0;gap:6px;}
.hero-carousel .carousel-indicators [data-bs-target]{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.45);opacity:1;}
.hero-carousel .carousel-indicators .active{background:#fff;transform:scale(1.1);}
/* ===== 热门交易所（网格卡片） ===== */
.ex-grid .ex-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:12px;text-decoration:none;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease;}
.ex-grid .ex-item:hover{box-shadow:0 6px 18px rgba(17,24,39,.06);transform:translateY(-2px);border-color:#e5e7eb;}
.ex-grid .logo-40{width:40px;height:40px;border-radius:10px;object-fit:contain;background:#fff;border:1px solid #eef2f7;}
.ex-grid .meta{min-width:0;}
.ex-grid .name{font-weight:700;color:#111827;line-height:1.2;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ex-grid .desc{font-size:13px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ex-grid .more{color:#9aa0a6;font-size:16px;margin-left:auto;}
.ex-grid .more:hover{color:#6b7280;}
/* 标题区右侧“查看更多” */
.section-card .card-header .more-link{color:#6b7280;text-decoration:none;font-size:13px;}
.section-card .card-header .more-link:hover{color:#111827;text-decoration:underline;}
.coin-hero .price{font-size:2rem;font-weight:700;}
.coin-hero .sub{color:#6c757d;}
.market-table thead th{white-space:nowrap;}
.xcz-aside .card-title{font-size:1rem;}
.kline-placeholder{min-height:420px;background:repeating-linear-gradient( -45deg,#f8f9fa,#f8f9fa 10px,#f3f4f6 10px,#f3f4f6 20px);border:1px dashed #dee2e6;}
.rank-badge{background:#f1f3f5;border-radius:.5rem;padding:.1rem .5rem;font-weight:600;}
.pair-badge{font-size:.75rem}
.avatar-24{width:24px;height:24px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid #eee;}
/* ===== Hero 样式美化 ===== */
.coin-hero-pro{border:1px solid #eef2f7;border-radius:12px}
.coin-hero-pro .card-body{padding:20px 24px}
.coin-hero-pro .logo-56{width:56px;height:56px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid #f0f0f0}
.coin-hero-pro .title{font-weight:700;font-size:18px}
.coin-hero-pro .rank-badge{background:#f3f5f7;border-radius:10px;padding:.15rem .5rem;font-weight:600}
.price-block .cny{font-size:28px;line-height:1.1;font-weight:800}
.price-block .usd-line{font-size:14px;color:#6b7280}
.price-block .updated{font-size:12px;color:#9aa0a6}
.price-block .chg{font-weight:700;margin-left:14px}
.kv .label{font-size:.85rem;color:#6b7280}
.kv .val{font-weight:700;white-space:nowrap}
.kv .val.text-success{color:#16a34a !important}
.kv .val.text-danger{color:#ef4444 !important}
/* —— Hot List —— */
.hot-card{border:1px solid #eef2f7;border-radius:12px;}
.hot-card .card-header{background:#fff;border-bottom:1px solid #f1f5f9;}
.hot-card .card-title{font-weight:700;}
.hot-title-bar{position:relative;padding-left:12px;}
.hot-title-bar::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:#1da1f2;border-radius:2px;}
.hot-list .hot-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid #f6f7f9;}
.hot-list .hot-item:last-child{border-bottom:0;}
.hot-ico{width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid #eef2f7;object-fit:contain;}
.hot-meta{min-width:0;}
.hot-meta .sym{font-weight:700;font-size:14px;line-height:1.1;}
.hot-meta .cname{font-size:12px;color:#8a8f98;}
.hot-price{margin-left:auto;text-align:right;line-height:1.1;}
.hot-price .usd{font-weight:700;font-size:14px;}
.hot-price .cny{font-size:12px;color:#8a8f98;}
.pill{margin-left:10px;font-size:12px;padding:2px 8px;border-radius:999px;font-weight:700;white-space:nowrap;}
.pill.up{background:#e6f6eb;color:#16a34a;}
.pill.down{background:#ffe8e6;color:#ef4444;}
.pill.flat{background:#eef2f7;color:#6b7280;}
/* 表头行 */
.hot-head{display:flex;align-items:center;padding:8px 12px;background:#f8fafc;border-bottom:1px solid #eef2f7;color:#6b7280;font-size:12px;}
.hot-head .col-name{flex:1;padding-left:40px;}
/* 预留头像宽度 */
.hot-head .col-price{width:110px;text-align:right;}
.hot-head .col-pct{width:74px;text-align:right;padding-right:4px;}
/* 让列表项与表头对齐 */
.hot-item .hot-meta{flex:1;}
/* 对齐“币名”列 */
.hot-item .hot-price{width:110px;}
/* 对齐“最新价格”列 */
.hot-item .pill{width:64px;text-align:center;}
/* 对齐“24H涨幅”列 */
.article-meta{font-size:14px;color:#666;}
.article-meta span{margin-right:10px;}
.article-content img{max-width:100%;height:auto;border-radius:6px;margin:15px 0;}
.article-tags a{display:inline-block;background:#f2f2f2;border-radius:4px;padding:4px 10px;margin-right:6px;color:#555;font-size:14px;text-decoration:none;}
.article-tags a:hover{background:#0d6efd;color:#fff;}
.disclaimer{background:#fff7e6;border-left:4px solid #ffc107;padding:15px;margin-top:25px;font-size:14px;color:#555;border-radius:4px;}
/* ====== 币圈快讯（时间轴） ====== */
.quick-card{border:1px solid #eef2f7;border-radius:12px;}
.quick-card .card-header{background:#fff;border-bottom:1px solid #f1f5f9;}
.quick-title{position:relative;padding-left:12px;font-weight:700;}
.quick-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:#1da1f2;border-radius:2px;}
.timeline{position:relative;margin:0;padding:10px 0;}
.timeline::before{content:"";position:absolute;left:18px;top:0;bottom:0;width:2px;background:#e9edf3;}
.tl-item{position:relative;padding:0 0 14px 44px;}
.tl-item:last-child{padding-bottom:0;}
.tl-item::before{content:"";position:absolute;left:12px;top:4px;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #9cc5ff;}
.tl-title{font-size:14px;font-weight:600;line-height:1.5;}
.tl-desc{font-size:13px;color:#6b7280;line-height:1.6;}
.tl-time{font-size:12px;color:#9aa0a6;margin-top:6px;}
.quick-more{display:flex;justify-content:center;padding:10px;}
/* ====== 最新资讯（图文列表） ====== */
.news-card{border:1px solid #eef2f7;border-radius:12px;}
.news-card .card-header{background:#fff;border-bottom:1px solid #f1f5f9;}
.news-title{position:relative;padding-left:12px;font-weight:700;}
.news-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:#1da1f2;border-radius:2px;}
.news-list .news-item{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid #f6f7f9;}
.news-list .news-item:last-child{border-bottom:0;}
.news-thumb{width:56px;height:56px;flex:0 0 56px;border-radius:6px;object-fit:cover;background:#f2f4f7;border:1px solid #eef2f7;}
.news-body{min-width:0;}
.news-body .news-t{font-size:14px;font-weight:600;line-height:1.4;}
.news-body .news-t a{color:#111827;text-decoration:none;}
.news-body .news-t a:hover{text-decoration:underline;}
.news-body .news-time{font-size:12px;color:#9aa0a6;margin-top:6px;}
/* 让右侧键值对更整齐靠右 */
.kv .col > div{display:flex;justify-content:space-between;gap:12px}
@media (min-width:992px){.kv .col > div{justify-content:flex-start}
.kv .label{min-width:6.5rem}
.kv .val{text-align:right}
}
/* === 保持其他样式不变 === */
 /* K线容器：给一个明确高度（可改成你想要的） */
 #kline-container{height:64vh;/* 视窗 64% 高 */
 min-height:420px;/* 最小高度 */
}
/* 外层容器 和 iframe 都拉满 */
 #tv_chart_container{width:100%;height:100%;}
/* 关键：覆盖 TradingView 写在 iframe 上的 width/height 属性 */
 #tv_chart_container > iframe{width:100% !important;height:100% !important;display:block;}
/* 建议把 card-body 的 padding 去掉，避免四周留白 */
 .card .card-body.kline-body{padding:0 !important;}
.chart-page{background:#fff !important;}
/* ==== 左侧 Tab 卡片 ==== */
.section-card{border:1px solid #eef2f7;border-radius:12px;background:#fff}
.section-card .card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #f1f5f9;background:#fff}
.section-title{position:relative;padding-left:12px;font-weight:700}
.section-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:#1da1f2;border-radius:2px}
.section-card .nav-tabs{border:0;gap:6px}
.section-card .nav-tabs .nav-link{border:0;border-radius:999px;padding:6px 12px;color:#4b5563;background:#f3f4f6}
.section-card .nav-tabs .nav-link.active{background:#1da1f2;color:#fff}
/* 简介段落 */
.coin-intro p{margin-bottom:10px;color:#374151;line-height:1.8}
/* 基础数据：两列键值 */
.basic-kv{margin-top:6px}
.basic-kv .row{border-bottom:1px solid #f6f7f9;padding:12px 0}
.basic-kv .row:last-child{border-bottom:0}
.basic-kv .label{color:#6b7280}
.basic-kv .value{font-weight:700}
/* 发展历程：时间轴 */
.roadmap{position:relative;padding:6px 0 6px 0}
.roadmap .item{position:relative;padding:10px 0 10px 28px;border-bottom:1px solid #f6f7f9}
.roadmap .item:last-child{border-bottom:0}
.roadmap .item::before{content:"";position:absolute;left:10px;top:16px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #9cc5ff}
.roadmap .date{font-weight:700;margin-right:8px;color:#111827}
.roadmap .txt{color:#4b5563}
/* 相关资讯：图文大卡 */
.feed-list .feed{display:flex;gap:14px;padding:14px 10px;border-bottom:1px solid #f6f7f9}
.feed-list .feed:last-child{border-bottom:0}
.feed .thumb{width:220px;height:124px;flex:0 0 220px;border-radius:8px;object-fit:cover;background:#f2f4f7;border:1px solid #eef2f7}
/* 让正文区形成纵向布局，元信息自动贴底 */
.feed .body{display:flex;flex-direction:column;min-height:124px;/* 与缩略图等高，按你图尺寸调 */
}
/* 标题、摘要维持现状 */
.feed .title{margin-bottom:6px;}
.feed .excerpt{color:#6b7280;line-height:1.6;}
/* 元信息条：放到底部，并与正文用分隔线区隔 */
.feed .meta{margin-top:auto;/* 关键：把 meta 顶到最下方 */
 padding-top:8px;display:flex;gap:14px;flex-wrap:wrap;color:#9aa0a6;font-size:13px;}
/* 细节：小图标与文字对齐 */
.feed .meta i{vertical-align:-1px;}
/* ===== 美化面包屑 ===== */
.bc-wrap{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:8px 14px;display:flex;align-items:center;}
.bc-wrap::before{content:"";width:3px;height:16px;border-radius:2px;background:#1da1f2;margin-right:10px;}
.bc .breadcrumb{margin:0;background:transparent;padding:0;}
.bc .breadcrumb-item + .breadcrumb-item::before{content:"›";/* 分隔符 */
 color:#9aa0a6;margin:0 .5rem;}
.bc .breadcrumb-item a{color:#4b5563;text-decoration:none;}
.bc .breadcrumb-item a:hover{color:#111827;text-decoration:underline;}
.bc .breadcrumb-item.active{color:#111827;font-weight:700;}
.bc i{color:#9aa0a6;margin-right:.25rem;}
/* ===== K线卡片头部美化 ===== */
.chart-head{background:#fff;border-bottom:1px solid #f1f5f9;padding:10px 14px !important;}
.chart-head .section-title{position:relative;padding-left:12px;font-weight:700;margin:0;}
.chart-head .section-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:#1da1f2;border-radius:2px;}
.kline-badge{background:#f3f5f7;border-radius:999px;padding:4px 8px;font-weight:700;}
.chart-tools .pill{border:0;border-radius:999px;padding:6px 10px;font-size:12px;background:#f3f4f6;color:#4b5563;cursor:pointer;}
.chart-tools .pill.active{background:#1da1f2;color:#fff;}
.ghost-btn,.icon-btn{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:6px 8px;font-size:12px;color:#4b5563;cursor:pointer;}
.ghost-btn:hover,.icon-btn:hover{background:#f8fafc;}
.muted-link{color:#9aa0a6;text-decoration:none;}
.muted-link:hover{text-decoration:underline;}
/* 全屏模式 */
.kline-fs .kline-card{position:fixed;inset:12px;z-index:1090;background:#fff;box-shadow:0 12px 40px rgba(0,0,0,.12);}
.kline-fs #kline-container{height:calc(100vh - 80px) !important;}
/* 头部+边距 */
/* 刷新按钮旋转动画 */
.spin{animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}
}
/* ===== 交易对数据列表 ===== */
.market-card{border:1px solid #eef2f7;border-radius:12px;background:#fff}
.market-card .card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #f1f5f9;background:#fff}
.market-card .section-title{position:relative;padding-left:12px;font-weight:700;margin:0}
.market-card .section-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:#1da1f2;border-radius:2px}
.market-table{width:100%;border-collapse:separate;border-spacing:0}
.market-table thead th{font-weight:700;color:#6b7280;background:#f8fafc;border-bottom:1px solid #eef2f7;padding:10px 12px;white-space:nowrap;}
.market-table tbody td{padding:12px;border-bottom:1px solid #f6f7f9;vertical-align:middle;}
.market-table tbody tr:hover{background:#fafcff}
.market-ex{display:flex;align-items:center;gap:10px;min-width:200px;}
.market-ex .logo{width:28px;height:28px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid #eef2f7}
.market-ex .names{line-height:1.1}
.market-ex .names .cn{font-weight:700}
.market-ex .names .en{font-size:12px;color:#8a8f98}
.market-pair .pair-badge{background:#f3f5f7;border:1px solid #edf1f5;border-radius:999px;padding:3px 8px;font-weight:700;font-size:12px;}
.td-right{text-align:right;white-space:nowrap;}
.td-center{text-align:center;white-space:nowrap;}
/* 小屏优化：把英文名隐藏、减小间距 */
@media (max-width:768px){.market-ex{min-width:auto}
.market-ex .names .en{display:none}
.market-table thead th:nth-child(4),.market-table thead th:nth-child(5){display:none}
.market-table tbody td:nth-child(4),.market-table tbody td:nth-child(5){display:none}
}
/* —— 与 coin_info.php 保持一致的白底卡片/面包屑风格 —— */
 .bc-wrap{background:#fff;border:1px solid #eef2f7;border-radius:12px;padding:8px 14px;display:flex;align-items:center;}
.bc-wrap::before{content:"";width:3px;height:16px;border-radius:2px;background:#1da1f2;margin-right:10px;}
.bc .breadcrumb{margin:0;background:transparent;padding:0;}
.bc .breadcrumb-item + .breadcrumb-item::before{content:"›";color:#9aa0a6;margin:0 .5rem;}
.bc .breadcrumb-item a{color:#4b5563;text-decoration:none;}
.bc .breadcrumb-item a:hover{color:#111827;text-decoration:underline;}
.bc .breadcrumb-item.active{color:#111827;font-weight:700;}
.bc i{color:#9aa0a6;margin-right:.25rem;}
.section-card{border:1px solid #eef2f7;border-radius:12px;background:#fff}
.section-card .card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #f1f5f9;background:#fff}
.section-title{position:relative;padding-left:12px;font-weight:700;margin:0}
.section-title::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:#1da1f2;border-radius:2px}
.toolbar .input-group-text,.toolbar .form-control,.toolbar .btn{border-radius:10px;}
.toolbar .form-control{border-color:#e5e7eb;}
.toolbar .form-control:focus{box-shadow:none;border-color:#9cc5ff;}
.stat-bar{color:#6b7280;}
.stat-bar .muted{color:#9aa0a6;}
.table thead th{font-weight:700;color:#6b7280;background:#f8fafc;border-bottom:1px solid #eef2f7;padding:10px 12px;white-space:nowrap;}
.table tbody td{vertical-align:middle;}
.table-hover tbody tr:hover{background:#fafcff;}
.rank-cell{color:#9aa0a6;}
.coin-cell .logo{width:28px;height:28px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid #eef2f7}
.coin-cell a{color:#111827;text-decoration:none;}
.coin-cell a:hover{text-decoration:underline;}
.xcz-badge{background:#f3f5f7;border-radius:999px;padding:3px 8px;font-weight:700;font-size:12px;}
.text-success{color:#16a34a !important;}
.text-danger{color:#ef4444 !important;}
.text-muted{color:#9aa0a6 !important;}
.hit-tip{font-size:12px;color:#89a4d8;display:none;}
/* 快讯 */
 .kx-timeline{position:relative;padding-left:20px;/* 左侧留给时间与轨道 */
 margin-top:.25rem;}
/* 竖向虚线轨道 */
 .kx-timeline::before{content:"";position:absolute;top:0.6rem;bottom:0.6rem;left:16px;/* 时间右侧一点 */
 width:0;border-left:2px dotted #cfd6e4;}
/* 日期分组条 */
 .kx-day{position:relative;margin:.5rem 0 1rem;}
.kx-day .kx-day-chip{position:relative;left:-26px;/* 略压到时间线处，符合参考图感觉 */
}
/* 每一条 */
 .kx-item{position:relative;margin-bottom:18px;}
/* 左侧时间 */
 .kx-time{position:absolute;left:0;top:.25rem;width:74px;text-align:right;font-weight:600;color:#4d5b7c;}
/* 蓝色圆点节点 */
 .kx-node{position:relative;padding-left:16px;/* 给圆点让出空间 */
}
.kx-node::before{content:"";position:absolute;left:-8px;top:.6rem;width:10px;height:10px;background:#2b6fe3;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #2b6fe3;}
/* 内容卡片 */
 .kx-card{border:2px solid #2b6fe3;border-radius:10px;padding:10px 14px;background:#fff;}
.kx-title{display:inline-block;font-weight:700;color:#1f59c3;text-decoration:none;line-height:1.35;}
.kx-title:hover{text-decoration:underline;}
.kx-meta{font-size:.85rem;margin:6px 0 8px;}
.kx-text{background:#e9f2ff;color:#2d3a58;padding:10px 12px;border-radius:8px;font-size:.95rem;line-height:1.6;}
@media (max-width:576px){.kx-timeline{padding-left:86px;}
.kx-timeline::before{left:64px;}
.kx-time{width:56px;font-size:.95rem;}
}
/* === 手机端优化：资讯列表改为上下布局 === */
@media (max-width:767.98px){/* 每条新闻改为竖排 */
 .feed-list .feed{flex-direction:column;gap:8px;padding:10px 8px;}
/* 缩略图适配屏宽 */
 .feed .thumb{width:100%;height:auto;aspect-ratio:16 / 9;/* 保持横向比例 */
 flex:none;}
/* 正文部分间距与字号调整 */
 .feed .body{min-height:auto;}
.feed .title{font-size:1rem;line-height:1.4;}
.feed .excerpt{font-size:0.9rem;color:#555;}
.feed .meta{font-size:12px;gap:10px;padding-top:6px;}
}
/* */
.ex-card{background:#fff;border:1px solid #e9eef3;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.logo-wrap{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eef2f6;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.title-cn{font-size:28px;font-weight:800}
.title-en{font-size:20px;color:#495057}
.volume{font-size:34px;font-weight:800;color:#c40000}
.delta{color:#d6336c;font-weight:700}
.exrank-bar{height:8px;background:#edf2f7;border-radius:99px;overflow:hidden}
.exrank-bar>span{display:block;height:100%;background:#2fb26b;width:82%}
/* —— 关键：左右同一行的键值样式 —— */
 .kv2 .kv-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}
.kv2 .k{flex:0 0 92px;color:#6b7280}
.kv2 .k::after{content:"："}
.kv2 .v{flex:1;white-space:nowrap}
/* 不换行 */
 .kv2 .v a{margin-right:.75rem}
.stars{color:#ffcc00}
.radar-wrap{border-left:1px dashed #e6edf3}
@media (max-width:991.98px){.radar-wrap{border-left:none;border-top:1px dashed #e6edf3;margin-top:1rem;padding-top:1rem}
.title-cn{font-size:24px}
.volume{font-size:28px}
}
/* 内容优化 */
 /* ===== 全局标题层级（含页面其它位置的一致性） ===== */
.xcz-app h1{font-size:20px;font-weight:800;line-height:1.2;}
.xcz-app h2{font-size:18px;font-weight:700;line-height:1.25;}
.xcz-app h3{font-size:16px;font-weight:700;line-height:1.3;}
.xcz-app h4{font-size:16px;font-weight:700;line-height:1.35;}
/* ===== 文章内容排版优化 ===== */
.article-content{--ac-text:#2b2f36;--ac-muted:#6b7280;--ac-border:#e5e7eb;--ac-bg-soft:#f8fafc;--ac-link:#2563eb;color:var(--ac-text);font-size:15px;line-height:1.85;word-break:break-word;}
.article-content > *:first-child{margin-top:0;}
.article-content p{margin:0 0 0.5em;}
.article-content p + p{margin-top:0.4em;}
/* 段落更紧凑但不拥挤 */
.article-content strong{font-weight:700;}
.article-content em{font-style:italic;}
.article-content a{color:var(--ac-link);text-decoration:none;}
.article-content a:hover{text-decoration:underline;}
/* 小标题在正文中的层级、间距与视觉强调 */
.article-content h1,.article-content h2,.article-content h3,.article-content h4{margin:1.6em 0 0.7em;scroll-margin-top:88px;/* 锚点定位更舒适 */
}
.article-content h2{position:relative;padding-bottom:.35rem;border-bottom:1px solid var(--ac-border);}
.article-content h3{background:linear-gradient( to right,rgba(37,99,235,.08),rgba(37,99,235,0) );padding:.25rem .4rem;border-radius:.5rem;}
.article-content h4{color:#111827;}
/* 列表 */
.article-content ul,.article-content ol{padding-left:1.3em;margin:0 0 1.1em;}
.article-content li{margin:.35em 0;}
/* 图片与图注 */
.article-content img,.article-content figure img{display:block;max-width:100%;height:auto;border-radius:12px;margin:1.2em auto;box-shadow:0 6px 22px rgba(15,23,42,.08);}
.article-content figure{margin:1.2em 0;text-align:center;}
.article-content figcaption{color:var(--ac-muted);font-size:.92em;margin-top:.4em;}
/* 表格（横向滚动 + 条纹 + 紧凑表头） */
.article-content table{width:100%;border-collapse:collapse;border-spacing:0;margin:1.2em 0;font-size:0.96em;}
.article-content table th,.article-content table td{border:1px solid var(--ac-border);padding:.6em .75em;vertical-align:middle;}
.article-content table thead th{background:var(--ac-bg-soft);font-weight:700;}
.article-content .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.article-content .table-wrap > table{margin:0;}
/* 引用 */
.article-content blockquote{margin:1.2em 0;padding:.9em 1em .9em 1.1em;background:var(--ac-bg-soft);border-left:4px solid #2563eb;color:#111827;border-radius:8px;}
.article-content blockquote p:last-child{margin-bottom:0;}
/* 代码与预格式化 */
.article-content code{background:#f3f4f6;padding:.15em .35em;border-radius:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;}
.article-content pre{background:#0b1020;color:#e5e7eb;border-radius:12px;padding:1rem 1.1rem;overflow:auto;line-height:1.65;margin:1.1em 0;}
.article-content pre code{background:transparent;padding:0;color:inherit;}
/* 分隔线 */
.article-content hr{border:0;border-top:1px dashed var(--ac-border);margin:2rem 0;}
/* 嵌入媒体（图表/视频 iframe） */
.article-content iframe{max-width:100%;width:100%;border:0;display:block;margin:1.2em 0;border-radius:10px;box-shadow:0 6px 22px rgba(15,23,42,.06);}
/* 内联提示（例如“速览”、“总结”使用的提示框） */
.article-content .note,.article-content .summary,.article-content .conclusion{background:linear-gradient(0deg,rgba(37,99,235,.06),rgba(37,99,235,.06));border:1px solid rgba(37,99,235,.18);border-radius:12px;padding:.9rem 1rem;margin:1rem 0 1.2rem;}
/* 小屏阅读优化 */
@media (max-width:576px){.article-content{font-size:16.5px;line-height:1.9;}
.article-content img{border-radius:10px;}
}
/* 深色模式（如有 data-bs-theme="dark"） */
[data-bs-theme="dark"] .article-content{--ac-text:#e5e7eb;--ac-muted:#9ca3af;--ac-border:#374151;--ac-bg-soft:#111827;--ac-link:#60a5fa;}
.article-content .article-summary{background:#f2f6fe;padding:5px;border-radius:6px;margin-bottom:15px;font-size:14px;}
.article-summary .as-badge{display:inline-block;padding:0px 12px;margin-right:.5rem;border-radius:999px;font-weight:700;font-size:.82rem;letter-spacing:.02em;background:#e6efff;/* 浅蓝底 */
 color:#1f4ed8;/* 蓝色文字 */
 border:1px solid rgba(37,99,235,.25);vertical-align:middle;}
.article-summary .as-body{display:inline;}
.article-content .article-conclusion { color: #434eee; margin-top: 10px;  }
/* 深色模式适配（可选） */
[data-bs-theme="dark"] .article-summary .as-badge{background:rgba(37,99,235,.18);color:#93c5fd;border-color:rgba(96,165,250,.35);}