:root{--bg: #f8faf9;--bg-gradient: linear-gradient(160deg, #f8faf9 0%, #f0f5f2 40%, #f2f4f7 100%);--surface: #ffffff;--surface-hover: #f5f7f6;--surface-elevated: #ffffff;--surface-glass: rgba(255, 255, 255, .7);--border: rgba(0, 0, 0, .08);--border-subtle: rgba(0, 0, 0, .05);--primary: #4a9e74;--primary-soft: rgba(74, 158, 116, .08);--primary-glow: rgba(74, 158, 116, .06);--accent: #c9932e;--accent-soft: rgba(201, 147, 46, .08);--secondary: #8b7aaf;--secondary-soft: rgba(139, 122, 175, .08);--danger: #d35050;--danger-soft: rgba(211, 80, 80, .08);--success: #4a9e74;--text-primary: rgba(0, 0, 0, .85);--text-secondary: rgba(0, 0, 0, .5);--text-tertiary: rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08);--glow-primary: 0 2px 16px rgba(74, 158, 116, .08);--glow-accent: 0 2px 16px rgba(201, 147, 46, .06);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans TC,sans-serif;background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;letter-spacing:.01em}a{color:var(--primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent)}::selection{background:#4a9e742e}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0003}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}