@charset "UTF-8";

/* ===== News Hero ===== */
.news-hero{background:var(--c-dark);padding:70px 0;text-align:center;position:relative;overflow:hidden}
.news-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--c-primary)}
.news-hero-title{font-size:36px;font-weight:900;color:#fff;margin-bottom:10px}
.news-hero-desc{font-size:15px;color:rgba(255,255,255,.55)}

/* ===== News Layout (P4 Mixed Image-Text) ===== */
.news-section{padding:60px 0;background:var(--c-bg)}
.news-layout{display:grid;grid-template-columns:1fr 300px;gap:40px}

/* News Filter */
.news-filter{display:flex;gap:10px;margin-bottom:35px;flex-wrap:wrap}
.filter-btn{padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600;color:var(--c-text);background:#fff;border:1px solid var(--c-border);transition:all .2s;cursor:pointer}
.filter-btn:hover,.filter-btn.active{background:var(--c-dark);color:#fff;border-color:var(--c-dark)}

/* News Cards - Mixed Layout */
.news-list{display:flex;flex-direction:column;gap:24px}
.news-card-mixed{display:grid;grid-template-columns:280px 1fr;gap:0;background:#fff;border-radius:8px;overflow:hidden;border:1px solid var(--c-border);transition:all .3s}
.news-card-mixed:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(46,33,27,.1)}
.news-card-img{height:100%;min-height:200px}
.news-card-img img{width:100%;height:100%;object-fit:cover}
.news-card-body{padding:24px;display:flex;flex-direction:column;justify-content:center}
.news-card-meta{display:flex;gap:16px;margin-bottom:12px;font-size:13px;color:var(--c-accent)}
.news-card-meta span{display:flex;align-items:center;gap:4px}
.news-card-meta svg{width:14px;height:14px;fill:var(--c-primary)}
.news-card-body h3{font-size:18px;font-weight:700;color:var(--c-dark);margin-bottom:12px;line-height:1.4;transition:color .2s}
.news-card-mixed:hover .news-card-body h3{color:var(--c-primary)}
.news-card-body p{font-size:14px;color:var(--c-accent);line-height:1.7;margin-bottom:16px}
.news-card-body .read-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--c-dark);transition:gap .2s}
.news-card-body .read-more svg{width:14px;height:14px;fill:currentColor}
.news-card-mixed:hover .read-more{gap:10px}

/* ===== Sidebar ===== */
.sidebar-box{background:#fff;border:1px solid var(--c-border);border-radius:8px;padding:25px;margin-bottom:24px}
.sidebar-title{font-size:16px;font-weight:700;color:var(--c-dark);margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--c-border);position:relative}
.sidebar-title::after{content:"";position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:var(--c-primary)}

.hot-news li{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--c-border)}
.hot-news li:last-child{border:none;margin:0;padding:0}
.hot-news a{display:block;font-size:14px;color:var(--c-text);font-weight:600;line-height:1.5;transition:color .2s}
.hot-news a:hover{color:var(--c-primary)}
.hot-news .date{font-size:12px;color:var(--c-accent);margin-top:4px}

.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tag-cloud a{display:inline-block;padding:6px 14px;background:var(--c-bg);border-radius:4px;font-size:13px;color:var(--c-accent);transition:all .2s;border:1px solid var(--c-border)}
.tag-cloud a:hover{background:var(--c-dark);color:#fff;border-color:var(--c-dark)}

@media(max-width:900px){
  .news-layout{grid-template-columns:1fr}
  .news-card-mixed{grid-template-columns:200px 1fr}
  .sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .sidebar-box{margin:0}
}
@media(max-width:600px){
  .news-card-mixed{grid-template-columns:1fr}
  .news-card-img{height:180px;min-height:auto}
  .sidebar{grid-template-columns:1fr}
}