/* ============================================================
   万域智瞰 · 西安站主题 ——「古都金」
   城墙金 × 青铜 × 宣纸 | 垛口城垣、雁塔剪影、青铜回纹
   ============================================================ */

:root{
  /* 宣纸灰纸色体系 */
  --paper:      #f4f1ea;
  --paper-2:    #eae5d7;
  --card:       #fbf8f0;
  --line:       #ddd4bf;

  /* 古都金主色 + 青铜金 */
  --accent:     #A67C1F;
  --accent-deep:#7A5A10;
  --accent-soft:rgba(166,124,31,.10);
  --gold:       #b08a2e;
  --gold-2:     #d0b06a;

  /* 古墨文字 */
  --ink:        #2B2A26;
  --ink-2:      #514d44;
  --ink-3:      #84806f;

  --radius:12px;
  --shadow:0 18px 46px -16px rgba(64,50,18,.22);
  --shadow-gold:0 18px 48px -14px rgba(176,138,46,.38);
}

/* ---------- 青铜回纹底（方胜纹，极浅） ---------- */
body{
  background-color:var(--paper);
  background-image:
    radial-gradient(circle at 82% -6%, rgba(166,124,31,.09), transparent 42%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='76' viewBox='0 0 76 76'%3E%3Cpath d='M20 20h36v36H20z M28 28h20v20H28z M20 38h8 M48 38h8 M38 20v8 M38 48v8' fill='none' stroke='%23A67C1F' 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(176,138,46,.26), transparent 62%),
    linear-gradient(180deg, rgba(43,42,38,.32), transparent 42%, rgba(43,42,38,.44));
}
/* 城墙垛口 */
.hero::after,.page-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:96px;z-index:2;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 96' preserveAspectRatio='none'%3E%3Cpath d='M0 96 L0 60 L60 60 60 40 110 40 110 60 220 60 220 40 270 40 270 60 380 60 380 40 430 40 430 60 540 60 540 40 590 40 590 60 700 60 700 40 750 40 750 60 860 60 860 40 910 40 910 60 1020 60 1020 40 1070 40 1070 60 1180 60 1180 40 1230 40 1230 60 1330 60 1330 40 1380 40 1380 60 1440 60 L1440 96 Z' fill='%23f4f1ea'/%3E%3Cpath d='M0 60 L60 60 60 40 110 40 110 60 220 60 220 40 270 40 270 60 380 60 380 40 430 40 430 60 540 60 540 40 590 40 590 60 700 60 700 40 750 40 750 60 860 60 860 40 910 40 910 60 1020 60 1020 40 1070 40 1070 60 1180 60 1180 40 1230 40 1230 60 1330 60 1330 40 1380 40 1380 60 1440 60' fill='none' stroke='%23b08a2e' stroke-opacity='.45' stroke-width='2'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;
}
/* 右侧大雁塔剪影 */
.hero .wrap::after{
  content:"";position:absolute;right:0;top:4%;width:220px;height:430px;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 200 420'%3E%3Cg fill='none' stroke='%237A5A10' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M100 14v22'/%3E%3Cpath d='M78 62 100 36 122 62 M70 62h60v34H70z M62 96h76'/%3E%3Cpath d='M76 130 100 104 124 130 M68 130h64v36H68z M60 166h80'/%3E%3Cpath d='M74 200 100 172 126 200 M66 200h68v38H66z M58 238h84'/%3E%3Cpath d='M72 272 100 244 128 272 M64 272h72v40H64z M56 312h88'/%3E%3Cpath d='M70 348 100 318 130 348 M62 348h76v56H62z'/%3E%3Cpath d='M88 404v-24h24v24'/%3E%3C/g%3E%3Cg fill='%237A5A10'%3E%3Ccircle cx='100' cy='12' r='5'/%3E%3Crect x='92' y='72' width='16' height='14'/%3E%3Crect x='92' y='140' width='16' height='15'/%3E%3Crect x='92' y='210' width='16' height='16'/%3E%3Crect x='92' y='282' width='16' height='17'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}

.hero-badge{
  background:rgba(251,248,240,.14);border:1px solid rgba(208,176,106,.55);
  backdrop-filter:blur(6px);border-radius:999px;
}
.hero-side-card .hsc,.hero .hsc{
  background:rgba(251,248,240,.88);border:1px solid rgba(166,124,31,.32);
  border-radius:14px;backdrop-filter:blur(10px);
  box-shadow:0 20px 50px -18px rgba(64,50,18,.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(64,50,18,.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:10px;background:linear-gradient(135deg,var(--accent-soft),rgba(176,138,46,.14));
  color:var(--accent-deep);
}

/* ---------- 按钮：端正金 ---------- */
.btn{border-radius:999px;letter-spacing:.06em}
.btn-gold{
  background:linear-gradient(120deg,#c49a3e,#b08a2e 60%,#97741f);
  box-shadow:var(--shadow-gold);color:#fbf8f0;
}
.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(166,124,31,.18), transparent 60%),
    linear-gradient(160deg,#2c2820,#1d1a14 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(176,138,46,.4);color:var(--ink-2)}
.trust-bar{border-block:1px solid var(--line);background:var(--paper-2)}