*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}#app{min-height:100vh;overflow-x:hidden}:root{--primary-color: #0F2B46;--function-blue: #165DFF;--business-gold: #94783E;--bg-color: #F8FAFC;--card-white: #FFFFFF;--title-color: #111827;--text-color: #374151;--aux-text: #6B7280;--border-color: #E5E7EB;--high-risk: #A82A2A;--medium-risk: #C79000;--low-risk: #2D7D46;--color-primary: var(--primary-color);--color-primary-light: #1a3d5c;--color-primary-dark: #0a1c2e;--color-primary-gradient: linear-gradient(135deg, var(--primary-color) 0%, var(--color-primary-light) 100%);--color-blue: var(--function-blue);--color-blue-hover: #0B49E6;--color-blue-light: #3B82F6;--color-blue-gradient: linear-gradient(135deg, var(--function-blue) 0%, var(--color-blue-light) 100%);--color-gold: var(--business-gold);--color-gold-light: #B89B5A;--color-gold-dark: #7A6332;--color-gold-gradient: linear-gradient(135deg, var(--business-gold) 0%, var(--color-gold-light) 100%);--color-risk-high: var(--high-risk);--color-risk-medium: var(--medium-risk);--color-risk-low: var(--low-risk);--color-success: var(--low-risk);--color-success-light: #4a9d48;--color-warning: var(--medium-risk);--color-warning-light: #dba833;--color-danger: var(--high-risk);--color-danger-light: #c94a48;--color-info: var(--function-blue);--color-bg-base: var(--bg-color);--color-bg-white: var(--card-white);--color-bg-light: var(--bg-color);--color-bg-muted: #F1F5F9;--color-card: var(--card-white);--color-card-hover: var(--card-white);--color-border: var(--border-color);--color-border-light: var(--border-color);--color-border-dark: #D1D5DB;--color-text-primary: var(--title-color);--color-text-secondary: var(--text-color);--color-text-tertiary: var(--aux-text);--color-text-placeholder: #9CA3AF;--color-text-disabled: #9CA3AF;--color-text-inverse: #FFFFFF;--font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 28px;--font-size-5xl: 32px;--font-size-6xl: 36px;--font-size-7xl: 42px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-large: 64px;--spacing-medium: 48px;--spacing-small: 32px;--spacing-content-lg: 24px;--spacing-content-sm: 16px;--spacing-card: 16px;--line-height: 1.5;--spacing-xs: 8px;--spacing-sm: var(--spacing-content-sm);--spacing-md: var(--spacing-content-sm);--spacing-lg: var(--spacing-content-lg);--spacing-xl: var(--spacing-small);--spacing-2xl: var(--spacing-medium);--spacing-3xl: var(--spacing-large);--spacing-4xl: 80px;--radius-sm: 4px;--radius-base: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(15, 43, 70, .04);--shadow-base: 0 2px 8px rgba(15, 43, 70, .06);--shadow-md: 0 4px 16px rgba(15, 43, 70, .08);--shadow-lg: 0 8px 24px rgba(15, 43, 70, .1);--shadow-xl: 0 12px 32px rgba(15, 43, 70, .12);--shadow-btn: 0 2px 8px rgba(22, 93, 255, .2);--shadow-btn-hover: 0 4px 12px rgba(22, 93, 255, .3);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--header-height: 64px;--container-max-width: 1200px;--container-padding: 24px;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-tooltip: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-base);min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-blue-hover)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.3;color:var(--color-text-primary)}h1{font-size:var(--font-size-6xl)}h2{font-size:var(--font-size-5xl)}h3{font-size:var(--font-size-4xl)}h4{font-size:var(--font-size-3xl)}h5{font-size:var(--font-size-2xl)}h6{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-md)}p:last-child{margin-bottom:0}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section{padding:var(--spacing-3xl) 0}.section-sm{padding:var(--spacing-2xl) 0}.section-lg{padding:var(--spacing-4xl) 0}.page-hero{min-height:400px;display:flex;align-items:center;justify-content:center;padding:100px 0 80px!important}@media (max-width: 768px){.page-hero{min-height:300px;padding:80px 0 60px!important}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-blue{color:var(--color-blue)}.text-gold{color:var(--color-gold)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.page-header{padding:var(--spacing-3xl) 0 var(--spacing-2xl);background:var(--color-bg-white);border-bottom:1px solid var(--color-border)}.page-header h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.page-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-header h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.section-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.section-header .section-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-muted);color:var(--color-blue);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-base);margin-bottom:var(--spacing-md)}.card{background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-base);border:1px solid var(--color-border);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark)}.card-body{padding:var(--spacing-lg)}.card-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.badge{display:inline-flex;align-items:center;padding:4px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);line-height:1.4}.badge-primary{background:#0f2b4614;color:var(--color-primary)}.badge-blue{background:#165dff1a;color:var(--color-blue)}.badge-gold{background:#94783e1f;color:var(--color-gold)}.badge-success{background:#367e351a;color:var(--color-success)}.badge-danger{background:#a82c2a1a;color:var(--color-danger)}.risk-tag{display:inline-flex;align-items:center;padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm)}.risk-tag.high{background:#a82c2a1a;color:var(--color-risk-high)}.risk-tag.medium{background:#c790001a;color:var(--color-risk-medium)}.risk-tag.low{background:#2d7d461a;color:var(--color-risk-low)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:10px 20px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-base);transition:all var(--transition-base);cursor:pointer;border:none;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--color-blue);color:var(--color-text-inverse);box-shadow:var(--shadow-btn)}.btn-primary:hover{background:var(--color-blue-hover);box-shadow:var(--shadow-btn-hover);transform:translateY(-1px);color:var(--color-text-inverse)}.btn-secondary{background:var(--color-bg-white);color:var(--color-primary);border:1px solid var(--color-border-dark)}.btn-secondary:hover{background:var(--color-bg-muted);border-color:var(--color-primary);color:var(--color-primary)}.btn-outline{background:transparent;color:var(--color-blue);border:1px solid var(--color-blue)}.btn-outline:hover{background:var(--color-blue);color:var(--color-text-inverse)}.btn-gold{background:var(--color-gold);color:var(--color-text-inverse)}.btn-gold:hover{background:var(--color-gold-dark);color:var(--color-text-inverse)}.btn-lg{padding:14px 28px;font-size:var(--font-size-md)}.btn-sm{padding:6px 12px;font-size:var(--font-size-sm)}.btn-block{width:100%}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-bg-white);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-blue);box-shadow:0 0 0 3px #165dff1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-placeholder)}.divider{height:1px;background:var(--color-border);margin:var(--spacing-lg) 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out}.animate-slideUp{animation:slideUp var(--transition-slow) ease-out}@media (max-width: 1200px){:root{--container-max-width: 960px}}@media (max-width: 992px){:root{--container-max-width: 720px;--container-padding: 20px}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--container-max-width: 100%}.section{padding:var(--spacing-2xl) 0}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}}@media (max-width: 576px){html{font-size:13px}.btn-lg{padding:12px 24px}}.el-overlay{z-index:2000!important}.el-dialog{z-index:2001!important}.el-popup-parent--hidden{overflow:hidden!important}.el-button--primary{--el-button-bg-color: var(--color-blue);--el-button-border-color: var(--color-blue);--el-button-hover-bg-color: var(--color-blue-hover);--el-button-hover-border-color: var(--color-blue-hover);--el-button-active-bg-color: var(--color-primary);--el-button-active-border-color: var(--color-primary)}.el-input__wrapper{box-shadow:0 0 0 1px var(--color-border) inset;border-radius:var(--radius-base)}.el-input__wrapper:hover,.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--color-blue) inset}.el-card{border-radius:var(--radius-md);border:1px solid var(--color-border)}.el-message{border-radius:var(--radius-base)}
