/* 花少2旅行人格：奶油底、综艺红、黑色粗描边。 */
:root {
  --r-bg: #f6efe0;
  --r-paper: #fffaf0;
  --r-ink: #1d1b18;
  --r-muted: #7a7368;
  --r-accent: #e23b2e;
  --r-accent-2: #f0a13a;
  --r-line: rgba(29, 27, 24, 0.16);
  --r-soft: #fff3df;
  --r-track: rgba(29, 27, 24, 0.1);
  --r-radius: 18px;
  --r-serif: "Songti SC", "STSong", Georgia, serif;
}

.hs2-report .r-topbar {
  max-width: 980px;
}

.hs2-report .hs2-brand-mark {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 2px solid #1d1b18;
  border-radius: 8px;
  background: #e23b2e;
  color: #fffaf0;
  font-weight: 800;
  box-shadow: 3px 3px 0 #1d1b18;
}

.hs2-report .hs2-brand-name {
  color: #1d1b18;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
}

.hs2-report .hs2-hero {
  position: relative;
  overflow: hidden;
  border: 2px solid #1d1b18;
  background: linear-gradient(135deg, #fffdf7, #ffe8d7);
  box-shadow: 6px 6px 0 #1d1b18;
}

.hs2-report .hs2-hero::after {
  content: 'TRAVEL';
  position: absolute;
  right: 24px;
  bottom: 10px;
  color: rgba(226, 59, 46, .12);
  font: 900 72px/1 Arial, sans-serif;
  letter-spacing: .08em;
  pointer-events: none;
}

.hs2-report .hs2-report-paper {
  border: 2px solid #1d1b18;
}

body {
  background:
    repeating-linear-gradient(45deg, rgba(226, 59, 46, 0.045) 0 2px, transparent 2px 16px),
    var(--r-bg);
}

.r-topbar {
  color: #3a352d;
}

.layout-variety .r-paper {
  background-image: linear-gradient(180deg, #fffdf7, #fff7e8);
}

.layout-variety .r-title {
  color: #1d1b18;
}

.layout-variety .r-badge {
  background: #e23b2e;
  border-color: #e23b2e;
  color: #fff;
  box-shadow: 3px 3px 0 rgba(29, 27, 24, 0.9);
}

.layout-variety .r-track i {
  background: linear-gradient(90deg, #f0a13a, #e23b2e);
}

.layout-variety .r-ring-fill {
  stroke: #e23b2e;
}

.layout-variety .r-section h2 {
  text-decoration: underline;
  text-decoration-color: rgba(226, 59, 46, 0.45);
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}

.layout-variety .r-card h3 {
  color: #c62f24;
}

.layout-variety .r-quote {
  background: #ffe3d9;
  border-color: #e23b2e;
  color: #4a1f1a;
}

.layout-variety .r-evidence-item {
  background: #fff8ec;
  border-style: dashed;
}
