.hero{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:24px 0;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;right:-100px;top:-100px;width:400px;height:400px;border:2px solid rgba(255,255,255,.06);border-radius:50%}.hero .container{position:relative;z-index:1}.hero h2{font-size:26px;font-weight:bold;margin-bottom:6px}.hero h2 em{font-style:normal;color:var(--gold-light)}.hero p{font-size:13px;color:rgba(255,255,255,.8);margin-bottom:12px}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px}.hero-tags a{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 18px;border-radius:20px;font-size:13px}.hero-tags a:hover{background:var(--gold);border-color:var(--gold)}
.quick-entry{background:var(--card);border-radius:12px;padding:16px;margin-top:-22px;position:relative;z-index:2;box-shadow:var(--shadow-hover)}.quick-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:12px}.quick-item{text-align:center;padding:10px 4px;border-radius:10px}.quick-item:hover{background:var(--bg)}.quick-icon{width:50px;height:50px;border-radius:50%;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.quick-name{font-size:12px;color:var(--text)}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-head h3{font-size:17px;color:var(--primary-dark);display:flex;align-items:center}.section-head h3::before{content:"";width:5px;height:22px;background:linear-gradient(180deg,var(--gold),var(--primary));border-radius:3px;margin-right:12px}.section-head .more{font-size:13px;color:var(--primary)}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cat-card{background:var(--card);border-radius:12px;padding:14px;box-shadow:var(--shadow);transition:all .2s}.cat-card:hover{box-shadow:var(--shadow-hover)}.cat-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--bg)}.cat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.cat-name{font-size:15px;font-weight:bold;color:var(--primary-dark);flex:1}.cat-more{font-size:12px;color:var(--gold)}
.cat-list li{padding:5px 0;font-size:13px;border-bottom:1px dashed var(--bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-list li:last-child{border-bottom:none}.cat-list li a{color:#555}.cat-list li a:hover{color:var(--primary)}
.panel{background:var(--card);border-radius:10px;padding:8px 14px;box-shadow:var(--shadow);margin-bottom:12px}
.news-list li{display:flex;align-items:center;padding:5px 0;border-bottom:1px solid var(--bg);gap:10px;font-size:14px}.news-list li:last-child{border-bottom:none}.news-list .tag{background:var(--bg);color:var(--primary);font-size:11px;padding:2px 8px;border-radius:4px;flex-shrink:0}.news-list .top-tag{background:#e53935;color:#fff;font-size:10px;padding:2px 6px;border-radius:3px;flex-shrink:0;font-weight:bold}.news-list a.title{flex:1;color:var(--text);line-height:1.5;word-break:break-all}.news-list a.title:hover{color:var(--primary)}.news-list time{color:var(--text-light);font-size:12px;flex-shrink:0}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud a{background:var(--bg);color:var(--primary-dark);font-size:13px;padding:5px 14px;border-radius:16px}.tag-cloud a:hover{background:var(--primary);color:#fff}
@media(max-width:768px){.hero{padding:30px 0}.hero h2{font-size:19px}.quick-grid{grid-template-columns:repeat(5,1fr);gap:8px}.quick-icon{width:40px;height:40px;font-size:20px}.quick-name{font-size:11px}.cat-grid{grid-template-columns:1fr;gap:10px}}