/* ===== 铁锈交流平台 v6 — 精致·呼吸感·高级质感 ===== */

:root {
    --radius: 16px;
    --radius-sm: 12px;
    --radius-xs: 8px;
    --safe-bottom: env(safe-area-inset-bottom);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 14px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ===== 深色主题（默认）===== */
[data-theme="dark"] {
    --bg-primary: #0f0f1a;
    --bg-card: #1a1a2e;
    --bg-elevated: #222240;
    --bg-hover: #2a2a4a;
    --bg-secondary: #14142a;
    --border-color: rgba(255,255,255,0.06);
    --border-light: rgba(255,255,255,0.03);
    --border-strong: rgba(255,255,255,0.1);
    --accent: #f07030;
    --accent-dark: #d45a1a;
    --accent-glow: rgba(240,112,48,0.25);
    --accent-soft: rgba(240,112,48,0.1);
    --accent-bg: rgba(240,112,48,0.08);
    --green: #34d399;
    --green-soft: rgba(52,211,153,0.12);
    --yellow: #fbbf24;
    --yellow-soft: rgba(251,191,36,0.12);
    --blue: #60a5fa;
    --blue-soft: rgba(96,165,250,0.12);
    --purple: #a78bfa;
    --purple-soft: rgba(167,139,250,0.12);
    --pink: #f472b6;
    --pink-soft: rgba(244,114,182,0.12);
    --red: #f87171;
    --red-soft: rgba(248,113,113,0.12);
    --text-primary: #f5f5f5;
    --text-secondary: #a0a0b8;
    --text-muted: #6b6b82;
    --text-dim: #4a4a62;
    --card-shadow: 0 2px 12px rgba(0,0,0,0.3);
    --card-shadow-hover: 0 4px 20px rgba(0,0,0,0.4);
}

/* ===== 浅色主题 ===== */
[data-theme="light"] {
    --bg-primary: #f7f7fa;
    --bg-card: #ffffff;
    --bg-elevated: #f2f2f6;
    --bg-hover: #ececf0;
    --bg-secondary: #eeeef2;
    --border-color: rgba(0,0,0,0.06);
    --border-light: rgba(0,0,0,0.03);
    --border-strong: rgba(0,0,0,0.1);
    --accent: #e8622a;
    --accent-dark: #c94e18;
    --accent-glow: rgba(232,98,42,0.18);
    --accent-soft: rgba(232,98,42,0.08);
    --accent-bg: rgba(232,98,42,0.06);
    --green: #059669;
    --green-soft: rgba(5,150,105,0.1);
    --yellow: #d97706;
    --yellow-soft: rgba(217,119,6,0.1);
    --blue: #2563eb;
    --blue-soft: rgba(37,99,235,0.1);
    --purple: #7c3aed;
    --purple-soft: rgba(124,58,237,0.1);
    --pink: #db2777;
    --pink-soft: rgba(219,39,119,0.1);
    --red: #dc2626;
    --red-soft: rgba(220,38,38,0.1);
    --text-primary: #111118;
    --text-secondary: #555568;
    --text-muted: #888898;
    --text-dim: #aaaab8;
    --card-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 2px 8px rgba(0,0,0,0.04);
    --card-shadow-hover: 0 4px 16px rgba(0,0,0,0.1);
}

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

body {
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
    min-height: 100vh;
    -webkit-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background 0.4s var(--ease), color 0.3s var(--ease);
    line-height: 1.5;
}

a { color: inherit; text-decoration: none; }
input, textarea, button, select { font-family: inherit; }