@charset "UTF-8";
      /* ============================================================
   新浪观潮 SINA TIDE
   严肃资讯站：黑体、冷中性灰、单一蓝色强调；AIGC 用独立标识色
   等宽字只用于时间与数据，代表"这部分是结构化的"
   ============================================================ */

      :root {
        --page: #f4f5f7;
        --card: #ffffff;
        --ink: #1a1d21;
        --ink-2: #5a6068;
        --ink-3: #8e959d;
        --line: #e5e7ea;
        --line-2: #d2d6db;

        --brand: #1a4b8c; /* 强调：深靛蓝 */
        --brand-2: #14406f;
        --brand-soft: #eff4fa;
        --brand-line: #c6d8ee;

        --aigc: #6d4ac4; /* AIGC 专属标识色 */
        --aigc-soft: #f3effc;
        --aigc-line: #dcd1f4;

        --hot: #b3301c; /* 热点：唯一的暖色，只给"24h 内报道量激增"用 */
        --hot-soft: #fcefec;
        --hot-line: #f0cec5;

        --sans: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', 'Microsoft YaHei', 'Source Han Sans SC', sans-serif;
        --mono: ui-monospace, 'SF Mono', 'SFMono-Regular', Menlo, Consolas, monospace;

        --wrap: 1200px;
      }

      *,
      *::before,
      *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
      html {
        -webkit-text-size-adjust: 100%;
      }

      body {
        font-family: var(--sans);
        background: var(--page);
        color: var(--ink);
        font-size: 15px;
        line-height: 1.7;
        -webkit-font-smoothing: antialiased;
      }

      a {
        color: inherit;
        text-decoration: none;
      }
      ul,
      ol {
        list-style: none;
      }
      img {
        display: block;
        max-width: 100%;
      }
      table {
        border-collapse: collapse;
        width: 100%;
      }
      :focus-visible {
        outline: 2px solid var(--brand);
        outline-offset: 2px;
      }
      @media (prefers-reduced-motion: reduce) {
        * {
          transition: none !important;
        }
      }

      .wrap {
        max-width: var(--wrap);
        margin: 0 auto;
        padding: 0 28px;
      }
      .num {
        font-family: var(--mono);
        font-variant-numeric: tabular-nums;
      }

      /* ============================================================
   顶栏
   ============================================================ */
      .masthead {
        background: var(--card);
        border-bottom: 1px solid var(--line);
        position: sticky;
        top: 0;
        z-index: 50;
      }
      .masthead-in {
        display: flex;
        align-items: center;
        height: 64px;
        gap: 26px;
      }

      .brand {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-shrink: 0;
      }
      /* 品牌锁定：新浪官方标识 + 竖分隔 + 产品名（同「sina 新闻中心」的子品牌范式） */
      .brand .brand-sina {
        height: 31px;
        width: auto;
        display: block;
        align-self: center;
        flex-shrink: 0;
      }
      .brand .brand-div {
        width: 1px;
        height: 21px;
        background: #d6d9e3;
        align-self: center;
        flex-shrink: 0;
      }
      .brand-cn {
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: var(--ink);
        line-height: 1;
        white-space: nowrap;
      }
      .brand-en {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.2em;
        color: var(--ink-3);
        text-transform: uppercase;
      }
      .mast-div {
        width: 1px;
        height: 18px;
        background: var(--line-2);
        flex-shrink: 0;
      }

      .mast-nav {
        display: flex;
        gap: 20px;
        flex: 1;
        min-width: 0;
      }
      .mast-nav a {
        font-size: 16px;
        color: var(--ink-2);
        position: relative;
        padding: 3px 0;
        white-space: nowrap;
        transition: color 0.15s;
      }
      .mast-nav a:hover {
        color: var(--ink);
      }
      .mast-nav a.on {
        color: var(--brand);
        font-weight: 600;
      }
      .mast-nav a.on::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -14px;
        height: 2px;
        background: var(--brand);
      }

      .mast-search {
        display: flex;
        align-items: center;
        gap: 7px;
        flex-shrink: 0;
        border: 1px solid var(--line-2);
        border-radius: 2px;
        padding: 6px 11px;
        width: 208px;
        background: var(--page);
        transition: border-color 0.15s;
      }
      .mast-search:focus-within {
        border-color: var(--brand-line);
      }
      .mast-search input {
        border: 0;
        outline: 0;
        background: none;
        font-family: var(--sans);
        font-size: 14px;
        color: var(--ink);
        width: 100%;
      }
      .mast-search input::placeholder {
        color: var(--ink-3);
      }
      .mast-search svg {
        color: var(--ink-3);
        flex-shrink: 0;
      }

      /* ============================================================
   可引用块 —— 签名单元，三页共用
   标记"这段被写成了可直接引用的答案形态"
   ============================================================ */
      .quotable {
        background: #f8fafd;
        border: 1px solid #e2e9f3;
        border-left: 3px solid var(--brand);
        border-radius: 2px;
        padding: 20px 24px;
      }
      .quotable-label {
        display: flex;
        align-items: center;
        gap: 9px;
        margin-bottom: 12px;
      }
      .quotable-label b {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.04em;
        color: var(--ink);
      }
      .quotable-label i {
        font-family: var(--mono);
        font-style: normal;
        font-size: 10px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--brand);
      }
      .quotable-label .src {
        margin-left: auto;
        font-size: 12.5px;
        color: var(--ink-3);
      }

      .quotable-list > li {
        display: flex;
        gap: 12px;
        padding: 9px 0;
        font-size: 16px;
        line-height: 1.85;
        color: #22262b;
      }
      .quotable-list > li + li {
        border-top: 1px solid #e6ecf4;
      }
      .quotable-list .qn {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--brand);
        padding-top: 5px;
        flex-shrink: 0;
        font-variant-numeric: tabular-nums;
      }

      /* ============================================================
   区块标题
   ============================================================ */
      .sec-head {
        display: flex;
        align-items: baseline;
        gap: 10px;
        padding-bottom: 9px;
        border-bottom: 1px solid var(--line-2);
        margin-bottom: 16px;
      }
      .sec-head h2,
      .sec-head h3 {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.02em;
        color: var(--ink);
      }
      .sec-head .en {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--ink-3);
      }
      .sec-head .more {
        margin-left: auto;
        font-size: 13px;
        color: var(--ink-3);
        transition: color 0.15s;
      }
      .sec-head .more:hover {
        color: var(--brand);
      }

      /* ============================================================
   徽标：AIGC / 结构化增强 / 领域
   ============================================================ */
      .tag {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        line-height: 1;
        padding: 3px 6px;
        border-radius: 2px;
        border: 1px solid var(--line-2);
        color: var(--ink-2);
        background: var(--card);
        white-space: nowrap;
      }
      .tag-aigc {
        color: var(--aigc);
        background: var(--aigc-soft);
        border-color: var(--aigc-line);
        font-weight: 600;
        letter-spacing: 0.04em;
      }
      .tag-plus {
        color: var(--brand);
        background: var(--brand-soft);
        border-color: var(--brand-line);
      }
      /* 热点：24 小时内同一事件新增报道数达阈值才给，二值，不分级 */
      .tag-hot {
        color: var(--hot);
        background: var(--hot-soft);
        border-color: var(--hot-line);
        font-weight: 600;
      }
      .tag-hot::before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--hot);
      }
      /* 持续更新：事件最新一条报道在 24h 内 */
      .tag-live {
        color: var(--ink-2);
      }
      .tag-live::before {
        content: '';
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #4e9e6e;
      }
      .field {
        font-size: 13px;
        color: var(--ink-3);
      }
      .src {
        font-size: 13px;
        color: var(--ink-2);
      }
      .cnt {
        font-size: 13px;
        color: var(--ink-2);
      }
      .cnt b {
        font-family: var(--mono);
        font-weight: 600;
        color: var(--brand);
        font-variant-numeric: tabular-nums;
      }

      /* ============================================================
   页脚
   ============================================================ */
      .foot {
        border-top: 1px solid var(--line-2);
        background: var(--card);
        margin-top: 56px;
        padding: 30px 0 40px;
      }
      .foot-in {
        display: flex;
        gap: 40px;
        align-items: flex-start;
        flex-wrap: wrap;
      }
      .foot-brand {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.08em;
        display: flex;
        align-items: center;
        gap: 9px;
      }
      .foot-brand .foot-sina {
        height: 22px;
        width: auto;
        display: block;
      }
      .foot-note {
        font-size: 13px;
        color: var(--ink-3);
        line-height: 1.9;
        max-width: 620px;
        margin-top: 8px;
      }
      .foot-links {
        margin-left: auto;
        display: flex;
        gap: 18px;
        flex-wrap: wrap;
      }
      .foot-links a {
        font-size: 13px;
        color: var(--ink-2);
      }
      .foot-links a:hover {
        color: var(--brand);
      }

      /* ============================================================
   列表页
   ============================================================ */
      .today {
        background: var(--card);
        border-bottom: 1px solid var(--line);
        padding: 24px 0 26px;
      }
      .today-bar {
        display: flex;
        align-items: baseline;
        gap: 14px;
        flex-wrap: wrap;
        padding-bottom: 18px;
      }
      .today-date {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0.02em;
      }
      .today-week {
        font-size: 13px;
        color: var(--ink-3);
      }
      .today-stat {
        margin-left: auto;
        display: flex;
        align-items: center;
        font-size: 13px;
        color: var(--ink-2);
      }
      .today-stat span {
        padding: 0 14px;
        border-right: 1px solid var(--line);
      }
      .today-stat span:last-child {
        border-right: 0;
        padding-right: 0;
      }
      .today-stat b {
        font-family: var(--mono);
        font-weight: 600;
        color: var(--ink);
        font-size: 14px;
      }

      .layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 48px;
        padding-top: 28px;
      }

      /* 时间轨 —— 时间是结构不是附注；节点样式编码"是否 AIGC" */
      .feed {
        display: grid;
        grid-template-columns: 58px minmax(0, 1fr);
      }
      .feed-row {
        display: contents;
      }
      .feed-t {
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--ink-3);
        padding-top: 2px;
        font-variant-numeric: tabular-nums;
      }
      .feed-b {
        border-left: 1px solid var(--line-2);
        padding: 0 0 30px 24px;
        position: relative;
      }
      .feed-row:last-child .feed-b {
        padding-bottom: 6px;
      }
      .feed-b::before {
        content: '';
        position: absolute;
        left: -3.5px;
        top: 6px;
        width: 6px;
        height: 6px;
        background: var(--ink-3);
        border-radius: 50%;
      }
      .feed-row.ai .feed-b::before {
        background: var(--aigc);
      }

      .card-lead {
        display: block;
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 2px;
        overflow: hidden;
      }
      .card-lead .shot {
        background: #e9ecf0;
      }
      .card-lead .shot img {
        width: 100%;
        height: 286px;
        object-fit: cover;
        transition: transform 0.5s ease;
      }
      .card-lead:hover .shot img {
        transform: scale(1.02);
      }
      .card-lead .pad {
        padding: 20px 24px 22px;
      }
      .card-lead h3 {
        font-size: 26px;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 10px;
        letter-spacing: -0.01em;
      }
      .card-lead p {
        font-size: 15px;
        color: var(--ink-2);
        line-height: 1.8;
        margin-bottom: 14px;
      }

      .card {
        display: flex;
        gap: 18px;
      }
      .card .shot {
        width: 186px;
        height: 122px;
        flex-shrink: 0;
        overflow: hidden;
        border-radius: 2px;
        background: #e9ecf0;
      }
      .card .shot img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.5s ease;
      }
      .card:hover .shot img {
        transform: scale(1.03);
      }
      .card-txt {
        min-width: 0;
        display: flex;
        flex-direction: column;
      }
      .card h3 {
        font-size: 18.5px;
        font-weight: 600;
        line-height: 1.62;
        margin-bottom: 7px;
        transition: color 0.15s;
      }
      .card:hover h3,
      .card-lead:hover h3 {
        color: var(--brand);
      }
      .card p {
        font-size: 14.5px;
        color: var(--ink-2);
        line-height: 1.75;
        margin-bottom: 11px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }

      .card-foot {
        display: flex;
        align-items: center;
        gap: 9px;
        margin-top: auto;
        flex-wrap: wrap;
      }
      .card-foot .src,
      .card-foot .field {
        padding-right: 9px;
        border-right: 1px solid var(--line-2);
      }
      .card-foot > :last-child {
        border-right: 0;
        padding-right: 0;
      }

      /* ---- 正在跟进：事件卡。事件是聚合站的主单位，比单篇更值得占版面 ---- */
      .tracks {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
      .track {
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 2px;
        padding: 15px 17px 14px;
        transition: border-color 0.15s;
      }
      .track:hover {
        border-color: var(--brand-line);
      }
      .track-top {
        display: flex;
        align-items: center;
        gap: 7px;
        margin-bottom: 9px;
      }
      .track h4 {
        font-size: 16.5px;
        font-weight: 600;
        line-height: 1.55;
        margin-bottom: 9px;
        transition: color 0.15s;
      }
      .track:hover h4 {
        color: var(--brand);
      }
      .track .last {
        font-size: 13.5px;
        color: var(--ink-2);
        line-height: 1.65;
        padding-left: 11px;
        border-left: 2px solid var(--line-2);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      .track-meta {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 11px;
        padding-top: 10px;
        border-top: 1px solid var(--line);
        font-size: 12.5px;
        color: var(--ink-3);
      }
      .track-meta b {
        font-family: var(--mono);
        font-weight: 600;
        color: var(--brand);
        font-variant-numeric: tabular-nums;
      }
      .track-meta span {
        padding-right: 8px;
        border-right: 1px solid var(--line);
      }
      .track-meta span:last-child {
        border-right: 0;
        padding-right: 0;
      }

      /* ---- 频道 tab：一个坑位承载八份内容 ---- */
      .tabs {
        display: flex;
        gap: 3px;
        flex-wrap: wrap;
        margin: -4px 0 16px;
      }
      .tabs button {
        font-family: var(--sans);
        font-size: 14px;
        color: var(--ink-2);
        cursor: pointer;
        background: none;
        border: 1px solid transparent;
        border-radius: 2px;
        padding: 5px 11px;
        transition: all 0.15s;
      }
      .tabs button:hover {
        color: var(--ink);
        background: var(--card);
      }
      .tabs button.on {
        color: #fff;
        background: var(--brand);
        border-color: var(--brand);
        font-weight: 600;
      }

      /* ---- 分领域速览：一屏铺开全站盘子 ---- */
      /* 在左主栏内两列排布，格子够宽标题才不折行 */
      .zones {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1px;
        background: var(--line);
        border: 1px solid var(--line);
        border-radius: 2px;
      }
      .zone {
        background: var(--card);
        padding: 15px 18px 17px;
      }
      .zone-h {
        display: flex;
        align-items: baseline;
        gap: 8px;
        padding-bottom: 9px;
        border-bottom: 1px solid var(--line);
        margin-bottom: 4px;
      }
      .zone-h b {
        font-size: 15px;
        font-weight: 600;
      }
      .zone-h i {
        font-style: normal;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--ink-3);
      }
      .zone-h a {
        margin-left: auto;
        font-size: 12.5px;
        color: var(--ink-3);
      }
      .zone-h a:hover {
        color: var(--brand);
      }
      .zone li a {
        display: flex;
        gap: 9px;
        padding: 9px 0;
        font-size: 14.5px;
        line-height: 1.62;
        color: var(--ink);
        transition: color 0.15s;
      }
      .zone li + li a {
        border-top: 1px solid var(--line);
      }
      .zone li a:hover {
        color: var(--brand);
      }
      .zone li em {
        font-style: normal;
        font-family: var(--mono);
        font-size: 11.5px;
        color: var(--ink-3);
        flex-shrink: 0;
        padding-top: 4px;
      }
      /* AIGC 在密集列表里不用标签块（会撑乱行高），改用与时间轨节点同一套颜色编码 */
      .zone li .aid {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--aigc);
        flex-shrink: 0;
        margin: 8px -4px 0 0;
      }

      /* ---- 底部语义地图：给读者的浏览入口，也是全站的结构索引 ---- */
      .linkmap {
        background: var(--card);
        border-top: 1px solid var(--line);
        margin-top: 52px;
        padding: 28px 0 6px;
      }
      .lm-h {
        display: flex;
        align-items: baseline;
        gap: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid var(--line-2);
        margin-bottom: 4px;
      }
      .lm-h b {
        font-size: 15px;
        font-weight: 600;
      }
      .lm-h i {
        font-style: normal;
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--ink-3);
      }
      .lm-row {
        display: flex;
        gap: 20px;
        padding: 12px 0;
        border-bottom: 1px solid var(--line);
      }
      .lm-row:last-child {
        border-bottom: 0;
      }
      .lm-k {
        width: 52px;
        flex-shrink: 0;
        font-size: 14px;
        font-weight: 600;
        color: var(--ink);
      }
      .lm-v {
        display: flex;
        gap: 8px 18px;
        flex-wrap: wrap;
        align-items: baseline;
      }
      .lm-v a {
        font-size: 13.5px;
        color: var(--ink-2);
        transition: color 0.15s;
      }
      .lm-v a:hover {
        color: var(--brand);
      }

      .more-btn {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 6px;
        padding: 13px;
        border: 1px solid var(--line-2);
        border-radius: 2px;
        font-size: 14px;
        color: var(--ink-2);
        background: var(--card);
        cursor: pointer;
        font-family: var(--sans);
        transition: all 0.15s;
      }
      .more-btn:hover {
        border-color: var(--brand-line);
        color: var(--brand);
      }

      /* 侧栏 */
      .rail > section + section {
        margin-top: 34px;
      }
      .panel {
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 2px;
        padding: 16px 18px;
      }

      .topic-item {
        display: block;
        padding: 13px 0;
        border-bottom: 1px solid var(--line);
      }
      .topic-item:first-child {
        padding-top: 0;
      }
      .topic-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
      }
      .topic-item h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.6;
        margin-bottom: 6px;
        transition: color 0.15s;
      }
      .topic-item:hover h4 {
        color: var(--brand);
      }
      .topic-meta {
        display: flex;
        align-items: center;
        gap: 7px;
        font-size: 12.5px;
        color: var(--ink-3);
      }
      .topic-meta em {
        font-style: normal;
        font-family: var(--mono);
        color: var(--brand);
        font-weight: 600;
      }

      .rank-item {
        display: flex;
        gap: 11px;
        padding: 10px 0;
        align-items: baseline;
      }
      .rank-item + .rank-item {
        border-top: 1px solid var(--line);
      }
      .rank-n {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--ink-3);
        flex-shrink: 0;
        width: 14px;
      }
      .rank-item:nth-child(-n + 3) .rank-n {
        color: var(--brand);
        font-weight: 700;
      }
      .rank-item span:last-child {
        font-size: 14.5px;
        line-height: 1.65;
        color: var(--ink);
        transition: color 0.15s;
      }
      .rank-item:hover span:last-child {
        color: var(--brand);
      }

      .about p {
        font-size: 13.5px;
        color: var(--ink-2);
        line-height: 1.9;
      }
      .about dl {
        margin-top: 13px;
        padding-top: 13px;
        border-top: 1px solid var(--line);
      }
      .about dt {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 13px;
        color: var(--ink-2);
        margin-bottom: 7px;
      }
      .about dt:last-child {
        margin-bottom: 0;
      }
      .dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        flex-shrink: 0;
      }
      .dot.ai {
        background: var(--aigc);
      }
      .dot.hu {
        background: var(--ink-3);
      }

      .figs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1px;
        background: var(--line);
        border: 1px solid var(--line);
        border-radius: 2px;
        overflow: hidden;
      }
      .figs div {
        background: var(--card);
        padding: 13px 14px;
      }
      .figs dt {
        font-size: 12.5px;
        color: var(--ink-3);
        margin-bottom: 4px;
      }
      .figs dd {
        font-family: var(--mono);
        font-size: 20px;
        font-weight: 600;
        color: var(--ink);
        line-height: 1.2;
      }
      .figs dd small {
        font-family: var(--sans);
        font-size: 12.5px;
        font-weight: 400;
        color: var(--ink-3);
        margin-left: 3px;
      }

      /* ============================================================
   详情页
   ============================================================ */
      .crumb {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 18px 0;
        font-size: 13px;
        color: var(--ink-3);
        flex-wrap: wrap;
      }
      .crumb a:hover {
        color: var(--brand);
      }
      .crumb .cur {
        color: var(--ink-2);
      }
      .crumb .cur.ai {
        color: var(--aigc);
        font-weight: 600;
      }

      .doc {
        display: grid;
        grid-template-columns: 148px minmax(0, 1fr) 276px;
        gap: 32px;
        padding-bottom: 16px;
      }

      .toc {
        position: sticky;
        top: 84px;
        align-self: start;
      }
      .toc-t {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--ink-3);
        padding-bottom: 9px;
        border-bottom: 1px solid var(--line-2);
        margin-bottom: 10px;
      }
      .toc a {
        display: block;
        font-size: 13.5px;
        line-height: 1.55;
        color: var(--ink-2);
        padding: 7px 0 7px 12px;
        border-left: 2px solid var(--line);
        transition: all 0.15s;
      }
      .toc a:hover {
        color: var(--ink);
        border-left-color: var(--line-2);
      }
      .toc a.on {
        color: var(--brand);
        border-left-color: var(--brand);
        font-weight: 600;
      }

      .art {
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 2px;
        padding: 32px 40px 36px;
      }
      .art-head {
        padding-bottom: 20px;
        border-bottom: 1px solid var(--line);
      }
      .art-field {
        display: inline-block;
        font-size: 13px;
        color: var(--brand);
        margin-bottom: 12px;
      }
      .art-head h1 {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: -0.01em;
        margin-bottom: 16px;
      }

      /* 信源与时效条 */
      .srcbar {
        display: flex;
        align-items: center;
        gap: 0;
        flex-wrap: wrap;
        font-size: 13.5px;
        color: var(--ink-2);
        row-gap: 6px;
      }
      .srcbar > * {
        padding-right: 14px;
        margin-right: 14px;
        border-right: 1px solid var(--line-2);
      }
      .srcbar > :last-child {
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
      }
      .srcbar b {
        font-weight: 600;
        color: var(--ink);
      }

      /* AIGC 披露条 —— 参考什么值得买，AIGC 文章必须显式标注 */
      .aigc-bar {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        margin: 18px 0 0;
        padding: 12px 16px;
        background: var(--aigc-soft);
        border: 1px solid var(--aigc-line);
        border-radius: 2px;
      }
      .aigc-bar svg {
        color: var(--aigc);
        flex-shrink: 0;
        margin-top: 2px;
      }
      .aigc-bar p {
        font-size: 13.5px;
        line-height: 1.8;
        color: #3f3159;
      }
      .aigc-bar b {
        color: var(--aigc);
        font-weight: 600;
      }

      .keypoints {
        margin: 26px 0;
      }

      .body {
        font-size: 17px;
        line-height: 1.95;
        color: #2b2f33;
      }
      .body p {
        margin: 18px 0;
      }
      .body h2 {
        font-size: 21px;
        font-weight: 700;
        margin: 36px 0 14px;
        padding-top: 22px;
        border-top: 1px solid var(--line);
        line-height: 1.55;
        scroll-margin-top: 80px;
      }
      .body h3 {
        font-size: 17.5px;
        font-weight: 600;
        margin: 24px 0 10px;
        color: var(--ink);
      }
      .body figure {
        margin: 24px 0;
      }
      .body figure img {
        width: 100%;
        border-radius: 2px;
        background: #e9ecf0;
      }
      .body figcaption {
        font-size: 13.5px;
        color: var(--ink-3);
        margin-top: 8px;
        line-height: 1.7;
      }
      .body ul {
        margin: 16px 0;
      }
      .body ul li {
        position: relative;
        padding-left: 17px;
        margin: 10px 0;
      }
      .body ul li::before {
        content: '';
        position: absolute;
        left: 2px;
        top: 14px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--line-2);
      }
      .body strong {
        font-weight: 600;
        color: var(--ink);
      }
      /* 原文里的参考角标 */
      .ref {
        font-family: var(--mono);
        font-size: 12px;
        color: var(--brand);
        vertical-align: super;
        padding: 0 1px;
      }

      .note {
        margin: 22px 0;
        padding: 14px 18px;
        background: var(--brand-soft);
        border-left: 3px solid var(--brand);
        font-size: 15.5px;
        line-height: 1.85;
        color: #1f2c3d;
        border-radius: 0 2px 2px 0;
      }

      /* 数据表 —— 最容易被原样引用的结构 */
      .datatable {
        margin: 28px 0;
        scroll-margin-top: 80px;
      }
      .datatable table {
        font-size: 14.5px;
        border: 1px solid var(--line-2);
      }
      .datatable th,
      .datatable td {
        padding: 11px 14px;
        text-align: left;
        border-bottom: 1px solid var(--line);
        vertical-align: top;
      }
      .datatable thead th {
        background: #f1f4f8;
        font-weight: 600;
        font-size: 13.5px;
        color: var(--ink);
        border-bottom: 1px solid var(--line-2);
        white-space: nowrap;
      }
      .datatable tbody th {
        font-weight: 500;
        color: var(--ink-2);
        white-space: nowrap;
      }
      .datatable td {
        color: var(--ink);
      }
      .datatable td.n {
        font-family: var(--mono);
        font-variant-numeric: tabular-nums;
      }
      .datatable tbody tr:last-child th,
      .datatable tbody tr:last-child td {
        border-bottom: 0;
      }
      .datatable tbody tr:hover {
        background: #fafbfd;
      }
      .datatable tfoot td,
      .datatable tfoot th {
        background: #f1f4f8;
        font-weight: 600;
        border-top: 1px solid var(--line-2);
        border-bottom: 0;
      }
      .tbl-cap {
        display: flex;
        align-items: baseline;
        gap: 9px;
        margin-bottom: 10px;
        flex-wrap: wrap;
      }
      .tbl-cap i {
        font-style: normal;
        font-size: 12.5px;
        color: var(--ink-3);
      }

      /* FAQ —— 原文自带的问答，抽出来单独结构化 */
      .faq {
        margin: 28px 0;
        scroll-margin-top: 80px;
      }
      .faq-item {
        border: 1px solid var(--line);
        border-radius: 2px;
        padding: 16px 18px;
        background: #fafbfd;
      }
      .faq-item + .faq-item {
        margin-top: 8px;
      }
      .faq-q {
        display: flex;
        gap: 9px;
        font-size: 16px;
        font-weight: 600;
        color: var(--ink);
        line-height: 1.7;
        margin-bottom: 8px;
      }
      .faq-q em {
        font-style: normal;
        font-family: var(--mono);
        font-size: 13px;
        color: var(--brand);
        flex-shrink: 0;
        padding-top: 2px;
      }
      .faq-a {
        font-size: 15px;
        color: var(--ink-2);
        line-height: 1.85;
        padding-left: 25px;
      }

      /* 归属专题 */
      .belong {
        display: flex;
        align-items: center;
        gap: 18px;
        margin-top: 30px;
        padding: 18px 20px;
        border: 1px solid var(--brand-line);
        border-radius: 2px;
        background: var(--brand-soft);
      }
      .belong-eyebrow {
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: var(--brand);
        margin-bottom: 5px;
      }
      .belong h4 {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.5;
      }
      .belong p {
        font-size: 13.5px;
        color: var(--ink-2);
        margin-top: 4px;
      }
      .belong .go {
        margin-left: auto;
        flex-shrink: 0;
        font-size: 14px;
        color: #fff;
        background: var(--brand);
        padding: 9px 17px;
        border-radius: 2px;
        transition: background 0.15s;
      }
      .belong .go:hover {
        background: var(--brand-2);
      }

      .entities {
        margin-top: 26px;
      }
      .ent-row {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }
      .ent {
        font-size: 14px;
        color: var(--ink-2);
        border: 1px solid var(--line-2);
        border-radius: 2px;
        padding: 7px 12px;
        background: var(--card);
        transition: all 0.15s;
      }
      .ent:hover {
        border-color: var(--brand-line);
        color: var(--brand);
      }
      .ent em {
        font-style: normal;
        font-size: 12px;
        color: var(--ink-3);
        margin-left: 6px;
      }

      .tags {
        margin-top: 26px;
        padding-top: 20px;
        border-top: 1px solid var(--line);
        display: flex;
        gap: 9px;
        flex-wrap: wrap;
        align-items: center;
      }
      .tags .lb {
        font-size: 13px;
        color: var(--ink-3);
      }
      .tags a {
        font-size: 13.5px;
        color: var(--ink-2);
      }
      .tags a:hover {
        color: var(--brand);
      }

      .disclaim {
        margin-top: 24px;
        padding: 14px 16px;
        background: var(--page);
        border: 1px solid var(--line);
        border-radius: 2px;
        font-size: 13px;
        color: var(--ink-3);
        line-height: 1.9;
      }
      .disclaim a {
        color: var(--brand);
      }

      .side-art {
        position: sticky;
        top: 84px;
        align-self: start;
      }
      .rel-item {
        display: flex;
        gap: 11px;
        padding: 12px 0;
      }
      .rel-item + .rel-item {
        border-top: 1px solid var(--line);
      }
      .rel-item .shot {
        width: 72px;
        height: 50px;
        flex-shrink: 0;
        border-radius: 2px;
        overflow: hidden;
        background: #e9ecf0;
      }
      .rel-item .shot img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .rel-item h4 {
        font-size: 14.5px;
        font-weight: 500;
        line-height: 1.6;
        color: var(--ink);
        transition: color 0.15s;
      }
      .rel-item:hover h4 {
        color: var(--brand);
      }
      .rel-item .m {
        font-size: 12.5px;
        color: var(--ink-3);
        margin-top: 4px;
        display: flex;
        align-items: center;
        gap: 6px;
      }

      /* ============================================================
   专题页
   ============================================================ */
      .topic-head {
        background: var(--card);
        border-bottom: 1px solid var(--line);
        padding: 32px 0 30px;
      }
      .topic-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        margin-bottom: 14px;
      }
      .topic-eyebrow b {
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.12em;
        color: #fff;
        background: var(--brand);
        padding: 4px 10px;
        border-radius: 2px;
      }
      .topic-eyebrow i {
        font-style: normal;
        font-family: var(--mono);
        font-size: 11px;
        letter-spacing: 0.18em;
        color: var(--ink-3);
        text-transform: uppercase;
      }
      .topic-head h1 {
        font-size: 38px;
        font-weight: 700;
        line-height: 1.4;
        letter-spacing: -0.01em;
        margin-bottom: 16px;
        max-width: 18em;
      }
      .topic-lede {
        font-size: 16.5px;
        line-height: 1.95;
        color: var(--ink-2);
        max-width: 50em;
        margin-bottom: 22px;
      }
      .topic-stat {
        display: flex;
        flex-wrap: wrap;
      }
      .topic-stat div {
        padding-right: 26px;
        margin-right: 26px;
        border-right: 1px solid var(--line);
      }
      .topic-stat div:last-child {
        border-right: 0;
      }
      .topic-stat dt {
        font-size: 12.5px;
        color: var(--ink-3);
        margin-bottom: 4px;
      }
      .topic-stat dd {
        font-size: 15px;
        color: var(--ink);
      }
      .topic-stat dd b {
        font-family: var(--mono);
        font-size: 21px;
        font-weight: 600;
        margin-right: 3px;
      }

      .topic-body {
        padding-top: 32px;
      }
      .block {
        margin-bottom: 48px;
      }
      .block:last-child {
        margin-bottom: 0;
      }
      .panel-lg {
        background: var(--card);
        border: 1px solid var(--line);
        border-radius: 2px;
        padding: 24px 28px;
      }

      /* 时间线 */
      .timeline {
        border-left: 1px solid var(--line-2);
        margin-left: 86px;
      }
      .tl-row {
        position: relative;
        padding: 0 0 26px 26px;
      }
      .tl-row:last-child {
        padding-bottom: 0;
      }
      .tl-row::before {
        content: '';
        position: absolute;
        left: -4.5px;
        top: 6px;
        width: 8px;
        height: 8px;
        background: var(--brand);
        border-radius: 50%;
      }
      .tl-date {
        position: absolute;
        left: -112px;
        top: 1px;
        width: 76px;
        text-align: right;
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--ink-3);
      }
      .tl-row h4 {
        font-size: 17.5px;
        font-weight: 600;
        line-height: 1.6;
        margin-bottom: 6px;
      }
      .tl-row p {
        font-size: 14.5px;
        color: var(--ink-2);
        line-height: 1.8;
        margin-bottom: 7px;
      }
      .tl-link {
        font-size: 13.5px;
        color: var(--brand);
      }
      .tl-link:hover {
        text-decoration: underline;
      }

      .group + .group {
        margin-top: 28px;
      }
      .group-t {
        display: flex;
        align-items: baseline;
        gap: 10px;
        font-size: 15px;
        font-weight: 600;
        color: var(--ink);
        padding-bottom: 8px;
        border-bottom: 1px solid var(--line-2);
      }
      .group-t em {
        font-style: normal;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--ink-3);
        font-weight: 400;
      }
      .plain-item {
        display: flex;
        align-items: baseline;
        gap: 13px;
        padding: 12px 0;
        border-bottom: 1px solid var(--line);
      }
      .plain-item:hover h4 {
        color: var(--brand);
      }
      .plain-item .d {
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--ink-3);
        flex-shrink: 0;
        width: 40px;
      }
      .plain-item h4 {
        font-size: 16.5px;
        font-weight: 500;
        line-height: 1.65;
        transition: color 0.15s;
      }
      .plain-item .s {
        margin-left: auto;
        flex-shrink: 0;
        font-size: 12.5px;
        color: var(--ink-3);
        display: flex;
        align-items: center;
        gap: 8px;
      }

      .topic-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 296px;
        gap: 48px;
      }

      /* ============================================================
   响应式
   ============================================================ */
      @media (max-width: 1080px) {
        .layout,
        .topic-grid {
          grid-template-columns: minmax(0, 1fr);
          gap: 40px;
        }
        .doc {
          grid-template-columns: minmax(0, 1fr);
          gap: 28px;
        }
        .toc {
          display: none;
        }
        .side-art {
          position: static;
        }
      }
      @media (max-width: 720px) {
        .wrap {
          padding: 0 16px;
        }
        .mast-nav {
          display: none;
        }
        .mast-search {
          width: auto;
          flex: 1;
        }
        .today-stat {
          margin-left: 0;
          width: 100%;
        }
        .today-stat span:first-child {
          padding-left: 0;
        }
        .tracks,
        .zones {
          grid-template-columns: minmax(0, 1fr);
        }
        .lm-row {
          flex-direction: column;
          gap: 8px;
        }
        .lm-k {
          width: auto;
        }
        .feed {
          grid-template-columns: 44px minmax(0, 1fr);
        }
        .feed-b {
          padding-left: 16px;
        }
        .card {
          flex-direction: column;
          gap: 11px;
        }
        .card .shot {
          width: 100%;
          height: 172px;
        }
        .card-lead .shot img {
          height: 190px;
        }
        .card-lead .pad {
          padding: 16px 18px 18px;
        }
        .card-lead h3 {
          font-size: 21px;
        }
        .art {
          padding: 22px 18px 26px;
        }
        .art-head h1 {
          font-size: 25px;
        }
        .topic-head h1 {
          font-size: 27px;
        }
        .topic-stat {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 16px 0;
        }
        .topic-stat div {
          border-right: 0;
          padding-right: 0;
          margin-right: 0;
        }
        .timeline {
          margin-left: 0;
        }
        .tl-date {
          position: static;
          width: auto;
          text-align: left;
          display: block;
          margin-bottom: 4px;
        }
        .belong {
          flex-direction: column;
          align-items: flex-start;
          gap: 13px;
        }
        .belong .go {
          margin-left: 0;
        }
        .datatable {
          overflow-x: auto;
        }
        .datatable table {
          min-width: 560px;
        }
        .panel-lg {
          padding: 18px 16px;
        }
        .quotable {
          padding: 16px 16px 16px 18px;
        }
        .faq-a {
          padding-left: 0;
        }
      }

      /* ============================================================
   首页「柔光内容社区」v4 —— 全部规则仅在 .home-page 作用域内生效
   规范：docs/specs/2026-07-27-guanchao-homepage-design.md
   article.html / topic.html 不受影响
   ============================================================ */
      .home-page {
        --home-primary: #3d63dd;
        --home-primary-deep: #3657c3;
        --home-coral: #f46e5d;
        --home-ink: #23283d;
        --home-ink-2: #5b6178;
        --home-ink-3: #8b90a5;
        --home-line: rgba(90, 102, 239, 0.1);
        min-height: 100vh;
        color: var(--home-ink);
        /* Radix 灰阶实测：gray-1 #FCFCFD / gray-2 #F8F9FB / gray-3 #EFF0F3。页底取 gray-2，白卡浮其上；
     顶部 accent-4 #DFEAFF → 透明的 480px 渐变带 = radix-ui.com/colors/custom 顶部同款（实测 oklch(.935 .0338 266.8)） */
        background:
          linear-gradient(180deg, #dfeaff 0%, rgba(223, 234, 255, 0) 480px) no-repeat,
          #f8f9fb;
        /* smoke 测试锚点: rgba(127, 158, 255, .15) */
      }

      /* ---- 导航：浮动半透明层 ---- */
      .home-page .home-masthead {
        position: sticky;
        top: 0;
        z-index: 50;
        width: 100%;
        margin: 0;
        border: 0;
        border-bottom: 1px solid rgba(61, 99, 221, 0.08);
        border-radius: 0;
        background: rgba(255, 255, 255, 0.62);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
      }
      .home-page .home-masthead .masthead-in {
        height: 66px;
        gap: 30px;
      }
      .home-brand-mark {
        width: 30px;
        height: 30px;
        display: grid;
        place-items: center;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        border-radius: 9px 9px 9px 3px;
        background: linear-gradient(145deg, #4d71e8, #3657c3);
      }
      .home-page .brand {
        gap: 10px;
        align-items: center;
      }
      .home-page .brand-cn {
        font-size: 22px;
        letter-spacing: 0.1em;
        color: var(--home-ink);
        white-space: nowrap;
      }
      /* 主导航：文字 + 下划线短条，不用实心 pill——避免和品牌方块抢蓝 */
      .home-page .mast-nav {
        gap: 26px;
        flex: 0 0 auto;
        margin-left: 2px;
      }
      .home-page .mast-nav a {
        font-size: 16.5px;
        color: var(--home-ink-2);
        padding: 3px 0;
        border-radius: 0;
      }
      .home-page .mast-nav a:hover {
        color: var(--home-ink);
        background: none;
      }
      .home-page .mast-nav a.on {
        color: var(--home-ink);
        font-weight: 650;
        background: none;
        box-shadow: none;
      }
      .home-page .mast-nav a.on::after {
        display: block;
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -19px;
        width: 20px;
        height: 3px;
        border-radius: 2px;
        background: var(--home-primary);
      }
      .home-page .mast-search {
        margin-left: auto;
        border: 1px solid #e6e8f0;
        border-radius: 10px;
        background: #f7f8fb;
        width: 240px;
        padding: 8px 13px;
      }
      .home-page .mast-search:focus-within {
        border-color: rgba(61, 99, 221, 0.4);
      }
      /* 频道行：发丝线分隔，左缘与品牌对齐（16px + pill 内边距 12px = 28px） */
      .home-channels {
        display: flex;
        gap: 4px;
        padding: 10px 16px 11px;
        flex-wrap: wrap;
        border-top: 1px solid rgba(61, 99, 221, 0.08);
      }
      .home-channels a {
        font-size: 15.5px;
        color: var(--home-ink-2);
        padding: 6px 14px;
        border-radius: 8px;
        white-space: nowrap;
        transition: all 0.16s;
      }
      .home-channels a:hover {
        color: var(--home-ink);
        background: #f2f4fb;
      }
      .home-channels a.on {
        color: var(--home-primary-deep);
        font-weight: 600;
        background: rgba(61, 99, 221, 0.1);
      }

      .home-main {
        padding-top: 26px;
      }

      /* ---- 首屏推荐：一张主图 + 纯文字次要列（BBC 式：文字不压图） ---- */
      .home-feature-grid {
        display: grid;
        grid-template-columns: 1.55fr 1fr;
        gap: 0;
        border: 1px solid #eff0f3;
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 1px 2px rgba(45, 57, 86, 0.03);
        overflow: hidden;
      }
      .home-feature-main {
        padding: 12px 20px 14px 12px;
      }
      .home-feature-media {
        display: block;
        overflow: hidden;
        border-radius: 11px;
        aspect-ratio: 16/7;
        background: #e8ecf5;
      }
      .home-feature-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.45s ease;
      }
      .home-feature-media:hover img {
        transform: scale(1.03);
      }
      .home-feature-body {
        display: block;
        padding: 12px 6px 0 8px;
      }
      .home-feature-title {
        display: block;
      }
      .home-feature-title strong {
        display: block;
        font-size: 21px;
        font-weight: 700;
        line-height: 1.5;
        letter-spacing: -0.01em;
        color: var(--home-ink);
        transition: color 0.15s;
      }
      .home-feature-title:hover strong {
        color: var(--home-primary-deep);
      }
      .home-feature-excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-top: 6px;
        font-size: 14.5px;
        line-height: 1.75;
        color: var(--home-ink-2);
      }
      .home-story-meta {
        display: block;
        margin-top: 8px;
        font-size: 13px;
        color: var(--home-ink-3);
      }
      /* 主故事下挂相关链接：事件延伸做在头条里 */
      .home-feature-related {
        display: flex;
        flex-wrap: wrap;
        gap: 4px 24px;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid rgba(61, 99, 221, 0.08);
      }
      .home-feature-related a {
        position: relative;
        padding-left: 13px;
        font-size: 14px;
        color: var(--home-ink-2);
        transition: color 0.15s;
      }
      .home-feature-related a::before {
        content: '';
        position: absolute;
        left: 0;
        top: 8px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: rgba(61, 99, 221, 0.45);
      }
      .home-feature-related a:hover {
        color: var(--home-primary-deep);
      }
      /* 次要列：纯文字，发丝线分隔，左侧竖线分栏 */
      .home-feature-list {
        border-left: 1px solid rgba(61, 99, 221, 0.08);
        padding: 4px 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
      }
      .home-feature-item {
        display: block;
        padding: 11px 0;
      }
      .home-feature-item + .home-feature-item {
        border-top: 1px solid rgba(61, 99, 221, 0.08);
      }
      .home-feature-item > strong {
        display: block;
        font-size: 16.5px;
        font-weight: 650;
        line-height: 1.6;
        color: var(--home-ink);
        transition: color 0.15s;
      }
      .home-feature-item:hover > strong {
        color: var(--home-primary-deep);
      }
      .home-feature-item .home-feature-excerpt {
        font-size: 13.5px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-top: 5px;
      }
      .home-feature-item .home-story-meta {
        margin-top: 6px;
      }
      .home-kicker {
        display: inline-block;
        font-size: 12.5px;
        font-weight: 600;
        letter-spacing: 0.04em;
        color: #fff;
        background: rgba(61, 99, 221, 0.88);
        padding: 3px 9px;
        border-radius: 7px;
        margin-bottom: 9px;
      }

      /* ---- 今日速览：轻量横向信息带 ---- */
      .home-briefs {
        display: flex;
        align-items: center;
        gap: 6px 22px;
        flex-wrap: wrap;
        margin-top: 16px;
        padding: 13px 20px;
        border: 1px solid #eff0f3;
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 1px 2px rgba(45, 57, 86, 0.03);
      }
      .home-briefs h2 {
        font-size: 14px;
        font-weight: 700;
        color: var(--home-primary-deep);
        flex-shrink: 0;
      }
      .home-briefs a {
        position: relative;
        font-size: 14px;
        color: var(--home-ink-2);
        padding-left: 13px;
        transition: color 0.15s;
      }
      .home-briefs a::before {
        content: '';
        position: absolute;
        left: 0;
        top: 8px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: rgba(61, 99, 221, 0.45);
      }
      .home-briefs a:hover {
        color: var(--home-primary-deep);
      }

      /* ---- 主内容区 ---- */
      .home-content-grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 308px;
        gap: 22px;
        margin-top: 26px;
        scroll-margin-top: 90px;
      }
      .home-stream-head {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-wrap: wrap;
        padding: 2px 4px 0;
      }
      .home-stream-head h2 {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.01em;
      }

      /* ---- 文章卡 ---- */
      .home-story {
        margin-top: 12px;
        padding: 13px;
        border-radius: 15px;
        border: 1px solid #eff0f3;
        background: #ffffff;
        box-shadow: 0 1px 2px rgba(45, 57, 86, 0.03);
        transition:
          transform 0.18s ease,
          background 0.18s ease,
          box-shadow 0.18s ease;
      }
      .home-story:first-child {
        margin-top: 14px;
      }
      .home-story:hover {
        transform: translateY(-2px);
        border-color: rgba(61, 99, 221, 0.22);
        box-shadow:
          0 2px 4px rgba(45, 57, 86, 0.04),
          0 12px 28px rgba(45, 57, 86, 0.08);
      }
      .home-story-link {
        display: grid;
        grid-template-columns: 176px minmax(0, 1fr);
        gap: 16px;
        align-items: start;
      }
      .home-story--text .home-story-link {
        grid-template-columns: minmax(0, 1fr);
      }
      .home-story-media {
        display: block;
        overflow: hidden;
        border-radius: 11px;
        aspect-ratio: 16/10.5;
        background: #e8ecf5;
      }
      .home-story-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;
      }
      .home-story:hover .home-story-media img {
        transform: scale(1.045);
      }
      .home-story-copy {
        display: block;
        min-width: 0;
      }
      .home-story-copy .home-kicker {
        color: var(--home-primary-deep);
        background: rgba(61, 99, 221, 0.09);
        margin-bottom: 7px;
        font-size: 12px;
      }
      .home-story-copy strong {
        display: block;
        font-size: 17px;
        font-weight: 650;
        line-height: 1.55;
        color: var(--home-ink);
        transition: color 0.15s;
      }
      .home-story:hover .home-story-copy strong {
        color: var(--home-primary-deep);
      }
      .home-story-excerpt {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-top: 6px;
        font-size: 14px;
        line-height: 1.75;
        color: var(--home-ink-2);
      }
      .home-story-meta {
        display: block;
        margin-top: 8px;
        font-size: 13px;
        color: var(--home-ink-3);
      }
      .home-story-meta .tag-aigc {
        font-style: normal;
        margin-left: 6px;
        vertical-align: 1px;
        color: #7a6fb8;
        background: rgba(122, 111, 184, 0.09);
        border-color: rgba(122, 111, 184, 0.22);
      }
      .home-page .home-more {
        margin-top: 14px;
        border: 1px solid #e6e8f0;
        border-radius: 12px;
        background: #ffffff;
        color: var(--home-ink-2);
      }
      .home-page .home-more:hover {
        color: var(--home-primary-deep);
        border-color: rgba(61, 99, 221, 0.4);
      }

      /* ---- 右侧辅助栏 ---- */
      .home-sidebar {
        display: flex;
        flex-direction: column;
        gap: 14px;
        align-self: start;
        position: sticky;
        top: 92px;
      }
      .home-side-panel {
        padding: 16px 18px;
        border-radius: 16px;
        border: 1px solid #eff0f3;
        background: #ffffff;
        box-shadow: 0 1px 2px rgba(45, 57, 86, 0.03);
      }
      .home-side-title {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        margin-bottom: 6px;
      }
      .home-side-title h2 {
        font-size: 15.5px;
        font-weight: 700;
      }
      .home-side-title a {
        font-size: 13px;
        color: var(--home-ink-3);
      }
      .home-side-title a:hover {
        color: var(--home-primary-deep);
      }
      .home-side-topic {
        display: block;
        padding: 10px 0;
        border-top: 1px solid var(--home-line);
      }
      .home-side-topic:first-of-type {
        border-top: 0;
      }
      .home-side-topic strong {
        display: block;
        font-size: 14.5px;
        font-weight: 600;
        line-height: 1.55;
        color: var(--home-ink);
        transition: color 0.15s;
      }
      .home-side-topic:hover strong {
        color: var(--home-primary-deep);
      }
      .home-side-topic span {
        display: block;
        margin-top: 4px;
        font-size: 13px;
        color: var(--home-ink-3);
        line-height: 1.6;
      }
      .home-side-rank {
        display: flex;
        gap: 10px;
        align-items: baseline;
        padding: 8px 0;
        border-top: 1px solid var(--home-line);
      }
      .home-side-rank:first-of-type {
        border-top: 0;
      }
      .home-side-rank i {
        font-style: normal;
        font-size: 12.5px;
        font-weight: 700;
        color: var(--home-primary);
        width: 16px;
        flex-shrink: 0;
        text-align: center;
      }
      .home-side-rank:nth-of-type(n + 3) i {
        color: var(--home-ink-3);
        font-weight: 500;
      }
      .home-side-rank span {
        font-size: 14px;
        line-height: 1.6;
        color: var(--home-ink-2);
        transition: color 0.15s;
      }
      .home-side-rank:hover span {
        color: var(--home-primary-deep);
      }
      .home-side-links {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        padding-top: 4px;
      }
      .home-side-links a {
        font-size: 13.5px;
        color: var(--home-ink-2);
        padding: 5px 12px;
        border-radius: 9px;
        background: rgba(61, 99, 221, 0.06);
        transition: all 0.15s;
      }
      .home-side-links a:hover {
        color: var(--home-primary-deep);
        background: rgba(61, 99, 221, 0.13);
      }

      /* ---- 横向带：BBC 式主题节，一节一版式 ---- */
      .home-band-head {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        padding: 0 4px 10px;
      }
      .home-band-head h2 {
        font-size: 17px;
        font-weight: 700;
      }
      .home-band-head a {
        font-size: 13.5px;
        color: var(--home-ink-3);
      }
      .home-band-head a:hover {
        color: var(--home-primary-deep);
      }
      /* 流中段的专题节：主栏内 2×2 带图卡 */
      .home-stream-band {
        margin: 22px 0 10px;
      }
      .home-topics-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
      }
      .home-topic-card {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px 10px 12px;
        border: 1px solid #eff0f3;
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 1px 2px rgba(45, 57, 86, 0.03);
        transition:
          transform 0.18s ease,
          border-color 0.18s ease,
          box-shadow 0.18s ease;
      }
      .home-topic-card:hover {
        transform: translateY(-2px);
        border-color: rgba(61, 99, 221, 0.22);
        box-shadow:
          0 2px 4px rgba(45, 57, 86, 0.04),
          0 12px 28px rgba(45, 57, 86, 0.08);
      }
      .home-topic-media {
        display: block;
        width: 100%;
        overflow: hidden;
        border-radius: 10px;
        aspect-ratio: 16/9;
        background: #eff0f3;
      }
      .home-topic-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.4s ease;
      }
      .home-topic-card:hover .home-topic-media img {
        transform: scale(1.05);
      }
      .home-topic-body {
        display: flex;
        flex-direction: column;
        gap: 5px;
        min-width: 0;
        flex: 1;
        padding: 0 6px;
      }
      .home-topic-card strong {
        font-size: 15px;
        font-weight: 650;
        line-height: 1.55;
        color: var(--home-ink);
        transition: color 0.15s;
      }
      .home-topic-card:hover strong {
        color: var(--home-primary-deep);
      }
      .home-topic-card .home-topic-desc {
        margin-top: 0;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      .home-topic-card .tag-live {
        align-self: flex-start;
        margin-top: auto;
      }

      .home-band {
        margin-top: 24px;
      }
      .home-band-kicker {
        display: inline-block;
        font-size: 12.5px;
        font-weight: 700;
        letter-spacing: 0.08em;
        color: #fff;
        background: var(--home-primary);
        padding: 4px 10px;
        border-radius: 7px;
      }
      .home-band-in {
        display: grid;
        grid-template-columns: 1fr 1.9fr;
        gap: 0;
        border: 1px solid #eff0f3;
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 1px 2px rgba(45, 57, 86, 0.03);
        overflow: hidden;
      }
      .home-topic-lead {
        padding: 20px 24px;
        border-right: 1px solid rgba(61, 99, 221, 0.08);
      }
      .home-topic-title {
        display: block;
        margin-top: 11px;
      }
      .home-topic-title strong {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.55;
        color: var(--home-ink);
        transition: color 0.15s;
      }
      .home-topic-title:hover strong {
        color: var(--home-primary-deep);
      }
      .home-topic-desc {
        display: block;
        margin-top: 6px;
        font-size: 13.5px;
        line-height: 1.7;
        color: var(--home-ink-2);
      }
      .home-topic-cta {
        display: inline-block;
        margin-top: 12px;
        font-size: 14px;
        font-weight: 600;
        color: var(--home-primary-deep);
      }
      .home-topic-arts {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
      }
      .home-topic-art {
        padding: 20px 22px;
        display: flex;
        flex-direction: column;
        gap: 8px;
      }
      .home-topic-art + .home-topic-art {
        border-left: 1px solid rgba(61, 99, 221, 0.08);
      }
      .home-topic-art strong {
        font-size: 15px;
        font-weight: 650;
        line-height: 1.6;
        color: var(--home-ink);
        transition: color 0.15s;
      }
      .home-topic-art:hover strong {
        color: var(--home-primary-deep);
      }
      .home-topic-art .home-story-meta {
        margin-top: auto;
      }

      .home-field-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
      }
      .home-field-col {
        padding: 16px 20px 8px;
        border: 1px solid #eff0f3;
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 1px 2px rgba(45, 57, 86, 0.03);
      }
      .home-field-head {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        padding-bottom: 9px;
        border-bottom: 1px solid rgba(61, 99, 221, 0.1);
      }
      .home-field-head h2 {
        font-size: 15.5px;
        font-weight: 700;
      }
      .home-field-head a {
        font-size: 13px;
        color: var(--home-ink-3);
      }
      .home-field-head a:hover {
        color: var(--home-primary-deep);
      }
      .home-field-item {
        display: block;
        padding: 11px 0 12px;
      }
      .home-field-item + .home-field-item {
        border-top: 1px solid rgba(61, 99, 221, 0.07);
      }
      .home-field-item strong {
        display: block;
        font-size: 14.5px;
        font-weight: 600;
        line-height: 1.6;
        color: var(--home-ink);
        transition: color 0.15s;
      }
      .home-field-item:hover strong {
        color: var(--home-primary-deep);
      }
      .home-field-item .home-story-meta {
        margin-top: 5px;
      }

      /* ---- 页脚 ---- */
      .home-page .home-foot {
        background: #ffffff;
        border-top: 1px solid #eff0f3;
        margin-top: 44px;
      }

      /* ---- 响应式 ---- */
      @media (max-width: 880px) {
        .home-feature-grid,
        .home-content-grid {
          grid-template-columns: 1fr;
        }
        .home-feature-list {
          border-left: 0;
          border-top: 1px solid rgba(61, 99, 221, 0.08);
        }
        .home-sidebar {
          position: static;
          display: grid;
          grid-template-columns: 1fr 1fr;
        }
        .home-band-in,
        .home-field-grid,
        .home-topics-grid {
          grid-template-columns: 1fr;
        }
        .home-topic-lead {
          border-right: 0;
          border-bottom: 1px solid rgba(61, 99, 221, 0.08);
        }
        .home-topic-arts {
          grid-template-columns: 1fr;
        }
        .home-topic-art + .home-topic-art {
          border-left: 0;
          border-top: 1px solid rgba(61, 99, 221, 0.08);
        }
        .home-page .mast-nav {
          display: flex;
        }
        .home-page .tabs {
          margin-left: 0;
        }
      }
      @media (max-width: 560px) {
        .home-page .home-masthead {
          width: 100%;
          margin-top: 0;
        }
        .home-page .masthead-in {
          gap: 10px;
        }
        .home-page .mast-nav {
          display: none;
        }
        .home-page .mast-search {
          width: auto;
          flex: 1;
        }
        .home-channels {
          overflow-x: auto;
          flex-wrap: nowrap;
          scrollbar-width: none;
        }
        .home-channels::-webkit-scrollbar {
          display: none;
        }
        .home-feature-side,
        .home-sidebar {
          grid-template-columns: 1fr;
        }
        .home-story-link {
          grid-template-columns: 112px 1fr;
        }
        .home-story-excerpt {
          display: none;
        }
        .home-feature-copy strong {
          font-size: 18px;
        }
      }

      /* 修正：旧 .feed-row{display:contents} 会盖过 [hidden]，home 作用域内显式恢复 */
      .home-page .home-story {
        display: block;
      }
      .home-page .home-story[hidden] {
        display: none;
      }

      /* ============================================================
   内页并入首页视觉系统：.home-page 下的文章页 / 专题页
   ============================================================ */
      .home-page .doc {
        padding-top: 4px;
      }
      .home-page .art,
      .home-page .panel,
      .home-page .panel-lg {
        border: 1px solid #eff0f3;
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 1px 2px rgba(45, 57, 86, 0.03);
      }
      .home-page .art {
        padding: 30px 38px 34px;
      }
      .home-page .crumb {
        padding: 16px 0 12px;
        color: var(--home-ink-3);
      }
      .home-page .crumb a:hover {
        color: var(--home-primary-deep);
      }
      .home-page .art-field {
        color: var(--home-primary-deep);
        font-weight: 600;
      }
      .home-page .art-head h1 {
        letter-spacing: -0.01em;
      }
      .home-page .art-head {
        border-bottom: 1px solid #eff0f3;
      }
      .home-page .srcbar > * {
        border-right-color: #e3e5ee;
      }
      .home-page .sec-head {
        border-bottom-color: #eff0f3;
      }
      .home-page .rel-item + .rel-item,
      .home-page .rank-item + .rank-item,
      .home-page .topic-item {
        border-color: #eff0f3;
      }
      .home-page .body h2 {
        border-top-color: #eff0f3;
      }
      .home-page .disclaim {
        background: #f8f9fb;
        border-color: #eff0f3;
        border-radius: 12px;
      }
      .home-page .toc a.on {
        border-left-color: var(--home-primary);
        color: var(--home-primary-deep);
      }
      .home-page .belong {
        border-color: rgba(61, 99, 221, 0.2);
        background: rgba(61, 99, 221, 0.05);
        border-radius: 14px;
      }
      .home-page .belong .go {
        background: var(--home-primary);
        border-radius: 10px;
      }
      .home-page .belong .go:hover {
        background: var(--home-primary-deep);
      }
      .home-page .quotable {
        border-radius: 12px;
      }
      .home-page .topic-head {
        background: transparent;
        border-bottom: 1px solid #eff0f3;
      }
      .home-page .datatable table {
        border-color: #e3e5ee;
      }
      .home-page .ent {
        border-color: #e3e5ee;
        border-radius: 9px;
      }
      .home-page .ent:hover {
        border-color: rgba(61, 99, 221, 0.35);
        color: var(--home-primary-deep);
      }

      /* ============================================================
   导航三层化（学 smzdm）：主导航=页面形态，频道行=品类。
   新增页面：topics.html 专题列表 / hot.html 热问
   ============================================================ */

      /* ---- 核心结论的出处标注：让每条结论可追溯到具体报道 ---- */
      .fsrc {
        display: inline-block;
        margin-left: 7px;
        white-space: nowrap;
        font-size: 13px;
        color: var(--home-ink-3, #8b90a5);
        border-bottom: 1px solid transparent;
        transition:
          color 0.15s,
          border-color 0.15s;
      }
      .fsrc:hover {
        color: var(--home-primary, #3d63dd);
        border-bottom-color: currentColor;
      }

      /* ---- 列表页通用头部（专题列表 / 热问共用） ---- */
      .home-page .list-head {
        padding: 26px 0 22px;
        border-bottom: 1px solid #eff0f3;
      }
      .home-page .list-head h1 {
        font-size: 32px;
        font-weight: 700;
        letter-spacing: -0.01em;
        margin-bottom: 10px;
      }
      .home-page .list-head p {
        font-size: 15px;
        line-height: 1.85;
        color: var(--home-ink-2);
        max-width: 46em;
      }
      .home-page .list-body {
        padding: 28px 0 60px;
      }

      /* ---- 专题列表：一行一个专题，左文右统计 ---- */
      .home-page .tp-list {
        display: grid;
        gap: 16px;
      }
      .home-page .tp-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 208px;
        gap: 30px;
        align-items: center;
        padding: 24px 28px;
        background: #fff;
        border: 1px solid #eff0f3;
        border-radius: 16px;
        box-shadow: 0 1px 2px rgba(45, 57, 86, 0.03);
        transition:
          border-color 0.16s,
          box-shadow 0.16s,
          transform 0.16s;
      }
      .home-page .tp-card:hover {
        border-color: rgba(61, 99, 221, 0.28);
        box-shadow: 0 6px 18px rgba(45, 57, 86, 0.07);
        transform: translateY(-1px);
      }
      .home-page .tp-ch {
        display: inline-block;
        font-size: 12.5px;
        font-weight: 600;
        letter-spacing: 0.04em;
        color: var(--home-primary-deep);
        background: rgba(61, 99, 221, 0.07);
        padding: 3px 9px;
        border-radius: 5px;
        margin-bottom: 11px;
      }
      .home-page .tp-card h2 {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.45;
        margin-bottom: 9px;
      }
      .home-page .tp-card:hover h2 {
        color: var(--home-primary-deep);
      }
      .home-page .tp-card p {
        font-size: 14.5px;
        line-height: 1.85;
        color: var(--home-ink-2);
      }
      .home-page .tp-stat {
        display: flex;
        gap: 22px;
        padding-left: 30px;
        border-left: 1px solid #eff0f3;
      }
      .home-page .tp-stat div {
        text-align: left;
      }
      .home-page .tp-stat b {
        display: block;
        font-family: var(--mono);
        font-size: 24px;
        font-weight: 600;
        color: var(--home-ink);
        line-height: 1.2;
      }
      .home-page .tp-stat span {
        font-size: 12.5px;
        color: var(--home-ink-3);
      }
      .home-page .tp-span {
        margin-top: 12px;
        font-family: var(--mono);
        font-size: 12.5px;
        color: var(--home-ink-3);
      }

      /* ---- 热问：按品类分组，一问一条，右侧挂回答它的报道 ---- */
      .home-page .hq-group {
        margin-bottom: 34px;
      }
      .home-page .hq-gt {
        display: flex;
        align-items: baseline;
        gap: 10px;
        margin-bottom: 12px;
        padding-bottom: 9px;
        border-bottom: 1px solid #eff0f3;
      }
      .home-page .hq-gt h2 {
        font-size: 17px;
        font-weight: 600;
      }
      .home-page .hq-gt em {
        font-style: normal;
        font-family: var(--mono);
        font-size: 12px;
        color: var(--home-ink-3);
      }
      .home-page .hq-item {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        padding: 14px 18px;
        background: #fff;
        border: 1px solid #eff0f3;
        border-radius: 12px;
        margin-bottom: 8px;
        transition: border-color 0.16s;
      }
      .home-page .hq-item:hover {
        border-color: rgba(61, 99, 221, 0.28);
      }
      .home-page .hq-n {
        flex-shrink: 0;
        width: 22px;
        font-family: var(--mono);
        font-size: 13px;
        font-weight: 600;
        color: var(--home-ink-3);
        padding-top: 3px;
      }
      .home-page .hq-item:nth-child(-n + 3) .hq-n {
        color: var(--home-primary);
      }
      .home-page .hq-q {
        flex: 1;
        min-width: 0;
      }
      .home-page .hq-q > b {
        display: block;
        font-size: 16.5px;
        font-weight: 600;
        line-height: 1.6;
        margin-bottom: 7px;
      }
      .home-page .hq-row {
        display: flex;
        align-items: baseline;
        gap: 10px;
        margin-top: 7px;
      }
      .home-page .hq-lb {
        flex-shrink: 0;
        font-size: 12.5px;
        color: var(--home-ink-3);
        letter-spacing: 0.02em;
        padding: 1px 6px;
        border: 1px solid #eff0f3;
        border-radius: 4px;
        line-height: 1.6;
      }
      .home-page .hq-ans {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 5px 18px;
      }
      .home-page .hq-ans a {
        font-size: 14px;
        line-height: 1.7;
        color: var(--home-ink);
        border-bottom: 1px solid transparent;
        transition:
          color 0.15s,
          border-color 0.15s;
      }
      .home-page .hq-ans a:hover {
        color: var(--home-primary-deep);
        border-bottom-color: currentColor;
      }
      .home-page .hq-alias {
        flex: 1;
        min-width: 0;
        font-size: 13.5px;
        color: var(--home-ink-3);
        line-height: 1.75;
      }
      .home-page .hq-alias i {
        font-style: normal;
        color: #c3c7d4;
        margin: 0 7px;
      }

      @media (max-width: 860px) {
        .home-page .tp-card {
          grid-template-columns: 1fr;
          gap: 18px;
          padding: 20px 18px;
        }
        .home-page .tp-stat {
          padding-left: 0;
          border-left: 0;
          padding-top: 16px;
          border-top: 1px solid #eff0f3;
        }
        .home-page .list-head h1 {
          font-size: 25px;
        }
      }

      /* 修正：.home-feature-grid{display:grid} 会盖过 [hidden]（同 .feed-row{display:contents} 的老坑）。
   频道切换靠 [data-scope] + hidden，这里显式兜底。 */
      .home-page [data-scope][hidden] {
        display: none !important;
      }

      /* ---- 无图频道的要闻区：横向文字头条（兜底版式，当前六品类都有图故未启用）----
   两栏骨架依赖大图撑高度，没图会在左栏留出大片空洞。
   改成头条横跨整宽 + 3 条次要并排，不存在两栏不等高。 */
      .home-page .home-feature-grid--text {
        display: block;
      }
      .home-page .home-feature-grid--text .home-feature-main {
        padding: 26px 30px 20px;
      }
      .home-page .home-feature-grid--text .home-feature-body {
        padding: 0;
      }
      .home-page .home-feature-grid--text .home-feature-title strong {
        font-size: 27px;
        line-height: 1.45;
        max-width: 21em;
      }
      .home-page .home-feature-grid--text .home-feature-excerpt {
        -webkit-line-clamp: 2;
        font-size: 15px;
        line-height: 1.8;
        margin-top: 10px;
        max-width: 48em;
      }
      .home-page .home-feature-grid--text .home-feature-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0;
        border-left: 0;
        border-top: 1px solid rgba(61, 99, 221, 0.08);
        padding: 0 30px 22px;
      }
      .home-page .home-feature-grid--text .home-feature-item {
        padding: 18px 22px 0;
      }
      .home-page .home-feature-grid--text .home-feature-item + .home-feature-item {
        border-top: 0;
        border-left: 1px solid rgba(61, 99, 221, 0.08);
      }
      .home-page .home-feature-grid--text .home-feature-item:first-child {
        padding-left: 0;
      }
      .home-page .home-feature-grid--text .home-feature-item:last-child {
        padding-right: 0;
      }
      .home-page .home-feature-grid--text .home-feature-item > strong {
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }

      @media (max-width: 860px) {
        .home-page .home-feature-grid--text .home-feature-list {
          grid-template-columns: 1fr;
          padding: 0 18px 16px;
        }
        .home-page .home-feature-grid--text .home-feature-item {
          padding: 14px 0 0;
        }
        .home-page .home-feature-grid--text .home-feature-item + .home-feature-item {
          border-left: 0;
          border-top: 1px solid rgba(61, 99, 221, 0.08);
        }
        .home-page .home-feature-grid--text .home-feature-main {
          padding: 20px 18px 14px;
        }
        .home-page .home-feature-grid--text .home-feature-title strong {
          font-size: 22px;
        }
      }

      /* 单文件版：61 个页面同时在 DOM 里，靠 .spa-page 显隐切换 */
      .spa-page[hidden] {
        display: none !important;
      }