/* ====== 玉林站主题：侨乡岭南暖色风 ====== */
:root {
  --rq-primary: #d35d2c;
  --rq-primary-deep: #9a3f1a;
  --rq-primary-light: #e88a5e;
  --rq-accent: #d4a017;
  --rq-soft: #fcf2eb;
  --rq-text: #2a1f17;
  --rq-muted: #6a5648;
}

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: #2a1f17; }
.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, #9a3f1a 0%, #d35d2c 50%, #e88a5e 100%);
  color: #fff;
}
.rq-banner-shape {
  background-image:
    radial-gradient(circle at 20% 30%, rgba(212,160,23,.32), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(255,255,255,.16), transparent 40%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), transparent 60%),
    repeating-linear-gradient(135deg, transparent 0, transparent 30px, rgba(255,255,255,.04) 30px, rgba(255,255,255,.04) 32px);
  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%;
}
.rq-banner-kicker { color: #f7dca0; border-color: rgba(247,220,160,.6); }
.rq-banner-title { color: #fff; }
.rq-banner-sub { color: rgba(255,255,255,.88); }
.rq-btn-primary { background: var(--rq-accent); color: #2a1f17; }
.rq-btn-primary:hover { background: #e6b32a; box-shadow: 0 14px 32px rgba(212,160,23,.4); }
.rq-banner-quick { background: rgba(154,63,26,.55); color: #fff; }
.rq-banner-dot { background: rgba(255,255,255,.4); }
.rq-banner-dot.active { background: var(--rq-accent); }

.rq-section-products { background: var(--rq-soft); }
.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; }
.rq-product-card:hover { border-top-color: var(--rq-accent); }
.rq-product-link { color: var(--rq-primary); }

.rq-section-scenes { background: #fff; }
.rq-scene-card { border-top: 3px solid transparent; }
.rq-scene-card:hover { border-top-color: var(--rq-primary-light); }
.rq-scene-icon { background: linear-gradient(135deg, var(--rq-primary), var(--rq-accent)); color: #fff; width: 64px; height: 64px; border-radius: 16px; 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: linear-gradient(135deg, #ffffff, #fcf2eb); border: 1px solid rgba(211,93,44,.1); }
.rq-about-num { color: var(--rq-primary); }
.rq-about-hl:hover { background: linear-gradient(135deg, var(--rq-primary), var(--rq-primary-deep)); color: #fff; }
.rq-about-hl:hover .rq-about-num { color: var(--rq-accent); }

.rq-section-contact { background: linear-gradient(135deg, #9a3f1a, #d35d2c); color: #fff; }
.rq-section-contact .rq-section-sub { color: rgba(255,255,255,.8); }
.rq-contact-info { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
.rq-contact-item { border-color: rgba(255,255,255,.1); }
.rq-contact-qr { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }

.rq-faq-item.open { box-shadow: 0 12px 36px rgba(211,93,44,.15); }
.rq-faq-item.open .rq-faq-q { color: var(--rq-primary); }

.rq-section-friendlink { background: #fdf3ec; }
.rq-friendlink-title { color: var(--rq-primary); }