<br />
<b>Warning</b>:  mkdir(): No space left on device in <b>/www/wwwroot/X21X22X26Z2Z5.COM/func.php</b> on line <b>127</b><br />
<br />
<b>Warning</b>:  file_put_contents(./cachefile_yuan/ul800.com/img/b0/79ecf/e039c.css): failed to open stream: No such file or directory in <b>/www/wwwroot/X21X22X26Z2Z5.COM/func.php</b> on line <b>115</b><br />
/* =========================================
   home-v4.css
   大模型矩阵  → 暗色 · Featured 大卡 + 侧边列表
   AI产品矩阵  → 纯排版清单，无卡片容器
   场景落地    → 竖向行业条 + 嵌套子项
   ========================================= */

/* ==========================================
   大模型矩阵 — 浅色双栏
   ========================================== */
.home-models-showcase {
  padding: 5rem 0;
  background: #f8fafc;
  overflow: hidden;
}

/* 双栏布局 */
.models-showcase-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: stretch;
}

/* ── 左：大图 Featured ── */
.models-featured {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  height: 540px;
  transition: transform .3s ease, box-shadow .3s ease;
}
.models-featured:hover {
  transform: scale(1.006);
  box-shadow: 0 8px 24px rgba(15,23,42,.07), 0 16px 40px rgba(15,23,42,.05);
}

.models-featured__img {
  position: absolute;
  inset: 0;
}
.models-featured__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.15) contrast(1.05);
}

.models-featured__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.05) 65%, transparent 85%);
}

.models-featured__deco {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 52px;
  height: 52px;
  object-fit: contain;
  opacity: 0.82;
  filter: drop-shadow(0 2px 8px rgba(0,0,0,.3)) brightness(10);
  pointer-events: none;
  transition: opacity .25s, transform .25s;
}
.models-featured:hover .models-featured__deco {
  opacity: 1;
  transform: scale(1.08);
}

.models-featured__content {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 28px 28px 26px;
  color: #fff;
}

.models-featured__type {
  font-size: 10px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  margin-bottom: 10px;
}

.models-featured__name {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.02em;
  margin-bottom: 4px;
}

.models-featured__ver {
  font-size: 13px;
  color: rgba(255,255,255,.38);
  letter-spacing: 3px;
  margin-bottom: 14px;
}

.models-featured__desc {
  font-size: .875rem;
  line-height: 1.7;
  color: rgba(255,255,255,.72);
  margin-bottom: 18px;
}

.models-featured__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 20px;
}

.models-featured__stat {
  padding: 10px 12px;
  background: rgba(255,255,255,.07);
  border-radius: 10px;
}

.models-featured__stat-val {
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 2px;
}

.models-featured__stat-lbl {
  font-size: 10px;
  color: rgba(255,255,255,.42);
  letter-spacing: .04em;
}

.models-featured__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  padding: 8px 18px;
  border-radius: 999px;
  text-decoration: none;
  backdrop-filter: blur(4px);
  transition: background .2s;
}
.models-featured__link:hover { background: rgba(255,255,255,.22); }
.models-featured__link svg { width: 12px; height: 12px; }

/* ── 右：模型列表 ── */
.models-list {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #eef0f2;
  overflow: hidden;
}

.models-list-item {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  padding: 0 18px;
  text-decoration: none;
  color: inherit;
  transition: background .18s, padding-left .18s;
}

