/* Reset & Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* 颜色变量 */
    --primary-color: #72B888;
    --text-color: #333;
    --text-light: #666;
    --bg-color: #fff;
    --border-color: #e0e0e0;
    --hover-color: #f5f5f5;

    /* ===== 字体变量 ===== */
    /* 
       现代无衬线风格 (Modern Geometric Sans)
       英数：Outfit (几何感强、高级、独特)
       中文：回退到系统原生黑体 (PingFang SC > Microsoft YaHei UI)，确保清晰锐利
    */
    --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;

    --font-sans: 'Outfit', -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;

    /* 等宽字体 - 代码展示 */
    --font-mono: 'Consolas', 'Monaco', 'Menlo', 'Ubuntu Mono', 'Fira Code', monospace;
}

body {
    font-family: var(--font-sans);
    line-height: 1.6;
    color: var(--text-color);
    background-color: var(--bg-color);
}

.container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d1d5db;
    /* Neutral gray for subtle look */
    border-radius: 4px;
    border: 2px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary-color);
}