:root {
  
  --mt-d1:#3e050a; --mt-d2:#4c060d; --mt-d3:#5f0710; --mt-d4:#720913; --mt-d5:#850a16; --mt-d6:#9d0c1a;
  --mt-d7:#b90e1f; --mt-d8:#da1025; --mt-d9:#f11e33; --mt-d10:#ec5160; --mt-d11:#f6848f; --mt-d12:#fbd0d4;
  --mt-l1:#fef6f7; --mt-l2:#fdeaec; --mt-l3:#fbdadd; --mt-l4:#f9c7cc; --mt-l5:#f7b0b7; --mt-l6:#f4949e;
  --mt-l7:#f16f7c; --mt-l8:#ec3c4e; --mt-l9:#ce0d20; --mt-l10:#b01121; --mt-l11:#c31325; --mt-l12:#790c17;
  
  --mt-nd1:#1b1819; --mt-nd2:#221e1f; --mt-nd3:#2b2728; --mt-nd4:#342f30; --mt-nd5:#3f393a; --mt-nd6:#4e4648;
  --mt-nd7:#5f5658; --mt-nd8:#756c6e; --mt-nd9:#6f6769; --mt-nd10:#847b7d; --mt-nd11:#bbb4b6; --mt-nd12:#eeeded;
  --mt-nl1:#fdfcfc; --mt-nl2:#f8f7f7; --mt-nl3:#f2f0f1; --mt-nl4:#ebe8e9; --mt-nl5:#e3dedf; --mt-nl6:#d8d2d4;
  --mt-nl7:#c8c1c3; --mt-nl8:#afa6a9; --mt-nl9:#a19195; --mt-nl10:#8f7b80; --mt-nl11:#79686c; --mt-nl12:#3b3537;

  
  --match-r: 0px;
  --match-font: "Rubik", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --match-gap: 16px;
  --match-pad: 20px;
  --match-max: 1180px;

  
  --match-chrome-bg: #171717;
  --match-chrome-text: #ffffff;
  --match-chrome-muted: #9a949e;
  --match-chrome-line: #37343a;

  
  --match-bg-a: #17161a;
  --match-bg-b: #201d1f;
  --match-surface: var(--mt-nd3);
  --match-surface-2: var(--mt-nd4);
  --match-ink: #171519;
  --match-line: var(--mt-nd5);
  --match-red: #f5253a;
  --match-red-dim: var(--mt-d6);
  --match-primary: #d81326;
  --match-white: #ffffff;
  --match-title: #ffffff;
  --match-text: var(--mt-nd12);
  --match-muted: var(--mt-nd11);
  --match-faint: #756c6e;
  --match-star: #ffce2e;
  --match-link-hover: #ff5560;
  --match-score-bg: linear-gradient(100deg, #1d1b20, #2a2126 55%, #1d1b20);
  --match-red-glow: 0 0 0 1px rgba(255, 14, 31, .55), 0 0 14px rgba(255, 14, 31, .4);
  --match-red-drop: drop-shadow(0 0 8px rgba(255, 14, 31, .7));
  --match-shadow: 0 10px 30px rgba(0, 0, 0, .55);
}


[data-mode="light"] {
  --match-bg-a: #f6f4f5;
  --match-bg-b: #fbf9fa;
  --match-surface: #ffffff;
  --match-surface-2: #faf8f9;
  --match-ink: #efecec;
  --match-line: #e2dcdd;
  --match-red: #d81326;
  --match-red-dim: var(--mt-l10);
  --match-primary: #ce0d20;
  --match-white: #26201f;
  --match-title: #201c1d;
  --match-text: var(--mt-nl12);
  --match-muted: var(--mt-nl11);
  --match-faint: #9b8f92;
  --match-star: #c79000;
  --match-link-hover: #a30d1a;
  --match-score-bg: linear-gradient(100deg, #ffffff, #faf5f6 55%, #ffffff);
  --match-red-glow: 0 0 0 1px rgba(206, 13, 32, .35), 0 3px 10px rgba(206, 13, 32, .15);
  --match-red-drop: drop-shadow(0 1px 2px rgba(206, 13, 32, .3));
  --match-shadow: 0 10px 28px rgba(40, 20, 25, .10);
}
@media (prefers-color-scheme: light) {
  :root:not([data-mode]) {
    --match-bg-a: #f6f4f5; --match-bg-b: #fbf9fa; --match-surface: #ffffff; --match-surface-2: #faf8f9;
    --match-ink: #efecec; --match-line: #e2dcdd; --match-red: #d81326; --match-red-dim: var(--mt-l10);
    --match-primary: #ce0d20; --match-white: #26201f; --match-title: #201c1d; --match-text: var(--mt-nl12);
    --match-muted: var(--mt-nl11); --match-faint: #9b8f92; --match-star: #c79000; --match-link-hover: #a30d1a;
    --match-score-bg: linear-gradient(100deg, #ffffff, #faf5f6 55%, #ffffff);
    --match-red-glow: 0 0 0 1px rgba(206, 13, 32, .35), 0 3px 10px rgba(206, 13, 32, .15);
    --match-red-drop: drop-shadow(0 1px 2px rgba(206, 13, 32, .3)); --match-shadow: 0 10px 28px rgba(40, 20, 25, .10);
  }
}