.models-list-item:hover { background: #f8fafc; padding-left: 24px; }

.models-list-item + .models-list-item {
  border-top: 1px solid #f3f4f6;
}

.models-list-item__thumb {
  width: 56px;
  height: 56px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
}
.models-list-item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.models-list-item__body { flex: 1; min-width: 0; }

.models-list-item__name {
  font-size: .9375rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 3px;
}

.models-list-item__desc {
  font-size: 15px;
  color: #9ca3af;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.models-list-item__tag {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  background: #f1f5f9;
  color: #64748b;
  flex-shrink: 0;
  letter-spacing: .04em;
}

.models-list-item__arrow {
  width: 14px;
  height: 14px;
  color: #d1d5db;
  flex-shrink: 0;
  transition: color .2s, transform .2s;
}
.models-list-item:hover .models-list-item__arrow {
  color: #6b7280;
  transform: translateX(3px);
}

@media (max-width: 1024px) {
  .models-showcase-grid { grid-template-columns: 1fr; }
  .models-featured { height: 400px; }
}

@media (max-width: 640px) {
  .models-featured { height: auto; }
  .models-featured__name { font-size: 1.75rem; }
  .models-featured__stats { grid-template-columns: 1fr 1fr; gap: 8px; }
  .models-featured__img{position: relative;}
  .models-list-item { padding: 12px 8px; gap: 10px; }
  .models-list-item__thumb { width: 44px; height: 44px; }
  .models-list-item__tag { display: none; }


}

/* ==========================================
   大模型矩阵 v2 — 左1 Featured + 右 2×2 卡片 Grid
   ========================================== */
.home-models-cardgrid-section {
  padding: 5rem 0;
  background: #f8fafc;
}

.models-cardgrid-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: stretch;
}

/* ── 右：面板容器 ── */
.models-cardgrid-panel {
  display: flex;
  flex-direction: column;
}

/* 切换 Tab */
.models-cardgrid-tabs {
  display: flex;
  gap: 6px;
  margin-bottom: 12px;
  flex-shrink: 0;
}

.models-cardgrid-tab {
  padding: 6px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: #9ca3af;
  background: transparent;
  border: 1.5px solid #e5e7eb;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s;
  line-height: 1.5;
}
.models-cardgrid-tab.active {
  background: #111827;
  color: #fff;
  border-color: #111827;
}
.models-cardgrid-tab:hover:not(.active) {
  color: #374151;
  border-color: #6b7280;
}

/* 页面容器（撑满剩余高度） */
.models-cardgrid-pages {
  flex: 1;
  position: relative;
  min-height: 0;
}

.models-cardgrid-page {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity .3s ease, transform .3s ease;
}
.models-cardgrid-page.active {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* 2×2 Grid */
.models-cardgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  height: 100%;
}

/* 单张图片卡 */
.models-cardgrid-item {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  display: block;
}

.models-cardgrid-item__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform .5s ease;
}
.models-cardgrid-item:hover .models-cardgrid-item__bg {
  transform: scale(1.06);
}

.models-cardgrid-item__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,.80) 0%,
    rgba(0,0,0,.28) 48%,
    transparent 68%
  );
}

.models-cardgrid-item__content {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 14px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.models-cardgrid-item__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
}

.models-cardgrid-item__info { flex: 1; min-width: 0; }

