#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}*{box-sizing:border-box}body,html{height:100%}body,html{margin:0;padding:0}body{background-color:#f0f2f5}.card{background:#fff;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h1{margin:0;font-size:24px;color:#303133}.search-bar{margin-bottom:20px;flex-wrap:wrap}.search-bar,.table-actions{display:flex;gap:10px}.status-tag.active{color:#67c23a}.status-tag.inactive{color:#f56c6c}.status-tag.pending{color:#e6a23c}.stat-card{text-align:center;padding:30px 20px}.stat-card .stat-number{font-size:32px;font-weight:700;color:#409eff;margin-bottom:10px}.stat-card .stat-label{font-size:14px;color:#909399}.form-container{max-width:600px}.form-container .el-form-item{margin-bottom:20px}.settings-page{--settings-border:#e5e7eb;--settings-muted:#6b7280;--settings-title:#111827;--settings-bg:#f8fafc}.settings-page .page-header{align-items:flex-start;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--settings-border)}.settings-page .page-header h1{color:var(--settings-title);font-size:22px;font-weight:700;line-height:32px}.settings-page .page-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.settings-page .settings-grid{display:grid;gap:18px}.settings-page .settings-grid--two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.settings-page .settings-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-page .settings-card{border:1px solid var(--settings-border);border-radius:8px;box-shadow:none}.settings-page .settings-card .el-card__header{padding:14px 18px;background:var(--settings-bg);border-bottom:1px solid var(--settings-border)}.settings-page .settings-card .el-card__body{padding:22px 24px}.settings-page .settings-form-card{max-width:860px}.settings-page .settings-form{max-width:760px}.settings-page .settings-form .el-form-item{margin-bottom:20px}.settings-page .settings-form .el-input,.settings-page .settings-form .el-input-number,.settings-page .settings-form .el-select,.settings-page .settings-form .el-textarea{width:100%}.settings-page .settings-table-card .el-card__body{padding:0}.settings-page .settings-table-card .el-table{border-radius:0 0 8px 8px}.settings-page .card-header,.settings-page .settings-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--settings-title);font-size:15px;font-weight:700}.settings-page .settings-readonly{color:var(--settings-muted)}.el-overlay .el-dialog{border-radius:8px;overflow:hidden;box-shadow:0 16px 40px rgba(17,24,39,.18);display:flex;flex-direction:column;max-height:90vh;margin-top:5vh!important;margin-bottom:5vh}.el-overlay .el-dialog__header{flex-shrink:0;margin:0;padding:14px 52px;background:#1f4e79;border-bottom:1px solid #173b5c;text-align:center}.el-overlay .el-dialog__title{color:#fff;font-size:17px;font-weight:700;line-height:24px;letter-spacing:.5px}.el-overlay .el-dialog__headerbtn{top:0;right:0;width:52px;height:52px}.el-overlay .el-dialog__headerbtn .el-dialog__close{color:#fff;font-size:18px}.el-overlay .el-dialog__headerbtn:hover{background:hsla(0,0%,100%,.12)}.el-overlay .el-dialog__body{flex:1 1 auto;overflow-y:auto;padding:22px 24px;color:#303133}.el-overlay .el-dialog__footer{flex-shrink:0;padding:14px 24px 18px;background:#fafafa;border-top:1px solid #ebeef5;text-align:center}.el-message-box{border-radius:8px;overflow:hidden;padding-bottom:0;box-shadow:0 16px 40px rgba(17,24,39,.18)}.el-message-box .el-message-box__header{padding:14px 52px;background:#1f4e79;border-bottom:1px solid #173b5c;text-align:center}.el-message-box .el-message-box__title{justify-content:center;color:#fff;font-size:17px;font-weight:700;letter-spacing:.5px}.el-message-box .el-message-box__headerbtn{top:0;right:0;width:52px;height:52px}.el-message-box .el-message-box__headerbtn .el-message-box__close{color:#fff}.el-message-box .el-message-box__headerbtn:hover{background:hsla(0,0%,100%,.12)}.el-message-box .el-message-box__content{padding:24px;text-align:center}.el-message-box .el-message-box__btns{justify-content:center;padding:14px 24px 18px;background:#fafafa;border-top:1px solid #ebeef5}@media(max-width:768px){.page-header,.search-bar{flex-direction:column}.page-header{align-items:flex-start;gap:10px}.settings-page .settings-grid--four,.settings-page .settings-grid--two{grid-template-columns:1fr}.settings-page .page-actions{justify-content:flex-start}}