/* news.css - Auto extracted */

:root {
  --ac: #4f7df9; --ac-bg: rgba(79,125,249,0.08); --ac-glow: rgba(79,125,249,0.25);
  --pu: #7c3aed; --gn: #22c55e; --or: #f97316; --pk: #ec4899; --cy: #06b6d4;
  --dark: #0f172a; --text: #334155; --text-light: #64748b;
  --white: #fff; --bg: #f8fafc; --border: #e2e8f0;
  --gradient: linear-gradient(135deg, #4f7df9, #7c3aed);
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Noto Sans SC', sans-serif; color: var(--text); background: var(--white); line-height: 1.7; }

@keyframes fadeUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
.anim { opacity:0; }
.anim.visible { animation: fadeUp 0.5s ease forwards; }
.delay-1 { animation-delay: 0.05s; } .delay-2 { animation-delay: 0.1s; } .delay-3 { animation-delay: 0.15s; }
.delay-4 { animation-delay: 0.2s; } .delay-5 { animation-delay: 0.25s; }

/* 导航 */
.nav { position:fixed; top:0; left:0; right:0; z-index:1000; padding:0 48px; height:72px; display:flex; align-items:center; justify-content:space-between; background:rgba(255,255,255,0.95); backdrop-filter:blur(20px); box-shadow:0 2px 20px rgba(0,0,0,0.06); }
.nav-logo img { height:32px; }
.nav-links { display:flex; gap:28px; }
.nav-links a { text-decoration:none; color:var(--text); font-weight:500; font-size:14px; transition:color 0.3s; }
.nav-links a:hover, .nav-links a.active { color:var(--ac); }
.nav-cta { padding:8px 20px; background:var(--gradient); color:var(--white)!important; border-radius:6px; font-weight:500; text-decoration:none; font-size:13px; }
@media(max-width:768px){ .nav{padding:0 16px} }

/* Banner */
.banner { padding:150px 48px 60px; background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%); position:relative; overflow:hidden; }
.banner-glow { position:absolute; width:400px; height:400px; border-radius:50%; filter:blur(100px); opacity:0.3; }
.banner-glow.g1 { top:-100px; right:-50px; background:var(--ac); }
.banner-glow.g2 { bottom:-100px; left:-50px; background:var(--pu); }
.banner-cnt { max-width:1200px; margin:0 auto; position:relative; z-index:1; }
.banner-title { font-size:42px; font-weight:900; color:var(--white); margin-bottom:12px; }
.banner-title span { background:var(--gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.banner-desc { font-size:16px; color:rgba(255,255,255,0.6); }
@media(max-width:768px){ .banner{padding:80px 20px 40px} .banner-title{font-size:28px} }

/* 分类 */
.tabs { padding:20px 48px; background:var(--white); border-bottom:1px solid var(--border); position:sticky; top:72px; z-index:100; }
.tabs-cnt { max-width:1200px; margin:0 auto; display:flex; gap:8px; }
.tab { padding:8px 20px; background:var(--bg); border:none; border-radius:20px; font-size:13px; font-weight:500; color:var(--text); cursor:pointer; transition:all 0.3s; }
.tab:hover { background:var(--ac-bg); color:var(--ac); }
.tab.active { background:var(--gradient); color:var(--white); }
@media(max-width:768px){ .tabs{padding:16px} .tabs-cnt{overflow-x:auto} }

/* 新闻列表 */
.section { padding:48px; }
.container { max-width:1200px; margin:0 auto; }

/* 置顶新闻 - 大图 */
.featured { margin-bottom:32px; }
.featured-card { display:grid; grid-template-columns:1.2fr 1fr; gap:32px; background:var(--white); border-radius:20px; overflow:hidden; border:1px solid var(--border); text-decoration:none; transition:all 0.4s; }
.featured-card:hover { transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,0.1); }
.featured-img { height:100%; min-height:300px; }
.featured-img img { width:100%; height:100%; object-fit:cover; }
.featured-body { padding:32px; display:flex; flex-direction:column; justify-content:center; }
.featured-cat { display:inline-flex; padding:4px 12px; background:var(--ac); color:var(--white); border-radius:4px; font-size:11px; font-weight:600; margin-bottom:12px; width:fit-content; }
.featured-title { font-size:24px; font-weight:700; color:var(--dark); margin-bottom:12px; line-height:1.4; transition:color 0.3s; }
.featured-card:hover .featured-title { color:var(--ac); }
.featured-desc { font-size:15px; color:var(--text-light); line-height:1.7; margin-bottom:16px; }
.featured-meta { display:flex; gap:20px; font-size:13px; color:var(--text-light); }
@media(max-width:1024px){ .featured-card{grid-template-columns:1fr} .featured-img{min-height:200px} }

/* 新闻网格 */
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.news-card { background:var(--white); border-radius:16px; overflow:hidden; border:1px solid var(--border); text-decoration:none; transition:all 0.4s; display:block; }
.news-card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(0,0,0,0.08); border-color:transparent; }
.news-img { height:180px; overflow:hidden; }
.news-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s; }
.news-card:hover .news-img img { transform:scale(1.06); }
.news-body { padding:20px; }
.news-cat { display:inline-flex; padding:3px 10px; background:var(--ac-bg); color:var(--ac); border-radius:4px; font-size:11px; font-weight:600; margin-bottom:10px; }
.news-title { font-size:16px; font-weight:700; color:var(--dark); margin-bottom:8px; line-height:1.5; transition:color 0.3s; }
.news-card:hover .news-title { color:var(--ac); }
.news-desc { font-size:13px; color:var(--text-light); line-height:1.6; margin-bottom:12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news-meta { display:flex; justify-content:space-between; font-size:12px; color:var(--text-light); }
@media(max-width:1024px){ .news-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:768px){ .section{padding:24px 16px} .news-grid{grid-template-columns:1fr} }

/* 加载更多 */
.load-more { text-align:center; padding:40px 0 60px; }
.load-btn { padding:14px 48px; background:var(--white); border:2px solid var(--ac); color:var(--ac); border-radius:10px; font-size:15px; font-weight:600; cursor:pointer; transition:all 0.3s; }
.load-btn:hover { background:var(--ac); color:var(--white); }

/* CTA */
.cta { background:var(--gradient); padding:60px 48px; text-align:center; }
.cta h2 { font-size:32px; font-weight:900; color:var(--white); margin-bottom:12px; }
.cta p { font-size:15px; color:rgba(255,255,255,0.85); margin-bottom:24px; }
.cta-btn { display:inline-flex; align-items:center; gap:8px; padding:14px 32px; background:var(--white); color:var(--ac); border-radius:10px; font-size:15px; font-weight:600; text-decoration:none; transition:all 0.3s; }
.cta-btn:hover { transform:translateY(-3px); box-shadow:0 12px 32px rgba(0,0,0,0.2); }

/* Footer */
.footer { background:#0f172a; padding:48px; text-align:center; }
.footer p { font-size:13px; color:#64748b; }
.footer img { height:28px; margin-bottom:12px; filter:brightness(0) invert(1); }