*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#333;line-height:1.7;background:#f8f9fa}
a{color:#0066cc;text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}

/* 导航 */
.nav{background:#fff;border-bottom:1px solid #eee;padding:14px 0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.nav-inner{display:flex;align-items:center;gap:24px}
.logo{font-size:20px;font-weight:700;color:#1a1a1a;white-space:nowrap}
.logo:hover{color:#0066cc;text-decoration:none}
.nav-links{display:flex;list-style:none;gap:18px;flex:1}
.nav-links a{font-size:14px;color:#555;padding:6px 0;border-bottom:2px solid transparent}
.nav-links a.active,.nav-links a:hover{color:#0066cc;border-bottom-color:#0066cc;text-decoration:none}
.search{margin-left:auto}
.search input{border:1px solid #ddd;border-radius:6px;padding:8px 14px;font-size:13px;width:180px;outline:none}
.search input:focus{border-color:#0066cc;box-shadow:0 0 0 2px rgba(0,102,204,.15)}

/* 主体 */
main{padding:30px 0;display:grid;grid-template-columns:1fr 280px;gap:30px;align-items:start}
.content-area{display:flex;flex-direction:column;gap:16px;min-width:0}
.side-area{position:sticky;top:80px;display:flex;flex-direction:column;gap:16px;min-width:0}
main h1{font-size:24px;margin-bottom:8px}

/* 卡片 */
.card{background:#fff;border-radius:10px;padding:20px 24px;margin-bottom:16px;border:1px solid #eee;transition:box-shadow .2s}
.card:hover{box-shadow:0 4px 14px rgba(0,0,0,.06)}
.card h2{font-size:18px;margin-bottom:8px}
.card h2 a{color:#1a1a1a}.card h2 a:hover{color:#0066cc}
.card .tag{display:inline-block;background:#eef4ff;color:#3d7cc9;font-size:12px;padding:2px 8px;border-radius:4px;margin-bottom:6px}
.card .excerpt{color:#666;font-size:14px;line-height:1.6}
.card time{color:#999;font-size:12px}

/* 文章页 */
article{min-width:0}
article .meta{color:#888;font-size:13px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #eee}
article .content{font-size:16px;line-height:1.9}
article .content p{margin-bottom:14px}
article .content ul,article .content ol{margin:12px 0 12px 24px}
article .content h2{font-size:20px;margin:24px 0 12px}
article .content h3{font-size:17px;margin:20px 0 10px}
article .content img{max-width:100%;border-radius:8px;margin:12px 0}
article .content blockquote{border-left:3px solid #0066cc;padding:12px 16px;background:#f0f7ff;margin:14px 0;border-radius:0 6px 6px 0;color:#555}
article .content .video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:16px 0;border-radius:8px;background:#000}
article .content .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
article .content .video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

/* 侧栏 */
.sidebar .widget{background:#fff;border-radius:10px;padding:18px;margin-bottom:16px;border:1px solid #eee}
.sidebar .widget h3{font-size:15px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}
.sidebar .widget ul{list-style:none}
.sidebar .widget li{padding:6px 0;border-bottom:1px solid #f5f5f5}
.sidebar .widget li:last-child{border:none}
.sidebar .widget a{color:#555;font-size:13px}.sidebar .widget a:hover{color:#0066cc}

/* 分页 */
.pagination{display:flex;justify-content:center;gap:6px;margin:30px 0}
.pagination a,.pagination span{padding:8px 14px;border-radius:6px;border:1px solid #ddd;font-size:13px}
.pagination .current{background:#0066cc;color:#fff;border-color:#0066cc}
.pagination a:hover{background:#f0f7ff;border-color:#0066cc;text-decoration:none}

/* 面包屑 */
.breadcrumb{font-size:13px;color:#888;margin-bottom:8px}
.breadcrumb a{color:#0066cc}.breadcrumb .sep{margin:0 6px;color:#ccc}

/* 页脚 */
.footer{background:#fff;border-top:1px solid #eee;padding:20px 0;text-align:center;color:#999;font-size:13px;margin-top:40px}

/* 空状态 */
.empty{text-align:center;padding:60px 0;color:#999;font-size:15px}

/* 广告位 */
.ad{clear:both;overflow:hidden}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ad-header{max-width:1100px;margin:12px auto 0;padding:0 20px}
.ad-header img,.ad-list-mid img,.ad-footer img{max-width:100%;border-radius:8px;display:block;margin:0 auto}
.ad-sidebar{background:#fff;border-radius:10px;padding:12px;margin-bottom:16px;border:1px solid #eee;text-align:center}
.ad-sidebar img{max-width:100%;border-radius:6px}
.ad-article-top{margin-bottom:18px;text-align:center}
.ad-article-bottom{margin:20px 0;text-align:center}
.ad-footer{max-width:1100px;margin:18px auto 0;padding:0 20px;text-align:center}
.ad-text{font-size:15px;color:#555;line-height:1.8}
/* 视频播放器跑马灯广告 */
.ad-video-overlay{display:none}
.video-container .ad-video-overlay{display:block;position:absolute;bottom:42px;left:0;right:0;z-index:10;pointer-events:none;text-align:center}
.ad-video-overlay .ad-vo-item{display:none;animation:adFadeIn .4s ease}
.ad-video-overlay .ad-vo-item.active{display:inline-block}
.ad-video-overlay a{pointer-events:auto;color:#fff;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.7);text-decoration:none;padding:6px 18px;background:rgba(0,0,0,.45);border-radius:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .2s}
.ad-video-overlay a:hover{background:rgba(0,0,0,.65);color:#fff}
.ad-video-overlay .ad-vo-code{pointer-events:auto;display:none}
.ad-video-overlay .ad-vo-code.active{display:block}
@keyframes adFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* 移动端导航按钮 */
.nav-toggle{display:none;font-size:22px;background:none;border:1px solid #ddd;border-radius:6px;padding:4px 12px;cursor:pointer;color:#555}

/* 响应式 */
@media(max-width:768px){
  main{grid-template-columns:1fr}
  .side-area{position:static}
  .nav-inner{flex-wrap:wrap;gap:10px}
  .nav-toggle{display:block}
  .nav-links{display:none;width:100%;flex-direction:column;gap:0;background:#fff}
  .nav-links.open{display:flex}
  .nav-links a{padding:10px 0;border-bottom:1px solid #f3f3f3}
  .search{margin-left:0;width:100%}
  .search input{width:100%}
  main{padding:16px 0}
  .card{padding:16px 18px}
  .card h2{font-size:17px}
  article .content{font-size:15px}
  .desc{font-size:13px}
}

/* === TAG 聚合页 / 文章标签（关键词内链矩阵） === */
.tag-intro { background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 16px 20px; margin-bottom: 16px; color: #555; font-size: 14px; line-height: 1.8; }
.tag-cloud { margin: 18px 0; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.tag-cloud h3 { width: 100%; font-size: 15px; margin: 0 0 6px; }
.tag-cloud a { display: inline-block; margin: 3px 0; padding: 5px 14px; background: #f2f4f7; color: #3a4a5d; border-radius: 14px; font-size: 13px; text-decoration: none; transition: all .15s; }
.tag-cloud a:hover { background: #2563eb; color: #fff; }
.tag-cloud a.current { background: #2563eb; color: #fff; }
.article-tags { margin: 20px 0 0; padding: 12px 0; border-top: 1px dashed #e2e6ea; font-size: 13px; }
.article-tags .label { color: #8a94a0; margin-right: 6px; }
.article-tags .tag { display: inline-block; margin: 4px 8px 4px 0; padding: 3px 12px; background: #f2f4f7; color: #3a4a5d; border-radius: 12px; text-decoration: none; }
.article-tags .tag:hover { background: #2563eb; color: #fff; }