#app{height:100vh}html,body,#app{height:100%}: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;--spacing-large: 64px;--spacing-medium: 48px;--spacing-small: 32px;--spacing-content-lg: 24px;--spacing-content-sm: 16px;--spacing-card: 16px;--line-height: 1.5;--section-width: 1320px;--section-padding-lg: var(--spacing-large);--section-padding-md: var(--spacing-medium);--h1-font-size: 28px;--h1-font-weight: 700;--h1-margin-bottom: var(--spacing-medium);--h2-font-size: 24px;--h2-font-weight: 600;--h2-margin-bottom: var(--spacing-small);--h3-font-size: 20px;--h3-font-weight: 600;--h3-margin-bottom: var(--spacing-content-sm);--btn-radius: 8px;--btn-padding: 10px 20px;--btn-font-size: 14px;--btn-font-weight: 500;--card-radius: 8px;--card-shadow: 0 2px 8px rgba(0, 0, 0, .08);--card-padding: var(--spacing-content-lg);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--text-color);background-color:var(--bg-color);line-height:var(--line-height)}.page-container{padding:var(--spacing-content-lg);min-height:calc(100vh - 100px)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-small);padding-bottom:var(--spacing-content-sm);border-bottom:1px solid var(--border-color)}.page-title{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);color:var(--title-color);letter-spacing:.5px}.page-subtitle{font-size:14px;color:var(--aux-text);margin-top:4px}.card{background:var(--card-white);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--card-padding);margin-bottom:var(--spacing-card)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-content-sm);padding-bottom:var(--spacing-content-sm);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);color:var(--title-color)}.stat-card{background:linear-gradient(135deg,var(--primary-color) 0%,var(--function-blue) 100%);border-radius:var(--card-radius);padding:var(--card-padding);color:#fff;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:#ffffff1a;border-radius:50%}.stat-card .stat-value{font-size:32px;font-weight:700;margin-bottom:8px}.stat-card .stat-label{font-size:14px;opacity:.9}.stat-card.accent{background:linear-gradient(135deg,var(--business-gold) 0%,#B8955C 100%)}.stat-card.success{background:linear-gradient(135deg,var(--low-risk) 0%,#4CAF50 100%)}.stat-card.warning{background:linear-gradient(135deg,var(--medium-risk) 0%,#FFC107 100%)}.stat-card.danger{background:linear-gradient(135deg,var(--high-risk) 0%,#F44336 100%)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-card);margin-bottom:var(--spacing-small)}@media (max-width: 1200px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stat-grid{grid-template-columns:1fr}}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--function-blue) 100%);color:#fff;border:none;padding:var(--btn-padding);border-radius:var(--btn-radius);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-accent{background:linear-gradient(135deg,var(--business-gold) 0%,#B8955C 100%);color:#fff;border:none;padding:var(--btn-padding);border-radius:var(--btn-radius);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);cursor:pointer;transition:all .3s ease}.btn-accent:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:calc(var(--btn-padding) - 1px);border-radius:var(--btn-radius);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);cursor:pointer;transition:all .3s ease}.btn-outline:hover{background:var(--primary-color);color:#fff}.risk-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.risk-tag.low{background:#e8f5e8;color:var(--low-risk)}.risk-tag.medium{background:#fff3e0;color:var(--medium-risk)}.risk-tag.high{background:#ffebee;color:var(--high-risk)}.risk-tag.extreme{background:#ffcdd2;color:var(--high-risk)}.table-container{background:var(--card-white);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-content-sm) var(--spacing-content-lg);border-bottom:1px solid var(--border-color)}.table-actions{display:flex;gap:var(--spacing-content-sm)}.search-box{display:flex;align-items:center;background:#f1f5f9;border-radius:var(--btn-radius);padding:0 var(--spacing-content-sm)}.search-box input{border:none;background:transparent;padding:8px;outline:none;width:200px}.filter-group{display:flex;gap:var(--spacing-content-sm);margin-bottom:var(--spacing-content-lg)}.form-section{margin-bottom:var(--spacing-medium)}.form-section-title{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);color:var(--title-color);margin-bottom:var(--spacing-content-lg);padding-bottom:var(--spacing-content-sm);border-bottom:2px solid var(--business-gold)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-content-lg);margin-bottom:var(--spacing-content-lg)}@media (max-width: 992px){.form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.form-row{grid-template-columns:1fr}}.progress-bar{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.progress-bar .progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.progress-bar .progress-fill.primary{background:linear-gradient(90deg,var(--primary-color),var(--function-blue))}.progress-bar .progress-fill.accent{background:linear-gradient(90deg,var(--business-gold),#B8955C)}.progress-bar .progress-fill.success{background:linear-gradient(90deg,var(--low-risk),#4CAF50)}.progress-bar .progress-fill.warning{background:linear-gradient(90deg,var(--medium-risk),#FFC107)}.progress-bar .progress-fill.danger{background:linear-gradient(90deg,var(--high-risk),#F44336)}.score-display{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-medium);border-radius:var(--card-radius);text-align:center}.score-display .score-value{font-size:48px;font-weight:700;line-height:1}.score-display .score-label{font-size:14px;margin-top:8px;opacity:.8}.score-display.low{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:var(--low-risk)}.score-display.medium{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:var(--medium-risk)}.score-display.high{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:var(--high-risk)}.score-display.extreme{background:linear-gradient(135deg,#ffcdd2,#ef9a9a);color:var(--high-risk)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-large) var(--spacing-content-lg);text-align:center}.empty-state .empty-icon{font-size:64px;color:var(--aux-text);margin-bottom:var(--spacing-content-lg)}.empty-state .empty-text{font-size:16px;color:var(--text-color);margin-bottom:var(--spacing-small)}.loading-overlay{position:fixed;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{width:40px;height:40px;border:3px solid #F1F5F9;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}.el-button--primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--function-blue) 100%);border-color:var(--primary-color);border-radius:var(--btn-radius)}.el-button--primary:hover{background:linear-gradient(135deg,var(--function-blue) 0%,var(--primary-color) 100%)}.el-button--warning{background:linear-gradient(135deg,var(--business-gold) 0%,#B8955C 100%);border-color:var(--business-gold);border-radius:var(--btn-radius)}.el-tag--success{background-color:#e8f5e8;color:var(--low-risk);border-color:#c8e6c9}.el-tag--warning{background-color:#fff3e0;color:var(--medium-risk);border-color:#ffe0b2}.el-tag--danger{background-color:#ffebee;color:var(--high-risk);border-color:#ffcdd2}.el-card{border-radius:var(--card-radius);border-color:var(--border-color);box-shadow:var(--card-shadow)}.el-card__header{border-color:var(--border-color);padding:var(--spacing-content-sm) var(--spacing-content-lg)}.el-table th{background-color:#f1f5f9;color:var(--title-color);font-weight:600}.el-table--striped .el-table__body tr.el-table__row--striped td{background:var(--bg-color)}.el-dialog{border-radius:var(--card-radius)}.el-dialog__header{border-bottom:1px solid var(--border-color);padding:var(--spacing-content-sm) var(--spacing-content-lg)}.el-dialog__title{font-weight:600;color:var(--title-color)}.el-form-item__label{font-weight:500;color:var(--text-color)}.section{width:var(--section-width);margin:0 auto;padding:var(--section-padding-lg) 0;min-height:400px}.section-md{padding:var(--section-padding-md) 0;min-height:300px}.section-header{margin-bottom:var(--spacing-medium);text-align:center}.section-title{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);color:var(--title-color);margin-bottom:var(--spacing-content-sm)}.section-subtitle{font-size:16px;color:var(--aux-text);margin-bottom:var(--spacing-small)}.section-content{background:var(--card-white);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--spacing-content-lg)}h1{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);color:var(--title-color);margin-bottom:var(--h1-margin-bottom)}h2{font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);color:var(--title-color);margin-bottom:var(--h2-margin-bottom)}h3{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);color:var(--title-color);margin-bottom:var(--h3-margin-bottom)}.center-message-box{display:flex;align-items:center;justify-content:center}.center-message-box .el-message-box__header,.center-message-box .el-message-box__title,.center-message-box .el-message-box__content{text-align:center}.center-message-box .el-message-box__btns{display:flex;justify-content:center;gap:12px}