一键全流程自动演示:影院字幕条+10镜头剧本(采集→发现→定义→审核→入图→演化→图谱四视角→时序生长→匹配→路径),自动运镜与倒计时进度条,支持暂停/步进/Esc退出;修复非JD来源标注显示与演示镜头选中淡出干扰
This commit is contained in:
+23
-8
@@ -1110,21 +1110,36 @@ svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width:
|
||||
|
||||
/* ============ 2026-08 答辩级改造新增样式 ============ */
|
||||
|
||||
/* 评委演示导览浮动条(右上角固定) */
|
||||
/* 全流程自动演示字幕条(底部居中,深色影院风,录屏友好) */
|
||||
.tour-bar {
|
||||
position: fixed; top: calc(var(--topbar-h) + 10px); right: 16px; z-index: 900;
|
||||
display: flex; align-items: center; gap: 10px;
|
||||
background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px;
|
||||
box-shadow: var(--shadow-pop); padding: 8px 12px; max-width: 640px;
|
||||
position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); z-index: 900;
|
||||
display: flex; align-items: center; gap: 12px;
|
||||
background: rgba(29,33,41,0.9); border: none; border-radius: 14px;
|
||||
box-shadow: var(--shadow-pop); padding: 12px 18px 20px; max-width: 880px; width: max-content;
|
||||
backdrop-filter: blur(8px); color: #fff;
|
||||
}
|
||||
.tour-prog {
|
||||
font-size: 12px; font-weight: 600; color: #fff; background: var(--primary);
|
||||
border-radius: 999px; padding: 3px 10px; white-space: nowrap;
|
||||
}
|
||||
.tour-text { display: flex; flex-direction: column; min-width: 0; }
|
||||
.tour-text b { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
||||
.tour-desc { font-size: 11px; color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
||||
.tour-text { display: flex; flex-direction: column; min-width: 0; max-width: 540px; }
|
||||
.tour-text b { font-size: 15px; color: #fff; }
|
||||
.tour-desc { font-size: 12px; color: rgba(255,255,255,0.72); white-space: normal; line-height: 1.5; margin-top: 2px; }
|
||||
.tour-bar .btn { white-space: nowrap; }
|
||||
.tour-bar .btn-secondary { background: rgba(255,255,255,0.14); border-color: transparent; color: #fff; }
|
||||
.tour-bar .btn-secondary:hover { background: rgba(255,255,255,0.24); }
|
||||
.tour-bar .btn-secondary:disabled { opacity: .4; }
|
||||
.tour-bar .btn-text { color: rgba(255,255,255,0.65); }
|
||||
.tour-bar .btn-text:hover { color: #fff; }
|
||||
/* 场景进度条(自动播放倒计时) */
|
||||
.tour-track {
|
||||
position: absolute; left: 16px; right: 16px; bottom: 8px; height: 3px;
|
||||
border-radius: 2px; background: rgba(255,255,255,0.16); overflow: hidden; display: block;
|
||||
}
|
||||
.tour-track i { display: block; height: 100%; width: 0; background: #fff; border-radius: 2px; }
|
||||
/* 演示高亮脉冲(如审核台批准按钮,不真实点击) */
|
||||
@keyframes tourGlow { 0%,100% { box-shadow: 0 0 0 0 rgba(24,144,255,0.55); } 50% { box-shadow: 0 0 0 8px rgba(24,144,255,0); } }
|
||||
.tour-glow { animation: tourGlow 1.1s ease-in-out infinite; }
|
||||
|
||||
/* 证据弹窗:结论 / 来源 / 命中依据 / 弱化内部编号 */
|
||||
.ev-conclusion { font-size: 15px; font-weight: 600; margin-bottom: 8px; }
|
||||
|
||||
Reference in New Issue
Block a user