#app{min-height:100vh}:root{--color-primary: #4f6ef7;--color-primary-light: #778dfe;--color-primary-dark: #3a54d4;--color-primary-bg: #eef1ff;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #64748b;--text-primary: #1e293b;--text-regular: #475569;--text-secondary: #94a3b8;--text-placeholder: #cbd5e1;--border-color: #e2e8f0;--border-light: #f1f5f9;--bg-color: #f8fafc;--bg-page: #f1f5f9;--bg-white: #ffffff;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 8px 30px rgba(0,0,0,.08);--shadow-xl: 0 20px 60px rgba(0,0,0,.1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition: .25s cubic-bezier(.4,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-page);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light)}img{max-width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-placeholder);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-width:1260px;margin:0 auto;padding:0 20px}.card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:24px;margin-bottom:16px;transition:box-shadow var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.listing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.page-title{font-size:22px;font-weight:700;color:var(--text-primary)}.section-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:20px;background:var(--color-primary);border-radius:2px}.el-button--primary{--el-button-bg-color: var(--color-primary);--el-button-border-color: var(--color-primary);--el-button-hover-bg-color: var(--color-primary-light);--el-button-hover-border-color: var(--color-primary-light);--el-button-active-bg-color: var(--color-primary-dark);font-weight:500;border-radius:8px;letter-spacing:.02em}.el-input__wrapper,.el-textarea__inner,.el-select .el-input__wrapper{border-radius:8px!important}.el-input__wrapper{box-shadow:0 0 0 1px var(--border-color) inset!important}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--text-placeholder) inset!important}.el-input__wrapper.is-focus,.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--color-primary) inset!important}.el-textarea__inner{box-shadow:0 0 0 1px var(--border-color) inset}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--text-placeholder) inset}.el-pagination .btn-prev,.el-pagination .btn-next,.el-pagination .el-pager li{border-radius:8px!important}.el-tag{border-radius:6px;font-weight:500}.el-breadcrumb{font-size:13px}.el-dialog{border-radius:var(--radius-lg)}.el-divider--horizontal{margin:20px 0}.el-empty__description{color:var(--text-secondary)}@media (max-width: 1200px){.listing-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.listing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.listing-grid{grid-template-columns:1fr}.container{padding:0 12px}}