#app,body,html{height:100%;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}.login-container[data-v-bb2e7292]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-form-wrapper[data-v-bb2e7292]{width:400px;padding:40px;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.login-logo[data-v-bb2e7292]{text-align:center;margin-bottom:30px}.logo-image[data-v-bb2e7292]{width:80px;height:80px;margin-bottom:15px}.logo-text[data-v-bb2e7292]{color:#304156;font-size:24px;font-weight:600;margin:0}.login-form[data-v-bb2e7292]{width:100%}.login-button[data-v-bb2e7292]{width:100%;height:40px;font-size:16px}.login-footer[data-v-bb2e7292]{text-align:center;margin-top:20px;color:#909399;font-size:14px}.login-footer a[data-v-bb2e7292]{color:#409eff;text-decoration:none;margin-left:5px}.login-footer a[data-v-bb2e7292]:hover{text-decoration:underline}.role-checkbox[data-v-f8dd4548]{display:block;margin-bottom:10px}.role-description[data-v-f8dd4548]{margin-top:10px;color:#909399;font-size:14px}.admin-container[data-v-f8dd4548]{display:flex;height:100%;background-color:#f5f7fa}.sidebar[data-v-f8dd4548]{width:250px;background-color:#304156;color:#fff;display:flex;flex-direction:column}.sidebar-header[data-v-f8dd4548]{padding:20px;border-bottom:1px solid #40556f}.sidebar-header h3[data-v-f8dd4548]{margin:0;font-size:18px;font-weight:600}.sidebar-nav ul[data-v-f8dd4548]{list-style:none;padding:0;margin:0}.nav-item a[data-v-f8dd4548]{display:flex;align-items:center;padding:15px 20px;color:#bfcbd9;text-decoration:none;transition:all .3s ease}.nav-item a[data-v-f8dd4548]:hover,.nav-item.active a[data-v-f8dd4548]{background-color:#263445;color:#409eff}.nav-item i[data-v-f8dd4548]{margin-right:10px;font-size:16px}.nav-item span[data-v-f8dd4548]{font-size:14px}.sidebar-footer[data-v-f8dd4548]{margin-top:auto;padding:20px;border-top:1px solid #40556f}.logout-btn[data-v-f8dd4548]{width:100%;display:flex;align-items:center;justify-content:center;padding:12px;background-color:#40556f;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.logout-btn[data-v-f8dd4548]:hover{background-color:#50657f}.logout-btn i[data-v-f8dd4548]{margin-right:8px}.main-content[data-v-f8dd4548]{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-header[data-v-f8dd4548]{background-color:#fff;padding:0 30px;height:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px rgba(0,0,0,.1)}.main-header h1[data-v-f8dd4548]{margin:0;font-size:24px;font-weight:600;color:#304156}.user-info[data-v-f8dd4548]{display:flex;align-items:center}.username[data-v-f8dd4548]{font-size:14px;color:#304156}.content-wrapper[data-v-f8dd4548]{flex:1;padding:20px;overflow-y:auto}.news-management[data-v-f8dd4548]{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:20px}.section-header[data-v-f8dd4548]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2[data-v-f8dd4548]{margin:0;font-size:20px;font-weight:600;color:#304156}.search-filter[data-v-f8dd4548]{display:flex;gap:16px;margin-bottom:20px}.search-input[data-v-f8dd4548]{width:300px}.filter-select[data-v-f8dd4548]{width:150px}.pagination[data-v-f8dd4548]{margin-top:20px;display:flex;justify-content:center}.image-upload-section[data-v-f8dd4548]{display:flex;align-items:center}.image-preview[data-v-f8dd4548]{margin-top:10px}.image-preview img[data-v-f8dd4548]{border-radius:4px;border:1px solid #e0e0e0}.media-management[data-v-f8dd4548]{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:20px}@media (max-width:768px){.sidebar[data-v-f8dd4548]{width:200px}.search-filter[data-v-f8dd4548]{flex-direction:column}.filter-select[data-v-f8dd4548],.search-input[data-v-f8dd4548]{width:100%}.image-upload-section[data-v-f8dd4548]{flex-direction:column;align-items:flex-start}.image-upload-section .el-button[data-v-f8dd4548]{margin-left:0!important;margin-top:10px}}.media-grid[data-v-f8dd4548]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;max-height:400px;overflow-y:auto;padding:10px}.media-item[data-v-f8dd4548]{position:relative;border:2px solid #eee;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease}.media-item[data-v-f8dd4548]:hover{border-color:#409eff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.media-item-selected[data-v-f8dd4548]{border-color:#67c23a;box-shadow:0 0 0 2px rgba(103,194,58,.3)}.media-item-name[data-v-f8dd4548]{padding:8px;font-size:12px;color:#606266;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#fafafa}.media-item-check[data-v-f8dd4548]{position:absolute;top:5px;right:5px;width:24px;height:24px;background-color:#67c23a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.empty-media[data-v-f8dd4548]{text-align:center;padding:60px 20px;color:#909399}