/* ============================================================
   万域智瞰 · 重庆站主题 ——「山城红」
   江火红 × 暖金 × 米纸 | 两江夜色、吊脚楼影、层叠梯坎
   ============================================================ */

:root{
  /* 暖调纸色体系 */
  --paper:      #f8f2ea;
  --paper-2:    #f0e6d6;
  --card:       #fdf7ee;
  --line:       #e6d8c4;

  /* 山城红主色 + 暖金 */
  --accent:     #C2452D;
  --accent-deep:#8E2F1B;
  --accent-soft:rgba(194,69,45,.10);
  --gold:       #bf8a3e;
  --gold-2:     #d9b478;

  /* 暖墨文字 */
  --ink:        #2E2723;
  --ink-2:      #54463d;
  --ink-3:      #857568;

  --radius:14px;
  --shadow:0 18px 46px -16px rgba(74,38,20,.22);
  --shadow-gold:0 18px 48px -14px rgba(191,138,62,.40);
}

/* ---------- 梯坎暗纹底（山城阶梯，极浅） ---------- */
body{
  background-color:var(--paper);
  background-image:
    radial-gradient(circle at 82% -6%, rgba(194,69,45,.08), transparent 42%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cpath d='M0 84V56h28V28h28V0h28 M14 84V70h28V42h28' fill='none' stroke='%23C2452D' stroke-opacity='.05' stroke-width='1.2'/%3E%3C/svg%3E");
}

/* ---------- HERO：江火暖光 + 两江波线 ---------- */
.hero,.page-hero{isolation:isolate}
.hero::before,.page-hero::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(58% 70% at 78% 30%, rgba(194,69,45,.28), transparent 62%),
    linear-gradient(180deg, rgba(46,39,35,.32), transparent 42%, rgba(46,39,35,.44));
}
/* 两江交汇波线 */
.hero::after,.page-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:120px;z-index:2;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120 L0 82 Q 240 44 480 74 T 960 66 T 1440 78 L1440 120 Z' fill='%23f8f2ea'/%3E%3Cpath d='M0 88 Q 240 50 480 80 T 960 72 T 1440 84' fill='none' stroke='%23C2452D' stroke-opacity='.45' stroke-width='2'/%3E%3Cpath d='M0 98 Q 260 66 520 92 T 1000 84 T 1440 94' fill='none' stroke='%23bf8a3e' stroke-opacity='.35' stroke-width='1.6'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;
}
/* 右侧吊脚楼剪影 */
.hero .wrap::after{
  content:"";position:absolute;right:-20px;top:8%;width:260px;height:400px;z-index:1;pointer-events:none;opacity:.15;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 380'%3E%3Cg fill='none' stroke='%238E2F1B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 150 70 118 110 150 M110 150 150 118 190 150'/%3E%3Cpath d='M42 150v58h156v-58 M42 208h156'/%3E%3Cpath d='M60 208v40 M92 208v40 M124 208v40 M156 208v40 M188 208v40'/%3E%3Cpath d='M48 248v96 M80 248v96 M112 248v96 M144 248v96 M176 248v96 M198 248v96'/%3E%3Cpath d='M36 344h180'/%3E%3Cpath d='M70 118v-28h28v28 M150 118v-28h28v28'/%3E%3C/g%3E%3Cg fill='%238E2F1B'%3E%3Crect x='62' y='164' width='14' height='14'/%3E%3Crect x='142' y='164' width='14' height='14'/%3E%3Ccircle cx='120' cy='100' r='5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}

.hero-badge{
  background:rgba(253,247,238,.14);border:1px solid rgba(217,180,120,.55);
  backdrop-filter:blur(6px);border-radius:999px;
}
.hero-side-card .hsc,.hero .hsc{
  background:rgba(253,247,238,.88);border:1px solid rgba(194,69,45,.30);
  border-radius:16px;backdrop-filter:blur(10px);
  box-shadow:0 20px 50px -18px rgba(74,38,20,.35);
}

/* ---------- 标题与人文细节 ---------- */
.sec-title,.hero h1,.ph-title{letter-spacing:.02em}
.sec-title em,.hero h1 em,.ph-title em{color:var(--gold);font-style:normal}
.eyebrow{color:var(--accent-deep);letter-spacing:.32em}
.eyebrow::before{content:"";display:inline-block;width:26px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}
.divider-gold{background:linear-gradient(90deg,var(--gold),transparent);height:2px;border-radius:2px}

/* ---------- 卡片：温润大圆角 ---------- */
.card,.sol-card,.case-card,.news-item,.faq-item,.stat,.feature-card,
.value-card,.contact-form,.ci-card,.article-body,.tl-card{
  border-radius:var(--radius);
  border:1px solid var(--line);
  box-shadow:0 4px 18px -8px rgba(74,38,20,.10);
}
.card:hover,.sol-card:hover,.case-card:hover,.feature-card:hover{
  box-shadow:var(--shadow);transform:translateY(-4px);
}
.sol-card .sc-icon,.fc-icon{
  border-radius:12px;background:linear-gradient(135deg,var(--accent-soft),rgba(191,138,62,.14));
  color:var(--accent-deep);
}

/* ---------- 按钮：圆润暖金 ---------- */
.btn{border-radius:999px;letter-spacing:.06em}
.btn-gold{
  background:linear-gradient(120deg,#d9a558,#bf8a3e 60%,#a9772f);
  box-shadow:var(--shadow-gold);color:#fdf7ee;
}
.btn-gold:hover{filter:brightness(1.06);transform:translateY(-2px)}
.btn-primary{background:var(--accent-deep);border-radius:999px}
.btn-primary:hover{background:var(--accent)}

/* ---------- 深色带：暖墨底 + 金 ---------- */
.cap-band,.cta-band,.footer{
  background:
    radial-gradient(60% 90% at 85% 10%, rgba(194,69,45,.20), transparent 60%),
    linear-gradient(160deg,#33261f,#211915 70%);
}
.footer a:hover{color:var(--gold-2)}

/* ---------- 顶部导航（底色统一由 common.css 管理：半透明白+毛玻璃） ---------- */
.main-nav .nav-link:hover,.main-nav .nav-link.active{color:var(--accent-deep)}

/* ---------- FAQ / 表单等细节 ---------- */
.faq-item summary::after{color:var(--gold)}
.form-row input:focus,.form-row textarea:focus,.form-row select:focus{
  border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);
}
::selection{background:var(--gold);color:#fff}

/* ---------- 时间轴 ---------- */
.timeline::before{background:linear-gradient(180deg,var(--gold),var(--accent))}
.tl-item .tl-dot{border-color:var(--gold);background:var(--paper)}

/* ---------- 数据大屏入口条等强调 ---------- */
.ai-platforms span{border-color:rgba(191,138,62,.4);color:var(--ink-2)}
.trust-bar{border-block:1px solid var(--line);background:var(--paper-2)}