/* tpl4 —— 雾霾焦糖 */
:root {
  --bg:            #f0ede8;
  --bg-soft:       rgba(229,224,216,.5);
  --white:         #ffffff;
  --dark:          #2d3540;
  --ink:           #2d3540;
  --text:          #4a5568;
  --text-soft:     #5a6472;
  --muted:         #8a8e96;
  --line:          rgba(45,53,64,.1);

  --primary:       #c4835a;
  --primary-hover: #d4926a;
  --primary-deep:  #a66a44;
  --primary-light: #e5e0d8;
  --primary-soft:  rgba(196,131,90,.15);
  --primary-text:  #ffffff;

  --shadow-primary:      0 16px 32px rgba(196,131,90,.35);
  --shadow-primary-soft: 0 12px 28px rgba(196,131,90,.18);

  --radius-lg:   24px;
  --radius-md:   16px;
  --radius-sm:   10px;
  --radius-btn:  50px;
  --radius-pill: 50px;

  --font-title: "Noto Serif SC", "Songti SC", Georgia, serif;
  --font-body:  -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;

  --header-bg:           rgba(240,237,232,.92);
  --logo-mark-border:    rgba(95,113,134,.5);
  --logo-mark-color:     #5f7186;
  --logo-name-color:     #2d3540;
  --logo-sub-color:      #8a8e96;
  --nav-link-color:      #4a5568;
  --btn-consult-border:  rgba(45,53,64,.15);
  --btn-consult-color:   #2d3540;

  --hero-bg-solid:    #f0ede8;
  --hero-image:       url("https://images.unsplash.com/photo-1616394584738-fc6e612e71b9?auto=format&fit=crop&w=2200&q=90");
  --hero-overlay-1:   rgba(240,237,232,.9);
  --hero-overlay-2:   rgba(229,224,216,.65);
  --hero-overlay-3:   rgba(240,237,232,.45);
  --hero-text:        #2d3540;
  --hero-title-color: #2d3540;
  --hero-title-accent: #c4835a;
  --hero-desc-color:  #4a5568;
  --hero-tag-color:   #5f7186;

  --banner-image: url("https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=2200&q=90");

  --footer-text:      rgba(255,255,255,.72);
  --footer-text-weak: rgba(255,255,255,.5);

  --star-off: #e5e5e5;
}

/* 雾霾焦糖专属微调 */
.hero h1 { font-weight: 400; letter-spacing: -2px; }
.hero-tag { background: var(--white); border: 1px solid var(--line); border-radius: 50px; padding: 8px 22px; font-size: 12px; letter-spacing: 2.5px; color: var(--muted); }
.hero-tag span { display: none; }
.hero-tag:before { background: var(--primary); }
.hero-stats { border-top-color: rgba(45,53,64,.1); }
.stat-num { color: #2d3540; }
.stat-num small { color: #c4835a; }
.stat-item { color: var(--muted); }
.stat-label { color: var(--muted); }
.scroll-indicator { color: rgba(196,131,90,.5); }
.scroll-indicator:after { background: linear-gradient(180deg, rgba(196,131,90,.4), transparent); }