*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#ffffff;--bg-soft:#f7f7f9;--ink:#0f0f10;--ink-2:#4b5563;--muted:#9ca3af;--brand:#2563eb;--accent:#10b981;--danger:#e74c3c}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.7;color:var(--ink);background:#fafafa;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
.bc-container{max-width:1200px;margin:0 auto;padding:0 20px}
.bc-header{position:sticky;top:0;z-index:1000;background:var(--brand);color:#fff}
.bc-header .bc-container{display:flex;justify-content:space-between;align-items:center;height:56px}
.bc-logo{font-weight:700;font-size:18px}
.bc-nav{display:flex;gap:28px}
.bc-nav a{color:#d1d5db;text-decoration:none;font-size:14px;position:relative;padding:6px 0}
.bc-nav a.active,.bc-nav a:hover{color:#fff}
.bc-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#fff}
.bc-main{padding:40px 0;flex:1}
.bc-latest{margin-bottom:32px}
.bc-latest-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.bc-latest-head h2{font-size:18px;font-weight:700}
.bc-countdown{display:flex;align-items:center;gap:8px;background:#eef6ff;border-radius:12px;padding:8px 12px;font-weight:700;border:1px solid #dbeafe}
.bc-countdown .label{color:#2563eb}
.bc-countdown .sep{color:#2563eb;font-weight:900}
.bc-countdown .flip{position:relative;width:40px;height:36px;border-radius:8px;background:#fff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-family:'Courier New',monospace;font-size:18px;border:1px solid #bfdbfe;box-shadow:0 6px 14px rgba(37,99,235,.06);transform-style:preserve-3d}
.bc-countdown .flip.animate{animation:bcFlip .6s ease}
@keyframes bcFlip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}100%{transform:rotateX(0)}}
.bc-latest-body{text-align:center;background:var(--bg);padding:22px;border-radius:14px}
.bc-latest-meta{display:flex;justify-content:center;gap:34px;margin-bottom:16px;font-size:14px}
.bc-latest-meta .m-label{color:var(--muted);margin-right:6px}
.bc-numbers{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0 18px}
.bc-ball{min-width:48px;height:40px;padding:0 12px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--brand);font-weight:800;border:1px solid #bfdbfe;box-shadow:0 6px 14px rgba(37,99,235,.06)}
.bc-sum{display:flex;align-items:center;gap:8px;margin-left:6px}
.bc-sum strong{font-size:28px}
.bc-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.bc-tag{display:inline-block;padding:6px 12px;border-radius:999px;color:var(--brand);font-weight:700;font-size:12px;border:1px solid #bfdbfe;background:transparent}
.bc-tag.t-big,.bc-tag.t-odd{color:var(--brand);border-color:#93c5fd}
.bc-tag.t-small,.bc-tag.t-even{color:#3b82f6;border-color:#bfdbfe}
.bc-tag.t-ext{color:#fff;border-color:transparent;background:var(--brand)}
.bc-tag.t-correct{color:#fff;border-color:transparent;background:var(--brand)}
.bc-tag.t-wrong{color:var(--danger);background:transparent;border-color:var(--danger)}
.bc-data{background:var(--bg);border-radius:14px}
.bc-tabs{display:flex;gap:0;border-bottom:1px solid #eee;overflow-x:auto;-webkit-overflow-scrolling:touch}
.bc-tab{padding:14px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:14px;white-space:nowrap}
.bc-tab.active{color:#111;border-bottom-color:#111;font-weight:600}
.bc-pane{display:none;padding:16px}
.bc-pane.active{display:block}
.bc-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.bc-table,.bc-trend,.bc-predict{width:100%;border-collapse:collapse;min-width:760px}
.bc-table th,.bc-trend th,.bc-predict th{background:var(--brand);color:#fff;text-align:center;padding:12px;font-weight:700;font-size:12px}
.bc-table td,.bc-trend td,.bc-predict td{padding:12px 10px;border-bottom:1px solid #f0f0f0;text-align:center;font-size:13px}
.bc-table tbody tr:nth-child(even),.bc-trend tbody tr:nth-child(even),.bc-predict tbody tr:nth-child(even){background:#fafafa}
.bc-nums{display:flex;gap:6px;justify-content:center}
.bc-mini{min-width:28px;height:24px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--brand);font-size:12px;font-weight:800;border:1px solid #c7ddff}
.bc-badge{display:inline-block;min-width:36px;padding:4px 10px;border-radius:999px;color:var(--brand);font-size:12px;font-weight:800;border:1px solid #c7ddff;background:transparent}
.bc-badge.b-big,.bc-badge.b-odd{color:var(--brand);border-color:#93c5fd}
.bc-badge.b-small,.bc-badge.b-even{color:#3b82f6;border-color:#bfdbfe;background:transparent}
/* Inline numbers like a+b+c=sum */
.bc-nums-inline{font-family:'Courier New',Consolas,monospace;font-weight:800;color:var(--ink);white-space:nowrap}
/* Shape badges */
.bc-shape{display:inline-block;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:800;color:#fff}
.bc-shape.shape-baozi{background:#6b46c1}
.bc-shape.shape-duizi{background:#f59e0b}
.bc-shape.shape-za6{background:#64748b}
.bc-trend .bc-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;font-size:12px;font-weight:700}
.bc-trend .bc-dot.big{background:var(--brand)}
.bc-trend .bc-dot.small{background:#60a5fa}
.bc-trend .bc-dot.odd{background:var(--accent)}
.bc-trend .bc-dot.even{background:#93c5fd;color:var(--ink)}
.bc-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:16px}
.bc-stat{background:#f7f7f9;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px}
.bc-ball-sm{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--brand) 0%,#60a5fa 100%)}
.bc-stat-l{font-size:12px;color:var(--muted)}
.bc-stat-v{font-size:22px;font-weight:900;color:#111}
.bc-stat-v.hot{color:#e74c3c}
.bc-stat-u{font-size:12px;color:var(--muted)}
.bc-tip{display:flex;align-items:center;gap:8px;background:rgba(15,23,42,0.96);padding:10px 12px;border-radius:12px;margin:0 4px 12px;border:1px solid rgba(55,65,81,0.9);color:#e5e7eb}
.bc-next{padding:0 4px 14px}
.bc-next-box{background:radial-gradient(circle at 0% 0%,rgba(56,189,248,0.16) 0,rgba(15,23,42,1) 55%,rgba(15,23,42,1) 100%);border-radius:14px;padding:14px 16px;text-align:center;border:1px solid rgba(56,189,248,0.6);box-shadow:0 16px 40px rgba(8,47,73,0.85)}
.bc-next-title{font-weight:700;margin-bottom:8px;color:#e5e7eb}
.bc-note{color:#9ca3af;font-size:12px;margin-top:6px}
.bc-pred-groups{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:6px;flex-wrap:wrap}
.bc-pred-groups .g{display:inline-flex;align-items:center;gap:6px;background:rgba(15,23,42,0.96);border:1px solid rgba(55,65,81,0.9);padding:6px 10px;border-radius:999px;color:#e5e7eb}
.bc-tag.label{color:#7dd3fc;border-color:rgba(56,189,248,0.6);background:rgba(8,47,73,0.8)}
.bc-loading,.bc-empty{text-align:center;padding:24px;color:#6b7280}
.ads-section{margin:12px 0; padding:0 16px; overflow:hidden}
.ad-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:6px;max-width:100%;box-sizing:border-box}
.ad-item + .ad-item{margin-top:12px}
.ad-image{display:block;width:100%;max-width:100%;height:auto;max-height:160px;object-fit:contain}
.bc-articles{margin-top:28px}
.bc-articles h2{font-size:18px;margin-bottom:14px}
.bc-article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.bc-article{background:#fff;border-radius:12px;padding:18px;overflow:hidden}
.bc-article h3{font-size:16px;margin-bottom:10px}
.bc-article h3 a{color:#111;text-decoration:none}
.bc-meta{display:flex;gap:16px;color:#6b7280;font-size:12px;margin-bottom:8px}
.bc-article p{color:var(--ink-2);font-size:14px;line-height:1.6;margin-top:6px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.bc-article-page{background:#fff;border-radius:12px;padding:24px}

/* 首页查看更多文章按钮 */
.bc-btn{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 18px;
	border-radius:999px;
	background:linear-gradient(120deg,#38bdf8 0%,#0ea5e9 40%,#a855f7 100%);
	color:#f9fafb;
	font-size:13px;
	font-weight:600;
	text-decoration:none;
	border:none;
	box-shadow:0 14px 32px rgba(56,189,248,0.55);
	transition:all .18s ease;
}

.bc-btn i{
	font-size:12px;
}

.bc-btn:hover{
	transform:translateY(-1px);
	box-shadow:0 18px 40px rgba(56,189,248,0.7);
	filter:brightness(1.06);
}
.bc-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);margin-bottom:14px}
.bc-crumbs a{color:var(--brand);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.bc-crumbs span{color:#94a3b8}
.bc-crumbs a:hover{color:#1d4ed8}
.bc-article-label{display:inline-flex;align-items:center;gap:6px;background:rgba(37,99,235,.1);color:#1d4ed8;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;margin-bottom:12px}
.bc-article-label i{font-size:12px}
.bc-article-head h1{font-size:22px;margin-bottom:10px}
.bc-article-meta{display:flex;gap:18px;flex-wrap:wrap;color:#64748b;font-size:13px;margin-bottom:18px}
.bc-article-content{color:var(--ink);font-size:16px;line-height:1.85}
.bc-article-content img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.08)}
.bc-article-content h2{font-size:20px;margin:1.2em 0 .6em;line-height:1.35}
.bc-article-content h3{font-size:18px;margin:1.1em 0 .55em;line-height:1.35}
.bc-article-content p{margin:0 0 1em}
.bc-article-content ul, .bc-article-content ol{margin:.6em 0 1.1em 1.3em;padding-left:1.1em}
.bc-article-content ul{list-style:disc outside}
.bc-article-content ol{list-style:decimal outside}
.bc-article-content li{margin:.25em 0}
.bc-article-content blockquote{margin:12px 0;padding:12px 14px;background:#f7f7f9;border-left:3px solid var(--brand);border-radius:6px}
.bc-article-content pre{background:#0f172a;color:#e2e8f0;border-radius:8px;padding:14px;overflow:auto}
.bc-article-content code{background:#f1f5f9;padding:2px 6px;border-radius:4px}
.bc-article-content a{color:var(--brand);word-break:break-all}
.bc-article-foot{margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0}
.bc-article-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}
.bc-article-nav{display:flex;justify-content:space-between;gap:12px;margin-top:10px;flex-wrap:wrap}
.bc-article-nav .bc-link-btn{max-width:100%}
.bc-article-nav .title{display:inline-block;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.bc-link-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#f8fafc;color:#1e293b;text-decoration:none;font-weight:600;transition:all .2s ease}
.bc-link-btn i{font-size:13px}
.bc-link-btn:hover{background:#eef2ff;border-color:#6366f1;color:#4338ca;box-shadow:0 12px 24px rgba(99,102,241,.15)}
.bc-link-btn.primary{background:linear-gradient(135deg,#2563eb,#4338ca);color:#fff;border-color:transparent;box-shadow:0 14px 32px rgba(59,130,246,.25)}
.bc-link-btn.primary:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(59,130,246,.3)}
.bc-related{margin-top:40px}
.bc-related-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.bc-related-head h2{font-size:18px;display:flex;align-items:center;gap:10px;color:#0f172a}
.bc-link-mini{font-size:13px;color:#2563eb;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-weight:600}
.bc-link-mini:hover{color:#1d4ed8}
.bc-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.bc-related-card{background:#fff;border-radius:14px;padding:16px;border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 24px rgba(15,23,42,.06);transition:all .25s ease}
.bc-related-card h3{font-size:15px;margin-bottom:8px}
.bc-related-card h3 a{color:#0f172a;text-decoration:none}
.bc-related-card h3 a:hover{color:#2563eb}
.bc-related-meta{display:flex;align-items:center;gap:12px;color:#64748b;font-size:12px;margin-bottom:8px}
.bc-related-card p{color:#475569;font-size:13px;line-height:1.6;margin:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.bc-related-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(37,99,235,.18);border-color:rgba(59,130,246,.28)}
.bc-pagination{display:flex;justify-content:center;margin-top:18px}
.bc-pagination-inner{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;background:rgba(241,245,249,0.9);border:1px solid rgba(226,232,240,0.9);box-shadow:0 14px 30px rgba(15,23,42,.08)}
.bc-page-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:600;color:#1e3a8a;background:#fff;border:1px solid rgba(148,163,184,.4);transition:all .2s ease}
.bc-page-btn i{font-size:12px}
.bc-page-btn:hover:not(.disabled){transform:translateY(-2px);border-color:rgba(59,130,246,.5);color:#2563eb;box-shadow:0 12px 24px rgba(59,130,246,.18)}
.bc-page-btn.disabled{pointer-events:none;opacity:.4}
.bc-page-info{font-size:13px;color:#475569;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,0.9);border:1px solid rgba(226,232,240,0.9)}
.bc-footer{background:var(--brand);color:#fff;text-align:center;padding:28px 0;margin-top:40px}
.bc-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border:none;border-radius:50%;background:var(--brand);color:#fff;font-size:18px;display:none;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(0,0,0,.15);z-index:1000}
.bc-top.show{display:flex}
@media(max-width:992px){.bc-ball{width:44px;height:44px}.bc-ball-sm{width:40px;height:40px}.bc-stats{grid-template-columns:repeat(4,1fr)}.bc-table,.bc-trend,.bc-predict{min-width:640px}}
@media(max-width:768px){.bc-main{padding:20px 0}.bc-latest-body{padding:16px;border-radius:12px}.bc-tabs{position:sticky;top:56px;background:rgba(15,23,42,0.98);border-bottom:1px solid rgba(55,65,81,0.9);z-index:900}.bc-pane{padding:12px}.bc-article-grid{grid-template-columns:1fr}.bc-article{padding:16px}}
@media(max-width:576px){.bc-container{padding:0 16px}.bc-logo{font-size:16px}.bc-countdown{padding:6px 10px}.bc-ball{width:38px;height:38px}.bc-mini{width:22px;height:22px}.bc-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.bc-stat{padding:10px}.bc-stat-v{font-size:16px}.bc-table,.bc-trend,.bc-predict{min-width:100%}.bc-top{right:16px;bottom:16px;width:44px;height:44px}}

@media(max-width:768px){
  .bc-article-nav{flex-direction:column;align-items:stretch}
  .bc-article-nav .bc-link-btn{width:100%;justify-content:space-between}
  .bc-article-nav .title{max-width:55%}
}

@media(max-width:576px){
  .bc-article-nav .bc-link-btn{justify-content:center}
  .bc-article-nav .title,.bc-article-nav .sep{display:none}
}

/* ================= 新深色霓虹主题（覆盖上方旧样式） ================= */
:root{
	--bg:#020617;
	--bg-soft:#020617;
	--ink:#e5e7eb;
	--ink-2:#9ca3af;
	--muted:#64748b;
	--brand:#38bdf8;
	--accent:#a855f7;
	--danger:#f97373;
}

body{
	background:radial-gradient(circle at top,#1f2937 0%,#020617 52%,#000 100%);
	color:var(--ink);
}

.bc-header{
	position:sticky;
	top:0;
	z-index:1000;
	background:rgba(15,23,42,0.96);
	backdrop-filter:blur(18px);
	border-bottom:1px solid rgba(148,163,184,0.4);
}

.bc-header .bc-container{
	height:64px;
}

.bc-logo{
	font-size:20px;
	font-weight:800;
	letter-spacing:0.04em;
}

.bc-main{
	padding:30px 0 40px;
}

.bc-latest{
	margin-bottom:26px;
}

.bc-latest-head h2{
	color:#e5e7eb;
}

.bc-countdown{
	background:rgba(15,23,42,0.7);
	border-radius:999px;
	border:1px solid rgba(148,163,184,0.6);
	color:#e5e7eb;
}

.bc-countdown .label,
.bc-countdown .sep{
	color:#e5e7eb;
}

.bc-countdown .flip{
	background:rgba(15,23,42,0.96);
	color:#e5e7eb;
	border-color:rgba(148,163,184,0.7);
}

.bc-latest-body{
	background:radial-gradient(circle at top left,#0f172a 0%,#020617 60%,#020617 100%);
	border-radius:20px;
	padding:22px 20px 24px;
	box-shadow:0 24px 60px rgba(15,23,42,0.8);
	border:1px solid rgba(55,65,81,0.9);
}

.bc-latest-meta .m-label{
	color:var(--muted);
}

.bc-latest-meta .m-value{
	color:#e5e7eb;
	font-weight:600;
}

.bc-ball{
	background:radial-gradient(circle at 20% 0%,#4f46e5 0%,#38bdf8 45%,#0ea5e9 100%);
	border:none;
	box-shadow:0 18px 35px rgba(56,189,248,0.5);
	color:#e5f2ff;
}

.bc-sum strong{
	color:#f97316;
}

.bc-data{
	margin-top:20px;
	background:rgba(15,23,42,0.96);
	border-radius:20px;
	border:1px solid rgba(55,65,81,0.9);
	box-shadow:0 18px 50px rgba(15,23,42,0.95);
}

.bc-tabs{
	border-bottom:1px solid rgba(55,65,81,0.9);
	background:rgba(15,23,42,0.98);
	border-radius:18px 18px 0 0;
	padding:0 4px;
	overflow-x:auto;
}

.bc-tab{
	color:#9ca3af;
	padding:12px 18px;
	border:none;
	border-bottom:2px solid transparent;
	background:transparent;
	font-size:14px;
	white-space:nowrap;
}

.bc-tab.active{
	color:#e5e7eb;
	border-bottom-color:#38bdf8;
}

.bc-pane{
	padding:18px 18px 22px;
}

.bc-table,.bc-trend,.bc-predict{
	min-width:640px;
}

.bc-table th,.bc-trend th,.bc-predict th{
	background:linear-gradient(135deg,#0f172a 0%,#1f2937 40%,#111827 100%);
}

.bc-table td,.bc-trend td,.bc-predict td{
	background:transparent;
	color:#cbd5f5;
}

.bc-table tbody tr:nth-child(even),
.bc-trend tbody tr:nth-child(even),
.bc-predict tbody tr:nth-child(even){
	background:rgba(15,23,42,0.85);
}

.bc-articles h2{
	color:#e5e7eb;
}

.bc-article{
	background:linear-gradient(145deg,rgba(15,23,42,0.95),rgba(17,24,39,0.95));
	border:1px solid rgba(55,65,81,0.9);
	box-shadow:0 20px 45px rgba(15,23,42,0.9);
}

.bc-article h3 a{
	color:#e5e7eb;
}

.bc-article p{
	color:#9ca3af;
}

.bc-footer{
	background:transparent;
	border-top:1px solid rgba(55,65,81,0.9);
	color:#6b7280;
}

.bc-top{
	background:radial-gradient(circle at 20% 0%,#38bdf8 0,#1d4ed8 50%,#0f172a 100%);
}

/* 布局与导航整体调整 */
.bc-container{
	max-width:1180px;
	margin:0 auto;
	padding:0 18px;
}

.bc-nav{
	display:flex;
	gap:14px;
	padding:6px 12px;
	border-radius:999px;
	background:rgba(15,23,42,0.85);
	border:1px solid rgba(55,65,81,0.9);
}

.bc-nav a{
	color:#9ca3af;
	text-decoration:none;
	font-size:14px;
	position:relative;
	padding:4px 10px;
}

.bc-nav a.active,
.bc-nav a:hover{
	color:#e5e7eb;
}

.bc-nav a.active::after{
	content:"";
	position:absolute;
	left:10px;
	right:10px;
	bottom:-6px;
	height:2px;
	background:linear-gradient(90deg,#38bdf8,#a855f7);
}

.bc-home .bc-main .bc-container{
	display:block;
}

.bc-home .ads-section{
	grid-area:ads;
	margin-bottom:0;
}

.bc-home .bc-latest{
	grid-area:latest;
	margin-bottom:0;
}

.bc-home .bc-data{
	grid-area:data;
}

.bc-home .bc-articles{
	margin-top:26px;
}

/* 广告卡片与列表卡片适配暗色主题 */
.ads-section{
	margin:0 0 22px;
	padding:0;
}

.ad-item{
	background:rgba(15,23,42,0.96);
	border:1px solid rgba(55,65,81,0.9);
	box-shadow:0 18px 40px rgba(15,23,42,0.9);
}

.ad-image{
	max-height:180px;
	object-fit:contain;
}

/* 文章详情页布局 */
.bc-article-layout .bc-main .bc-container{
	max-width:900px;
}

.bc-article-page{
	background:radial-gradient(circle at top left,#020617 0,#020617 40%,#020617 100%);
	border-radius:20px;
	border:1px solid rgba(55,65,81,0.9);
	box-shadow:0 22px 52px rgba(15,23,42,0.95);
	padding:24px 24px 26px;
}

.bc-article-hero{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin-bottom:18px;
	border-bottom:1px solid rgba(55,65,81,0.9);
	padding-bottom:12px;
}

.bc-crumbs{
	color:#64748b;
}

.bc-crumbs a{
	color:#38bdf8;
}

.bc-article-hero-main{
	display:flex;
	flex-direction:column;
	gap:8px;
}

.bc-article-title{
	font-size:22px;
	line-height:1.4;
	color:#e5e7eb;
}

.bc-article-meta{
	display:flex;
	flex-wrap:wrap;
	gap:14px;
	font-size:13px;
	color:#9ca3af;
}

.bc-article-body{
	margin-top:4px;
}

.bc-article-content{
	color:#e5e7eb;
	font-size:15px;
	line-height:1.9;
}

.bc-article-content blockquote{
	background:rgba(15,23,42,0.96);
	border-left-color:#38bdf8;
}

.bc-article-content pre{
	background:#020617;
}

.bc-article-content code{
	background:rgba(15,23,42,0.9);
}

.bc-related-head h2{
	color:#e5e7eb;
}

.bc-related-card{
	background:rgba(15,23,42,0.96);
	border-color:rgba(55,65,81,0.9);
}

.bc-related-card p{
	color:#9ca3af;
}

/* 统计数据（已开统计）暗色卡片样式 */
.bc-stats{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
	gap:16px;
	padding:16px 18px 20px;
}

.bc-stat{
	background:rgba(15,23,42,0.96);
	border-radius:16px;
	border:1px solid rgba(55,65,81,0.9);
	box-shadow:0 18px 40px rgba(15,23,42,0.9);
}

.bc-ball-sm{
	background:radial-gradient(circle at 20% 0%,#38bdf8 0%,#0ea5e9 40%,#a855f7 100%);
}

.bc-stat-l,
.bc-stat-u{
	color:#9ca3af;
}

.bc-stat-v{
	color:#e5e7eb;
}

.bc-stat-v.hot{
	color:#f97316;
}

/* 文章列表页整体宽度与分页适配暗色 */
.bc-list-layout .bc-main .bc-container{
	max-width:1040px;
}

.bc-pagination-inner{
	background:rgba(15,23,42,0.96);
	border-color:rgba(55,65,81,0.9);
}

.bc-page-btn{
	background:#020617;
	border-color:rgba(75,85,99,0.9);
	color:#e5e7eb;
}

.bc-page-btn.disabled{
	opacity:.45;
}

.bc-page-info{
	background:rgba(15,23,42,0.98);
	border-color:rgba(55,65,81,0.9);
	color:#9ca3af;
}

@media (max-width: 1200px){
	/* 保持与桌面一致的纵向布局，这里无需再单独覆盖 */
}

@media (max-width: 768px){
	.bc-table,.bc-trend,.bc-predict{
		min-width:100%;
	}

	.bc-latest-body{
		border-radius:16px;
	}
	.bc-data{
		border-radius:16px;
	}
}

@media (max-width: 576px){
	#stats-groups.bc-stats,
	#stats-grid.bc-stats{
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:10px;
		padding:10px 10px 14px;
	}

	#stats-groups .bc-stat,
	#stats-grid .bc-stat{
		padding:8px 6px 10px;
		border-radius:12px;
	}

	#stats-groups .bc-ball-sm,
	#stats-grid .bc-ball-sm{
		width:32px;
		height:32px;
		font-size:12px;
	}

	#stats-groups .bc-stat-l,
	#stats-groups .bc-stat-u,
	#stats-grid .bc-stat-l,
	#stats-grid .bc-stat-u{
		display:none;
	}

	#stats-groups .bc-stat-v,
	#stats-grid .bc-stat-v{
		font-size:14px;
		margin-top:4px;
	}
}