*{margin:0;padding:0;box-sizing:border-box}#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;height:100vh}body{margin:0;padding:0}.login-container[data-v-3122f53a]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box[data-v-3122f53a]{width:420px;padding:40px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003}.login-header[data-v-3122f53a]{text-align:center;margin-bottom:40px}.login-header h1[data-v-3122f53a]{font-size:28px;color:#303133;margin:0 0 10px}.login-header p[data-v-3122f53a]{font-size:14px;color:#909399;margin:0}.login-form[data-v-3122f53a]{margin-top:30px}.login-button[data-v-3122f53a]{width:100%;height:44px;font-size:16px}.login-tips[data-v-3122f53a]{margin-top:20px}.user-management[data-v-b7b40cda]{padding:20px}.card-header[data-v-b7b40cda]{display:flex;justify-content:space-between;align-items:center}.search-form[data-v-b7b40cda]{margin-bottom:20px}.pagination[data-v-b7b40cda]{margin-top:20px;display:flex;justify-content:flex-end}.role-permission-management[data-v-0109cfe8]{padding:20px}.card-header[data-v-0109cfe8]{display:flex;justify-content:space-between;align-items:center}.operation-log-panel[data-v-b675f075]{padding:20px}.search-form[data-v-b675f075]{margin-bottom:20px}.pagination[data-v-b675f075]{margin-top:20px;display:flex;justify-content:flex-end}.auth-management[data-v-a67d9c2e]{padding:20px}.ai-training-platform[data-v-55e8ab97]{padding:20px;background:#f5f7fa;min-height:100vh}.nav-card[data-v-55e8ab97]{margin-bottom:20px}.nav-content h2[data-v-55e8ab97]{margin:0 0 20px;color:#303133;font-size:24px}.content-area[data-v-55e8ab97]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 12px #0000001a}.media-cell,.media-preview-cell,.inference-media-cell,.sample-media-cell{display:flex;align-items:center;justify-content:center;min-height:100px;padding:8px}.media-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;background:linear-gradient(135deg,#f5f7fa,#e4e7ed);border-radius:6px;color:#909399;font-size:12px;min-width:100px;min-height:80px;border:1px dashed #dcdfe6}.media-error .el-icon{font-size:24px;color:#c0c4cc}.media-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:#409eff;background:#f5f7fa;border-radius:6px;min-width:100px;min-height:80px}.media-loading .is-loading{font-size:24px;animation:rotating 2s linear infinite}.media-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:25px;background:linear-gradient(135deg,#fafafa,#f5f7fa);border-radius:6px;color:#c0c4cc;font-size:12px;min-width:120px;min-height:100px;border:1px dashed #e4e7ed}.media-empty .el-icon{font-size:32px;color:#dcdfe6}.el-image__inner{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:4px}.el-image__inner:hover{transform:scale(1.05);box-shadow:0 4px 16px #0000001f}video{border-radius:6px;background:#000;transition:all .3s ease;outline:none}video:hover{box-shadow:0 4px 16px #0003;transform:scale(1.02)}video::-webkit-media-controls-panel{background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}video::-webkit-media-controls-play-button{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}audio{border-radius:20px;background:linear-gradient(135deg,#667eea,#764ba2);transition:all .3s ease;outline:none}audio:hover{box-shadow:0 4px 16px #667eea4d;transform:scale(1.02)}audio::-webkit-media-controls-panel{background:transparent}.audio-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:8px;border:1px solid #e4e7ed}.audio-wrapper .el-icon{filter:drop-shadow(0 2px 4px rgba(64,158,255,.3))}.media-thumbnail{position:relative;display:inline-block;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.media-thumbnail:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.media-thumbnail .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;border-radius:50%;padding:8px;color:#fff;transition:all .3s ease}.media-thumbnail:hover .play-overlay{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.media-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.media-cell,.media-preview-cell,.inference-media-cell{min-height:80px}.media-error,.media-loading,.media-empty{min-width:80px;min-height:60px;padding:15px}}@media (max-width: 768px){.media-cell,.media-preview-cell,.inference-media-cell{min-height:60px;padding:4px}.media-error,.media-loading,.media-empty{min-width:60px;min-height:50px;padding:10px;font-size:11px}.media-empty .el-icon{font-size:24px}video:hover,audio:hover{transform:none}}@media print{video,audio{display:none}.media-error,.media-loading,.media-empty{border:1px solid #000}}@media (prefers-color-scheme: dark){.media-error{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);color:#a0a0a0;border-color:#404040}.media-empty{background:linear-gradient(135deg,#252525,#1a1a1a);color:gray;border-color:#3a3a3a}.media-loading{background:#2d2d2d;color:#66b1ff}}