.mx-bgc{position:fixed;left:0;right:0;bottom:0;height:0;overflow:hidden;background:var(--bg-secondary);border-top:2px solid var(--accent-start);box-shadow:0 -12px 34px -12px rgba(99,102,241,.5);transition:height .22s ease;z-index:9000;display:flex;flex-direction:column;font-size:12px;color:var(--text-primary);} .mx-bgc.open{height:70vh;} .mx-bgc .bgc-search{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:12px;color:var(--text-primary);width:180px;} .mx-bgc .bgc-head{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--border);flex:none;flex-wrap:wrap;} .mx-bgc .bgc-ttl{font-size:13px;font-weight:800;} .mx-bgc .bgc-tabs{display:flex;gap:4px;} .mx-bgc .bgc-tab{padding:4px 11px;font-size:12px;border-radius:7px;cursor:pointer;color:var(--text-secondary);font-weight:600;} .mx-bgc .bgc-tab.on{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;} .mx-bgc .bgc-refresh{font-size:12px;font-weight:700;color:var(--accent-start);cursor:pointer;border:1px solid rgba(99,102,241,.35);border-radius:8px;padding:4px 10px;} .mx-bgc .bgc-x{margin-left:auto;font-size:12px;color:var(--text-muted);cursor:pointer;padding:4px 8px;} .mx-bgc .bgc-cats{display:flex;gap:5px;flex-wrap:wrap;padding:6px 14px 0;flex:none;} .mx-bgc .bgc-cat{padding:3px 10px;font-size:11px;border-radius:20px;border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-primary);cursor:pointer;} .mx-bgc .bgc-cat.on{background:var(--accent-start);color:#fff;border-color:var(--accent-start);} .mx-bgc .bgc-body{flex:1;min-height:0;display:flex;} .mx-bgc .bgc-grid{flex:1;min-width:0;overflow-y:auto;padding:10px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:9px;align-content:start;} /* 竖卡9:16: 用 padding-bottom(=16/9) 撑高度, 因为 CSS grid 的 auto 行高不认 aspect-ratio → 会把行压到内容高致卡片重叠。padding 是真实盒高, grid 一定认 */ .mx-bgc .bgc-th{position:relative;height:0;padding-bottom:177.78%;box-sizing:content-box;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;background:var(--bg-tertiary);} .mx-bgc .bgc-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;} .mx-bgc .bgc-th .bgc-lbl,.mx-bgc .bgc-th .bgc-star{z-index:2;} .mx-bgc .bgc-th .bgc-lbl{position:absolute;left:0;right:0;bottom:0;padding:12px 5px 4px;font-size:10px;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;} .mx-bgc .bgc-th .bgc-star{position:absolute;top:4px;right:4px;font-size:9px;background:rgba(99,102,241,.85);color:#fff;border-radius:4px;padding:0 4px;font-weight:700;} .mx-bgc .bgc-th.sel{border-color:var(--accent-start);box-shadow:0 0 0 2px rgba(99,102,241,.45);} /* 中央播放提示: 悬停显现, 播放时隐藏 —— 提示"点击原地播放" */ .mx-bgc .bgc-th .bgc-playhint{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;font-size:26px;color:rgba(255,255,255,.92);text-shadow:0 1px 5px rgba(0,0,0,.75);opacity:0;transition:opacity .15s;pointer-events:none;} .mx-bgc .bgc-th:hover .bgc-playhint{opacity:.92;} .mx-bgc .bgc-th.playing .bgc-playhint{opacity:0;} .mx-bgc .bgc-th.playing{box-shadow:0 0 0 2px var(--accent-start);} /* 右上角选用按钮: 点它=进已选池(与"点块播放"分开) */ .mx-bgc .bgc-th .bgc-pick{position:absolute;top:5px;right:5px;z-index:3;width:23px;height:23px;line-height:21px;text-align:center;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;font-size:15px;font-weight:800;cursor:pointer;border:1.5px solid rgba(255,255,255,.75);transition:transform .1s,background .1s;} .mx-bgc .bgc-th .bgc-pick:hover{background:rgba(0,0,0,.78);transform:scale(1.1);} .mx-bgc .bgc-th .bgc-pick.on{background:var(--success);border-color:#fff;} .mx-bgc .bgc-empty,.mx-bgc .bgc-poolempty{grid-column:1/-1;padding:22px;text-align:center;color:var(--text-muted);font-size:12px;} .mx-bgc .bgc-pool-wrap{width:230px;flex:none;border-left:1px solid var(--border);background:var(--bg-primary);padding:10px 12px;display:flex;flex-direction:column;gap:8px;} .mx-bgc .bgc-pool-h{font-size:12px;font-weight:700;display:flex;gap:5px;align-items:center;} .mx-bgc .bgc-pool{display:flex;gap:5px;flex-wrap:wrap;overflow-y:auto;flex:1;align-content:start;} .mx-bgc .bgc-chip{width:30px;height:52px;border-radius:5px;position:relative;flex:none;background:var(--bg-tertiary);} .mx-bgc .bgc-chip img{width:100%;height:100%;object-fit:cover;border-radius:5px;} .mx-bgc .bgc-chip-x{position:absolute;top:-5px;right:-5px;width:15px;height:15px;background:#ef4444;color:#fff;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;} .mx-bgc .bgc-apply{margin-top:6px;padding:10px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;font-size:13px;font-weight:800;cursor:pointer;} /* ===== 新首页 v2 (scope: .avfhome) ===== */ .avfhome{/* light — 暖米影棚(日场) */ --ground:#F4F1EA; --surface:#FFFFFF; --surface2:#F0ECE2; --raise:#FBF9F4; --border:#E4DECF; --hair:#EDE8DC; /* CONTRAST-FIX-20260717: 取各令牌最严场景调到 WCAG AA 4.5:1,色相全保留只压暗 faint 3.09->4.51 | gold 3.27(压页面底)/3.30(压金角标底)->4.70 | ready 2.90(压绿角标底)->4.65 */ --ink:#1B1D21; --sub:#5C6270; --faint:#717782; --gold:#916219; --gold-b:#916219;/* gold-b原#C98A2A压白底仅2.94,lead标题不合格->统一到916219=5.30 */ --gold-soft:rgba(180,121,31,.10); --gold-line:rgba(180,121,31,.22); --ready:#247851; --shadow:0 18px 44px -26px rgba(40,30,10,.35);} .avfhome .hero{position:relative;overflow:hidden;background: radial-gradient(120% 140% at 88% -10%, var(--gold-soft), transparent 55%), var(--surface); border:1px solid var(--border);border-radius:20px;padding:30px 38px 26px;box-shadow:var(--shadow)} .avfhome .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr .95fr;gap:24px;align-items:center} .avfhome .tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-line);padding:5px 12px;border-radius:20px;letter-spacing:.3px} .avfhome .tag i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)} .avfhome h1{font-size:var(--home-headline-size,38px);line-height:1.12;font-weight:800;letter-spacing:-.5px;margin:13px 0 5px;text-wrap:balance} .avfhome .thesis{font-size:19px;font-weight:800;letter-spacing:-.3px;line-height:1.25;margin:0 0 12px; background:linear-gradient(92deg,var(--gold),var(--gold-b));-webkit-background-clip:text;background-clip:text;color:transparent} .avfhome .lede{font-size:15px;color:var(--sub);line-height:1.7;max-width:48ch;margin:0 0 18px} .avfhome .stats{display:flex;gap:28px;margin:0 0 20px} .avfhome .stat .n{font-size:27px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums;line-height:1;color:var(--ink)} .avfhome .stat .n b{color:var(--gold);font-weight:800} .avfhome .stat .l{font-size:11.5px;color:var(--faint);margin-top:7px;letter-spacing:.2px} .avfhome .cta-row{display:flex;gap:12px;flex-wrap:wrap} .avfhome .hero-note{font-size:13px;color:var(--faint);line-height:1.6} .avfhome .btn{border:0;font-family:inherit;cursor:pointer;font-size:14px;font-weight:700;padding:13px 24px;border-radius:12px;display:inline-flex;align-items:center;gap:9px;transition:transform .16s cubic-bezier(.2,.7,.3,1),filter .16s} .avfhome .btn.gold{background:linear-gradient(140deg,var(--gold),var(--gold-b));color:#201606;box-shadow:0 12px 26px -12px var(--gold)} .avfhome .btn.gold:hover{transform:translateY(-2px);filter:brightness(1.05)} .avfhome .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--border)} .avfhome .btn.ghost:hover{border-color:var(--gold);color:var(--gold)} .avfhome .stage{position:relative;height:236px;border-radius:16px;background:linear-gradient(180deg,var(--surface2),var(--raise));border:1px solid var(--hair);overflow:hidden} .avfhome .proc{display:flex;gap:16px;align-items:center;height:100%;padding:18px 20px} .avfhome .screen{position:relative;width:120px;height:200px;border-radius:14px;overflow:hidden;background:#0a0c10;border:1px solid rgba(255,255,255,.08);flex:0 0 auto;box-shadow:0 14px 34px -14px rgba(0,0,0,.7)} .avfhome .screen canvas{width:100%;height:100%;display:block} .avfhome .scr-tag{position:absolute;left:8px;top:8px;font-size:10px;font-weight:600;color:var(--gold);background:rgba(0,0,0,.45);padding:3px 9px;border-radius:20px} .avfhome .scr-live{position:absolute;right:8px;top:8px;font-size:9.5px;color:#eee;display:flex;align-items:center;gap:5px;background:rgba(0,0,0,.45);padding:3px 8px;border-radius:20px} .avfhome .scr-live i{width:5px;height:5px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 6px #ff5a5a;animation:blink 1.1s infinite} @keyframes blink{50%{opacity:.3}} .avfhome .steps{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0} .avfhome .stage-cap{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:7px;padding:0 2px;letter-spacing:.2px;transition:color .3s} .avfhome .pli{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--faint);padding:6px 11px;border-radius:10px;transition:all .35s cubic-bezier(.3,.7,.3,1);border:1px solid transparent} .avfhome .pli b{width:20px;height:20px;border-radius:50%;background:var(--surface);color:var(--faint);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:0 0 auto;border:1px solid var(--hair);transition:.35s} .avfhome .pli.on{color:var(--ink);background:var(--gold-soft);border-color:var(--gold-line);transform:translateX(3px)} .avfhome .pli.on b{background:linear-gradient(140deg,var(--gold),var(--gold-b));color:#201606;border-color:transparent;box-shadow:0 0 12px -2px var(--gold);animation:pulseGold 1.25s ease-in-out infinite} @keyframes pulseGold{0%,100%{box-shadow:0 0 9px -3px var(--gold)}50%{box-shadow:0 0 17px 1px var(--gold)}} .avfhome .pli.done{color:var(--sub)} .avfhome .pli.done b{background:var(--ready);color:transparent;border-color:transparent;position:relative;box-shadow:0 0 10px -4px var(--ready)} .avfhome .pli.done b::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#04120b;font-size:12px;font-weight:800} .avfhome .pli.fin.on b{background:linear-gradient(140deg,var(--ready),#5cc79a);color:#04120b;box-shadow:0 0 12px -2px var(--ready)} .avfhome .fw{color:var(--faint);transition:color .3s,text-shadow .3s} .avfhome .fw.lit{color:var(--gold);text-shadow:0 0 9px var(--gold-line);font-weight:700} .avfhome .fn-note{font-size:10px;color:var(--faint);line-height:1.55;margin-top:8px;padding:7px 11px;background:var(--surface);border:1px dashed var(--border);border-radius:9px} .avfhome .sec-h{display:flex;align-items:baseline;justify-content:space-between;margin:20px 4px 12px} .avfhome .sec-h h2{font-size:16px;font-weight:750;margin:0} .avfhome .sec-h span{font-size:12px;color:var(--faint)} .avfhome .bento{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px} .avfhome .card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;transition:transform .18s cubic-bezier(.2,.7,.3,1),border-color .18s;cursor:pointer;position:relative;overflow:visible;height:auto;min-height:180px}/* CARDFIX-20260717: overflow:hidden 切掉了chips和「进入→」,且此规则优先级高于theme.css */ .avfhome .card:hover{transform:translateY(-3px);border-color:var(--gold-line)} .avfhome .card.lead{background: radial-gradient(130% 120% at 100% 0%, var(--gold-soft), transparent 60%),var(--surface);border-color:var(--gold-line)} .avfhome .ico{width:42px;height:42px;border-radius:12px;background:var(--surface2);border:1px solid var(--hair);display:flex;align-items:center;justify-content:center;margin-bottom:15px;color:var(--gold)} .avfhome .card.lead .ico{color:var(--gold-b);background:var(--gold-soft);border-color:var(--gold-line)} .avfhome .flag{position:absolute;top:16px;right:16px;font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:3px 9px;border-radius:20px} .avfhome .flag.act{color:var(--ready);background:color-mix(in srgb,var(--ready) 14%,transparent);border:1px solid color-mix(in srgb,var(--ready) 30%,transparent)} .avfhome .flag.new{color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-line)} /* AICARD-20260717: 你的AI助手卡 —— 全走现有令牌,不引入新色 */ .avfhome .flag.ai{color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-line)} .avfhome .ask-demo{display:flex;align-items:center;gap:7px;margin:2px 0 10px;padding:7px 9px; background:var(--gold-soft);border:1px solid var(--gold-line);border-radius:9px} .avfhome .ask-demo span{font-size:11.5px;color:var(--sub)} .avfhome .ask-demo i{font-style:normal;font-size:12px;font-weight:700;color:var(--gold);margin-left:auto} /* SELECT-F-20260717: 点击选中态 = 绿边+浅绿底,块色往深一档防糊(实测1.08->1.28) */ .avfhome .card.on{background:color-mix(in srgb,var(--ready) 6%,var(--surface)); border:2px solid var(--ready);box-shadow:0 0 0 4px color-mix(in srgb,var(--ready) 14%,transparent)} .avfhome .card.on h3{color:var(--ready)} .avfhome .card.on .go{color:var(--ready)} .avfhome .card.on .ico{background:color-mix(in srgb,var(--ready) 20%,var(--surface)); border-color:color-mix(in srgb,var(--ready) 34%,transparent);color:var(--ready)} .avfhome .card.on .chip{background:color-mix(in srgb,var(--ready) 20%,var(--surface));color:var(--ink)} .avfhome .card.on .flag.act{background:var(--ready);color:#FFFFFF;border-color:var(--ready)} .avfhome .card.on .ask-demo{background:color-mix(in srgb,var(--ready) 12%,var(--surface)); border-color:color-mix(in srgb,var(--ready) 30%,transparent)} .avfhome .card.on .ask-demo i{color:var(--ready)} .avfhome .card h3{font-size:17px;font-weight:750;margin:0 0 7px} .avfhome .card.lead h3{color:var(--gold-b)} .avfhome .card p{font-size:15px;color:var(--sub);line-height:1.65;margin:0 0 15px;flex:1} .avfhome .card.lead p{font-size:15px} .avfhome .chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px} .avfhome .chip{font-size:12px;color:var(--sub);background:var(--surface2);border:1px solid var(--hair);padding:4px 11px;border-radius:20px} .avfhome .go{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ink)} .avfhome .card.lead .go{color:var(--gold)} .avfhome .go .arw{transition:transform .18s} .avfhome .card:hover .go .arw{transform:translateX(3px)} .avfhome .trust{margin-top:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 22px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--sub)} .avfhome .trust b{color:var(--ink);font-weight:700} .avfhome .trust .dot{width:5px;height:5px;border-radius:50%;background:var(--gold)} @media (max-width:820px){ .avfhome .hero-grid{grid-template-columns:1fr} .avfhome .stage{height:170px} .avfhome h1,body.avf-shell-mobile .avfhome h1{font-size:var(--home-headline-mobile-size,34px)} .avfhome .thesis{font-size:19px} .avfhome .bento{grid-template-columns:1fr} .avfhome .card.lead{grid-row:auto} .avfhome .stats{gap:22px} } @media (max-width:720px){ body.avf-shell-mobile .topbar .user-status{width:auto;min-width:0;flex:1 1 auto;margin-left:auto!important} } .avfhome{background:var(--ground);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;padding:20px;border-radius:14px;box-sizing:border-box;min-height:calc(100vh - 72px);display:flex;flex-direction:column;} .avfhome *{box-sizing:border-box} .avfhome .shell{max-width:1280px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column} /* ===== 找爆款素材 新界面 v2 (scope: .avfp1) ===== */ .avfp1{--p1gold:#B4791F;--p1goldb:#C98A2A;--p1soft:rgba(180,121,31,.10);--p1line:rgba(180,121,31,.24);--p1hot:#C0492F;margin-bottom:16px} .avfp1 *{box-sizing:border-box} .avfp1 .p1caps{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap;position:relative;z-index:3} .avfp1 .p1cap{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border-color); border-radius:12px;padding:11px 16px;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1); appearance:none;-webkit-appearance:none;font:inherit;color:inherit;text-align:left;position:relative;pointer-events:auto} .avfp1 .p1cap>*{pointer-events:none} .avfp1 .p1cap:hover{transform:translateY(-2px);border-color:var(--p1line)} .avfp1 .p1cap i{font-style:normal;font-size:18px;line-height:1} .avfp1 .p1cap b{font-size:15.5px;font-weight:700;color:var(--text-primary);letter-spacing:.2px} .avfp1 .p1cap em{font-style:normal;font-size:13px;color:var(--text-muted)} .avfp1 .p1cap.on{background:var(--p1soft);border-color:var(--p1line)} .avfp1 .p1cap.on b{color:var(--p1gold)} .avfp1 .p1omni{width:min(100%,920px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:5px 5px 5px 16px; display:flex;align-items:center;gap:10px} .avfp1 .p1omni:focus-within{border-color:var(--p1line);box-shadow:0 0 0 3px var(--p1soft)} .avfp1 .p1omni svg{color:var(--text-muted);flex:0 0 auto} .avfp1 .p1omni input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:14px;color:var(--text-primary); padding:12px 0;font-family:inherit} .avfp1 .p1go{background:linear-gradient(140deg,var(--p1gold),var(--p1goldb));color:#fff;border:none; font-size:13px;font-weight:650;padding:11px 20px;border-radius:10px;cursor:pointer;white-space:nowrap;font-family:inherit} .avfp1 .p1updl{font-size:11.5px;color:var(--text-secondary);border:1px solid var(--border-color);background:var(--bg-tertiary); padding:10px 12px;border-radius:10px;cursor:pointer;white-space:nowrap;font-family:inherit} .avfp1 .p1hint{display:flex;align-items:center;gap:8px;margin:9px 2px 0;font-size:11.5px;color:var(--text-muted);flex-wrap:wrap} .avfp1 .p1hint b{color:var(--text-secondary)} .avfp1 .p1tag{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:3px 9px;border-radius:20px; color:var(--text-secondary);cursor:pointer} .avfp1 .p1tag.hot{background:rgba(192,73,47,.09);border-color:transparent;color:var(--p1hot);font-weight:600} /* 旧的三个 tab 按钮条隐藏(功能仍在,由新界面驱动) */ #panel-1 .tabs{display:none !important} /* step1 独占整屏(拆出三栏) */ #panel-1.avfp1-solo.active-step{flex:1 1 auto !important;min-width:0 !important;max-width:none !important;width:100% !important;overflow-y:auto} #panel-1.avfp1-solo .panel-content{max-width:1180px;margin:0 auto;width:100%} /* ===== 找爆款:结果竖版卡片墙(一排5个) · 只在独占页生效 ===== */ /* 结果容器 -> 网格 */ #panel-1.avfp1-solo #hotVideoResults{display:grid !important;grid-template-columns:repeat(5,1fr) !important; gap:12px !important;align-items:start;padding-top:4px} /* 顶部「找到N个视频」那行跨满整行 */ #panel-1.avfp1-solo #hotVideoResults > div:first-child{grid-column:1 / -1 !important;margin-bottom:0 !important} /* 卡片本体 -> 竖版 */ #panel-1.avfp1-solo #hotVideoResults .result-box{padding:0 !important;margin-bottom:0 !important; border-radius:12px !important;overflow:hidden !important;border:1px solid var(--border-color); background:var(--bg-card);transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s} #panel-1.avfp1-solo #hotVideoResults .result-box:hover{transform:translateY(-3px); box-shadow:0 18px 40px -26px rgba(0,0,0,.45)} /* 卡内「左封面右文字」的横排 -> 改竖排 */ #panel-1.avfp1-solo #hotVideoResults .result-box > div{flex-direction:column !important;gap:0 !important} /* 封面 -> 整宽 3:4 竖版 */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:first-child{width:100% !important; height:auto !important;aspect-ratio:3/4 !important;border-radius:0 !important;flex-shrink:1 !important} /* 文字区 -> 补内边距 */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2){padding:10px !important; width:100% !important;flex:none !important} /* 播放键小一点 */ #panel-1.avfp1-solo #hotVideoResults .play-btn-area > div{width:30px !important;height:30px !important;font-size:12px} /* 窄屏降列 */ @media(max-width:1240px){ #panel-1.avfp1-solo #hotVideoResults{grid-template-columns:repeat(4,1fr) !important}} @media(max-width:1000px){ #panel-1.avfp1-solo #hotVideoResults{grid-template-columns:repeat(3,1fr) !important}} @media(max-width:760px){ #panel-1.avfp1-solo #hotVideoResults{grid-template-columns:repeat(2,1fr) !important}} /* ===== 卡片墙修正 avfp1-wallfix ===== */ /* ① 封面:阻止被 flex 拉伸,让 3:4 生效 */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:first-child{ flex:0 0 auto !important;align-self:stretch !important;height:auto !important; aspect-ratio:3 / 4 !important;max-height:none !important;min-height:0 !important} #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:first-child img{ width:100% !important;height:100% !important;object-fit:cover !important} /* ② 按钮:禁止竖排单字,挤不下就换行 */ #panel-1.avfp1-solo #hotVideoResults .result-box button, #panel-1.avfp1-solo #hotVideoResults .result-box a, #panel-1.avfp1-solo #hotVideoResults .result-box .btn{ white-space:nowrap !important;word-break:keep-all !important;writing-mode:horizontal-tb !important; font-size:11px !important;line-height:1.5 !important;padding:5px 9px !important; height:auto !important;min-height:0 !important;min-width:0 !important;width:auto !important; flex:0 0 auto !important;border-radius:7px !important} /* 按钮所在的行:允许换行,给间距 */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2) > div{ flex-wrap:wrap !important;gap:5px !important;row-gap:5px !important} /* ③ 文字区:字号收一档,标题两行截断 */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2){ font-size:11.5px !important;line-height:1.5 !important} /* ===== 封面比例终修 avfp1-cover2 ===== */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:first-child{ position:relative !important;width:100% !important;height:auto !important; aspect-ratio:3 / 4 !important;flex:0 0 auto !important;overflow:hidden !important} /* img 绝对定位填充 -> 撑不开容器,比例由容器说了算 */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:first-child > img{ position:absolute !important;top:0 !important;left:0 !important; width:100% !important;height:100% !important;object-fit:cover !important} /* ===== 卡片瘦身 avfp1-slim ===== */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2){padding:9px 10px 10px !important} /* 标题:两行封顶 */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2) > div:nth-child(1){font-size:12px !important;line-height:1.45 !important;max-height:2.9em !important; overflow:hidden !important;margin-bottom:3px !important} /* 作者 */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2) > div:nth-child(2){font-size:10.5px !important;margin-bottom:3px !important} /* 数据行:压紧,一行放下 */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2) > div:nth-child(3){font-size:10.5px !important;line-height:1.5 !important; margin:0 0 4px 0 !important;white-space:nowrap !important;overflow:hidden !important} /* 标签行、日期行:收掉(扫爆款不看话题标签) */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2) > div:nth-child(4), #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2) > div:nth-child(5){display:none !important} /* 按钮行:缩小,争取一行放下4个 */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2) > div:nth-child(6){margin-top:2px !important;gap:4px !important} #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2) > div:nth-child(6) button, #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2) > div:nth-child(6) a{font-size:10px !important;padding:4px 5px !important;border-radius:6px !important} /* ===== 4按钮强制一排 avfp1-btnrow ===== */ #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2) > div:nth-child(6){ display:flex !important;flex-wrap:nowrap !important;gap:3px !important; margin-top:4px !important;width:100% !important;align-items:stretch !important} #panel-1.avfp1-solo #hotVideoResults .result-box > div > div:nth-child(2) > div:nth-child(6) > *{ flex:1 1 0 !important;min-width:0 !important;width:auto !important; font-size:9.5px !important;line-height:1.4 !important;padding:5px 2px !important; border-radius:6px !important;white-space:nowrap !important;overflow:hidden !important; text-overflow:ellipsis !important;text-align:center !important; display:flex !important;align-items:center !important;justify-content:center !important; writing-mode:horizontal-tb !important;word-break:keep-all !important;height:auto !important} /* 看热词模式:爆款库先收起(库有自己的入口),只留关键词搜索+筛选+结果 */ .avfp1-kwmode #hot-search-tab #libPanel{display:none !important} /* 自采搜索的筛选条:排版收紧 */ #panel-1.avfp1-solo #hot-search-tab select{font-size:12px !important;padding:4px 8px !important} /* ===== ②改写文案 独占整屏 (scope: #panel-2.avfp2-solo) ===== */ #midStackPanel.avfp2-host{display:flex !important;flex:1 1 auto !important;width:100% !important; min-width:0 !important;max-width:none !important;flex-direction:column;overflow-y:auto} #panel-2.avfp2-solo{flex:1 1 auto !important;width:100% !important;min-width:0 !important;max-width:none !important;display:flex !important} #panel-2.avfp2-solo > .panel-content{max-width:1180px;margin:0 auto;width:100%;padding-top:14px} /* 4折叠:头部加大 */ #panel-2.avfp2-solo .voice-coll-header{padding:10px 14px;border-radius:12px} #panel-2.avfp2-solo .voice-coll-header > span:first-child{font-size:14.5px !important;font-weight:700} #panel-2.avfp2-solo .rw-goal{font-size:12.5px} /* 双栏对照 + 中缝 */ #panel-2.avfp2-solo .two-col{display:grid !important;grid-template-columns:1fr 150px 1fr !important; gap:12px !important;align-items:stretch !important;margin:10px 0 !important} #panel-2.avfp2-solo .two-col textarea{min-height:320px !important;font-size:14.5px !important;line-height:1.8 !important} #panel-2.avfp2-solo .avfp2mid{display:flex;flex-direction:column;gap:9px;justify-content:center;align-items:stretch} #panel-2.avfp2-solo .avfp2mid #rewriteBtn{width:100%;font-size:15px !important;font-weight:700;padding:14px 0 !important; border-radius:12px;letter-spacing:1px;background:linear-gradient(140deg,#B4791F,#C98A2A) !important;color:#fff !important;border:none !important} #panel-2.avfp2-solo .avfp2opt{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px; padding:7px 9px;font-size:11px;color:var(--text-muted);text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center} #panel-2.avfp2-solo .avfp2opt > *{margin:0 auto} #panel-2.avfp2-solo #rewriteProgress{margin-top:2px} /* 改写结果操作与账号文案库 */ #panel-2 .rewrite-copy-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px} #panel-2 .rewrite-copy-actions .btn{min-height:38px;padding:8px 16px;font-size:13px;white-space:nowrap} #panel-2 .rewrite-copy-save{background:var(--bg-card) !important;color:var(--text-primary) !important;border:1px solid var(--border-color) !important} #panel-2 .rewrite-copy-use{background:linear-gradient(140deg,#B4791F,#C98A2A) !important;color:#fff !important;border:none !important;font-weight:700} #panel-2 .rewrite-copy-library-toggle{margin-right:auto;min-height:38px;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-secondary);font-size:12px;cursor:pointer;white-space:nowrap} #panel-2 .rewrite-copy-library-toggle span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:4px;padding:0 6px;border-radius:999px;background:rgba(180,121,31,.14);color:#B4791F;font-size:11px;font-weight:700} #panel-2 .rewrite-copy-actions button:disabled{opacity:.45;cursor:not-allowed} #panel-2 .rewrite-copy-backdrop{display:none;position:fixed;inset:0;z-index:1198;background:rgba(15,23,42,.36);backdrop-filter:blur(2px)} #panel-2 .rewrite-copy-backdrop[hidden]{display:none !important} #panel-2 .rewrite-copy-library{position:relative;width:100%;height:auto;max-height:520px;margin-top:10px;border:1px solid var(--border-color);border-radius:13px;background:var(--bg-card);padding:14px;min-width:0;display:flex;flex-direction:column;box-shadow:0 14px 36px rgba(15,23,42,.12);animation:rewriteCopyOpen .18s ease-out;transform-origin:top} #panel-2 .two-col > .rewrite-copy-library{grid-column:1/-1;margin-top:0} #panel-2 .rewrite-copy-library[hidden]{display:none !important} #panel-2 .rewrite-copy-library-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 2px 12px;background:var(--bg-card)} #panel-2 .rewrite-copy-library-heading{display:flex;min-width:130px;flex-direction:column;gap:3px} #panel-2 .rewrite-copy-library-head strong{color:var(--text-primary);font-size:18px} #panel-2 .rewrite-copy-library-heading span{color:var(--text-muted);font-size:11px} #panel-2 .rewrite-copy-library-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:1} #panel-2 .rewrite-copy-sort{padding:7px 10px;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);font-size:11px;white-space:nowrap} #panel-2 .rewrite-copy-close{width:34px;height:34px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-tertiary);color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer} #panel-2 .rewrite-copy-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border-color);padding-bottom:8px;margin-bottom:8px} #panel-2 .rewrite-copy-tabs button{border:0;border-radius:7px;background:transparent;color:var(--text-muted);font-size:12px;padding:6px 12px;cursor:pointer} #panel-2 .rewrite-copy-tabs button span{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:3px;padding:0 5px;border-radius:999px;background:var(--bg-tertiary);color:var(--text-muted);font-size:10px;font-weight:700} #panel-2 .rewrite-copy-tabs button.active{background:rgba(180,121,31,.14);color:#B4791F;font-weight:700} #panel-2 .rewrite-copy-tabs button.active span{background:rgba(180,121,31,.18);color:#B4791F} #panel-2 .rewrite-copy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;min-height:0;max-height:390px;gap:8px;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:1px var(--spacing-md) 3px 1px} #panel-2 .rewrite-copy-list::-webkit-scrollbar{width:var(--spacing-lg)} #panel-2 .rewrite-copy-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-xl)} #panel-2 .rewrite-copy-list::-webkit-scrollbar-thumb{background:var(--accent-start);border:var(--spacing-xs) solid var(--bg-tertiary);border-radius:var(--radius-xl)} #panel-2 .rewrite-copy-list::-webkit-scrollbar-thumb:hover{background:var(--accent-end)} #panel-2 .rewrite-copy-item{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start;padding:11px 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-tertiary);transition:border-color .16s ease,transform .16s ease} #panel-2 .rewrite-copy-item:hover{border-color:rgba(180,121,31,.52);transform:translateY(-1px)} #panel-2 .rewrite-copy-item-body{min-width:0;cursor:pointer;border-radius:6px} #panel-2 .rewrite-copy-heading{display:flex;align-items:center;gap:8px;min-width:0} #panel-2 .rewrite-copy-title{min-width:0;color:var(--text-primary);font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #panel-2 .rewrite-copy-airdrop{flex:0 0 auto;padding:2px 7px;border:1px solid rgba(201,164,92,.46);border-radius:999px;background:rgba(201,164,92,.10);color:var(--gold-soft,#C9A45C);font-size:12.5px;font-weight:500;line-height:1.35;white-space:nowrap} #panel-2 .rewrite-copy-text{min-width:0;margin-top:4px;color:var(--text-secondary);font-size:12px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:pre-wrap} #panel-2 .rewrite-copy-meta{margin-top:4px;color:var(--text-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #panel-2 .rewrite-copy-item-actions{display:flex;align-items:center;gap:6px;width:100%} #panel-2 .rewrite-copy-pick{flex:1;border:1px solid #B4791F;border-radius:7px;background:transparent;color:#B4791F;font-size:12px;padding:6px 10px;cursor:pointer;white-space:nowrap} #panel-2 .rewrite-copy-more{width:30px;height:30px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-card);color:var(--text-secondary);font-size:16px;line-height:1;cursor:pointer} #panel-2 .rewrite-copy-delete{height:30px;border:1px solid rgba(220,38,38,.45);border-radius:7px;background:rgba(220,38,38,.06);color:#DC2626;font-size:12px;padding:0 10px;cursor:pointer;white-space:nowrap} #panel-2 .rewrite-copy-delete:hover{background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.7)} #panel-2 .rewrite-copy-empty{grid-column:1/-1;padding:20px 8px;text-align:center;color:var(--text-muted);font-size:12px} #panel-2 .rewrite-copy-load-more{grid-column:1/-1;justify-self:center;border:1px solid rgba(180,121,31,.5);border-radius:8px;background:rgba(180,121,31,.08);color:#B4791F;font-size:12px;padding:7px 18px;cursor:pointer} #panel-2 .rewrite-copy-library button:focus-visible,#panel-2 .rewrite-copy-item-body:focus-visible{outline:2px solid #C98A2A;outline-offset:2px} #panel-2.avfp2-solo .two-col{align-items:start !important} #panel-2.avfp2-solo .two-col > .center-extract-feedback{grid-column:1 / -1} #panel-2.avfp2-solo .two-col > .input-group:first-child{align-self:start !important;height:auto !important} #panel-2.avfp2-solo #originalText{flex:none !important;overflow-y:auto} @keyframes rewriteCopyOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}} /* 对照预览 */ #panel-2 .avfp2prev{display:none;border:1px solid var(--border-color);border-radius:8px;padding:12px 14px; font-size:14.5px;line-height:1.85;background:var(--bg-tertiary);color:var(--text-primary);min-height:320px;white-space:pre-wrap} #panel-2 .avfp2prev mark{background:rgba(180,121,31,.16);color:#C98A2A;font-weight:650;border-radius:3px;padding:0 2px} #panel-2 .avfp2prevbar{display:none;align-items:center;gap:10px;font-size:11.5px;color:var(--text-muted);margin:4px 0 2px} #panel-2 .avfp2prevbar a{color:#C98A2A;cursor:pointer} /* 非独占(step3三栏)时中缝顺排,不碍事 */ #panel-2:not(.avfp2-solo) .avfp2mid{display:flex;flex-wrap:wrap;gap:6px;align-items:center} @media(max-width:900px){ #panel-2.avfp2-solo .two-col{grid-template-columns:1fr !important} #panel-2 .rewrite-copy-backdrop:not([hidden]){display:block} #panel-2 .rewrite-copy-library{position:fixed;z-index:1199;top:auto;bottom:0;left:0;right:0;width:100%;height:min(78dvh,680px);max-height:680px;margin:0;border:0;border-top:1px solid var(--border-color);border-radius:18px 18px 0 0;padding:16px;box-shadow:0 -18px 48px rgba(15,23,42,.22);animation:rewriteCopySheetOpen .18s ease-out} #panel-2 .rewrite-copy-library-head{align-items:flex-start;flex-wrap:wrap} #panel-2 .rewrite-copy-library-heading{flex:1} #panel-2 .rewrite-copy-library-tools{width:auto;flex:0 0 auto} #panel-2 .rewrite-copy-sort{display:none} #panel-2 .rewrite-copy-list{grid-template-columns:minmax(0,1fr);max-height:none;flex:1} #panel-2 .rewrite-copy-item{grid-template-columns:minmax(0,1fr)} #panel-2 .rewrite-copy-item-actions{width:100%} #panel-2 .rewrite-copy-pick{flex:1} } @media(max-width:680px){ #panel-2 .rewrite-copy-actions .btn{flex:1 1 calc(50% - 4px)} #panel-2 .rewrite-copy-library-toggle{order:-1;margin-right:0;flex:1 1 100%;text-align:left} } @keyframes rewriteCopySheetOpen{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){ #panel-2 .rewrite-copy-library,#panel-2 .rewrite-copy-item{animation:none;transition:none} } /* ===== ③文案声音 独占整屏 (scope: #panel-3.avfp3-solo) ===== */ #midStackPanel.avfp3-host{display:flex !important;flex:1 1 auto !important;width:100% !important; min-width:0 !important;max-width:none !important;flex-direction:column;overflow-y:auto} #panel-3.avfp3-solo{flex:1 1 auto !important;width:100% !important;min-width:0 !important;max-width:none !important;display:flex !important;flex-direction:column} #panel-3.avfp3-solo > .panel-content{max-width:1180px;margin:0 auto;width:100%;padding-top:12px} #panel-3.avfp3-solo .panel-header{display:none} /* 文案条 */ #panel-3 .avfp3script{display:none;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border-color); border-radius:13px;padding:10px 15px;margin-bottom:13px} #panel-3.avfp3-solo .avfp3script{display:flex} #panel-3 .avfp3script .lb{font-size:12.5px;color:var(--text-primary);font-weight:600;white-space:nowrap} #panel-3 .avfp3script p{flex:1;margin:0;font-size:14.5px;line-height:1.65;color:var(--text-primary); min-width:0} #panel-3 .avfp3script p .voice-sync-char{border-radius:3px;transition:color .08s,background .08s} #panel-3 .avfp3script p .voice-sync-char.is-done{color:var(--text-muted)} #panel-3 .avfp3script p .voice-sync-char.is-active{color:#fff;background:#C98A2A;box-shadow:0 0 0 2px rgba(201,138,42,.14)} #panel-3 .avfp3script .mt{font-size:12px;color:var(--text-muted);white-space:nowrap} #panel-3 .avfp3script a{font-size:12.5px;color:#C98A2A;white-space:nowrap;cursor:pointer} /* 双栏 */ #panel-3.avfp3-solo .avfp3duo{display:grid;grid-template-columns:1.12fr .88fr;gap:14px;align-items:start} #panel-3.avfp3-solo .avfp3l > *,#panel-3.avfp3-solo .avfp3r > *{margin-bottom:10px} @media(max-width:920px){ #panel-3.avfp3-solo .avfp3duo{grid-template-columns:1fr} } /* 情绪头像卡 */ #panel-3 .avf-emogrid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:9px !important;flex-direction:unset !important} #panel-3 .avf-emocard{position:relative;display:flex !important;flex-direction:column;align-items:center;gap:5px; width:auto !important;padding:10px 6px 8px !important;border-radius:12px !important; border:1px solid var(--border-color) !important;background:var(--bg-tertiary) !important; font-size:12.5px !important;font-weight:600;color:var(--text-primary) !important;cursor:pointer; transition:transform .2s cubic-bezier(.23,1,.32,1),border-color .2s,box-shadow .2s} #panel-3 .avf-emocard:hover{transform:translateY(-2px);border-color:rgba(201,164,92,.5) !important} #panel-3 .avf-emocard img{width:52px;height:52px;display:block;pointer-events:none} #panel-3 .avf-emocard.avf-on{border-color:#C98A2A !important;box-shadow:0 0 0 2px rgba(201,164,92,.25) !important;background:rgba(201,164,92,.10) !important} #panel-3 .avf-emocard.avf-on::after{content:'正在用';position:absolute;left:8px;top:-8px;font-size:10px; background:#C98A2A;color:#fff;padding:1px 7px;border-radius:10px;font-weight:600} /* 生成按钮拉满 */ #panel-3.avfp3-solo #generateAudioBtn{width:100%;font-size:15.5px !important;font-weight:700 !important; padding:14px 0 !important;border-radius:12px !important;letter-spacing:1px; background:linear-gradient(140deg,#B4791F,#C98A2A) !important;color:#fff !important;border:none !important} /* avfp3col-fix:右列内原横排折叠组 -> 竖排铺满 */ #panel-3.avfp3-solo .avfp3r > div{display:block !important;width:100% !important} #panel-3.avfp3-solo .avfp3r .voice-collapsible{width:100% !important;min-width:0 !important; flex:none !important;margin:0 0 10px 0 !important} #panel-3.avfp3-solo .avfp3l > div{width:100% !important} #panel-3.avfp3-solo .avfp3r .voice-coll-header{padding:10px 13px} #panel-3.avfp3-solo .avf-emogrid{grid-template-columns:repeat(4,1fr) !important} @media(max-width:1100px){ #panel-3.avfp3-solo .avf-emogrid{grid-template-columns:repeat(3,1fr) !important} } /* ===== 情绪库合并 avfEmoAll ===== */ #panel-3 #avfEmoAll{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:4px 2px} @media(max-width:1100px){ #panel-3 #avfEmoAll{grid-template-columns:repeat(3,1fr)} } #panel-3 .avf-ec{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px; padding:10px 6px 8px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary); font-size:12.5px;font-weight:600;color:var(--text-primary);cursor:pointer; transition:transform .2s cubic-bezier(.23,1,.32,1),border-color .2s,box-shadow .2s} #panel-3 .avf-ec:hover{transform:translateY(-2px);border-color:rgba(201,164,92,.5)} #panel-3 .avf-ec img{width:100%;max-width:180px;aspect-ratio:180/205;height:auto;object-fit:cover; border-radius:8px;background:#0b1729;display:block;pointer-events:none} #panel-3 .avf-ec.avf-on{border-color:#C98A2A;box-shadow:0 0 0 2px rgba(201,164,92,.25);background:rgba(201,164,92,.10)} #panel-3 .avf-ec.avf-on::after{content:'正在用';position:absolute;left:8px;top:-8px;font-size:10px; background:#C98A2A;color:#fff;padding:1px 7px;border-radius:10px;font-weight:600} #panel-3 .avf-ec .gd{position:absolute;right:7px;top:7px;font-size:10px;font-weight:700; width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff} #panel-3 .avf-ec .gd.f{background:#C0637A} #panel-3 .avf-ec .gd.m{background:#4E7CA8} /* avfEmoPv:情绪卡试听键 */ #panel-3 .avf-ec .pv{position:absolute;left:7px;top:7px;width:20px;height:20px;border-radius:50%; display:flex;align-items:center;justify-content:center;font-size:9px;cursor:pointer; border:1px solid rgba(201,164,92,.55);color:#C98A2A;background:var(--bg-card);z-index:2} #panel-3 .avf-ec .pv:hover{background:rgba(201,164,92,.15)} #panel-3 .avf-ec.avf-playing .pv{background:#C98A2A;color:#fff;border-color:#C98A2A} /* avfEmoSplit:男女分组 + 完整两排不裁切 */ #panel-3 #coll-emoTpl{max-height:none !important;overflow:visible !important} #panel-3 #avfEmoAll{display:block} #panel-3 .avf-emosec{margin-bottom:12px} #panel-3 .avf-emosec .sh{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700; color:var(--text-primary);margin:2px 2px 8px} #panel-3 .avf-emosec .sh i{font-style:normal;font-size:11.5px;color:var(--text-muted);font-weight:500} #panel-3 .avf-emosec .sg{display:grid;grid-template-columns:repeat(4,1fr);gap:9px} @media(max-width:1100px){ #panel-3 .avf-emosec .sg{grid-template-columns:repeat(3,1fr)} } #panel-3 .avf-nonebar{display:flex;justify-content:flex-end;margin:0 2px 8px} #panel-3 .avf-nonebar .avf-ec{flex-direction:row;padding:6px 12px;gap:7px} #panel-3 .avf-nonebar .avf-ec img{width:26px;height:26px} /* avf-hideorig:原始情绪组压死(inline翻回也无效) */ #panel-3 .avf-hideorig{display:none !important} /* ===== ④自定义形象 独占 (scope: #panel-4.avfp4-solo) ===== */ #panel-4.avfp4-solo{flex:1 1 auto !important;width:100% !important;min-width:0 !important;max-width:none !important;display:flex !important;flex-direction:column} #panel-4.avfp4-solo > .panel-content{max-width:1180px;margin:0 auto;width:100%;padding-top:12px} #panel-4 .avf-hide{display:none !important} /* 配音条 */ #panel-4 .avfp4dub{display:none;flex-wrap:wrap;align-items:center;gap:10px;background:var(--bg-card); border:1px solid var(--border-color);border-radius:13px;padding:10px 15px;margin-bottom:13px} #panel-4.avfp4-solo .avfp4dub{display:flex;position:relative} /* MOVEDUB5-20260717:配音条移到舞台内、按钮正上方后的样式 */ #panel-4.avfp4-solo .avfp4body > section.avfp4dubwrap{display:block;margin:0 0 9px} #panel-4.avfp4-solo .avfp4body > section.avfp4dubwrap > .avfp4dub{display:flex !important;margin:0} /* MOVEDUB5FAB-20260717:「✎回③换配音」原靠 margin-left:auto 顶到最右,配音条挪进舞台后 整个落进右下角「🎬自动成片」悬浮球里(1280×800实测100%被盖)。悬浮球恒贴视口右下角, 撞不撞由宽+高共同决定 -> 不能用宽度media query。让它左对齐,任何宽高都不撞。 */ #panel-4.avfp4-solo .avfp4body > section.avfp4dubwrap > .avfp4dub > a{margin-left:0 !important} /* 两行标签：配音标题+音频状态+调取按钮 / 形象标题+形象状态，播放器另起一行。 */ #panel-4.avfp4-solo .avfp4body > section.avfp4dubwrap > .avfp4dub > .avfp4play{order:7} #panel-4 .avfp4dub .lb{font-size:12.5px;color:var(--text-muted);white-space:nowrap} #panel-4 .avfp4dub a{font-size:12.5px;color:#C98A2A;cursor:pointer;white-space:nowrap;margin-left:auto} #panel-4 .avfp4dub #avatarAudioStatus{display:contents;font-size:13px} #panel-4 .avfp4dub #avatarAudioStatus > div{margin-bottom:0 !important} #panel-4 .avfp4dub #avatarAudioStatus > div:first-child{order:1} #panel-4 .avfp4dub .avfp4dubpick{order:2} #panel-4 .avfp4dub::before,#panel-4 .avfp4dub::after{content:"";flex-basis:100%;height:0} #panel-4 .avfp4dub::before{order:3} #panel-4 .avfp4dub .avfp4avatarlabel{order:4} #panel-4 .avfp4dub #avatarAudioStatus > div:nth-child(2){order:5} #panel-4 .avfp4dub::after{order:6} #panel-4 .avfp4dub #myAvatarAudioList{flex-basis:100%;display:flex !important;gap:7px;flex-wrap:wrap; margin:4px 0 0;padding-top:9px;border-top:1px dashed var(--border-color);max-height:none !important;order:8} #panel-4 .avfp4dub #myAvatarAudioList > div{font-size:12.5px;padding:6px 12px !important;border-radius:16px !important; border:1px solid var(--border-color) !important;background:var(--bg-tertiary) !important;cursor:pointer;white-space:nowrap; flex:0 0 100%;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden} #panel-4 .avfp4dub #myAvatarAudioList > div > div{width:100%;min-width:0} #panel-4 .avfp4dub #myAvatarAudioList > div > div > span:nth-child(2), #panel-4 .avfp4dub #myAvatarAudioList > div > div > span:nth-child(3){min-width:0;overflow:hidden;text-overflow:ellipsis} #panel-4 .avfp4dub #myAvatarAudioList > div > div > span:nth-child(3){flex:0 1 180px} #panel-4 .avfp4dub #myAvatarAudioList > div > div > span:nth-child(n+4){flex-shrink:0} #panel-4 .avfp4dub .avfp4dubpick{border:1px solid rgba(201,138,42,.55);border-radius:8px;padding:5px 9px; background:rgba(201,138,42,.1);color:#E3A93C;font-size:12.5px;cursor:pointer;white-space:nowrap} #panel-4 .avfp4dub:not(.audios-open) #myAvatarAudioList, #panel-4 .avfp4dub:not(.audios-open) #myAvatarAudioEmpty{display:none !important} #panel-4.avfp4-solo{overflow:visible !important} #panel-4.avfp4-solo > .panel-content{overflow:visible !important} #panel-4.avfp4-solo .avfp4stage{overflow:visible !important} #panel-4.avfp4-solo > .panel-content{overflow-y:auto !important;overflow-x:visible !important} #panel-4 .avfp4dub.audios-open #myAvatarAudioList{position:static;flex-basis:100%;z-index:40; max-height:190px !important;overflow-x:hidden !important;overflow-y:auto;margin:6px 0 0;padding:8px !important;border:1px solid var(--border-color); border-radius:8px;background:var(--bg-card);box-shadow:0 8px 24px rgba(0,0,0,.18)} #panel-4 .avfp4dub #myAvatarAudioEmpty{flex-basis:100%;padding:10px;text-align:center;color:var(--text-muted); border-top:1px dashed var(--border-color);font-size:12.5px;order:9} /* 两列:库左 舞台右 */ #panel-4.avfp4-solo .avfp4row{flex-direction:row-reverse !important;gap:14px !important} #panel-4.avfp4-solo .avfp4ops{width:52% !important} #panel-4.avfp4-solo .avfp4stage{width:48% !important;background:transparent;border-radius:14px;padding:14px; border:1px solid rgba(255,255,255,.06)} #panel-4.avfp4-solo .avfp4stage video{border-radius:12px;background:#0A0908} #panel-4 .avfp4note{display:none;font-size:11.5px;color:rgba(255,250,242,.5);text-align:center;margin:8px 0 4px;line-height:1.5} #panel-4.avfp4-solo .avfp4note{display:block} #panel-4 .avfp4note b{color:#E3A93C;font-weight:600} /* 舞台里的开拍按钮/进度/成品 */ #panel-4.avfp4-solo .avfp4stage [onclick="generateAvatar()"]{width:100%;font-size:15.5px !important;font-weight:700 !important; padding:14px 0 !important;border-radius:12px !important;letter-spacing:1px;margin-top:6px; background:linear-gradient(140deg,#B4791F,#C98A2A) !important;color:#fff !important;border:none !important} #panel-4.avfp4-solo #avatarResultArea{background:var(--bg-card);border:1px solid var(--border-color); border-radius:12px;padding:10px;margin-top:10px} /* 形象分组 */ #panel-4 .avfp4sec{border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card); margin-bottom:10px;padding:10px 12px} #panel-4 .avfp4sec .sh{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700; color:var(--text-primary);margin:0 0 9px} #panel-4 .avfp4sec .sh i{font-style:normal;font-size:11.5px;color:var(--text-muted);font-weight:500} #panel-4 .avfp4sec [id^="avatarGrid-"]{display:grid !important;grid-template-columns:repeat(3,1fr);gap:9px} /* MYAVA-20260717:「我的形象」左右分栏 —— 左=已传的(会换行/超了自己滚) 右=上传卡永远钉最右 */ #panel-4.avfp4-solo .avfp4mywrap{display:flex;gap:9px;align-items:flex-start} /* MYAVAFIX3-20260717: 原来限高268+滚动,但卡高233(随屏宽变),第二排只露30px像坏了。 任何固定px都会在某个宽度切到半排 => 不限高,让左列自然生长,页面本来就能滚。 */ /* MYAVA2-20260717: 左列 = 正好2张卡+1个缝(与右列1张卡加起来=3卡宽,跟女/男形象一排3个对齐)。 两边卡同宽 => 同高 => 限高取上传卡高度就正好切在一排边界,不会切半张。 */ #panel-4.avfp4-solo .avfp4mywrap > .avfp4myleft{flex:0 0 calc((100% - 18px) / 3 * 2 + 9px);min-width:0;overflow-y:auto} #panel-4.avfp4-solo .avfp4myleft::-webkit-scrollbar{width:5px} #panel-4.avfp4-solo .avfp4myleft::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:3px} /* AVATARROWS-20260719: 我的/女/男形象统一在标题右侧展开为两排 */ #panel-4.avfp4-solo .avfp4rowtoggle{display:none;align-items:center;justify-content:center;gap:5px; margin-left:auto;padding:5px 10px;border-radius:8px;cursor:pointer;user-select:none; background:rgba(201,164,92,.10);border:1px solid rgba(201,164,92,.32); color:#E3A93C;font-size:12px;font-weight:600;transition:background .15s} #panel-4.avfp4-solo .avfp4rowtoggle:hover{background:rgba(201,164,92,.19)} #panel-4.avfp4-solo .avfp4gridclip{width:100%;overflow:hidden} #panel-4.avfp4-solo .avfp4gridclip > [id^="avatarGrid-"]{height:auto !important; max-height:none !important;overflow:visible !important;grid-auto-rows:auto !important;align-items:start} /* MYAVAFIX-20260717: 124px 太窄——按钮压两行、提示溢出虚线框。 173px = 与下面女/男形象卡同宽,左列相应改 2 大列,全场卡片一个尺寸。 */ /* MYAVAFIX2-20260717: 写死173在1280会比形象卡(161)宽12px。 形象卡 = (区块宽 - 2*9px gap)/3,右列套同一公式 => 任何宽度都齐。 */ #panel-4.avfp4-solo .avfp4mywrap > .avfp4myup{flex:0 0 calc((100% - 18px) / 3)} /* 左列里两个列表都排成卡片(视频存档的行是内联样式,得用 !important 压) */ #panel-4.avfp4-solo .avfp4myleft #avatarGrid-my, #panel-4.avfp4-solo .avfp4myleft #myVideoList{display:grid !important; grid-template-columns:repeat(2,1fr) !important;gap:9px !important} /* AVAPIC-20260717: 卡片 = 视频首帧铺满 + 底部压暗渐变 + 零件归位。 零件由 voice.js 造(全内联样式),只能用 !important + nth-child 压。 顺序:1 空白24x18视频块(preload=none,永远空) 2 名字 3 日期 4 ▶ 5 选用 6 ✕ */ #panel-4.avfp4-solo .avfp4myleft #myVideoList > div{flex-direction:column !important; align-items:flex-start !important;justify-content:flex-end !important;aspect-ratio:3/4; padding:8px !important;border-radius:9px !important;margin-bottom:0 !important; font-size:10.5px !important;line-height:1.4 !important;overflow:hidden;gap:2px !important; border:1px solid rgba(255,255,255,.07);position:relative; background-size:cover !important;background-position:center 18% !important; background-repeat:no-repeat !important;background-color:#1b222e !important} #panel-4.avfp4-solo .avfp4myleft #myVideoList > div::before{content:'';position:absolute; inset:0;z-index:0;background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.82) 100%)} #panel-4.avfp4-solo .avfp4myleft #myVideoList > div > span{position:relative;z-index:1} /* 1) 那个24x18空白视频块:藏掉 */ #panel-4.avfp4-solo .avfp4myleft #myVideoList > div > span:nth-child(1){display:none !important} /* 2) 名字:白字带阴影,压在图上也看得清 */ #panel-4.avfp4-solo .avfp4myleft #myVideoList > div > span:nth-child(2){flex:none !important; max-width:100% !important;font-size:11px !important;font-weight:600 !important; color:#fff !important;text-shadow:0 1px 3px rgba(0,0,0,.9)} /* 3) 日期时长 */ #panel-4.avfp4-solo .avfp4myleft #myVideoList > div > span:nth-child(3){font-size:9.5px !important; color:rgba(255,255,255,.72) !important;text-shadow:0 1px 3px rgba(0,0,0,.9)} /* 4) ▶ 播放:挪到左上角圆钮 */ #panel-4.avfp4-solo .avfp4myleft #myVideoList > div > span:nth-child(4){position:absolute !important; left:6px !important;top:6px !important;width:22px;height:22px;border-radius:50%; background:rgba(0,0,0,.55);color:#fff !important;display:flex;align-items:center; justify-content:center;font-size:10px !important;backdrop-filter:blur(4px)} /* 5) 选用:小按钮,不拉成长条 */ #panel-4.avfp4-solo .avfp4myleft #myVideoList > div > span:nth-child(5){align-self:flex-start !important; margin-top:3px !important;padding:3px 10px !important;border-radius:5px !important; font-size:10px !important;font-weight:600 !important} /* 6) ✕ 删除:挪到右上角 */ #panel-4.avfp4-solo .avfp4myleft #myVideoList > div > span:nth-child(6){position:absolute !important; right:6px !important;top:6px !important;width:20px;height:20px;border-radius:50%; background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center; font-size:10px !important;backdrop-filter:blur(4px)} #panel-4.avfp4-solo .avfp4myleft .my-content-empty{grid-column:1/-1;font-size:11.5px; padding:26px 8px;text-align:center;color:var(--text-muted);border:1px dashed var(--border-color); border-radius:9px;display:block} /* 上传卡 + 要求清单 */ /* UPLCARD-20260717: 原来上传卡占满整行(542x176,比例3.08),跟下面3:4的形象卡完全不一套, 左右空一大片。改成跟形象卡同尺寸的竖卡(aspect-ratio 3/4),排进同一个网格。 */ #panel-4 #avatarVideoZone.avfp4upl{border:1px solid rgba(190,142,52,.72) !important;border-radius:14px !important; background:linear-gradient(145deg,#fffefa 0%,#fbf4e7 62%,#f5e3bd 100%) !important; box-shadow:0 10px 24px rgba(124,82,22,.14),inset 0 1px 0 rgba(255,255,255,.9); margin-top:0 !important;padding:8px 7px !important;transition:transform .2s ease,box-shadow .2s ease; aspect-ratio:3/4 !important;min-height:0 !important;height:auto !important; display:flex !important;flex-direction:column;align-items:center;justify-content:center;overflow:hidden !important} #panel-4 #avatarVideoZone.avfp4upl:hover{transform:translateY(-2px); box-shadow:0 14px 30px rgba(124,82,22,.18),inset 0 1px 0 rgba(255,255,255,.95)} #panel-4 #avatarVideoZone.avfp4upl .avatar-emoji{font-size:16px !important;margin-bottom:2px} #panel-4 #avatarVideoZone.avfp4upl .avatar-name{font-size:11px !important;font-weight:700} /* UPLCARD-20260717: 小卡里放不下横排,改竖排;字号不低于10px(8.5px实测看不清) */ #panel-4 .avfp4rq{list-style:none;margin:6px auto 0;padding:5px 0 0;display:flex;flex-wrap:wrap;justify-content:center; gap:2px 6px;border-top:1px dashed var(--border-color);max-width:100%} #panel-4 .avfp4rq li{font-size:10px;color:var(--text-secondary);display:flex;gap:3px;align-items:center;line-height:1.4} #panel-4 .avfp4rq li::before{content:'';width:4px;height:4px;border-radius:50%;background:#C98A2A;opacity:.75} #panel-4 .avfp4check{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px; background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:10px;padding:8px 11px;font-size:12px} #panel-4 .avfp4check .ok{color:#2F9E6B} #panel-4 .avfp4check .warn{color:#C0492F;font-weight:600} /* CONSENT-20260717: 没勾就点上传时,确认条闪一下(只动 border/opacity,不动布局) */ #panel-4 .avfp4check.warn{border-color:#C0492F !important;animation:avfp4shake .35s 2} @keyframes avfp4shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}} #panel-4 .avfp4check{cursor:pointer} /* avfp4fixB:形象组限高滚动 */ #panel-4.avfp4-solo .avfp4sec [id^="avatarGrid-"]{max-height:356px;overflow-y:auto;padding-right:4px} #panel-4.avfp4-solo .avfp4sec [id^="avatarGrid-"]::-webkit-scrollbar{width:6px} #panel-4.avfp4-solo .avfp4sec [id^="avatarGrid-"]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px} /* ===== avfp4fixE:④换装(效果图同款) ===== */ /* 列头 */ #panel-4 .avfp4hd{display:none;align-items:center;gap:8px;font-size:15px;font-weight:700;margin:0 0 10px} #panel-4 .avfp4hd em{font-style:normal;font-size:12px;color:var(--text-muted);font-weight:500} #panel-4.avfp4-solo .avfp4hd{display:flex} #panel-4 .avfp4hd.onstage{color:rgba(255,250,242,.92)} #panel-4 .avfp4hd.onstage em{color:rgba(255,250,242,.45)} /* 形象卡:3:4 + 圆角 + 悬停 + 选中金圈"正在用" */ #panel-4.avfp4-solo .preset-avatar-item{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:visible; cursor:pointer;border:1.5px solid var(--border-color);background:#171310; transition:transform .2s cubic-bezier(.23,1,.32,1),border-color .2s,box-shadow .2s} #panel-4.avfp4-solo .preset-avatar-item > div{border-radius:10px;overflow:hidden} #panel-4.avfp4-solo .preset-avatar-item img{border-radius:0 !important} #panel-4.avfp4-solo .preset-avatar-item:hover{transform:translateY(-2px);border-color:rgba(201,164,92,.55)} #panel-4.avfp4-solo .preset-avatar-item.active{border-color:#C98A2A;box-shadow:0 0 0 2px rgba(201,164,92,.3)} #panel-4.avfp4-solo .preset-avatar-item.active::after{content:'\6b63\5728\7528';position:absolute;left:8px;top:-9px; font-size:10px;background:#C98A2A;color:#fff;padding:1px 8px;border-radius:10px;font-weight:600;z-index:3} /* 9:16 试镜屏 */ #panel-4 .avfp4screen{position:relative;width:calc(100% - 24px);max-width:300px;height:auto;aspect-ratio:9 / 16;margin:4px auto 10px;flex:0 0 auto; background:transparent;border-radius:12px;overflow:hidden; border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 34px -14px rgba(0,0,0,.7)} #panel-4 .avfp4screen #avatarLeftPreview{width:100% !important;height:100% !important;flex:none !important; align-items:center !important;justify-content:center !important;background:transparent !important} #panel-4 .avfp4screen video{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:0 !important;background:transparent !important} #panel-4 .avfp4tag{position:absolute;left:8px;top:8px;z-index:3;font-size:10.5px;font-weight:600;color:#E3A93C; background:rgba(0,0,0,.55);padding:2px 9px;border-radius:12px;pointer-events:none} /* 渲染仪式 */ #panel-4.avfp4-solo #avatarProgress{background:var(--bg-card);border:1px solid rgba(201,164,92,.4); border-radius:13px;padding:12px 14px;margin-top:10px} #panel-4.avfp4-solo #avatarProgress::before{content:'\26a1 \6b63\5728\751f\6210 \2014 \6570\5b57\4eba\5bf9\53e3\578b\662f\6700\6162\7684\4e00\6b65\uff0c\522b\5173\9875\9762'; display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px} #panel-4.avfp4-solo #avatarProgress .progress-container{height:7px;border-radius:4px;overflow:hidden;background:var(--border-color)} #panel-4.avfp4-solo #avatarProgress .progress-bar{height:100%;border-radius:4px; background:linear-gradient(90deg,#B4791F,#E3A93C,#B4791F);background-size:200% 100%;animation:avfflow 1.6s linear infinite} @keyframes avfflow{0%{background-position:0 0}100%{background-position:200% 0}} #panel-4.avfp4-solo #avatarProgress .progress-text{font-size:12px;color:var(--text-secondary);margin-top:7px} /* 成品卡 */ #panel-4.avfp4-solo #avatarResultArea{border:1px solid #2F9E6B !important;border-radius:13px !important;padding:12px 14px !important} #panel-4.avfp4-solo #avatarResultArea::before{content:'\2713 \62cd\597d\4e86';display:block;font-size:13.5px;font-weight:700; color:#2F9E6B;margin-bottom:8px} #panel-4.avfp4-solo #avatarResultArea video{border-radius:10px;max-height:300px} #panel-4.avfp4-solo #avatarResultArea button{border-radius:10px !important;font-weight:600 !important} #panel-4 .avfp4go5{width:100%;margin-top:8px;font-size:13.5px;font-weight:650;padding:10px 0;border-radius:10px; cursor:pointer;font-family:inherit;background:var(--bg-card);color:#C98A2A;border:1px solid rgba(201,164,92,.45)} /* AVATARACTIONS-20260719: 生成后的操作统一放在口型同步生成下方。 */ #panel-4.avfp4-solo .avfp4body > #avatarDownloadWrap{width:100%;margin-top:8px !important} #panel-4.avfp4-solo .avfp4body > .step-nav{width:100%;margin-top:8px !important} #panel-4.avfp4-solo .avfp4body > .step-nav > div{width:100%;display:flex;gap:6px;margin-top:0 !important} /* avfp4fixG */ #panel-4 .avfp4screen{display:block !important} /* avfp4fixH */ #panel-4 #avfp4Screen{display:block !important;width:calc(100% - 24px) !important;max-width:300px !important;height:auto !important;aspect-ratio:9 / 16 !important} /* avfp4fixI:section 收容所 */ #panel-4 .avfp4body{display:flex;flex-direction:column;width:100%;min-height:0} /* AVATARSCROLL-20260719: 第④步恢复整屏约束，整个自定义形象区只用一条纵向滚动条。 */ body:has(#panel-4.active-step){overflow-y:hidden !important} .main-layout:has(#panel-4.active-step), .content-area:has(#panel-4.active-step), .step-content:has(#panel-4.active-step){height:auto !important;min-height:0 !important;overflow:hidden !important} #panel-4.avfp4-solo{height:100% !important;min-height:0 !important;overflow:hidden !important} #panel-4.avfp4-solo > .panel-content{height:0 !important;min-height:0 !important; overflow-y:scroll !important;overflow-x:hidden !important;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px} #panel-4.avfp4-solo > .panel-content::-webkit-scrollbar{width:9px} #panel-4.avfp4-solo > .panel-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:8px} #panel-4.avfp4-solo > .panel-content::-webkit-scrollbar-thumb{background:#C98A2A;border-radius:8px;border:2px solid var(--bg-tertiary)} #panel-4.avfp4-solo .avfp4row{flex:0 0 auto !important;height:auto !important;overflow:visible !important} #panel-4.avfp4-solo .avfp4ops{overflow:visible !important} @media(max-width:700px){ #panel-4.avfp4-solo .avfp4row{flex-direction:column !important;gap:12px !important} #panel-4.avfp4-solo .avfp4ops, #panel-4.avfp4-solo .avfp4stage{width:100% !important;min-width:0 !important} #panel-4.avfp4-solo .avfp4ops{order:1} #panel-4.avfp4-solo .avfp4stage{order:2;padding:10px !important} #panel-4 #avatarVideoZone.avfp4upl{aspect-ratio:2/3 !important} #panel-4.avfp4-solo .avfp4play{min-width:0 !important} } /* ===== avfFlowBar:流程条(四页统一) ===== */ .avfflow{display:none;align-items:center;gap:5px;flex-wrap:wrap;margin:2px 0 13px} #panel-1.avfp1-solo .avfflow,#panel-2.avfp2-solo .avfflow,#panel-3.avfp3-solo .avfflow,#panel-4.avfp4-solo .avfflow{display:flex} .avfflow .fs{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted); background:var(--bg-card);border:1px solid var(--border-color);padding:6px 12px;border-radius:20px;cursor:pointer; transition:transform .2s cubic-bezier(.23,1,.32,1)} .avfflow .fs:hover{transform:translateY(-1px)} .avfflow .fs b{width:16px;height:16px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-muted); display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:600} .avfflow .fs.done{color:var(--text-secondary)} .avfflow .fs.done b{background:#2F9E6B;color:#fff} .avfflow .fs.on{color:var(--text-primary);background:rgba(201,164,92,.12);border-color:rgba(201,164,92,.4);font-weight:600;cursor:default} .avfflow .fs.on b{background:linear-gradient(140deg,#B4791F,#C98A2A);color:#fff} .avfflow .fa{color:var(--text-muted);font-size:10px} /* ④配音条播放器 */ #panel-4 .avfp4play{display:flex;align-items:center;gap:9px;flex:1;min-width:200px} #panel-4 .avfp4play .pb{width:30px;height:30px;border-radius:50%;background:linear-gradient(140deg,#B4791F,#C98A2A); color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;flex:0 0 auto} #panel-4 .avfp4play .tr{flex:1;height:5px;border-radius:3px;background:var(--border-color);position:relative;overflow:hidden} #panel-4 .avfp4play .tr i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#B4791F,#C98A2A);border-radius:3px} #panel-4 .avfp4play .tm{font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap} /* ④上传卡内芯换装:隐藏原紫图标/文字 */ #panel-4.avfp4-solo #avatarVideoIcon,#panel-4.avfp4-solo #avatarVideoText{display:none !important} #panel-4 .avfp4uphd{display:flex;flex-direction:column;align-items:center;justify-content:center; gap:7px;width:100%;margin:0;padding:4px 3px;text-align:center} #panel-4 .avfp4uphd .ic{width:48px;height:48px;border-radius:50%; background:linear-gradient(145deg,#fff8e8,#ecd095);border:1px solid rgba(184,132,40,.55); box-shadow:0 5px 14px rgba(135,87,18,.14),inset 0 1px 0 rgba(255,255,255,.9); display:flex;align-items:center;justify-content:center;font-size:24px;color:#a96f14} #panel-4 .avfp4uphd b{font-size:15px;line-height:1.25;font-weight:750;color:#3b2b1a;letter-spacing:.25px} #panel-4 .avfp4uphd em{font-style:normal;font-size:11.5px;line-height:1.45;color:#8b6f49;font-weight:550} #panel-4 .avfp4uphd .avfp4upcta{margin-top:1px;padding:5px 14px;border-radius:999px; background:linear-gradient(135deg,#b97a1d,#d7a84b);color:#fff;font-size:11.5px;font-weight:700; box-shadow:0 5px 12px rgba(154,102,24,.18)} /* ===== ⑤素材混编 独占 (scope: #panel-5-mixer.avfp5-solo) ===== */ #panel-5-mixer.avfp5-solo.active-step{flex:1 1 auto !important;width:100% !important;min-width:0 !important;max-width:none !important} #panel-6-left.avfp5-hidden{display:none !important} #panel-5-mixer.avfp5-solo .avfflow{display:flex;margin:10px 14px 2px} /* 三区 */ #panel-5-mixer.avfp5-solo .avfp5row{display:grid !important;grid-template-columns:.92fr 1.04fr 1.04fr; gap:14px;align-items:start;padding:10px 14px 14px} #panel-5-mixer.avfp5-solo .avfp5works{width:auto !important;max-width:none !important;min-width:0 !important; background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:12px !important; max-height:none !important;overflow:visible !important} #panel-5-mixer.avfp5-solo .avfp5stage{width:auto !important;max-width:none !important;min-width:0 !important; background:#171310;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px} #panel-5-mixer.avfp5-solo .avfp5ctrl{width:auto !important;max-width:none !important;min-width:0 !important; background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:12px !important} #panel-5-mixer.avfp5-solo .avfp5hd{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;margin:0 0 9px} #panel-5-mixer.avfp5-solo .avfp5hd em{font-style:normal;font-size:12px;color:var(--text-muted);font-weight:500} #panel-5-mixer.avfp5-solo .avfp5hd.onstage{color:rgba(255,250,242,.92)} #panel-5-mixer.avfp5-solo .avfp5hd.onstage em{color:rgba(255,250,242,.45)} /* 一键混编金色大按钮 */ #panel-5-mixer.avfp5-solo #mxRenderBtn{width:100% !important;font-size:15.5px !important;font-weight:700 !important; padding:14px 0 !important;border-radius:12px !important;letter-spacing:1px; background:linear-gradient(140deg,#B4791F,#C98A2A) !important;color:#fff !important;border:none !important} @media(max-width:1050px){ #panel-5-mixer.avfp5-solo .avfp5row{grid-template-columns:1fr} } /* avfp5btn */ #panel-5-mixer.avfp5-solo #mxRenderBtn{display:block !important;box-sizing:border-box} #panel-5-mixer.avfp5-solo #mxRenderBtn{min-width:100% !important} /* ===== avfp5fixC:⑤换装 ===== */ /* 素材卡:圆角/发丝边/悬停浮起,网格间距 */ #panel-5-mixer.avfp5-solo #mxWorksGrid{gap:9px !important} #panel-5-mixer.avfp5-solo #mxWorksGrid > div{border-radius:12px !important;overflow:hidden !important; border:1.5px solid var(--border-color) !important; transition:transform .2s cubic-bezier(.23,1,.32,1),border-color .2s,box-shadow .2s} #panel-5-mixer.avfp5-solo #mxWorksGrid > div:hover{transform:translateY(-2px);border-color:rgba(201,164,92,.55) !important} /* 素材库按钮行:胶囊化 */ #panel-5-mixer.avfp5-solo #mxWorksArea .avfp5hd + div button, #panel-5-mixer.avfp5-solo #mxWorksArea .avfp5hd + div label, #panel-5-mixer.avfp5-solo #mxWorksArea .avfp5hd + div select{ background:var(--bg-tertiary) !important;border:1px solid rgba(201,164,92,.45) !important; color:#C98A2A !important;border-radius:16px !important;padding:5px 12px !important; font-size:12px !important;font-weight:600 !important} /* 导演台:藏重复的 ⚙控制面板 头 */ #panel-5-mixer.avfp5-solo .avfp5ctrl .ctrl-head{display:none !important} /* 渲染仪式:autoMixStatus 出现时是金卡 */ #panel-5-mixer.avfp5-solo #autoMixStatus{background:var(--bg-card);border:1px solid rgba(201,164,92,.45); border-radius:12px;padding:11px 13px;margin-top:10px;font-size:12.5px;color:var(--text-secondary)} #panel-5-mixer.avfp5-solo #autoMixStatus .progress-bar, #panel-5-mixer.avfp5-solo #autoMixStatus [class*="bar"]{height:6px;border-radius:4px; background:linear-gradient(90deg,#B4791F,#E3A93C,#B4791F) !important;background-size:200% 100% !important; animation:avfflow 1.6s linear infinite} /* ===== ⑥剪辑增强 独占换装 (scope: #panel-6-left.avfp6-solo) ===== */ #panel-6-left.avfp6-solo .avfflow{display:flex;margin:8px 4px 4px} #panel-6-left.avfp6-solo .avfp6src{display:flex;align-items:center;gap:12px;background:var(--bg-card); border:1px solid var(--border-color);border-radius:13px;padding:10px 15px;margin:6px 4px 12px} #panel-6-left.avfp6-solo .avfp6src .lb{font-size:12.5px;color:var(--text-muted);white-space:nowrap} #panel-6-left.avfp6-solo .avfp6src .fchip{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#C98A2A;font-weight:600; background:rgba(201,164,92,.12);border:1px solid rgba(201,164,92,.3);padding:5px 12px;border-radius:16px} #panel-6-left.avfp6-solo .avfp6src em{font-style:normal;font-size:12px;color:var(--text-muted)} #panel-6-left.avfp6-solo .avfp6src a{font-size:12.5px;color:#C98A2A;cursor:pointer;white-space:nowrap} #panel-6-left.avfp6-solo .avfp6src a.r{margin-left:auto} /* 两区 */ #panel-6-left.avfp6-solo .avfp6row{display:grid;grid-template-columns:1.06fr .94fr;gap:14px;align-items:start;margin:0 4px} #panel-6-left.avfp6-solo .avfp6stage{background:#171310;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px} #panel-6-left.avfp6-solo .avfp6stage iframe{width:100% !important;height:640px !important;border:none;border-radius:10px;background:#0A0908} #panel-6-left.avfp6-solo .avfp6ctrl{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:12px 14px} #panel-6-left.avfp6-solo .avfp6hd{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;margin:0 0 9px} #panel-6-left.avfp6-solo .avfp6hd em{font-style:normal;font-size:12px;color:var(--text-muted);font-weight:500} #panel-6-left.avfp6-solo .avfp6hd.onstage{color:rgba(255,250,242,.92)} #panel-6-left.avfp6-solo .avfp6hd.onstage em{color:rgba(255,250,242,.45)} /* 开关组 pill 化 */ #panel-6-left.avfp6-solo .avfp6ctrl .input-group{margin:0 0 11px !important;padding:0 !important;border:none !important;background:transparent !important} #panel-6-left.avfp6-solo .avfp6ctrl .input-group label, #panel-6-left.avfp6-solo .avfp6ctrl .input-group .input-label{font-size:12.5px !important;color:var(--text-muted) !important;font-weight:600;margin-bottom:6px !important;display:block} #panel-6-left.avfp6-solo .avfp6ctrl .input-group .chip, #panel-6-left.avfp6-solo .avfp6ctrl .input-group [class*="chip"], #panel-6-left.avfp6-solo .avfp6ctrl .input-group button:not(#generateFinalBtn){ font-size:12.5px !important;border-radius:16px !important;padding:6px 13px !important;min-height:32px} /* 合规行 */ #panel-6-left.avfp6-solo .avfp6ctrl .compliance-box{border-radius:10px !important;font-size:12px !important;margin-bottom:10px !important} /* 生成成片 金色大按钮 */ #panel-6-left.avfp6-solo #generateFinalBtn{width:100% !important;font-size:15.5px !important;font-weight:700 !important; padding:14px 0 !important;border-radius:12px !important;letter-spacing:1px; background:linear-gradient(140deg,#B4791F,#C98A2A) !important;color:#fff !important;border:none !important} /* 渲染仪式 */ #panel-6-left.avfp6-solo #finalProgress{background:var(--bg-card);border:1px solid rgba(201,164,92,.45); border-radius:12px;padding:11px 13px;margin-top:10px;font-size:12.5px;color:var(--text-secondary)} #panel-6-left.avfp6-solo #finalProgress .progress-bar{height:6px;border-radius:4px; background:linear-gradient(90deg,#B4791F,#E3A93C,#B4791F) !important;background-size:200% 100% !important; animation:avfflow 1.6s linear infinite} #panel-6-left.avfp6-solo #finalError{border-radius:12px !important;margin-top:10px} @media(max-width:1000px){ #panel-6-left.avfp6-solo .avfp6row{grid-template-columns:1fr} } /* ===== avfp6fixB:渲染仪式 + 成片庆祝卡 ===== */ #panel-6-left.avfp6-solo #finalProgress .rh{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700; color:var(--text-primary);margin-bottom:8px} #panel-6-left.avfp6-solo #finalProgress .rh em{font-style:normal;margin-left:auto;font-size:13px;color:#C98A2A;font-weight:700} #panel-6-left.avfp6-solo #finalProgress .progress-container{height:7px;border-radius:4px;overflow:hidden;background:var(--border-color)} #panel-6-left.avfp6-solo #finalProgress .st{font-size:12px;color:var(--text-secondary);margin-top:8px} #panel-6-left.avfp6-solo #finalProgress .st b{color:#C98A2A} .avfp6fin{display:none;position:relative;background:var(--bg-card);border:1.5px solid #C98A2A;border-radius:13px; padding:13px 15px;margin-top:10px;overflow:hidden} .avfp6fin.show{display:block} .avfp6fin::before{content:'';position:absolute;inset:0;pointer-events:none; background:linear-gradient(120deg,transparent 30%,rgba(230,169,77,.16) 50%,transparent 70%); background-size:220% 100%;animation:avfshine 2.4s ease-in-out infinite} @keyframes avfshine{0%{background-position:120% 0}100%{background-position:-120% 0}} .avfp6fin .fh{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:#C98A2A;margin-bottom:9px} .avfp6fin .fh em{font-style:normal;margin-left:auto;font-size:11.5px;color:var(--text-muted);font-weight:400} .avfp6fin .facts{display:flex;gap:7px;position:relative} .avfp6fin .facts button{flex:1;font-size:12.5px;font-weight:600;padding:9px 0;border-radius:9px;cursor:pointer;font-family:inherit} .avfp6fin .f-gh{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)} .avfp6fin .f-main{background:linear-gradient(140deg,#B4791F,#C98A2A);color:#fff;border:none} /* ===== avfp5fixD:⑤成品时刻(仪式+庆祝+保存闸) ===== */ #panel-5-mixer.avfp5-solo #mxRenderProgress{background:var(--bg-card);border:1px solid rgba(201,164,92,.45); border-radius:12px;padding:11px 13px;margin-top:10px} #panel-5-mixer.avfp5-solo #mxRenderProgress .avfp5rh{display:flex;align-items:center;gap:8px; font-size:13.5px;font-weight:700;color:var(--text-primary);margin-bottom:8px} #panel-5-mixer.avfp5-solo #mxRenderProgress .avfp5rh em{font-style:normal;margin-left:auto;font-size:13px;color:#C98A2A;font-weight:700} #panel-5-mixer.avfp5-solo #mxRenderProgress .prog-bar{height:7px;border-radius:4px;overflow:hidden;background:var(--border-color)} #panel-5-mixer.avfp5-solo #mxRenderProgress .prog-bar i, #panel-5-mixer.avfp5-solo #mxProgBar{height:7px;border-radius:4px;display:block; background:linear-gradient(90deg,#B4791F,#E3A93C,#B4791F) !important;background-size:200% 100% !important; animation:avfflow 1.6s linear infinite} #panel-5-mixer.avfp5-solo #mxRenderProgress .prog-txt{font-size:12px;color:var(--text-secondary);margin-top:8px} #panel-5-mixer.avfp5-solo #mxRenderResult{position:relative;background:var(--bg-card); border:1.5px solid #C98A2A;border-radius:13px;padding:13px 15px;margin-top:10px;overflow:hidden} #panel-5-mixer.avfp5-solo #mxRenderResult::before{content:'';position:absolute;inset:0;pointer-events:none; background:linear-gradient(120deg,transparent 30%,rgba(230,169,77,.16) 50%,transparent 70%); background-size:220% 100%;animation:avfshine 2.4s ease-in-out infinite} #panel-5-mixer.avfp5-solo #mxRenderResult .avfp5finhd{display:flex;align-items:center;gap:8px; font-size:14.5px;font-weight:700;color:#C98A2A;margin-bottom:9px} #panel-5-mixer.avfp5-solo #mxRenderResult .avfp5finhd em{font-style:normal;margin-left:auto; font-size:11.5px;color:var(--text-muted);font-weight:400} #panel-5-mixer.avfp5-solo #mxRenderResult .avfp5facts{display:flex;gap:7px;position:relative} #panel-5-mixer.avfp5-solo #mxRenderResult .avfp5facts #mxDownloadLink{flex:1;text-align:center; font-size:12.5px !important;font-weight:600;padding:9px 0 !important;border-radius:9px !important; background:var(--bg-tertiary) !important;color:var(--text-secondary) !important; border:1px solid var(--border-color) !important;text-decoration:none !important;margin:0 !important;display:block} #panel-5-mixer.avfp5-solo #mxRenderResult .avfp5facts #mxToEditorBtn{flex:1.35;margin:0 !important;width:auto !important; font-size:12.5px !important;font-weight:700 !important;padding:9px 0 !important;border-radius:9px !important; background:linear-gradient(140deg,#B4791F,#C98A2A) !important;color:#fff !important;border:none !important} #panel-5-mixer.avfp5-solo #mxRenderResult .render-stats{font-size:11.5px;color:var(--text-muted); margin-top:9px;position:relative} #panel-5-mixer.avfp5-solo #mxSaveFinalBar{padding:0 !important;margin-top:8px} #panel-5-mixer.avfp5-solo #mxSaveFinalBtn{border-radius:10px !important;font-size:13.5px !important; padding:11px 0 !important;background:linear-gradient(140deg,#B4791F,#C98A2A) !important; color:#fff !important;border:none !important} /* ===== avfp5fixE:保存闸入庆祝卡 ===== */ #panel-5-mixer.avfp5-solo #mxRenderResult #mxSaveFinalBar{margin:0 0 9px;position:relative} #panel-5-mixer.avfp5-solo #mxRenderResult #mxSaveFinalBar > div{font-size:11px;color:var(--text-muted); margin-top:6px;text-align:center} /* avfp5fixF:统计行换行不削角 */ #panel-5-mixer.avfp5-solo #mxRenderResult .render-stats{white-space:normal !important; word-break:break-word;line-height:1.7} /* ===== avfp6fixC:右列删除,舞台全宽 ===== */ #panel-6-left.avfp6-solo .avfp6row{grid-template-columns:1fr !important} #panel-6-left.avfp6-solo .avfp6ctrl{display:none !important} #panel-6-left.avfp6-solo .avfp6stage iframe{height:760px !important} #panel-6-left.avfp6-solo .avfp6aftr{margin-top:10px} /* ===== avfp6v3:⑥剪辑·发布台(照效果图) ===== */ .nav-item[data-step="7"]{display:none !important} #panel-6-left.avfp6-solo .avfp6stage{display:none !important} #panel-6-left.avfp6-solo .avfp6aftr{display:none !important} .avfp6engine{position:absolute !important;left:-12000px;top:0;width:1100px;height:820px;overflow:hidden} .avfp6engine iframe{width:1100px !important;height:820px !important;border:none} #panel-6-left.avfp6-solo .avfp6v3row{display:grid;grid-template-columns:.92fr 1.08fr;gap:14px;align-items:start;margin:0 4px} #mixerHandoffBar{display:none!important} /* 舞台播放器 */ .avfv3stage{background:#171310;border-radius:14px;padding:14px 14px 16px} .avfv3stage .shd{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:rgba(255,250,242,.92);margin-bottom:10px} .avfv3stage .shd em{font-style:normal;font-size:12px;color:rgba(255,250,242,.45);font-weight:500} .avfv3stage .ab{display:flex;gap:7px;margin-bottom:10px} .avfv3stage .ab span{font-size:12px;color:rgba(255,250,242,.55);border:1px solid rgba(255,255,255,.14);border-radius:15px;padding:4px 13px;cursor:pointer} .avfv3stage .ab span.on{background:linear-gradient(140deg,#B4791F,#C98A2A);color:#fff;border-color:transparent;font-weight:700} .avfv3source{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:400px;max-width:100%;box-sizing:border-box; margin:16px auto 0;padding:14px 16px 13px;text-align:left;position:relative;z-index:1; background:linear-gradient(145deg,rgba(255,253,248,.98),rgba(246,239,226,.96)); border:1px solid rgba(180,121,31,.22);border-radius:16px; box-shadow:0 10px 28px rgba(83,57,19,.09),inset 0 1px 0 rgba(255,255,255,.9)} .avfv3source label{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1;color:#4B3921; font-weight:800;letter-spacing:.04em;white-space:nowrap} .avfv3source label::before{content:'';width:7px;height:7px;flex:0 0 7px;border-radius:50%; background:linear-gradient(145deg,#E3A93C,#B4791F);box-shadow:0 0 0 4px rgba(227,169,60,.12)} .avfv3source select{appearance:none;-webkit-appearance:none;min-width:0;width:100%;height:46px; border:1px solid rgba(165,121,52,.28);border-radius:11px;background-color:#FFFDF8;color:#2F2416; background-image:linear-gradient(45deg,transparent 50%,#9A6B24 50%),linear-gradient(135deg,#9A6B24 50%,transparent 50%),linear-gradient(to right,rgba(180,121,31,.12),rgba(180,121,31,.12)); background-position:calc(100% - 19px) 20px,calc(100% - 14px) 20px,calc(100% - 39px) 10px; background-size:5px 5px,5px 5px,1px 26px;background-repeat:no-repeat; padding:0 46px 0 14px;font:600 14px/1 inherit;outline:none;cursor:pointer; box-shadow:0 2px 8px rgba(83,57,19,.04),inset 0 1px 0 rgba(255,255,255,.85); transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease} .avfv3source select:hover{border-color:rgba(180,121,31,.48);background-color:#FFF9ED} .avfv3source select:focus-visible{border-color:#B4791F;box-shadow:0 0 0 3px rgba(227,169,60,.16),0 4px 12px rgba(83,57,19,.07)} .avfv3source select option{background:#FFFDF8;color:#2F2416} .avfv3source{--avfv3-control-height:46px;--avfv3-upload-width:132px} .avfv3-source-row{display:grid;grid-template-columns:minmax(0,1fr) var(--avfv3-upload-width);gap:8px;align-items:center} .avfv3-upload-btn{height:var(--avfv3-control-height);min-width:var(--avfv3-upload-width);border:1px solid var(--border-color);border-radius:11px; background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;font:700 13px/1 inherit; cursor:pointer;transition:transform .12s cubic-bezier(.23,1,.32,1),opacity .18s ease} .avfv3-upload-btn:hover{transform:translateY(-1px)} .avfv3-upload-btn:focus-visible{outline:2px solid var(--accent-start);outline-offset:2px} .avfv3-upload-btn:disabled{cursor:not-allowed;opacity:.62;transform:none} .avfv3source input[type=file]{display:none} @media(max-width:520px){.avfv3-source-row{grid-template-columns:1fr}.avfv3-upload-btn{width:100%}} .avfv3source .st{display:flex;align-items:flex-start;gap:8px;min-height:16px;font-size:12px;color:#806C4C;line-height:1.4} .avfv3source .st::before{content:'';width:6px;height:6px;flex:0 0 6px;margin-top:4px;border-radius:50%;background:#B9AA91} .avfv3source .st.ready{color:#2F7D54}.avfv3source .st.ready::before{background:#36A269} .avfv3source .st.running{color:#9A6518}.avfv3source .st.running::before{background:#D99522;box-shadow:0 0 0 3px rgba(217,149,34,.12)} .avfv3source .st.failed{color:#B43C3C}.avfv3source .st.failed::before{background:#D95252} .avfv3scr{width:252px;height:448px;margin:0 auto;background:#0A0908;border:1px solid rgba(255,255,255,.09); border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center} .avfv3scr video{width:100%;height:100%;object-fit:contain;background:#0A0908} .avfv3scr .ph{color:rgba(255,250,242,.3);font-size:12.5px;text-align:center;line-height:2;padding:0 14px} .avfv3scr .tag{position:absolute;top:10px;right:10px;font-size:10.5px;color:#0A0908;font-weight:800; background:linear-gradient(140deg,#E3A93C,#C98A2A);border-radius:10px;padding:3px 9px;z-index:2} .avfv3play{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:12px} .avfv3play button{font-size:12.5px;border:1px solid rgba(255,255,255,.16);background:transparent;color:rgba(255,250,242,.8); border-radius:16px;padding:6px 16px;cursor:pointer;font-family:inherit} .avfv3play .tm{font-size:11.5px;color:rgba(255,250,242,.4)} /* 剪辑台 */ .avfv3ctrl{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:12px 14px} .avfv3ctrl .chd{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;margin-bottom:11px} .avfv3ctrl .chd em{font-style:normal;font-size:12px;color:var(--text-muted);font-weight:500} .avfv3tpls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px} .avfv3tpl{min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1.5px solid var(--border-color);border-radius:8px;padding:7px 4px;text-align:center;cursor:pointer;background:var(--bg-tertiary)} .avfv3tpl .tn{font-size:12.5px;font-weight:800;white-space:nowrap} .avfv3tpl .td{font-size:10px;color:var(--text-muted);margin-top:2px;white-space:nowrap} .avfv3tpl.on{border-color:#C98A2A;background:linear-gradient(180deg,rgba(230,169,77,.14),rgba(230,169,77,.04))} .avfv3tpl.on .tn{color:#B4791F} .avfv3tpl:focus-visible{outline:2px solid #E3A93C;outline-offset:2px} /* 真实MG预演：直接复现生产引擎的镜头语法，不用通用卡片冒充成片。 */ .avfv3scr #avfv3vid{position:relative;z-index:1;object-fit:cover;background:#0A0908;transition:opacity 120ms cubic-bezier(.23,1,.32,1)} .avfmg-preview{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:1;transition:opacity 120ms cubic-bezier(.23,1,.32,1)} .avfmg-preview canvas,.avfmg-preview video{display:block;width:100%;height:100%;transition:opacity 120ms cubic-bezier(.23,1,.32,1)} .avfmg-preview video{position:absolute;inset:0;object-fit:cover;opacity:0;background:inherit} .avfmg-preview canvas{opacity:1} .avfmg-preview.avfmg-real-ready video{opacity:1} .avfmg-preview.avfmg-real-ready canvas{opacity:0} .avfmg-badge{position:absolute;left:10px;top:10px;z-index:4;padding:4px 8px;border:1px solid rgba(255,255,255,.18);border-radius:5px; background:rgba(15,13,10,.68);color:rgba(255,250,242,.76);font-size:10px;font-weight:500;line-height:1;backdrop-filter:blur(5px)} .avfv3scr:not(.avf-mode-preview-off) #avfv3vid{opacity:0} .avfv3scr.avf-mode-preview-off .avfmg-preview{opacity:0} .avfv3scr.avf-mode-preview-off #avfv3vid{opacity:1} .avfv3scr .ph{z-index:5;background:#0A0908} @media(prefers-reduced-motion:reduce){.avfv3scr #avfv3vid,.avfmg-preview,.avfmg-preview canvas,.avfmg-preview video{transition:none}} .avfv3hint{font-size:10.5px;color:#B8A276;margin:6px 0 9px;line-height:1.45} .avfv3hint b{color:#B4791F} .avfv3grp{margin-bottom:11px} #panel-6-left .avfv3ctrl > .avfv3grp{display:none} .avfv3grp .gl{font-size:12.5px;color:var(--text-muted);font-weight:600;margin-bottom:6px} .avfv3grp .gl i{font-style:normal;color:#B8A276;font-weight:400;font-size:11.5px;margin-left:6px} .avfv3chips{display:flex;flex-wrap:wrap;gap:7px} .avfv3chips span{font-size:12.5px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary); border-radius:16px;padding:6px 13px;cursor:pointer;user-select:none} .avfv3chips span.on{background:linear-gradient(140deg,#B4791F,#C98A2A);color:#fff;border-color:transparent;font-weight:700} .avfrecipe-sec{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px; border:1px solid var(--border-color);background:rgba(255,255,255,.018);border-radius:12px;padding:11px 12px;margin-bottom:10px} .avfrecipe-sec .sh,.avfrecipe-sec .sd{grid-column:1/-1} .avfrecipe-sec .sh{font-size:13px;font-weight:800;color:var(--text-primary)} .avfrecipe-sec .sd{font-size:11px;color:var(--text-muted);margin-top:-5px;margin-bottom:2px} .avfrecipe-sec .avfv3grp{grid-column:auto!important;order:initial!important;margin-bottom:0} .avfv3range{display:flex;align-items:center;gap:10px} .avfv3range input{flex:1;accent-color:#C98A2A}.avfv3range b{min-width:42px;font-size:12px;color:#B4791F} @media(max-width:860px){ .avfv3tpls{grid-template-columns:repeat(2,minmax(0,1fr))} .avfrecipe-sec{grid-template-columns:1fr} } .avfv3bg{margin:10px 0 12px;padding:12px;border:1px solid rgba(201,138,42,.34);border-radius:12px; background:linear-gradient(145deg,rgba(227,169,60,.10),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} .avfv3bg[hidden],.avfv3bgupload[hidden]{display:none!important} .avfv3bghead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px} .avfv3bghead>div{display:flex;align-items:baseline;gap:8px;min-width:0}.avfv3bghead b{font-size:13.5px;color:var(--text-primary)} .avfv3bghead span{font-size:11px;color:var(--text-muted)}.avfv3bghead em{font-style:normal;font-size:10px;color:#C98A2A; border:1px solid rgba(201,138,42,.38);border-radius:10px;padding:2px 8px;white-space:nowrap} .avfv3bgmodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} .avfv3bgmode{min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px; padding:8px 10px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary); cursor:pointer;font-family:inherit;text-align:left;transition:transform .14s cubic-bezier(.23,1,.32,1),border-color .14s ease,background .14s ease} .avfv3bgmode:hover{transform:translateY(-1px);border-color:rgba(227,169,60,.56)}.avfv3bgmode:focus-visible{outline:2px solid #E3A93C;outline-offset:2px} .avfv3bgmode b{font-size:12.5px;color:var(--text-primary);white-space:nowrap}.avfv3bgmode small{font-size:10px;color:var(--text-muted);white-space:nowrap} .avfv3bgmode.on{border-color:#C98A2A;background:linear-gradient(145deg,rgba(227,169,60,.20),rgba(180,121,31,.08));box-shadow:0 5px 16px rgba(120,76,13,.10)} .avfv3bgmode.on b{color:#C98A2A}.avfv3bgdirection{margin-top:8px;padding:10px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-secondary)} .avfv3bgdirection[hidden]{display:none!important}.avfv3bgdirectionhead{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.avfv3bgdirectionhead b{font-size:12px;color:var(--text-primary)}.avfv3bgdirectionhead span{font-size:10.5px;color:var(--text-muted)} .avfv3bgpresets{display:flex;flex-wrap:wrap;gap:6px}.avfv3bgpreset{min-height:44px;padding:0 11px;border:1px solid var(--border-color);border-radius:22px;background:var(--bg-tertiary);color:var(--text-primary);font:500 11.5px/1 inherit;cursor:pointer;transition:transform .12s cubic-bezier(.23,1,.32,1),border-color .12s ease-out,background .12s ease-out}.avfv3bgpreset:hover{transform:translateY(-1px);border-color:var(--success)}.avfv3bgpreset:focus-visible,.avfv3bgcustom input:focus-visible{outline:2px solid var(--success);outline-offset:2px}.avfv3bgpreset.on{border-color:var(--success);background:rgba(16,185,129,.10);color:var(--success);font-weight:600} .avfv3bgcountrow{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-top:8px;padding:8px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary)}.avfv3bgcountrow[hidden]{display:none!important}.avfv3bgcountrow>span{font-size:11px;color:var(--text-primary);font-weight:600;white-space:nowrap}.avfv3bgcountchoices{display:flex;flex-wrap:wrap;gap:6px} .avfv3bgcountcustom{display:flex;align-items:center;gap:6px}.avfv3bgcountcustom[hidden]{display:none!important}.avfv3bgcountcustom input{inline-size:6ch;min-height:44px;padding:0 8px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font:600 12px/1 inherit;text-align:center}.avfv3bgcountcustom button{min-height:44px;padding:0 11px;border:1px solid var(--success);border-radius:8px;background:rgba(16,185,129,.10);color:var(--success);font:600 11.5px/1 inherit;cursor:pointer}.avfv3bgcountcustom input:focus-visible,.avfv3bgcountcustom button:focus-visible{outline:2px solid var(--success);outline-offset:2px} .avfv3bgcustom{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin-top:8px}.avfv3bgcustom label{font-size:11px;color:var(--text-secondary);white-space:nowrap}.avfv3bgcustom input{min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font:400 12px/1.4 inherit}.avfv3bgcustom input::placeholder{color:var(--text-muted)}.avfv3bgdirectionnote{margin-top:7px;font-size:10.5px;line-height:1.5;color:#C9A45C} .avfv3bgupload{display:block;margin-top:8px;padding:9px; border:1px dashed rgba(201,138,42,.42);border-radius:9px;background:rgba(255,255,255,.025)} .avfv3bgactions{display:flex;align-items:center;gap:9px}.avfv3bgactions #avfv3bguploadbtn{flex:0 0 auto;min-height:40px;padding:0 12px;border:1px solid rgba(201,138,42,.58);border-radius:8px; background:rgba(227,169,60,.13);color:#C98A2A;font:700 12px/1 inherit;cursor:pointer}.avfv3bgactions span{font-size:10.5px;color:var(--text-muted);line-height:1.45}.avfv3bgactions strong{margin-left:auto;color:#E3A93C;font-size:11px;white-space:nowrap} .avfv3bgstatus{min-height:18px;margin-top:7px;color:var(--text-muted);font-size:10.5px;line-height:1.5}.avfv3bgstatus.running{color:#E3A93C}.avfv3bgstatus.ok{color:#4ADE80}.avfv3bgstatus.failed{color:#F87171} .avfv3bgassets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px}.avfv3bgempty{grid-column:1/-1;padding:14px 8px;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:var(--text-muted);font-size:10.5px;text-align:center;line-height:1.55} .avfv3bgassetwrap{position:relative;min-width:0;aspect-ratio:16/10}.avfv3bgasset{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.10);border-radius:8px;background:#211B15;cursor:pointer}.avfv3bgasset img,.avfv3bgasset video{width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}.avfv3bgasset::after{content:'✓';position:absolute;right:5px;top:5px;width:20px;height:20px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(8,10,14,.66);color:transparent;font-size:11px;font-weight:800}.avfv3bgasset.on{border-color:#E3A93C;box-shadow:0 0 0 2px rgba(227,169,60,.18)}.avfv3bgasset.on::after{border-color:#E3A93C;background:#E3A93C;color:#17100A}.avfv3bgasset:focus-visible,.avfv3bgdelete:focus-visible{outline:2px solid #E3A93C;outline-offset:2px}.avfv3bgdelete{position:absolute;z-index:3;left:0;top:0;width:44px;height:44px;border:0;background:transparent;color:#fff;cursor:pointer}.avfv3bgdelete::before{content:'×';display:grid;place-items:center;width:24px;height:24px;margin:5px;border:1px solid rgba(248,113,113,.56);border-radius:50%;background:rgba(27,12,12,.82);color:#FCA5A5;font:700 17px/1 system-ui}.avfv3bgdelete:hover::before{border-color:#F87171;background:#7F1D1D;color:#fff}.avfv3bgdelete:disabled{opacity:.45;cursor:wait} @media(max-width:520px){.avfv3bghead>div{display:block}.avfv3bghead span{display:block;margin-top:3px}.avfv3bgmodes{grid-template-columns:1fr}.avfv3bgcountrow,.avfv3bgcustom{grid-template-columns:1fr}.avfv3bgcountcustom{width:100%} .avfv3bgmode{min-height:46px}.avfv3bgactions{align-items:flex-start;flex-wrap:wrap}.avfv3bgactions #avfv3bguploadbtn{width:100%}.avfv3bgactions strong{margin-left:0}.avfv3bgassets{grid-template-columns:repeat(2,minmax(0,1fr))}} .avfv3go{width:100%;font-size:15.5px;font-weight:700;letter-spacing:1px;padding:14px 0;border:none;border-radius:12px; background:linear-gradient(140deg,#B4791F,#C98A2A);color:#fff;cursor:pointer;font-family:inherit;margin-top:3px} .avfv3gosub{font-size:11.5px;color:#B8A276;text-align:center;margin-top:7px} .avfv3rite{display:none;background:var(--bg-card);border:1px solid rgba(201,164,92,.45);border-radius:12px;padding:11px 13px;margin-top:10px} .avfv3rite.show{display:block} .avfv3rite .rh{display:flex;align-items:center;font-size:13.5px;font-weight:700;gap:8px} .avfv3rite .rh em{font-style:normal;margin-left:auto;color:#C98A2A;font-size:13px} .avfv3rite .bar{height:7px;border-radius:4px;background:var(--border-color);margin:8px 0;overflow:hidden} .avfv3rite .bar i{display:block;height:100%;width:0%;border-radius:4px;transition:width .8s; background:linear-gradient(90deg,#B4791F,#E3A93C,#B4791F);background-size:200% 100%;animation:avfflow 1.6s linear infinite} .avfv3rite .st{font-size:12px;color:var(--text-secondary)} .avfv3fin{display:none;position:relative;background:var(--bg-card);border:1.5px solid #C98A2A;border-radius:13px; padding:13px 15px;margin-top:10px;overflow:hidden} .avfv3fin.show{display:block} .avfv3fin::before{content:'';position:absolute;inset:0;pointer-events:none; background:linear-gradient(120deg,transparent 30%,rgba(230,169,77,.16) 50%,transparent 70%); background-size:220% 100%;animation:avfshine 2.4s ease-in-out infinite} .avfv3fin .fh{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:700;color:#B4791F} .avfv3fin .fh em{font-style:normal;margin-left:auto;font-size:11.5px;color:var(--text-muted);font-weight:400} .avfv3fin .facts{display:flex;gap:7px;margin-top:10px;position:relative} .avfv3fin .facts button{flex:1;font-size:12.5px;font-weight:600;padding:9px 0;border-radius:9px;cursor:pointer;font-family:inherit; background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)} .avfv3fin .facts button.save{color:#B4791F;border-color:rgba(201,138,42,.55)} .avfv3fin .facts button:disabled{cursor:default;opacity:.78} .avfv3fin .facts button.main{flex:1.35;background:linear-gradient(140deg,#B4791F,#C98A2A);color:#fff;border:none;font-weight:700} /* 发布区 */ .avfv3pub{margin:16px 4px 0;background:var(--bg-card);border:1.5px solid rgba(201,138,42,.5);border-radius:16px;padding:16px 18px} .avfv3pub .ph2{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;margin-bottom:3px;flex-wrap:wrap} .avfv3pub .ph2 em{font-style:normal;font-size:12px;color:var(--text-muted);font-weight:500} .avfv3pub .soon{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#B4791F; background:rgba(201,164,92,.1);border:1px dashed rgba(201,164,92,.45);border-radius:12px;padding:3px 10px} .avfv3pub .steps{font-size:12.5px;color:var(--text-muted);margin-bottom:13px} .avfv3pub .steps b{color:#B4791F} .avfv3pcs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .avfv3pc{border:1px solid var(--border-color);border-radius:13px;padding:13px 14px;background:var(--bg-tertiary)} .avfv3pc .pn{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin-bottom:9px} .avfv3pc .pn i{font-style:normal;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff} .avfv3pc.dy .pn i{background:#161823} .avfv3pc.ks .pn i{background:#FF7E00} .avfv3pc.sph .pn i{background:#07C160} .avfv3pc.xhs .pn i{background:#FF2442} .avfv3pc button{width:100%;font-size:12.5px;font-weight:600;padding:8px 0;border-radius:9px;cursor:pointer;margin-top:6px;font-family:inherit} .avfv3pc .cp{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color)} .avfv3pc .go{background:linear-gradient(140deg,#B4791F,#C98A2A);color:#fff;border:none;font-weight:700} .avfv3pub .fine{font-size:11.5px;color:var(--text-muted);margin-top:12px;line-height:1.9} .avfv3pub .fine b{color:#B4791F} @media(max-width:980px){ #panel-6-left.avfp6-solo .avfp6v3row{grid-template-columns:1fr}.avfv3pcs{grid-template-columns:repeat(2,1fr)}} /* ===== avfp6v3e:开关行照效果图补齐 + 音乐库浮层 ===== */ .avfp6engine.avfshow{position:fixed !important;left:6% !important;top:4% !important;width:88% !important;height:88% !important; z-index:99999 !important;overflow:hidden !important;background:#171310;border-radius:14px; box-shadow:0 24px 80px rgba(0,0,0,.5);border:1px solid rgba(230,169,77,.4)} .avfp6engine.avfshow iframe{width:100% !important;height:calc(100% - 44px) !important} .avfengbar{display:none;height:44px;align-items:center;gap:10px;padding:0 16px;background:#231C14; border-radius:14px 14px 0 0;color:rgba(255,250,242,.85);font-size:13px;font-weight:600} .avfp6engine.avfshow .avfengbar{display:flex} .avfengbar button{margin-left:auto;font-size:12.5px;font-weight:700;padding:6px 18px;border:none;border-radius:14px; background:linear-gradient(140deg,#B4791F,#C98A2A);color:#fff;cursor:pointer;font-family:inherit} .avfv3comp{display:flex;align-items:center;gap:8px;font-size:12px;color:#1F8A4C;background:#EDF9F1; border:1px solid #CBEBD6;border-radius:10px;padding:8px 12px;margin:2px 0 12px} /* avfp6v3f:流程条顶置 */ #panel-6-left.avfp6-solo > .avfflow{display:flex;margin:2px 4px 10px} /* ===== avfwidefix:⑤⑥版心=1180居中,与①~④一致 ===== */ #panel-5-mixer.avfp5-solo > div{max-width:1180px;margin-left:auto !important;margin-right:auto !important} #panel-5-mixer.avfp5-solo .avfflow{max-width:1180px;margin:8px auto 4px} #panel-6-left.avfp6-solo > .avfflow{max-width:1180px;margin:2px auto 10px} #panel-6-left.avfp6-solo .avfp6src{max-width:1180px;margin:6px auto 12px} #panel-6-left.avfp6-solo .avfp6v3row{max-width:1180px;margin:0 auto} #panel-6-left.avfp6-solo .avfv3pub{max-width:1180px;margin:16px auto 0} #panel-6-left.avfp6-solo .step-nav{max-width:1180px;margin-left:auto !important;margin-right:auto !important} /* ===== avfp6v6:⑥放映厅 暗色天花板皮 ===== */ #panel-6-left.avfp6-solo{background:#0E0C0A !important;border-radius:16px;padding-bottom:18px} #panel-6-left.avfp6-solo > .avfflow .fs{background:transparent;border-color:rgba(255,255,255,.07);color:rgba(255,250,242,.38)} #panel-6-left.avfp6-solo > .avfflow .fs b{background:transparent;border:1px solid rgba(255,255,255,.12);color:rgba(255,250,242,.38)} #panel-6-left.avfp6-solo > .avfflow .fs.done b{border-color:transparent;background:rgba(74,222,128,.14);color:#4ADE80} #panel-6-left.avfp6-solo > .avfflow .fs.on{color:#E3A93C;border-color:rgba(227,169,60,.5)} #panel-6-left.avfp6-solo > .avfflow .fs.on b{background:linear-gradient(140deg,#B4791F,#E3A93C);border:none;color:#0E0C0A} #panel-6-left.avfp6-solo > .avfflow .fa{color:rgba(255,250,242,.25)} #panel-6-left.avfp6-solo .avfp6src{background:#161210;border-color:rgba(255,255,255,.07)} #panel-6-left.avfp6-solo .avfp6src .lb,#panel-6-left.avfp6-solo .avfp6src em{color:rgba(255,250,242,.38)} #panel-6-left.avfp6-solo .avfp6src .fchip{color:#E3A93C;background:rgba(227,169,60,.1);border-color:rgba(227,169,60,.35)} #panel-6-left.avfp6-solo .avfp6src a{color:#E3A93C} /* 舞台=放映厅 */ #panel-6-left.avfp6-solo .avfv3stage{background:radial-gradient(120% 90% at 50% 0%,#1A1511 0%,#0E0C0A 70%); border:1px solid rgba(255,255,255,.07);border-radius:20px;position:relative;overflow:hidden;text-align:center} #panel-6-left.avfp6-solo .avfv3stage::before{content:'';position:absolute;left:20%;right:20%;bottom:-40px;height:120px; background:radial-gradient(50% 100% at 50% 100%,rgba(227,169,60,.14),transparent 70%);pointer-events:none} #panel-6-left.avfp6-solo .avfv3stage .shd{justify-content:center} #panel-6-left.avfp6-solo .avfv3scr{width:330px;height:587px;border-radius:26px; border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 6px #17120E,0 0 44px rgba(227,169,60,.07)} #panel-6-left.avfp6-solo .avfv3stage>.avfpb{max-width:330px!important;margin-top:10px} #panel-6-left.avfp6-solo .avfv3stage .ab{display:inline-flex;border:1px solid rgba(255,255,255,.12);border-radius:15px;overflow:hidden;gap:0;margin-bottom:12px} #panel-6-left.avfp6-solo .avfv3stage .ab span{border:none;border-radius:0;color:rgba(255,250,242,.38);padding:6px 18px} #panel-6-left.avfp6-solo .avfv3stage .ab span.on{color:#0E0C0A;font-weight:800;background:linear-gradient(140deg,#B4791F,#E3A93C)} /* 封面条 */ .avfv6covers{margin-top:16px;text-align:left} .avfv6covers .gl{font-size:12px;color:rgba(255,250,242,.38);font-weight:700;letter-spacing:1px;margin-bottom:8px} .avfv6covers .gl i{font-style:normal;font-weight:400;letter-spacing:0;margin-left:6px} .avfv6cstrip{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px} .avfv6cv{flex:0 0 68px;height:92px;border-radius:10px;background:#221C16;border:1.5px solid rgba(255,255,255,.07); display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px; font-size:10.5px;color:rgba(255,250,242,.38);cursor:pointer;transition:all .2s cubic-bezier(.23,1,.32,1)} .avfv6cv:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.12)} .avfv6cv i{font-style:normal;font-size:15px;opacity:.85} .avfv6cv.on{border-color:rgba(227,169,60,.6);background:rgba(227,169,60,.1);color:#E3A93C;font-weight:700} /* 剪辑台 */ #panel-6-left.avfp6-solo .avfv3ctrl{background:#161210;border:1px solid rgba(255,255,255,.07);border-radius:18px} #panel-6-left.avfp6-solo .avfv3ctrl .chd{color:rgba(255,250,242,.93)} #panel-6-left.avfp6-solo .avfv3ctrl .chd em{color:rgba(255,250,242,.38)} #panel-6-left.avfp6-solo .avfv3tpl{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.07)} #panel-6-left.avfp6-solo .avfv3tpl .tn{color:rgba(255,250,242,.85)} #panel-6-left.avfp6-solo .avfv3tpl .td{color:rgba(255,250,242,.38)} #panel-6-left.avfp6-solo .avfv3tpl.on{border-color:rgba(227,169,60,.55);background:rgba(227,169,60,.08)} #panel-6-left.avfp6-solo .avfv3tpl.on .tn{color:#E3A93C} #panel-6-left.avfp6-solo .avfv3hint{color:rgba(255,250,242,.38)} #panel-6-left.avfp6-solo .avfv3hint b{color:#E3A93C} #panel-6-left.avfp6-solo .avfv3grp .gl{color:rgba(255,250,242,.38)} #panel-6-left.avfp6-solo .avfv3chips span{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.07);color:rgba(255,250,242,.62)} #panel-6-left.avfp6-solo .avfv3chips span.on{color:#E3A93C;border-color:rgba(227,169,60,.55);background:rgba(227,169,60,.08);font-weight:700} #panel-6-left.avfp6-solo .avfv3comp{color:#4ADE80;background:rgba(74,222,128,.06);border-color:rgba(74,222,128,.25)} #panel-6-left.avfp6-solo .avfv3go{color:#0E0C0A;background:linear-gradient(140deg,#B4791F 0%,#E3A93C 55%,#F0C468 100%); box-shadow:0 8px 28px rgba(227,169,60,.25);letter-spacing:2px} #panel-6-left.avfp6-solo .avfv3gosub{color:rgba(255,250,242,.38)} #panel-6-left.avfp6-solo .avfv3rite{background:#161210;border-color:rgba(227,169,60,.4)} #panel-6-left.avfp6-solo .avfv3rite .rh{color:rgba(255,250,242,.93)} #panel-6-left.avfp6-solo .avfv3rite .st{color:rgba(255,250,242,.38)} #panel-6-left.avfp6-solo .avfv3rite .bar{background:rgba(255,255,255,.1)} #panel-6-left.avfp6-solo .avfv3fin{background:#161210;border-color:rgba(227,169,60,.45)} #panel-6-left.avfp6-solo .avfv3fin .fh{color:#E3A93C} #panel-6-left.avfp6-solo .avfv3fin .facts button{background:rgba(255,255,255,.04);color:rgba(255,250,242,.62);border-color:rgba(255,255,255,.12)} #panel-6-left.avfp6-solo .avfv3fin .facts button.save{color:#E3A93C;border-color:rgba(227,169,60,.45);background:rgba(227,169,60,.06)} #panel-6-left.avfp6-solo .avfv3fin .facts button.main{color:#0E0C0A;background:linear-gradient(140deg,#B4791F,#E3A93C);border:none} /* 折叠通用 */ .avfv6fold{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.07);border-radius:12px; padding:10px 14px;cursor:pointer;font-size:12.5px;color:rgba(255,250,242,.62);background:rgba(255,255,255,.02); margin:0 0 10px;user-select:none} .avfv6fold .fx{color:rgba(255,250,242,.38);font-size:11.5px} .avfv6fold .arr{margin-left:auto;color:rgba(255,250,242,.38);font-size:11px} .avfv6box{display:none} .avfv6box.show{display:block} /* 发布区暗色 */ #panel-6-left.avfp6-solo .avfv3pub{background:#161210;border-color:rgba(227,169,60,.4)} #panel-6-left.avfp6-solo .avfv3pub .ph2{color:rgba(255,250,242,.93)} #panel-6-left.avfp6-solo .avfv3pub .steps{color:rgba(255,250,242,.38)} #panel-6-left.avfp6-solo .avfv3pub .steps b{color:#E3A93C} #panel-6-left.avfp6-solo .avfv3pc{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.07)} #panel-6-left.avfp6-solo .avfv3pc .pn{color:rgba(255,250,242,.85)} #panel-6-left.avfp6-solo .avfv3pc .cp{background:rgba(255,255,255,.04);color:rgba(255,250,242,.62);border-color:rgba(255,255,255,.12)} #panel-6-left.avfp6-solo .avfv3pub .fine{color:rgba(255,250,242,.38)} #panel-6-left.avfp6-solo .avfv3pub .soon{color:#E3A93C;border-color:rgba(227,169,60,.45);background:rgba(227,169,60,.08)} /* 轨道 */ .avfv6tracks{background:#161210;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:14px 16px;margin-bottom:12px} .avfv6trow{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;margin-bottom:7px} .avfv6tlb{font-size:11px;color:rgba(255,250,242,.38);text-align:right;letter-spacing:1px} .avfv6tcells{display:flex;gap:5px;flex-wrap:wrap} .avfv6tc{min-height:34px;flex:1;min-width:70px;border-radius:8px;background:#221C16;border:1px solid rgba(255,255,255,.07); font-size:10.5px;color:rgba(255,250,242,.45);display:flex;align-items:center;justify-content:center;padding:4px 8px;text-align:center} .avfv6tc.a{background:rgba(227,169,60,.13);border-color:rgba(227,169,60,.45);color:#E3A93C;font-weight:700} /* ===== avfp5v6:⑤导演室 暗色天花板皮 ===== */ #panel-5-mixer.avfp5-solo{background:#0E0C0A !important;border-radius:16px;padding-bottom:18px} #panel-5-mixer.avfp5-solo .avfflow .fs{background:transparent;border-color:rgba(255,255,255,.07);color:rgba(255,250,242,.38)} #panel-5-mixer.avfp5-solo .avfflow .fs b{background:transparent;border:1px solid rgba(255,255,255,.12);color:rgba(255,250,242,.38)} #panel-5-mixer.avfp5-solo .avfflow .fs.done b{border-color:transparent;background:rgba(74,222,128,.14);color:#4ADE80} #panel-5-mixer.avfp5-solo .avfflow .fs.on{color:#E3A93C;border-color:rgba(227,169,60,.5)} #panel-5-mixer.avfp5-solo .avfflow .fs.on b{background:linear-gradient(140deg,#B4791F,#E3A93C);border:none;color:#0E0C0A} #panel-5-mixer.avfp5-solo .avfflow .fa{color:rgba(255,250,242,.25)} /* 三栏比例:窄翼宽台 */ #panel-5-mixer.avfp5-solo .avfp5works{background:#161210 !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:18px} #panel-5-mixer.avfp5-solo .avfp5ctrl{background:#161210 !important;border:1px solid rgba(255,255,255,.07) !important;border-radius:18px} #panel-5-mixer.avfp5-solo .avfp5hd{color:rgba(255,250,242,.93) !important} #panel-5-mixer.avfp5-solo .avfp5hd em{color:rgba(255,250,242,.38) !important} /* 素材卡 2列 暗 */ #panel-5-mixer.avfp5-solo #mxWorksGrid{grid-template-columns:1fr 1fr !important;gap:10px !important} #panel-5-mixer.avfp5-solo #mxWorksGrid > div{background:#221C16 !important;border-color:rgba(255,255,255,.07) !important;color:rgba(255,250,242,.62)} /* 舞台:影棚光 + 手机屏 */ #panel-5-mixer.avfp5-solo .avfp5stage{background:radial-gradient(120% 90% at 50% 0%,#1A1511 0%,#0E0C0A 70%) !important; border:1px solid rgba(255,255,255,.07) !important;border-radius:20px !important;position:relative;overflow:hidden} #panel-5-mixer.avfp5-solo .avfp5stage::before{content:'';position:absolute;left:20%;right:20%;bottom:-40px;height:120px; background:radial-gradient(50% 100% at 50% 100%,rgba(227,169,60,.14),transparent 70%);pointer-events:none} #panel-5-mixer.avfp5-solo #pvStage{width:min(100%,360px) !important;height:min(100%,clamp(260px,52vh,460px)) !important;aspect-ratio:9/16 !important;margin:6px auto 0 !important; border-radius:14px !important;border:0 !important;background:transparent !important; box-shadow:none !important;overflow:hidden !important} #panel-5-mixer.avfp5-solo #pvStage video{width:100% !important;height:100% !important;object-fit:contain !important;background:transparent !important} #panel-5-mixer.avfp5-solo .player-area{display:flex;flex-direction:column;align-items:center} /* 导演台内控件 暗化 */ #panel-5-mixer.avfp5-solo .avfp5ctrl .chip, #panel-5-mixer.avfp5-solo .avfp5ctrl [class*="chip"]{background:rgba(255,255,255,.02) !important; border-color:rgba(255,255,255,.07) !important;color:rgba(255,250,242,.62) !important} #panel-5-mixer.avfp5-solo .avfp5ctrl .chip.on, #panel-5-mixer.avfp5-solo .avfp5ctrl [class*="chip"].active, #panel-5-mixer.avfp5-solo .avfp5ctrl [class*="chip"].on{color:#E3A93C !important; border-color:rgba(227,169,60,.55) !important;background:rgba(227,169,60,.08) !important;font-weight:700} #panel-5-mixer.avfp5-solo .avfp5ctrl select, #panel-5-mixer.avfp5-solo .avfp5ctrl input{background:#1D1814 !important;color:rgba(255,250,242,.85) !important; border-color:rgba(255,255,255,.12) !important} #panel-5-mixer.avfp5-solo .avfp5ctrl label,#panel-5-mixer.avfp5-solo .avfp5ctrl .ctrl-label, #panel-5-mixer.avfp5-solo .avfp5ctrl div{color:rgba(255,250,242,.62)} #panel-5-mixer.avfp5-solo #mxRenderBtn{color:#0E0C0A !important;letter-spacing:2px; background:linear-gradient(140deg,#B4791F 0%,#E3A93C 55%,#F0C468 100%) !important; box-shadow:0 8px 28px rgba(227,169,60,.25) !important;border:none !important} #panel-5-mixer.avfp5-solo #autoMixStatus{background:#161210;border-color:rgba(227,169,60,.35);color:rgba(255,250,242,.62)} #panel-5-mixer.avfp5-solo #mxRenderProgress{background:#161210 !important;border-color:rgba(227,169,60,.4) !important} #panel-5-mixer.avfp5-solo #mxRenderProgress .avfp5rh{color:rgba(255,250,242,.93)} #panel-5-mixer.avfp5-solo #mxRenderProgress .prog-txt{color:rgba(255,250,242,.38) !important} #panel-5-mixer.avfp5-solo #mxRenderResult{background:#161210 !important;border-color:rgba(227,169,60,.45) !important} #panel-5-mixer.avfp5-solo #mxRenderResult .avfp5finhd{color:#E3A93C} #panel-5-mixer.avfp5-solo #mxRenderResult .render-stats{color:rgba(255,250,242,.38) !important} #panel-5-mixer.avfp5-solo #mxRenderResult .avfp5facts #mxDownloadLink{background:rgba(255,255,255,.04) !important; color:rgba(255,250,242,.62) !important;border-color:rgba(255,255,255,.12) !important} #panel-5-mixer.avfp5-solo #mxStatus{color:rgba(255,250,242,.3) !important} /* 折叠内容里的真元素 暗化 */ #panel-5-mixer.avfp5-solo .avfv6box .mx-bgc,#panel-5-mixer.avfp5-solo .avfv6box #mxBgCenter{background:transparent !important} /* 时间轴置底 */ #panel-5-mixer.avfp5-solo .avfv5tl{background:#161210;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:12px 14px} #panel-5-mixer.avfp5-solo .avfv5tl #mxTimelineArea{display:block !important;background:transparent !important;border:none !important} #panel-5-mixer.avfp5-solo .avfv5tl{width:100% !important;max-width:none !important;margin:0 !important;border-left:0;border-right:0;border-radius:0;resize:vertical;overflow:auto;min-height:220px;height:clamp(240px,40vh,460px);max-height:58vh} #panel-5-mixer.avfp5-solo .avfv5tl #mxTimelineArea{height:100%;min-height:0;max-height:none;padding:0 10px 10px} #panel-5-mixer.avfp5-solo .avfv5tl .tl-scroll{min-height:0} #panel-5-mixer.avfp5-solo .avfv5tl::before{content:'拖动右下角可调整轨道高度';display:block;height:18px;line-height:18px;text-align:right;color:rgba(255,250,242,.32);font-size:10px;pointer-events:none} #panel-5-mixer.avfp5-solo .avfv5timelinebar{position:fixed;left:0;right:0;bottom:0;z-index:5001;width:100vw !important;margin:0 !important;border-radius:0;border-left:0;border-right:0;background:#211b17;box-shadow:0 -8px 24px rgba(0,0,0,.28)} #panel-5-mixer.avfp5-solo .avfv5timelinebox{position:fixed;left:0;right:0;bottom:42px;z-index:5000;width:100vw !important;max-width:none !important;margin:0 !important;background:#161210;box-shadow:0 -14px 34px rgba(0,0,0,.4)} #panel-5-mixer.avfp5-solo .avfv5timelinebox .avfv5tl{width:100vw !important;max-width:none !important;margin:0 !important;border-radius:0;border-left:0;border-right:0} #panel-5-mixer .avfv5timelinebar{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:5001 !important;width:100vw !important;max-width:none !important;margin:0 !important;border-radius:0;background:#211b17;box-shadow:0 -8px 24px rgba(0,0,0,.28)} #panel-5-mixer .avfv5timelinebox{position:fixed !important;left:0 !important;right:0 !important;bottom:42px !important;z-index:5000 !important;width:100vw !important;max-width:none !important;margin:0 !important;background:#161210;box-shadow:0 -14px 34px rgba(0,0,0,.4)} #panel-5-mixer .avfv5timelinebox .avfv5tl{width:100vw !important;max-width:none !important;margin:0 !important;border-radius:0;border-left:0;border-right:0} .avfv5timelinebar{position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;z-index:10 !important;width:100% !important;max-width:none !important;margin:8px 0 0 !important;border-radius:8px 8px 0 0;background:#211b17;box-shadow:none} .avfv5timelinebox{position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;z-index:9 !important;width:100% !important;max-width:none !important;margin:0 !important;background:#161210;box-shadow:none} .avfv5timelinebox .avfv5tl{width:100% !important;max-width:none !important;margin:0 !important;border-radius:0;border-left:0;border-right:0} .avfv5timelinebox .avfv5tl{resize:vertical;overflow:auto;min-height:180px;height:clamp(200px,28vh,300px);max-height:44vh;padding:12px 14px} .avfv5timelinebox .avfv5tl::before{content:'拖动右下角可调整轨道高度';display:block;height:18px;line-height:18px;text-align:right;color:rgba(255,250,242,.32);font-size:10px;pointer-events:none} .avfv5timelinebox #mxTimelineArea{display:flex !important;flex-direction:column !important;height:100%;min-height:0;max-height:none;padding:0 0 10px;background:transparent !important;border:0 !important} .avfv5timelinebox .tl-head{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);flex-shrink:0} .avfv5timelinebox .tl-head b{color:var(--text-primary);font-size:12px} .avfv5timelinebox .tl-scroll{overflow-x:auto;overflow-y:hidden;border:1px solid var(--border-light);border-radius:4px;background:var(--bg-secondary);flex:1;min-height:0} .avfv5timelinebox .tl-inner{position:relative} .avfv5timelinebox .tl-ruler{height:14px;display:flex;border-bottom:1px solid var(--border);background:var(--bg-tertiary);flex-shrink:0} .avfv5timelinebox .tl-ruler .tl-rpad{width:30px;flex-shrink:0;border-right:1px solid var(--border-light)} .avfv5timelinebox .tl-ruler .tl-rbody{position:relative;height:14px;flex-shrink:0;cursor:text} .avfv5timelinebox .tl-ruler .tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--border-light);font-size:12px;color:var(--text-muted);padding-left:2px;line-height:14px;white-space:nowrap} .avfv5timelinebox .tl-tracks{position:relative;padding:2px 0} .avfv5timelinebox .playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--danger);left:18%;z-index:5;pointer-events:none} .avfv5timelinebox .track{display:flex;align-items:center;height:20px;margin:1px 0} .avfv5timelinebox .track .tn{width:30px;font-size:12px;color:var(--text-muted);flex-shrink:0;display:flex;flex-direction:column;line-height:1.1} .avfv5timelinebox .track .tn b{color:var(--text-secondary);font-size:12px} .avfv5timelinebox .track .lane{flex:1;height:14px;background:var(--bg-primary);border-radius:3px;position:relative;border:1px solid var(--border-light)} .avfv5timelinebox .clip{position:absolute;top:0;bottom:0;border-radius:3px;font-size:12px;color:#fff;padding:0 3px;line-height:14px;overflow:hidden;white-space:nowrap;cursor:grab;user-select:none;display:flex;align-items:center;gap:2px} .avfv5timelinebox .clip.v1{background:linear-gradient(135deg,var(--accent-start),var(--accent-end))} .avfv5timelinebox .clip.v2{background:var(--success)} .avfv5timelinebox .clip.a1{background:var(--info)} .avfv5timelinebox .clip.a2{background:var(--warning);color:#3a2400} .avfv5timelinebox .clip .x{margin-left:auto;background:rgba(0,0,0,.35);border-radius:2px;padding:0 2px;cursor:pointer;font-size:12px} @media (max-width:900px){ .avfv5timelinebar{left:0 !important;right:0 !important} .avfv5timelinebox{left:0 !important;right:0 !important} } #panel-5-mixer.avfp5-solo .avfv5timelinebar{position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;width:100% !important;max-width:none !important;margin:8px 0 0 !important} #panel-5-mixer.avfp5-solo .avfv5timelinebox{position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;width:100% !important;max-width:none !important;margin:0 !important} #panel-5-mixer.avfp5-solo .avfv5timelinebox .avfv5tl{width:100% !important;max-width:100% !important;box-sizing:border-box} #panel-5-mixer.avfp5-solo .player-area > .avfv5timelinebar{margin-top:12px !important} #panel-5-mixer.avfp5-solo .avfp5row{flex:none !important} #panel-5-mixer .player-area{overflow:visible !important} #panel-5-mixer.active-step{overflow:auto !important} #panel-5-mixer .threecol{overflow:visible !important} #panel-5-mixer .col-center{overflow:visible !important;min-height:0 !important} #panel-5-mixer.avfp5-solo .avfp5stage{overflow:visible !important;min-height:0 !important} #panel-5-mixer.avfp5-solo .player-area{flex:0 0 auto !important;min-height:0 !important;justify-content:flex-start !important;align-items:stretch !important;overflow:visible !important} #panel-5-mixer.avfp5-solo #pvStage{height:clamp(260px,42vh,380px) !important;max-height:380px !important;flex:0 0 auto !important} /* avfp5-track-ceiling-20260719: 五轨真实时间轴，清晰、克制、全宽 */ #panel-5-mixer .avfv5timelinebar{ min-height:46px;padding:0 16px !important;display:flex;align-items:center;gap:8px; color:#f8f1e7;background:linear-gradient(135deg,#211b17 0%,#181411 100%) !important; border:1px solid rgba(201,164,92,.28);border-radius:12px !important;cursor:pointer; font-size:13px;font-weight:700;letter-spacing:.2px;transition:border-color .2s ease,background .2s ease } #panel-5-mixer .avfv5timelinebar:hover{border-color:rgba(201,164,92,.55);background:#241d18 !important} #panel-5-mixer .avfv5timelinebar .fx{font-size:12px;font-weight:500;color:rgba(255,250,242,.52);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #panel-5-mixer .avfv5timelinebar .arr{margin-left:auto;color:#d7b36e;font-size:12px;font-weight:650;white-space:nowrap} #panel-5-mixer .avfv5timelinebox{flex:0 0 auto !important;min-height:350px;background:#171310 !important;border:1px solid rgba(201,164,92,.2);border-top:0;border-radius:0 0 16px 16px !important;overflow:hidden} #panel-5-mixer .avfv5timelinebox .avfv5tl{ height:clamp(350px,42vh,440px);min-height:350px;max-height:56vh;padding:16px 18px 18px !important; background:linear-gradient(180deg,#171310 0%,#120f0d 100%) !important;overflow:hidden;resize:vertical } #panel-5-mixer .avfv5timelinebox .avfv5tl::before{content:none !important} #panel-5-mixer .avfv5timelinebox #mxTimelineArea{gap:12px;padding:0 !important} #panel-5-mixer .avfv5timelinebox .tl-head{min-height:36px;gap:10px;padding:0 10px;background:#171310 !important;color:rgba(255,250,242,.48);font-size:12px} #panel-5-mixer .avfv5timelinebox .tl-head b{font-size:15px;color:#fffaf2;letter-spacing:.2px} #panel-5-mixer .avfv5timelinebox .tl-head .btn{height:30px;padding:0 12px;border-radius:8px} #panel-5-mixer .avfv5timelinebox .tl-scroll{ min-height:270px;overflow-x:auto;overflow-y:hidden;border:1px solid rgba(255,255,255,.08); border-radius:12px;background:#0f0d0c;box-shadow:inset 0 1px 0 rgba(255,255,255,.025) } #panel-5-mixer .avfv5timelinebox .tl-inner{min-width:100%;padding-bottom:8px} #panel-5-mixer .avfv5timelinebox .tl-ruler{height:28px;background:#151210;border-bottom:1px solid rgba(255,255,255,.08)} #panel-5-mixer .avfv5timelinebox .tl-ruler .tl-rpad{width:148px;border-right:1px solid rgba(255,255,255,.08)} #panel-5-mixer .avfv5timelinebox .tl-ruler .tl-rbody{height:28px} #panel-5-mixer .avfv5timelinebox .tl-ruler .tick{line-height:28px;color:rgba(255,250,242,.32);border-left-color:rgba(255,255,255,.07);font-size:10px;padding-left:5px} #panel-5-mixer .avfv5timelinebox .tl-ruler .tick.major{color:rgba(255,250,242,.62);border-left-color:rgba(201,164,92,.34)} #panel-5-mixer .avfv5timelinebox .tl-tracks{padding:6px 0 8px} #panel-5-mixer .avfv5timelinebox .track{height:48px;margin:0;border-bottom:1px solid rgba(255,255,255,.045)} #panel-5-mixer .avfv5timelinebox .track:last-child{border-bottom:0} #panel-5-mixer .avfv5timelinebox .track .tn{ width:148px;height:100%;padding:0 14px;box-sizing:border-box;justify-content:center;gap:3px; border-right:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.018);line-height:1.15 } #panel-5-mixer .avfv5timelinebox .track .tn b{font-size:13px;color:#f8f1e7;font-weight:700} #panel-5-mixer .avfv5timelinebox .track .tn small{font-size:10px;color:rgba(255,250,242,.38);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #panel-5-mixer .avfv5timelinebox .track .lane{ height:34px;margin:0 8px;background-color:#12100f;border:1px solid rgba(255,255,255,.065);border-radius:8px; background-image:repeating-linear-gradient(90deg,transparent 0,transparent 37px,rgba(255,255,255,.025) 38px) } #panel-5-mixer .avfv5timelinebox .track .lane.empty::after{ content:attr(data-empty);position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:11px;color:rgba(255,250,242,.18);pointer-events:none } #panel-5-mixer .avfv5timelinebox .clip{ top:3px;bottom:3px;height:auto;min-width:44px;padding:0 8px;border-radius:6px;line-height:26px; font-size:11px;font-weight:650;gap:5px;border:1px solid rgba(255,255,255,.16);box-shadow:0 4px 12px rgba(0,0,0,.18);cursor:grab } #panel-5-mixer .avfv5timelinebox .clip:active{cursor:grabbing} #panel-5-mixer .avfv5timelinebox .clip.d1{background:linear-gradient(135deg,#9b6a23,#c89238);color:#fffaf2} #panel-5-mixer .avfv5timelinebox .clip.v2{background:linear-gradient(135deg,#147c70,#249b8d)} #panel-5-mixer .avfv5timelinebox .clip.v1{background:linear-gradient(135deg,#5956a6,#7773c9)} #panel-5-mixer .avfv5timelinebox .clip.v3{background:linear-gradient(135deg,#56705d,#76917d)} #panel-5-mixer .avfv5timelinebox .clip.a1{background:linear-gradient(135deg,#366b91,#4f8ab5)} #panel-5-mixer .avfv5timelinebox .clip.sel{outline:2px solid #fff4d6;outline-offset:2px;z-index:4} #panel-5-mixer .avfv5timelinebox .clip .ci{font-size:12px;flex:0 0 auto} #panel-5-mixer .avfv5timelinebox .clip .cn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #panel-5-mixer .avfv5timelinebox .clip .state{padding:1px 5px;border-radius:8px;background:rgba(0,0,0,.28);font-size:9px;line-height:15px;white-space:nowrap} #panel-5-mixer .avfv5timelinebox .clip .state.ai{background:rgba(255,255,255,.16)} #panel-5-mixer .avfv5timelinebox .clip .edit{height:19px;padding:0 6px;border:1px solid rgba(255,255,255,.36);border-radius:6px;background:rgba(0,0,0,.16);color:#fff;font:600 10px/17px inherit;cursor:pointer} #panel-5-mixer .avfv5timelinebox .clip .x{margin-left:auto;padding:0;background:transparent;color:rgba(255,255,255,.68);font-size:12px;line-height:1} #panel-5-mixer .avfv5timelinebox .clip .resize{position:absolute;right:-1px;top:3px;bottom:3px;width:7px;border-right:2px solid rgba(255,255,255,.7);cursor:ew-resize} #panel-5-mixer .avfv5timelinebox .playhead{width:2px;background:#ef6f5a;box-shadow:0 0 0 1px rgba(239,111,90,.18);z-index:6} #panel-5-mixer .avfv5timelinebox .playhead::before{border-top-color:#ef6f5a} #panel-5-mixer .avfv5timelinebox .tl-scroll::-webkit-scrollbar{height:8px} #panel-5-mixer .avfv5timelinebox .tl-scroll::-webkit-scrollbar-track{background:#0f0d0c} #panel-5-mixer .avfv5timelinebox .tl-scroll::-webkit-scrollbar-thumb{background:#40352d;border-radius:8px} /* 展开轨道时收起右下角优选悬浮层，避免遮挡最后两条轨道 */ body:has(#panel-5-mixer.active-step .avfv5timelinebox.show) #yxHello, body:has(#panel-5-mixer.active-step .avfv5timelinebox.show) #yxFab{display:none !important} @media(max-width:700px){ #panel-5-mixer .avfv5timelinebar{padding:0 12px !important} #panel-5-mixer .avfv5timelinebar .fx{max-width:48vw} #panel-5-mixer .avfv5timelinebox .avfv5tl{padding:12px 10px 14px !important;height:365px;min-height:365px} #panel-5-mixer .avfv5timelinebox{min-height:365px} #panel-5-mixer .avfv5timelinebox .tl-head>span:nth-child(2){display:none} } /* avfp5v6b:导演台内层残白抹黑 */ #panel-5-mixer.avfp5-solo .avfp5ctrl .ctrl-group, #panel-5-mixer.avfp5-solo .avfp5ctrl .ctrl-body, #panel-5-mixer.avfp5-solo .avfp5ctrl .ctrl-render, #panel-5-mixer.avfp5-solo .avfp5ctrl [class*="group"], #panel-5-mixer.avfp5-solo .avfp5ctrl [class*="head"]{background:transparent !important;border-color:rgba(255,255,255,.07) !important} #panel-5-mixer.avfp5-solo .avfp5ctrl .ctrl-group > div:first-child, #panel-5-mixer.avfp5-solo .avfp5ctrl summary, #panel-5-mixer.avfp5-solo .avfp5ctrl b,#panel-5-mixer.avfp5-solo .avfp5ctrl strong{color:rgba(255,250,242,.85) !important} #panel-5-mixer.avfp5-solo .avfp5ctrl span{color:inherit} #panel-5-mixer.avfp5-solo #autoMixStatus, #panel-5-mixer.avfp5-solo .avfp5ctrl .note-mini, #panel-5-mixer.avfp5-solo .avfp5ctrl [class*="status"]{background:#161210 !important; border-color:rgba(255,255,255,.1) !important;color:rgba(255,250,242,.45) !important} #panel-5-mixer.avfp5-solo .avfp5works .avfv6fold{margin-bottom:12px} #panel-5-mixer.avfp5-solo .avfp5ctrl details, #panel-5-mixer.avfp5-solo .avfp5ctrl [class*="drawer"]{background:rgba(255,255,255,.02) !important;border-color:rgba(255,255,255,.07) !important} #panel-5-mixer.avfp5-solo .avfp5stage .avfp5hd.onstage{justify-content:center} /* ===== avfplaybar:⑤⑥播放条 ===== */ .avfpb{display:flex;align-items:center;gap:10px;margin:10px auto 0;max-width:360px;width:100%} .avfpb button{font-size:12px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary); border-radius:15px;padding:6px 14px;cursor:pointer;font-family:inherit;white-space:nowrap} .avfpb button:hover{border-color:var(--accent-start);color:var(--accent-start)} .avfpb input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px; background:var(--border-color);outline:none;cursor:pointer} .avfpb input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px; border-radius:50%;background:var(--accent-start);border:none;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.12)} .avfpb .tm{font-size:11.5px;color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap} #panel-6-left.avfp6-solo{ --avfpb-surface:transparent;--avfpb-raised:rgba(15,13,10,.34);--avfpb-line:rgba(255,250,242,.24); --avfpb-text:rgba(255,250,242,.92);--avfpb-muted:rgba(255,250,242,.6);--avfpb-gold:#C9A45C; --avfpb-gold-strong:#E3A93C;--avfpb-gold-text:#17110A;--avfpb-success:#78BE99} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay{position:absolute;z-index:4;left:10px;right:10px;bottom:10px; display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"range range range time" "play sound download save"; width:auto;max-width:none;margin:0;padding:0;gap:8px 6px;border:0;border-radius:0; background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay button{min-width:0;min-height:44px!important;height:44px!important;padding:0 6px; border:1px solid var(--avfpb-line);border-color:var(--avfpb-line)!important;border-radius:10px;background:var(--avfpb-raised)!important;color:var(--avfpb-text)!important;font-size:12px; box-shadow:0 1px 5px rgba(0,0,0,.18);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px); transition:transform 120ms cubic-bezier(.23,1,.32,1),border-color 120ms cubic-bezier(.23,1,.32,1),color 120ms cubic-bezier(.23,1,.32,1)} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay button:hover{border-color:var(--avfpb-gold)!important;color:var(--avfpb-text)!important} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay button:active{transform:scale(.98)} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay button:focus-visible{outline:2px solid var(--avfpb-gold-strong);outline-offset:2px} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay button:disabled{cursor:not-allowed;opacity:.52;transform:none} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay [data-a="p"]{grid-area:play} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay [data-a="m"]{grid-area:sound} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay input[type=range]{grid-area:range;min-width:0;width:100%;background:var(--avfpb-line)!important} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay .tm{grid-area:time;justify-self:end;color:var(--avfpb-muted)!important;font-size:10.5px;text-shadow:none} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay #avfv3fd{grid-area:download} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay #avfv3fs{grid-area:save;background:rgba(15,13,10,.34)!important;border-color:var(--avfpb-gold)!important;color:var(--avfpb-gold)!important;font-weight:600} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay #avfv3fs:hover{background:rgba(15,13,10,.5)!important;border-color:var(--avfpb-gold-strong)!important;color:var(--avfpb-gold-strong)!important} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay #avfv3fs[data-state="saved"]{background:transparent!important;border-color:var(--avfpb-success)!important;color:var(--avfpb-success)!important;opacity:1} #panel-6-left.avfp6-solo .avfv3scr>.avfpb.avfpb-overlay #avfv3fs[hidden]{display:none!important} /* avfp5v6c:预览上移 */ #panel-5-mixer.avfp5-solo .avfp5stage{padding-top:10px !important} #panel-5-mixer.avfp5-solo .avfp5stage .avfp5hd{margin-bottom:4px !important} #panel-5-mixer.avfp5-solo .player-area{margin-top:0 !important;padding-top:0 !important} #panel-5-mixer.avfp5-solo #pvStage{margin:2px auto 0 !important} /* avfvidtop:预览画面贴顶 */ #panel-6-left.avfp6-solo #avfv3vid{object-position:50% 0 !important} #panel-5-mixer.avfp5-solo #pvStage video{object-position:50% 0 !important} /* avfp6v6c:封面条在屏上方时紧凑些 */ #panel-6-left.avfp6-solo .avfv6covers{margin:0 0 14px;text-align:left} /* avfp6v6d:发布区常驻在两栏正下方 */ #panel-6-left.avfp6-solo .avfv3pub{margin:14px 4px 0;max-width:1180px;margin-left:auto;margin-right:auto} /* avfpubmini:迷你发布条(金按钮下) */ #panel-6-left.avfp6-solo .avfv3pub{display:none !important} .avfpubmini{margin-top:13px;border:1px solid color-mix(in srgb,var(--accent-start) 34%,var(--border-color));border-radius:12px;padding:10px 12px;background:var(--bg-card)} .avfpubmini .lb{font-size:11.5px;color:var(--text-secondary);margin-bottom:8px} .avfpubmini .lb b{color:var(--accent-start);font-weight:700} .avfpubmini .rowx{display:flex;gap:7px;align-items:stretch} .avfpubmini .savedpick{position:relative;flex:1;min-width:0} .avfpubmini .savedpick-btn{width:100%;height:100%;min-height:35px;padding:8px 11px;border-radius:9px;cursor:pointer;font:600 12px/1.2 inherit; background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);text-align:left; white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .avfpubmini .savedpick-btn:hover,.avfpubmini .savedpick.open .savedpick-btn{border-color:var(--accent-start);color:var(--accent-start)} .avfpubmini .savedpick-pop{display:none;position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:80;padding:9px; border:1px solid var(--border-color);border-radius:11px;background:var(--bg-card);box-shadow:0 12px 32px var(--shadow-color)} .avfpubmini .savedpick.open .savedpick-pop{display:block} .avfpubmini .savedpick-search{box-sizing:border-box;width:100%;height:34px;padding:0 10px;border-radius:8px;font:12px inherit; color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color);outline:none} .avfpubmini .savedpick-search:focus{border-color:var(--accent-start);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.12)} .avfpubmini .savedpick-list{max-height:210px;margin-top:7px;overflow:auto} .avfpubmini .savedpick-item{--savedpick-action-size:44px;display:flex;width:100%;min-height:var(--savedpick-action-size);margin:0 0 5px;padding:0;border:1px solid transparent;border-radius:8px; background:transparent;color:var(--text-primary);align-items:stretch;transition:opacity 120ms ease-out,background 120ms ease-out,border-color 120ms ease-out} .avfpubmini .savedpick-item:hover{background:rgba(var(--accent-rgb),.09);border-color:rgba(var(--accent-rgb),.28);color:var(--accent-start)} .avfpubmini .savedpick-main{display:flex;flex:1;min-width:0;align-items:center;gap:8px;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;text-align:left;font:600 11.5px/1.35 inherit} .avfpubmini .savedpick-main:focus-visible,.avfpubmini .savedpick-delete:focus-visible{outline:2px solid var(--accent-start);outline-offset:-2px} .avfpubmini .savedpick-playmark{display:flex;flex:0 0 auto;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background:rgba(var(--accent-rgb),.14);color:var(--accent-start);font-size:10px} .avfpubmini .savedpick-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .avfpubmini .savedpick-copy small{display:block;margin-top:2px;color:var(--text-muted);font-size:10px;font-weight:400} .avfpubmini .savedpick-delete{flex:0 0 var(--savedpick-action-size);width:var(--savedpick-action-size);border:0;border-left:1px solid var(--border-color);border-radius:0 8px 8px 0;background:transparent;color:var(--text-muted);cursor:pointer;font:500 17px/1 inherit} .avfpubmini .savedpick-delete:hover{background:rgba(239,68,68,.12);color:var(--error)} .avfpubmini .savedpick-item.is-deleting{opacity:.5;pointer-events:none} .avfpubmini .savedpick-empty{padding:14px 5px;text-align:center;color:var(--text-muted);font-size:11px} .avfpubmini .pf{width:38px;border-radius:9px;border:none;cursor:pointer;font-size:12.5px;font-weight:800;color:#fff; display:flex;align-items:center;justify-content:center;font-family:inherit} .avfpubmini .pf.dy{background:#2A2D3A} .avfpubmini .pf.ks{background:#FF7E00} .avfpubmini .pf.sph{background:#07C160} .avfpubmini .pf.xhs{background:#FF2442} .avfpubmini .pf:hover{filter:brightness(1.15)} .avfpubmini .wechat-send-wrap{display:flex;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--border-color) 72%,transparent)} .avfpubmini .wechat-send{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid color-mix(in srgb,#07C160 58%,var(--border-color));border-radius:10px;background:color-mix(in srgb,#07C160 10%,var(--bg-card));color:#069B4D;cursor:pointer;font:700 12px/1 inherit;transition:background 120ms ease-out,border-color 120ms ease-out,color 120ms ease-out,transform 120ms ease-out} .avfpubmini .wechat-send svg{width:17px;height:17px;flex:0 0 auto;fill:currentColor} .avfpubmini .wechat-send:hover{border-color:#07C160;background:color-mix(in srgb,#07C160 17%,var(--bg-card));color:#07A953} .avfpubmini .wechat-send:active{transform:scale(.985)} .avfpubmini .wechat-send:focus-visible{outline:2px solid #07C160;outline-offset:2px} @media(max-width:720px){.avfpubmini .wechat-send{width:100%}} /* avftplcfg:调参入口 */ .avftplcfg{display:flex;align-items:center;gap:8px;font-size:11.5px;color:rgba(255,250,242,.45);margin:8px 0 2px;cursor:pointer} .avftplcfg b{color:#E3A93C;font-weight:700} .avftplcfg:hover b{text-decoration:underline} /* ===== avfp6real:全真化 ===== */ #panel-6-left.avfp6-solo .avfv3comp{display:none !important} #panel-5-mixer.avfp5-solo .avfp5stage .knobs{display:none !important} .avfengback{position:fixed;top:12px;right:14px;z-index:100000;font-size:13px;font-weight:700; color:#0E0C0A;background:linear-gradient(140deg,#B4791F,#E3A93C);border:none;border-radius:16px; padding:9px 18px;cursor:pointer;font-family:inherit;box-shadow:0 6px 20px rgba(0,0,0,.4);display:none} .avfengback.show{display:block} @keyframes avfflash{0%,100%{box-shadow:0 0 0 0 rgba(227,169,60,0)}50%{box-shadow:0 0 0 4px rgba(227,169,60,.55)}} .avfpubmini.flash{animation:avfflash 1s ease-in-out 3} /* avfrecipe:配方镜像。大类整行，类内两列；旧60列会把文字挤成碎片。 */ .avfrecipe{display:block} .avfrecipe-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin-bottom:8px} .avfrecipe-tabs.professional-mode{grid-template-columns:repeat(8,minmax(0,1fr))} .avfrecipe-tab{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.025); color:rgba(255,250,242,.66);padding:8px 4px;cursor:pointer;font:700 11px/1.2 inherit;text-align:center} .avfrecipe-tab small{display:block;color:rgba(255,250,242,.32);font-size:9px;margin-top:3px;font-weight:500} .avfrecipe-tab.on{border-color:rgba(227,169,60,.58);background:rgba(227,169,60,.09);color:#E3A93C} .avfrecipe-empty{border:1px dashed rgba(255,255,255,.08);border-radius:9px;padding:9px;text-align:center; color:rgba(255,250,242,.34);font-size:11px} .avfrecipe-sec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:9px 10px;background:rgba(255,255,255,.018)} .avfrecipe-sec{display:none} .avfrecipe-sec.on{display:grid} .avfrecipe-sec .sh,.avfrecipe-sec .sd{grid-column:1/-1} .avfrecipe-sec .sh{cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin:0} .avfrecipe-sec .sh::after{content:'▴';font-size:10px;color:#E3A93C} .avfrecipe-sec.collapsed .sh::after{content:'▾'} .avfrecipe-sec.collapsed .sd,.avfrecipe-sec.collapsed .avfv3grp{display:none} .avfrecipe-sec .avfv3grp{grid-column:auto!important;order:initial!important;margin-bottom:0;min-width:0} .avfrecipe-sec .avfv3grp .gl{min-height:0!important} .avfrecipe .avfv3grp:nth-child(-n+3){grid-column:span 20} .avfrecipe .avfv3grp:nth-child(n+4):nth-child(-n+7){grid-column:span 15} .avfrecipe .avfv3grp:nth-child(n+4):nth-child(-n+7) .gl{min-height:32px} .avfrecipe .avfv3grp:nth-child(n+8){grid-column:1/-1} .avfrecipe .avfv3grp:nth-child(n+8){order:6} .avfrecipe .avfv3grp[data-row="c-logo"]{grid-column:span 15;order:1} .avfrecipe .avfv3grp[data-row="c-subs"]{grid-column:span 15;order:2} .avfrecipe .avfv3grp[data-row="c-cta"]{grid-column:span 13;order:3} .avfrecipe .avfv3grp[data-row="c-sfx"]{grid-column:span 9;order:4} .avfrecipe .avfv3grp[data-row="c-denoise"]{grid-column:span 8;order:5} .avfrecipe .avfv3grp[data-row="c-logo"] .gl, .avfrecipe .avfv3grp[data-row="c-subs"] .gl, .avfrecipe .avfv3grp[data-row="c-cta"] .gl, .avfrecipe .avfv3grp[data-row="c-sfx"] .gl, .avfrecipe .avfv3grp[data-row="c-denoise"] .gl{min-height:32px} .avfrecipe .avfv3grp[data-row="c-sfx"] .gl{font-size:9.5px;letter-spacing:0} .avfrecipe .avfv3grp[data-row="c-logo"] .avfv3chips, .avfrecipe .avfv3grp[data-row="c-subs"] .avfv3chips, .avfrecipe .avfv3grp[data-row="c-cta"] .avfv3chips, .avfrecipe .avfv3grp[data-row="c-sfx"] .avfv3chips, .avfrecipe .avfv3grp[data-row="c-denoise"] .avfv3chips{flex-wrap:nowrap;gap:4px} .avfrecipe .avfv3grp[data-row="c-logo"] .avfv3chips span{padding:5px 2px;font-size:10px} .avfrecipe .avfv3grp[data-row="c-subs"] .avfv3chips span, .avfrecipe .avfv3grp[data-row="c-cta"] .avfv3chips span, .avfrecipe .avfv3grp[data-row="c-sfx"] .avfv3chips span, .avfrecipe .avfv3grp[data-row="c-denoise"] .avfv3chips span{flex:1;min-width:0;padding:5px 2px;text-align:center;font-size:10px} .avfrecipe .avfv3grp[data-row="c-subs"] .avfv3chips span{font-size:9.5px;padding-inline:0} .avfrecipe .avfv3grp:nth-child(-n+7) .avfv3chips{flex-wrap:nowrap;gap:4px} .avfrecipe .avfv3grp:nth-child(-n+7) .avfv3chips span{flex:1;min-width:0;padding:5px 4px;text-align:center} .avfrecipe .gl{font-size:12px;color:var(--text-muted);font-weight:700;letter-spacing:1px;margin-bottom:6px} .avfrecipe .avfv3chips span{font-size:12px;padding:5px 12px} /* EDIT-TEXT-CONTRAST-13B: visible Step-6 mirror, high-contrast typography. */ #panel-6-left .avfrecipe{ font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif; color:#2A2118; } #panel-6-left .avfrecipe-tab{ min-height:48px; border-color:#D3C8B6; background:#F5F0E6; color:#2A2118; padding:8px 6px; font-size:13px; font-weight:800; line-height:1.25; } #panel-6-left .avfrecipe-tab small{ color:#655C51; font-size:11px; font-weight:600; line-height:1.3; } #panel-6-left .avfrecipe-tab.on{ border-color:#B97816; background:#F4DFB2; color:#5E3905; box-shadow:inset 0 0 0 1px rgba(185,120,22,.18); } #panel-6-left .avfrecipe-empty{ border-color:#D7CCBA; background:#FBF8F1; color:#5F564C; font-size:13px; line-height:1.55; } #panel-6-left .avfrecipe-sec{ border-color:#D8CDBB; background:#FBF8F1; } #panel-6-left .avfrecipe-sec .sh{ color:#241B12; font-size:15px; font-weight:800; line-height:1.4; } #panel-6-left .avfrecipe-sec .sd{ color:#61584E; font-size:13px; font-weight:500; line-height:1.5; } #panel-6-left.avfp6-solo .avfrecipe .avfv3grp .gl, #panel-6-left.avfp6-solo .avfrecipe .avfv3grp[data-row="c-logo"] .gl, #panel-6-left.avfp6-solo .avfrecipe .avfv3grp[data-row="c-subs"] .gl, #panel-6-left.avfp6-solo .avfrecipe .avfv3grp[data-row="c-cta"] .gl, #panel-6-left.avfp6-solo .avfrecipe .avfv3grp[data-row="c-sfx"] .gl, #panel-6-left.avfp6-solo .avfrecipe .avfv3grp[data-row="c-denoise"] .gl{ color:#2A2118 !important; font-size:13px; font-weight:750; line-height:1.45; letter-spacing:.15px; } #panel-6-left.avfp6-solo .avfrecipe .avfv3grp .gl i{ color:#725B32; font-size:12px; font-weight:600; margin-left:4px; } #panel-6-left.avfp6-solo .avfrecipe .avfv3chips span, #panel-6-left.avfp6-solo .avfrecipe .avfv3grp[data-row="c-logo"] .avfv3chips span, #panel-6-left.avfp6-solo .avfrecipe .avfv3grp[data-row="c-subs"] .avfv3chips span, #panel-6-left.avfp6-solo .avfrecipe .avfv3grp[data-row="c-cta"] .avfv3chips span, #panel-6-left.avfp6-solo .avfrecipe .avfv3grp[data-row="c-sfx"] .avfv3chips span, #panel-6-left.avfp6-solo .avfrecipe .avfv3grp[data-row="c-denoise"] .avfv3chips span{ min-height:34px; border-color:#D5CAB7 !important; background:#F2ECDD !important; color:#2A2118 !important; padding:7px 8px; font-size:12px; font-weight:700; line-height:1.25; } #panel-6-left.avfp6-solo .avfrecipe .avfv3chips span.on{ border-color:#B97816 !important; background:linear-gradient(140deg,#D59A36,#E8B85B) !important; color:#21170C !important; } #panel-6-left .avfrecipe .avfv3range b{ color:#7B4C08; font-size:13px; font-weight:800; } #panel-6-left.avfp6-solo .avfv3ctrl .chd{ color:#241B12 !important; font-size:15px; font-weight:800; } #panel-6-left.avfp6-solo .avfv3ctrl .chd em, #panel-6-left.avfp6-solo .avfv3hint, #panel-6-left.avfp6-solo .avfv3gosub{ color:#61584E !important; font-size:12px; line-height:1.5; } #panel-6-left.avfp6-solo .avfv3tpl .tn{ color:#2A2118 !important; font-size:13px; font-weight:800; } #panel-6-left.avfp6-solo .avfv3tpl .td{ color:#61584E !important; font-size:11.5px; font-weight:600; } #panel-6-left.avfp6-solo .avfv3tpl.on .tn{ color:#7B4C08 !important; } #panel-6-left.avfp6-solo .avfv6fold, #panel-6-left.avfp6-solo .avfv6fold .fx{ color:#2A2118 !important; font-weight:750; } @media(max-width:860px){ .avfrecipe-tabs{grid-template-columns:repeat(7,minmax(0,1fr))} .avfrecipe-tabs.professional-mode{grid-template-columns:repeat(8,minmax(0,1fr))} .avfrecipe-sec{grid-template-columns:1fr} .avfrecipe-sec .sh,.avfrecipe-sec .sd{grid-column:1} }