:root {
    --ink: #17324d;
    --ink-deep: #0c2438;
    --teal: #1e756d;
    --teal-dark: #155d57;
    --teal-soft: #e5f2ef;
    --amber: #d5912b;
    --amber-soft: #fff3d9;
    --coral: #c85c4a;
    --coral-soft: #fdeae6;
    --blue-soft: #e8f0f8;
    --paper: #fbfaf6;
    --surface: #ffffff;
    --surface-muted: #f3f5f5;
    --border: #dfe6e4;
    --text: #193044;
    --muted: #687984;
    --success: #28795c;
    --danger: #ad4437;
    --shadow-sm: 0 6px 20px rgba(25, 48, 68, .07);
    --shadow-lg: 0 24px 60px rgba(14, 39, 57, .16);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --sidebar-width: 264px;
    font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
    color: var(--text);
    background: var(--paper);
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--paper); }
body { margin: 0; min-height: 100vh; background: var(--paper); color: var(--text); }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
[hidden] { display: none !important; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}