/* ============================================================
   万域智瞰 · 成都站主题 ——「蜀韵」
   竹青 × 暖金 × 米纸 | 温润人文、茶馆暖光、蜀锦纹理
   ============================================================ */

:root{
  /* 暖调纸色体系 */
  --paper:      #f7f1e4;
  --paper-2:    #f0e6d2;
  --card:       #fffaf0;
  --line:       #e4d9c2;

  /* 竹青主色 + 暖金 */
  --accent:     #2f8f7d;
  --accent-deep:#1e6b5c;
  --accent-soft:rgba(47,143,125,.10);
  --gold:       #bf8a3e;
  --gold-2:     #d9b478;

  /* 暖墨文字 */
  --ink:        #20302b;
  --ink-2:      #4a5c54;
  --ink-3:      #7d8b82;

  --radius:14px;
  --shadow:0 18px 46px -16px rgba(62,48,23,.20);
  --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(191,138,62,.10), transparent 42%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cpath d='M18 18h36v36H18z M26 26h20v20H26z' fill='none' stroke='%23bf8a3e' stroke-opacity='.055' 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(217,164,74,.30), transparent 62%),
    linear-gradient(180deg, rgba(32,48,43,.30), transparent 42%, rgba(32,48,43,.42));
}
/* 川式屋檐 / 廊桥拱线 */
.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 78 Q 360 20 720 66 T 1440 54 L1440 120 Z' fill='%23f7f1e4'/%3E%3Cpath d='M0 84 Q 360 26 720 72 T 1440 60' fill='none' stroke='%23bf8a3e' stroke-opacity='.5' stroke-width='2'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;
}
/* 右侧竹枝剪影 */
.hero .wrap::after{
  content:"";position:absolute;right:-30px;top:6%;width:240px;height:420px;z-index:1;pointer-events:none;opacity:.16;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 360'%3E%3Cg fill='none' stroke='%231e6b5c' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M100 350 Q 96 220 104 90 Q 106 50 100 10'/%3E%3Cpath d='M104 150 Q 140 128 168 132 M104 150 Q 138 158 160 178'/%3E%3Cpath d='M101 230 Q 66 214 40 220 M101 230 Q 70 240 52 262'/%3E%3Cpath d='M103 70 Q 132 52 156 56 M103 70 Q 128 80 146 96'/%3E%3C/g%3E%3Cg fill='%231e6b5c'%3E%3Cellipse cx='170' cy='130' rx='16' ry='5' transform='rotate(-18 170 130)'/%3E%3Cellipse cx='162' cy='182' rx='14' ry='5' transform='rotate(24 162 182)'/%3E%3Cellipse cx='38' cy='222' rx='15' ry='5' transform='rotate(-14 38 222)'/%3E%3Cellipse cx='50' cy='266' rx='13' ry='4.6' transform='rotate(28 50 266)'/%3E%3Cellipse cx='158' cy='54' rx='14' ry='5' transform='rotate(-16 158 54)'/%3E%3Cellipse cx='148' cy='100' rx='13' ry='4.6' transform='rotate(22 148 100)'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}

.hero-badge{
  background:rgba(255,250,240,.14);border:1px solid rgba(217,180,120,.55);
  backdrop-filter:blur(6px);border-radius:999px;
}
.hero-side-card .hsc,.hero .hsc{
  background:rgba(255,250,240,.88);border:1px solid rgba(191,138,62,.35);
  border-radius:16px;backdrop-filter:blur(10px);
  box-shadow:0 20px 50px -18px rgba(62,48,23,.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(62,48,23,.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:#fffaf0;
}
.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(191,138,62,.16), transparent 60%),
    linear-gradient(160deg,#22322c,#182622 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)}