#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}#app,body{height:100vh}#app,*,body{margin:0;padding:0}*{box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f7fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.p-10{padding:10px}.card,.p-20{padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);border:1px solid #ebeef5;margin-bottom:20px}.btn-group{display:flex;gap:10px;align-items:center}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-col{flex:1}@media (max-width:768px){.container{padding:0 10px}.form-row{gap:10px}.btn-group,.form-row{flex-direction:column}.btn-group{align-items:stretch}}.loading{display:flex;justify-content:center;align-items:center;height:200px}.empty-data{text-align:center;padding:50px 0;color:#909399}.empty-data .el-icon{font-size:60px;margin-bottom:20px}.header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 20px}.logo{height:40px;font-size:24px;font-weight:700;color:#409eff}.nav-menu{display:flex;gap:30px}.nav-item{color:#333;text-decoration:none;padding:5px 0;transition:color .3s}.nav-item.active,.nav-item:hover{color:#409eff}.sidebar{width:200px;background:#fff;border-right:1px solid #e6e6e6}.main-content,.sidebar{height:calc(100vh - 60px);overflow-y:auto}.main-content{flex:1;padding:20px}.layout{display:flex;height:100vh}.layout-header{height:60px;background:#fff;border-bottom:1px solid #e6e6e6}.layout-content{display:flex;height:calc(100vh - 60px)}.status-tag{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.status-success{background:#f0f9ff;color:#1890ff;border:1px solid #d1ecf1}.status-warning{background:#fffbf0;color:#fa8c16;border:1px solid #ffeaa7}.status-danger{background:#fff2f0;color:#f5222d;border:1px solid #ffcdd2}.status-info{background:#f6f8fa;color:#666;border:1px solid #d9d9d9}.image-preview{max-width:100px;max-height:100px;border-radius:4px;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:transform .3s}.image-preview:hover{transform:scale(1.1)}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.action-buttons .el-button{margin-left:0}.pagination-container{display:flex;justify-content:center;margin-top:20px;padding:20px 0}.search-container{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.search-form{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end}.search-item{flex:1;min-width:200px}.search-buttons{display:flex;gap:10px}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;padding:20px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-card h3{margin:0 0 10px 0;font-size:28px;font-weight:700}.stat-card p{margin:0;font-size:14px;opacity:.9}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s}.slide-enter-from{transform:translateX(-100%)}.slide-leave-to{transform:translateX(100%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}