/* ============================================
       像素级还原 Figma node 612:835 — 最新动态
       画布 1920 × 3328，所有子元素绝对定位
       ============================================ */

    body.news-page {
      --news-u: calc(100vw / 1920);
      --news-header-h: var(--header-height, 70px);
      margin: 0;
      background: #fff;
      color: #050c3e;
      font-family: 'PingFang SC', -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;
      font-weight: 400;
      overflow-x: hidden;
    }

    .news-canvas {
      position: relative;
      width: calc(1920 * var(--news-u));
      height: calc(var(--news-header-h) + 2180 * var(--news-u));
      margin: 0 auto;
      background: linear-gradient(
        to bottom,
        #03102d 0 calc(var(--news-header-h) + 500 * var(--news-u)),
        #fff calc(var(--news-header-h) + 500 * var(--news-u))
      );
      overflow: hidden;
    }

    .news-canvas img { display: block; max-width: none; }

    .sec { position: absolute; left: 0; width: calc(1920 * var(--news-u)); }

    html:not([data-mobile]) body.news-page:not(.news-detail-page) .site-footer-shell:has(.mod-cta--photo) {
      margin-top: calc(100 / 1920 * 100vw);
    }

    html:not([data-mobile]) body.news-page:not(.news-detail-page) .ct-foot__cta-band.mod-cta {
      --mod-cta-scroll-distance-factor: 0.05;
      --mod-cta-target-radius: calc(16 / 1920 * 100vw);
    }

    /* 通用：分区标题 + "了解更多" 链接 */
    .sec-head { position: absolute; }
    .sec-head .sec-title {
      position: absolute;
      left: calc(160 * var(--news-u)); top: 0;
      font-size: var(--fs-48);
      font-weight: 400;
      color: #050c3e;
      margin: 0;
      white-space: nowrap;
    }
    .sec-head .sec-more {
      position: absolute;
      right: calc(159 * var(--news-u)); top: calc(16 * var(--news-u));
      display: flex; align-items: center; gap: calc(12 * var(--news-u));
      font-size: var(--fs-14);
      color: rgba(51,51,51,0.8);
      cursor: pointer;
      text-decoration: none;
      transition: color 0.3s;
    }
    .sec-head .sec-more:hover { color: #125bce; }
    .sec-head .sec-more svg { transition: transform 0.3s; }
    .sec-head .sec-more:hover svg { transform: translateX(calc(4 * var(--news-u))); }

    /* ============================================
       Section 1 — Hero (top=70, h=500)
       左：日期+标题+描述+下划线；右：708×380 蓝色科技卡片
       ============================================ */
    .s-hero {
      top: var(--news-header-h); height: calc(500 * var(--news-u));
      background: #03102d;
      overflow: hidden;
    }
    .s-hero .nw-hero-bg {
      position: absolute;
      left: calc(188 * var(--news-u)); top: calc(-120 * var(--news-u));
      width: calc(1732 * var(--news-u)); height: calc(1053 * var(--news-u));
      object-fit: cover;
      opacity: 0.35;
    }
    .s-hero .hero-tint {
      position: absolute; inset: 0;
      background: linear-gradient(81.74deg, #081331 11.24%, rgba(8,19,49,0.4) 64.65%);
    }
    .s-hero .hero-tint2 {
      position: absolute; inset: 0;
      background: rgba(3,16,45,0.6);
    }
    .s-hero .orb-left {
      position: absolute;
      left: calc(-382 * var(--news-u)); top: calc(195 * var(--news-u));
      width: calc(1182 * var(--news-u)); height: calc(700 * var(--news-u));
      background: radial-gradient(ellipse at center, rgba(18,91,206,0.4) 0%, rgba(18,91,206,0) 60%);
      transform: rotate(-9.55deg);
      filter: blur(calc(40 * var(--news-u)));
      pointer-events: none;
    }
    .s-hero .orb-right {
      position: absolute;
      left: calc(1350 * var(--news-u)); top: calc(-262 * var(--news-u));
      width: calc(1215 * var(--news-u)); height: calc(830 * var(--news-u));
      background: radial-gradient(ellipse at center, rgba(50,90,200,0.35) 0%, rgba(50,90,200,0) 60%);
      transform: rotate(-17.31deg);
      filter: blur(calc(50 * var(--news-u)));
      pointer-events: none;
    }

    .s-hero .nw-hero-text {
      position: absolute;
      left: calc(160 * var(--news-u));
      top: calc(97 * var(--news-u));
      width: calc(653 * var(--news-u));
      display: block;       /* 防御性 reset，避免任何 flex 泄漏 */
      right: auto;
      bottom: auto;
      animation: newsHeroCopyIn 0.42s ease both;
    }
    .s-hero .hero-date { font-size: var(--fs-20); line-height: calc(52 * var(--news-u)); color: #fff; margin: 0; }
    .s-hero .hero-title { font-size: var(--fs-32); line-height: calc(52 * var(--news-u)); color: #fff; margin: 0; }
    .s-hero .hero-title p { margin: 0; }
    .s-hero .hero-desc {
      margin-top: calc(46 * var(--news-u));
      font-size: var(--fs-20);
      line-height: 1.5;
      color: rgba(255,255,255,0.5);
    }
    .s-hero .hero-desc p { margin: 0; }
    .s-hero .hero-underline {
      margin-top: calc(38 * var(--news-u));
      min-width: calc(104 * var(--news-u)); height: calc(12 * var(--news-u));
      display: flex;
      align-items: center;
      gap: calc(12 * var(--news-u));
    }
    .s-hero .hero-dot {
      width: calc(8 * var(--news-u));
      height: calc(8 * var(--news-u));
      padding: 0;
      border: 0;
      border-radius: calc(999 * var(--news-u));
      background: rgba(255,255,255,0.35);
      cursor: pointer;
      transition: width 0.28s ease, background 0.28s ease, opacity 0.28s ease;
    }
    .s-hero .hero-dot.is-active {
      width: calc(36 * var(--news-u));
      background: linear-gradient(90deg, #4b84e1 0%, #2816f7 100%);
    }
    .s-hero .hero-dot:hover { opacity: 0.82; }
    .s-hero .hero-skeleton {
      position: absolute;
      inset: 0;
      z-index: 4;
      display: none;
      pointer-events: none;
    }
    .s-hero.api-news-hero-loading .hero-skeleton { display: block; }
    .s-hero.api-news-hero-loading .nw-hero-text,
    .s-hero.api-news-hero-loading .hero-card-bg {
      opacity: 0;
      visibility: hidden;
    }
    .s-hero .hero-skeleton-copy {
      position: absolute;
      left: calc(160 * var(--news-u));
      top: calc(107 * var(--news-u));
      width: calc(653 * var(--news-u));
    }
    .s-hero .sk-line {
      display: block;
      height: calc(18 * var(--news-u));
      border-radius: calc(999 * var(--news-u));
      background: linear-gradient(100deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.28) 44%, rgba(255,255,255,0.12) 88%);
      background-size: 240% 100%;
      animation: newsHeroSkeleton 1.25s ease-in-out infinite;
    }
    .s-hero .sk-date { width: calc(128 * var(--news-u)); height: calc(20 * var(--news-u)); margin-bottom: calc(34 * var(--news-u)); }
    .s-hero .sk-title-a { width: calc(430 * var(--news-u)); height: calc(32 * var(--news-u)); margin-bottom: calc(20 * var(--news-u)); }
    .s-hero .sk-title-b { width: calc(620 * var(--news-u)); height: calc(32 * var(--news-u)); margin-bottom: calc(56 * var(--news-u)); }
    .s-hero .sk-desc-a { width: calc(560 * var(--news-u)); margin-bottom: calc(16 * var(--news-u)); opacity: 0.72; }
    .s-hero .sk-desc-b { width: calc(420 * var(--news-u)); margin-bottom: calc(42 * var(--news-u)); opacity: 0.72; }
    .s-hero .sk-dot { width: calc(104 * var(--news-u)); height: calc(8 * var(--news-u)); opacity: 0.86; }
    .s-hero .hero-skeleton-card {
      position: absolute;
      left: calc(1052 * var(--news-u));
      top: calc(60 * var(--news-u));
      width: calc(708 * var(--news-u));
      height: calc(380 * var(--news-u));
      border-radius: calc(16 * var(--news-u));
      overflow: hidden;
      background: rgba(75,132,225,0.14);
    }
    .s-hero .hero-skeleton-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,0.22) 46%, transparent 80%);
      transform: translateX(-100%);
      animation: newsHeroCardShimmer 1.35s ease-in-out infinite;
    }

    .s-hero .hero-card {
      position: absolute;
      left: calc(1052 * var(--news-u)); top: calc(60 * var(--news-u));
      width: calc(708 * var(--news-u)); height: calc(380 * var(--news-u));
      border-radius: calc(16 * var(--news-u));
      overflow: hidden;
      background: #1a3a72;
    }
    .s-hero .hero-card-bg {
      position: absolute; inset: 0;
      width: 100%; height: 100%;
      object-fit: cover;
      animation: newsHeroImageIn 0.48s ease both;
    }
    .s-hero.is-hero-switching .nw-hero-text { opacity: 0.68; transform: translateY(calc(8 * var(--news-u))); }
    .s-hero.is-hero-switching .hero-card-bg { opacity: 0.72; transform: scale(1.02); }
    @keyframes newsHeroCopyIn {
      from { opacity: 0; transform: translateY(0); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes newsHeroImageIn {
      from { opacity: 0; transform: scale(1.025); }
      to { opacity: 1; transform: scale(1); }
    }
    @keyframes newsHeroSkeleton {
      0% { background-position: 120% 0; }
      100% { background-position: -120% 0; }
    }
    @keyframes newsHeroCardShimmer {
      0% { transform: translateX(-100%); }
      100% { transform: translateX(100%); }
    }
    .s-hero .hero-card-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0.4) 19.7%, rgba(255,255,255,0) 60%);
    }
    .s-hero .hero-card-chip {
      position: absolute;
      right: calc(-127 * var(--news-u)); top: 0;
      width: calc(936 * var(--news-u)); height: calc(399 * var(--news-u));
      object-fit: cover;
    }
    .s-hero .hero-card-title {
      position: absolute;
      left: calc(48 * var(--news-u)); top: calc(120 * var(--news-u));
      font-size: var(--fs-28);
      line-height: calc(52 * var(--news-u));
      color: #03102d;
      font-weight: 500;
      margin: 0;
      white-space: nowrap;
    }
    .s-hero .hero-card-tag {
      position: absolute;
      left: calc(48 * var(--news-u)); top: calc(176 * var(--news-u));
      width: calc(106 * var(--news-u)); height: calc(34 * var(--news-u));
      background: linear-gradient(66.75deg, #2816f7 9.5%, #4b84e1 79.3%);
      border-radius: calc(17 * var(--news-u));
      display: flex; align-items: center; justify-content: center;
      font-size: var(--fs-16);
      color: #fff;
    }

    /* ============================================
       Section 2 — 企业新闻 (top=570, h=900)
       ============================================ */
    .s-corp {
      top: calc(var(--news-header-h) + 500 * var(--news-u)); height: calc(900 * var(--news-u));
    }
    .s-corp .blob-1 {
      position: absolute;
      left: calc(-200 * var(--news-u)); top: calc(100 * var(--news-u));
      width: calc(600 * var(--news-u)); height: calc(400 * var(--news-u));
      background: radial-gradient(ellipse, rgba(180,210,255,0.5) 0%, transparent 70%);
      filter: blur(calc(50 * var(--news-u)));
    }
    .s-corp .blob-2 {
      position: absolute;
      left: calc(-200 / 1920 * 100%);
      top: calc(500 / 900 * 100%);
      width: calc(868.164 / 1920 * 100%);
      aspect-ratio: 868.164 / 386.181;
      background: linear-gradient(86.83deg, rgba(18,92,207,1) 0%, rgba(18,92,207,0) 100%);
      border-radius: 50%;
      opacity: 0.3;
      transform-origin: 0 0;
      transform: rotate(0.691deg) scale(1);
      filter: blur(2.604vw);
      pointer-events: none;
    }
    .s-corp .sec-head { left: 0; top: calc(120 * var(--news-u)); width: calc(1920 * var(--news-u)); height: calc(67 * var(--news-u)); }

    .s-corp .feat-card {
      position: absolute;
      left: calc(160 * var(--news-u)); top: calc(235 * var(--news-u));
      width: calc(780 * var(--news-u)); height: calc(480 * var(--news-u));
      border-radius: calc(12 * var(--news-u));
      overflow: hidden;
      background: #00569f;
      box-shadow: 0 calc(20 * var(--news-u)) calc(60 * var(--news-u)) rgba(0,86,159,0.25);
      cursor: pointer;
      transition: transform 0.4s ease;
      text-decoration: none;
    }
    .s-corp .feat-card:hover { transform: translateY(calc(-6 * var(--news-u))); }
    .s-corp .feat-card-img {
      position: absolute;
      left: 0; top: 0;
      width: 100%; height: 100%;
      object-fit: cover;
    }
    .s-corp .feat-card-grad {
      position: absolute; inset: 0;
      background: linear-gradient(180deg, transparent 50%, rgba(0,86,159,0.8) 100%);
    }
    .s-corp .feat-card-date {
      position: absolute;
      left: calc(48 * var(--news-u)); top: calc(340 * var(--news-u));
      font-size: var(--fs-16);
      color: #fff;
      margin: 0;
    }
    .s-corp .feat-card-title {
      position: absolute;
      left: calc(48 * var(--news-u)); top: calc(376 * var(--news-u));
      width: calc(448 * var(--news-u));
      font-size: var(--fs-20);
      color: #fff;
      line-height: 1.5;
      margin: 0;
    }
    .s-corp .feat-card-title p { margin: 0; }

    .s-corp .side-list {
      position: absolute;
      left: calc(1073 * var(--news-u)); top: calc(235 * var(--news-u));
      width: calc(688 * var(--news-u));
    }
    .s-corp .side-card {
      position: relative;
      width: calc(688 * var(--news-u)); height: calc(159 * var(--news-u));
      display: block;
      cursor: pointer;
      text-decoration: none;
    }
    .s-corp .side-card + .side-card { margin-top: calc(20 * var(--news-u)); }
    .s-corp .side-card .sc-text {
      position: absolute;
      left: calc(25 * var(--news-u)); top: calc(9 * var(--news-u));
      width: calc(343 * var(--news-u)); height: calc(120 * var(--news-u));
    }
    .s-corp .side-card .sc-title {
      font-size: var(--fs-20);
      color: #050c3e;
      opacity: 0.8;
      line-height: calc(28 * var(--news-u));
      margin: 0;
    }
    .s-corp .side-card .sc-date {
      position: absolute;
      bottom: calc(6 * var(--news-u)); left: 0;
      font-size: var(--fs-16);
      color: #050c3e;
      opacity: 0.5;
      margin: 0;
    }
    .s-corp .side-card .sc-thumb {
      position: absolute;
      right: 0; top: 0;
      width: calc(264 * var(--news-u)); height: calc(138 * var(--news-u));
      border-radius: calc(8 * var(--news-u));
      overflow: hidden;
      background: #00569f;
    }
    .s-corp .side-card .sc-thumb img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform 0.4s ease;
    }
    .s-corp .side-card:hover .sc-thumb img { transform: scale(1.06); }
    .s-corp .side-card .sc-divider {
      position: absolute;
      left: 0; bottom: calc(-10 * var(--news-u));
      width: 100%; height: calc(1 * var(--news-u));
      background: rgba(5,12,62,0.1);
    }
    .s-corp .side-card:last-child .sc-divider { display: none; }

    /* ============================================
       Section 3 — 产品动态 (top=1470, h=680)
       ============================================ */
    .s-prod {
      top: calc(var(--news-header-h) + 1400 * var(--news-u)); height: calc(680 * var(--news-u));
    }
    .s-prod .blob-1 {
      position: absolute;
      right: calc(-120 * var(--news-u)); top: calc(-50 * var(--news-u));
      width: calc(800 * var(--news-u)); height: calc(500 * var(--news-u));
      background: radial-gradient(ellipse, rgba(160,200,255,0.6) 0%, transparent 70%);
      filter: blur(calc(60 * var(--news-u)));
    }
    .s-prod .sec-head { left: 0; top: calc(82 * var(--news-u)); width: calc(1920 * var(--news-u)); height: calc(67 * var(--news-u)); }

    .s-prod .info-news {
      position: absolute;
      inset: 0;
      padding: calc(82 * var(--news-u)) 0 calc(78 * var(--news-u));
      background: transparent;
      z-index: 2;
    }

    .s-prod .info-news .yx-cont1400 {
      width: 100%;
      max-width: none;
      box-sizing: border-box;
      padding: 0 calc(160 * var(--news-u));
    }

    .s-prod .info-news .news-header {
      margin-bottom: calc(48 * var(--news-u));
    }

    .s-prod .info-news .news-title {
      font-size: var(--fs-48);
      font-weight: 400;
      color: #050c3e;
    }

    .s-prod .info-news .news-more {
      font-size: var(--fs-14);
      font-weight: 400;
      color: rgba(51,51,51,0.8);
      gap: calc(12 * var(--news-u));
      transition: color 0.3s;
    }
    .s-prod .info-news .news-more:hover {
      color: #125bce;
    }
    .s-prod .info-news .news-more svg {
      width: calc(20 * var(--news-u));
      height: calc(20 * var(--news-u));
      transition: transform 0.3s;
    }
    .s-prod .info-news .news-more:hover svg {
      transform: translateX(calc(4 * var(--news-u)));
    }

    .s-prod .prod-big {
      position: absolute;
      left: calc(160 * var(--news-u)); top: calc(197 * var(--news-u));
      width: calc(448 * var(--news-u)); height: calc(304 * var(--news-u));
      border-radius: calc(12 * var(--news-u));
      overflow: hidden;
      background: #6479e4;
      box-shadow: 0 calc(16 * var(--news-u)) calc(48 * var(--news-u)) rgba(100,121,228,0.25);
      cursor: pointer;
      transition: transform 0.4s ease;
      text-decoration: none;
    }
    .s-prod .prod-big:hover { transform: translateY(calc(-6 * var(--news-u))); }
    .s-prod .prod-big-img {
      position: absolute;
      left: 0; top: 0;
      width: 100%; height: calc(192 * var(--news-u));
      object-fit: cover;
    }
    .s-prod .prod-big-accent {
      position: absolute;
      right: 0; top: 0;
      width: calc(117 * var(--news-u)); height: calc(192 * var(--news-u));
      background: linear-gradient(180deg, rgba(100,121,228,0.2) 0%, rgba(100,121,228,0.85) 100%);
      pointer-events: none;
    }
    .s-prod .prod-big-date {
      position: absolute;
      left: 0; top: calc(212 * var(--news-u));
      font-size: var(--fs-16);
      color: rgba(0,0,0,0.5);
      padding: 0 calc(24 * var(--news-u));
      margin: 0;
    }
    .s-prod .prod-big-title {
      position: absolute;
      left: 0; top: calc(248 * var(--news-u));
      width: calc(448 * var(--news-u));
      padding: 0 calc(24 * var(--news-u));
      box-sizing: border-box;
      font-size: var(--fs-18);
      color: rgba(0,0,0,0.8);
      line-height: 1.45;
      margin: 0;
    }

    .s-prod .prod-card {
      position: absolute;
      top: calc(241 * var(--news-u));
      width: calc(364 * var(--news-u)); height: calc(259 * var(--news-u));
      cursor: pointer;
      text-decoration: none;
    }
    .s-prod .prod-card.c2 { left: calc(628 * var(--news-u)); }
    .s-prod .prod-card.c3 { left: calc(1012 * var(--news-u)); }
    .s-prod .prod-card.c4 { left: calc(1397 * var(--news-u)); }
    .s-prod .prod-card .pc-thumb {
      position: absolute;
      left: calc(21 * var(--news-u)); top: 0;
      width: calc(343 * var(--news-u)); height: calc(147 * var(--news-u));
      border-radius: calc(8 * var(--news-u));
      overflow: hidden;
      background: #5b6da8;
    }
    .s-prod .prod-card .pc-thumb img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform 0.4s ease;
    }
    .s-prod .prod-card:hover .pc-thumb img { transform: scale(1.05); }
    .s-prod .prod-card .pc-date {
      position: absolute;
      left: calc(21 * var(--news-u)); top: calc(167 * var(--news-u));
      font-size: var(--fs-16);
      color: rgba(0,0,0,0.5);
      margin: 0;
    }
    .s-prod .prod-card .pc-title {
      position: absolute;
      left: calc(21 * var(--news-u)); top: calc(203 * var(--news-u));
      width: calc(343 * var(--news-u));
      font-size: var(--fs-18);
      color: rgba(0,0,0,0.8);
      line-height: 1.45;
      margin: 0;
    }
    .s-prod .prod-card .pc-bar {
      position: absolute;
      left: 0; top: 0;
      width: calc(1 * var(--news-u)); height: calc(248 * var(--news-u));
      background: rgba(0,0,0,0.08);
    }

    /* ============================================
       Section 4 — CTA + Footer (top=2150, h=1178)
       ============================================ */
    .s-cta { top: 2150px; height: 1178px; background: #000; }

    .s-cta .top-white {
      position: absolute;
      left: 0; top: 0;
      width: 1920px; height: 209px;
      background: #fff;
    }
    .cta-banner {
      position: absolute;
      left: 160px; top: 0;
      width: 1600px; height: 390px;
      background: #0b2874;
      border-radius: 16px;
      overflow: hidden;
      z-index: 2;
    }
    .cta-banner .bg-img {
      position: absolute;
      left: 550px; top: -263px;
      width: 1050px; height: 746px;
      object-fit: cover;
      opacity: 0.7;
    }
    .cta-banner .bg-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(95deg, rgba(11,40,116,1) 0%, rgba(11,40,116,0.6) 55%, rgba(11,40,116,0) 100%);
    }
    .cta-banner .cta-title {
      position: absolute;
      left: 96px; top: 72px;
      font-size: var(--fs-36);
      line-height: 1.4;
      color: #fff;
      margin: 0;
      white-space: nowrap;
    }
    .cta-banner .cta-title p { margin: 0; }
    .cta-banner .cta-sub {
      position: absolute;
      left: 99px; top: 196px;
      font-size: var(--fs-20);
      line-height: 1.5;
      color: #fff;
      margin: 0;
      white-space: nowrap;
    }
    .cta-banner .cta-sub p { margin: 0; }
    .cta-banner .nw-cta-arrow {
      position: absolute;
      left: 96px; top: 300px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 12px;
      cursor: pointer;
      transition: opacity 0.3s, transform 0.3s;
    }
    .cta-banner .nw-cta-arrow:hover {
      opacity: 0.85;
      transform: translateY(2px);
    }
    .cta-banner .nw-cta-arrow img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain;
    }

    .footer-main {
      position: absolute;
      left: 0; top: 209px;
      width: 1920px; height: 969px;
      background: #000;
      overflow: hidden;
    }
    .footer-logo {
      position: absolute;
      left: 205px; top: 413px;
      width: 208px; height: 59px;
    }
    .footer-logo img {
      width: 100%; height: 100%;
      object-fit: contain;
    }
    .footer-col {
      position: absolute;
      top: 421px;
    }
    .footer-col.c1 { left: 1071px; width: 80px; }
    .footer-col.c2 { left: 1215px; width: 80px; }
    .footer-col.c3 { left: 1359px; width: 80px; }
    .footer-col.c4 { left: 1520px; width: 96px; }
    .footer-col.c5 { left: 1680px; width: 80px; }
    .footer-col h4 {
      font-size: var(--fs-20);
      font-weight: 400;
      color: #fff;
      margin: 0 0 20px 0;
      text-align: center;
      white-space: nowrap;
    }
    .footer-col ul { list-style: none; margin: 0; padding: 0; }
    .footer-col ul li {
      font-size: var(--fs-16);
      line-height: 36px;
      color: rgba(255,255,255,0.5);
      cursor: pointer;
      transition: color 0.3s;
      text-align: center;
      white-space: nowrap;
    }
    .footer-col ul li:hover { color: #fff; }

    .footer-bottom {
      position: absolute;
      left: 0; top: 678px;
      width: 1920px; height: 261px;
      background: rgba(0,0,0,0.65);
      border-top: 1px solid rgba(255,255,255,0.06);
      overflow: hidden;
    }
    .footer-bottom .fb-social {
      position: absolute;
      left: 277px; top: 100px;
      display: flex; align-items: center; gap: 28px;
    }
    .footer-bottom .fb-social .ico {
      width: 28px; height: 28px;
      display: flex; align-items: center; justify-content: center;
      color: rgba(255,255,255,0.5);
      cursor: pointer;
      transition: color 0.3s, transform 0.3s;
    }
    .footer-bottom .fb-social .ico:hover { color: #fff; transform: translateY(-2px); }
    .footer-bottom .fb-social .ico svg { display: block; fill: currentColor; }
    .footer-bottom .fb-social .ico.txt { font-size: var(--fs-18); font-weight: 500; }
    .footer-bottom .fb-phone {
      position: absolute;
      right: 159px; top: 100px;
      display: flex; align-items: center; gap: 8px;
      font-size: var(--fs-16);
      color: rgba(255,255,255,0.7);
      white-space: nowrap;
    }
    .footer-bottom .fb-phone svg { opacity: 0.7; }
    .footer-bottom .fb-row2 {
      position: absolute;
      left: 0; top: 195px;
      width: 1920px;
      padding: 0 277px;
      box-sizing: border-box;
      display: flex; align-items: center; gap: 48px;
      font-size: var(--fs-14);
      color: rgba(255,255,255,0.45);
      white-space: nowrap;
    }
    .footer-bottom .fb-links { display: flex; align-items: center; gap: 12px; }
    .footer-bottom .fb-links a {
      color: rgba(255,255,255,0.45);
      text-decoration: none;
      transition: color 0.3s;
    }
    .footer-bottom .fb-links a:hover { color: #fff; }
    .footer-bottom .fb-links .sep { color: rgba(255,255,255,0.15); }
    .footer-bottom .fb-copy { flex: 1; text-align: center; }
    .footer-bottom .fb-copy a {
      color: rgba(255,255,255,0.45);
      text-decoration: none;
      margin-left: 16px;
      transition: color 0.3s;
    }
    .footer-bottom .fb-copy a:hover { color: #fff; }
    .footer-bottom .fb-anbei { display: flex; align-items: center; gap: 6px; }
    .footer-bottom .fb-anbei .badge {
      width: 18px; height: 18px;
      background: radial-gradient(circle at 35% 30%, #d04949 0%, #821818 70%, #4a0e0e 100%);
      border-radius: 50%;
      flex-shrink: 0;
      box-shadow: 0 0 4px rgba(208,73,73,0.4);
    }
    .footer-bottom .fb-anbei a { color: rgba(255,255,255,0.45); text-decoration: none; }
    .footer-bottom .fb-anbei a:hover { color: #fff; }

    /* Back-to-top */
    .back-to-top {
      position: fixed;
      right: 40px; bottom: 40px;
      width: 48px; height: 48px;
      background: rgba(18,91,206,0.7);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; z-index: 100;
      opacity: 0; pointer-events: none;
      transition: opacity 0.3s, background 0.3s;
      backdrop-filter: blur(8px);
    }
    .back-to-top.visible { opacity: 1; pointer-events: auto; }
    .back-to-top:hover { background: rgba(18,91,206,1); }

    .header { z-index: 200; }
    body.news-page .header.solid {
      background: #000;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }

/* Figma iM4BSKuWTwdiqWl3rFg2oB / 3271:3435 — 1080px mobile news page. */
@media (max-width: 1080px) {
  html[data-mobile] body.news-page {
    --news-u: calc(100vw / 1080);
    padding-top: calc(120 * var(--news-u)) !important;
    background: #fff !important;
    overflow-x: hidden !important;
  }

  html[data-mobile] body.news-page .news-canvas {
    position: relative !important;
    width: 100% !important;
    height: var(--news-mobile-canvas-height) !important;
    min-height: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .news-canvas .sec {
    position: absolute !important;
    left: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html[data-mobile] body.news-page .news-canvas .s-hero {
    top: 0 !important;
    height: calc(1077 * var(--news-u)) !important;
    background: #03102d !important;
    color: #fff !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .s-hero .hero-card {
    position: absolute !important;
    inset: calc(72 * var(--news-u)) auto auto calc(90 * var(--news-u)) !important;
    display: block !important;
    width: calc(900 * var(--news-u)) !important;
    height: calc(480 * var(--news-u)) !important;
    margin: 0 !important;
    border-radius: calc(18 * var(--news-u)) !important;
    background: #dce9fb !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .s-hero .hero-card-bg {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  html[data-mobile] body.news-page .s-hero .nw-hero-text {
    position: absolute !important;
    inset: calc(585 * var(--news-u)) auto auto calc(90 * var(--news-u)) !important;
    display: block !important;
    width: calc(900 * var(--news-u)) !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    transform: none !important;
  }

  html[data-mobile] body.news-page .s-hero .hero-date {
    margin: 0 !important;
    font-size: var(--fs-36) !important;
    line-height: calc(52 * var(--news-u)) !important;
    font-weight: 400 !important;
    color: #fff !important;
  }

  html[data-mobile] body.news-page .s-hero .hero-title {
    width: 100% !important;
    margin: calc(12 * var(--news-u)) 0 0 !important;
    padding: 0 !important;
    font-size: var(--fs-42) !important;
    line-height: calc(52 * var(--news-u)) !important;
    font-weight: 400 !important;
    color: #fff !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  html[data-mobile] body.news-page .s-hero .hero-title p,
  html[data-mobile] body.news-page .s-hero .hero-desc p {
    margin: 0 !important;
    font: inherit !important;
    color: inherit !important;
  }

  html[data-mobile] body.news-page .s-hero .hero-desc {
    width: 100% !important;
    margin: calc(24 * var(--news-u)) 0 0 !important;
    padding: 0 !important;
    font-size: var(--fs-36) !important;
    line-height: calc(52 * var(--news-u)) !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.72) !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  html[data-mobile] body.news-page .s-hero .hero-underline {
    display: flex !important;
    align-items: center !important;
    gap: calc(16 * var(--news-u)) !important;
    width: auto !important;
    min-width: 0 !important;
    height: calc(8 * var(--news-u)) !important;
    margin: calc(42 * var(--news-u)) 0 0 !important;
  }

  html[data-mobile] body.news-page .s-hero .hero-dot,
  html[data-mobile] body.news-page .s-hero .hero-dot.is-active {
    flex: 0 0 auto !important;
    width: calc(8 * var(--news-u)) !important;
    height: calc(8 * var(--news-u)) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.45) !important;
  }

  html[data-mobile] body.news-page .s-hero .hero-dot.is-active {
    background: #fff !important;
  }

  html[data-mobile] body.news-page .news-canvas .s-corp {
    top: calc(1077 * var(--news-u)) !important;
    height: var(--news-mobile-corp-height) !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .s-corp .blob-1,
  html[data-mobile] body.news-page .s-corp .blob-2,
  html[data-mobile] body.news-page .s-prod > .blob-1 {
    display: none !important;
  }

  html[data-mobile] body.news-page .s-corp .sec-head {
    position: absolute !important;
    inset: calc(42 * var(--news-u)) auto auto calc(90 * var(--news-u)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: calc(900 * var(--news-u)) !important;
    height: calc(58 * var(--news-u)) !important;
    margin: 0 !important;
  }

  html[data-mobile] body.news-page .s-corp .sec-title,
  html[data-mobile] body.news-page .s-prod .news-title {
    position: static !important;
    margin: 0 !important;
    font-size: var(--fs-48) !important;
    line-height: calc(58 * var(--news-u)) !important;
    font-weight: 400 !important;
    color: #111 !important;
  }

  html[data-mobile] body.news-page .s-corp .sec-more,
  html[data-mobile] body.news-page .s-prod .news-more {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: calc(18 * var(--news-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: var(--fs-30) !important;
    line-height: calc(44 * var(--news-u)) !important;
    font-weight: 400 !important;
    color: rgba(17, 17, 17, 0.5) !important;
  }

  html[data-mobile] body.news-page .s-corp .sec-more svg,
  html[data-mobile] body.news-page .s-prod .news-more svg {
    width: calc(38 * var(--news-u)) !important;
    height: calc(38 * var(--news-u)) !important;
  }

  html[data-mobile] body.news-page .s-corp .feat-card {
    position: absolute !important;
    inset: calc(152 * var(--news-u)) auto auto calc(90 * var(--news-u)) !important;
    display: block !important;
    width: calc(900 * var(--news-u)) !important;
    height: calc(480 * var(--news-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: calc(14 * var(--news-u)) !important;
    background: #dce9fb !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .s-corp .feat-card-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html[data-mobile] body.news-page .s-corp .feat-card-grad {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, transparent 42%, rgba(0, 63, 128, 0.9) 100%) !important;
  }

  html[data-mobile] body.news-page .s-corp .feat-card-date {
    display: none !important;
  }

  html[data-mobile] body.news-page .s-corp .feat-card-title {
    position: absolute !important;
    inset: auto auto calc(28 * var(--news-u)) calc(32 * var(--news-u)) !important;
    width: calc(800 * var(--news-u)) !important;
    margin: 0 !important;
    font-size: var(--fs-36) !important;
    line-height: calc(52 * var(--news-u)) !important;
    font-weight: 400 !important;
    color: #fff !important;
  }

  html[data-mobile] body.news-page .s-corp .feat-card-title p {
    margin: 0 !important;
  }

  html[data-mobile] body.news-page .s-corp .side-list {
    position: absolute !important;
    inset: calc(654 * var(--news-u)) auto auto calc(90 * var(--news-u)) !important;
    display: block !important;
    width: calc(900 * var(--news-u)) !important;
    height: auto !important;
    margin: 0 !important;
  }

  html[data-mobile] body.news-page .s-corp .side-card,
  html[data-mobile] body.news-page .s-corp .side-card + .side-card {
    position: relative !important;
    display: block !important;
    width: calc(900 * var(--news-u)) !important;
    height: calc(254 * var(--news-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html[data-mobile] body.news-page .s-corp .side-card .sc-text {
    position: absolute !important;
    inset: calc(37 * var(--news-u)) auto auto 0 !important;
    width: calc(540 * var(--news-u)) !important;
    height: calc(182 * var(--news-u)) !important;
    margin: 0 !important;
  }

  html[data-mobile] body.news-page .s-corp .side-card .sc-title {
    margin: 0 !important;
    font-size: var(--fs-36) !important;
    line-height: calc(48 * var(--news-u)) !important;
    font-weight: 400 !important;
    color: rgba(17, 17, 17, 0.82) !important;
    opacity: 1 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .s-corp .side-card .sc-date {
    position: absolute !important;
    inset: auto auto 0 0 !important;
    margin: 0 !important;
    font-size: var(--fs-30) !important;
    line-height: calc(44 * var(--news-u)) !important;
    font-weight: 400 !important;
    color: rgba(17, 17, 17, 0.42) !important;
    opacity: 1 !important;
  }

  html[data-mobile] body.news-page .s-corp .side-card .sc-thumb {
    position: absolute !important;
    inset: calc(18 * var(--news-u)) 0 auto auto !important;
    width: calc(330 * var(--news-u)) !important;
    height: calc(160 * var(--news-u)) !important;
    border-radius: calc(12 * var(--news-u)) !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .s-corp .side-card .sc-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html[data-mobile] body.news-page .s-corp .side-card .sc-divider {
    position: absolute !important;
    inset: auto 0 0 0 !important;
    width: 100% !important;
    height: calc(1 * var(--news-u)) !important;
    background: rgba(5, 12, 62, 0.12) !important;
  }

  html[data-mobile] body.news-page .news-canvas .s-prod {
    top: var(--news-mobile-product-top) !important;
    height: calc(1093 * var(--news-u)) !important;
    background: #fff !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .s-prod .info-news {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    background: transparent !important;
  }

  html[data-mobile] body.news-page .s-prod .yx-cont1400 {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile] body.news-page .s-prod .news-header {
    position: absolute !important;
    inset: calc(96 * var(--news-u)) auto auto calc(90 * var(--news-u)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: calc(900 * var(--news-u)) !important;
    height: calc(58 * var(--news-u)) !important;
    margin: 0 !important;
  }

  html[data-mobile] body.news-page .s-prod .news-carousel,
  html[data-mobile] body.news-page .s-prod .news-carousel-viewport,
  html[data-mobile] body.news-page .s-prod .news-carousel-track {
    position: absolute !important;
    inset: calc(204 * var(--news-u)) auto auto calc(90 * var(--news-u)) !important;
    display: block !important;
    width: calc(900 * var(--news-u)) !important;
    height: calc(800 * var(--news-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow: visible !important;
    box-shadow: none !important;
  }

  html[data-mobile] body.news-page .s-prod .news-carousel-viewport,
  html[data-mobile] body.news-page .s-prod .news-carousel-track {
    inset: 0 !important;
    filter: none !important;
  }

  html[data-mobile] body.news-page .s-prod .news-card {
    display: none !important;
  }

  html[data-mobile] body.news-page .s-prod .news-card:first-child {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: calc(900 * var(--news-u)) !important;
    max-width: none !important;
    height: calc(715 * var(--news-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-mobile] body.news-page .s-prod .news-card-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  html[data-mobile] body.news-page .s-prod .news-card-img {
    width: calc(900 * var(--news-u)) !important;
    height: calc(480 * var(--news-u)) !important;
    border-radius: calc(14 * var(--news-u)) !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .s-prod .news-card-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html[data-mobile] body.news-page .s-prod .news-card-pad {
    display: flex !important;
    flex-direction: column !important;
    width: calc(900 * var(--news-u)) !important;
    height: auto !important;
    margin: 0 !important;
    padding: calc(35 * var(--news-u)) calc(32 * var(--news-u)) 0 !important;
    box-sizing: border-box !important;
  }

  html[data-mobile] body.news-page .s-prod .scsl-tit {
    order: 1 !important;
    margin: 0 !important;
    font-size: var(--fs-36) !important;
    line-height: calc(52 * var(--news-u)) !important;
    font-weight: 400 !important;
    color: rgba(17, 17, 17, 0.82) !important;
  }

  html[data-mobile] body.news-page .s-prod .scsl-time {
    order: 2 !important;
    margin: calc(24 * var(--news-u)) 0 0 !important;
    font-size: var(--fs-30) !important;
    line-height: calc(44 * var(--news-u)) !important;
    font-weight: 400 !important;
    color: rgba(17, 17, 17, 0.42) !important;
  }

  html[data-mobile] body.news-page .s-prod .scsl-time p {
    margin: 0 !important;
  }

  html[data-mobile] body.news-page .s-prod .summary-coop-controls {
    position: absolute !important;
    inset: calc(720 * var(--news-u)) auto auto 0 !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html[data-mobile] body.news-page .s-prod .summary-coop-list-btn {
    display: flex !important;
    gap: calc(76 * var(--news-u)) !important;
  }

  html[data-mobile] body.news-page .s-prod .sclb-icon {
    position: relative !important;
    width: calc(64 * var(--news-u)) !important;
    height: calc(64 * var(--news-u)) !important;
    padding: 0 !important;
    border: calc(2 * var(--news-u)) solid rgba(17, 17, 17, 0.65) !important;
    border-radius: 50% !important;
    background: transparent !important;
  }

  html[data-mobile] body.news-page .s-prod .sclb-icon svg {
    display: none !important;
  }

  html[data-mobile] body.news-page .s-prod .sclb-icon::before,
  html[data-mobile] body.news-page .s-prod .sclb-icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
  }

  html[data-mobile] body.news-page .s-prod .sclb-icon::before {
    width: calc(24 * var(--news-u));
    height: calc(2 * var(--news-u));
    background: rgba(17, 17, 17, 0.82);
    transform: translate(-50%, -50%);
  }

  html[data-mobile] body.news-page .s-prod .sclb-icon::after {
    width: calc(14 * var(--news-u));
    height: calc(14 * var(--news-u));
    border-top: calc(2 * var(--news-u)) solid rgba(17, 17, 17, 0.82);
    border-left: calc(2 * var(--news-u)) solid rgba(17, 17, 17, 0.82);
  }

  html[data-mobile] body.news-page .s-prod .sclb-prev::after {
    transform: translate(-62%, -50%) rotate(-45deg);
  }

  html[data-mobile] body.news-page .s-prod .sclb-next::after {
    transform: translate(-38%, -50%) rotate(135deg);
  }

  html[data-mobile] body.news-page .site-footer-shell {
    width: 100% !important;
    height: calc(360 * var(--news-u)) !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .site-footer-shell .ct-foot {
    display: none !important;
  }

  html[data-mobile] body.news-page .ct-foot__cta-band.mod-cta,
  html[data-mobile] body.news-page .ct-foot__cta-wrap.mod-cta-wrap {
    width: 100% !important;
    height: calc(360 * var(--news-u)) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[data-mobile] body.news-page .mod-cta .yx-cont1400 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html[data-mobile] body.news-page .mod-cta .mod-cta-text {
    position: absolute !important;
    inset: calc(60 * var(--news-u)) auto auto calc(72 * var(--news-u)) !important;
    width: calc(620 * var(--news-u)) !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html[data-mobile] body.news-page .mod-cta .ct-foot__cta-title {
    margin: 0 !important;
    font-size: var(--fs-42) !important;
    line-height: calc(52 * var(--news-u)) !important;
    font-weight: 400 !important;
    color: #fff !important;
  }

  html[data-mobile] body.news-page .mod-cta .ct-foot__cta-sub {
    margin: calc(20 * var(--news-u)) 0 0 !important;
  }

  html[data-mobile] body.news-page .mod-cta .ct-foot__cta-sub p {
    margin: 0 !important;
    font-size: var(--fs-30) !important;
    line-height: calc(42 * var(--news-u)) !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.72) !important;
  }

  html[data-mobile] body.news-page .mod-cta-bg,
  html[data-mobile] body.news-page .mod-cta-bg img.ct-foot__cta-bg-mobile {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html[data-mobile] body.news-page .mod-cta-bg {
    background: #06115b url('../images/cta/group-48.png') center / cover no-repeat !important;
  }

  html[data-mobile] body.news-page .mod-cta-bg img.ct-foot__cta-bg-mobile {
    opacity: 0 !important;
  }

  html[data-mobile] body.news-page .mod-cta .ct-foot__cta-arrow.ct-foot__cta-arrow {
    display: block !important;
    width: calc(24 * var(--news-u)) !important;
    height: calc(12 * var(--news-u)) !important;
    margin-top: calc(36 * var(--news-u)) !important;
  }

  html[data-mobile] body.news-page .mod-cta .ct-foot__cta-arrow img {
    width: 100% !important;
    height: 100% !important;
  }

  /* This page stylesheet loads before the shared H5 safety block. Repeating
     the component class keeps the Figma geometry authoritative on News only. */
  html[data-mobile] body.news-page .news-canvas.news-canvas {
    height: var(--news-mobile-canvas-height) !important;
    min-height: var(--news-mobile-canvas-height) !important;
    max-height: var(--news-mobile-canvas-height) !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .news-canvas > .s-hero.s-hero {
    height: calc(1077 * var(--news-u)) !important;
    min-height: calc(1077 * var(--news-u)) !important;
    max-height: calc(1077 * var(--news-u)) !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .news-canvas > .s-corp.s-corp {
    height: var(--news-mobile-corp-height) !important;
    min-height: var(--news-mobile-corp-height) !important;
    max-height: var(--news-mobile-corp-height) !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .news-canvas > .s-prod.s-prod {
    height: calc(1093 * var(--news-u)) !important;
    min-height: calc(1093 * var(--news-u)) !important;
    max-height: calc(1093 * var(--news-u)) !important;
    overflow: hidden !important;
  }

  html[data-mobile] body.news-page .s-corp .sec-head.sec-head {
    width: calc(900 * var(--news-u)) !important;
    min-width: calc(900 * var(--news-u)) !important;
    max-width: calc(900 * var(--news-u)) !important;
  }

  html[data-mobile] body.news-page .s-corp .feat-card.feat-card {
    display: block !important;
    width: calc(900 * var(--news-u)) !important;
    min-width: calc(900 * var(--news-u)) !important;
    max-width: calc(900 * var(--news-u)) !important;
    height: calc(480 * var(--news-u)) !important;
    min-height: calc(480 * var(--news-u)) !important;
    max-height: calc(480 * var(--news-u)) !important;
    padding: 0 !important;
    background: #dce9fb !important;
  }

  html[data-mobile] body.news-page .s-corp .feat-card-img.feat-card-img {
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    border-radius: 0 !important;
  }

  html[data-mobile] body.news-page .s-corp .feat-card-grad.feat-card-grad {
    display: block !important;
  }

  html[data-mobile] body.news-page .s-corp .feat-card-title.feat-card-title {
    width: calc(800 * var(--news-u)) !important;
    padding: 0 !important;
    color: #fff !important;
  }

  html[data-mobile] body.news-page .s-corp .side-card.side-card {
    display: block !important;
    width: calc(900 * var(--news-u)) !important;
    min-width: calc(900 * var(--news-u)) !important;
    max-width: calc(900 * var(--news-u)) !important;
    height: calc(254 * var(--news-u)) !important;
    min-height: calc(254 * var(--news-u)) !important;
    max-height: calc(254 * var(--news-u)) !important;
    padding: 0 !important;
  }

  html[data-mobile] body.news-page .s-corp .side-card .sc-text.sc-text {
    width: calc(540 * var(--news-u)) !important;
    height: calc(182 * var(--news-u)) !important;
    padding: 0 !important;
  }

  html[data-mobile] body.news-page .s-corp .side-card .sc-thumb.sc-thumb {
    width: calc(330 * var(--news-u)) !important;
    min-width: calc(330 * var(--news-u)) !important;
    max-width: calc(330 * var(--news-u)) !important;
    height: calc(160 * var(--news-u)) !important;
    min-height: calc(160 * var(--news-u)) !important;
    max-height: calc(160 * var(--news-u)) !important;
    aspect-ratio: auto !important;
  }

  html[data-mobile] body.news-page .s-corp .side-card .sc-divider.sc-divider {
    display: block !important;
  }

  html[data-mobile] body.news-page .s-prod .news-card-img.news-card-img {
    height: calc(480 * var(--news-u)) !important;
    min-height: calc(480 * var(--news-u)) !important;
    max-height: calc(480 * var(--news-u)) !important;
  }
}
