:root{--p:#4f6ef7;--bg:#f5f7fa;--card:#fff;--t:#1b1f2a;--ts:#586174;--b:#edf1f6}body{background:var(--bg);color:var(--t);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}ul,ol{list-style:none}li::marker{display:none}
.top-bar{background:#1a1f36;color:#8894b0;font-size:13px;padding:8px 0;text-align:center}.top-bar a{color:#b8c7e0;text-decoration:none}
.site-header{background:#fff;padding:20px 0;border-bottom:1px solid var(--b)}.site-logo{max-height:60px}.search-form .form-control{border-radius:20px 0 0 20px;border:2px solid var(--p);border-right:none;padding:10px 20px}.search-form .btn{border-radius:0 20px 20px 0;padding:10px 24px}
.main-nav{background:linear-gradient(135deg,#4f6ef7,#6c8cff)}.main-nav .container{position:relative}
/* 汉堡菜单按钮 - 默认隐藏 */
.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:8px;background:transparent;border:none;cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:10}
.nav-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-list{display:flex;list-style:none;margin:0;padding:0;flex-wrap:wrap}.nav-list li{list-style:none}.nav-list li::marker{display:none}
.nav-list a{display:block;color:rgba(255,255,255,.85);text-decoration:none;padding:14px 20px;font-size:15px}
.nav-list a:hover,.nav-list .active a{background:rgba(255,255,255,.15);color:#fff}
.banner-section{background:#fff;padding:16px 0;border-bottom:1px solid var(--b)}.banner-carousel{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.banner-item{flex:0 1 auto;max-width:calc(50% - 6px);border-radius:12px;overflow:hidden}.banner-item:only-child{max-width:100%}.banner-item a{display:block}.banner-item img{display:block;width:100%;height:auto;border-radius:12px}
.home-layout{display:flex;gap:24px;padding:24px 0;min-height:60vh}
.home-main{flex:1;min-width:0}
.home-sidebar{width:360px;flex-shrink:0}

/* 分区卡片 */
.home-section{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:20px;border:1px solid var(--b)}

/* 分区标题行 */
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--p)}
.section-title{font-size:18px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}
.section-title i{color:var(--p);font-size:16px}
.section-badge{display:inline-block;background:var(--p);color:#fff;font-size:11px;padding:2px 10px;border-radius:10px;font-weight:400}

/* 翻页导航 */
.section-nav{display:flex;align-items:center;gap:8px;font-size:13px}
.page-nav-btn{display:inline-flex;align-items:center;padding:8px 16px;border-radius:6px;text-decoration:none;color:var(--p);background:#f0f3ff;border:1px solid #d0d8f8;font-size:13px;transition:.2s;min-height:44px;box-sizing:border-box}
.page-nav-btn:hover{background:var(--p);color:#fff;border-color:var(--p)}
.page-nav-info{color:#999}

/* Tab切换 */
.section-tabs{display:flex;gap:6px}
.tab-btn{display:inline-flex;align-items:center;padding:8px 18px;border-radius:20px;text-decoration:none;font-size:13px;color:#666;background:#f0f2f8;transition:.2s;min-height:44px;box-sizing:border-box}
.tab-btn:hover{color:var(--p);background:#e8ecf8}
.tab-btn.active{background:var(--p);color:#fff;font-weight:600}

/* ===== 最近更新：双列列表 ===== */
.recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.recent-col{list-style:none;padding:0;margin:0}.recent-col li{list-style:none}.recent-col li::marker{display:none}
.recent-col li{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #f0f0f0;font-size:14px}
.recent-col li:last-child{border-bottom:none}
.recent-col a{color:var(--t);text-decoration:none;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}
.recent-col a:hover{color:var(--p)}
.recent-date{font-size:12px;color:#bbb;margin-left:12px;flex-shrink:0;white-space:nowrap}.recent-date.today{color:#e53935;font-weight:600}
/* 置顶 */
.recent-top{background:#fef7e8;border-radius:4px;padding-left:6px!important}
.top-tag{display:inline-block;background:#e74c3c;color:#fff;font-size:10px;padding:0 4px;border-radius:3px;margin-right:4px;vertical-align:middle}
/* 最近更新列表内广告行 */
.recent-ad-row{padding:6px 0!important}
.recent-ad-text{display:inline-flex;align-items:center;gap:6px;color:#e67e22!important;font-weight:600;font-size:13px;text-decoration:none;transition:color .2s}
.recent-ad-text:hover{color:#d35400!important}
.recent-ad-text::before{content:'🔥';font-size:12px}
/* 移动端广告区：桌面端隐藏，移动端显示在列表顶部 */
.recent-ads-mobile{display:none;grid-column:1/-1;padding:0 0 8px 0;flex-direction:column;gap:8px}
@media(min-width:769px){.recent-ads-mobile{display:none!important}}
@media(max-width:768px){
    .recent-ads-mobile{display:flex!important;flex-direction:column}
    .recent-ad-row{display:none!important}
    .recent-ads-mobile .recent-ad-text{font-size:14px;padding:6px 10px;background:#fff3e0;border-radius:6px;display:block}
}

/* ===== 下载专区：卡片网格 ===== */
.download-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.dl-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;background:#f8f9fc;border-radius:10px;padding:12px 8px 8px;transition:transform .2s,box-shadow .2s}
.dl-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);color:var(--p)}
.dl-card-img{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;margin-bottom:8px;background:#e8ecf4;color:#bcc4d6;font-size:28px}
.dl-card-img img{width:100%;height:100%;object-fit:cover}
.dl-card-title{font-size:13px;color:var(--t);text-align:center;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ===== 文章专区：卡片网格 ===== */
.article-zone-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.az-card{display:flex;flex-direction:column;text-decoration:none;background:#f8f9fc;border-radius:10px;padding:10px 8px 8px;transition:transform .2s,box-shadow .2s;position:relative}
.az-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);color:var(--p)}
.az-card-img{width:100%;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden;margin-bottom:8px;background:#e8ecf4;color:#bcc4d6;font-size:28px}
.az-card-img img{width:100%;height:100%;object-fit:cover}
.az-card-title{font-size:13px;color:var(--t);text-align:center;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.az-card-date{font-size:11px;color:#bbb;text-align:center;margin-top:4px}

.empty-hint{grid-column:1/-1;text-align:center;padding:20px;color:#ccc;font-size:14px}

.home-brand-intro{margin:0 0 20px;padding:16px 24px;background:linear-gradient(135deg,#4f6ef7,#6c8cff);border-radius:16px;color:#fff}.home-brand-intro h1{margin:0 0 4px;font-size:24px;font-weight:700;color:#fff}.home-brand-intro p{margin:0;font-size:14px;line-height:1.8;color:rgba(255,255,255,.85)}
.breadcrumb-nav{font-size:14px;color:#999;margin-bottom:16px}.breadcrumb-nav a{color:#666;text-decoration:none}
.category-title{font-size:20px;font-weight:700;margin-bottom:8px}.category-title small{font-size:14px;color:#999;font-weight:400}
.category-intro{padding:12px 16px;background:#f0f4ff;border-left:4px solid var(--p);border-radius:0 8px 8px 0;color:var(--ts);font-size:14px;line-height:1.7;margin-bottom:16px}
.article-detail{background:#fff;border-radius:16px;padding:28px;border:1px solid var(--b)}.detail-title{font-size:24px;font-weight:700;margin-bottom:16px}.detail-meta{display:flex;gap:20px;font-size:14px;color:#999;margin-bottom:20px;flex-wrap:wrap}.detail-content{font-size:16px;line-height:1.9;color:#333;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden}.detail-content img{max-width:100%!important;height:auto!important;border-radius:8px;display:block;margin:12px auto}.detail-content table{max-width:100%;display:block;overflow-x:auto;border-collapse:collapse;margin:12px 0}.detail-content table td,.detail-content table th{padding:8px 12px;border:1px solid #e0e0e0}.detail-content iframe{max-width:100%}.detail-content video{max-width:100%;height:auto}.detail-content pre{overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;background:#f5f5f5;padding:16px;border-radius:8px;font-size:14px}.detail-content code{background:#f0f0f0;padding:2px 6px;border-radius:4px;font-size:90%}.detail-content pre code{background:none;padding:0;border-radius:0}.detail-content a{color:var(--p);word-break:break-all}.detail-content ul,.detail-content ol{padding-left:20px;margin:10px 0;list-style:disc}.detail-content ul ul{list-style:circle}.detail-content ol{list-style:decimal}.detail-content li::marker{display:revert}.detail-content blockquote{border-left:4px solid var(--p);padding:8px 16px;margin:12px 0;background:#f8f9fc;color:#666}.detail-content figure{margin:16px 0;text-align:center}.detail-content figcaption{font-size:13px;color:#999;margin-top:6px}.detail-tags{margin-top:20px;padding-top:16px;border-top:1px solid var(--b)}.detail-tags a{display:inline-flex;align-items:center;padding:8px 16px;background:#f0f2f8;border-radius:20px;color:#666;text-decoration:none;font-size:13px;margin:0 6px 6px 0;min-height:44px;box-sizing:border-box}.detail-tags a:hover{background:var(--p);color:#fff}.detail-source{padding:12px 16px;background:#f8f9fc;border-radius:8px;font-size:14px;margin-top:20px}
.sidebar-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid var(--b)}.sidebar-title{font-size:17px;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--p)}.sidebar-list{list-style:none;padding:0;margin:0}.sidebar-list li{list-style:none}.sidebar-list li::marker{display:none}.sidebar-list li{padding:10px 0;border-bottom:1px dashed #f0f0f0}.sidebar-list a{color:var(--t);text-decoration:none;font-size:14px}.sidebar-list a:hover{color:var(--p)}.item-meta{font-size:12px;color:#bbb;display:block}
.sidebar-list-dense li{padding:7px 0}
/* 人气排行 */
.sidebar-list-rank .rank-num{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:4px;font-size:12px;font-weight:700;margin-right:8px;background:#e8ecf1;color:#999;flex-shrink:0}
.sidebar-list-rank li{display:flex;align-items:center;gap:4px}
.sidebar-list-rank .rank-top-1 .rank-num{background:#e74c3c;color:#fff}
.sidebar-list-rank .rank-top-2 .rank-num{background:#f39c12;color:#fff}
.sidebar-list-rank .rank-top-3 .rank-num{background:#3498db;color:#fff}
.sidebar-ad-item{text-align:center}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-item{display:inline-flex;align-items:center;padding:8px 16px;background:#f0f2f8;border-radius:20px;color:#666;text-decoration:none;font-size:13px;min-height:44px;box-sizing:border-box}.tag-item:hover{background:var(--p);color:#fff}
.friend-links{display:flex;flex-wrap:wrap;gap:8px}.friend-links a{display:inline-flex;align-items:center;padding:8px 16px;background:#f8f9fc;border-radius:6px;color:#666;text-decoration:none;font-size:13px;min-height:44px;box-sizing:border-box}.friend-links a:hover{background:var(--p);color:#fff}
.related-item{display:block;padding:12px 16px;background:#f8f9fc;border-radius:8px;color:var(--t);text-decoration:none;font-size:14px}.related-item:hover{background:#eef1ff;color:var(--p)}
.pagination{margin-top:24px;text-align:center}.pagination .page-nav ul{display:flex;list-style:none;padding:0;gap:4px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.pagination .page-nav a{display:inline-flex;align-items:center;gap:4px;padding:10px 18px;border-radius:8px;text-decoration:none;color:#555;background:#fff;border:1px solid var(--b);font-size:14px;transition:.2s;min-height:44px;box-sizing:border-box}.pagination .page-nav a:hover{background:var(--p);color:#fff;border-color:var(--p)}.pagination .page-prev,.pagination .page-next{padding:10px 22px;font-weight:500;min-height:44px;box-sizing:border-box}.pagination .page-active{background:var(--p)!important;color:#fff!important;border-color:var(--p)!important;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.15)}.pagination .page-info{margin-top:4px}.pagination .page-info span{font-size:13px;color:#999}.pagination .page-info b{color:var(--p);font-weight:700}
.site-footer{background:#1a1f36;color:#8894b0;padding:30px 0;margin-top:40px;font-size:14px}
.back-to-top{position:fixed;bottom:30px;right:30px;width:44px;height:44px;background:var(--p);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;opacity:0;visibility:hidden;transition:.3s;z-index:999}.back-to-top.show{opacity:1;visibility:visible}
.empty-state{text-align:center;padding:60px 20px;color:#ccc}.empty-state i{font-size:60px;display:block;margin-bottom:16px}
@media(max-width:768px){
    .home-layout{flex-direction:column}.home-sidebar{width:100%}
    .section-title{font-size:16px}.home-brand-intro{padding:16px}.home-brand-intro h1{font-size:22px}
    .recent-grid{grid-template-columns:1fr}.home-section{padding:16px}
    .article-item{flex-direction:column}.article-thumb{width:100%;height:180px}.article-title{font-size:16px}
    .detail-title{font-size:20px}.nav-list a{padding:12px 14px;font-size:14px}
    /* 专区标题行：移动端纵向排列 */
    .section-header{flex-direction:column;align-items:flex-start;gap:10px}
    .section-tabs{flex-wrap:wrap;width:100%}
    /* 卡片网格: 3列 */
    .download-grid,.article-zone-grid{grid-template-columns:repeat(3,1fr);gap:12px}
    .top-text-grid{grid-template-columns:repeat(2,1fr)}
    /* 汉堡菜单 */
    .nav-toggle{display:flex!important}
    .nav-list{display:none;flex-direction:column;width:100%;padding:8px 0}
    .nav-list.show{display:flex}
    .nav-list a{padding:12px 16px;border-radius:6px}
    /* 后台表格 */
    .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:480px){
    .home-brand-intro h1{font-size:20px}.home-brand-intro p{font-size:13px}
    .section-title{font-size:15px}.section-badge{font-size:10px;padding:1px 8px}
    /* 专区标题行 */
    .section-header{gap:8px}
    .section-tabs{gap:4px}
    .tab-btn{padding:6px 14px;font-size:12px;min-height:38px}
    /* 卡片网格: 2列 */
    .download-grid,.article-zone-grid{grid-template-columns:repeat(2,1fr);gap:8px}
    .top-text-grid{grid-template-columns:1fr}
    .dl-card{padding:8px 4px 6px}.dl-card-title{font-size:12px}
    .az-card{padding:8px 4px 6px}.az-card-title{font-size:12px}
    .article-thumb{height:150px}
    .detail-title{font-size:18px}.detail-content{font-size:15px}
    .search-form .btn{padding:10px 16px;font-size:14px}
    .site-logo{max-height:48px;max-width:100%}
    /* 导航 */
    .nav-list a{padding:10px 14px;font-size:13px}
    /* 触摸目标 */
    .tag-item{padding:8px 16px}
    .page-nav-btn{padding:8px 16px}.detail-tags a{padding:8px 16px}
    .friend-links a{padding:8px 16px}
    .pagination .page-nav a{padding:10px 14px;font-size:14px}
    .dl-btn{padding:12px 18px;font-size:14px}
    .pagination .page-prev,.pagination .page-next{padding:10px 14px}
}
@media(min-width:992px){
    .download-grid{grid-template-columns:repeat(5,1fr)}
    .article-zone-grid{grid-template-columns:repeat(5,1fr)}
}
.download-box{background:linear-gradient(135deg,#f0f7ff,#e8f4fd);border:2px solid #4f6ef7;border-radius:16px;padding:24px 28px;margin:24px 0}
.download-box-title{font-size:18px;font-weight:700;color:#4f6ef7;margin-bottom:16px;padding-bottom:12px;border-bottom:2px dashed #d0e0f8}
.download-box-links{display:flex;flex-wrap:wrap;gap:10px}
.dl-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:#4f6ef7;color:#fff!important;border-radius:10px;text-decoration:none!important;font-size:15px;font-weight:500;transition:.2s;min-height:44px;box-sizing:border-box}
.dl-btn:hover{background:#3d5ce5;transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,110,247,.3)}
.dl-btn.dl-pan{background:#06a763}
.dl-btn.dl-pan:hover{background:#058552}
.dl-icon{font-size:18px}
.dl-arrow{font-size:14px;opacity:.7}

/* 侧边栏广告 */


/* 列表页文章卡片（分类/搜索等非首页） */
.article-item{display:flex;gap:16px;padding:16px;background:#fff;border-radius:12px;margin-bottom:12px;border:1px solid var(--b);transition:transform .2s,box-shadow .2s}
.article-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.06)}
.article-thumb{flex-shrink:0;width:140px;height:105px;overflow:hidden;border-radius:10px}
.article-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.article-item:hover .article-thumb img{transform:scale(1.08)}
.article-info{flex:1;min-width:0}.article-title{font-size:17px;font-weight:600;margin:0 0 8px}.article-title a{color:var(--t);text-decoration:none}.article-title a:hover{color:var(--p)}.article-desc{font-size:14px;color:var(--ts);margin:0 0 10px;line-height:1.6}.article-meta{display:flex;gap:16px;font-size:13px;color:#999;flex-wrap:wrap}.article-meta a{color:#666;text-decoration:none}
.list-ad-item{padding:12px 16px;justify-content:center;background:#fffbe6;border:1px dashed #ffc107}

/* 顶部文字广告 */
.top-text-ads{background:#f8f9fc;border-bottom:1px solid var(--b);padding:10px 0}
.top-text-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 24px}
.top-text-grid a{display:block;padding:4px 8px;color:#e67e22;text-decoration:none;font-size:13px;font-weight:500;text-align:center;transition:color .2s}
.top-text-grid a:hover{color:#d35400}
.top-text-grid a::before{content:'📢 ';font-size:11px}