/* base.css — 全局基础：变量、重置、字体、背景 */
:root {
    --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
            'PingFang SC', 'Microsoft YaHei', sans-serif;
    --ink: #1a1a2e;
    --ink-soft: #555;
    --muted: #888;
    --accent: #667eea;
    --accent-2: #f5576c;
    --glass-bg: rgba(255, 255, 255, 0.85);
    --glass-border: rgba(255, 255, 255, 0.35);
    --radius-lg: 32px;
    --radius-md: 18px;
    --shadow-lg: 0 30px 80px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 14px 36px rgba(0, 0, 0, 0.18);
    --shadow-pink: 0 12px 28px rgba(245, 87, 108, 0.35);
}

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

/* 保证 hidden 属性始终生效，不被其它 display 规则覆盖 */
[hidden] { display: none !important; }

body {
    font-family: var(--font);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 酷炫的紫蓝渐变背景 */
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px;
}

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

/* 通用毛玻璃面板（供弹层/面板复用） */
.glass {
    background: var(--glass-bg);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--glass-border);
}

/* 键盘可达性：仅在键盘/辅助设备聚焦时显示轮廓（用 currentColor 适配深/浅背景） */
:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* 尊重系统「减少动态效果」偏好：停用旋转/脉冲/位移等装饰动画 */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
    }
}