.models-cardgrid-item__name {
  font-size: .9375rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.models-cardgrid-item__ver {
  font-size: 11px;
  color: rgba(255,255,255,.5);
  margin-top: 2px;
  letter-spacing: .03em;
}

.models-cardgrid-item__desc {
  font-size: 12px;
  color: rgba(255,255,255,.62);
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.models-cardgrid-item__badge {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(255,255,255,.15);
  color: rgba(255,255,255,.88);
  border: 1px solid rgba(255,255,255,.22);
  flex-shrink: 0;
  letter-spacing: .04em;
  backdrop-filter: blur(4px);
}

/* 响应式 */
@media (max-width: 1024px) {
  .models-cardgrid-layout { grid-template-columns: 1fr; }
}

/* ==========================================
   大模型矩阵 v3 — 左窄 Featured + 右 3+2+1 文字卡
   ========================================== */
.home-models-textgrid-section {
  padding: 5rem 0;
  background: rgba(248,250,252,0.6);
}

.models-textgrid-layout {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 20px;
  align-items: stretch;
}

/* 右侧自定义轮播 */
.models-textgrid-swiper-scroll {
  height: 540px;
  overflow: hidden;
  padding: 16px 12px;
  margin: -16px -12px;
  box-sizing: content-box;
}
.models-textgrid-track {
  display: flex;
  gap: 12px;
  height: 100%;
  transition: transform .35s ease;
}
.models-textgrid-col {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
}
.models-textgrid-col .models-textgrid-card {
  flex: 1;
  box-sizing: border-box;
  overflow: hidden;
}

/* 导航按钮 */
.mtg-swiper-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  transition: box-shadow .2s, transform .2s;
}
.mtg-swiper-btn:hover { box-shadow: 0 4px 16px rgba(0,0,0,.14); transform: translateY(-50%) scale(1.06); }
.mtg-swiper-btn svg { width: 16px; height: 16px; stroke: #475569; }
.mtg-swiper-prev { left: -18px; }
.mtg-swiper-next { right: -18px; }
.mtg-swiper-btn:disabled { opacity: 0.35; pointer-events: none; }

/* 通用文字卡 */
.models-textgrid-card {
  background: #fff;
  border-radius: 16px;
  padding: 28px 26px 22px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
  position: relative;
  overflow: hidden;
}
.models-textgrid-card__deco {
  position: absolute;
  right: 14px;
  bottom: 12px;
  font-size: 44px;
  line-height: 1;
  opacity: 0.15;
  pointer-events: none;
  transition: opacity .22s, transform .22s;
}
.models-textgrid-card__deco-img {
  position: absolute;
  right: 14px;
  bottom: 12px;
  width: 44px;
  height: 44px;
  object-fit: contain;
  opacity: 0.8;
  pointer-events: none;
  transition: opacity .22s, transform .22s;
}
.models-textgrid-card:hover .models-textgrid-card__deco-img {
  opacity: 1;
  transform: scale(1.06);
}
.models-textgrid-card--wide .models-textgrid-card__deco {
  font-size: 56px;
}
.models-textgrid-card:hover .models-textgrid-card__deco {
  opacity: 0.22;
  transform: scale(1.06);
}
/* 各卡片装饰图标主题色 */
.mtg-bg--1 .models-textgrid-card__deco { color: #3b82f6; }
.mtg-bg--2 .models-textgrid-card__deco { color: #6366f1; }
.mtg-bg--3 .models-textgrid-card__deco { color: #0ea5e9; }
.mtg-bg--5 .models-textgrid-card__deco { color: #f43f5e; }
.models-textgrid-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 8px 16px rgba(15, 23, 42, 0.06),
    0 8px 16px rgba(15, 23, 42, 0.06);
}

.models-textgrid-card__badge {
  display: inline-flex;
  align-self: flex-start;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 5px;
  letter-spacing: .04em;
  margin-bottom: 14px;
}

.models-textgrid-card__name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 10px;
  line-height: 1.2;
}
.models-textgrid-card--wide .models-textgrid-card__name { font-size: 1.5rem; }

.models-textgrid-card__desc {
  font-size: 16px;
  color: #6b7280;
  line-height: 1.65;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.models-textgrid-card__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #2563eb;
  margin-top: 18px;
  transition: gap .2s;
}
.models-textgrid-card__link svg { width: 12px; height: 12px; transition: transform .2s; }
.models-textgrid-card:hover .models-textgrid-card__link { gap: 7px; }
.models-textgrid-card:hover .models-textgrid-card__link svg { transform: translateX(2px); }

/* 查看更多块 */
.models-textgrid-more {
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-decoration: none;
  color: #64748b;
  transition: background .22s, border-color .22s, color .22s, box-shadow .22s, transform .22s;
}
.models-textgrid-more:hover {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border-color: #bfdbfe;
  color: #1d4ed8;
  box-shadow: 0 6px 24px rgba(0,0,0,.08);
  transform: translateY(-2px);
}
.models-textgrid-more__icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #e2e8f0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .22s, transform .22s;
}
.models-textgrid-more:hover .models-textgrid-more__icon {
  background: #dbeafe;
  transform: translateX(3px);
}
.models-textgrid-more__icon svg { width: 20px; height: 20px; }
.models-textgrid-more__label { font-size: 14px; font-weight: 700; letter-spacing: .01em; }
.models-textgrid-more__sub { font-size: 12px; opacity: .6; }

/* 卡片渐变背景 */
.mtg-bg--1 { background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 55%, #dbeafe 100%);}
.mtg-bg--2 { background: linear-gradient(135deg, #fafafa 0%, #f5f3ff 55%, #ede9fe 100%);}
.mtg-bg--3 { background: linear-gradient(135deg, #f8fafc 0%, #ecfeff 55%, #cffafe 100%);}
.mtg-bg--4 { background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 55%, #c7d2fe 100%);}
.mtg-bg--5 { background: linear-gradient(135deg, #fff8f8 0%, #fff1f2 55%, #fecdd3 100%);}
.mtg-bg--6 { background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 55%, #bbf7d0 100%);}

.mtg-bg--6 .models-textgrid-card__deco { color: #16a34a; }

/* 主推英雄卡：蓝色渐变 */
/* 旧 hero 样式保留备用 */
.mtg-bg--hero {
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 40%, #3b82f6 100%);
  border-color: #1d4ed8;
}

/* U2-ASR 浅蓝渐变卡片 */
.mtg-bg--asr {
  background: linear-gradient(180deg, #eaf1fb 0%, #f6f9fe 100%) center / 100% 100% no-repeat,
              url('/static/yunzhi/assets/home_dmx_001-4c9ee59d8da988e54dc3feb1dfc570f8.jpg') right bottom / 160px auto no-repeat;
  border-color: #c7d2fe;
}
.mtg-bg--asr .models-textgrid-card__link { color: #2563eb; }

/* 内部布局：文字在上层，图片作背景定位在右下 */
.mtg-asr-body {
  display: flex;
  align-items: stretch;
  height: 100%;
  min-height: 200px;
  position: relative;
  background-image: url('/static/yunzhi/assets/home_dmx_001-4c9ee59d8da988e54dc3feb1dfc570f8.jpg');
  background-repeat: no-repeat;
  background-size: 295px 180px;
  background-position: right bottom;
}
.mtg-asr-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 28px 26px 22px;
  position: relative;
  z-index: 1;
  max-width: 60%;
}
.mtg-asr-desc {
  -webkit-line-clamp: unset;
}

/* 深色背景下的特性标签改为浅色 */
.mtg-tags--dark .models-textgrid-card__tag {
  background: #eff6ff;
  color: #1d4ed8;
  border-color: #bfdbfe;
}

/* 头部行：badge + 热门标签 */
.models-textgrid-card__head-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.models-textgrid-card__head-row .models-textgrid-card__badge { margin-bottom: 0; }

/* 热门 / 核心推荐标签 */
.models-textgrid-card__hot {
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
  background: #f97316;
  color: #fff;
  letter-spacing: .03em;
}
.mtg-hot--red { background: #ef4444; }

/* 特性标签行 */
.models-textgrid-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 4px;
}
.models-textgrid-card__tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(255,255,255,.18);
  color: rgba(255,255,255,.9);
  border: 1px solid rgba(255,255,255,.25);
}
.models-textgrid-card__tag i { font-size: 11px; }

/* 操作行：主按钮 + 链接 */
.models-textgrid-card__actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
}
.models-textgrid-card__btn-primary {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 8px;
  background: #fff;
  color: #1d4ed8;
  cursor: pointer;
  transition: background .18s, transform .18s;
}
.models-textgrid-card__btn-primary:hover { background: #eff6ff; transform: translateY(-1px); }
.mtg-bg--5 .models-textgrid-card__btn-primary { background: #ef4444; color: #fff; }
.mtg-bg--5 .models-textgrid-card__btn-primary:hover { background: #dc2626; }
.mtg-bg--5 .models-textgrid-card__actions .models-textgrid-card__link { color: #dc2626; }

/* badge 颜色 — 跟随卡片主色 */
.mtg-badge--speech       { background: #dbeafe; color: #1d4ed8; }
.mtg-badge--speech-indigo{ background: #ede9fe; color: #5b21b6; }
.mtg-badge--speech-cyan  { background: #cffafe; color: #0e7490; }
.mtg-badge--vision       { background: #e0e7ff; color: #4338ca; }
.mtg-badge--medical      { background: #ffe4e6; color: #be123c; }
.mtg-badge--nlp          { background: #e0f2fe; color: #0369a1; }
.mtg-badge--base         { background: #dcfce7; color: #15803d; }

@media (max-width: 1024px) {
  .models-textgrid-layout { grid-template-columns: 1fr; }
  .models-textgrid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .models-textgrid-card--wide { grid-column: 1 / 3; }
  .models-textgrid-more { grid-column: 1 / 3; min-height: 100px; }
}

@media (max-width: 640px) {
  .models-textgrid { grid-template-columns: 1fr; }
  .models-textgrid-card--wide,
  .models-textgrid-more { grid-column: 1; }
}

@media (max-width: 640px) {
  .models-cardgrid-panel { margin-top: 16px; }
  .models-cardgrid-pages { min-height: 340px; }
}

/* ==========================================
   AI产品矩阵 — 排版式清单
   ========================================== */
.home-products-editorial {
  padding: 5rem 0;
  background: #fff;
}

.products-editorial-list {
  margin-top: 4px;
  border-top: 1.5px solid #f3f4f6;
}

.products-editorial-item {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 22px 0;
  border-bottom: 1px solid #f3f4f6;
  text-decoration: none;
  color: inherit;
  transition: background .15s;
  border-radius: 8px;
  margin: 0 -16px;
  padding-left: 16px;
  padding-right: 16px;
}

.products-editorial-item:hover { background: #fafafa; }

/* 序号 */
.products-editorial-item__num {
  font-size: 12px;
  font-weight: 700;
  color: #e5e7eb;
  width: 2rem;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}

/* 缩略图 */
.products-editorial-item__thumb {
  width: 52px;
  height: 52px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 12px;
  background: #f3f4f6;
}
.products-editorial-item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.products-editorial-item:hover .products-editorial-item__thumb img {
  transform: scale(1.08);
}

/* 产品名 + 标签 */
.products-editorial-item__title {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 200px;
  flex-shrink: 0;
}

.products-editorial-item__name {
  font-size: 1rem;
  font-weight: 700;
  color: #111827;
  white-space: nowrap;
}

.products-editorial-item__badge {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 4px;
  letter-spacing: .04em;
  white-space: nowrap;
}

/* 分割线 */
.products-editorial-item__sep {
  width: 1px;
  height: 28px;
  background: #f3f4f6;
  flex-shrink: 0;
  margin: 0 24px;
}

/* 描述 */
.products-editorial-item__desc {
  flex: 1;
  font-size: 15px;
  color: #6b7280;
  line-height: 1.55;
}

/* 箭头 CTA */
.products-editorial-item__cta {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #2563eb;
  white-space: nowrap;
  margin-left: 20px;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .2s, transform .2s;
  flex-shrink: 0;
}
.products-editorial-item:hover .products-editorial-item__cta {
  opacity: 1;
  transform: translateX(0);
}
.products-editorial-item__cta svg { width: 13px; height: 13px; }

/* badge 颜色 */
.pe-badge--platform   { background: #ede9fe; color: #6d28d9; }
.pe-badge--enterprise { background: #dbeafe; color: #1d4ed8; }
.pe-badge--desktop    { background: #e0e7ff; color: #4338ca; }
.pe-badge--personal   { background: #e0f2fe; color: #0369a1; }
.pe-badge--medical    { background: #bae6fd; color: #0284c7; }

@media (max-width: 768px) {
  .products-editorial-item {
    flex-wrap: wrap;
    gap: 6px;
  }
  .products-editorial-item__title { width: auto; }
  .products-editorial-item__sep   { display: none; }
  .products-editorial-item__desc  { width: 100%; padding-left: 2rem; }
  .products-editorial-item__cta   { opacity: 1; transform: none; }
}

/* ==========================================
   场景落地 — 竖向行业条
   ========================================== */
.home-scene-strips-section {
  padding: 5rem 0;
  background: #f8fafc;
}

.scene-strips {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.scene-strip {
  display: grid;
  grid-template-columns: 220px 1fr;
  border-radius: 16px;
  overflow: hidden;
  min-height: 148px;
  background: #fff;
  border: 1px solid #eef0f2;
  text-decoration: none;
  color: inherit;
  transition: box-shadow .25s cubic-bezier(0,0,.5,1), transform .25s cubic-bezier(0,0,.5,1);
}

.scene-strip:hover {
  box-shadow: 0 8px 30px rgba(0,0,0,.09);
  transform: translateY(-2px);
}

/* 左图 */
.scene-strip__img {
  position: relative;
  overflow: hidden;
}

.scene-strip__img-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform .5s ease;
}
.scene-strip:hover .scene-strip__img-bg { transform: scale(1.06); }

/* 右内容 */
.scene-strip__content {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 20px 24px;
}

/* 标题区 */
.scene-strip__head { flex-shrink: 0; min-width: 100px; }

.scene-strip__badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 4px;
  letter-spacing: .04em;
  margin-bottom: 6px;
}

.scene-strip__title {
  font-size: 1.0625rem;
  font-weight: 700;
  color: #111827;
  line-height: 1.25;
}

/* 分割线 */
.scene-strip__vline {
  width: 1px;
  align-self: stretch;
  background: #f0f0f0;
  flex-shrink: 0;
}

/* 子项 2 列 */
.scene-strip__items {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px 20px;
}

.scene-strip__sub {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: #6b7280;
  line-height: 1.4;
}

.scene-strip__sub::before {
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #d1d5db;
  flex-shrink: 0;
}

/* 了解方案 */
.scene-strip__cta {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  font-weight: 600;
  color: #9ca3af;
  transition: color .2s;
}
.scene-strip__cta svg {
  width: 14px;
  height: 14px;
  transition: transform .2s;
}
.scene-strip:hover .scene-strip__cta { color: #2563eb; }
.scene-strip:hover .scene-strip__cta svg { transform: translateX(3px); }

/* 行业 badge 颜色 */
.ss-badge--medical   { background: rgba(3,105,161,.12);  color: #0369a1; }
.ss-badge--transport { background: rgba(29,78,216,.12);  color: #1d4ed8; }
.ss-badge--cockpit   { background: rgba(109,40,217,.12); color: #6d28d9; }
.ss-badge--marketing { background: rgba(30,64,175,.12);  color: #1e40af; }
.ss-badge--iot       { background: rgba(3,105,161,.12);  color: #0369a1; }

/* 响应式 */
@media (max-width: 1024px) {
  .scene-strip { grid-template-columns: 160px 1fr; }
  .scene-strip__items { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .scene-strip {
    grid-template-columns: 1fr;
    grid-template-rows: 110px auto;
  }
  .scene-strip__img { min-height: 110px; }
  .scene-strip__vline { display: none; }
  .scene-strip__content { flex-wrap: wrap; gap: 12px; padding: 14px 16px; }
  .scene-strip__items { grid-template-columns: 1fr 1fr; }
}