#app{width:100%;height:100vh}:root{--color-bg:#f7f6f4;--color-surface:#fff;--color-surface-2:#f0eeeb;--color-border:#e5e2dd;--color-border-light:#f0eeeb;--color-text:#1a1a1a;--color-text-secondary:#6b6b6b;--color-text-muted:#a8a5a0;--color-primary:#1a1a1a;--color-primary-hover:#333;--color-accent:#c4a574;--color-accent-light:#f5f0e8;--color-error:#c0392b;--color-error-bg:#fdf5f4;--color-success:#2d6a4f;--font-serif:"Georgia", "Times New Roman", "Songti SC", "SimSun", serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 12px 40px #00000014;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background:var(--color-bg)}input,button,select,textarea{font-family:inherit}button{-webkit-user-select:none;user-select:none;cursor:pointer}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);letter-spacing:.5px;transition:background var(--transition);border:none;padding:10px 20px;font-size:13px;font-weight:500}.btn-primary:hover{background:var(--color-primary-hover)}.btn-outline{color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition);background:0 0;padding:10px 20px;font-size:13px}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}