/* 通用文章组件：仅作用于显式容器；图标、主题与插画由正文标记选择。 */
.news-content .article-components {
  --article-accent: #24cef1; --article-border: #1382aa; --article-bg: #071e35;
  color: #e6edf3; font: 1rem/1.55 system-ui, "Segoe UI", "Microsoft YaHei", sans-serif;
  margin-block: 1rem 1.8rem; text-align: start; overflow-wrap: anywhere;
  --article-icon-info: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2011v6m0-10h.01%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-calendar: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M8%203v4m8-4v4M4%2010h16m-12%205%203%203%205-5%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-gift: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209h18v4H3zM5%2013v8h14v-8M12%209v12%22%2F%3E%3Cpath%20d%3D%22M12%209H8a3%203%200%201%201%203-3Zm0%200h4a3%203%200%201%200-3-3Z%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-crown: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%206%204%204%205-7%205%207%204-4-2%2013H5Z%20M6%2022h12%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-folder: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207a2%202%200%200%201%202-2h5l2%203h7a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2Z%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-search: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22m16%2016%205%205%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-flame: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%202c1%206-5%206-4%2011-3-1-3-3-3-3-5%207%200%2012%206%2012s11-7%205-13c0%203-2%204-2%204%201-5%200-7-2-11Z%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-download: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m-5-5%205%205%205-5M4%2016v5h16v-5%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-shield: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%208%203v6c0%205-8%209-8%209s-8-4-8-9V6Z%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m7%2012%203%203%207-7%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-bolt: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m14%202-9%2012h6l-1%208%209-12h-6Z%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-play: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22m10%208%206%204-6%204Z%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-chat: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16v13H9l-5%204Z%20M8%208h8M8%2012h5%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-globe: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%224%22%20ry%3D%229%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3C%2Fsvg%3E");
  --article-icon-settings: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
}
.news-content .article-components, .news-content .article-components * { box-sizing: border-box; min-inline-size: 0; }
.news-content .article-components.article-columns { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.news-content .article-components [data-article-tone="purple"] { --article-accent: #b59bff; --article-border: #9274e7; --article-bg: #211d39; }
.news-content .article-components [data-article-tone="neutral"] { --article-accent: #cedae6; --article-border: #63778e; --article-bg: #17202c; }
.news-content .article-components [data-article-tone="cyan"] { --article-accent: #24cef1; --article-border: #1382aa; --article-bg: #071e35; }
.news-content .article-components .article-card {
  padding: clamp(18px, 2vw, 24px); border: 1px solid var(--article-border); border-radius: 13px;
  background: linear-gradient(135deg, var(--article-bg), #08121f);
  box-shadow: inset 0 1px 0 #ffffff0b;
}
.news-content .article-components .article-identity { display: flex; align-items: center; gap: 18px; margin-block-end: 12px; }
.news-content .article-components img.article-icon { inline-size: 76px; block-size: 76px; flex: 0 0 76px; object-fit: contain; border-radius: 12px; background: #fff; padding: 7px; margin: 0; }
.news-content .article-components h2 { font-size: clamp(1.35rem, 2.1vw, 1.8rem); line-height: 1.25; margin: 8px 0 14px; color: #fff; font-weight: 750; hyphens: auto; }
.news-content .article-components h3 { font-size: 1.05rem; line-height: 1.4; margin: 0 0 4px; color: #fff; }
.news-content .article-components p { margin: 0 0 12px; }
.news-content .article-components .article-badge { display: inline-block; border: 1px solid var(--article-border); border-radius: 999px; padding: 5px 12px; color: var(--article-accent); font-size: .82rem; font-weight: 600; }
.news-content .article-components .article-notice { padding: 12px 15px; border: 1px solid var(--article-border); border-radius: 10px; background: var(--article-bg); }
.news-content .article-components .article-recognition { color: #cbd5e1; font-size: .9rem; }
.news-content .article-components .article-product-body { display: grid; align-items: center; gap: 18px; }
.news-content .article-components img.article-screenshot { display: block; inline-size: 100%; max-block-size: 240px; object-fit: contain; border: 1px solid #568ea24d; border-radius: 10px; margin: 0; }
.news-content .article-components .article-features { display: grid; gap: 12px; padding: 0; margin: 12px 0 14px; list-style: none; clear: both; }
.news-content .article-components .article-features > li { position: relative; margin: 0; padding: 0; border: 0; }
.news-content .article-components .article-features p { font-size: .9rem; color: #cbd5e1; margin: 0; }
.news-content .article-components .article-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-block-start: 16px; clear: both; }
.news-content .article-components a.article-button { display: inline-flex; align-items: center; justify-content: center; padding: 10px 16px; min-block-size: 44px; max-inline-size: 100%; border: 1px solid var(--article-accent); border-radius: 9px; background: var(--article-accent); color: #061d2b; font-weight: 700; line-height: 1.4; text-decoration: none; text-align: center; }
.news-content .article-components a.article-button--secondary { background: transparent; color: var(--article-accent); }
.news-content .article-components a.article-button:hover { filter: brightness(1.12); }
.news-content .article-components a.article-button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
/* 仅白名单标记预留图标位；未指定、none、未知值均退化为普通文本，不读取任意URL。 */
.news-content .article-components .article-features > li:is([data-article-icon="info"], [data-article-icon="calendar"], [data-article-icon="gift"], [data-article-icon="crown"], [data-article-icon="folder"], [data-article-icon="search"], [data-article-icon="flame"], [data-article-icon="download"], [data-article-icon="shield"], [data-article-icon="check"], [data-article-icon="bolt"], [data-article-icon="play"], [data-article-icon="chat"], [data-article-icon="globe"], [data-article-icon="settings"]) { padding-inline-start: 52px; min-block-size: 38px; }
.news-content .article-components .article-features > li:is([data-article-icon="info"], [data-article-icon="calendar"], [data-article-icon="gift"], [data-article-icon="crown"], [data-article-icon="folder"], [data-article-icon="search"], [data-article-icon="flame"], [data-article-icon="download"], [data-article-icon="shield"], [data-article-icon="check"], [data-article-icon="bolt"], [data-article-icon="play"], [data-article-icon="chat"], [data-article-icon="globe"], [data-article-icon="settings"])::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0; inline-size: 38px; block-size: 38px; border: 1px solid var(--article-border); border-radius: 10px; background: var(--article-bg); }
.news-content .article-components .article-features > li:is([data-article-icon="info"], [data-article-icon="calendar"], [data-article-icon="gift"], [data-article-icon="crown"], [data-article-icon="folder"], [data-article-icon="search"], [data-article-icon="flame"], [data-article-icon="download"], [data-article-icon="shield"], [data-article-icon="check"], [data-article-icon="bolt"], [data-article-icon="play"], [data-article-icon="chat"], [data-article-icon="globe"], [data-article-icon="settings"])::after,
.news-content .article-components .article-notice:is([data-article-icon="info"], [data-article-icon="calendar"], [data-article-icon="gift"], [data-article-icon="crown"], [data-article-icon="folder"], [data-article-icon="search"], [data-article-icon="flame"], [data-article-icon="download"], [data-article-icon="shield"], [data-article-icon="check"], [data-article-icon="bolt"], [data-article-icon="play"], [data-article-icon="chat"], [data-article-icon="globe"], [data-article-icon="settings"])::before { content: ""; position: absolute; inset-inline-start: 8px; inset-block-start: 8px; inline-size: 22px; block-size: 22px; background: var(--article-accent); mask: var(--article-selected-icon) center / contain no-repeat; }
.news-content .article-components .article-notice:is([data-article-icon="info"], [data-article-icon="calendar"], [data-article-icon="gift"], [data-article-icon="crown"], [data-article-icon="folder"], [data-article-icon="search"], [data-article-icon="flame"], [data-article-icon="download"], [data-article-icon="shield"], [data-article-icon="check"], [data-article-icon="bolt"], [data-article-icon="play"], [data-article-icon="chat"], [data-article-icon="globe"], [data-article-icon="settings"]) { position: relative; padding-inline-start: 48px; }
.news-content .article-components .article-notice:is([data-article-icon="info"], [data-article-icon="calendar"], [data-article-icon="gift"], [data-article-icon="crown"], [data-article-icon="folder"], [data-article-icon="search"], [data-article-icon="flame"], [data-article-icon="download"], [data-article-icon="shield"], [data-article-icon="check"], [data-article-icon="bolt"], [data-article-icon="play"], [data-article-icon="chat"], [data-article-icon="globe"], [data-article-icon="settings"])::before { inset-inline-start: 14px; inset-block-start: 14px; }
.news-content .article-components [data-article-icon="info"] { --article-selected-icon: var(--article-icon-info); }
.news-content .article-components [data-article-icon="calendar"] { --article-selected-icon: var(--article-icon-calendar); }
.news-content .article-components [data-article-icon="gift"] { --article-selected-icon: var(--article-icon-gift); }
.news-content .article-components [data-article-icon="crown"] { --article-selected-icon: var(--article-icon-crown); }
.news-content .article-components [data-article-icon="folder"] { --article-selected-icon: var(--article-icon-folder); }
.news-content .article-components [data-article-icon="search"] { --article-selected-icon: var(--article-icon-search); }
.news-content .article-components [data-article-icon="flame"] { --article-selected-icon: var(--article-icon-flame); }
.news-content .article-components [data-article-icon="download"] { --article-selected-icon: var(--article-icon-download); }
.news-content .article-components [data-article-icon="shield"] { --article-selected-icon: var(--article-icon-shield); }
.news-content .article-components [data-article-icon="check"] { --article-selected-icon: var(--article-icon-check); }
.news-content .article-components [data-article-icon="bolt"] { --article-selected-icon: var(--article-icon-bolt); }
.news-content .article-components [data-article-icon="play"] { --article-selected-icon: var(--article-icon-play); }
.news-content .article-components [data-article-icon="chat"] { --article-selected-icon: var(--article-icon-chat); }
.news-content .article-components [data-article-icon="globe"] { --article-selected-icon: var(--article-icon-globe); }
.news-content .article-components [data-article-icon="settings"] { --article-selected-icon: var(--article-icon-settings); }
/* 插画独立于卡片类型，必须显式选择；新增插画使用新的明确名称，不按产品名称或条目顺序推断。 */
.news-content .article-components .article-card[data-article-illustration="archive"]::before { content: ""; float: inline-end; inline-size: 100px; block-size: 90px; margin-inline-start: 12px; margin-block-end: 8px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20144%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23a898ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235134c8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x2%3D%22.8%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23e5e1ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239282ef%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22c%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23bdafff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236948dc%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%2283%22%20cy%3D%22128%22%20rx%3D%2261%22%20ry%3D%2210%22%20fill%3D%22%236850da%22%20opacity%3D%22.18%22%2F%3E%3Cpath%20d%3D%22M20%2040Q20%2032%2028%2032h28l13%2014h65q9%200%209%209v61q0%209-9%209H29q-9%200-9-9Z%22%20fill%3D%22%235136b9%22%2F%3E%3Cg%20transform%3D%22rotate(8%2081%2062)%22%3E%3Crect%20x%3D%2249%22%20y%3D%2212%22%20width%3D%2270%22%20height%3D%2287%22%20rx%3D%229%22%20fill%3D%22url(%23b)%22%20stroke%3D%22%23d6d0ff%22%2F%3E%3Cpath%20d%3D%22M63%2029h38M63%2041h38M63%2053h22%22%20stroke%3D%22%238c7de1%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M13%2059q0-10%2010-10h34l12%2012h58q10%200%2010%2010v47q0%2010-10%2010H23q-10%200-10-10Z%22%20fill%3D%22url(%23a)%22%20stroke%3D%22%23b6a9ff%22%2F%3E%3Cpath%20d%3D%22M22%2065v45q0%208%208%208h70%22%20fill%3D%22none%22%20stroke%3D%22%23d3c9ff%22%20opacity%3D%22.28%22%20stroke-width%3D%223%22%2F%3E%3Ccircle%20cx%3D%22111%22%20cy%3D%2296%22%20r%3D%2224%22%20fill%3D%22%23352568%22%20stroke%3D%22url(%23b)%22%20stroke-width%3D%228%22%2F%3E%3Ccircle%20cx%3D%22111%22%20cy%3D%2296%22%20r%3D%2214%22%20fill%3D%22url(%23c)%22%2F%3E%3Cpath%20d%3D%22m128%20114%2021%2021%22%20stroke%3D%22%23beb4ff%22%20stroke-width%3D%2213%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m131%20114%2021%2021%22%20stroke%3D%22%238e7be5%22%20stroke-width%3D%225%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
.article-host .news-content > :is(h1,h2):first-child:has(+ .article-components) { display: none; }
@media (min-width: 992px) {
  .news-content .article-components.article-columns--2-1 { grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); }
  .news-content .article-components.article-columns--equal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
  .news-content .article-components .article-product-body { grid-template-columns: minmax(0, 1.5fr) minmax(195px, 1fr); }
}
@media (max-width: 480px) {
  .news-content .article-components [data-article-illustration="archive"] > h2 { clear: both; }
  .news-content .article-components .article-identity { align-items: flex-start; gap: 12px; }
  .news-content .article-components img.article-icon { inline-size: 52px; block-size: 52px; flex-basis: 52px; }
  .news-content .article-components .article-actions { flex-direction: column; }
  .news-content .article-components .article-card[data-article-illustration="archive"]::before { inline-size: 82px; block-size: 76px; }
}