/* ====== 湘西站主题：土家族苗族民族风情（赭红+靛蓝+织锦） ====== */
:root {
  --rq-primary: #8b2e1a;
  --rq-primary-deep: #5a1c0d;
  --rq-primary-light: #c0463a;
  --rq-accent: #1e3a5f;
  --rq-soft: #fbf3ee;
  --rq-text: #2a1a10;
  --rq-muted: #6a4a3a;
}

body { color: var(--rq-text); }

.rq-header { background: rgba(255,255,255,.88); }
.rq-header.scrolled { background: rgba(255,255,255,.96); }
.rq-logo, .rq-logo-sub { color: var(--rq-primary); }
.rq-logo-divider { color: var(--rq-primary); opacity: .4; }
.rq-nav > a, .rq-nav-item > a { color: #2a1a10; }
.rq-nav > a:hover, .rq-nav-item > a:hover { color: var(--rq-primary); }
.rq-header-phone-num { color: var(--rq-primary); }

.rq-banner {
  background: linear-gradient(135deg, #5a1c0d 0%, #8b2e1a 50%, #c0463a 100%);
  color: #fff;
  position: relative;
}
.rq-banner-shape {
  background-image:
    radial-gradient(circle at 20% 30%, rgba(30,58,95,.30), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(255,200,160,.15), transparent 45%),
    repeating-linear-gradient(45deg, transparent 0 14px, rgba(255,255,255,.04) 14px 16px),
    repeating-linear-gradient(-45deg, transparent 0 14px, rgba(255,255,255,.04) 14px 16px);
  background-size: 100% 100%, 100% 100%, 32px 32px, 32px 32px;
}
.rq-banner-shape::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 75%, rgba(30,58,95,.18) 100%);
  pointer-events: none;
}
.rq-banner-kicker { color: #ffd9b3; border-color: rgba(255,217,179,.5); }
.rq-banner-title { color: #fff; }
.rq-banner-sub { color: rgba(255,235,225,.88); }
.rq-btn-primary { background: var(--rq-accent); color: #fff; }
.rq-btn-primary:hover { background: #2c4d7a; box-shadow: 0 14px 32px rgba(30,58,95,.4); }
.rq-banner-quick { background: rgba(90,28,13,.6); color: #fff; }
.rq-banner-dot { background: rgba(255,255,255,.4); }
.rq-banner-dot.active { background: #ffd9b3; }

.rq-section-products { background: var(--rq-soft); }
.rq-tabs { border-bottom: 2px dashed rgba(139,46,26,.2); padding-bottom: 24px; }
.rq-tab { border-color: rgba(139,46,26,.2); }
.rq-tab.active, .rq-tab:hover { background: var(--rq-primary); border-color: var(--rq-primary); color: #fff; }
.rq-product-card { border-top: 3px solid transparent; border-left: 1px solid rgba(139,46,26,.08); border-right: 1px solid rgba(139,46,26,.08); }
.rq-product-card:hover { border-top-color: var(--rq-accent); }
.rq-product-link { color: var(--rq-primary); }
.rq-product-tag { background: var(--rq-accent) !important; }

.rq-section-scenes { background: #fff; }
.rq-scene-card { border-top: 3px solid var(--rq-primary); position: relative; }
.rq-scene-card::before {
  content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 30px;
  background: linear-gradient(135deg, transparent 50%, var(--rq-primary) 50%);
}
.rq-scene-icon { background: linear-gradient(135deg, var(--rq-primary), var(--rq-accent)); color: #fff; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; }

.rq-section-about { background: var(--rq-soft); }
.rq-section-faq { background: #fff; }
.rq-about-hl { background: #fff; border: 1px solid rgba(139,46,26,.12); position: relative; }
.rq-about-hl::before { content: "◆"; color: var(--rq-accent); position: absolute; top: 8px; right: 12px; font-size: 12px; }
.rq-about-num { color: var(--rq-primary); }
.rq-about-hl:hover { background: var(--rq-primary); color: #fff; }
.rq-about-hl:hover .rq-about-num { color: #ffd9b3; }

.rq-section-contact { background: linear-gradient(135deg, #5a1c0d, #8b2e1a); color: #fff; }
.rq-section-contact .rq-section-sub { color: rgba(255,235,225,.8); }
.rq-contact-info { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); }
.rq-contact-item { border-color: rgba(255,255,255,.12); }
.rq-contact-qr { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); }

.rq-faq-item.open { box-shadow: 0 12px 36px rgba(139,46,26,.18); }
.rq-faq-item.open .rq-faq-q { color: var(--rq-primary); }

.rq-section-friendlink { background: #f8eee8; }
.rq-friendlink-title { color: var(--rq-primary); }
.rq-friendlink-list a:hover { color: var(--rq-primary); }