:root {
    --bg: #f7faf4;
    --bg-soft: #f2f7ee;
    --surface: rgba(255, 255, 255, 0.94);
    --surface-strong: #ffffff;
    --surface-muted: #f6f8f4;
    --text: #1c2f20;
    --muted: #69756c;
    --line: rgba(35, 76, 43, 0.11);
    --ink-strong: #163f22;
    --green-900: #1b4b27;
    --green-800: #275e32;
    --green-700: #377a42;
    --green-600: #48884e;
    --green-500: #5b9a5f;
    --green-300: #cfe3cb;
    --green-200: #eaf4e7;
    --gold-500: #e4a72d;
    --gold-100: #fff6df;
    --blue-500: #4d82df;
    --blue-100: #ebf3ff;
    --orange-500: #ec9a2d;
    --orange-100: #fff2e3;
    --violet-500: #8a78d8;
    --violet-100: #f0ecff;
    --danger-500: #df6758;
    --danger-100: #fff0ed;
    --shadow-lg: 0 24px 54px rgba(54, 92, 44, 0.10);
    --shadow-md: 0 16px 34px rgba(54, 92, 44, 0.08);
    --shadow-sm: 0 8px 24px rgba(54, 92, 44, 0.06);
    --radius-xl: 28px;
    --radius-lg: 24px;
    --radius-md: 20px;
    --radius-sm: 16px;
    --radius-xs: 12px;
    --btn-primary-grad: linear-gradient(180deg, #3f8748 0%, #2f7338 100%);
    --btn-primary-shadow: 0 14px 24px rgba(47, 115, 56, 0.18);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    min-width: 320px;
    color: var(--text);
    font-family: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    background:
        radial-gradient(circle at 12% 14%, rgba(224, 236, 216, 0.62), transparent 23%),
        radial-gradient(circle at 88% 14%, rgba(233, 241, 225, 0.72), transparent 20%),
        radial-gradient(circle at 50% 38%, rgba(244, 248, 240, 0.76), transparent 34%),
        linear-gradient(180deg, #f6faf2 0%, #f8fbf7 48%, #fbfcf9 100%);
}

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

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
select,
textarea {
    font: inherit;
}

button {
    cursor: pointer;
}