.news-container { width:var(--content-width); margin-inline:auto; }
.news-heading { padding:72px 0; background:#000c3c; color:#fff; }
.news-heading p { font-size:14px; opacity:.7; }
.news-heading h1 { font-size:48px; font-weight:400; margin:20px 0; }
.news-heading span { font-size:16px; opacity:.7; }
.news-list { padding-block:56px 80px; }
.news-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.news-toolbar h2 { font-size:24px; font-weight:400; }
.news-toolbar label { font-size:14px; display:flex; align-items:center; gap:16px; }
.news-toolbar input { padding:12px 16px; border:1px solid #ccc; background:#fff; width:300px; }
.news-count { font-size:12px; color:#777; margin:24px 0; }
.news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 16px; }
.news-entry { display:flex; flex-direction:column; background:#f3f4f5; min-width:0; }
.news-entry[hidden] { display:none; }
.news-entry>img,.news-placeholder { width:100%; aspect-ratio:3/2; object-fit:cover; }
.news-placeholder { display:flex; align-items:center; justify-content:center; flex-direction:column; gap:16px; background:#e4e9eb; color:#000c3c; font-size:28px; }
.news-placeholder span { font-size:14px; }
.news-entry-copy { padding:24px; }
.news-entry time { font-size:12px; color:#777; }
.news-entry h2 { font-size:18px; font-weight:500; line-height:1.6; margin:12px 0; }
.news-entry-copy p { color:#666; font-size:14px; line-height:1.8; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.news-pagination { display:flex; justify-content:center; align-items:center; gap:24px; padding-top:40px; font-size:14px; }
.news-pagination button:disabled { opacity:.35; cursor:default; }
.article-container { width:min(calc(100% - 48px),880px); margin:auto; padding:48px 0 80px; }
.news-back { font-size:14px; color:#666; }
.article-heading { padding:40px 0; border-bottom:1px solid #ddd; margin-bottom:40px; }
.article-heading p { color:#777; font-size:14px; }
.article-heading h1 { font-size:36px; line-height:1.5; font-weight:500; margin-top:20px; }
.article-content { font-size:16px; line-height:1.9; overflow-wrap:anywhere; }
.article-content p { margin:18px 0; }
.article-content img { display:block; max-width:100%; height:auto; margin:24px auto; }
.article-content table { display:block; overflow-x:auto; max-width:100%; }
.article-content a { text-decoration:underline; color:#006a9b; }
.article-source { color:#777; font-size:12px; margin-top:48px; }
.article-related { display:grid; grid-template-columns:1fr 1fr; gap:32px; border-top:1px solid #ddd; padding-top:24px; margin-top:32px; font-size:14px; line-height:1.8; }
.news-fallback { display:grid; place-items:center; height:100%; background:#e4e9eb; color:#000c3c; }
@media(max-width:1024px) { .news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:649.98px) { .news-heading { padding:40px 0; } .news-heading h1 { font-size:32px; } .news-heading span { font-size:14px; } .news-list { padding-block:32px 48px; } .news-toolbar { align-items:stretch; flex-direction:column; } .news-toolbar label { display:block; } .news-toolbar input { display:block; width:100%; margin-top:12px; } .news-grid { grid-template-columns:1fr; gap:24px; } .news-entry-copy { padding:20px; } .article-container { width:calc(100% - 32px); padding-block:32px 48px; } .article-heading { padding:24px 0; margin-bottom:24px; } .article-heading h1 { font-size:26px; } .article-related { grid-template-columns:1fr; gap:16px; } .news-pagination { gap:12px; } }
/* Directory layout follows the supplied 新闻.png design. */
.news-heading { background:#fff; color:#161616; padding:40px 0 24px; text-align:center; }
.news-heading h1 { font-size:32px; line-height:1.4; font-weight:500; margin:0; }
.news-list { padding-top:0; }
.news-count { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 16px; }
.news-entry>img,.news-placeholder { aspect-ratio:16/9; }
.news-entry { background:#f6f6f6; }
.news-entry h2 { font-size:24px; font-weight:700; line-height:1.5; }
.news-entry-copy { padding:24px; }
.news-entry-copy p { -webkit-line-clamp:2; }
.news-entry time { font-size:14px; }
.news-pagination { padding-top:40px; }
@media(max-width:649.98px) { .news-grid { grid-template-columns:1fr; gap:20px; } .news-heading { padding:32px 0 20px; } .news-heading h1 { font-size:24px; } .news-entry h2 { font-size:20px; } .news-entry-copy { padding:20px; } }

/* Three-column directory with automatic incremental loading. */
.news-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.news-entry h2 { font-size:20px; }
.news-entry-copy { padding:20px; }
.news-load-status { text-align:center; color:#777; font-size:14px; padding-top:40px; min-height:60px; }
@media(max-width:1024px) { .news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:649.98px) { .news-grid { grid-template-columns:1fr; } }

/* Edited directory titles; keep semantic phrases together. */
.news-entry h2 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:3em; text-wrap:balance; word-break:normal; overflow-wrap:normal; }
.news-title-phrase { display:inline-block; white-space:nowrap; }

/* Keep summaries close to titles, without reserving an empty title line. */
.news-entry h2 { min-height:0; margin-bottom:6px; }
/* Article design: aligned text and imagery, compact editorial rhythm. */
.article-container { width:min(calc(100% - 48px),1200px); padding:56px 0 72px; }
.article-container > .news-back { display:none; }
.article-heading { padding:0 0 32px; margin-bottom:48px; }
.article-heading p { font-size:16px; color:#666; }
.article-heading h1 { margin-top:16px; font-size:36px; line-height:1.4; font-weight:700; }
.article-content { font-size:18px; line-height:1.65; color:#707070; }
.article-content p { margin:0 0 20px; }
.article-content img { width:100%; max-width:100%; height:auto; margin:32px auto; }
.article-content strong { color:#333; }
.article-source { margin-top:32px; }
.article-recommendations { background:#f6f6f6; padding:56px 0 64px; }
.article-related { width:min(calc(100% - 48px),1200px); margin:0 auto; padding:0; border:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.article-related .news-entry { background:#fff; }
.article-related .news-entry-copy { padding:24px; }
.article-related .news-entry h2 { font-size:24px; margin:12px 0 6px; }
.article-related .news-entry-copy p { font-size:16px; line-height:1.5; }
@media(max-width:767.98px) {
 .article-container { width:calc(100% - 40px); padding:32px 0 40px; }
 .article-heading { padding-bottom:24px; margin-bottom:28px; }
 .article-heading h1 { font-size:26px; }
 .article-heading p { font-size:14px; }
 .article-content { font-size:16px; line-height:1.7; }
 .article-content p { margin-bottom:16px; }
 .article-content img { margin:24px auto; }
 .article-recommendations { padding:32px 0; }
 .article-related { width:calc(100% - 40px); grid-template-columns:1fr; gap:20px; }
 .article-related .news-entry-copy { padding:20px; }
 .article-related .news-entry h2 { font-size:20px; }
 .article-related .news-entry-copy p { font-size:14px; }
}

/* Shared article image and video layout. */
.article-launch-video{position:relative;margin:32px 0;background:#000;aspect-ratio:16/9}.article-launch-video video{display:block;width:100%;height:100%;object-fit:contain}.article-video-start{position:absolute;inset:0;width:100%;border:0;color:#fff;background:linear-gradient(180deg,#0008,transparent 45%);cursor:pointer;font:inherit}.article-video-start[hidden]{display:none}.article-video-title{position:absolute;top:9%;left:5%;right:5%;font-size:clamp(18px,2.4vw,32px);font-weight:600;text-align:center}.article-video-cta{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);padding:10px 22px;background:#000;border:1px solid #fff;border-radius:30px;white-space:nowrap}.article-video-error{color:#fff;padding:12px}@media(max-width:767px){.article-launch-video{margin:24px 0}.article-video-cta{font-size:14px;padding:7px 18px}}
.article-launch-video{width:80%;max-width:960px;margin:32px auto}.article-launch-video video{object-fit:cover}.article-launch-video.is-playing video{object-fit:contain}.article-video-start{background:linear-gradient(180deg,transparent 65%,#0003)}@media(max-width:767px){.article-launch-video{width:92%;margin:24px auto}}
.article-content img{width:auto;max-width:min(100%,760px);height:auto;margin:28px auto}@media(max-width:767px){.article-content img{max-width:92%;margin:24px auto}}
.article-launch-video{width:100%;max-width:760px;margin:28px auto}.article-video-start{background:transparent;display:grid;place-items:center}.article-video-play-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff}.article-video-play-icon svg{margin-left:3px}.article-video-start:hover .article-video-play-icon{background:rgba(0,0,0,.75)}.article-video-start:focus-visible{outline:2px solid #fff;outline-offset:-4px}@media(max-width:767px){.article-launch-video{width:92%;margin:24px auto}.article-video-play-icon{width:52px;height:52px}}