/* KOL雷达首页 · 布局 1:1 复刻自币圈百晓生,配色替换为蓝白灰 */
:root {
    --bg: #eef1f6;
    --bg-deep: #e4e8f0;
    --card: #ffffff;
    --card-hover: #f5f8fc;
    --border: #e2e7ef;
    --border-strong: #cfd6e2;
    --gold: #2563eb;
    --gold-soft: #3b78f0;
    --gold-deep: #c2cddd;
    --moon: #1a2130;
    --dust: #5b6472;
    --dust-soft: #9aa3b2;
    --vermilion: #e0455e;
    --jade: #12b886;
    --shadow: 0 2px 20px rgba(40,60,100,0.10);
    --shadow-sm: 0 1px 2px rgba(40,60,100,0.08);
    --shadow-md: 0 8px 26px rgba(40,60,100,0.14);
    --radius: 10px;
    --radius-sm: 6px;
    --radius-xs: 4px;
    --hairline: rgba(37,99,235,0.10);
    --header-bg: rgba(238,241,246,0.88);
    --fade-to-card: linear-gradient(transparent, var(--card));
    color-scheme: light;
  }
  [data-theme="dark"] {
    --bg: #0a0c12;
    --bg-deep: #05070c;
    --card: #14171e;
    --card-hover: #1c2028;
    --border: #262b35;
    --border-strong: #363c48;
    --gold: #4d8dff;
    --gold-soft: #6ba0ff;
    --gold-deep: #2a3444;
    --moon: #e8ecf3;
    --dust: #8a94a3;
    --dust-soft: #626b7a;
    --vermilion: #f2687e;
    --jade: #2fcf9a;
    --shadow: 0 2px 20px rgba(0,0,0,0.5);
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
    --shadow-md: 0 8px 26px rgba(0,0,0,0.55);
    --hairline: rgba(77,141,255,0.14);
    --header-bg: rgba(10,12,18,0.85);
    color-scheme: dark;
  }

  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body {
    background: var(--bg);
    color: var(--moon);
    font: 15px/1.55 -apple-system, "system-ui", "PingFang SC", "Microsoft YaHei", sans-serif;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 40px;
  }

  a { color: var(--gold); text-decoration: none; }
  a:hover { color: var(--gold-soft); }

  /* ---------- Header ---------- */
  .header {
    position: sticky; top: 0; z-index: 30;
    background: var(--header-bg);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--hairline);
  }
  .header-inner {
    padding: 16px 0 14px;
    display: grid;
    grid-template-columns: 1fr min(720px, 100%) 1fr;
    align-items: center;
    column-gap: 16px;
  }
  /* 设计基线 1368px：720 主 + 两侧各 324(24 gap + 300 sidebar)
     视口窄于此时用 JS 打 html.zoom 整体等比缩放，比例永远保持 */
  .brand {
    grid-column: 1;
    justify-self: start;
    padding-left: max(32px, calc(50vw - 684px));
  }
  .header-right {
    grid-column: 3;
    justify-self: end;
    padding-right: max(32px, calc(50vw - 684px));
    display: flex; align-items: center; gap: 12px;
  }
  .header-mid {
    grid-column: 2;
    display: flex; align-items: center;
    padding: 0 20px;
  }
  .brand { display: flex; align-items: center; gap: 10px; }
  .brand-mark {
    width: 34px; height: 34px; border-radius: 50%;
    background: var(--card);
    border: 1.5px solid var(--gold);
    display: flex; align-items: center; justify-content: center;
    font-family: inherit;
    color: var(--gold); font-weight: 700; font-size: 17px;
    box-shadow: 0 0 12px rgba(37, 99, 235,0.15);
  }
  .brand-text { line-height: 1.1; }
  .brand-name {
    font-family: inherit;
    font-size: 18px; font-weight: 700; letter-spacing: 2px;
    color: var(--moon);
  }
  .brand-sub {
    font-size: 11px; color: var(--dust);
    letter-spacing: 3px; margin-top: 2px;
  }
  .ws-badge {
    display: flex; align-items: center; gap: 6px;
    font-size: 12px; color: var(--dust);
  }
  #wsText { display: none; }
  .ws-dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: var(--vermilion);
    box-shadow: 0 0 0 3px rgba(184,58,40,0.15);
  }
  .ws-dot.live {
    background: var(--jade);
    box-shadow: 0 0 0 3px rgba(61,138,114,0.18);
    animation: pulse 1.8s infinite;
  }
  @keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:.5;} }

  /* ---------- Tabs ---------- */
  .tabs {
    display: flex; gap: 6px; overflow-x: auto;
    scrollbar-width: none;
    min-width: 0;
    flex: 0 1 auto;
  }
  .tabs::-webkit-scrollbar { display: none; }
  .tab {
    padding: 7px 14px;
    border-radius: 999px;
    background: transparent;
    border: 1px solid transparent;
    color: var(--dust);
    font-size: 13px; font-weight: 500;
    cursor: pointer; white-space: nowrap;
    transition: all .15s;
  }
  .tab:hover { color: var(--moon); background: rgba(37, 99, 235,0.06); }
  .tab.active {
    color: var(--gold);
    background: var(--card);
    border-color: var(--border-strong);
    box-shadow: var(--shadow-sm);
  }
  /* 「日历」tab 仅 H5 (≤640) 显示，桌面等比缩放不需要 */
  .mobile-cal-tab { display: none; }
  @media (max-width: 640px) {
    .mobile-cal-tab { display: inline-flex; }
  }

  /* ---------- Main + Sidebar ---------- */
  main {
    max-width: 720px; margin: 0 auto;
    padding: 18px 20px;
  }
  /* sidebar 固定 300 宽 + 24 gap，视口窄时由 JS zoom 整体等比缩放 */
  .sidebar {
    position: fixed;
    top: 90px;
    left: calc(50% + 360px + 24px);
    width: 300px;
    max-height: calc(100vh - 110px);
    display: flex; flex-direction: column;
    z-index: 5;
  }
  .calendar-side {
    position: fixed;
    top: 90px;
    right: calc(50% + 360px + 24px);
    width: 300px;
    max-height: calc(100vh - 110px);
    display: flex; flex-direction: column;
    z-index: 5;
  }
  .sidebar-head {
    display: flex; gap: 4px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 10px 10px 0 0;
    padding: 6px;
    border-bottom: none;
  }
  .sidebar-tab {
    flex: 1;
    padding: 6px 10px;
    border: none;
    background: transparent;
    color: var(--dust);
    font-size: 13px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: all .15s;
  }
  .sidebar-tab:hover { color: var(--moon); background: rgba(37, 99, 235,0.05); }
  .sidebar-tab.active {
    background: var(--gold);
    color: #fff;
  }
  [data-theme="dark"] .sidebar-tab.active { color: #0a0a14; }
  .sidebar-body {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 0 0 10px 10px;
    box-shadow: var(--shadow-sm);
    overflow-y: auto;
    max-height: 100%;
    scrollbar-width: thin;
  }
  .sidebar-search {
    padding: 8px 10px;
    border-bottom: 1px solid var(--hairline);
    background: rgba(37, 99, 235,0.03);
  }
  .sidebar-subtabs {
    display: flex;
    padding: 4px 6px;
    gap: 2px;
    border-bottom: 1px solid var(--hairline);
    background: rgba(37, 99, 235,0.02);
  }
  .sidebar-subtab {
    flex: 1;
    padding: 5px 4px;
    border: none;
    background: transparent;
    color: var(--dust);
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    transition: all .15s;
  }
  .sidebar-subtab:hover { color: var(--moon); }
  .sidebar-subtab.active {
    color: var(--gold);
    background: rgba(37, 99, 235,0.08);
  }
  [data-theme="dark"] .sidebar-subtab.active {
    background: rgba(77,141,255,0.14);
  }
  .sidebar-search input {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--bg);
    color: var(--moon);
    font-size: 12.5px;
    font-family: inherit;
    outline: none;
    transition: border-color .15s;
  }
  .sidebar-search input:focus { border-color: var(--gold); }
  .sidebar-search input::placeholder { color: var(--dust-soft); }
  .sidebar-updated {
    padding: 6px 12px;
    font-size: 11px;
    color: var(--dust-soft);
    border-bottom: 1px solid var(--hairline);
    background: rgba(37, 99, 235,0.03);
  }
  .ticker-row {
    display: flex; align-items: center;
    padding: 9px 12px;
    border-bottom: 1px solid var(--hairline);
    gap: 8px;
    transition: background .12s;
  }
  .ticker-row:hover { background: var(--card-hover); }
  .ticker-row:last-child { border-bottom: none; }
  .ticker-symbol {
    font-weight: 600;
    color: var(--moon);
    font-size: 13px;
    min-width: 68px;
  }
  .ticker-symbol .quote {
    color: var(--dust-soft);
    font-weight: 400;
    font-size: 11px;
  }
  .ticker-price {
    color: var(--moon);
    font-size: 12.5px;
    font-variant-numeric: tabular-nums;
    margin-left: auto;
    text-align: right;
    min-width: 68px;
  }
  .ticker-change {
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    min-width: 62px;
    text-align: right;
    padding: 2px 6px;
    border-radius: 4px;
  }
  .ticker-change.up { color: var(--jade); background: rgba(61,138,114,0.10); }
  .ticker-change.down { color: var(--vermilion); background: rgba(184,58,40,0.10); }
  .ticker-change.flat { color: var(--dust); }
  .ticker-empty {
    padding: 40px 20px;
    text-align: center;
    color: var(--dust-soft);
    font-size: 13px;
  }

  /* ---------- Calendar (left sidebar) ---------- */
  .cal-head {
    display: flex; gap: 4px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 10px 10px 0 0;
    padding: 6px;
    border-bottom: none;
  }
  .cal-tab {
    flex: 1;
    padding: 6px 8px;
    border: none;
    background: transparent;
    color: var(--dust);
    font-size: 12.5px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: all .15s;
  }
  .cal-tab:hover { color: var(--moon); background: rgba(37, 99, 235,0.05); }
  .cal-tab.active { background: var(--gold); color: #fff; }
  [data-theme="dark"] .cal-tab.active { color: #0a0a14; }
  .cal-body {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 0 0 10px 10px;
    box-shadow: var(--shadow-sm);
    overflow-y: auto;
    max-height: 100%;
    scrollbar-width: thin;
  }
  .cal-updated {
    padding: 6px 12px;
    font-size: 11px;
    color: var(--dust-soft);
    border-bottom: 1px solid var(--hairline);
    background: rgba(37, 99, 235,0.03);
  }
  .cal-day {
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 600;
    color: var(--gold);
    background: rgba(37, 99, 235,0.05);
    border-bottom: 1px solid var(--hairline);
    letter-spacing: 0.5px;
  }
  .cal-row {
    padding: 9px 12px;
    border-bottom: 1px solid var(--hairline);
    transition: background .12s;
  }
  .cal-row:hover { background: var(--card-hover); }
  .cal-row:last-child { border-bottom: none; }
  .cal-row-head {
    display: flex; align-items: center; gap: 6px;
    margin-bottom: 3px;
    font-size: 11px;
    color: var(--dust);
  }
  .cal-time { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--moon); }
  .cal-country {
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 10px; font-weight: 600;
    background: rgba(37, 99, 235,0.10);
    color: var(--gold);
  }
  .cal-impact {
    margin-left: auto;
    font-size: 10px; font-weight: 600;
    padding: 1px 5px;
    border-radius: 3px;
  }
  .cal-impact.high { background: rgba(184,58,40,0.14); color: var(--vermilion); }
  .cal-impact.medium { background: rgba(37, 99, 235,0.10); color: var(--gold); }
  .cal-impact.low { background: rgba(122,111,85,0.10); color: var(--dust); }
  .cal-title {
    color: var(--moon);
    font-size: 13px;
    line-height: 1.4;
    word-break: break-word;
  }
  .cal-title-en {
    color: var(--dust-soft);
    font-size: 11px;
    font-style: italic;
    margin-top: 2px;
  }
  .cal-figures {
    margin-top: 4px;
    display: flex; gap: 10px;
    font-size: 11px; color: var(--dust);
  }
  .cal-figures span { font-variant-numeric: tabular-nums; }
  .cal-figures b { color: var(--moon); font-weight: 500; }
  .cal-empty { padding: 40px 20px; text-align: center; color: var(--dust-soft); font-size: 13px; }

  /* H5 里日历渲染到主内容区（#list）的样式 */
  .mobile-cal-body {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
  }
  .mobile-cal-body .cal-day:first-child { border-top: none; }
  .empty {
    text-align: center; padding: 60px 20px;
    color: var(--dust-soft);
    font-size: 14px;
  }
  .empty-mark {
    font-size: 28px; margin-bottom: 8px;
    color: var(--gold-deep);
  }

  /* ---------- News Card ---------- */
  .list { display: flex; flex-direction: column; gap: 10px; }
  .card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 14px 16px;
    box-shadow: var(--shadow-sm);
    transition: box-shadow .18s, border-color .18s, transform .18s;
    animation: fadeIn .35s ease-out;
  }
  .card:hover {
    border-color: var(--border-strong);
    box-shadow: var(--shadow);
  }
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  .meta {
    display: flex; align-items: center; gap: 8px;
    font-size: 12px; color: var(--dust);
    margin-bottom: 8px;
  }
  .badge {
    padding: 2px 8px;
    border-radius: var(--radius-xs);
    font-size: 11px; font-weight: 600;
    letter-spacing: 0.5px;
  }
  .badge.fj { background: rgba(184,58,40,0.10); color: var(--vermilion); }
  .badge.jin10 { background: rgba(37, 99, 235,0.12); color: #2563eb; }
  [data-theme="dark"] .badge.jin10 { color: #6ba0ff; }
  .badge.tg { background: rgba(61,138,114,0.10); color: var(--jade); }
  .badge.default { background: rgba(37, 99, 235,0.10); color: var(--gold); }

  .badge.important {
    background: var(--vermilion); color: #fff;
    font-weight: 700;
  }
  .meta-time { margin-left: auto; color: var(--dust-soft); font-variant-numeric: tabular-nums; }

  .title {
    color: var(--moon);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .title-loading { color: var(--dust-soft); font-style: italic; }

  .subtitle {
    color: var(--dust);
    font-size: 12px;
    line-height: 1.5;
    margin-top: 6px;
    font-style: italic;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .action {
    display: inline-block; margin-top: 10px;
    font-size: 12px; color: var(--gold);
    font-weight: 500;
  }
  .action:hover { color: var(--gold-soft); }

  /* ---------- TG Card Special ---------- */
  .tg-body {
    color: var(--moon);
    font-size: 14px;
    line-height: 1.7;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
    max-height: 5em;
    overflow: hidden;
    position: relative;
    margin-top: 4px;
  }
  .tg-body.expanded { max-height: none; }
  .tg-body:not(.expanded)::after {
    content: '';
    position: absolute; bottom: 0; left: 0; right: 0; height: 2em;
    background: linear-gradient(transparent, var(--card));
    pointer-events: none;
  }

  /* ---------- User / Login ---------- */
  .user-btn {
    display: none;
    padding: 5px 12px 5px 8px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--moon);
    font-size: 12.5px;
    cursor: pointer;
    align-items: center;
    gap: 6px;
    transition: all .15s;
  }
  .user-btn:hover { border-color: var(--border-strong); background: var(--card-hover); }
  .user-btn.show { display: inline-flex; }
  .user-avatar {
    width: 22px; height: 22px; border-radius: 50%;
    background: var(--gold);
    color: #fff;
    display: inline-flex; align-items: center; justify-content: center;
    font-family: inherit;
    font-size: 12px; font-weight: 700;
    object-fit: cover;
  }
  .user-tier {
    padding: 1px 6px;
    background: rgba(37, 99, 235,0.12);
    color: var(--gold);
    border-radius: 4px;
    font-size: 10.5px;
    font-weight: 600;
  }
  .user-menu {
    position: absolute;
    right: 0; top: calc(100% + 4px);
    min-width: 140px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 8px;
    box-shadow: var(--shadow-md);
    padding: 4px;
    display: none;
    z-index: 20;
  }
  .user-menu.show { display: block; }
  .user-menu-item {
    display: block;
    padding: 7px 12px;
    color: var(--moon);
    font-size: 13px;
    cursor: pointer;
    border-radius: 4px;
    text-align: left;
    background: none; border: none; width: 100%;
  }
  .user-menu-item:hover { background: var(--card-hover); color: var(--gold); }
  .user-wrap { position: relative; }
  /* ---------- Theme toggle ---------- */
  .theme-toggle {
    display: inline-flex; align-items: center; justify-content: center;
    width: 32px; height: 32px;
    border-radius: 50%;
    background: var(--card);
    border: 1px solid var(--border);
    color: var(--gold);
    cursor: pointer;
    transition: all .2s;
    padding: 0;
    margin-left: 10px;
  }
  .theme-toggle:hover {
    border-color: var(--border-strong);
    background: var(--card-hover);
  }
  .theme-toggle svg { width: 16px; height: 16px; }
  .theme-toggle .icon-sun { display: none; }
  [data-theme="dark"] .theme-toggle .icon-sun { display: block; }
  [data-theme="dark"] .theme-toggle .icon-moon { display: none; }
  .tg-toggle {
    display: inline-block; margin-top: 8px;
    padding: 5px 14px;
    background: transparent;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    color: var(--gold); font-size: 12px;
    cursor: pointer;
    transition: background .15s;
  }
  .tg-toggle:hover { background: rgba(37, 99, 235,0.08); }

  /* ---------- Mobile ---------- */
  @media (max-width: 640px) {
    body { font-size: 14px; padding-bottom: 24px; }
    .header-inner {
      display: flex;
      flex-wrap: wrap;
      padding: 14px 14px 10px !important;
      gap: 10px;
      row-gap: 14px;
      grid-template-columns: none;
      column-gap: 0;
    }
    .brand { padding: 0 !important; justify-self: auto; order: 0; flex: 0 0 auto; }
    .brand-mark { width: 30px; height: 30px; font-size: 15px; }
    .brand-name { font-size: 16px; letter-spacing: 1.5px; }
    .brand-sub { font-size: 10px; letter-spacing: 2px; }
    .header-right {
      margin-left: auto;
      padding: 0 !important;
      justify-self: auto;
      gap: 8px;
      order: 5;
      flex: 0 0 auto;
    }
    .ws-badge { font-size: 11px; }
    /* header-mid 变透明，让 tabs 成为 header-inner 的直接 flex 子元素，
       独占第二行（order:10 + flex-basis:100%） */
    .header-mid { display: contents; }
    .tabs {
      order: 10;
      flex-basis: 100%;
      padding: 2px 0 0;
      justify-content: flex-start;
      gap: 8px;
    }
    .tab { padding: 7px 14px; font-size: 13px; }
    .sidebar { display: none; }
    main { padding: 12px; }
    .card { padding: 12px 14px; border-radius: 9px; }
    .title { font-size: 14.5px; }
    .subtitle { font-size: 11.5px; }
    .tg-body { font-size: 13.5px; line-height: 1.65; }
  }

/* ---------- KOL雷达内容适配 ---------- */
a.card, a.cal-row { display: block; text-decoration: none; color: inherit; }
.card .subtitle { font-style: normal; }
.card-en { margin-left: 8px; font-size: 12px; font-weight: 400; color: var(--dust-soft); }
.badge.jade { background: rgba(18,184,134,0.12); color: var(--jade); }
.cal-right { margin-left: auto; }
.tab-sep { width: 1px; height: 14px; background: var(--border-strong); margin: 0 6px; flex-shrink: 0; align-self: center; }
.cal-tab.active, .sidebar-tab.active { cursor: default; }
.cal-head .cal-tab.active, .sidebar-head .sidebar-tab.active { display: inline-flex; align-items: center; justify-content: center; }
.brand-mark { font-family: -apple-system, "PingFang SC", sans-serif !important; }
/* 事件 kind 标签用朱砂色(吃瓜更醒目) */
.sidebar-body .cal-country { background: rgba(224,69,94,0.12); color: var(--vermilion); }
/* SEO:视觉隐藏的 h1(百度可读,不占布局) */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
/* 首页页脚(内链:关于/站点地图/RSS) */
.home-footer { max-width: 1240px; margin: 32px auto 0; padding: 20px 32px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; color: var(--dust-soft); font-size: 12px; }
.home-footer-links { display: flex; gap: 16px; flex-wrap: wrap; }
.home-footer-links a { color: var(--dust); transition: color .15s; }
.home-footer-links a:hover { color: var(--gold); }
@media (max-width: 640px) { .home-footer { flex-direction: column; align-items: flex-start; padding: 18px; } }

/* H5:两侧栏不隐藏,改为堆叠到中列下方(内容可见+无横向溢出) */
@media (max-width: 640px) {
  .main-wrap { display: flex; flex-direction: column; gap: 0; }
  main { order: 0; max-width: none; margin: 0; }
  .calendar-side, .sidebar {
    display: flex !important; position: static;
    width: auto; max-height: none;
    top: auto; left: auto; right: auto;
    margin: 20px 12px 0;
  }
  .calendar-side { order: 1; }
  .sidebar { order: 2; }
  .cal-body, .sidebar-body { max-height: none; }
}

/* 系统深色(未手动切换)对齐 [data-theme=dark],避免首页/内页深浅不一致 + 图标方向正确 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg:#0a0c12; --bg-deep:#05070c; --card:#14171e; --card-hover:#1c2028;
    --border:#262b35; --border-strong:#363c48;
    --gold:#4d8dff; --gold-soft:#6ba0ff; --gold-deep:#2a3444;
    --moon:#e8ecf3; --dust:#8a94a3; --dust-soft:#626b7a;
    --vermilion:#f2687e; --jade:#2fcf9a;
    --shadow:0 2px 20px rgba(0,0,0,0.5); --shadow-sm:0 1px 2px rgba(0,0,0,0.4); --shadow-md:0 8px 26px rgba(0,0,0,0.55);
    --hairline:rgba(77,141,255,0.14); --header-bg:rgba(10,12,18,0.85);
    color-scheme: dark;
  }
  :root:not([data-theme]) .theme-toggle .icon-sun { display: block; }
  :root:not([data-theme]) .theme-toggle .icon-moon { display: none; }
}