/* ===== 陕西文旅 全局样式 ===== */
* { margin:0; padding:0; box-sizing:border-box; }
:root{
  --red:#c0392b; --red-dark:#922b21; --gold:#d4a017; --cream:#faf6ef;
  --ink:#2c2c2c; --gray:#666; --line:#e5dcc8; --shadow:0 8px 30px rgba(0,0,0,.12);
}
body{
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;
  color:var(--ink); background:var(--cream); line-height:1.7;
}
a{ text-decoration:none; color:inherit; }
img{ max-width:100%; display:block; }

/* ===== 顶部导航 ===== */
.nav{
  background:linear-gradient(135deg,#8c2f1d,#c0392b,#8c2f1d);
  color:#fff; padding:14px 20px; position:sticky; top:0; z-index:100;
  box-shadow:0 4px 20px rgba(0,0,0,.25);
  display:flex; align-items:center; gap:20px; flex-wrap:wrap;
}
.nav .logo{ font-size:22px; font-weight:bold; letter-spacing:2px; display:flex; align-items:center; gap:8px; }
.nav .logo span{ background:var(--gold); color:#5a2a00; padding:2px 10px; border-radius:6px; font-size:14px; }
.nav .links{ display:flex; gap:6px; flex-wrap:wrap; margin-left:auto; }
.nav .links a{
  padding:7px 14px; border-radius:20px; font-size:14px; transition:.2s; color:#ffe8d6;
}
.nav .links a:hover,.nav .links a.active{ background:rgba(255,255,255,.18); color:#fff; }

/* ===== 横幅 ===== */
.hero{
  position:relative; height:60vh; min-height:320px; display:flex; align-items:center; justify-content:center;
  text-align:center; color:#fff; overflow:hidden; background:#222;
}
.hero img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.55; }
.hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.7)); }
.hero .content{ position:relative; z-index:2; padding:20px; }
.hero h1{ font-size:52px; letter-spacing:8px; text-shadow:0 4px 20px rgba(0,0,0,.6); margin-bottom:10px; }
.hero p{ font-size:18px; letter-spacing:3px; opacity:.95; }
.hero .tagline{ margin-top:16px; font-size:14px; letter-spacing:6px; color:#ffd966; }

/* ===== 内容容器 ===== */
.wrap{ max-width:1100px; margin:0 auto; padding:30px 20px; }
.intro{ text-align:center; margin:20px auto 40px; max-width:800px; }
.intro h2{ font-size:30px; color:var(--red); margin-bottom:14px; letter-spacing:2px; }
.intro p{ color:var(--gray); font-size:16px; }

/* ===== 卡片网格 ===== */
.grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:24px; margin:30px 0; }
.card{
  background:#fff; border-radius:14px; overflow:hidden; box-shadow:var(--shadow);
  transition:transform .25s, box-shadow .25s; display:flex; flex-direction:column;
}
.card:hover{ transform:translateY(-6px); box-shadow:0 16px 40px rgba(0,0,0,.18); }
.card .ph{ height:170px; overflow:hidden; position:relative; }
.card .ph img{ width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.card:hover .ph img{ transform:scale(1.08); }
.card .bd{ padding:16px; flex:1; display:flex; flex-direction:column; }
.card h3{ font-size:19px; color:var(--red); margin-bottom:8px; }
.card p{ font-size:14px; color:var(--gray); flex:1; }
.card .tag{ align-self:flex-start; background:#f3e9d2; color:#7a5c1e; padding:3px 10px; border-radius:12px; font-size:12px; margin-top:10px; }

/* ===== 章节块 ===== */
.section{ margin:50px auto; }
.section h2{ font-size:30px; color:var(--red); text-align:center; margin-bottom:30px; letter-spacing:3px; position:relative; }
.section h2::after{ content:""; display:block; width:60px; height:4px; background:var(--gold); margin:10px auto 0; border-radius:2px; }
.two-col{ display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; margin:30px 0; }
.two-col img{ border-radius:12px; box-shadow:var(--shadow); width:100%; height:280px; object-fit:cover; }
.two-col.reverse .imgside{ order:2; }
.two-col p{ color:var(--gray); margin:10px 0; }
.two-col ul{ list-style:none; }
.two-col li{ padding:6px 0; border-bottom:1px dashed var(--line); color:var(--ink); }
.two-col li::before{ content:"◆ "; color:var(--gold); }

/* ===== 表格 ===== */
table{ width:100%; border-collapse:collapse; margin:20px 0; background:#fff; border-radius:10px; overflow:hidden; box-shadow:var(--shadow); }
th,td{ padding:12px 16px; text-align:left; border-bottom:1px solid var(--line); }
th{ background:var(--red); color:#fff; font-weight:normal; letter-spacing:1px; }
tr:nth-child(even){ background:#fbf7ee; }

/* ===== 时间线 ===== */
.timeline{ position:relative; margin:30px 0; padding-left:30px; border-left:3px solid var(--red); }
.timeline .ev{ position:relative; margin-bottom:26px; padding-left:20px; }
.timeline .ev::before{ content:""; position:absolute; left:-39px; top:6px; width:16px; height:16px; border-radius:50%; background:var(--gold); border:3px solid #fff; box-shadow:0 0 0 3px var(--gold); }
.timeline .ev h4{ color:var(--red); font-size:18px; }
.timeline .ev .yr{ color:var(--gold); font-weight:bold; }
.timeline .ev p{ color:var(--gray); font-size:15px; }

/* ===== 引用块/提示 ===== */
.tip{ background:#fff8e6; border-left:5px solid var(--gold); padding:16px 20px; border-radius:0 10px 10px 0; margin:24px 0; }
.tip b{ color:#8a6d1a; }
.fact{ background:#fdecea; border-left:5px solid var(--red); padding:16px 20px; border-radius:0 10px 10px 0; margin:24px 0; }
.fact b{ color:var(--red); }

/* ===== 页脚 ===== */
.footer{ background:#2c2c2c; color:#aaa; text-align:center; padding:30px 20px; margin-top:50px; font-size:14px; }
.footer b{ color:#fff; }

/* ===== 响应式 ===== */
@media(max-width:720px){
  .hero h1{ font-size:34px; letter-spacing:4px; }
  .two-col{ grid-template-columns:1fr; }
  .two-col.reverse .imgside{ order:0; }
  .nav .links{ margin-left:0; width:100%; justify-content:center; }
}