2 lines
7.9 KiB
CSS
2 lines
7.9 KiB
CSS
|
.storyboard-video-page[data-v-9471a2f4]{display:flex;height:100vh;background:#0a0a0a;color:#fff;margin:0;padding:0}.sidebar[data-v-9471a2f4]{width:280px!important;background:#000000!important;padding:24px 0!important;border-right:1px solid #1a1a1a!important;flex-shrink:0!important;z-index:100!important;display:block!important;position:relative!important}.logo[data-v-9471a2f4]{padding:0 24px 32px;display:flex;align-items:center;justify-content:center}.logo img[data-v-9471a2f4]{height:40px;width:auto}.nav-menu[data-v-9471a2f4]{padding:0 24px}.nav-item[data-v-9471a2f4]{display:flex;align-items:center;padding:14px 18px;margin-bottom:4px;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative}.nav-item[data-v-9471a2f4]:hover{background:#2a2a2a}.nav-item.active[data-v-9471a2f4]{background:#1e3a8a}.nav-item .el-icon[data-v-9471a2f4]{margin-right:14px;font-size:20px}.nav-item span[data-v-9471a2f4]{font-size:15px;flex:1}.nav-divider[data-v-9471a2f4]{height:1px;background:#333;margin:16px 0}.sora-tag[data-v-9471a2f4]{margin-left:8px}.storyboard-item[data-v-9471a2f4]{position:relative}.storyboard-item .sora-tag[data-v-9471a2f4]{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;font-weight:700!important;font-size:11px!important;padding:2px 8px!important;border-radius:12px!important;box-shadow:0 2px 6px #667eea4d!important;animation:pulse-glow-9471a2f4 2s ease-in-out infinite alternate}@keyframes pulse-glow-9471a2f4{0%{box-shadow:0 2px 6px #667eea4d}to{box-shadow:0 2px 12px #667eea99}}.main-content[data-v-9471a2f4]{flex:1;padding:24px;display:flex;flex-direction:column;gap:24px}.user-info-card[data-v-9471a2f4]{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px}.user-avatar[data-v-9471a2f4]{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #333;overflow:hidden}.avatar-image[data-v-9471a2f4]{width:100%;height:100%;object-fit:cover}.user-details[data-v-9471a2f4]{flex:1;display:flex;flex-direction:column;gap:8px}.username[data-v-9471a2f4]{font-size:18px;font-weight:600;color:#fff}.profile-prompt[data-v-9471a2f4]{font-size:14px;color:#9ca3af}.user-id[data-v-9471a2f4]{font-size:12px;color:#6b7280}.edit-profile-btn[data-v-9471a2f4]{margin-left:auto}.published-works[data-v-9471a2f4]{display:flex;flex-direction:column;gap:20px}.works-tabs[data-v-9471a2f4]{display:flex;gap:24px}.tab[data-v-9471a2f4]{padding:8px 0;color:#9ca3af;cursor:pointer;position:relative}.tab.active[data-v-9471a2f4]{color:#fff}.tab.active[data-v-9471a2f4]:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:#3b82f6}.works-grid[data-v-9471a2f4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.work-item[data-v-9471a2f4]{background:#1a1a1a;border:1px solid #333;border-radius:12px;overflow:hidden;transition:all .2s;cursor:pointer}.work-item[data-v-9471a2f4]:hover{border-color:#3b82f6;transform:translateY(-2px)}.work-thumbnail[data-v-9471a2f4]{position:relative;aspect-ratio:16/9;overflow:hidden}.work-thumbnail img[data-v-9471a2f4]{width:100%;height:100%;object-fit:cover}.hover-create-btn[data-v-9471a2f4]{position:absolute;right:8px;bottom:8px;opacity:0;transform:translateY(10px);transition:all .3s ease;z-index:10}.work-thumbnail:hover .hover-create-btn[data-v-9471a2f4]{opacity:1;transform:translateY(0)}.hover-create-btn .el-button[data-v-9471a2f4]{background:rgba(64,158,255,.9);border:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #409eff4d}.hover-create-btn .el-button[data-v-9471a2f4]:hover{background:rgba(64,158,255,1);transform:scale(1.05)}.work-overlay[data-v-9471a2f4]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:20px}.overlay-text[data-v-9471a2f4]{font-size:16px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.work-info[data-v-9471a2f4]{padding:16px;display:flex;flex-direction:column;gap:8px}.work-tit
|