/* ==========================================
   V2 主题系统 — 30种 Header/Footer 风格
   通过 body.theme-{N} 类选择器实现
   ========================================== */

/* === 1. Classic Broadsheet 经典大报 === */
.theme-1 .top-bar{background:#1a1a1a;color:#aaa;font-size:11px;padding:5px 0;}
.theme-1 .site-header{text-align:center;padding:22px 0;border-bottom:2px solid #111;background:#fff;}
.theme-1 .site-header .container{flex-direction:column;align-items:center;}
.theme-1 .site-logo{flex-direction:column;align-items:center;gap:4px;}
.theme-1 .logo-text{font-family:'Playfair Display',Georgia,serif;font-size:32px;letter-spacing:2px;color:#111;}
.theme-1 .logo-tagline{font-style:italic;color:#888;font-size:12px;}
.theme-1 .header-search{display:none;}
.theme-1 .main-nav{background:#111;}
.theme-1 .nav-menu{justify-content:center;}
.theme-1 .nav-menu a{text-transform:uppercase;letter-spacing:.8px;font-size:12px;}
.theme-1 .site-footer{background:#111;}
.theme-1 .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;}
.theme-1 .footer-title{border-bottom-color:#c41e3a;}
.theme-1 .footer-bottom{border-top-color:#333;}

/* === 2. Modern Minimal 现代极简 === */
.theme-2 .top-bar{display:none;}
.theme-2 .site-header{padding:18px 0;border-bottom:1px solid #eee;box-shadow:none;background:#fff;}
.theme-2 .logo-text{font-size:20px;font-weight:800;color:#111;}
.theme-2 .main-nav{background:#fff;box-shadow:none;border-bottom:1px solid #eee;}
.theme-2 .nav-menu a{color:#555;font-weight:400;}
.theme-2 .nav-menu a:hover,.theme-2 .nav-menu a.active{color:#111;background:none;border-bottom:2px solid #111;}
.theme-2 .site-footer{background:#fafafa;color:#666;border-top:1px solid #eee;}
.theme-2 .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;}
.theme-2 .footer-title{color:#111;border-bottom:1px solid #ddd;}
.theme-2 .footer-about p,.theme-2 .footer-links a{color:#888;}
.theme-2 .footer-bottom{color:#ccc;border-top:1px solid #eee;}
.theme-2 .footer-tags a{background:#eee;color:#666;}
.theme-2 .footer-social a{color:#999;}

/* === 3. Portal Grid 门户网格 === */
.theme-3::before{content:'';display:block;height:4px;background:linear-gradient(90deg,#1565c0,#42a5f5,#e53935,#ff7043,#43a047);}
.theme-3 .top-bar{background:#fff;color:#666;border-bottom:1px solid #e0e0e0;}
.theme-3 .top-bar .social-icons a{color:#666;}
.theme-3 .site-header{background:#fff;padding:10px 0;border-bottom:1px solid #e0e0e0;box-shadow:none;}
.theme-3 .logo-text{font-size:22px;font-weight:800;color:#111;}
.theme-3 .main-nav{background:#1565c0;}
.theme-3 .nav-menu a{border-right:1px solid rgba(255,255,255,.15);font-size:13px;}
.theme-3 .site-footer{background:#1a237e;}
.theme-3 .footer-grid{grid-template-columns:repeat(4,1fr);}
.theme-3 .footer-title{color:#fff;border-bottom-color:#3f51b5;}
.theme-3 .footer-links a{color:#90caf9;}
.theme-3 .footer-tags a{background:rgba(255,255,255,.1);color:#90caf9;}
.theme-3 .footer-about p{color:#90caf9;}
.theme-3 .footer-bottom{color:#7986cb;}
.theme-3 .footer-social a{color:#90caf9;}

/* === 4. Magazine Elegant 杂志优雅 === */
.theme-4 .top-bar{display:none;}
.theme-4 .site-header{text-align:center;padding:26px 0 18px;background:#fff;border-bottom:1px solid #e0d5c1;box-shadow:none;}
.theme-4 .site-header .container{flex-direction:column;align-items:center;}
.theme-4 .site-logo{flex-direction:column;align-items:center;gap:4px;}
.theme-4 .logo-text{font-family:'Playfair Display',Georgia,serif;font-size:30px;letter-spacing:3px;color:#2c1810;font-weight:400;}
.theme-4 .logo-tagline{font-size:11px;color:#a08050;letter-spacing:2px;text-transform:uppercase;}
.theme-4 .header-search{display:none;}
.theme-4 .main-nav{background:#2c1810;}
.theme-4 .nav-menu{justify-content:center;}
.theme-4 .nav-menu a{color:#d4c5a9;letter-spacing:1px;text-transform:uppercase;font-size:12px;}
.theme-4 .nav-menu a:hover,.theme-4 .nav-menu a.active{background:rgba(255,255,255,.08);color:#fff;}
.theme-4 .site-footer{background:#1c1209;color:#8a7050;}
.theme-4 .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;}
.theme-4 .footer-title{font-family:'Playfair Display',serif;color:#c9a84c;border-bottom-color:#5a4030;}
.theme-4 .footer-links a,.theme-4 .footer-about p{color:#8a7050;}
.theme-4 .footer-tags a{background:rgba(201,168,76,.15);color:#c9a84c;}
.theme-4 .footer-bottom{color:#5a4030;border-top-color:#5a4030;}
.theme-4 .footer-social a{color:#8a7050;}

/* === 5. Wire Service 通讯社 === */
.theme-5 .top-bar{display:none;}
.theme-5 .site-header{padding:8px 0;border-bottom:2px solid #e0e0e0;box-shadow:none;background:#fff;}
.theme-5 .logo-text{font-size:18px;font-weight:900;color:#111;}
.theme-5 .header-search{display:none;}
.theme-5 .main-nav{background:#f5f5f5;box-shadow:none;border-bottom:1px solid #e0e0e0;}
.theme-5 .nav-menu a{color:#333;text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.5px;}
.theme-5 .nav-menu a:hover,.theme-5 .nav-menu a.active{color:var(--primary);background:transparent;}
.theme-5 .site-footer{background:#f5f5f5;color:#888;padding:16px 0 0;margin-top:32px;}
.theme-5 .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;}
.theme-5 .footer-title{color:#333;border-bottom:1px solid #ddd;}
.theme-5 .footer-links a{color:#888;}
.theme-5 .footer-about p{color:#888;}
.theme-5 .footer-bottom{color:#bbb;border-top:1px solid #ddd;}
.theme-5 .footer-tags a{background:#e0e0e0;color:#666;}
.theme-5 .footer-social a{color:#888;}

/* === 6. Broadcast Bold 广播新闻 === */
.theme-6 .top-bar{background:#d32f2f;color:#fff;border:none;}
.theme-6 .top-bar .social-icons a{color:rgba(255,255,255,.8);}
.theme-6 .site-header{background:#111;padding:10px 0;border:none;box-shadow:none;}
.theme-6 .logo-text{color:#fff;font-size:22px;font-weight:900;letter-spacing:-1px;}
.theme-6 .logo-tagline{color:#888;}
.theme-6 .header-search input{background:#333;border-color:#555;color:#fff;}
.theme-6 .main-nav{background:#222;}
.theme-6 .nav-menu a{text-transform:uppercase;font-weight:600;font-size:12px;}
.theme-6 .nav-menu a:hover,.theme-6 .nav-menu a.active{background:#d32f2f;}
.theme-6 .site-footer{background:#111;}
.theme-6 .footer-title{color:#d32f2f;border-bottom-color:#d32f2f;}
.theme-6 .footer-bottom{background:#d32f2f;color:rgba(255,255,255,.8);border-top:none;padding:12px 0;margin:0 -20px;text-align:center;}

/* === 7. Financial Stern 财经严肃 === */
.theme-7 .top-bar{background:#0d1b2a;color:#4fc3f7;font-family:monospace;font-size:11px;}
.theme-7 .top-bar .social-icons{display:none;}
.theme-7 .site-header{background:#fff;padding:12px 0;border-bottom:1px solid #e0e0e0;box-shadow:none;}
.theme-7 .logo-text{font-size:18px;font-weight:800;color:#0d1b2a;}
.theme-7 .header-search{display:none;}
.theme-7 .main-nav{background:#fff;box-shadow:none;border-bottom:2px solid #0d1b2a;}
.theme-7 .nav-menu a{color:#37474f;font-weight:600;font-size:12px;}
.theme-7 .nav-menu a:hover,.theme-7 .nav-menu a.active{background:transparent;color:#0d1b2a;border-bottom:2px solid #0d1b2a;}
.theme-7 .site-footer{background:#0d1b2a;color:#78909c;}
.theme-7 .footer-title{color:#4fc3f7;border-bottom-color:#1b3a5c;}
.theme-7 .footer-links a{color:#4fc3f7;}
.theme-7 .footer-about p{color:#78909c;}
.theme-7 .footer-bottom{color:#546e7a;border-top-color:#1b3a5c;}
.theme-7 .footer-tags a{background:rgba(79,195,247,.1);color:#4fc3f7;}
.theme-7 .footer-social a{color:#4fc3f7;}

/* === 8. Regional Warm 地方亲和 === */
.theme-8 .top-bar{background:linear-gradient(135deg,#ff7043,#ff5722);color:#fff;border:none;}
.theme-8 .top-bar .social-icons a{color:rgba(255,255,255,.8);}
.theme-8 .site-header{background:#fff;padding:14px 0;border-bottom:none;box-shadow:none;}
.theme-8 .logo-text{font-size:20px;font-weight:700;color:#333;}
.theme-8 .header-search input{border:2px solid #ffccbc;border-radius:24px;}
.theme-8 .header-search input:focus{border-color:#ff5722;}
.theme-8 .main-nav{background:#fff;border-top:1px solid #eee;border-bottom:2px solid #ff5722;box-shadow:none;}
.theme-8 .nav-menu a{color:#555;}
.theme-8 .nav-menu a:hover,.theme-8 .nav-menu a.active{color:#ff5722;background:#fff3e0;}
.theme-8 .site-footer{background:#fff5f0;color:#888;border-top:3px solid #ff5722;}
.theme-8 .footer-grid{grid-template-columns:repeat(4,1fr);}
.theme-8 .footer-title{color:#e64a19;border-bottom-color:#ffccbc;}
.theme-8 .footer-links a{color:#888;}
.theme-8 .footer-about p{color:#888;}
.theme-8 .footer-bottom{color:#bbb;border-top:1px solid #ffccbc;}
.theme-8 .footer-tags a{background:#ffccbc;color:#bf360c;}
.theme-8 .footer-social a{color:#ff5722;}

/* === 9. Dark Premium 暗黑高端 === */
.theme-9{background:#0a0a0a;}
.theme-9 .top-bar{display:none;}
.theme-9 .site-header{background:#0a0a0a;padding:14px 0;border-bottom:none;box-shadow:none;}
.theme-9 .site-header::after{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent,#c9a84c,transparent);margin-top:14px;}
.theme-9 .logo-text{color:#e0e0e0;font-size:18px;letter-spacing:1px;}
.theme-9 .logo-tagline{color:#666;}
.theme-9 .header-search input{background:#1a1a1a;border-color:#333;color:#ccc;}
.theme-9 .main-nav{background:#111;box-shadow:none;}
.theme-9 .nav-menu a{color:#999;font-size:12px;letter-spacing:.5px;}
.theme-9 .nav-menu a:hover,.theme-9 .nav-menu a.active{color:#c9a84c;background:transparent;}
.theme-9 .site-footer{background:#0a0a0a;color:#555;}
.theme-9 .footer-title{color:#c9a84c;border-bottom-color:#333;font-size:11px;text-transform:uppercase;letter-spacing:2px;}
.theme-9 .footer-links a,.theme-9 .footer-about p{color:#555;}
.theme-9 .footer-bottom{color:#444;border-top:none;}
.theme-9 .footer-bottom::before{content:'';display:block;height:1px;background:linear-gradient(90deg,transparent,#c9a84c,transparent);margin-bottom:16px;}
.theme-9 .footer-tags a{background:rgba(201,168,76,.1);color:#c9a84c;}
.theme-9 .footer-social a{color:#c9a84c;}
.theme-9 main{color:#ccc;}
.theme-9 .hero-card{background:#111;}
.theme-9 .article-card,.theme-9 .article-list-card{background:#1a1a1a;color:#ccc;}
.theme-9 .article-card h3 a{color:#e0e0e0;}
.theme-9 .card-summary,.theme-9 .list-summary{color:#888;}
.theme-9 .card-meta,.theme-9 .list-meta{color:#666;border-top-color:#333;}
.theme-9 .section-header{border-bottom-color:#333;}
.theme-9 .section-header h2{color:#c9a84c;}

/* === 10. Split Dual-tone 双色分割 === */
.theme-10 .top-bar{display:none;}
.theme-10 .site-header{padding:0;border:none;box-shadow:none;background:none;}
.theme-10 .site-header .container{padding:0;max-width:100%;display:flex;align-items:stretch;}
.theme-10 .site-logo{background:var(--primary);padding:14px 24px;color:#fff;}
.theme-10 .logo-text{color:#fff;}
.theme-10 .logo-tagline{color:rgba(255,255,255,.7);}
.theme-10 .header-search{padding:0 24px;display:flex;align-items:center;background:#fff;flex:1;justify-content:flex-end;border-bottom:1px solid #e0e0e0;}
.theme-10 .main-nav{display:none;}
.theme-10 .site-footer .footer-grid{grid-template-columns:repeat(4,1fr);}
.theme-10 .site-footer{background:var(--primary);color:rgba(255,255,255,.7);}
.theme-10 .footer-title{color:#fff;border-bottom-color:rgba(255,255,255,.2);}
.theme-10 .footer-links a,.theme-10 .footer-about p{color:rgba(255,255,255,.6);}
.theme-10 .footer-bottom{color:rgba(255,255,255,.4);border-top-color:rgba(255,255,255,.1);}
.theme-10 .footer-tags a{background:rgba(255,255,255,.15);color:#fff;}
.theme-10 .footer-social a{color:rgba(255,255,255,.7);}

/* === 11. Centered Serif 居中衬线 === */
.theme-11 .top-bar{background:#222;color:#bbb;text-align:center;font-size:10px;letter-spacing:2px;}
.theme-11 .top-bar .social-icons{display:none;}
.theme-11 .site-header{text-align:center;padding:24px 0;border-bottom:3px double #333;background:#fff;box-shadow:none;}
.theme-11 .site-header .container{flex-direction:column;align-items:center;}
.theme-11 .site-logo{flex-direction:column;align-items:center;gap:2px;}
.theme-11 .logo-text{font-family:'Playfair Display',Georgia,serif;font-size:28px;color:#1a1a1a;}
.theme-11 .logo-tagline{font-size:11px;color:#999;letter-spacing:1px;}
.theme-11 .header-search{display:none;}
.theme-11 .main-nav{background:#fafafa;box-shadow:none;border-bottom:1px solid #ddd;}
.theme-11 .nav-menu{justify-content:center;}
.theme-11 .nav-menu a{color:#444;font-size:12px;border-bottom:2px solid transparent;}
.theme-11 .nav-menu a:hover,.theme-11 .nav-menu a.active{border-bottom-color:#333;color:#111;background:transparent;}
.theme-11 .site-footer{background:#222;color:#888;text-align:center;}
.theme-11 .footer-grid{grid-template-columns:repeat(4,1fr);}
.theme-11 .footer-title{color:#fff;border-bottom-color:#444;}
.theme-11 .footer-links a,.theme-11 .footer-about p{color:#888;}
.theme-11 .footer-bottom{color:#666;border-top-color:#444;}
.theme-11 .footer-tags a{background:rgba(255,255,255,.1);color:#aaa;}
.theme-11 .footer-social a{color:#888;}

/* === 12. Tab Navigation 标签导航 === */
.theme-12 .top-bar{display:none;}
.theme-12 .site-header{padding:12px 0;border-bottom:none;box-shadow:none;background:#fff;}
.theme-12 .logo-text{font-size:20px;font-weight:800;color:#2e7d32;}
.theme-12 .main-nav{background:#fff;box-shadow:none;border-bottom:2px solid #2e7d32;}
.theme-12 .nav-menu a{color:#666;border:1px solid #e0e0e0;border-bottom:none;margin-right:-1px;background:#fafafa;border-radius:5px 5px 0 0;font-size:12px;}
.theme-12 .nav-menu a:hover,.theme-12 .nav-menu a.active{background:#fff;color:#2e7d32;font-weight:600;}
.theme-12 .site-footer{background:#e8f5e9;color:#666;border-top:2px solid #2e7d32;}
.theme-12 .footer-title{color:#2e7d32;border-bottom-color:#a5d6a7;}
.theme-12 .footer-links a,.theme-12 .footer-about p{color:#666;}
.theme-12 .footer-bottom{color:#999;border-top-color:#c8e6c9;}
.theme-12 .footer-tags a{background:#c8e6c9;color:#2e7d32;}
.theme-12 .footer-social a{color:#2e7d32;}

/* === 13. Gradient Wave 渐变波浪 === */
.theme-13 .top-bar{display:none;}
.theme-13 .site-header{background:linear-gradient(135deg,#6a1b9a,#ab47bc);padding:14px 0;border:none;box-shadow:none;}
.theme-13 .logo-text{color:#fff;font-size:20px;font-weight:800;}
.theme-13 .logo-tagline{color:rgba(255,255,255,.7);}
.theme-13 .header-search input{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff;}
.theme-13 .header-search input::placeholder{color:rgba(255,255,255,.5);}
.theme-13 .header-search button{color:rgba(255,255,255,.7);}
.theme-13 .main-nav{background:#4a148c;}
.theme-13 .nav-menu{justify-content:center;}
.theme-13 .nav-menu a{color:rgba(255,255,255,.8);}
.theme-13 .nav-menu a:hover,.theme-13 .nav-menu a.active{background:rgba(255,255,255,.1);color:#fff;}
.theme-13 .site-footer{background:linear-gradient(180deg,#4a148c,#311b92);color:#ce93d8;}
.theme-13 .footer-title{color:#e1bee7;border-bottom-color:rgba(255,255,255,.15);}
.theme-13 .footer-links a,.theme-13 .footer-about p{color:#ce93d8;}
.theme-13 .footer-bottom{color:#7b1fa2;border-top-color:rgba(255,255,255,.1);}
.theme-13 .footer-tags a{background:rgba(255,255,255,.1);color:#e1bee7;}
.theme-13 .footer-social a{color:#ce93d8;}

/* === 14. Underline Accent 下划线强调 === */
.theme-14 .top-bar{background:#fff;color:#999;border-bottom:1px solid #eee;}
.theme-14 .top-bar .social-icons a{color:#999;}
.theme-14 .site-header{padding:14px 0;border-bottom:none;box-shadow:none;background:#fff;}
.theme-14 .logo-text{font-size:20px;font-weight:800;color:#bf360c;border-bottom:3px solid #bf360c;padding-bottom:4px;}
.theme-14 .main-nav{background:#fff;box-shadow:none;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.theme-14 .nav-menu a{color:#555;font-size:12px;position:relative;}
.theme-14 .nav-menu a:hover,.theme-14 .nav-menu a.active{color:#bf360c;background:transparent;}
.theme-14 .nav-menu a.active::after{content:'';position:absolute;bottom:0;left:14px;right:14px;height:3px;background:#bf360c;}
.theme-14 .site-footer{background:#fff;color:#666;border-top:3px solid #bf360c;}
.theme-14 .footer-title{color:#bf360c;border-bottom:2px solid #ffccbc;}
.theme-14 .footer-links a,.theme-14 .footer-about p{color:#888;}
.theme-14 .footer-bottom{color:#ccc;border-top:1px solid #eee;}
.theme-14 .footer-tags a{background:#fbe9e7;color:#bf360c;}
.theme-14 .footer-social a{color:#bf360c;}

/* === 15. Compact Dense 紧凑密集 === */
.theme-15 .top-bar{background:#263238;color:#b0bec5;font-size:10px;padding:4px 0;}
.theme-15 .top-bar .social-icons{display:none;}
.theme-15 .site-header{background:#37474f;padding:8px 0;border:none;box-shadow:none;}
.theme-15 .logo-text{color:#fff;font-size:15px;font-weight:700;letter-spacing:1px;}
.theme-15 .logo-tagline{color:#90a4ae;}
.theme-15 .header-search input{background:#455a64;border-color:#546e7a;color:#fff;font-size:12px;width:180px;border-radius:3px;padding:5px 12px;}
.theme-15 .header-search input::placeholder{color:#90a4ae;}
.theme-15 .header-search button{color:#90a4ae;}
.theme-15 .main-nav{display:none;}
.theme-15 .site-footer{background:#263238;color:#78909c;padding:16px 0 0;}
.theme-15 .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;}
.theme-15 .footer-title{color:#b0bec5;font-size:11px;border-bottom-color:#37474f;}
.theme-15 .footer-links a,.theme-15 .footer-about p{color:#78909c;font-size:12px;}
.theme-15 .footer-bottom{color:#546e7a;border-top-color:#37474f;}
.theme-15 .footer-tags a{background:#37474f;color:#b0bec5;}
.theme-15 .footer-social a{color:#78909c;}

/* === 16. Banner Ribbon 旗帜条幅 === */
.theme-16 .top-bar{background:#fff;color:#999;text-align:center;border-bottom:none;}
.theme-16 .top-bar .social-icons{display:none;}
.theme-16 .site-header{background:#e65100;text-align:center;padding:14px 0;border:none;box-shadow:none;}
.theme-16 .site-header .container{justify-content:center;}
.theme-16 .site-logo{justify-content:center;}
.theme-16 .logo-text{color:#fff;font-size:24px;font-weight:900;letter-spacing:2px;}
.theme-16 .logo-tagline{color:rgba(255,255,255,.7);}
.theme-16 .header-search{display:none;}
.theme-16 .main-nav{background:#bf360c;}
.theme-16 .nav-menu{justify-content:center;}
.theme-16 .nav-menu a{color:rgba(255,255,255,.9);letter-spacing:.5px;}
.theme-16 .site-footer{background:#bf360c;color:rgba(255,255,255,.7);}
.theme-16 .footer-title{color:#fff;border-bottom-color:rgba(255,255,255,.2);}
.theme-16 .footer-links a,.theme-16 .footer-about p{color:rgba(255,255,255,.6);}
.theme-16 .footer-bottom{background:#e65100;color:rgba(255,255,255,.5);border-top:none;}
.theme-16 .footer-tags a{background:rgba(255,255,255,.15);color:#fff;}
.theme-16 .footer-social a{color:rgba(255,255,255,.7);}

/* === 17. Boxed Header 盒子浮动 === */
.theme-17 .top-bar{display:none;}
.theme-17 .site-header{background:#f5f5f5;padding:12px 0;border:none;box-shadow:none;}
.theme-17 .site-header .container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px 20px;max-width:1160px;}
.theme-17 .logo-text{font-size:18px;color:#00695c;font-weight:800;}
.theme-17 .main-nav{display:none;}
.theme-17 .site-footer{background:#e0f2f1;color:#666;border-top:2px solid #00695c;}
.theme-17 .footer-grid{grid-template-columns:repeat(4,1fr);}
.theme-17 .footer-title{color:#00695c;border-bottom-color:#b2dfdb;}
.theme-17 .footer-links a,.theme-17 .footer-about p{color:#666;}
.theme-17 .footer-bottom{color:#999;border-top-color:#b2dfdb;}
.theme-17 .footer-tags a{background:#b2dfdb;color:#00695c;}
.theme-17 .footer-social a{color:#00695c;}

/* === 18. Stacked Blocks 堆叠层块 === */
.theme-18 .top-bar{background:#1b5e20;color:rgba(255,255,255,.7);font-size:10px;padding:4px 0;}
.theme-18 .top-bar .social-icons a{color:rgba(255,255,255,.5);}
.theme-18 .site-header{background:#fff;padding:12px 0;border:none;box-shadow:none;}
.theme-18 .logo-text{font-size:20px;font-weight:800;color:#1b5e20;}
.theme-18 .main-nav{background:#2e7d32;}
.theme-18 .nav-menu a:hover,.theme-18 .nav-menu a.active{background:#1b5e20;}
.theme-18 .main-nav::after{content:'🔬 Trending';display:block;background:#e8f5e9;padding:5px 20px;font-size:11px;color:#2e7d32;border-bottom:1px solid #c8e6c9;}
.theme-18 .site-footer{background:#1b5e20;color:#a5d6a7;}
.theme-18 .footer-title{color:#fff;border-bottom-color:#388e3c;}
.theme-18 .footer-links a,.theme-18 .footer-about p{color:#81c784;}
.theme-18 .footer-bottom{background:#0d3311;color:#66bb6a;border-top:none;}
.theme-18 .footer-tags a{background:rgba(255,255,255,.1);color:#a5d6a7;}
.theme-18 .footer-social a{color:#a5d6a7;}

/* === 19. RTL Geometric RTL几何 === */
.theme-19 .top-bar{display:none;}
.theme-19 .site-header{background:#1a237e;padding:12px 0;border:none;box-shadow:none;}
.theme-19 .site-header::after{content:'';display:block;height:4px;background:repeating-linear-gradient(90deg,#c9a84c 0,#c9a84c 18px,#1a237e 18px,#1a237e 22px);}
.theme-19 .logo-text{color:#fff;font-size:22px;font-family:Georgia,serif;}
.theme-19 .logo-tagline{color:rgba(255,255,255,.6);}
.theme-19 .header-search input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff;}
.theme-19 .header-search button{color:rgba(255,255,255,.6);}
.theme-19 .main-nav{background:#283593;}
.theme-19 .nav-menu a{color:rgba(255,255,255,.8);}
.theme-19 .nav-menu a:hover,.theme-19 .nav-menu a.active{background:rgba(255,255,255,.1);}
.theme-19 .site-footer{background:#0d1442;color:#7986cb;}
.theme-19 .footer-title{color:#c9a84c;border-bottom-color:#1a237e;}
.theme-19 .footer-links a,.theme-19 .footer-about p{color:#7986cb;}
.theme-19 .footer-bottom{color:#5c6bc0;border-top-color:#1a237e;}
.theme-19 .footer-tags a{background:rgba(201,168,76,.15);color:#c9a84c;}
.theme-19 .footer-social a{color:#7986cb;}

/* === 20. Nordic Clean 北欧极净 === */
.theme-20 .top-bar{display:none;}
.theme-20 .site-header{background:#fff;padding:20px 0;border:none;box-shadow:none;}
.theme-20 .site-header::after{content:'';display:block;height:1px;background:#e0e0e0;}
.theme-20 .logo-text{font-size:16px;font-weight:300;letter-spacing:4px;text-transform:uppercase;color:#333;}
.theme-20 .logo-tagline{display:none;}
.theme-20 .header-search{display:none;}
.theme-20 .main-nav{background:#fff;box-shadow:none;border-bottom:1px solid #e0e0e0;}
.theme-20 .nav-menu{justify-content:center;gap:24px;}
.theme-20 .nav-menu a{color:#999;letter-spacing:1px;text-transform:uppercase;font-weight:300;font-size:12px;padding:12px 4px;}
.theme-20 .nav-menu a:hover,.theme-20 .nav-menu a.active{color:#111;background:transparent;}
.theme-20 .site-footer{background:#fff;color:#999;padding:40px 0 0;}
.theme-20 .site-footer::before{content:'';display:block;height:1px;background:#e0e0e0;max-width:700px;margin:0 auto 24px;}
.theme-20 .footer-grid{grid-template-columns:repeat(4,1fr);text-align:center;}
.theme-20 .footer-title{color:#333;font-weight:300;letter-spacing:1px;border-bottom:none;}
.theme-20 .footer-links a,.theme-20 .footer-about p{color:#999;font-weight:300;}
.theme-20 .footer-bottom{color:#ddd;letter-spacing:2px;border-top:none;}
.theme-20 .footer-tags a{background:#f5f5f5;color:#999;}
.theme-20 .footer-social a{color:#ccc;}

/* === 21. Sidebar Brand 侧边品牌 === */
.theme-21 .top-bar{display:none;}
.theme-21 .site-header{padding:0;border:none;box-shadow:none;background:none;}
.theme-21 .site-header .container{padding:0;max-width:100%;display:flex;align-items:stretch;}
.theme-21 .site-logo{background:#880e4f;padding:14px 24px;color:#fff;min-width:220px;}
.theme-21 .logo-text{color:#fff;font-size:15px;font-weight:800;letter-spacing:1px;}
.theme-21 .logo-tagline{color:rgba(255,255,255,.6);font-size:10px;}
.theme-21 .header-search{padding:0 24px;display:flex;align-items:center;background:#fff;flex:1;justify-content:flex-end;border-bottom:1px solid #eee;}
.theme-21 .main-nav{display:none;}
.theme-21 .site-footer{background:#880e4f;color:rgba(255,255,255,.7);}
.theme-21 .footer-title{color:#fff;border-bottom-color:rgba(255,255,255,.2);}
.theme-21 .footer-links a,.theme-21 .footer-about p{color:rgba(255,255,255,.5);}
.theme-21 .footer-bottom{background:#4a0028;color:rgba(255,255,255,.4);border-top:none;}
.theme-21 .footer-tags a{background:rgba(255,255,255,.15);color:#fff;}
.theme-21 .footer-social a{color:rgba(255,255,255,.6);}

/* === 22. Teal Horizon 青绿水平线 === */
.theme-22 .top-bar{display:none;}
.theme-22 .site-header{padding:12px 0;border-bottom:3px solid #00838f;background:#fff;box-shadow:none;}
.theme-22 .logo-text{font-size:18px;font-weight:800;color:#00838f;}
.theme-22 .main-nav{background:#00838f;}
.theme-22 .nav-menu a:hover,.theme-22 .nav-menu a.active{background:#006064;}
.theme-22 .site-footer{background:#00838f;color:rgba(255,255,255,.8);}
.theme-22 .footer-title{color:#fff;border-bottom-color:rgba(255,255,255,.2);}
.theme-22 .footer-links a,.theme-22 .footer-about p{color:rgba(255,255,255,.6);}
.theme-22 .footer-bottom{background:#004d40;color:rgba(255,255,255,.5);border-top:none;}
.theme-22 .footer-tags a{background:rgba(255,255,255,.15);color:#fff;}
.theme-22 .footer-social a{color:rgba(255,255,255,.7);}

/* === 23. Diagonal Stripe 斜纹装饰 === */
.theme-23::before{content:'';display:block;height:6px;background:repeating-linear-gradient(135deg,#ff6f00 0,#ff6f00 10px,#fff 10px,#fff 12px,#ff6f00 12px);}
.theme-23 .top-bar{display:none;}
.theme-23 .site-header{padding:14px 0;border:none;box-shadow:none;background:#fff;}
.theme-23 .logo-text{font-size:18px;font-weight:800;color:#e65100;}
.theme-23 .main-nav{background:#ff6f00;}
.theme-23 .nav-menu a:hover,.theme-23 .nav-menu a.active{background:rgba(0,0,0,.15);}
.theme-23 .site-footer{background:#fff3e0;color:#888;border-top:3px solid #ff6f00;}
.theme-23 .footer-grid{grid-template-columns:repeat(4,1fr);}
.theme-23 .footer-title{color:#e65100;border-bottom-color:#ffcc80;}
.theme-23 .footer-links a,.theme-23 .footer-about p{color:#888;}
.theme-23 .footer-bottom{color:#bbb;border-top:1px solid #ffe0b2;}
.theme-23 .footer-tags a{background:#ffe0b2;color:#e65100;}
.theme-23 .footer-social a{color:#ff6f00;}

/* === 24. Top Heavy 顶部厚重 === */
.theme-24 .top-bar{display:none;}
.theme-24 .site-header{background:linear-gradient(135deg,#004d40,#00695c);padding:18px 0 14px;border:none;box-shadow:none;}
.theme-24 .logo-text{color:#fff;font-size:20px;font-weight:800;}
.theme-24 .logo-tagline{color:rgba(255,255,255,.6);font-size:11px;}
.theme-24 .header-search input{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff;}
.theme-24 .header-search button{color:rgba(255,255,255,.6);}
.theme-24 .main-nav{background:#00796b;}
.theme-24 .nav-menu a:hover,.theme-24 .nav-menu a.active{background:#004d40;}
.theme-24 .site-footer{background:#004d40;color:#80cbc4;}
.theme-24 .footer-title{color:#fff;border-bottom-color:#00695c;}
.theme-24 .footer-links a,.theme-24 .footer-about p{color:#80cbc4;}
.theme-24 .footer-bottom{color:#4db6ac;border-top-color:#00695c;}
.theme-24 .footer-tags a{background:rgba(255,255,255,.1);color:#80cbc4;}
.theme-24 .footer-social a{color:#80cbc4;}

/* === 25. Bordered Columns 竖线分栏 === */
.theme-25 .top-bar{display:none;}
.theme-25 .site-header{padding:14px 0;border-bottom:4px solid #333;background:#fff;box-shadow:none;}
.theme-25 .logo-text{font-family:'Merriweather',Georgia,serif;font-size:18px;color:#222;}
.theme-25 .main-nav{background:#fff;box-shadow:none;border-bottom:1px solid #ddd;}
.theme-25 .nav-menu a{color:#333;font-weight:600;font-size:12px;border-right:1px solid #eee;}
.theme-25 .nav-menu a:hover,.theme-25 .nav-menu a.active{color:var(--primary);background:transparent;}
.theme-25 .site-footer{background:#fff;color:#888;border-top:4px solid #333;}
.theme-25 .footer-grid{grid-template-columns:repeat(4,1fr);gap:0;}
.theme-25 .footer-col{border-right:1px solid #eee;padding:0 20px;}
.theme-25 .footer-col:last-child{border-right:none;}
.theme-25 .footer-title{color:#333;font-size:11px;text-transform:uppercase;border-bottom:none;}
.theme-25 .footer-links a,.theme-25 .footer-about p{color:#888;}
.theme-25 .footer-bottom{color:#ccc;border-top:1px solid #eee;}
.theme-25 .footer-tags a{background:#f5f5f5;color:#666;}
.theme-25 .footer-social a{color:#999;}

/* === 26. Monochrome Slab 单色板块 === */
.theme-26 .top-bar{display:none;}
.theme-26 .site-header{background:#212121;padding:10px 0;border:none;box-shadow:none;}
.theme-26 .logo-text{color:#fff;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:2px;}
.theme-26 .logo-tagline{color:#bbb;}
.theme-26 .header-search input{background:#333;border-color:#555;color:#fff;}
.theme-26 .header-search button{color:#999;}
.theme-26 .main-nav{background:#424242;}
.theme-26 .nav-menu a{color:#e0e0e0;font-size:12px;}
.theme-26 .nav-menu a:hover,.theme-26 .nav-menu a.active{background:#616161;}
.theme-26 .site-footer{background:#212121;color:#757575;}
.theme-26 .footer-title{color:#e0e0e0;font-size:11px;text-transform:uppercase;letter-spacing:1px;border-bottom-color:#424242;}
.theme-26 .footer-links a,.theme-26 .footer-about p{color:#757575;}
.theme-26 .footer-bottom{color:#616161;border-top-color:#424242;}
.theme-26 .footer-tags a{background:#333;color:#bbb;}
.theme-26 .footer-social a{color:#757575;}

/* === 27. Warm Earth 暖土色调 === */
.theme-27 .top-bar{display:none;}
.theme-27 .site-header{background:#3e2723;padding:14px 0;border:none;box-shadow:none;}
.theme-27 .logo-text{color:#d7ccc8;font-family:'Lora',Georgia,serif;font-size:18px;letter-spacing:1px;}
.theme-27 .logo-tagline{color:#a1887f;}
.theme-27 .header-search input{background:#4e342e;border-color:#6d4c41;color:#d7ccc8;}
.theme-27 .header-search button{color:#a1887f;}
.theme-27 .main-nav{background:#4e342e;}
.theme-27 .nav-menu a{color:#d7ccc8;}
.theme-27 .nav-menu a:hover,.theme-27 .nav-menu a.active{background:#5d4037;}
.theme-27 .site-footer{background:#3e2723;color:#a1887f;}
.theme-27 .footer-title{color:#d7ccc8;border-bottom-color:#5d4037;}
.theme-27 .footer-links a,.theme-27 .footer-about p{color:#a1887f;}
.theme-27 .footer-bottom{color:#795548;border-top-color:#5d4037;}
.theme-27 .footer-tags a{background:#5d4037;color:#d7ccc8;}
.theme-27 .footer-social a{color:#a1887f;}

/* === 28. Blue Steel 蓝钢渐变 === */
.theme-28 .top-bar{display:none;}
.theme-28 .site-header{background:linear-gradient(180deg,#263238,#37474f);padding:14px 0;border:none;box-shadow:none;}
.theme-28 .site-header::after{content:'';display:block;height:3px;background:linear-gradient(90deg,#42a5f5,#1565c0);}
.theme-28 .logo-text{color:#eceff1;font-size:18px;font-weight:700;}
.theme-28 .logo-tagline{color:#90a4ae;}
.theme-28 .header-search input{background:#455a64;border-color:#546e7a;color:#fff;}
.theme-28 .header-search button{color:#90a4ae;}
.theme-28 .main-nav{background:#fff;box-shadow:none;border-bottom:1px solid #eee;}
.theme-28 .nav-menu a{color:#455a64;font-weight:500;font-size:12px;}
.theme-28 .nav-menu a:hover,.theme-28 .nav-menu a.active{color:#1565c0;background:transparent;}
.theme-28 .site-footer{background:#263238;color:#78909c;}
.theme-28 .footer-title{color:#90caf9;border-bottom-color:#37474f;}
.theme-28 .footer-links a,.theme-28 .footer-about p{color:#78909c;}
.theme-28 .footer-bottom{color:#546e7a;border-top-color:#37474f;}
.theme-28 .footer-tags a{background:#37474f;color:#90caf9;}
.theme-28 .footer-social a{color:#90caf9;}

/* === 29. Crimson Stripe 深红条纹 === */
.theme-29::before{content:'';display:block;height:3px;background:#b71c1c;}
.theme-29 .top-bar{display:none;}
.theme-29 .site-header{padding:14px 0;border:none;box-shadow:none;background:#fff;}
.theme-29 .logo-text{font-family:'Merriweather',Georgia,serif;font-size:18px;color:#b71c1c;}
.theme-29 .main-nav{background:#b71c1c;}
.theme-29 .nav-menu a:hover,.theme-29 .nav-menu a.active{background:#c62828;}
.theme-29 .site-footer{background:#b71c1c;color:rgba(255,255,255,.7);}
.theme-29 .footer-title{color:#fff;border-bottom-color:rgba(255,255,255,.2);}
.theme-29 .footer-links a,.theme-29 .footer-about p{color:rgba(255,255,255,.5);}
.theme-29 .footer-bottom{background:#7f0000;color:rgba(255,255,255,.4);border-top:none;}
.theme-29 .footer-tags a{background:rgba(255,255,255,.15);color:#fff;}
.theme-29 .footer-social a{color:rgba(255,255,255,.6);}

/* === 30. Transparent Float 透明浮动 === */
.theme-30 .top-bar{display:none;}
.theme-30 .site-header{padding:14px 0;border:none;box-shadow:0 2px 8px rgba(0,0,0,.06);background:#fff;}
.theme-30 .logo-text{font-size:18px;font-weight:700;color:#5d4037;}
.theme-30 .logo-tagline{color:#8d6e63;}
.theme-30 .header-search input{border-color:#d7ccc8;}
.theme-30 .header-search input:focus{border-color:#5d4037;}
.theme-30 .main-nav{background:rgba(93,64,55,.9);margin:0 20px;border-radius:0 0 8px 8px;box-shadow:0 4px 12px rgba(0,0,0,.1);}
.theme-30 .nav-menu{justify-content:center;}
.theme-30 .nav-menu a{color:rgba(255,255,255,.9);font-size:12px;}
.theme-30 .nav-menu a:hover,.theme-30 .nav-menu a.active{background:rgba(255,255,255,.15);}
.theme-30 .site-footer{background:#efebe9;color:#888;border-top:2px solid #8d6e63;}
.theme-30 .footer-title{color:#5d4037;border-bottom-color:#d7ccc8;}
.theme-30 .footer-links a,.theme-30 .footer-about p{color:#8d6e63;}
.theme-30 .footer-bottom{color:#bbb;border-top:1px solid #d7ccc8;}
.theme-30 .footer-tags a{background:#d7ccc8;color:#5d4037;}
.theme-30 .footer-social a{color:#8d6e63;}

/* ==========================================
   通用补充样式
   ========================================== */
.footer-social{display:flex;gap:14px;font-size:18px;margin-bottom:16px;}
.footer-social a{transition:opacity .2s;}
.footer-social a:hover{opacity:.7;}