@charset "utf-8";
/* 优导航风格 style.css（Tailwind CDN 提供大部分 utility，这里放自定义样式） */

* { margin:0; padding:0; box-sizing:border-box; }
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'HarmonyOS Sans SC', 'Microsoft YaHei', sans-serif;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 50%, #f0f4f8 100%);
    min-height: 100vh;
}
a { text-decoration:none; }

.glass-card {
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255,255,255,0.6);
    box-shadow: 0 8px 32px rgba(31,38,135,0.08);
}
.logo-text {
    background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.weather-widget {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.time-display { font-variant-numeric: tabular-nums; }
.hot-badge { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); }
.new-badge { background: linear-gradient(135deg, #10b981 0%, #059669 100%); }

.nav-item { transition: all .3s cubic-bezier(.2,.8,.2,1); }
.nav-item:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(59,130,246,.15); }
.category-tab { transition: all .3s ease; }
.search-box { box-shadow: 0 10px 40px rgba(59,130,246,.15); }
.search-input:focus { outline:none; box-shadow: 0 0 0 3px rgba(59,130,246,.2); }

.site-link { transition: all .25s ease; position:relative; overflow:hidden; }
.site-link::before {
    content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;
    background: linear-gradient(90deg, transparent, rgba(59,130,246,.1), transparent);
    transition: left .5s ease;
}
.site-link:hover::before { left:100%; }
.site-link:hover { background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); color:#2563eb; }

.section-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.5rem; }
.section-title { font-size:1.375rem; font-weight:700; color:#1e293b; display:flex; align-items:center; gap:.5rem; }
.more-link { font-size:.875rem; color:#3b82f6; display:flex; align-items:center; transition:color .2s; }
.more-link:hover { color:#2563eb; }

.featured-card { transition: all .3s cubic-bezier(.2,.8,.2,1); }
.featured-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,.12); }
.news-item-side { transition: all .2s ease; }
.news-item-side:hover { background:#eff6ff; padding-left:8px; }
.news-item-side:hover h4 { color:#2563eb; }
.footer-link { transition: color .2s; }
.footer-link:hover { color:#3b82f6; }

.back-to-top { opacity:0; visibility:hidden; transition: all .3s; }
.back-to-top.show { opacity:1; visibility:visible; }
.back-to-top:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(59,130,246,.4); }

.kw-free-toggle-btn {
    display:inline-block; padding:7px 26px; background:#fff; color:#ff5f3b;
    border:1px solid #ffb3a5; border-radius:20px; font-size:13px; cursor:pointer; transition:.2s;
}
.kw-free-toggle-btn:hover { background:#fff5f2; border-color:#ff8a6f; }

/* 滚动条 */
::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-track { background:#f1f5f9; }
::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:#94a3b8; }

/* 内容页通用样式 */
.article-content { line-height:1.9; color:#334155; font-size:15px; }
.article-content img { max-width:100%; border-radius:8px; }
.article-content h2 { margin:1.2em 0 .6em; font-size:1.3em; }

/* 分页 */
.pagination { display:flex; gap:6px; justify-content:center; margin:24px 0; flex-wrap:wrap; }
.pagination a, .pagination span { padding:6px 14px; border-radius:6px; background:#fff; border:1px solid #e2e8f0; color:#475569; font-size:14px; }
.pagination .active { background:#3b82f6; color:#fff; border-color:#3b82f6; }
.pagination a:hover { background:#eff6ff; color:#2563eb; }

/* ===== 广告位排版 ===== */
.kw-ad { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:24px; }
.kw-ad-item { display:block; border-radius:16px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.06); transition:transform .2s, box-shadow .2s; }
.kw-ad-item:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.12); }
.kw-ad-item img { width:100%; height:120px; object-fit:cover; display:block; }
.kw-ad-html .kw-ad-item, .kw-ad-html { height:auto; }
.kw-ad-text { padding:12px 16px; background:#fff; font-size:14px; }
@media (max-width:768px){ .kw-ad { grid-template-columns:1fr; } .kw-ad-item img { height:100px; } }