2 lines
4.0 KiB
CSS
2 lines
4.0 KiB
CSS
.image-video-page[data-v-6d2992da]{min-height:100vh;background:#0f1117;color:#f5f7fb;font-family:Microsoft YaHei,PingFang SC,sans-serif}.top-bar[data-v-6d2992da]{min-height:88px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:10px 24px 12px;background:#111;border-bottom:1px solid #2a2a2a}.logo-area[data-v-6d2992da]{display:flex;align-items:center;gap:16px;min-width:0;padding-top:10px}.app-name[data-v-6d2992da]{color:#fff;font-size:18px;font-weight:800;letter-spacing:.02em;white-space:nowrap}.btn-home[data-v-6d2992da]{color:#d2d2d2;font-size:13px;text-decoration:none;white-space:nowrap}.btn-home[data-v-6d2992da]:hover{color:#fff}.nav-sections[data-v-6d2992da]{flex:1;min-width:0;display:flex;align-items:stretch;justify-content:center;gap:0}.nav-section[data-v-6d2992da]{flex:1;min-width:0;padding:0 18px;position:relative}.nav-section+.nav-section[data-v-6d2992da]:before{content:"";position:absolute;left:0;top:14px;bottom:8px;width:1px;background:#ffffff24}.nav-section-title[data-v-6d2992da]{margin-bottom:10px;text-align:center;color:#e8dfcf;font-size:16px;font-weight:800;letter-spacing:.08em}.nav-section-items[data-v-6d2992da]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px 14px;border-radius:14px;background:linear-gradient(180deg,#534a43eb,#48413bf5);box-shadow:inset 0 1px #ffffff0f}.nav-item[data-v-6d2992da]{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 2px;color:#f3eee4;font-size:14px;font-weight:700;text-decoration:none;border:0;border-bottom:2px solid transparent;transition:color .18s ease,border-color .18s ease,opacity .18s ease}.nav-button[data-v-6d2992da]{background:transparent;cursor:pointer}.nav-item[data-v-6d2992da]:hover{color:#fff;border-bottom-color:#ffffffad}.nav-item.active[data-v-6d2992da]{color:#fff;border-bottom-color:#8dc4ff}.nav-item.disabled[data-v-6d2992da]{color:#ffffffc7;opacity:.82;cursor:default}.top-right[data-v-6d2992da]{width:60px;flex-shrink:0}.main-content[data-v-6d2992da]{min-height:calc(100vh - 88px);padding:40px;background:linear-gradient(#0f1117db,#0f1117eb),radial-gradient(circle at 20% 20%,rgba(80,160,255,.24),transparent 28%),#0f1117}.hero-panel[data-v-6d2992da]{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:32px;max-width:1120px;margin:60px auto 0;align-items:stretch}.hero-copy[data-v-6d2992da],.workflow-preview[data-v-6d2992da]{border:1px solid rgba(255,255,255,.12);background:#161922db;border-radius:8px;padding:32px}.eyebrow[data-v-6d2992da]{color:#8dc4ff;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1[data-v-6d2992da]{margin:12px 0 16px;font-size:42px;line-height:1.16}.summary[data-v-6d2992da]{max-width:680px;color:#c7cfdb;font-size:16px;line-height:1.8}.actions[data-v-6d2992da]{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px}.primary-action[data-v-6d2992da]{min-width:200px;min-height:42px;padding:0 22px;color:#fff;background:#2f7df6;border:1px solid rgba(255,255,255,.18);border-radius:6px;font-size:15px;font-weight:700;cursor:pointer}.primary-action[data-v-6d2992da]:hover{background:#246ce1}.primary-action[data-v-6d2992da]:disabled{cursor:wait;opacity:.72}.status-text[data-v-6d2992da]{min-height:20px;color:#9dd7a8;font-size:13px}.status-text.error[data-v-6d2992da]{color:#ff9c9c}.workflow-preview[data-v-6d2992da]{display:flex;flex-direction:column;gap:14px}.preview-step[data-v-6d2992da]{display:flex;align-items:center;gap:14px;min-height:68px;padding:0 18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#eef3fb;font-weight:700}.step-index[data-v-6d2992da]{color:#8dc4ff;font-family:Consolas,monospace;font-size:18px}@media(max-width:1024px){.top-bar[data-v-6d2992da],.nav-sections[data-v-6d2992da],.hero-panel[data-v-6d2992da]{display:flex;flex-direction:column}.nav-section[data-v-6d2992da]{padding:0}.nav-section+.nav-section[data-v-6d2992da]:before,.top-right[data-v-6d2992da]{display:none}.main-content[data-v-6d2992da]{padding:24px}h1[data-v-6d2992da]{font-size:34px}}
|