/* PC端基础样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 数字显示统一字体类 */
.numeric-font {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    letter-spacing: 0.5px;
    font-weight: 700;
}

/* 白色模式（默认） */
:root {
    --primary: #ffffff;
    --secondary: #f8f9fa;
    --accent: #4a90e2;
    --highlight: #e94560;
    --success: #28a745;
    --warning: #ffc107;
    --text: #212529;
    --text-muted: #6c757d;
    --gray: #adb5bd;
    --light-gray: #dee2e6;
    --gradient-primary: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
    --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --card-bg: rgba(255, 255, 255, 0.9);
    --overlay: rgba(0, 0, 0, 0.3);
    --border-color: #dee2e6;
    --shadow: rgba(0, 0, 0, 0.1);
    --hover-bg: rgba(0, 0, 0, 0.05);
}

/* 黑色模式 */
[data-theme="dark"] {
    --primary: #1a1a2e;
    --secondary: #16213e;
    --accent: #0f3460;
    --highlight: #e94560;
    --success: #00d4aa;
    --warning: #f39c12;
    --text: #f8f9fa;
    --text-muted: #adb5bd;
    --gray: #495057;
    --light-gray: #6c757d;
    --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --card-bg: rgba(22, 33, 62, 0.8);
    --overlay: rgba(0, 0, 0, 0.6);
    --border-color: #30363d;
    --shadow: rgba(0, 0, 0, 0.3);
    --hover-bg: rgba(255, 255, 255, 0.1);
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* 防止水平滚动条 */
}

body {
    background-color: var(--primary);
    color: var(--text);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-y: auto; /* 允许垂直滚动 */
}

/* 隐藏移动端元素 */
.mobile-layout,
.mobile-header,
.mobile-nav,
.mobile-container {
    display: none !important;
}

/* 显示PC端元素 */
.pc-layout {
    display: block;
}