/* =========================
   INNER PAGE UI SYSTEM
========================= */

/* 内页顶部说明区 */
.inner-hero {
  margin-bottom: 80px;
  max-width: 720px;
}

.inner-hero h1 {
  font-size: 42px;
  margin-bottom: 16px;
}

.inner-hero p {
  font-size: 16px;
  color: #a8a8a8;
  line-height: 1.9;
}

/* 内页内容区 */
.inner-content {
  display: grid;
  gap: 48px;
}

/* 覆盖 base.css 的 card 细节（更适合内页） */
.inner-content .card h2 {
  margin-top: 0;
  margin-bottom: 18px;
  font-size: 22px;
}



/* =========================
   INNER PAGE VISUAL ENHANCEMENT
   (Industrial Dark Style)
========================= */

/* 内页整体空间感 */
.page-container {
  position: relative;
}

/* 三栏整体“浮起” */
.inner-layout {
  background: radial-gradient(circle at 20% 0%, rgba(255,122,0,0.06), transparent 40%);
  padding: 40px;
  border-radius: 18px;
}

/* 主内容卡片 */
.inner-main .card {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01)),
    rgba(20,20,20,0.9);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  padding: 28px;
  box-shadow:
    0 0 0 1px rgba(255,122,0,0.02),
    0 18px 40px rgba(0,0,0,0.6);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.inner-main .card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 0 0 1px rgba(255,122,0,0.18),
    0 28px 60px rgba(0,0,0,0.75);
}

/* 辅助区卡片稍弱 */
.inner-side .card {
  background: rgba(18,18,18,0.85);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  padding: 22px;
  opacity: 0.9;
}

/* Tips 区更加“提醒风格” */
.inner-tips .card.notice {
  background:
    linear-gradient(135deg, rgba(255,122,0,0.18), rgba(255,122,0,0.05)),
    rgba(16,16,16,0.95);
  border: 1px solid rgba(255,122,0,0.4);
  color: #ffd7b0;
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 0 38px rgba(255,122,0,0.12);
}

/* 内页 H2 标题强调 */
.inner-main h2 {
  color: #ffb35c;
  letter-spacing: 0.4px;
}

/* 内页 Hero 微光源 */
.inner-hero {
  background: radial-gradient(circle at 10% 20%, rgba(255,122,0,0.18), transparent 55%);
  padding: 80px 0 40px;

  /* ✅ 新增：圆角 + 截断渐变 */
  border-radius: 24px;
  overflow: hidden;
}


/* =========================
   INNER PAGE PRO REFINEMENT
   (High-End Industrial Tone)
========================= */

/* 降低整体橙光强度，更偏“暗场高级感” */
.inner-layout {
  background: radial-gradient(circle at 18% 0%, rgba(255,122,0,0.035), transparent 42%);
}

/* 主内容区更“稳重”、“金属感” */
.inner-main .card {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0)),
    rgba(17,17,17,0.95);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow:
    0 0 0 1px rgba(255,122,0,0.015),
    0 16px 36px rgba(0,0,0,0.65);
}

/* hover 只做“轻微抬升”，不再跳 */
.inner-main .card:hover {
  transform: translateY(-2px);
  box-shadow:
    0 0 0 1px rgba(255,122,0,0.12),
    0 22px 46px rgba(0,0,0,0.75);
}

/* 辅助区整体压暗，明确“不是主角” */
.inner-side .card {
  background: rgba(15,15,15,0.85);
  border: 1px solid rgba(255,255,255,0.04);
  opacity: 0.82;
}

/* Tips 区改为“工业警示牌”，不再发光 */
.inner-tips .card.notice {
  background:
    linear-gradient(135deg, rgba(255,122,0,0.12), rgba(255,122,0,0.03)),
    rgba(13,13,13,0.95);
  border: 1px solid rgba(255,122,0,0.28);
  color: #ffd2a8;
  box-shadow: none;
}

/* H2 标题橙色改为“金属橙”，不再发亮 */
.inner-main h2 {
  color: #ff9a2f;
}