:root {
    --pink: #ff69b4;
    --pink-dark: #ff1493;
    --pink-light: #fff5f9;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --shadow: 0 2px 8px rgba(0,0,0,0.1);
    --bg: #f5f5f5;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --text: #333333;
    --text-sub: #555555;
    --text-muted: #999999;
    --border: #e0e0e0;
    --item-hover: rgba(255,105,180,0.06);
    --empty-color: #aaa;
}

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

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    background-color: #3d1a2e;
    background-image: url('../assets/site/background/background.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 100vh;
    color: #333;
}

.page { display: none; min-height: 100vh; }
.page.active { display: flex; flex-direction: column; }