:root {
    --primary: #1677ff;
    --primary-hover: #0958d9;
    --text: rgba(0, 0, 0, 0.88);
    --text-secondary: rgba(0, 0, 0, 0.65);
    --border: #f0f0f0;
    --bg-layout: #f0f2f5;
    --bg-card: #ffffff;
    --shadow-header: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04);
    --radius: 8px;
    --sidebar-bg: #ffffff;
    --sidebar-text: rgba(0, 0, 0, 0.85);
    --sidebar-text-muted: rgba(0, 0, 0, 0.45);
    --sidebar-hover: rgba(0, 0, 0, 0.04);
    --sidebar-active-bg: rgba(22, 119, 255, 0.18);
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    color: var(--text);
    background: var(--bg-layout);
}