:root {
  
  --ak-d1:#053d2c; --ak-d2:#074b37; --ak-d3:#085e44; --ak-d4:#0a7152; --ak-d5:#0b835f; --ak-d6:#0d9b70;
  --ak-d7:#10b785; --ak-d8:#13d89d; --ak-d9:#16c591; --ak-d10:#2fdaa7; --ak-d11:#4fe6bb; --ak-d12:#d0fbee;
  --ak-l1:#f6fefc; --ak-l2:#eafdf7; --ak-l3:#dafbf1; --ak-l4:#c8f9ea; --ak-l5:#b1f6e2; --ak-l6:#95f3d7;
  --ak-l7:#71efc9; --ak-l8:#3eeab6; --ak-l9:#0b8963; --ak-l10:#0d7354; --ak-l11:#15c18d; --ak-l12:#0d7758;
  
  --ak-nd1:#181b1a; --ak-nd2:#1e2220; --ak-nd3:#262b29; --ak-nd4:#2f3533; --ak-nd5:#38403d; --ak-nd6:#464e4b;
  --ak-nd7:#565f5c; --ak-nd8:#6b7572; --ak-nd9:#66706c; --ak-nd10:#7a8581; --ak-nd11:#b4bcb9; --ak-nd12:#edeeed;
  --ak-nl1:#fcfdfc; --ak-nl2:#f7f8f7; --ak-nl3:#f0f2f1; --ak-nl4:#e8ebea; --ak-nl5:#dee3e1; --ak-nl6:#d2d8d6;
  --ak-nl7:#c0c8c5; --ak-nl8:#a6b0ac; --ak-nl9:#90a29b; --ak-nl10:#7a9088; --ak-nl11:#677a73; --ak-nl12:#353b39;

  
  --ask-r: 6px;
  --ask-r-lg: 8px;
  --ask-font: "Merriweather Sans", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --ask-gap: 18px;
  --ask-pad: 20px;
  --ask-max: 1080px;

  
  --ask-bg: #ffffff;
  --ask-soft: #f5f7f6;
  --ask-surface: #ffffff;
  --ask-line: #e6eae8;
  --ask-green: #0ea77a;
  --ask-green-deep: #0b8560;
  --ask-green-pale: #e5f6f0;
  --ask-navy: #0a1b4f;
  --ask-gold: #f1be2e;
  --ask-gold-deep: #d9a51a;
  --ask-primary: #0b8560;
  --ask-btn-text: #ffffff;
  --ask-text: #2b3631;
  --ask-title: #0a1b4f;
  --ask-muted: #5f736c;
  --ask-faint: #8a9a94;
  --ask-star: #d9a51a;
  --ask-thumb: linear-gradient(135deg, #cdeee2, #eaf7f2);
  --ask-video-bg: linear-gradient(135deg, #bfe8d8, #e8f6f0);
  --ask-quote-bg: #fdf8ea;
  --ask-pending-bg: #fdf6df;
  --ask-notice-border: #cfe9df;
  --ask-zebra: #fbfcfc;
  --ask-shadow: 0 0 40px rgba(51, 51, 51, .08);
  --ask-shadow-up: 0 10px 34px rgba(14, 167, 122, .16);
}


[data-mode="dark"] {
  --ask-bg: #131c19;
  --ask-soft: #1b2622;
  --ask-surface: #1a2420;
  --ask-line: #2b3833;
  --ask-green: #16c591;
  --ask-green-deep: #3dd4a8;
  --ask-green-pale: #17352c;
  --ask-navy: #0f1f52;
  --ask-gold: #f5c94a;
  --ask-gold-deep: #e0b23a;
  --ask-primary: #16c591;
  --ask-btn-text: #03231a;
  --ask-text: #d8e2dd;
  --ask-title: #e7efe9;
  --ask-muted: #94a49d;
  --ask-faint: #74847d;
  --ask-star: #f1be2e;
  --ask-thumb: linear-gradient(135deg, #1d3b32, #16302a);
  --ask-video-bg: linear-gradient(135deg, #17352c, #12241f);
  --ask-quote-bg: #2a2415;
  --ask-pending-bg: #2a2410;
  --ask-notice-border: #2b4a3e;
  --ask-zebra: rgba(255, 255, 255, .03);
  --ask-shadow: 0 0 40px rgba(0, 0, 0, .4);
  --ask-shadow-up: 0 10px 34px rgba(0, 0, 0, .5);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-mode]) {
    --ask-bg: #131c19; --ask-soft: #1b2622; --ask-surface: #1a2420; --ask-line: #2b3833; --ask-green: #16c591;
    --ask-green-deep: #3dd4a8; --ask-green-pale: #17352c; --ask-navy: #0f1f52; --ask-gold: #f5c94a;
    --ask-gold-deep: #e0b23a; --ask-primary: #16c591; --ask-btn-text: #03231a; --ask-text: #d8e2dd;
    --ask-title: #e7efe9; --ask-muted: #94a49d; --ask-faint: #74847d; --ask-star: #f1be2e;
    --ask-thumb: linear-gradient(135deg, #1d3b32, #16302a); --ask-video-bg: linear-gradient(135deg, #17352c, #12241f);
    --ask-quote-bg: #2a2415; --ask-pending-bg: #2a2410; --ask-notice-border: #2b4a3e; --ask-zebra: rgba(255, 255, 255, .03);
    --ask-shadow: 0 0 40px rgba(0, 0, 0, .4); --ask-shadow-up: 0 10px 34px rgba(0, 0, 0, .5);
  }
}