/* 自动抽取自 news-center.html · 页面专属样式
*
* 修复说明：重构后本文件只抽取了「NEWS SPECIFIC」规则，但原始内联
* :root 变量块被丢弃，导致以下旧版变量在全局不存在、新闻专属样式
* 全部失效（tab 底色/文字、日期、卡片边框、标题、翻页都错位）：
* --navy --primary --light2 --text2 --muted --border
* 下方恢复这些变量（值取自原始 :root，与 service-detail.css 保持一致）。
* --gold / --gold-dark 沿用全站统一金色（token 体系），不在此重定义。
* 另恢复原始 .container 上下 64px 留白（横向沿用全站 --site-gutter）。
*/
:root{
--navy: #0d1f3c; /* 深蓝主色（tab / 日期 / 翻页激活态） */
--primary: #0a1628; /* 标题主色（= token --navy-900） */
--light2: #eef1f6; /* tab 栏浅灰底 */
--text2: #475569; /* 次级文字（tab / 摘要 / 翻页） */
--muted: #64748b; /* 弱化文字（日期 / 说明） */
--border: #e2e8f0; /* 描边色 */
--radius-lg: 16px; /* 卡片圆角（原始 16px，token 体系默认 12px） */
--shadow-lg: 0 12px 40px rgba(0,0,0,.12); /* 悬浮阴影（原始值） */
}
/* 恢复原始容器上下留白（横向沿用 base.css 的 --site-gutter / 1400px 收口） */
.section .container{
padding-top: 64px;
padding-bottom: 64px;
}
/* ===== NEWS SPECIFIC ===== */
.news-tabs{display:flex;gap:4px;justify-content:center;margin-bottom:50px;background:var(--light2);padding:6px;border-radius:40px;width:fit-content;margin-left:auto;margin-right:auto}
.news-tab{padding:12px 30px;border-radius:34px;border:none;background:transparent;color:var(--text2);font-size:14px;cursor:pointer;transition:all .3s;font-family:inherit;font-weight:500}
.news-tab.active{background:var(--navy);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.news-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:20px}
.news-panel{display:none}
.news-panel.active{display:flex}
.news-item{display:grid;grid-template-columns:80px 1fr;gap:24px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 32px;transition:all .3s;cursor:pointer}
.news-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--gold)}
.news-date{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-width:80px!important;padding:0!important;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}
.news-date .day{display:block;font-size:36px!important;font-weight:800;color:var(--navy)!important;line-height:1.1!important;border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important;text-align:center!important}
.news-date .month{display:block;font-size:12px!important;color:var(--muted)!important;margin-top:2px!important;letter-spacing:1.5px!important;text-transform:uppercase!important}
.news-body{display:flex;flex-direction:column}
.news-tag{display:inline-block;padding:3px 12px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:10px;width:fit-content}
.nt-company{background:rgba(200,146,42,.1);color:var(--gold-dark)}
.nt-industry{background:rgba(21,101,216,.1);color:#1565d8}
.nt-media{background:rgba(30,138,95,.1);color:#1e8a5f}
.nt-insight{background:rgba(109,40,217,.1);color:#6d28d9}
.news-body h3{font-size:18px;font-weight:700;color:var(--primary);margin-bottom:8px;line-height:1.5}
.news-body p{color:var(--text2);font-size:14px;line-height:1.8}
.pagination{display:flex;gap:10px;justify-content:center;margin-top:40px}
.page-btn{width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text2);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;font-family:inherit}
.page-btn:hover,.page-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}
@media(max-width:768px){
.news-item{grid-template-columns:1fr;gap:12px;padding:20px 24px}
.news-date{flex-direction:row;gap:10px;align-items:center}
.news-date .day{font-size:24px}
.news-tabs{padding:5px}
.news-tab{padding:10px 18px;font-size:13px}
}