/* ===== 第三套 · 智简云（仿 ZdsjuM2，独立视觉，不走橙蓝 IDC 风） ===== */
.theme-zdsju {
  --zj-blue: #0067ff;
  --zj-blue-deep: #0052d9;
  --zj-ink: #1d2129;
  --zj-muted: #86909c;
  --zj-line: #e5e6eb;
  --zj-soft: #f2f3f5;
  --zj-banner: #e8f3ff;
  --c-blue: #0067ff;
  --c-blue-dark: #0052d9;
  --c-orange: #0067ff; /* 覆盖 cloud 橙色，第三套不用橙 */
  --c-price: #e34d59;
}

body.theme-zdsju,
html.theme-zdsju body {
  background: #f7f8fa !important;
  color: var(--zj-ink);
}

/* 顶栏：更干净的华为云风 */
.theme-zdsju .topbar {
  background: #fff !important;
  border-bottom: 1px solid var(--zj-line) !important;
  box-shadow: none !important;
}
.theme-zdsju .brand::before {
  background: linear-gradient(135deg, #0067ff, #4d9fff) !important;
  border-radius: 6px !important;
}
.theme-zdsju .btn.primary {
  background: var(--zj-blue) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* 首屏：大面积浅蓝 Banner，去掉立方体 */
.theme-zdsju .tz-hero {
  min-height: 480px !important;
  padding: 72px 20px 120px !important;
  background:
    radial-gradient(800px 400px at 85% 30%, rgba(0, 103, 255, 0.14), transparent 60%),
    linear-gradient(180deg, #dcecff 0%, #eef6ff 45%, #f7f8fa 100%) !important;
}
.theme-zdsju .tz-ribbon,
.theme-zdsju .tz-dots,
.theme-zdsju .tz-visual {
  display: none !important;
}
.theme-zdsju .tz-hero .inner {
  grid-template-columns: 1.2fr 0.8fr !important;
  max-width: 1180px;
}
.theme-zdsju .tz-hero .inner::after {
  content: "";
  display: block;
  min-height: 280px;
  border-radius: 20px;
  background:
    url('/moe/assets/zdsju/product_quanqiu.svg') center 42% / 52% no-repeat,
    url('/moe/assets/zdsju/bg.jpg') center / cover no-repeat;
  box-shadow: 0 20px 50px rgba(0, 82, 217, 0.12);
  border: 1px solid rgba(0, 103, 255, 0.08);
  overflow: hidden;
}
@media (max-width: 960px) {
  .theme-zdsju .tz-hero .inner { grid-template-columns: 1fr !important; }
  .theme-zdsju .tz-hero .inner::after { min-height: 180px; }
}

.theme-zdsju .tz-tag {
  background: #fff !important;
  border: 1px solid #c9ddff;
  color: var(--zj-blue) !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
}
.theme-zdsju .tz-tag .hot {
  background: var(--zj-blue) !important;
  border-radius: 2px !important;
}
.theme-zdsju .tz-hero h1 {
  font-size: clamp(30px, 4vw, 42px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
.theme-zdsju .tz-hero h1 .hl {
  background: none !important;
  color: var(--zj-blue) !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 0 2px !important;
  border-bottom: 3px solid rgba(0, 103, 255, 0.35);
  border-radius: 0 !important;
  margin-left: 2px !important;
}
.theme-zdsju .tz-cta .btn-main {
  border-radius: 4px !important;
  background: var(--zj-blue) !important;
  box-shadow: none !important;
  padding: 12px 32px !important;
}
.theme-zdsju .tz-cta .btn-main:hover {
  background: var(--zj-blue-deep) !important;
  transform: none !important;
}

/* 活动条：悬浮在 Banner 底部（ZdsjuM2 events） */
.theme-zdsju .tz-strip {
  margin: -56px auto 0 !important;
  max-width: 1180px;
  padding: 0 20px !important;
  background: transparent !important;
  border: none !important;
  position: relative;
  z-index: 3;
}
.theme-zdsju .tz-strip .inner {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border: 1px solid var(--zj-line);
}
.theme-zdsju .tz-strip .cell {
  border-right: 1px solid var(--zj-line) !important;
  padding: 18px 16px !important;
  display: grid !important;
  grid-template-columns: 44px 1fr;
  grid-template-rows: auto auto;
  column-gap: 12px;
  align-items: center;
  cursor: pointer;
  background: #fff !important;
}
.theme-zdsju .tz-strip .cell:last-child { display: none !important; } /* 去掉第 5 个购物车格 */
.theme-zdsju .tz-strip .cell:nth-child(4) { border-right: none !important; }
.theme-zdsju .tz-strip .cell:hover { background: #f7fbff !important; }
.theme-zdsju .tz-strip .ico {
  grid-row: 1 / span 2;
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #edf4ff !important;
  color: var(--zj-blue) !important;
  margin: 0 !important;
}
.theme-zdsju .tz-strip .ico-img img {
  width: 26px;
  height: 26px;
}
.theme-zdsju .tz-strip strong {
  font-size: 15px !important;
  margin: 0 !important;
  color: var(--zj-ink);
}
.theme-zdsju .tz-strip span {
  font-size: 12px !important;
  color: var(--zj-muted) !important;
  margin: 0 !important;
}
@media (max-width: 900px) {
  .theme-zdsju .tz-strip .inner { grid-template-columns: 1fr 1fr !important; }
}

/* 畅销区 */
.theme-zdsju .tz-hot {
  padding-top: 48px !important;
  background: #f7f8fa;
}
.theme-zdsju .tz-sec .hd h2 {
  font-size: 26px !important;
  font-weight: 700 !important;
}
.theme-zdsju .tz-cat-pills button {
  border-radius: 4px !important;
  border: 1px solid transparent;
}
.theme-zdsju .tz-cat-pills button.on {
  background: #edf4ff !important;
  color: var(--zj-blue) !important;
  border-color: #c9ddff;
}
.theme-zdsju .tz-hot-card {
  border: 1px solid var(--zj-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  background: #fff;
}
.theme-zdsju .tz-hot-card:hover {
  border-color: #91bfff !important;
  box-shadow: 0 10px 28px rgba(0, 103, 255, 0.1) !important;
  transform: translateY(-2px);
}
.theme-zdsju .tz-hot-card .price {
  color: var(--c-price) !important;
}
.theme-zdsju .tz-hot-card .btn.buy {
  background: var(--zj-blue) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* 市场区 */
.theme-zdsju .tz-market {
  background: #fff;
}
.theme-zdsju .market-visual {
  min-height: 240px;
  border-radius: 12px;
  background:
    url('/moe/assets/zdsju/shichang.svg') center / 42% no-repeat,
    linear-gradient(120deg, rgba(232,243,255,.92), rgba(247,248,250,.85)),
    url('/moe/assets/zdsju/bg.jpg') center / cover no-repeat;
  border: 1px solid var(--zj-line);
  box-shadow: none;
}

/* 服务承诺条 */
.theme-zdsju .zdsju-service {
  background: #fff;
  border-top: 1px solid var(--zj-line);
  border-bottom: 1px solid var(--zj-line);
  padding: 28px 0;
}
.theme-zdsju .zdsju-service .inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 900px) {
  .theme-zdsju .zdsju-service .inner { grid-template-columns: 1fr 1fr; }
}
.theme-zdsju .zdsju-service .svc {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 14px 16px;
  border-radius: 8px;
  background: var(--zj-soft);
}
.theme-zdsju .zdsju-service .svc img { width: 36px; height: 36px; }
.theme-zdsju .zdsju-service strong { display: block; font-size: 15px; }
.theme-zdsju .zdsju-service span { color: var(--zj-muted); font-size: 12px; }

/* 加入我们：扁平蓝条，非渐变橙调 */
.theme-zdsju .tz-join {
  background: #0067ff !important;
}
.theme-zdsju .tz-join .btn-main {
  background: #fff !important;
  color: var(--zj-blue) !important;
  border-radius: 4px !important;
}

.theme-zdsju .tz-promise .pi {
  background: #edf4ff !important;
  color: var(--zj-blue) !important;
}

.theme-zdsju .tz-foot {
  background: #1d2129 !important;
}
.theme-zdsju .tz-foot .copy a.icp {
  color: inherit;
  text-decoration: none;
  margin-left: 4px;
}
.theme-zdsju .tz-foot .copy a.icp:hover {
  color: #91bfff;
  text-decoration: underline;
}

/* 产品选购页：更克制 */
.theme-zdsju .cloud-shop .shop-hero {
  background: linear-gradient(180deg, #e8f3ff, #f7f8fa) !important;
}
.theme-zdsju .cloud-shop .buy {
  background: var(--zj-blue) !important;
  border-radius: 4px !important;
}

/* 侧边 dock 弱化橙色 */
.theme-zdsju .tz-dock .dock-gift {
  background: var(--zj-blue) !important;
}