:root {
    /* 中性主题（默认） */
    --bg:             #0d1117;
    --bg-panel:       #161b22;
    --bg-panel-2:     #21262d;
    --border:         #30363d;
    --border-soft:    #21262d;
    --text:           #e6edf3;
    --text-dim:       #8b949e;
    --text-mute:      #6e7681;
    --text-faint:     #484f58;
    --accent:         #ffc107;
    --accent-blue:    #58a6ff;
    --accent-red:     #f85149;
    --accent-green:   #3fb950;
    --t-side-bg:      #d1242f20;
    --ct-side-bg:     #1f6feb20;
    --smoke:          #79c0ff;
    --flash:          #f0e68c;
    --molotov:        #ff9494;
    --grenade:        #7ee787;

    /* 组件背景（跟随主题） */
    --bg-sticky:      rgba(13, 17, 23, .94);
    --bg-card:        #0b0f14;
    --bg-card-detail: #0a0e12;
    --bg-img-box:     #161b22;
    --bg-img-empty:   #12171d;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body { height: 100%; }

body {
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    background: var(--bg);
    color: var(--text);
    padding: 12px;
    transition: background-color .35s ease, color .35s ease;
}

/* ================================================================
   T 方主题：深棕色
   ================================================================ */
body.theme-t {
    --bg:             #2a1a10;
    --bg-panel:       #3a2518;
    --bg-panel-2:     #4a3020;
    --border:         #5a3a25;
    --border-soft:    #4a3020;
    --text:           #f0e0d0;
    --text-dim:       #c0a58c;
    --text-mute:      #8a7a68;
    --text-faint:     #6a5544;

    --bg-sticky:      rgba(42, 26, 16, .94);
    --bg-card:        #221408;
    --bg-card-detail: #1a1006;
    --bg-img-box:     #2a1a10;
    --bg-img-empty:   #221408;
}

/* ================================================================
   CT 方主题：深蓝色
   ================================================================ */
body.theme-ct {
    --bg:             #0d1a2a;
    --bg-panel:       #14263a;
    --bg-panel-2:     #1c3247;
    --border:         #2a4258;
    --border-soft:    #1f3448;
    --text:           #d8e8f5;
    --text-dim:       #8ba8c0;
    --text-mute:      #5f7c93;
    --text-faint:     #445d75;

    --bg-sticky:      rgba(13, 26, 42, .94);
    --bg-card:        #0a1520;
    --bg-card-detail: #081320;
    --bg-img-box:     #0d1a2a;
    --bg-img-empty:   #0a1520;
}

a { color: var(--accent-blue); text-decoration: none; }
a:hover { text-decoration: underline; }

img { max-width: 100%; display: block; }