.sg-official-news{margin:36px 0;padding:clamp(22px,4vw,38px);border:1px solid #285069;border-radius:18px;background:linear-gradient(135deg,#081b2b,#103149);color:#e8f7ff}
.sg-official-news *{box-sizing:border-box}
.sg-official-news-head{display:flex;justify-content:space-between;align-items:end;gap:16px}
.sg-official-news-head p{margin:0 0 5px;color:#69d8e7;font-size:12px;letter-spacing:.14em}
.sg-official-news-head h2{margin:0;color:#fff;font-size:clamp(23px,3vw,32px)}
.sg-official-news-head>a{color:#9ceff2;white-space:nowrap;text-decoration:none}
.sg-official-news-note{margin:13px 0 22px;color:#b8d5e4;font-size:14px}
.sg-official-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sg-official-news-item{min-width:0;padding:18px;border:1px solid #2d5971;border-radius:12px;background:#10334a}
.sg-official-news-meta{margin:0 0 9px;color:#91ddea;font-size:12px}
.sg-official-news-item h3{margin:0 0 9px;font-size:17px;line-height:1.5}
.sg-official-news-item h3 a{color:#fff;text-decoration:none;overflow-wrap:anywhere}
.sg-official-news-item h3 a:hover,.sg-official-news-item h3 a:focus{color:#8ef0f2;text-decoration:underline}
.sg-official-news-item>p:last-child{margin:0;color:#c1d9e5;font-size:14px;line-height:1.7}
@media(max-width:760px){.sg-official-news-grid{grid-template-columns:1fr}.sg-official-news-head{align-items:start;flex-direction:column}}
.sg-tieba-news{margin:24px 0;padding:clamp(22px,4vw,34px);border:1px solid #285069;border-radius:18px;background:#0d273a;color:#e8f7ff}
.sg-tieba-news .sg-official-news-head h2{font-size:clamp(21px,2.5vw,27px)}
.sg-tieba-news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.sg-tieba-news-list li{min-width:0;padding:15px;border:1px solid #31566b;border-radius:11px;background:#12374b}
.sg-tieba-news-list a{display:block;color:#fff;text-decoration:none;line-height:1.5;overflow-wrap:anywhere}
.sg-tieba-news-list a:hover,.sg-tieba-news-list a:focus{color:#8ef0f2;text-decoration:underline}
.sg-tieba-news-list span{display:block;margin-top:8px;color:#a8d4df;font-size:12px}
@media(max-width:760px){.sg-tieba-news-list{grid-template-columns:1fr}}