:root{--primary-color: #667eea;--primary-color-dark: #764ba2;--primary-color-light: #8b9aff;--bg-primary: #f5f5f5;--bg-secondary: #f5f5f5;--bg-white: #ffffff;--bg-hover: #f5f5f5;--bg-active: #e8f4f8;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e0e0e0;--error-color: #ef4444;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--container-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}html{margin:0;padding:0;overflow-x:hidden;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;width:100%;max-width:100vw}#app{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}@media(max-width:1024px){.container{padding:0 20px}}@media(max-width:768px){.container{padding:0 20px}}@media(max-width:480px){.container{padding:0 16px}}@media(max-width:360px){.container{padding:0 12px}}.btn-outline{padding:8px 16px;border:1px solid var(--border-color);background:var(--bg-white);border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-primary);transition:all .2s ease;min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn-outline:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}@media(max-width:480px){.btn-outline{padding:10px 14px;font-size:13px;min-height:44px}}@media(max-width:360px){.btn-outline{padding:10px 12px;font-size:12px}}