.news-hero{padding:68px 0 42px;background:linear-gradient(180deg,#fff,#f8fbff);border-bottom:1px solid var(--line);text-align:center}.news-hero h1{font-size:44px;line-height:1.2;margin:7px 0}.news-hero p{color:#64748b;margin:0}.news-page{padding-top:28px;padding-bottom:72px}.news-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.news-toolbar label{width:min(420px,100%);border:1px solid var(--line);background:#fff;border-radius:14px;padding:0 12px;display:flex;align-items:center;gap:8px}.news-toolbar input{border:0;outline:none;background:transparent;padding:10px;width:100%}.news-toolbar>span{font-size:12px;color:#64748b}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.news-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.04)}.news-card>img,.news-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover}.news-placeholder{background:linear-gradient(135deg,#dbeafe,#e0e7ff);display:grid;place-items:center;font-size:52px}.news-card-body{padding:18px}.news-date{font-size:12px;color:#2563eb;font-weight:900}.news-card h2{font-size:17px;line-height:1.45;margin:5px 0}.news-card p{font-size:12px;line-height:1.8;color:#64748b;white-space:pre-wrap}.news-loading{height:300px;border-radius:22px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:200% 100%;animation:skeleton 1.4s infinite}.news-empty{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:22px;padding:52px}.news-empty span{font-size:46px}.news-empty h3{margin:8px 0}.news-empty p{font-size:12px;color:#64748b}
.home-news-section{background:#f8fafc}.home-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home-news-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;display:flex;flex-direction:column;min-height:180px}.home-news-card .news-date{margin-bottom:6px}.home-news-card h3{font-size:15px;line-height:1.5;margin:0 0 7px}.home-news-card p{font-size:12px;color:#64748b;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-news-card a{margin-top:auto;padding-top:13px;font-size:12px;color:#2563eb;font-weight:900}
@media(max-width:900px){.news-grid,.home-news-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.news-hero h1{font-size:33px}.news-grid,.home-news-grid{grid-template-columns:1fr}.news-toolbar{align-items:flex-start;flex-direction:column}}

/* Premium 3D news page 2026 */
.news-hero{
  background:
    radial-gradient(circle at 80% 10%,rgba(74,151,255,.13),transparent 28%),
    linear-gradient(180deg,#fff,#f4f8ff)!important;
  border-bottom:1px solid #e1e9f5!important
}
.news-hero h1{color:#102458}
.news-toolbar label{
  border:1px solid #dce6f4!important;background:linear-gradient(145deg,#fff,#f7faff)!important;
  box-shadow:0 8px 18px rgba(31,73,139,.065),inset 0 1px 0 #fff!important
}
.news-toolbar label:focus-within{
  border-color:#84bdf8!important;box-shadow:0 0 0 4px rgba(20,120,242,.09),0 8px 18px rgba(31,73,139,.06)!important
}
.news-grid{min-width:0}
.news-card{
  position:relative;
  border:1px solid #dfe8f5!important;
  background:linear-gradient(145deg,#fff,#f8fbff)!important;
  box-shadow:0 12px 27px rgba(31,73,139,.075),inset 0 1px 0 #fff!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important
}
.news-card:hover{
  transform:translateY(-5px)!important;border-color:#cbdcf1!important;
  box-shadow:0 20px 38px rgba(31,73,139,.13),inset 0 1px 0 #fff!important
}
.news-card>img,.news-placeholder{transition:transform .25s ease}
.news-card:hover>img,.news-card:hover>.news-placeholder{transform:scale(1.025)}
.news-placeholder{
  background:
    radial-gradient(circle at 70% 22%,rgba(255,255,255,.65),transparent 24%),
    linear-gradient(145deg,#cfe7ff,#dadcff)!important;
  filter:drop-shadow(0 5px 6px rgba(31,73,139,.08))
}
.news-date{
  display:inline-flex;padding:4px 7px;border-radius:999px;
  background:linear-gradient(145deg,#edf6ff,#deedff);border:1px solid #cfe3fb;
  box-shadow:inset 0 1px 0 #fff
}
.home-news-card{
  border:1px solid #dfe8f5!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;
  box-shadow:0 9px 20px rgba(31,73,139,.06),inset 0 1px 0 #fff!important;
  transition:transform .17s ease,box-shadow .17s ease!important
}
.home-news-card:hover{transform:translateY(-4px);box-shadow:0 15px 29px rgba(31,73,139,.105)!important}
.news-loading{box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(31,73,139,.05)}
.news-empty{
  border-color:#c9d8eb!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;
  box-shadow:0 10px 24px rgba(31,73,139,.065),inset 0 1px 0 #fff!important
}
@media(max-width:620px){
  .news-card{border-radius:17px!important}
}

/* Vivid news colors 2026 */
.news-hero{
  background:
    radial-gradient(circle at 82% 10%,rgba(52,157,255,.18),transparent 28%),
    radial-gradient(circle at 18% 110%,rgba(126,67,255,.09),transparent 31%),
    linear-gradient(180deg,#fff,#f0f7ff)!important
}
.news-card:nth-child(5n+1){background:linear-gradient(145deg,#fff,#f1f8ff)!important}
.news-card:nth-child(5n+2){background:linear-gradient(145deg,#fff,#f2fff9)!important}
.news-card:nth-child(5n+3){background:linear-gradient(145deg,#fff,#faf5ff)!important}
.news-card:nth-child(5n+4){background:linear-gradient(145deg,#fff,#fffaf1)!important}
.news-card:nth-child(5n+5){background:linear-gradient(145deg,#fff,#fff4f7)!important}
.news-card:nth-child(5n+1) .news-date{background:linear-gradient(145deg,#e8f4ff,#d4e9ff)!important;color:#0a68da!important}
.news-card:nth-child(5n+2) .news-date{background:linear-gradient(145deg,#eafff7,#d3f7e8)!important;color:#009671!important}
.news-card:nth-child(5n+3) .news-date{background:linear-gradient(145deg,#f7efff,#e5d5ff)!important;color:#743be0!important}
.news-card:nth-child(5n+4) .news-date{background:linear-gradient(145deg,#fff8e5,#ffe7ad)!important;color:#d57908!important}
.news-card:nth-child(5n+5) .news-date{background:linear-gradient(145deg,#fff0f4,#ffd8e1)!important;color:#dc3a58!important}