/* ============ 设计令牌 · Graphite Command ============ */ :root{ --font-display:"Space Grotesk","Noto Sans SC",system-ui,sans-serif; --font-body:"Plus Jakarta Sans","Noto Sans SC",system-ui,-apple-system,sans-serif; --r:10px; --r-sm:7px; --blue:oklch(64% 0.17 258); --blue-soft:oklch(64% 0.17 258 / .14); --blue-line:oklch(64% 0.17 258 / .34); --green:oklch(76% 0.14 158); --green-soft:oklch(76% 0.14 158 / .12); --green-line:oklch(76% 0.14 158 / .34); --amber:oklch(78% 0.11 80); --amber-soft:oklch(78% 0.11 80 / .12); --amber-line:oklch(78% 0.11 80 / .32); /* 2026-09-06 补定义：主文件 37 处 var(--amber) 引用此前未定义全部静默失效，色值取主文件既有硬写值（非新增色相）；green/amber 软派生供 map/qcc 迁移用 */ --red:oklch(68% 0.16 26); --ease:cubic-bezier(.16,1,.3,1); } [data-theme="dark"]{ --canvas:oklch(17% 0.012 258); --sunken:oklch(14% 0.011 258); --surface:oklch(20.5% 0.013 258); --raised:oklch(25% 0.015 258); --line:oklch(82% 0.04 258 / .10); --line-2:oklch(82% 0.04 258 / .18); --txt:oklch(95% 0.006 258); --txt-2:oklch(73% 0.01 258); --txt-3:oklch(55% 0.012 258); --dot:oklch(82% 0.06 258 / .055); --atmos:oklch(64% 0.17 258 / .10); --shadow:0 30px 80px -50px rgba(0,0,0,.9); } [data-theme="light"]{ --canvas:oklch(96% 0.006 258); --sunken:oklch(92% 0.008 258); --surface:oklch(99% 0.004 258); --raised:oklch(100% 0 0); --line:oklch(30% 0.04 258 / .12); --line-2:oklch(30% 0.04 258 / .22); --txt:oklch(22% 0.03 258); --txt-2:oklch(42% 0.025 258); --txt-3:oklch(58% 0.02 258); --dot:oklch(30% 0.06 258 / .05); --atmos:oklch(64% 0.17 258 / .08); --shadow:0 30px 70px -45px rgba(40,55,90,.28); } *{box-sizing:border-box;margin:0;padding:0} html,body{height:100%} body{font-family:var(--font-body);background:var(--canvas);color:var(--txt); -webkit-font-smoothing:antialiased;line-height:1.5;overflow:hidden;font-size:15px} .num{font-variant-numeric:tabular-nums lining-nums} .eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--txt-3);font-weight:600} .disp{font-family:var(--font-display)} /* 科技底纹：点阵 + 顶部极淡氛围 */ .atmos{position:fixed;inset:0;z-index:0;pointer-events:none; background:radial-gradient(120% 75% at 78% -8%, var(--atmos), transparent 58%)} .gridbg{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.9; background-image:radial-gradient(circle at center, var(--dot) 1px, transparent 1.5px); background-size:27px 27px} /* ============ 外壳 ============ */ .app{position:relative;z-index:1;display:grid;grid-template-columns:236px 1fr;height:100vh} .side{display:flex;flex-direction:column;padding:26px 18px;border-right:1px solid var(--line);background:var(--sunken)} .brand{display:flex;align-items:center;gap:12px;padding:0 6px 26px} /* 2026-09-26 换品牌图：原来「蓝底 + 获字」占位，改用项目 LOGO（黑猩猩剪影 + 白底；jpg 无透明通道， 故保留图片自身白底，做成白色圆角方块，尺寸/圆角/投影与原来一致）。 */ .mono{width:36px;height:36px;border-radius:9px;flex:none;overflow:hidden;background:#fff; box-shadow:0 8px 22px -8px var(--blue)} .mono img{width:100%;height:100%;object-fit:cover;display:block} .brand .nm{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:.2px} /* 字号放大后原 .2em 字距会让 "GRAPHITE COMMAND" 折成两行，收紧字距并禁止换行 */ .brand .sub{font-size:11px;color:var(--txt-3);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;white-space:nowrap} .nav{display:flex;flex-direction:column;gap:1px;margin-top:4px} .nav .grp{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--txt-3);padding:18px 10px 7px;font-weight:600} .item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-sm); color:var(--txt-2);font-size:15px;font-weight:500;cursor:pointer;position:relative;transition:.28s var(--ease)} .item svg{width:18px;height:18px;flex:none;opacity:.65;transition:.28s} .item:hover{color:var(--txt);background:var(--surface)} .item.on{color:var(--txt);background:var(--blue-soft)} .item.on svg{opacity:1;color:var(--blue)} .item.on::before{content:"";position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:2.5px;height:18px;background:var(--blue);border-radius:0 3px 3px 0} .item .bdg{margin-left:auto;font-size:11px;font-weight:700;color:var(--blue);background:var(--blue-soft);border-radius:20px;padding:1px 7px;letter-spacing:.04em} .side-foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)} .dev{display:flex;align-items:center;gap:11px;padding:4px 6px} .dev .d{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px oklch(76% 0.14 158 / .16);flex:none} .dev .t{font-size:13px;font-weight:600} .dev .s{font-size:10.5px;color:var(--txt-3);margin-top:1px} .main{display:flex;flex-direction:column;min-width:0;height:100vh} .topbar{height:66px;flex:none;display:flex;align-items:center;gap:20px;padding:0 32px; border-bottom:1px solid var(--line);background:var(--canvas);position:sticky;top:0;z-index:5} .search{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;width:clamp(260px,24vw,480px); border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--txt-3);font-size:13px;transition:.28s} .search:focus-within{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} .search svg{width:16px;height:16px;flex:none} .search input{border:none;background:none;outline:none;color:var(--txt);font-family:inherit;font-size:13px;width:100%} .search .k{margin-left:auto;font-size:10.5px;color:var(--txt-3);border:1px solid var(--line-2);padding:2px 7px;border-radius:6px;letter-spacing:.05em} .top-r{display:flex;align-items:center;gap:14px;margin-left:auto} .pill{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--txt-2);cursor:pointer} .pill .live{width:7px;height:7px;border-radius:50%;background:var(--blue);animation:breathe 2.4s var(--ease) infinite} @keyframes breathe{0%,100%{opacity:.35}50%{opacity:1}} .pill .v{color:var(--txt);font-weight:700;font-family:var(--font-display)} .ic{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--r-sm); border:1px solid var(--line);cursor:pointer;color:var(--txt-2);transition:.28s} .ic:hover{color:var(--txt);border-color:var(--blue-line)} .ic svg{width:17px;height:17px} .av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;cursor:pointer; font-family:var(--font-display);font-weight:700;font-size:14px;color:#fff;background:var(--blue)} /* 用户菜单 */ .user{position:relative;display:flex;align-items:center} .user .av{transition:.28s var(--ease)} .user:hover .av{box-shadow:0 0 0 3px var(--blue-soft)} .usermenu{position:absolute;top:46px;right:0;width:214px;background:var(--surface);border:1px solid var(--line-2); border-radius:13px;padding:8px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-6px); transition:.22s var(--ease);z-index:40} .usermenu.show{opacity:1;visibility:visible;transform:translateY(0)} .um-head{display:flex;align-items:center;gap:11px;padding:9px 10px 12px} .um-head .av{width:38px;height:38px;flex:none} .um-name{font-size:13.5px;font-weight:600} .um-sub{font-size:11px;color:var(--txt-3);margin-top:1px} .um-sep{height:1px;background:var(--line);margin:4px 6px} .um-item{width:100%;display:flex;align-items:center;gap:11px;padding:11px 12px;border:none;background:none; color:var(--txt-2);font-family:inherit;font-size:13px;font-weight:500;border-radius:9px;cursor:pointer;transition:.2s;text-align:left} .um-item svg{width:17px;height:17px;opacity:.7;flex:none} .um-item:hover{background:var(--blue-soft);color:var(--blue)} .um-item.danger:hover{background:oklch(68% 0.16 26 / .12);color:var(--red)} /* 模态 */ .modal-overlay{position:fixed;inset:0;background:rgba(8,10,16,.55);backdrop-filter:blur(6px); display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden; transition:.25s var(--ease);padding:24px} .modal-overlay.show{opacity:1;visibility:visible} .modal-overlay:not(.show){transition:none} /* 历史预览弹层关闭时连同模糊、入场动画一起撤掉，避免 opacity 被 animation:fill both 锁在 1、图层残留导致卡顿（仅作用于该弹层，不影响其他页弹层） */ #cmPrevModal.modal-overlay:not(.show){transition:none;backdrop-filter:none;animation:none} #cmPrevModal.modal-overlay:not(.show) .modal{transition:none} .modal{width:min(720px,94vw);max-height:88vh;overflow-y:auto;background:var(--surface); border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow);padding:28px; transform:translateY(12px) scale(.985);transition:.3s var(--ease)} .modal-overlay.show .modal{transform:none} .modal::-webkit-scrollbar{width:8px} .modal::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px;border:2px solid transparent;background-clip:padding-box} .modal-h{display:flex;align-items:center;gap:12px;margin-bottom:4px} .modal-h .mt{font-family:var(--font-display);font-size:19px;font-weight:600} .modal-x{margin-left:auto;width:34px;height:34px;border-radius:9px;border:1px solid var(--line); background:none;color:var(--txt-2);cursor:pointer;display:grid;place-items:center;transition:.2s} .modal-x:hover{color:var(--txt);border-color:var(--blue-line)} .modal-x svg{width:16px;height:16px} .credits-big{display:flex;align-items:baseline;gap:9px;margin:16px 0 4px} .credits-big .num{font-family:var(--font-display);font-size:clamp(34px,5vw,48px);font-weight:600;color:var(--blue);line-height:1} .credits-big .u{font-size:13px;color:var(--txt-3)} .credits-sub{font-size:12.5px;color:var(--txt-3);margin-bottom:20px} .pkg-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px} .pkg{border:1px solid var(--line-2);border-radius:13px;padding:18px;transition:.25s var(--ease);cursor:pointer} .pkg.on{border-color:var(--blue-line);background:var(--blue-soft)} .pkg .pn{font-family:var(--font-display);font-size:15px;font-weight:600} .pkg .pp{font-family:var(--font-display);font-size:24px;font-weight:700;margin:10px 0 2px} .pkg .pp .u{font-size:12px;color:var(--txt-3);font-family:var(--font-body);font-weight:500;margin-left:3px} .pkg .pd{font-size:11.5px;color:var(--txt-3);line-height:1.5} .btn-primary{width:100%;background:var(--blue);color:#fff;border:none;border-radius:11px;padding:13px; font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:.25s var(--ease);box-shadow:0 8px 20px -8px var(--blue)} .btn-primary:hover{transform:translateY(-1px)} .btn-ghost{width:100%;background:none;border:1px solid var(--line-2);color:var(--txt-2);border-radius:11px; padding:12px;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:.2s} .btn-ghost:hover{border-color:var(--blue-line);color:var(--blue)} .confirm-ic{width:52px;height:52px;border-radius:14px;background:var(--blue-soft);color:var(--blue); display:grid;place-items:center;margin-bottom:16px} .confirm-ic svg{width:26px;height:26px} .modal-p{font-size:13px;color:var(--txt-2);line-height:1.6;margin-bottom:24px} .modal-actions{display:flex;gap:12px} .modal-actions>*{flex:1} .btn-danger{width:100%;background:#e5484d;color:#fff;border:none;border-radius:11px;padding:13px; font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:.25s var(--ease);box-shadow:0 8px 20px -8px #e5484d} .btn-danger:hover{transform:translateY(-1px);background:#d83a3f} .confirm-ic.warn{background:rgba(229,72,77,.12);color:#e5484d} /* 登录页（退出后概念稿） */ .login{position:fixed;inset:0;z-index:200;background:var(--canvas);display:none;flex-direction:column; align-items:center;justify-content:center;gap:26px} .login.show{display:flex} .login .lk{width:60px;height:60px;border-radius:16px;background:var(--blue);color:#fff;display:grid;place-items:center; font-family:var(--font-display);font-weight:700;font-size:26px;box-shadow:0 12px 30px -10px var(--blue)} .login .lt{font-family:var(--font-display);font-size:22px;font-weight:600;text-align:center} .login .ls{font-size:13px;color:var(--txt-3);text-align:center;margin-top:-18px} .login-form{width:min(340px,90vw);display:flex;flex-direction:column;gap:12px} .login-form .input{background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm); color:var(--txt);font-family:inherit;font-size:14px;padding:13px 14px;outline:none;transition:.28s} .login-form .input:focus{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} .login-out{font-size:12px;color:var(--txt-3);text-align:center;margin-top:2px} /* 右上角充值按钮 */ .recharge-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 15px;border-radius:var(--r-sm); border:1px solid var(--blue-line);background:var(--blue-soft);color:var(--blue);cursor:pointer; font-family:inherit;font-size:13px;font-weight:700;transition:.28s var(--ease)} .recharge-btn:hover{background:var(--blue);color:#fff;box-shadow:0 6px 16px -8px var(--blue)} .recharge-btn svg{width:15px;height:15px} /* 积分明细（消耗明细单） */ .cr-summary{display:flex;gap:12px;margin:16px 0 18px} .cr-card{flex:1;border:1px solid var(--line-2);border-radius:13px;padding:14px 15px;background:var(--sunken)} .cr-card .l{font-size:11.5px;color:var(--txt-3);font-weight:500} .cr-card .n{font-family:var(--font-display);font-size:clamp(20px,3vw,24px);font-weight:700;margin-top:6px;color:var(--txt);line-height:1} .cr-card .n.blue{color:var(--blue)} .cr-tabs{display:flex;gap:6px;margin-bottom:6px} .cr-tab{border:1px solid var(--line-2);background:none;color:var(--txt-2);border-radius:999px; padding:6px 15px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:.2s} .cr-tab.on{background:var(--blue-soft);color:var(--blue);border-color:var(--blue-line)} .cr-list{display:flex;flex-direction:column} .cr-row{display:flex;align-items:center;gap:14px;padding:13px 2px;border-bottom:1px solid var(--line)} .cr-row:last-child{border-bottom:none} .cr-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none; background:var(--sunken);color:var(--txt-2);border:1px solid var(--line-2)} .cr-ic svg{width:18px;height:18px} .cr-ic.in{color:var(--blue);background:var(--blue-soft);border-color:var(--blue-line)} .cr-main{flex:1;min-width:0} .cr-title{font-size:13.5px;font-weight:600;color:var(--txt)} .cr-sub{font-size:11.5px;color:var(--txt-3);margin-top:2px} .cr-amt{font-family:var(--font-display);font-size:15px;font-weight:700;white-space:nowrap} .cr-amt.minus{color:var(--red)} .cr-amt.plus{color:var(--blue)} /* 充值弹窗 */ .rc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 22px} .rc{position:relative;background:transparent;border:1px solid var(--line-2);border-radius:14px;padding:18px 16px;cursor:pointer;transition:.25s var(--ease)} .rc:hover{border-color:var(--blue-line)} .rc.on{border-color:var(--blue-line);background:var(--blue-soft)} .rc .rp{font-family:var(--font-display);font-size:23px;font-weight:700;color:var(--txt)} .rc .rp .cur{font-size:14px;font-weight:600;opacity:.6;margin-right:1px} .rc .rcr{font-size:13px;color:var(--txt-2);margin-top:9px} .rc .rcr b{color:var(--txt);font-family:var(--font-display);font-size:15px} .rc .hint{font-size:11px;color:var(--txt-3);margin-top:4px} .rc .bonus{position:absolute;top:-10px;right:12px;background:var(--blue);color:#fff;font-size:10.5px; font-weight:700;padding:3px 9px;border-radius:999px;box-shadow:0 4px 10px -4px var(--blue)} /* 个人设置 */ .settings{display:grid;grid-template-columns:212px 1fr;gap:26px} .st-av{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center} .st-avbig{background-size:cover;background-position:center;width:92px;height:92px;border-radius:26px;display:grid;place-items:center; font-family:var(--font-display);font-weight:700;font-size:34px;color:#fff;background:var(--blue); box-shadow:0 14px 32px -12px var(--blue)} .st-avbtn{border:1px solid var(--line-2);background:none;color:var(--blue);border-radius:10px; padding:8px 18px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:.2s} .st-avbtn:hover{border-color:var(--blue-line);background:var(--blue-soft)} .st-avhint{font-size:11px;color:var(--txt-3);max-width:170px;line-height:1.55} .av-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:6px;width:100%} .av-opt{background-size:cover;background-position:center;aspect-ratio:1;border-radius:15px;display:grid;place-items:center;cursor:pointer; font-family:var(--font-display);font-weight:700;font-size:22px;color:#fff;transition:.2s var(--ease);border:2px solid transparent;background-origin:border-box} /* 2026-10-13 波哥：图片按含边框区算 cover，铺满整块（原先四周露 2px 缝，看着没充满） */ .av-opt:hover{transform:translateY(-2px)} .av-opt.on{border-color:var(--txt);transform:scale(1.05)} .av-picker-label{font-size:12px;color:var(--txt-3);font-weight:600;margin-top:4px} .frm{display:flex;flex-direction:column;gap:14px} .fld{display:flex;flex-direction:column;gap:6px} .fld label{font-size:12px;color:var(--txt-3);font-weight:600} .fld .input{font-size:13.5px;padding:11px 13px} .st-save{margin-top:4px} .scroll{overflow-y:auto;flex:1;padding:clamp(16px,2.4vh,34px) 38px 32px} .scroll::-webkit-scrollbar{width:9px} .scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px;border:2px solid transparent;background-clip:padding-box} .page{display:none;animation:fade .6s var(--ease)} .page.on{display:block} /* 切页只淡入、不上浮：上浮会让页面在入场期间成为新的定位参照物，使靠「挪出屏外」隐藏的抽屉撑出横向滚动条 */ @keyframes fade{from{opacity:0}to{opacity:1}} @keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} .sec{display:flex;align-items:baseline;gap:14px;margin-bottom:18px} .sec .rule{width:22px;height:2px;background:var(--blue)} .sec h2{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:.2px} .sec .meta{margin-left:auto;font-size:12px;color:var(--txt-3)} .hero{margin-bottom:28px} .hero .eyebrow{display:block;margin-bottom:10px} .hero h1{font-family:var(--font-display);font-size:clamp(22px,2.8vw,32px);font-weight:600; line-height:1.1;letter-spacing:-.5px} .hero h1 .ac{color:var(--blue)} .hero .sub{margin-top:10px;font-size:13px;color:var(--txt-2);max-width:62ch} .seg{display:inline-flex;gap:0;margin-top:22px;border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden} .seg button{border:none;background:none;color:var(--txt-3);font-family:inherit;font-size:12.5px; font-weight:600;padding:8px 18px;cursor:pointer;position:relative;transition:.28s;letter-spacing:.04em} .seg button.on{color:#fff;background:var(--blue)} .seg button:not(.on):hover{color:var(--txt)} /* 账本式指标带 */ .ledger{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;margin-bottom:46px;background:var(--surface)} .ledger .col{padding:22px 26px;border-left:1px solid var(--line);position:relative} .ledger .col:first-child{border-left:none;padding-left:24px} .ledger .col.prime{background:linear-gradient(180deg,var(--blue-soft),transparent 70%)} .ledger .col.prime::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--blue)} .ledger .lab{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);font-weight:600} .ledger .val{font-family:var(--font-display);font-size:clamp(30px,3vw,42px);font-weight:600; margin-top:12px;line-height:1;letter-spacing:-1px} .ledger .col.prime .val{color:var(--blue)} .ledger .val .u{font-size:14px;color:var(--txt-3);font-family:var(--font-body);font-weight:500;margin-left:4px} .ledger .delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:11px} .ledger .delta.up{color:var(--green)} .ledger .delta.down{color:var(--red)} .ledger .delta svg{width:12px;height:12px} .grid-main{display:grid;grid-template-columns:1.7fr 1fr;gap:46px;align-items:start} .panel{} .chart{margin-top:6px} .chart svg{width:100%;height:240px;display:block} .chart .ax{display:flex;justify-content:space-between;margin-top:14px;font-size:10.5px;letter-spacing:.1em;color:var(--txt-3);text-transform:uppercase} .plat{margin-top:4px} .plat .row{display:grid;grid-template-columns:54px 1fr 44px;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)} .plat .row:last-child{border-bottom:none} .plat .nm{font-size:13px;color:var(--txt-2);font-weight:500} .plat .track{height:4px;background:var(--surface);border-radius:4px;overflow:hidden} .plat .track i{display:block;height:100%;background:var(--blue)} .plat .pc{font-family:var(--font-display);font-size:16px;text-align:right;font-weight:600} .list .li{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)} .list .li:last-child{border-bottom:none} .list .ic2{width:32px;height:32px;border-radius:8px;background:var(--surface);display:grid;place-items:center;flex:none;border:1px solid var(--line)} .list .ic2 svg{width:16px;height:16px;color:var(--txt-2)} .list .nm{font-size:13.5px;font-weight:600} .list .st{font-size:11.5px;color:var(--txt-3);margin-top:2px} .list .tag{margin-left:auto;font-size:10.5px;font-weight:600;letter-spacing:.04em;padding:3px 10px;border-radius:20px} .tag.run{color:var(--blue);border:1px solid var(--blue-line);background:var(--blue-soft)} .tag.on{color:var(--green);border:1px solid oklch(76% 0.14 158 / .3)} .tag.chg{color:var(--txt-3);border:1px solid var(--line-2)} .quote{border-left:2px solid var(--blue);padding:4px 0 4px 22px;margin-top:4px} .quote .q{font-family:var(--font-display);font-size:15.5px;line-height:1.65;color:var(--txt);font-weight:400} .quote .q b{color:var(--blue);font-weight:600} .quote .by{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);margin-top:14px} .two{display:grid;grid-template-columns:1fr 1fr;gap:46px;margin-top:52px;align-items:start} .stamp{display:inline-flex;align-items:center;gap:7px;margin-top:40px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3)} .stamp svg{width:12px;height:12px} /* ============ 领航员 ============ */ .cmd{display:grid;grid-template-columns:260px 1fr 300px;gap:40px;align-items:start;margin-top:8px} .modes .m{display:flex;gap:14px;padding:16px 14px;border:1px solid var(--line);border-radius:var(--r); margin-bottom:10px;cursor:pointer;transition:.28s var(--ease)} .modes .m:first-child{padding-top:16px} .modes .m .mk{width:30px;height:30px;border-radius:8px;border:1px solid var(--line-2);display:grid;place-items:center;flex:none;color:var(--txt-2);transition:.28s} .modes .m .mk svg{width:16px;height:16px} .modes .m .mt{font-size:14px;font-weight:600;font-family:var(--font-display)} .modes .m .md{font-size:11.5px;color:var(--txt-3);margin-top:3px;line-height:1.5} .modes .m.on{border-color:var(--blue-line);background:var(--blue-soft)} .modes .m.on .mk{border-color:var(--blue);color:var(--blue);background:oklch(64% 0.17 258 / .12)} .modes .m.on .mt{color:var(--blue)} .conv{padding-top:4px} .conv .head{display:flex;align-items:center;gap:10px;margin-bottom:26px} .conv .head .pulse{width:8px;height:8px;border-radius:50%;background:var(--blue);animation:breathe 2.4s var(--ease) infinite} .conv .head .t{font-family:var(--font-display);font-size:17px;font-weight:600} .conv .head .s{font-size:11.5px;color:var(--txt-3);margin-top:2px} .msg{display:flex;gap:14px;margin-bottom:24px} .msg .a{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;border:1px solid var(--line)} .msg.ai .a{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} .msg.user .a{color:var(--txt-2)} .msg .a svg{width:15px;height:15px} .msg .b{font-size:14px;line-height:1.65;max-width:58ch;padding-top:3px} .msg.ai .b b{color:var(--blue);font-weight:600} .msg.user{justify-content:flex-end} .msg.user .wrap{display:flex;gap:14px;flex-direction:row-reverse;align-items:flex-start} .msg.user .b{color:var(--txt-2);text-align:right} .plan{border-left:1px solid var(--line);margin:6px 0 0 14px;padding-left:22px} .plan .ps{position:relative;padding:0 0 18px 0} .plan .ps:last-child{padding-bottom:0} .plan .ps .n{position:absolute;left:-35px;top:0;width:22px;height:22px;border-radius:50%; background:var(--canvas);border:1px solid var(--blue-line);display:grid;place-items:center; font-family:var(--font-display);font-size:11px;color:var(--blue);font-weight:600} .plan .ps.todo .n{border-color:var(--line-2);color:var(--txt-3)} .plan .ps .pt{font-size:13px;color:var(--txt-2)} .plan .ps .pt b{color:var(--txt);font-weight:600} .plan .ps .pm{font-size:11px;color:var(--txt-3);margin-top:2px;letter-spacing:.04em} .composer{margin-top:30px;display:flex;align-items:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:22px} .composer textarea{flex:1;border:none;background:none;outline:none;color:var(--txt);font-family:inherit;font-size:14px;resize:none;height:24px;line-height:1.5} .composer textarea::placeholder{color:var(--txt-3)} .send{width:40px;height:40px;border-radius:10px;background:var(--blue);border:none;cursor:pointer;display:grid;place-items:center;color:#fff;flex:none;transition:.28s var(--ease);box-shadow:0 8px 20px -8px var(--blue)} .send:hover{transform:translateY(-2px)} .send svg{width:17px;height:17px} .wiz .ws{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)} .wiz .ws:last-child{border-bottom:none} .wiz .ws .n{width:25px;height:25px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-size:12px;font-weight:600;background:var(--blue);color:#fff} .wiz .ws.todo .n{background:var(--surface);border:1px solid var(--line-2);color:var(--txt-3)} .wiz .ws .wt{font-size:13px;font-weight:600} .wiz .ws .wd{font-size:11.5px;color:var(--txt-3);margin-top:2px} .live .ev{font-size:12px;color:var(--txt-2);padding:11px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:baseline} .live .ev:last-child{border-bottom:none} .live .ev .d{width:5px;height:5px;border-radius:50%;background:var(--blue);flex:none;margin-top:6px} .live .ev .tm{margin-left:auto;color:var(--txt-3);font-size:10.5px;flex:none} /* ============ 浅/深色切换按钮 ============ */ .theme-toggle{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:var(--r-sm); border:1px solid var(--line-2);background:var(--surface);color:var(--txt-2);cursor:pointer;font-family:inherit; font-size:12.5px;font-weight:600;transition:.28s var(--ease)} .theme-toggle:hover{color:var(--txt);border-color:var(--blue-line)} .theme-toggle svg{width:17px;height:17px;color:var(--blue)} /* ============ AI 视频中心 ============ */ .vc{display:grid;grid-template-columns:196px minmax(0,1fr) 400px;gap:22px;align-items:start;margin-top:8px} .vc-nav{display:flex;flex-direction:column;gap:7px} .vc-b{display:flex;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;transition:.28s var(--ease)} .vc-b:hover{background:var(--surface)} .vc-b.on{border-color:var(--blue-line);background:var(--blue-soft)} .vc-b .bic{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--surface);border:1px solid var(--line-2);color:var(--txt-2);transition:.28s} .vc-b.on .bic{background:var(--blue);border-color:var(--blue);color:#fff} .vc-b .bic svg{width:18px;height:18px} .vc-b .bt{font-size:13.5px;font-weight:600;font-family:var(--font-display)} .vc-b .bd{font-size:11px;color:var(--txt-3);margin-top:2px} /* 中栏制作卡 */ .vc-mid{display:flex;flex-direction:column;gap:20px;min-width:0} .vc-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)} .vc-head{display:flex;align-items:center;gap:12px;margin-bottom:20px} .vc-head .bic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff} .vc-head .bic svg{width:20px;height:20px} .vc-head .nm{font-family:var(--font-display);font-size:15px;font-weight:600} .vc-head .ds{font-size:11.5px;color:var(--txt-3);margin-top:1px} .vc-badge{margin-left:auto;font-size:10px;letter-spacing:.06em;color:var(--blue);border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:20px;padding:3px 10px;font-weight:600} .vc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px} .vc-tab{border:1px solid var(--line-2);border-radius:99px;padding:6px 13px;font-size:12px;cursor:pointer;color:var(--txt-2);background:var(--sunken);font-family:inherit;font-weight:500;transition:.28s} .vc-tab:hover{color:var(--txt)} .vc-tab.on{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} /* ── 文案大师（data-board=copy）专属升级 · 作用域 #page-video，原封不动对齐原型 aihuoke-video-copy-v2.html ── */ @keyframes cmRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} /* 面板内基础类对齐原型（仅 copy 面板，不影响其他板块） */ #page-video .vc-panel[data-board="copy"] .vc-card{padding:18px} #page-video .vc-panel[data-board="copy"] .vc-head{margin-bottom:15px} #page-video .vc-panel[data-board="copy"] .vc-tabs{gap:7px;margin-bottom:15px} #page-video .vc-panel[data-board="copy"] .vc-tab{padding:6px 13px;font-size:12px} #page-video .vc-panel[data-board="copy"] .vc-foot{margin-top:16px;padding-top:13px;border-top:1px solid var(--line);flex-wrap:wrap} #page-video .vc-panel[data-board="copy"] .vc-badge{display:none} /* 原型文案大师无徽章 */ #page-video .vc-panel[data-board="copy"] .vc-tab-sep{width:1px;height:20px;background:var(--line);margin:0 5px;align-self:center;flex:none} #page-video .vc-panel[data-board="copy"] .btn-ghost{border:1px solid var(--line-2);background:var(--surface);color:var(--txt-2);border-radius:99px;padding:7px 15px;font-size:13px;cursor:pointer;font-family:inherit;transition:.28s;width:auto} #page-video .vc-panel[data-board="copy"] .btn-ghost:hover{border-color:var(--blue);color:var(--blue)} #page-video .vc-panel[data-board="copy"] .btn-ghost.sm{padding:8px 14px;font-size:12px} #page-video .vc-panel[data-board="copy"] .btn-ai.sm{padding:8px 14px;font-size:12px} #page-video .vc-panel[data-board="copy"] .input.sm{height:34px;padding:6px 10px;font-size:12px} /* 关联项目：醒目蓝色卡片（含选题胶囊，与原型一致） */ #page-video .vc-projcard{margin-bottom:13px;border:1px solid var(--blue-line);background:linear-gradient(180deg,oklch(64% 0.17 258 / .07),var(--surface) 72%);border-radius:14px;padding:16px 18px;box-shadow:0 0 0 3px oklch(64% 0.17 258 / .06)} #page-video .vc-projcard .vp-head{display:flex;align-items:center;gap:11px;margin-bottom:14px} #page-video .vc-projcard .vp-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff} #page-video .vc-projcard .vp-ic svg{width:18px;height:18px} #page-video .vc-projcard .vp-t{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--txt);line-height:1.1} #page-video .vc-projcard .vp-s{font-size:11px;color:var(--txt-2);margin-top:2px} #page-video .vc-portrait{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--blue-line)} #page-video .vc-projcard .pp{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--txt-2);background:oklch(64% 0.17 258 / .10);border:1px solid var(--blue-line);border-radius:99px;padding:5px 12px} #page-video .vc-projcard .pp b{color:var(--blue);font-weight:600} #page-video .vc-projcard.none .vc-portrait{display:none} #page-video .vc-project{display:flex;gap:10px} #page-video .vc-project .input{flex:1;min-width:0} /* 选题胶囊：实心语义色（仅 copy 面板，不改动全局 .vc-chip） */ #page-video .vc-panel[data-board="copy"] .vc-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px} #page-video .vc-panel[data-board="copy"] .vc-hint-empty{color:var(--txt-3);font-size:13px} #page-video .vc-panel[data-board="copy"] .vc-chip{border:1px solid transparent;background:var(--blue);color:#fff;border-radius:99px;padding:5px 11px;font-size:11px;cursor:pointer;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:filter .28s;display:inline-flex;align-items:center;box-shadow:0 1px 4px oklch(64% 0.17 258 / .18)} #page-video .vc-panel[data-board="copy"] .vc-chip:hover{filter:brightness(1.1)} #page-video .vc-panel[data-board="copy"] .vc-chip .ctag{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.03em;padding:1px 6px;border-radius:5px;margin-right:6px;flex:none;background:rgba(255,255,255,.92);color:var(--blue)} #page-video .vc-panel[data-board="copy"] .vc-chip .ctxt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video .vc-panel[data-board="copy"] .vc-chip.kind-win{background:var(--green);box-shadow:0 2px 8px oklch(76% 0.14 158 / .26)} #page-video .vc-panel[data-board="copy"] .vc-chip.kind-win .ctag{color:var(--green)} #page-video .vc-panel[data-board="copy"] .vc-chip.kind-hot{background:var(--red);box-shadow:0 2px 8px oklch(68% 0.16 26 / .26)} #page-video .vc-panel[data-board="copy"] .vc-chip.kind-hot .ctag{color:var(--red)} #page-video .vc-panel[data-board="copy"] .vc-chip.sel{outline:2px solid #fff;outline-offset:0} /* 篇幅控件 */ #page-video .vc-len{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--txt-2)} #page-video .vc-len select,#page-video .vc-len input{font-family:inherit} #page-video .len-custom{width:108px} #page-video .len-custom::-webkit-outer-spin-button,#page-video .len-custom::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} #page-video .len-custom{-moz-appearance:textfield} /* 仿写模式 */ #page-video .vc-rewrite{display:none} #page-video .vc-rewrite.on{display:block} #page-video .rw-head{margin-bottom:14px} #page-video .rw-title{font-size:16px;font-weight:700;color:var(--txt)} #page-video .rw-sub{font-size:13px;color:var(--txt-3);margin-top:3px} #page-video .rw-link{display:flex;gap:10px} #page-video .rw-link .input{flex:1;min-width:0} #page-video .rw-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:4px} #page-video .rw-col{display:flex;flex-direction:column} #page-video .rw-col-h{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-3);font-weight:600;margin-bottom:7px} #page-video .rw-box{border:1px solid var(--line);background:var(--sunken);border-radius:10px;padding:14px;font-size:13px;line-height:1.7;color:var(--txt-2);min-height:200px;width:100%;resize:vertical;font-family:inherit;box-sizing:border-box;display:block;outline:none} #page-video .rw-box:focus{border-color:var(--blue-line)} #page-video .rw-ph{color:var(--txt-3)} #page-video .rw-result{color:var(--txt);white-space:normal} #page-video .rw-foot{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:14px;flex-wrap:wrap} #page-video .rw-acts{display:flex;align-items:center;gap:10px;margin-top:12px} #page-video .rw-acts .btn-ghost:disabled{opacity:.45;cursor:not-allowed} /* 生成后内嵌预览（与居中弹层共用样式） */ #page-video .vc-preview{margin-top:18px;animation:cmRise .5s var(--ease) both} #cmPrevModal{animation:cmRise .5s var(--ease) both} /* 预览内部：pcard / phead / wase / view-toggle / 分镜表 / 合规 / 快捷改写 / 复制（内嵌与弹层共用；2026-09-02 起单版成稿，无版本 tab） */ #page-video .vc-preview .pcard,#cmPrevModal .pcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)} #page-video .vc-preview .phead,#cmPrevModal .phead{display:flex;align-items:center;gap:12px;margin-bottom:18px} #page-video .vc-preview .phead .bic,#cmPrevModal .phead .bic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--green);color:#fff} #page-video .vc-preview .phead .bic svg,#cmPrevModal .phead .bic svg{width:20px;height:20px} #page-video .vc-preview .phead .nm,#cmPrevModal .phead .nm{font-family:var(--font-display);font-size:16px;font-weight:600} #page-video .vc-preview .phead .ds,#cmPrevModal .phead .ds{font-size:12px;color:var(--txt-3);margin-top:1px} #page-video .vc-preview .pbadge,#cmPrevModal .pbadge{margin-left:auto;font-size:10.5px;letter-spacing:.06em;color:var(--green);border:1px solid oklch(76% 0.14 158/.34);background:oklch(76% 0.14 158/.14);border-radius:20px;padding:3px 10px;font-weight:600} #page-video .vc-preview .wase,#cmPrevModal .wase{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;color:var(--txt-3)} #page-video .vc-preview .wase .bar,#cmPrevModal .wase .bar{height:6px;flex:1;background:var(--sunken);border-radius:99px;overflow:hidden} #page-video .vc-preview .wase .bar i,#cmPrevModal .wase .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:99px} #page-video .vc-preview .wase .num,#cmPrevModal .wase .num{font-family:var(--font-display);font-weight:600;color:var(--txt);font-size:13px;min-width:74px;text-align:right} #page-video .vc-preview .view-toggle,#cmPrevModal .view-toggle{display:inline-flex;border:1px solid var(--line-2);border-radius:99px;padding:3px;gap:3px;margin-bottom:12px} #page-video .vc-preview .view-toggle button,#cmPrevModal .view-toggle button{border:none;background:none;color:var(--txt-2);font-family:inherit;font-size:12px;padding:5px 13px;border-radius:99px;cursor:pointer;transition:.28s} #page-video .vc-preview .view-toggle button.on,#cmPrevModal .view-toggle button.on{background:var(--blue);color:#fff} #page-video .vc-preview .pre,#cmPrevModal .pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:15px;line-height:1.8;color:var(--txt);background:var(--sunken);border:1px solid var(--line);border-radius:7px;padding:16px;max-height:340px;overflow-y:auto} #page-video .vc-preview .jinju,#cmPrevModal .jinju{background:var(--blue-soft);color:var(--blue);border-radius:5px;padding:1px 5px;font-weight:600;box-shadow:inset 0 0 0 1px var(--blue-line)} #page-video .vc-preview .shot-table,#cmPrevModal .shot-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:4px} #page-video .vc-preview .shot-table th,#cmPrevModal .shot-table th{text-align:left;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line)} #page-video .vc-preview .shot-table td,#cmPrevModal .shot-table td{padding:10px;border-bottom:1px solid var(--line);color:var(--txt-2);vertical-align:top;line-height:1.55} #page-video .vc-preview .shot-table td:first-child,#cmPrevModal .shot-table td:first-child{color:var(--txt-3);font-family:var(--font-display);font-weight:600;width:50px} #page-video .vc-preview .shot-table tr:last-child td,#cmPrevModal .shot-table tr:last-child td{border-bottom:none} #page-video .vc-preview .censor,#cmPrevModal .censor{display:none!important;margin-top:14px;padding:14px;border:1px solid var(--blue-line);background:oklch(64% 0.17 258 / .07);border-radius:7px} #page-video .vc-preview .censor-h,#cmPrevModal .censor-h{font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--blue);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:6px} #page-video .vc-preview .censor-row,#cmPrevModal .censor-row{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5} #page-video .vc-preview .censor-row:last-child,#cmPrevModal .censor-row:last-child{border-bottom:none} #page-video .vc-preview .censor-row .cw,#cmPrevModal .censor-row .cw{color:var(--red);font-weight:600;flex:none} #page-video .vc-preview .censor-row .cs,#cmPrevModal .censor-row .cs{color:var(--txt-2)} #page-video .vc-preview .censor-row .cs b,#cmPrevModal .censor-row .cs b{color:var(--green);font-weight:600} #page-video .vc-preview .rw,#cmPrevModal .rw{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px} #page-video .vc-preview .rw .lab,#cmPrevModal .rw .lab{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);font-weight:600;margin-right:4px} #page-video .vc-preview .rw-btn,#cmPrevModal .rw-btn{border:1px solid var(--line-2);background:var(--sunken);color:var(--txt);border-radius:99px;padding:5px 12px;font-size:12px;cursor:pointer;font-family:inherit;transition:.28s} #page-video .vc-preview .rw-btn:hover,#cmPrevModal .rw-btn:hover{border-color:var(--blue);color:var(--blue)} #page-video .vc-preview .rw-sep,#cmPrevModal .rw-sep{height:1px;background:var(--line);margin:18px 0 16px} #page-video .vc-preview .copy-btn,#cmPrevModal .copy-btn{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;border:none;border-radius:7px;padding:11px 20px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px -8px var(--blue);transition:.28s} #page-video .vc-preview .copy-btn:hover,#cmPrevModal .copy-btn:hover{transform:translateY(-2px)} /* 历史卡「预览」按钮（仅 copy 板块，不影响其他板块的发布/下载按钮） */ /* copy 板块工作历史：卡片形式，对齐原型 .h-card（仅作用于 copy 板块，不影响其余 4 板块的 .h-item） */ #page-video .vc-hist-list[data-board="copy"] .h-card{background:var(--sunken);border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:12px;transition:.28s var(--ease);position:relative} #page-video .vc-hist-list[data-board="copy"] .h-card:last-child{margin-bottom:0} #page-video .vc-hist-list[data-board="copy"] .h-card:hover{border-color:var(--blue-line);background:var(--surface)} #page-video .vc-hist-list[data-board="copy"] .h-card .hc-top{display:flex;align-items:center;gap:9px;margin-bottom:7px} #page-video .vc-hist-list[data-board="copy"] .hc-ic{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)} #page-video .vc-hist-list[data-board="copy"] .hc-ic svg{width:16px;height:16px} #page-video .vc-hist-list[data-board="copy"] .hc-title{font-size:12.5px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video .vc-hist-list[data-board="copy"] .hc-status{font-size:9.5px;font-weight:600;padding:2px 8px;border-radius:99px;flex:none;letter-spacing:.02em;white-space:nowrap} #page-video .vc-hist-list[data-board="copy"] .hc-status.done{color:var(--green);background:oklch(76% 0.14 158/.14);border:1px solid oklch(76% 0.14 158/.34)} #page-video .vc-hist-list[data-board="copy"] .hc-status.pub{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line)} #page-video .vc-hist-list[data-board="copy"] .hc-status.draft{color:var(--txt-3);background:var(--surface);border:1px solid var(--line-2)} #page-video .vc-hist-list[data-board="copy"] .hc-meta{font-size:10px;color:var(--txt-3);margin-bottom:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center} #page-video .vc-hist-list[data-board="copy"] .hc-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--txt-3);opacity:.6} #page-video .vc-hist-list[data-board="copy"] .hc-prev{font-size:11px;color:var(--txt-2);line-height:1.5;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:8px 10px;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #page-video .vc-hist-list[data-board="copy"] .h-card:hover .hc-prev{background:var(--sunken)} #page-video .vc-hist-list[data-board="copy"] .hc-tags{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap} #page-video .vc-hist-list[data-board="copy"] .h-tag{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:600;padding:1px 7px;border-radius:99px;border:1px solid var(--line-2);color:var(--txt-3)} #page-video .vc-hist-list[data-board="copy"] .h-tag.jj{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-hist-list[data-board="copy"] .h-tag.pl{color:var(--txt-2);border-color:var(--line-2);background:var(--surface)} #page-video .vc-hist-list[data-board="copy"] .hc-acts{display:flex;gap:6px} /* —— 对齐小样 aihuoke-video-copy-v2.html：历史卡片 / 胶囊 / 输入框 / 下拉 / 滚动条 / 删除弹窗 尺寸字号统一（全部作用域限定，不影响其他页面与其他 4 板块）—— */ #page-video .vc-b .bt{font-size:16px} #page-video .vc-b .bd{font-size:12px} #page-video .vc-b{border-radius:14px} #page-video .vc-hist-list[data-board="copy"] .hc-title{font-size:13px} #page-video .vc-hist-list[data-board="copy"] .hc-meta{font-size:12px} #page-video .vc-hist-list[data-board="copy"] .hc-prev{font-size:12px} #page-video .vc-hist-list[data-board="copy"] .hc-status{font-size:10.5px} #page-video .vc-hist-list[data-board="copy"] .h-tag{font-size:10.5px} #page-video .vc-hist-list[data-board="copy"] .h-btn{font-size:12px;padding:4px 11px} #page-video #cmBrief{min-height:56px} #page-video .vc-len select{width:auto;flex:none;min-width:147px} #page-video .vc-hist{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent} #page-video .vc-hist::-webkit-scrollbar{width:7px} #page-video .vc-hist::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} /* 统一删除确认弹窗：文案大师 / 项目中心(删项目·删素材) 同款（标题+副标题+红色警示+取消/确认，左对齐） */ .del2 .modal{border-top:none;max-width:420px} .del2 .modal-h{margin-bottom:4px} .del2 .modal-body{margin-top:16px} .del2 .del-ic{display:none} .del2 .del-title{display:none} .del2 .modal-sub{margin:3px 0 0} .del2 .del-msg{font-size:14px;color:var(--txt-2);line-height:1.7;margin-top:6px} .del2 .del-warn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12px;color:var(--red);text-align:left} .del2 .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px} .del2 .modal-actions .btn-ghost,.del2 .modal-actions .btn-danger{width:auto;flex:none;padding:9px 18px} /* 轻提示 toast（原型用全局 .toast，主文件无，故新增作用域版） */ #page-video .cm-toast{position:fixed;left:50%;top:78px;transform:translateX(-50%) translateY(-10px);background:rgba(15,18,26,.95);color:#fff;font-size:13px;padding:10px 18px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:.25s;z-index:10000} #page-video .cm-toast.show{opacity:1;transform:translateX(-50%) translateY(0)} /* ── 图片生成（data-board=image）专属 · 作用域 #page-video，严格对齐原型 aihuoke-img-gen-proto.html ── */ /* 字号令牌（proto 的 --fs-* 主文件未定义，须在本作用域补齐；值按文案大师体系校准： 输入框 13.5 对齐 .input · 卡标题 13 对齐 .hc-title · 控件 12 对齐 .vc-tab/.input.sm · 小标签 10.5 对齐 .h-tag） */ #page-video .vc-panel[data-board="image"]{--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px} #page-video .vc-panel[data-board="image"] .vc-card{padding:18px} #page-video .vc-panel[data-board="image"] .vc-head{margin-bottom:15px} /* 关联项目行（2026-10-12 波哥定）：与「IP数字人」板块 .s1-foot 同款布局（label + select.input）， 保证同一页面两个板块的项目选择器视觉一致；select 样式来自全局 .input，不自创。 */ #page-video .vc-panel[data-board="image"] .s1-foot{display:flex;align-items:center;gap:10px;flex:none;margin-bottom:14px} #page-video .vc-panel[data-board="image"] .composer-lbl{display:block;font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);font-weight:600;margin-bottom:9px} #page-video .vc-panel[data-board="image"] .chips{display:flex;gap:7px;overflow-x:auto;padding-bottom:5px} #page-video .vc-panel[data-board="image"] .chips::-webkit-scrollbar{height:6px} #page-video .vc-panel[data-board="image"] .chips::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:6px} #page-video .vc-panel[data-board="image"] .chip{white-space:nowrap;border:1px solid var(--line-2);border-radius:99px;padding:6px 13px;font-size:var(--fs-cap);cursor:pointer;color:var(--txt-2);background:var(--surface);font-family:inherit;font-weight:500;transition:.28s} #page-video .vc-panel[data-board="image"] .chip:hover{color:var(--txt)} #page-video .vc-panel[data-board="image"] .chip.on{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="image"] .chip b{font-weight:600;color:var(--txt-3);margin-left:3px;font-size:11px} #page-video .vc-panel[data-board="image"] .chip.on b{color:var(--blue)} #page-video .vc-panel[data-board="image"] .tpl-more{flex:none;align-self:center;white-space:nowrap;font-size:var(--fs-cap);color:var(--txt-3);padding:0 8px} #page-video .vc-panel[data-board="image"] .tpl-quick{display:flex;gap:10px;overflow-x:auto;padding:14px 0 2px} #page-video .vc-panel[data-board="image"] .tpl-quick::-webkit-scrollbar{height:6px} #page-video .vc-panel[data-board="image"] .tpl-quick::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:6px} #page-video .vc-panel[data-board="image"] .tpl-q{flex:none;width:248px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:12px;cursor:pointer;transition:.28s var(--ease)} #page-video .vc-panel[data-board="image"] .tpl-q:hover{border-color:var(--blue-line);background:var(--blue-soft);transform:translateY(-2px)} #page-video .vc-panel[data-board="image"] .tpl-q.on{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="image"] .tpl-q .t-top{display:flex;align-items:center;gap:9px;margin-bottom:8px} #page-video .vc-panel[data-board="image"] .tpl-q .ti{width:32px;height:32px;border-radius:9px;flex:none;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)} #page-video .vc-panel[data-board="image"] .tpl-q .ti svg{width:17px;height:17px} #page-video .vc-panel[data-board="image"] .tpl-q .tt{font-size:var(--fs-small);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video .vc-panel[data-board="image"] .tpl-q .t-ind{font-size:var(--fs-label);color:var(--blue);border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:99px;padding:1px 8px;font-weight:600;flex:none} #page-video .vc-panel[data-board="image"] .tpl-q .t-prompt{font-size:var(--fs-cap);color:var(--txt-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;background:var(--sunken);border:1px solid var(--line);border-left:2px solid var(--blue-line);border-radius:7px;padding:7px 9px;margin-bottom:8px} #page-video .vc-panel[data-board="image"] .tpl-q .t-foot{display:flex;gap:6px;flex-wrap:wrap} #page-video .vc-panel[data-board="image"] .tpl-q .t-chip{font-size:var(--fs-label);color:var(--txt-3);border:1px solid var(--line-2);border-radius:99px;padding:1px 8px} #page-video .vc-panel[data-board="image"] .tpl-empty{font-size:var(--fs-cap);color:var(--txt-3);padding:8px 2px} #page-video .vc-panel[data-board="image"] .ig-box{margin-top:14px;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r);padding:12px;display:flex;gap:14px;transition:.28s var(--ease)} #page-video .vc-panel[data-board="image"] .ig-box:focus-within{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #page-video .vc-panel[data-board="image"] .ig-rail{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:54px;gap:0;padding-top:6px} #page-video .vc-panel[data-board="image"] .up-slot{width:52px;height:74px;border-radius:8px;background:#fff;border:1px solid var(--line-2);display:grid;place-items:center;cursor:pointer;transition:.28s var(--ease);flex:none;box-shadow:0 4px 14px -6px rgba(0,0,0,.25);animation:ig-breathe 2.8s var(--ease) infinite;transform:rotate(-6deg)} #page-video .vc-panel[data-board="image"] .up-slot:hover{box-shadow:0 10px 28px -10px rgba(0,0,0,.4);transform:rotate(0deg) scale(1.05);animation:none} #page-video .vc-panel[data-board="image"] .up-slot.pulse{animation:ig-pulse .45s var(--ease)} #page-video .vc-panel[data-board="image"] .up-slot .plus{width:22px;height:22px;color:var(--blue);display:grid;place-items:center} #page-video .vc-panel[data-board="image"] .up-slot .plus svg{width:22px;height:22px;stroke-width:2.4} #page-video .vc-panel[data-board="image"] .ra-thumb{width:52px;height:74px;border-radius:8px;background:linear-gradient(135deg,var(--blue-soft),var(--sunken));background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid var(--blue-line);display:none;place-items:center;color:var(--blue);font-size:9px;font-weight:600;flex:none;cursor:pointer;animation:rise .3s var(--ease) both;transform:rotate(-6deg)} #page-video .vc-panel[data-board="image"] .ra-thumb:hover{border-color:var(--red)} #page-video .vc-panel[data-board="image"] .ig-rail .rl{font-size:9px;color:var(--txt-3);margin-top:9px;letter-spacing:.02em;text-align:center;line-height:1.25} @keyframes ig-breathe{0%,100%{box-shadow:0 4px 14px -6px rgba(0,0,0,.25),0 0 0 0 oklch(64% 0.17 258 / 0)}50%{box-shadow:0 6px 16px -6px rgba(0,0,0,.3),0 0 0 6px oklch(64% 0.17 258 / .12)}} @keyframes ig-pulse{0%{transform:rotate(-6deg) scale(1)}45%{transform:rotate(-6deg) scale(.88)}100%{transform:rotate(-6deg) scale(1)}} #page-video .vc-panel[data-board="image"] .ig-main{flex:1;min-width:0;display:flex;flex-direction:column} #page-video .vc-panel[data-board="image"] .ig-area-wrap{position:relative} #page-video .vc-panel[data-board="image"] .ig-area{width:100%;min-height:130px;max-height:260px;font-size:var(--fs-body);line-height:1.6;padding:6px;background:transparent;border:none;outline:none;resize:vertical;color:var(--txt);font-family:inherit} #page-video .vc-panel[data-board="image"] .ig-area::placeholder{color:var(--txt-3)} #page-video .vc-panel[data-board="image"] .ig-controls{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-top:12px} #page-video .vc-panel[data-board="image"] #genBtn{margin-left:auto;padding:6px 11px;font-size:13px} #page-video .vc-panel[data-board="image"] .dd{position:relative;flex:none} #page-video .vc-panel[data-board="image"] .dd-trigger{display:flex;align-items:center;gap:5px;height:32px;padding:0 6px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--txt-2);font-family:inherit;font-size:var(--fs-cap);cursor:pointer;transition:.28s var(--ease);white-space:nowrap} #page-video .vc-panel[data-board="image"] .dd-trigger:hover{border-color:var(--blue-line);color:var(--txt)} #page-video .vc-panel[data-board="image"] .dd.open .dd-trigger{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} #page-video .vc-panel[data-board="image"] .dd-val{font-weight:600} #page-video .vc-panel[data-board="image"] .dd-caret{width:12px;height:12px;flex:none;opacity:.7;transition:transform .25s var(--ease)} #page-video .vc-panel[data-board="image"] .dd.open .dd-caret{transform:rotate(180deg)} #page-video .vc-panel[data-board="image"] .dd-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:40;background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow);padding:11px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.22s var(--ease)} #page-video .vc-panel[data-board="image"] .dd.open .dd-panel{opacity:1;visibility:visible;transform:none} #page-video .vc-panel[data-board="image"] .dd-panel.ratio{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:318px} #page-video .vc-panel[data-board="image"] .ratio-cap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface);cursor:pointer;transition:.28s var(--ease);padding:7px 3px} #page-video .vc-panel[data-board="image"] .ratio-cap:hover{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="image"] .ratio-cap.on{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="image"] .ratio-cap .ri{width:22px;height:13px;border:1.5px solid var(--txt-3);border-radius:3px;flex:none;transition:.28s} #page-video .vc-panel[data-board="image"] .ratio-cap.on .ri{border-color:var(--blue)} #page-video .vc-panel[data-board="image"] .ratio-cap .rlab{font-size:10px;color:var(--txt-2);font-weight:500;transition:.28s} #page-video .vc-panel[data-board="image"] .ratio-cap.on .rlab{color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="image"] .ratio-cap[data-ratio="1:1"] .ri{width:13px;height:13px} #page-video .vc-panel[data-board="image"] .ratio-cap[data-ratio="9:16"] .ri,#page-video .vc-panel[data-board="image"] .ratio-cap[data-ratio="3:4"] .ri,#page-video .vc-panel[data-board="image"] .ratio-cap[data-ratio="4:5"] .ri,#page-video .vc-panel[data-board="image"] .ratio-cap[data-ratio="2:3"] .ri{width:10px;height:14px} #page-video .vc-panel[data-board="image"] .ratio-cap[data-ratio="21:9"] .ri,#page-video .vc-panel[data-board="image"] .ratio-cap[data-ratio="16:9"] .ri,#page-video .vc-panel[data-board="image"] .ratio-cap[data-ratio="3:2"] .ri{width:20px;height:10px} #page-video .vc-panel[data-board="image"] .ratio-cap[data-ratio="智能"] .ri{border-style:dashed} #page-video .vc-panel[data-board="image"] .dd-panel.style{width:300px} #page-video .vc-panel[data-board="image"] .style-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:260px;overflow-y:auto;padding-right:3px} #page-video .vc-panel[data-board="image"] .style-list::-webkit-scrollbar{width:6px} #page-video .vc-panel[data-board="image"] .style-list::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:6px} #page-video .vc-panel[data-board="image"] .style-cell{display:flex;align-items:center;justify-content:center;height:30px;padding:0 6px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);cursor:pointer;transition:.28s;font-size:var(--fs-cap);color:var(--txt-2);text-align:center} #page-video .vc-panel[data-board="image"] .style-cell:hover{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="image"] .style-cell.on{border-color:var(--blue-line);background:var(--blue-soft);color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="image"] .dd-panel.size{width:250px} #page-video .vc-panel[data-board="image"] .size-opt{display:flex;align-items:center;gap:9px;height:36px;padding:0 11px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);cursor:pointer;transition:.28s;font-size:var(--fs-cap);font-weight:500;color:var(--txt-2)} #page-video .vc-panel[data-board="image"] .size-opt:hover{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="image"] .size-opt.on{border-color:var(--blue-line);background:var(--blue-soft);color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="image"] .size-opt .so-ic{width:6px;height:6px;border-radius:50%;background:var(--txt-3);flex:none;transition:.28s} #page-video .vc-panel[data-board="image"] .size-opt.on .so-ic{background:var(--blue)} #page-video .vc-panel[data-board="image"] .size-opt .so-sub{margin-left:auto;color:var(--txt-3);font-size:var(--fs-label)} #page-video .vc-panel[data-board="image"] .size-custom{margin-top:9px;padding-top:11px;border-top:1px solid var(--line);display:flex;align-items:center;gap:6px} #page-video .vc-panel[data-board="image"] .size-input{display:flex;align-items:center;gap:4px;height:34px;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:0 8px;flex:none} #page-video .vc-panel[data-board="image"] .size-input .sz-label{font-size:var(--fs-cap);color:var(--txt-3);font-weight:600;letter-spacing:.04em} #page-video .vc-panel[data-board="image"] .size-input input{width:38px;background:transparent;border:none;outline:none;color:var(--txt);font-family:inherit;font-size:var(--fs-small);font-weight:600;text-align:right} #page-video .vc-panel[data-board="image"] .size-input .sz-unit{font-size:var(--fs-label);color:var(--txt-3)} #page-video .vc-panel[data-board="image"] .sz-link{width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);color:var(--txt-2);display:grid;place-items:center;cursor:pointer;transition:.28s;flex:none} #page-video .vc-panel[data-board="image"] .sz-link:hover{border-color:var(--blue-line);color:var(--blue)} #page-video .vc-panel[data-board="image"] .sz-link.on{color:var(--blue);background:var(--blue-soft);border-color:var(--blue-line)} #page-video .vc-panel[data-board="image"] .sz-link svg{width:15px;height:15px} #page-video .vc-panel[data-board="image"] .copy-hist-h{font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);font-weight:600;margin:14px 0 10px;display:flex;align-items:center;gap:8px} #page-video .vc-panel[data-board="image"] .copy-hist-h .ch-hint{margin-left:auto;color:var(--txt-3);font-weight:400;letter-spacing:.02em;text-transform:none;font-size:var(--fs-cap)} #page-video .vc-panel[data-board="image"] .copy-hist-h .cnt{color:var(--blue);background:var(--blue-soft);border-radius:20px;padding:2px 9px;font-size:var(--fs-label);letter-spacing:.04em} #page-video .vc-panel[data-board="image"] .copy-h-card{flex:none;width:210px;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;cursor:pointer;transition:.28s var(--ease)} #page-video .vc-panel[data-board="image"] .copy-h-card:hover{border-color:var(--blue-line);background:var(--surface);transform:translateY(-2px)} #page-video .vc-panel[data-board="image"] .copy-h-card .ch-top{display:flex;align-items:center;gap:8px;margin-bottom:5px} #page-video .vc-panel[data-board="image"] .copy-h-card .ch-title{font-size:var(--fs-small);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video .vc-panel[data-board="image"] #copyDd .dd-caret{color:var(--blue);opacity:1} #page-video .vc-panel[data-board="image"] .copy-h-card .ch-meta{font-size:var(--fs-label);color:var(--txt-3);margin-bottom:5px;display:flex;gap:6px;align-items:center} #page-video .vc-panel[data-board="image"] .copy-h-card .ch-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--txt-3);opacity:.6} #page-video .vc-panel[data-board="image"] .copy-h-card .ch-prev{font-size:var(--fs-cap);color:var(--txt-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #page-video .vc-panel[data-board="image"] .copy-h-card .ch-tags{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap} #page-video .vc-panel[data-board="image"] .copy-empty{font-size:var(--fs-cap);color:var(--txt-3);padding:8px 2px} #page-video .vc-panel[data-board="image"] .copy-pick{display:block} #page-video .vc-panel[data-board="image"] .copy-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px} #page-video .vc-panel[data-board="image"] .copy-row::-webkit-scrollbar{height:6px} #page-video .vc-panel[data-board="image"] .copy-row::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:6px} #page-video .vc-panel[data-board="image"] .copy-strip{display:flex;align-items:flex-start;gap:12px;padding:9px 12px;margin-top:12px;border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:var(--r-sm)} #page-video .vc-panel[data-board="image"] .copy-strip .rt{font-size:var(--fs-small);font-weight:600;color:var(--txt-2)} #page-video .vc-panel[data-board="image"] .copy-strip .rt b{color:var(--blue)} #page-video .vc-panel[data-board="image"] .copy-strip .rs2{font-size:var(--fs-cap);color:var(--txt-3);margin-top:1px} #page-video .vc-panel[data-board="image"] .copy-strip .up-add{margin-left:auto;font-size:var(--fs-cap);font-weight:600;color:var(--blue);border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:99px;padding:4px 12px;flex:none;cursor:pointer;transition:.28s} #page-video .vc-panel[data-board="image"] .copy-strip .up-add:hover{background:var(--blue);color:#fff} /* 右栏历史（图片生成：与文案大师同款 .h-card 大卡 + 缩略图，严格对齐原型） */ #page-video .vc-hist-list[data-board="image"]{--fs-cap:12px} /* 孤儿作用域：历史列表不在面板 DOM 内，变量需自带 */ #page-video .vc-hist-list[data-board="image"] .h-card{background:var(--sunken);border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:12px;transition:.28s var(--ease);position:relative} #page-video .vc-hist-list[data-board="image"] .h-card:last-child{margin-bottom:0} #page-video .vc-hist-list[data-board="image"] .h-card:hover{border-color:var(--blue-line);background:var(--surface)} /* 封面铺满后，播放按钮与时长标签必须在封面之上（2026-09-17，随缩略图统一一并处理）。 */ #page-video .vc-hist-list .hc-thumb img,#page-video .vc-hist-list .hc-thumb video{z-index:0} #page-video .vc-hist-list .hc-thumb .play,#page-video .vc-hist-list .hc-thumb .dur{z-index:1} #page-video .vc-hist-list[data-board="avatar"] .hc-thumb .play{position:relative} /* 缩略图统一样式（2026-09-17 波哥要求四板块统一、不改卡片大小）：底色 var(--sunken) + object-fit:contain + overflow:hidden。 */ #page-video .vc-hist-list[data-board="image"] .hc-thumb{width:100%;height:96px;border-radius:var(--r-sm);background:var(--sunken);overflow:hidden;display:grid;place-items:center;color:var(--blue);font-size:var(--fs-cap);font-weight:600;margin-bottom:9px} #page-video .vc-hist-list[data-board="image"] .hc-top{display:flex;align-items:center;gap:9px;margin-bottom:7px} #page-video .vc-hist-list[data-board="image"] .hc-ic{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)} #page-video .vc-hist-list[data-board="image"] .hc-ic svg{width:16px;height:16px} #page-video .vc-hist-list[data-board="image"] .hc-title{font-size:13px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video .vc-hist-list[data-board="image"] .hc-status{font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:99px;flex:none;letter-spacing:.02em;white-space:nowrap} #page-video .vc-hist-list[data-board="image"] .hc-status.done{color:var(--green);background:oklch(76% 0.14 158/.14);border:1px solid oklch(76% 0.14 158/.34)} /* 未完成 / 失败（2026-10-12）：值照抄同页 seedance 的 .run 与 copy 的 .draft，不新造配色。 */ #page-video .vc-hist-list[data-board="image"] .hc-status.run{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);animation:svBlink 1.4s ease-in-out infinite} #page-video .vc-hist-list[data-board="image"] .hc-status.err{color:var(--txt-3);background:var(--surface);border:1px solid var(--line-2)} #page-video .vc-hist-list[data-board="image"] .hc-meta{font-size:12px;color:var(--txt-3);margin-bottom:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center} #page-video .vc-hist-list[data-board="image"] .hc-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--txt-3);opacity:.6} #page-video .vc-hist-list[data-board="image"] .hc-tags{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap} #page-video .vc-hist-list[data-board="image"] .h-tag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:99px;border:1px solid var(--line-2);color:var(--txt-3)} #page-video .vc-hist-list[data-board="image"] .h-tag.jj{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-hist-list[data-board="image"] .h-tag.pl{color:var(--txt-2);border-color:var(--line-2);background:var(--surface)} #page-video .vc-hist-list[data-board="image"] .hc-acts{display:flex;gap:6px} #page-video .vc-hist-list[data-board="image"] .h-btn{font-size:12px;padding:4px 11px} /* 图片预览弹层（#igPrevModal）：大图占位 + 动作按钮（对齐原型） */ #igPrevModal{--fs-h2:22px} /* 孤儿作用域：弹窗不在面板 DOM 内，变量需自带 */ #igPrevModal .ip-big{width:100%;aspect-ratio:4/3;border-radius:var(--r);background:linear-gradient(135deg,var(--blue-soft),var(--sunken));display:grid;place-items:center;color:var(--blue);font-weight:600;font-size:var(--fs-h2);margin-bottom:14px} #igPrevModal .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px} #igPrevModal .modal-actions>*{flex:none;width:auto} #igPrevModal .modal-actions .btn-ghost{width:auto;flex:none;padding:9px 18px;font-size:13px} #igPrevModal .modal-actions .btn-ai{padding:9px 18px;font-size:13px} /* ══════════════ IP数字人板块（data-board=avatar）· 严格对齐原型 aihuoke-avatar-gen-proto.html v10 ══════════════ */ /* 字号令牌（按文案大师/图片生成体系校准：输入框 13.5 对齐 .input · 标题 13 · 控件 12 · 小标签 10.5） */ #page-video .vc-panel[data-board="avatar"]{--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px;--fs-input:13.5px} #page-video .vc-panel[data-board="avatar"] .vc-card{padding:18px;animation:rise .4s var(--ease) both} #page-video .vc-panel[data-board="avatar"] .vc-head{margin-bottom:15px} /* —— 三步轨道：①→②→③ 向右点亮 —— */ #page-video .vc-panel[data-board="avatar"] .av-track{display:flex;align-items:flex-start;gap:0;margin-bottom:10px} #page-video .vc-panel[data-board="avatar"] .av-node{display:flex;align-items:flex-start;gap:9px;cursor:pointer;flex:0 1 auto;min-width:0;padding:2px;border-radius:9px;transition:.28s var(--ease)} #page-video .vc-panel[data-board="avatar"] .av-node .step-no{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-cap);font-weight:700;flex:none;background:var(--raised);border:1px solid var(--line-2);color:var(--txt-3);transition:.3s var(--ease);margin-top:1px} #page-video .vc-panel[data-board="avatar"] .av-node.cur .step-no{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 14px -4px var(--blue)} #page-video .vc-panel[data-board="avatar"] .av-node.done .step-no{background:oklch(76% 0.14 158/.16);border-color:oklch(76% 0.14 158/.4);color:var(--green)} #page-video .vc-panel[data-board="avatar"] .av-node .n-bd{min-width:0} #page-video .vc-panel[data-board="avatar"] .av-node .n-tt{font-size:var(--fs-small);font-weight:600;line-height:1.3;color:var(--txt-2);transition:.28s} #page-video .vc-panel[data-board="avatar"] .av-node.cur .n-tt{color:var(--txt)} #page-video .vc-panel[data-board="avatar"] .av-node.done .n-tt{color:var(--txt-2)} #page-video .vc-panel[data-board="avatar"] .av-node .n-ds{font-size:var(--fs-label);color:var(--txt-3);line-height:1.35;margin-top:1px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video .vc-panel[data-board="avatar"] .av-node.done .n-ds{color:oklch(76% 0.14 158/.85)} #page-video .vc-panel[data-board="avatar"] .av-link{flex:1;min-width:8px;height:2px;border-radius:2px;background:var(--line-2);margin:14px 6px 0;position:relative;transition:.3s var(--ease)} #page-video .vc-panel[data-board="avatar"] .av-link.done{background:linear-gradient(90deg,oklch(76% 0.14 158/.55),oklch(64% 0.17 258/.5))} @keyframes avStepNudge{0%,100%{transform:translateX(0)}30%{transform:translateX(3px)}60%{transform:translateX(-2px)}} #page-video .vc-panel[data-board="avatar"] .av-node.nudge{animation:avStepNudge .38s var(--ease)} /* —— 步骤内容面板 —— */ #page-video .vc-panel[data-board="avatar"] .av-panel{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r);padding:11px;display:none;flex-direction:column;gap:9px;animation:rise .32s var(--ease) both;min-width:0} #page-video .vc-panel[data-board="avatar"] .av-panel.on{display:flex} #page-video .vc-panel[data-board="avatar"] .av-panel.doing{border-color:var(--blue-line)} /* —— 第一步：口播稿 —— */ #page-video .vc-panel[data-board="avatar"] .s1-actions{display:flex;gap:8px;align-items:center;flex:none} #page-video .vc-panel[data-board="avatar"] .dd{position:relative;flex:none} #page-video .vc-panel[data-board="avatar"] .dd-trigger{display:flex;align-items:center;gap:5px;height:32px;padding:0 6px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--txt-2);font-family:inherit;font-size:var(--fs-cap);cursor:pointer;transition:.28s var(--ease);white-space:nowrap} #page-video .vc-panel[data-board="avatar"] .dd-trigger:hover{border-color:var(--blue-line);color:var(--txt)} #page-video .vc-panel[data-board="avatar"] .dd.open .dd-trigger{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} #page-video .vc-panel[data-board="avatar"] .dd-val{font-weight:600} #page-video .vc-panel[data-board="avatar"] .dd-caret{width:12px;height:12px;flex:none;opacity:.7;transition:transform .25s var(--ease)} #page-video .vc-panel[data-board="avatar"] .dd.open .dd-caret{transform:rotate(180deg)} #page-video .vc-panel[data-board="avatar"] .dd-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:40;background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow);padding:11px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.22s var(--ease)} #page-video .vc-panel[data-board="avatar"] .dd.open .dd-panel{opacity:1;visibility:visible;transform:none} #page-video .vc-panel[data-board="avatar"] .s1-area{width:100%;flex:1;min-height:200px;font-size:var(--fs-input);line-height:1.6;padding:9px 10px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);outline:none;resize:none;color:var(--txt);font-family:inherit;transition:.28s var(--ease)} #page-video .vc-panel[data-board="avatar"] .s1-area:focus{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #page-video .vc-panel[data-board="avatar"] .s1-area::placeholder{color:var(--txt-3)} /* 关联项目行与下方「①选口播稿」三步轨道之间的呼吸空间（2026-10-12 波哥定：原来贴死了）。 */ #page-video .vc-panel[data-board="avatar"] .s1-foot{display:flex;align-items:center;gap:10px;flex:none;margin-bottom:16px} #page-video .vc-panel[data-board="avatar"] .s1-cnt{font-size:var(--fs-label);color:var(--txt-3)} #page-video .vc-panel[data-board="avatar"] .copy-strip{display:flex;align-items:flex-start;gap:10px;padding:8px 11px;border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:var(--r-sm);flex:none} #page-video .vc-panel[data-board="avatar"] .copy-strip .rt{font-size:var(--fs-cap);font-weight:600;color:var(--txt-2);line-height:1.4} #page-video .vc-panel[data-board="avatar"] .copy-strip .rt b{color:var(--blue)} #page-video .vc-panel[data-board="avatar"] .copy-strip .up-add{margin-left:auto;font-size:var(--fs-label);font-weight:600;color:var(--blue);border:1px solid var(--blue-line);background:transparent;border-radius:99px;padding:2px 10px;flex:none;cursor:pointer;transition:.28s} #page-video .vc-panel[data-board="avatar"] .copy-strip .up-add:hover{background:var(--blue);color:#fff} #page-video .vc-panel[data-board="avatar"] .next-btn{margin-left:auto;flex:none;font-size:var(--fs-cap)} /* —— 历史口播稿下拉（与做图/文案同款） —— */ #page-video .vc-panel[data-board="avatar"] .dd-panel.copy{width:470px;max-width:60vw} #page-video .vc-panel[data-board="avatar"] .copy-hist-h{font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);font-weight:600;margin:0 2px 10px;display:flex;align-items:center;gap:8px} #page-video .vc-panel[data-board="avatar"] .copy-hist-h .ch-hint{margin-left:auto;color:var(--txt-3);font-weight:400;letter-spacing:.02em;text-transform:none;font-size:var(--fs-cap)} #page-video .vc-panel[data-board="avatar"] .copy-hist-h .cnt{color:var(--blue);background:var(--blue-soft);border-radius:20px;padding:2px 9px;font-size:var(--fs-label);letter-spacing:.04em} #page-video .vc-panel[data-board="avatar"] .copy-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px} #page-video .vc-panel[data-board="avatar"] .copy-row::-webkit-scrollbar{height:6px} #page-video .vc-panel[data-board="avatar"] .copy-row::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:6px} #page-video .vc-panel[data-board="avatar"] .copy-h-card{flex:none;width:200px;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;cursor:pointer;transition:.28s var(--ease)} #page-video .vc-panel[data-board="avatar"] .copy-h-card:hover{border-color:var(--blue-line);background:var(--surface);transform:translateY(-2px)} #page-video .vc-panel[data-board="avatar"] .copy-h-card .ch-title{font-size:var(--fs-small);font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video .vc-panel[data-board="avatar"] .copy-h-card .ch-meta{font-size:var(--fs-label);color:var(--txt-3);margin-bottom:5px;display:flex;gap:6px;align-items:center} #page-video .vc-panel[data-board="avatar"] .copy-h-card .ch-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--txt-3);opacity:.6} #page-video .vc-panel[data-board="avatar"] .copy-h-card .ch-prev{font-size:var(--fs-cap);color:var(--txt-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #page-video .vc-panel[data-board="avatar"] .copy-empty{font-size:var(--fs-cap);color:var(--txt-3);padding:8px 2px} /* —— 第二步：形象库（4 列 · 卡高 0.95 比例） —— */ #page-video .vc-panel[data-board="avatar"] .av-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;flex:0 0 auto} #page-video .vc-panel[data-board="avatar"] .av-card{position:relative;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;transition:.28s var(--ease);padding:5px;min-width:0;display:flex;flex-direction:column;gap:4px;aspect-ratio:1/0.95} #page-video .vc-panel[data-board="avatar"] .av-card:hover{border-color:var(--blue-line)} #page-video .vc-panel[data-board="avatar"] .av-card.on{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="avatar"] .avc-th{position:relative;flex:1;min-height:0;width:100%;border-radius:7px;display:grid;place-items:center;color:var(--blue);overflow:hidden} #page-video .vc-panel[data-board="avatar"] .avc-th .p-ic{width:24%;min-width:20px;max-width:30px;aspect-ratio:1/1;border-radius:50%;background:oklch(64% 0.17 258/.25);border:1px solid var(--blue-line);display:grid;place-items:center} #page-video .vc-panel[data-board="avatar"] .avc-th .p-ic svg{width:45%;height:45%} #page-video .vc-panel[data-board="avatar"] .avc-th .o-badge{position:absolute;left:5px;top:5px;font-size:9px;font-weight:600;color:var(--txt-2);background:rgba(8,10,16,.55);border-radius:99px;padding:1px 6px;letter-spacing:.04em} #page-video .vc-panel[data-board="avatar"] .avc-th .a-dur{position:absolute;right:5px;bottom:5px;font-size:9px;color:var(--txt-2);background:rgba(8,10,16,.55);border-radius:99px;padding:1px 6px} #page-video .vc-panel[data-board="avatar"] .avc-nm{font-size:10.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1px;line-height:1.25} #page-video .vc-panel[data-board="avatar"] .av-card.on .avc-nm{color:var(--blue)} #page-video .vc-panel[data-board="avatar"] .avc-mt{font-size:9.5px;color:var(--txt-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1px;line-height:1.2} #page-video .vc-panel[data-board="avatar"] .avc-x{position:absolute;right:4px;top:4px;width:18px;height:18px;border-radius:6px;border:1px solid var(--line-2);background:rgba(8,10,16,.5);color:var(--txt-2);cursor:pointer;display:grid;place-items:center;opacity:0;transition:.2s;z-index:2;padding:0} #page-video .vc-panel[data-board="avatar"] .av-card:hover .avc-x{opacity:1} #page-video .vc-panel[data-board="avatar"] .avc-x:hover{border-color:var(--red);color:var(--red)} #page-video .vc-panel[data-board="avatar"] .avc-x svg{width:9px;height:9px} #page-video .vc-panel[data-board="avatar"] .av-up{border:1.5px dashed var(--line-2);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:.28s var(--ease);color:var(--txt-3);min-width:0;padding:6px;aspect-ratio:1/0.95} #page-video .vc-panel[data-board="avatar"] .av-up:hover{border-color:var(--blue-line);background:var(--blue-soft);color:var(--blue)} #page-video .vc-panel[data-board="avatar"] .av-up .plus{width:24px;height:24px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center} #page-video .vc-panel[data-board="avatar"] .av-up .plus svg{width:11px;height:11px} #page-video .vc-panel[data-board="avatar"] .av-up .t{font-size:10.5px;font-weight:600} #page-video .vc-panel[data-board="avatar"] .av-up .d{font-size:9px;opacity:.85} #page-video .vc-panel[data-board="avatar"] .s2-tip{font-size:var(--fs-label);color:var(--txt-3);line-height:1.55;flex:none} #page-video .vc-panel[data-board="avatar"] .s2-tip b{color:var(--txt-2);font-weight:600} #page-video .vc-panel[data-board="avatar"] .back-btn{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);background:var(--surface);color:var(--txt-2);border-radius:var(--r-sm);padding:7px 12px;font-family:inherit;font-size:var(--fs-cap);font-weight:600;cursor:pointer;transition:.28s var(--ease)} #page-video .vc-panel[data-board="avatar"] .back-btn:hover{border-color:var(--blue-line);color:var(--blue)} #page-video .vc-panel[data-board="avatar"] .back-btn svg{width:11px;height:11px} /* —— 第三步：紧凑双列参数，控件不随工作区无限拉长 —— */ #avPanel3{container-type:inline-size} #avPanel3 .av-settings-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(420px,1.45fr) minmax(240px,1fr);gap:10px;min-height:300px} #avPanel3 .av-settings-col{min-width:0;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-md);padding:12px;box-sizing:border-box} #avPanel3 .av-col-title{font-size:var(--fs-small);font-weight:700;color:var(--txt);margin-bottom:9px} #avPanel3 .av-style-col{display:flex;flex-direction:column;overflow:hidden} #avPanel3 .av-inline-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow-y:auto;padding-right:3px} #avPanel3 .av-inline-style-grid .style-card{min-width:0;padding:7px 5px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);cursor:pointer;text-align:center} #avPanel3 .av-inline-style-grid .style-card.on{border-color:var(--blue-line);background:var(--blue-soft)} #avPanel3 .av-inline-style-grid .st-prev{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #avPanel3 .av-inline-style-grid .st-name{font-size:11px;margin-top:3px;color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #avPanel3 .av-inline-style-grid .st-font{font-size:9px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #avPanel3 .av-inline-style-grid .st-free{color:var(--green);margin-right:3px} #avPanel3 .av-summary-body{font-size:var(--fs-cap);color:var(--txt-2)} #avPanel3 .av-summary-script{background:var(--surface);border:1px solid var(--line-2);border-radius:7px;padding:9px;line-height:1.55;min-height:54px;margin-bottom:8px;overflow:hidden} #avPanel3 .av-summary-line{display:flex;justify-content:space-between;gap:8px;padding:7px 2px;border-bottom:1px solid var(--line-2)} #avPanel3 .av-summary-line b{color:var(--txt);font-weight:600;text-align:right} #avPanel3 .av-settings-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(410px,1.35fr) minmax(240px,1fr);gap:10px;min-height:250px} #avPanel3 .av-settings-col{min-width:0;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-md);padding:12px;box-sizing:border-box} #avPanel3 .av-col-title{font-weight:700;color:var(--txt);font-size:var(--fs-small);margin-bottom:10px} #avPanel3 .av-style-col{display:flex;flex-direction:column;overflow:hidden} #avPanel3 .av-inline-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow-y:auto;padding-right:3px} #avPanel3 .av-inline-style-grid::-webkit-scrollbar{width:7px} #avPanel3 .av-inline-style-grid::-webkit-scrollbar-track{background:transparent} #avPanel3 .av-inline-style-grid::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} #avPanel3 .av-inline-style-grid .style-card{min-width:0;padding:8px 5px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);cursor:pointer;text-align:center} #avPanel3 .av-inline-style-grid .style-card.on{border-color:var(--blue-line);background:var(--blue-soft)} #avPanel3 .av-inline-style-grid .st-prev{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #avPanel3 .av-inline-style-grid .st-name{font-size:11px;margin-top:4px;color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #avPanel3 .av-inline-style-grid .st-font{font-size:9px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #avPanel3 .av-inline-style-grid .st-free{color:var(--green);margin-right:3px} #avPanel3 .av-param-col{min-width:0} #avPanel3 .av-summary-body{font-size:var(--fs-cap);color:var(--txt-2)} #avPanel3 .av-summary-script{background:var(--surface);border:1px solid var(--line-2);border-radius:7px;padding:10px;line-height:1.55;min-height:56px;margin-bottom:9px;overflow:hidden} #avPanel3 .av-summary-line{display:flex;justify-content:space-between;gap:8px;padding:8px 2px;border-bottom:1px solid var(--line-2)} #avPanel3 .av-summary-line b{color:var(--txt);font-weight:600;text-align:right} /* 2026-09-17 波哥反馈：中栏新增「字幕大小 / 字幕位置」两行后三栏被整体拉高，左右两栏显得空。 ① 左栏样式网格此前被无前缀规则 .av-inline-style-grid{max-height:300px} 卡住 —— 541px 高的栏只用了 300px，下方约 169px 全空、只看得到 4 行卡片。现把上限放宽到 465px （= 中栏高度 541 − 左栏标题 20 − 提示 28 − 内边距 24 − 余量 4，中栏内容变化时按此重算）， 可见卡片由 4 行（8 张）提升到 8 行（16 张）。**不能用 max-height:none**：网格内容 1141px 会把三栏整体顶到 1225px 高（实测）。 ② 右栏摘要在三栏并排时按比例撑满栏高，字号放大（正文 12→13px、参数行 11→12.5px）并加分隔线。 窄屏（<1050px，摘要换行到第二行）只放大字号与行距，不做撑满，避免内容溢出。 */ #avPanel3 .av-style-col>.av-inline-style-grid{flex:1;min-height:0;max-height:465px} #avPanel3 .av-summary-script{min-height:74px;font-size:13px;line-height:1.7} #avPanel3 .av-summary-list{display:flex;flex-direction:column;margin-top:10px;gap:0} #avPanel3 .av-summary-list>div{padding:9px 2px;border-bottom:1px solid var(--line-2);font-size:12.5px} #avPanel3 .av-summary-list>div:last-child{border-bottom:0} #avPanel3 .av-summary-list>div>b{font-size:13px} @container(min-width:1050px){ #avPanel3 .av-summary-col{display:flex;flex-direction:column} #avPanel3 .av-summary-col>.av-summary-script{flex:1.45;min-height:96px;overflow:auto} #avPanel3 .av-summary-col>.av-summary-list{flex:1} #avPanel3 .av-summary-col>.av-summary-list>div{flex:1;align-items:center;padding:0 2px} } #avPanel3 .av-title-row{position:relative} #avPanel3 .av-title-input{flex:1;min-width:0;height:32px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);color:var(--txt);padding:0 38px 0 10px;font:inherit;outline:none} #avPanel3 .av-title-input:focus{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #avPanel3 .av-title-count{position:absolute;right:8px;color:var(--txt-3);font-size:10px} #avPanel3 .av-upload-btn{white-space:nowrap} #page-video .vc-panel[data-board="avatar"] .set-grid{display:grid;grid-template-columns:repeat(2,minmax(360px,520px));justify-content:center;gap:18px 42px;flex:none;padding:4px 0 10px;width:100%;box-sizing:border-box} #page-video .vc-panel[data-board="avatar"] .set-row{display:flex;align-items:center;gap:9px;min-width:0} #page-video .vc-panel[data-board="avatar"] .set-row .st-l{font-size:var(--fs-cap);color:var(--txt-2);font-weight:600;width:34px;flex:none} #page-video .vc-panel[data-board="avatar"] .set-row .dd{flex:0 1 280px;min-width:0;max-width:100%} #page-video .vc-panel[data-board="avatar"] .set-row .dd-trigger{width:100%;justify-content:space-between} #avPanel3 .av-voice-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0} #avPanel3 .av-voice-controls #avVoiceDd{flex:0 1 280px} #avPanel3 #avVoiceUploadBtn{white-space:nowrap} #avPanel3 .av-segments{display:flex;flex-wrap:wrap;gap:6px;min-width:0} #page-video #avPanel3 .av-segments .opt-cell{width:auto;min-width:54px;height:32px;padding:0 12px;font-family:inherit;white-space:nowrap} #page-video #avPanel3 button:focus-visible{outline:2px solid var(--blue);outline-offset:2px} #page-video #avPanel3 .speed-wrap{flex:0 0 168px} @container (max-width:620px){ #page-video .vc-panel[data-board="avatar"] .set-grid{grid-template-columns:minmax(0,1fr);gap:12px} } #page-video .vc-panel[data-board="avatar"] .s3-foot{display:flex;gap:8px;margin-top:auto;flex:none} #page-video .vc-panel[data-board="avatar"] #avGenBtn{flex:none;margin-left:auto;padding:7px 16px;font-size:12px;letter-spacing:0} #page-video .vc-panel[data-board="avatar"] #avGenBtn.off{opacity:.45;cursor:not-allowed;box-shadow:none} #page-video .vc-panel[data-board="avatar"] #avGenBtn.off:hover{transform:none} /* 2026-09-17 波哥要求：生成中按钮要「灰下去、不可点」，对齐图片生成板块的禁用表现 （见 #page-video .vc-panel[data-board="image"] .ig-generate-actions button:disabled）。 此前只设了 disabled 属性、没有灰化样式，所以看不太出来。 */ #page-video .vc-panel[data-board="avatar"] #avGenBtn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25);box-shadow:none;pointer-events:none} #page-video .vc-panel[data-board="avatar"] .s3-tip{font-size:var(--fs-label);color:var(--txt-3);text-align:center;line-height:1.5;flex:none} #page-video .vc-panel[data-board="avatar"] .dd-panel.voice{width:240px;max-height:280px;overflow-y:auto} #page-video .vc-panel[data-board="avatar"] .dd-panel.voice .opt-list{grid-template-columns:1fr} #page-video .vc-panel[data-board="avatar"] .dd-panel.beauty{width:172px} #page-video .vc-panel[data-board="avatar"] .dd-panel.subt{width:140px} #page-video .vc-panel[data-board="avatar"] .set-row .dd-trigger .dd-val{min-width:0;overflow:hidden;text-overflow:ellipsis} #page-video .vc-panel[data-board="avatar"] .set-row.disabled{opacity:.4;pointer-events:none} /* —— 语速：± 按钮 + 数字输入（隐藏原生箭头） —— */ #page-video .vc-panel[data-board="avatar"] .speed-wrap{display:flex;align-items:center;gap:2px;flex:1;min-width:0;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);height:32px;padding:0 4px;transition:.28s var(--ease)} #page-video .vc-panel[data-board="avatar"] .speed-wrap:hover{border-color:var(--blue-line)} #page-video .vc-panel[data-board="avatar"] .speed-wrap:focus-within{border-color:var(--blue-line);background:var(--blue-soft);box-shadow:0 0 0 3px var(--blue-soft)} #page-video .vc-panel[data-board="avatar"] .speed-input{border:none;background:none;outline:none;color:var(--txt);font-family:inherit;font-size:var(--fs-cap);font-weight:600;width:100%;min-width:0;padding:0 4px;text-align:center;font-variant-numeric:tabular-nums} #page-video .vc-panel[data-board="avatar"] .speed-input::-webkit-outer-spin-button, #page-video .vc-panel[data-board="avatar"] .speed-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0} #page-video .vc-panel[data-board="avatar"] .speed-input{-moz-appearance:textfield;appearance:textfield} #page-video .vc-panel[data-board="avatar"] .speed-suf{color:var(--txt-3);font-size:var(--fs-cap);font-weight:600;flex:none;padding-right:3px} #page-video .vc-panel[data-board="avatar"] .speed-step{flex:none;width:20px;height:20px;border-radius:5px;border:1px solid var(--line-2);background:transparent;color:var(--txt-3);cursor:pointer;display:grid;place-items:center;transition:.2s;padding:0} #page-video .vc-panel[data-board="avatar"] .speed-step svg{width:11px;height:11px;display:block} #page-video .vc-panel[data-board="avatar"] .speed-step:hover{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} #page-video .vc-panel[data-board="avatar"] .opt-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px} #page-video .vc-panel[data-board="avatar"] .opt-cell{display:flex;align-items:center;justify-content:center;height:30px;padding:0 6px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);cursor:pointer;transition:.28s;font-size:var(--fs-cap);color:var(--txt-2);text-align:center} #page-video .vc-panel[data-board="avatar"] .opt-cell:hover{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="avatar"] .opt-cell.on{border-color:var(--blue-line);background:var(--blue-soft);color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="avatar"] .emo-row{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);cursor:pointer;transition:.25s var(--ease)} #page-video .vc-panel[data-board="avatar"] .emo-row:hover{border-color:var(--blue-line);background:var(--raised)} #page-video .vc-panel[data-board="avatar"] .emo-row.on{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="avatar"] .emo-play{width:22px;height:22px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--txt-2);flex:none;transition:.25s;cursor:pointer} #page-video .vc-panel[data-board="avatar"] .emo-row:hover .emo-play, #page-video .vc-panel[data-board="avatar"] .emo-row.on .emo-play{border-color:var(--blue-line);color:var(--blue)} #page-video .vc-panel[data-board="avatar"] .emo-play svg{width:9px;height:9px} #page-video .vc-panel[data-board="avatar"] .emo-nm{font-size:var(--fs-cap);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video .vc-panel[data-board="avatar"] .emo-ext{font-size:9px;color:var(--txt-3);font-weight:500;letter-spacing:.04em;flex:none;padding:1px 5px;border:1px solid var(--line-2);border-radius:99px} #page-video .vc-panel[data-board="avatar"] .emo-row.on .emo-ext{color:var(--blue);border-color:var(--blue-line)} /* —— 比例下拉：5 档 —— */ #page-video .vc-panel[data-board="avatar"] .dd-panel.ratio{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:198px} #page-video .vc-panel[data-board="avatar"] .ratio-cap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface);cursor:pointer;transition:.28s var(--ease);padding:7px 3px} #page-video .vc-panel[data-board="avatar"] .ratio-cap:hover, #page-video .vc-panel[data-board="avatar"] .ratio-cap.on{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="avatar"] .ratio-cap .ri{width:22px;height:13px;border:1.5px solid var(--txt-3);border-radius:3px;flex:none;transition:.28s} #page-video .vc-panel[data-board="avatar"] .ratio-cap.on .ri{border-color:var(--blue)} #page-video .vc-panel[data-board="avatar"] .ratio-cap .rlab{font-size:10px;color:var(--txt-2);font-weight:500;transition:.28s} #page-video .vc-panel[data-board="avatar"] .ratio-cap.on .rlab{color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="avatar"] .ratio-cap[data-ratio="1:1"] .ri{width:13px;height:13px} #page-video .vc-panel[data-board="avatar"] .ratio-cap[data-ratio="9:16"] .ri{width:10px;height:14px} #page-video .vc-panel[data-board="avatar"] .ratio-cap[data-ratio="16:9"] .ri{width:20px;height:10px} #page-video .vc-panel[data-board="avatar"] .ratio-cap[data-ratio="3:4"] .ri{width:11px;height:15px} #page-video .vc-panel[data-board="avatar"] .ratio-cap[data-ratio="4:3"] .ri{width:15px;height:11px} /* —— avatar 历史卡（竖版缩略图） —— */ #page-video .vc-hist-list[data-board="avatar"] .h-card{background:var(--sunken);border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:12px;transition:.28s var(--ease);cursor:pointer;position:relative} #page-video .vc-hist-list[data-board="avatar"] .h-card:last-child{margin-bottom:0} #page-video .vc-hist-list[data-board="avatar"] .h-card:hover{border-color:var(--blue-line);background:var(--surface);transform:translateY(-2px)} #page-video .vc-hist-list[data-board="avatar"]{--fs-small:13px;--fs-cap:12px;--fs-label:10.5px} /* 孤儿作用域：历史列表不在面板 DOM 内，变量需自带 */ #page-video .vc-hist-list[data-board="avatar"] .hc-thumb{width:100%;height:96px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--blue);font-size:var(--fs-cap);font-weight:600;margin-bottom:9px;position:relative;background:var(--sunken);overflow:hidden} #page-video .vc-hist-list[data-board="avatar"] .hc-thumb .play{width:30px;height:30px;border-radius:50%;background:oklch(64% 0.17 258/.22);border:1px solid var(--blue-line);display:grid;place-items:center} #page-video .vc-hist-list[data-board="avatar"] .hc-thumb .play svg{width:13px;height:13px;color:var(--blue)} #page-video .vc-hist-list[data-board="avatar"] .hc-thumb .dur{position:absolute;right:8px;bottom:8px;font-size:9.5px;color:var(--txt-2);background:rgba(8,10,16,.6);border-radius:99px;padding:1px 7px} #page-video .vc-hist-list[data-board="avatar"] .hc-top{display:flex;align-items:center;gap:9px;margin-bottom:7px} #page-video .vc-hist-list[data-board="avatar"] .hc-ic{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)} #page-video .vc-hist-list[data-board="avatar"] .hc-ic svg{width:16px;height:16px} #page-video .vc-hist-list[data-board="avatar"] .hc-title{font-size:var(--fs-small);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video .vc-hist-list[data-board="avatar"] .hc-status{font-size:var(--fs-label);font-weight:600;padding:2px 8px;border-radius:99px;flex:none;letter-spacing:.02em} #page-video .vc-hist-list[data-board="avatar"] .hc-status.done{color:var(--green);background:oklch(76% 0.14 158/.14);border:1px solid oklch(76% 0.14 158/.34)} #page-video .vc-hist-list[data-board="avatar"] .hc-meta{font-size:var(--fs-cap);color:var(--txt-3);margin-bottom:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center} #page-video .vc-hist-list[data-board="avatar"] .hc-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--txt-3);opacity:.6} #page-video .vc-hist-list[data-board="avatar"] .hc-tags{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap} #page-video .vc-hist-list[data-board="avatar"] .h-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-label);font-weight:600;padding:1px 7px;border-radius:99px;border:1px solid var(--line-2);color:var(--txt-3)} #page-video .vc-hist-list[data-board="avatar"] .h-tag.jj{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-hist-list[data-board="avatar"] .h-tag.pl{color:var(--txt-2);border-color:var(--line-2);background:var(--surface)} #page-video .vc-hist-list[data-board="avatar"] .hc-acts{display:flex;gap:6px} #page-video .vc-hist-list[data-board="avatar"] .h-btn{font-size:var(--fs-cap);border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-2);border-radius:6px;padding:4px 11px;cursor:pointer;font-family:inherit;transition:.28s} #page-video .vc-hist-list[data-board="avatar"] .h-btn:hover{border-color:var(--blue-line);color:var(--txt)} #page-video .vc-hist-list[data-board="avatar"] .h-btn.primary{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-hist-list[data-board="avatar"] .h-btn.danger:hover{border-color:var(--red);color:var(--red)} /* —— avatar 弹窗（4 个 · 孤儿作用域） —— */ .av-modal{--fs-small:13px;--fs-cap:12px} /* 弹窗不在面板 DOM 内，变量需自带 */ .av-modal .modal-sub{margin:3px 0 0} .av-modal .modal-actions{justify-content:flex-end;gap:10px;margin-top:22px} .av-modal .btn-cancel{border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-2);border-radius:var(--r-sm);padding:9px 18px;font-size:var(--fs-small);font-family:inherit;cursor:pointer;transition:.28s} .av-modal .btn-cancel:hover{border-color:var(--blue-line);color:var(--txt)} .av-modal .btn-ai{padding:9px 18px} #avVidPrevModal .modal-actions .btn-ghost{width:auto;flex:1;padding:9px 18px;font-size:13px} /* 2026-09-17 波哥：由 none 改 1，两个按钮才等宽（对齐 Seedance 预览） */ .av-modal .btn-danger{width:auto;padding:9px 18px;font-size:var(--fs-small)} /* 2026-09-17 波哥要求②：播放区严格等于视频原比例。 原先固定高度 + contain，视频与框比例不一致时会露出「上蓝下黑」渐变底 —— 即他看到的多余边。 现由 JS 按可用高度/弹窗宽度算出等比宽高并写内联样式；这里的 max 约束是 JS 未执行时的兜底。 底色同时由渐变改为设计系统变量 --sunken，不再自创配色。 */ #avVidPrevModal .vp-big{width:auto;max-width:100%;height:auto;max-height:min(68vh,calc(92vh - 190px));align-self:center;border-radius:var(--r);margin:0 auto 14px;display:grid;place-items:center;overflow:hidden;color:var(--blue);font-weight:600;background:var(--sunken)} /* 数字人预览弹窗对齐 Seedance 板块（2026-09-17 波哥要求：一页看全、两个按钮大小统一、都放最下面）。 原先关闭按钮被设成 flex:none 退出 .modal-actions>*{flex:1} 的平分 → 关闭 64px / 下载 388px 一大一小； .vp-big 又用 aspect-ratio:9/16 撑高（实测 620px），加 vp-meta 一行后整页放不下要滚动。 2026-09-17 二次：vp-meta 行已按波哥要求整行删除，播放区改为等比自适应（见下）。 以下 5 条只作用于数字人预览弹窗，不碰 Seedance、不碰其他弹窗。 */ #avVidPrevModal .modal{max-height:92vh;overflow:hidden} #avVidPrevModal .modal-body{display:flex;flex-direction:column;min-height:0} #avVidPrevModal .modal-actions{justify-content:flex-start;gap:12px;margin-top:auto;flex:none} #avVidPrevModal .modal-actions>*{flex:1;width:auto} #avVidPrevModal .vp-big video{aspect-ratio:auto} #avVidPrevModal .vp-big .vp-play{width:46px;height:46px;border-radius:50%;background:oklch(64% 0.17 258/.22);border:1px solid var(--blue-line);display:grid;place-items:center;cursor:pointer;transition:.28s} #avVidPrevModal .vp-big .vp-play:hover{transform:scale(1.08)} #avVidPrevModal .vp-big .vp-play svg{width:20px;height:20px;color:var(--blue)} /* 字幕样式弹窗（34 款免费商用字体） */ #avStyleModal .style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px} #avStyleModal .style-card{position:relative;border:1px solid var(--line-2);border-radius:10px;background:var(--sunken);padding:11px 6px 8px;cursor:pointer;transition:.25s var(--ease);display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;min-width:0} #avStyleModal .style-card:hover{border-color:var(--blue-line);background:var(--surface);transform:translateY(-2px)} #avStyleModal .style-card.on{border-color:var(--blue-line);background:var(--blue-soft)} #avStyleModal .st-prev{font-size:15px;font-weight:800;line-height:1.4;letter-spacing:.02em;white-space:nowrap;max-width:100%;overflow:hidden} #avStyleModal .st-name{font-size:var(--fs-cap);font-weight:600;color:var(--txt-2);line-height:1.3} #avStyleModal .st-font{font-size:9.5px;color:var(--txt-3);display:flex;align-items:center;gap:3px;white-space:nowrap;max-width:100%;overflow:hidden} #avStyleModal .st-free{color:var(--green);font-weight:700;flex:none} #avStyleModal .st-check{position:absolute;right:6px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--blue);color:#fff;display:none;place-items:center;font-size:9px} #avStyleModal .style-card.on .st-check{display:grid} /* 背景音乐弹窗（10 首内置 + 本地上传） */ #avBgmModal .bgm-list{display:flex;flex-direction:column;gap:6px;margin-top:14px} #avBgmModal .bgm-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--sunken);cursor:pointer;transition:.25s var(--ease)} #avBgmModal .bgm-row:hover{border-color:var(--blue-line);background:var(--surface)} #avBgmModal .bgm-row.on{border-color:var(--blue-line);background:var(--blue-soft)} #avBgmModal .bgm-play{width:26px;height:26px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--txt-2);flex:none;transition:.25s;cursor:pointer} #avBgmModal .bgm-row:hover .bgm-play, #avBgmModal .bgm-row.on .bgm-play{border-color:var(--blue-line);color:var(--blue)} #avBgmModal .bgm-play svg{width:11px;height:11px} #avBgmModal .bgm-info{min-width:0;flex:1} #avBgmModal .bgm-nm{font-size:var(--fs-small);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #avBgmModal .bgm-tag{font-size:9.5px;color:var(--txt-3);margin-top:1px} #avBgmModal .bgm-dur{font-size:var(--fs-cap);color:var(--txt-3);font-variant-numeric:tabular-nums;flex:none} #avBgmModal .bgm-foot{display:flex;gap:8px;margin-top:12px} #avBgmModal .bgm-foot .btn-cancel, #avBgmModal .bgm-foot .btn-ai{flex:1;padding:9px 14px} /* ══════════════ 视频生成板块（data-board=seedance）· 原封不动对齐小样 aihuoke-video-seedance-v2.html v2.9 ══════════════ */ /* 字号令牌与图片生成/文案大师一致（按文案大师体系校准） */ #page-video .vc-panel[data-board="seedance"]{--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px} #page-video .vc-panel[data-board="seedance"] .vc-head{margin-bottom:15px} /* ── 输入区（v2.5 核心：左图右文）── · .sv-box 高度钉死 250px：任何模式、任何张数，整卡高度恒定 → 四胶囊位置永不动 · 左列上传卡（上下错放叠加，只占一条窄列）/ 右侧输入框（文字排在参考图后面） · 模式全部由 .sv-box 上的 m-t2v / m-i2v / m-fl 类驱动，纯 CSS，零 flag */ #page-video .vc-panel[data-board="seedance"] .sv-box{position:relative;height:250px;display:flex;flex-direction:column;gap:10px;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r);padding:12px;transition:border-color .28s var(--ease),box-shadow .28s var(--ease)} #page-video .vc-panel[data-board="seedance"] .sv-box:focus-within{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #page-video .vc-panel[data-board="seedance"] .sv-zone{flex:1;min-height:0;display:flex;gap:12px;align-items:stretch} #page-video .vc-panel[data-board="seedance"] .sv-ta{flex:1;min-width:0;min-height:0;width:auto;font-size:var(--fs-body);line-height:1.6;padding:6px 8px;background:transparent;border:none;outline:none;resize:none;color:var(--txt);font-family:inherit} #page-video .vc-panel[data-board="seedance"] .sv-ta::placeholder{color:var(--txt-3)} /* 左列上传卡：需要它的时候才出现 · 上下错放叠加 · 占左侧一条（v2.8 加大一号给图更多空间） */ #page-video .vc-panel[data-board="seedance"] .sv-strip{flex:none;width:98px;min-height:0;display:flex;flex-direction:column;padding:10px 8px 6px 10px;overflow-y:auto;overflow-x:hidden} /* 深色细滚轮（勿加 scrollbar-width:thin——它会禁用本定制、回落白色系统滚轮） */ #page-video .vc-panel[data-board="seedance"] .sv-strip::-webkit-scrollbar{width:7px} #page-video .vc-panel[data-board="seedance"] .sv-strip::-webkit-scrollbar-track{background:transparent} #page-video .vc-panel[data-board="seedance"] .sv-strip::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} #page-video .vc-panel[data-board="seedance"] .sv-box.m-t2v .sv-strip{display:none} /* 参考生队列：竖排叠放，每张露上边 38px，奇偶左右错开，像一叠错开的卡片 */ #page-video .vc-panel[data-board="seedance"] .sv-refs{display:flex;flex-direction:column;align-items:flex-start;flex:none} #page-video .vc-panel[data-board="seedance"] .sv-box.m-fl .sv-refs{display:none} #page-video .vc-panel[data-board="seedance"] .sv-refs .sv-ub{position:relative;z-index:1} #page-video .vc-panel[data-board="seedance"] .sv-refs .sv-ub + .sv-ub{margin-top:-50px} #page-video .vc-panel[data-board="seedance"] .sv-refs .sv-ub:nth-child(even){margin-left:10px} #page-video .vc-panel[data-board="seedance"] .sv-refs .sv-ub:hover{z-index:9} /* 首尾帧：竖排 首帧 / ＝ / 尾帧，完整展示不叠 */ #page-video .vc-panel[data-board="seedance"] .sv-fl{display:none;flex-direction:column;align-items:center;gap:2px;flex:none} #page-video .vc-panel[data-board="seedance"] .sv-box.m-fl .sv-fl{display:flex} /* fl 模式：卡只缩 5%（51×70），输入卡加高装下两张卡，消除滚动条 */ #page-video .vc-panel[data-board="seedance"] .sv-box.m-fl{height:280px} #page-video .vc-panel[data-board="seedance"] .sv-box.m-fl .sv-strip{padding-top:6px;padding-bottom:4px} /* 首尾帧卡缩小一号：两张卡+等号在窄列可用高度内刚好放下，不再出滚动条（2026-09-03 波哥要求） */ #page-video .vc-panel[data-board="seedance"] .sv-fl .sv-slot{width:51px;height:70px} #page-video .vc-panel[data-board="seedance"] .sv-fl .sv-thumb{width:51px;height:70px} #page-video .vc-panel[data-board="seedance"] .sv-fl .sv-slot .plus{width:20px;height:20px} #page-video .vc-panel[data-board="seedance"] .sv-fl .sv-slot .plus svg{width:20px;height:20px} /* 上传块：slot/thumb 二选一显示（.filled 切换，DOM 常驻永不重建） */ #page-video .vc-panel[data-board="seedance"] .sv-ub{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none} #page-video .vc-panel[data-board="seedance"] .sv-ub.filled .sv-slot{display:none} #page-video .vc-panel[data-board="seedance"] .sv-ub:not(.filled) .sv-thumb{display:none} /* 白色上传槽：左歪 -6° + 呼吸光圈 + hover 转正放大 */ #page-video .vc-panel[data-board="seedance"] .sv-slot{position:relative;width:54px;height:74px;border-radius:8px;background:#fff;border:1px solid var(--line-2);display:grid;place-items:center;cursor:pointer;flex:none;box-shadow:0 4px 14px -6px rgba(0,0,0,.25);transform:rotate(-6deg);animation:svBreathe 2.8s var(--ease) infinite;transition:.28s var(--ease)} #page-video .vc-panel[data-board="seedance"] .sv-slot:hover{box-shadow:0 10px 28px -10px rgba(0,0,0,.4);transform:rotate(0deg) scale(1.06);animation:none} #page-video .vc-panel[data-board="seedance"] .sv-slot .plus{width:22px;height:22px;color:var(--blue);display:grid;place-items:center} #page-video .vc-panel[data-board="seedance"] .sv-slot .plus svg{width:22px;height:22px;stroke-width:2.4} #page-video .vc-panel[data-board="seedance"] .sv-slot .lb{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);background:oklch(14% 0.011 258/.75);color:#fff;font-size:9.5px;font-weight:600;letter-spacing:.04em;padding:1px 6px;border-radius:5px;white-space:nowrap} #page-video .vc-panel[data-board="seedance"] .sv-slot.off{opacity:.32;cursor:not-allowed;animation:none} #page-video .vc-panel[data-board="seedance"] .sv-slot.off:hover{transform:rotate(-6deg);box-shadow:0 4px 14px -6px rgba(0,0,0,.25)} @keyframes svBreathe{0%,100%{box-shadow:0 4px 14px -6px rgba(0,0,0,.25),0 0 0 0 oklch(64% 0.17 258/0)}50%{box-shadow:0 6px 16px -6px rgba(0,0,0,.3),0 0 0 6px oklch(64% 0.17 258/.12)}} /* 已上传缩略图：左歪；hover 边框变色 + 右上角角标浮现 */ #page-video .vc-panel[data-board="seedance"] .sv-thumb{position:relative;width:54px;height:74px;border-radius:8px;background:linear-gradient(135deg,var(--blue-soft),var(--sunken));background-size:cover;background-position:center;border:1px solid var(--blue-line);flex:none;cursor:pointer;transform:rotate(-6deg);transition:.28s var(--ease);animation:svPop .22s var(--ease)} @keyframes svPop{from{opacity:0;transform:rotate(-6deg) scale(.92)}to{opacity:1;transform:rotate(-6deg) scale(1)}} #page-video .vc-panel[data-board="seedance"] .sv-thumb:hover{border-color:var(--red)} #page-video .vc-panel[data-board="seedance"] .sv-thumb .x{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;line-height:16px;text-align:center;font-weight:700;display:none;cursor:pointer} #page-video .vc-panel[data-board="seedance"] .sv-thumb:hover .x{display:block} #page-video .vc-panel[data-board="seedance"] .sv-thumb .tg{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);background:oklch(14% 0.011 258/.72);padding:1px 5px;border-radius:5px;color:#fff;font-size:9.5px;font-weight:600;letter-spacing:.04em;white-space:nowrap} /* 参考队列：点图本体=替换（hover 蓝边框）；右上角红 ×=删除（独立按钮，阻止冒泡）；首尾帧红 ×=移除 */ #page-video .vc-panel[data-board="seedance"] #svRefs .sv-thumb:hover{border-color:var(--blue)} /* v2.8b 只有参考队列的卡加大一号（首尾帧两张上传卡保持原大小 54×74 不变） */ #page-video .vc-panel[data-board="seedance"] #svRefs .sv-slot{width:66px;height:88px} #page-video .vc-panel[data-board="seedance"] #svRefs .sv-thumb{width:66px;height:88px} #page-video .vc-panel[data-board="seedance"] #svRefs .sv-slot .plus{width:26px;height:26px} #page-video .vc-panel[data-board="seedance"] #svRefs .sv-slot .plus svg{width:26px;height:26px} /* 首尾帧之间的全角等号（竖排里横放居中） */ #page-video .vc-panel[data-board="seedance"] .sv-eq{display:grid;place-items:center;width:46px;height:14px;color:var(--txt-3);flex:none;font-family:var(--font-display);font-size:13px;font-weight:500;line-height:1} /* 控件行：贴底常驻（box 高度恒定 → 三模式零漂移，四胶囊永不移动） */ #page-video .vc-panel[data-board="seedance"] .sv-ctl{flex:none;display:flex;flex-wrap:wrap;align-items:center;row-gap:5px;column-gap:4px} #page-video .vc-panel[data-board="seedance"] .sv-caps{display:flex;flex-wrap:wrap;align-items:center;gap:4px;flex:none} #page-video .vc-panel[data-board="seedance"] .sv-acts{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none} /* ── 下拉胶囊 ── */ #page-video .vc-panel[data-board="seedance"] .dd{position:relative;flex:none} #page-video .vc-panel[data-board="seedance"] .dd-t{display:flex;align-items:center;gap:4px;height:30px;padding:0 8px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--txt-2);font-family:inherit;font-size:var(--fs-cap);cursor:pointer;transition:.28s var(--ease);white-space:nowrap} #page-video .vc-panel[data-board="seedance"] .dd-t:hover{border-color:var(--blue-line);color:var(--txt)} #page-video .vc-panel[data-board="seedance"] .dd.open .dd-t{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} #page-video .vc-panel[data-board="seedance"] .dd-t .v{font-weight:600;max-width:118px;overflow:hidden;text-overflow:ellipsis} #page-video .vc-panel[data-board="seedance"] .dd-t .c{width:12px;height:12px;flex:none;opacity:.7;transition:transform .25s var(--ease)} #page-video .vc-panel[data-board="seedance"] .dd.open .dd-t .c{transform:rotate(180deg)} #page-video .vc-panel[data-board="seedance"] .dd-p{position:absolute;top:calc(100% + 6px);left:0;z-index:40;background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow);padding:11px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.22s var(--ease)} #page-video .vc-panel[data-board="seedance"] .dd.open .dd-p{opacity:1;visibility:visible;transform:none} #page-video .vc-panel[data-board="seedance"] .dd-dim{font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3);font-weight:600;margin:0 2px 9px} /* 关联项目胶囊选中后亮蓝（已挂企业档案） */ #page-video .vc-panel[data-board="seedance"] .dd.linked .dd-t{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} /* 模式面板：3 列 */ #page-video .vc-panel[data-board="seedance"] .dd-p.mode{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:330px;padding:9px} #page-video .vc-panel[data-board="seedance"] .m-cap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface);cursor:pointer;transition:.28s var(--ease);padding:10px 4px;min-height:66px} #page-video .vc-panel[data-board="seedance"] .m-cap:hover, #page-video .vc-panel[data-board="seedance"] .m-cap.on{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="seedance"] .m-cap svg{width:16px;height:16px;color:var(--txt-3);transition:.28s} #page-video .vc-panel[data-board="seedance"] .m-cap.on svg{color:var(--blue)} #page-video .vc-panel[data-board="seedance"] .m-cap .ml{font-size:var(--fs-label);color:var(--txt-2);font-weight:500;transition:.28s;white-space:nowrap} #page-video .vc-panel[data-board="seedance"] .m-cap.on .ml{color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="seedance"] .m-cap .ms{font-size:9.5px;color:var(--txt-3);line-height:1.3;text-align:center;white-space:nowrap} /* 比例面板：6 列矮胶囊（9:16 第一 · 21:9 最后） */ #page-video .vc-panel[data-board="seedance"] .dd-p.ratio{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:432px;padding:9px} #page-video .vc-panel[data-board="seedance"] .r-cap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);cursor:pointer;transition:.28s var(--ease);padding:5px 4px;min-height:40px} #page-video .vc-panel[data-board="seedance"] .r-cap:hover, #page-video .vc-panel[data-board="seedance"] .r-cap.on{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="seedance"] .r-cap .ri{border:1.5px solid var(--txt-3);border-radius:3px;flex:none;transition:.28s;max-width:24px;max-height:13px} #page-video .vc-panel[data-board="seedance"] .r-cap.on .ri{border-color:var(--blue)} #page-video .vc-panel[data-board="seedance"] .r-cap .rl{font-size:var(--fs-label);color:var(--txt-2);font-weight:500;transition:.28s;letter-spacing:.02em} #page-video .vc-panel[data-board="seedance"] .r-cap.on .rl{color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="seedance"] .r-cap[data-ratio="1:1"] .ri{width:11px;height:11px} #page-video .vc-panel[data-board="seedance"] .r-cap[data-ratio="9:16"] .ri, #page-video .vc-panel[data-board="seedance"] .r-cap[data-ratio="3:4"] .ri{width:9px;height:13px} #page-video .vc-panel[data-board="seedance"] .r-cap[data-ratio="21:9"] .ri, #page-video .vc-panel[data-board="seedance"] .r-cap[data-ratio="16:9"] .ri, #page-video .vc-panel[data-board="seedance"] .r-cap[data-ratio="4:3"] .ri{width:20px;height:10px} /* 画质面板：单列（720P 标清素材 / 1080P 高清素材 · 无价格） */ #page-video .vc-panel[data-board="seedance"] .dd-p.qual{width:236px} #page-video .vc-panel[data-board="seedance"] .q-list{display:flex;flex-direction:column;gap:6px} #page-video .vc-panel[data-board="seedance"] .q-opt{display:flex;align-items:center;gap:9px;height:36px;padding:0 11px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);cursor:pointer;transition:.28s;font-size:var(--fs-cap);font-weight:500;color:var(--txt-2)} #page-video .vc-panel[data-board="seedance"] .q-opt:hover, #page-video .vc-panel[data-board="seedance"] .q-opt.on{border-color:var(--blue-line);background:var(--blue-soft);color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="seedance"] .q-opt .qi{width:6px;height:6px;border-radius:50%;background:var(--txt-3);flex:none;transition:.28s} #page-video .vc-panel[data-board="seedance"] .q-opt.on .qi{background:var(--blue)} #page-video .vc-panel[data-board="seedance"] .q-opt .qs{margin-left:auto;color:var(--txt-3);font-size:var(--fs-label)} #page-video .vc-panel[data-board="seedance"] .q-opt.on .qs{color:var(--blue)} /* 时长面板：横向滚轮（4-15 秒） */ #page-video .vc-panel[data-board="seedance"] .dd-p.dur{width:344px;padding:14px 11px;display:flex;flex-direction:column;gap:8px} #page-video .vc-panel[data-board="seedance"] .dur-wheel{position:relative;height:64px;display:flex;align-items:center} #page-video .vc-panel[data-board="seedance"] .dur-wheel::before, #page-video .vc-panel[data-board="seedance"] .dur-wheel::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:24px;height:1px;background:var(--line-2);pointer-events:none} #page-video .vc-panel[data-board="seedance"] .dur-wheel::before{left:-4px} #page-video .vc-panel[data-board="seedance"] .dur-wheel::after{right:-4px} #page-video .vc-panel[data-board="seedance"] .dur-rail{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;display:flex;gap:7px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 124px;scroll-behavior:smooth;mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 72%,transparent 100%);scrollbar-width:none} #page-video .vc-panel[data-board="seedance"] .dur-rail::-webkit-scrollbar{display:none} #page-video .vc-panel[data-board="seedance"] .dur-n{flex:none;width:60px;height:64px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--line-2);background:var(--surface);cursor:pointer;transition:.28s var(--ease);scroll-snap-align:center;font-variant-numeric:tabular-nums} #page-video .vc-panel[data-board="seedance"] .dur-n .n{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--txt-2);line-height:1} #page-video .vc-panel[data-board="seedance"] .dur-n .u{font-size:9px;color:var(--txt-3);font-weight:600;letter-spacing:.04em} #page-video .vc-panel[data-board="seedance"] .dur-n:hover{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="seedance"] .dur-n.on{border-color:var(--blue-line);background:var(--blue-soft);transform:scale(1.04);box-shadow:0 6px 18px -8px var(--blue)} #page-video .vc-panel[data-board="seedance"] .dur-n.on .n, #page-video .vc-panel[data-board="seedance"] .dur-n.on .u{color:var(--blue)} #page-video .vc-panel[data-board="seedance"] .dur-hint{font-size:9.5px;color:var(--txt-3);letter-spacing:.04em;text-align:center;font-weight:500} /* 关联项目面板：竖排项目列表，选中后 AI 自动带企业档案生成 */ #page-video .vc-panel[data-board="seedance"] .dd-p.proj{width:312px;padding:10px;display:flex;flex-direction:column;gap:5px} #page-video .vc-panel[data-board="seedance"] .proj-tip{font-size:9.5px;color:var(--txt-3);line-height:1.55;padding:0 3px 8px;border-bottom:1px dashed var(--line-2);margin-bottom:3px} #page-video .vc-panel[data-board="seedance"] .proj-tip b{color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="seedance"] .p-opt{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);cursor:pointer;transition:.28s var(--ease)} #page-video .vc-panel[data-board="seedance"] .p-opt:hover{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="seedance"] .p-opt.on{border-color:var(--blue-line);background:var(--blue-soft);box-shadow:0 4px 14px -8px var(--blue)} #page-video .vc-panel[data-board="seedance"] .p-ic{width:30px;height:30px;border-radius:8px;background:var(--sunken);display:grid;place-items:center;color:var(--blue);flex:none} #page-video .vc-panel[data-board="seedance"] .p-ic svg{width:15px;height:15px} #page-video .vc-panel[data-board="seedance"] .p-ic b{font-size:13px;font-weight:700;color:var(--blue)} #page-video .vc-panel[data-board="seedance"] .p-mid{flex:1;min-width:0} #page-video .vc-panel[data-board="seedance"] .p-name{font-size:var(--fs-cap);font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-video .vc-panel[data-board="seedance"] .p-sub{font-size:9.5px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px} #page-video .vc-panel[data-board="seedance"] .p-ok{flex:none;display:inline-flex;align-items:center;gap:3px;font-size:9.5px;color:var(--green);font-weight:600;letter-spacing:.02em} #page-video .vc-panel[data-board="seedance"] .p-ok .d{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px oklch(76% 0.14 158/.14)} #page-video .vc-panel[data-board="seedance"] .p-none{justify-content:center;color:var(--txt-3);font-size:var(--fs-label);font-weight:500;padding:7px;border:1px dashed var(--line-2);border-radius:8px} #page-video .vc-panel[data-board="seedance"] .p-none:hover{color:var(--txt-2);border-color:var(--txt-3)} /* 生成按钮组 */ #page-video .vc-panel[data-board="seedance"] .sv-auto{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line-2);color:var(--txt-2);font-family:inherit;font-size:var(--fs-cap);font-weight:600;cursor:pointer;transition:.28s var(--ease);flex:none;white-space:nowrap} #page-video .vc-panel[data-board="seedance"] .sv-auto svg{width:14px;height:14px;flex:none;color:var(--blue)} #page-video .vc-panel[data-board="seedance"] .sv-auto:hover{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} #page-video .vc-panel[data-board="seedance"] .sv-gen{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:var(--r-sm);background:var(--blue);color:#fff;border:none;font-family:inherit;font-size:var(--fs-small);font-weight:600;cursor:pointer;box-shadow:0 8px 20px -8px var(--blue);transition:.28s var(--ease);flex:none;white-space:nowrap} #page-video .vc-panel[data-board="seedance"] .sv-gen:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px var(--blue)} /* seedance 历史卡（孤儿作用域：历史列表不在面板 DOM 内，字号自带） */ #page-video .vc-hist-list[data-board="seedance"]{--fs-small:13px;--fs-cap:12px;--fs-label:10.5px} #page-video .vc-hist-list[data-board="seedance"] .h-card{background:var(--sunken);border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:12px;transition:.28s var(--ease);cursor:pointer;position:relative} #page-video .vc-hist-list[data-board="seedance"] .h-card:last-child{margin-bottom:0} #page-video .vc-hist-list[data-board="seedance"] .h-card:hover{border-color:var(--blue-line);background:var(--surface);transform:translateY(-2px)} #page-video .vc-hist-list[data-board="seedance"] .hc-thumb{width:100%;height:96px;min-height:96px;max-height:96px;border-radius:var(--r-sm);display:block;position:relative;background:var(--sunken);overflow:hidden;margin-bottom:9px} #page-video .vc-hist-list[data-board="seedance"] .hc-thumb video{position:absolute;inset:0;width:100%!important;height:100%!important;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;background:var(--sunken);border-radius:inherit;display:block} #page-video .vc-hist-list[data-board="seedance"] .hc-thumb .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:oklch(20.5% 0.013 258/.72);backdrop-filter:blur(3px);border:1px solid var(--blue-line);display:grid;place-items:center;color:#fff} #page-video .vc-hist-list[data-board="seedance"] .hc-thumb .play svg{width:15px;height:15px} #page-video .vc-hist-list[data-board="seedance"] .hc-thumb .dur{position:absolute;right:8px;bottom:6px;font-size:10px;color:#fff;background:oklch(14% 0.011 258/.72);border-radius:5px;padding:1px 6px;font-variant-numeric:tabular-nums} #page-video .vc-hist-list[data-board="seedance"] .hc-top{display:flex;align-items:center;gap:9px;margin-bottom:7px} #page-video .vc-hist-list[data-board="seedance"] .hc-ic{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)} #page-video .vc-hist-list[data-board="seedance"] .hc-ic svg{width:16px;height:16px} #page-video .vc-hist-list[data-board="seedance"] .hc-title{font-size:var(--fs-small);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video .vc-hist-list[data-board="seedance"] .hc-status{font-size:var(--fs-label);font-weight:600;padding:2px 8px;border-radius:99px;flex:none;letter-spacing:.02em;white-space:nowrap} #page-video .vc-hist-list[data-board="seedance"] .hc-status.done{color:var(--green);background:oklch(76% 0.14 158/.14);border:1px solid oklch(76% 0.14 158/.34)} #page-video .vc-hist-list[data-board="seedance"] .hc-status.run{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);animation:svBlink 1.4s ease-in-out infinite} @keyframes svBlink{0%,100%{opacity:1}50%{opacity:.45}} #page-video .vc-hist-list[data-board="seedance"] .hc-meta{font-size:var(--fs-cap);color:var(--txt-3);margin-bottom:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center} #page-video .vc-hist-list[data-board="seedance"] .hc-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--txt-3);opacity:.6} #page-video .vc-hist-list[data-board="seedance"] .hc-tags{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap} #page-video .vc-hist-list[data-board="seedance"] .hc-acts{display:flex;gap:6px} /* seedance 视频预览弹层（大图按所选比例自适应） */ #svPrevModal .modal{max-height:92vh;overflow:hidden} #svPrevModal .modal-body{display:flex;flex-direction:column;min-height:0} #svPrevModal .vp-big{width:100%;height:min(68vh,calc(92vh - 190px));min-height:180px;border-radius:var(--r);background:linear-gradient(135deg,var(--blue-soft),var(--sunken));display:grid;place-items:center;overflow:hidden;color:var(--blue);font-weight:600;font-size:22px;margin-bottom:14px} #svPrevModal .vp-big video{aspect-ratio:auto} #svPrevModal .modal-actions{flex:none;margin-top:auto} #svPrevModal .vp-big .vp-play{width:52px;height:52px;border-radius:50%;background:oklch(20.5% 0.013 258/.72);backdrop-filter:blur(3px);border:1px solid var(--blue-line);display:grid;place-items:center;color:#fff;cursor:pointer;transition:.28s var(--ease)} #svPrevModal .vp-big .vp-play:hover{transform:scale(1.08)} #svPrevModal .vp-big .vp-play svg{width:22px;height:22px} /* ============ 智能混剪（mix 板块）：原封不动对齐小样 aihuoke-video-mix-v1.html（第 79 轮定稿） ============ */ #page-video .vc-panel[data-board="mix"]{--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px} /* 输入区：高度钉死 418px——两种模式下胶囊行、按钮行位置恒定零漂移；左素材 52% / 右设置 */ #page-video .vc-panel[data-board="mix"] .mx-box{position:relative;height:418px;display:flex;flex-direction:column;gap:12px;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r);padding:14px;transition:border-color .28s var(--ease),box-shadow .28s var(--ease)} #page-video .vc-panel[data-board="mix"] .mx-box:focus-within{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #page-video .vc-panel[data-board="mix"] .mx-zone{flex:1;min-height:0;display:flex;gap:14px;align-items:stretch} /* 左：素材选择区 */ #page-video .vc-panel[data-board="mix"] .mx-mats{flex:0 0 52%;min-width:0;display:flex;flex-direction:column;gap:8px} #page-video .vc-panel[data-board="mix"] .mx-mh{flex:none;display:flex;align-items:center;gap:8px} #page-video .vc-panel[data-board="mix"] .mx-mh .mt{font-size:var(--fs-cap);font-weight:600;color:var(--txt-2);letter-spacing:.02em} #page-video .vc-panel[data-board="mix"] .mx-mh .mc{font-size:var(--fs-label);color:var(--blue);background:var(--blue-soft);border-radius:20px;padding:1px 8px;font-weight:600;font-variant-numeric:tabular-nums} #page-video .vc-panel[data-board="mix"] .mx-mh .ops{margin-left:auto;display:flex;gap:5px} #page-video .vc-panel[data-board="mix"] .mx-mb{font-size:11px;border:1px solid var(--line-2);background:var(--surface);color:var(--txt-2);border-radius:6px;padding:4px 10px;cursor:pointer;font-family:inherit;font-weight:600;transition:.24s var(--ease);white-space:nowrap} #page-video .vc-panel[data-board="mix"] .mx-mb:hover{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} #page-video .vc-panel[data-board="mix"] .mx-mb.up{color:var(--blue);border-color:var(--blue-line)} #page-video .vc-panel[data-board="mix"] .mx-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:min-content;gap:8px;overflow-y:auto;padding-right:3px} #page-video .vc-panel[data-board="mix"] .mx-grid::-webkit-scrollbar{width:7px} #page-video .vc-panel[data-board="mix"] .mx-grid::-webkit-scrollbar-track{background:transparent} #page-video .vc-panel[data-board="mix"] .mx-grid::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} /* 素材卡：16:9 视频缩略 + 勾选圆点 + 时长角标 + 图内文件名 */ #page-video .vc-panel[data-board="mix"] .mx-mat{position:relative;aspect-ratio:16/9;border-radius:8px;border:1px solid var(--line-2);cursor:pointer;overflow:hidden;transition:.24s var(--ease);background-size:cover;background-position:center} #page-video .vc-panel[data-board="mix"] .mx-mat:hover{border-color:var(--blue-line);transform:translateY(-1px)} #page-video .vc-panel[data-board="mix"] .mx-mat.on{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft),0 4px 14px -8px var(--blue)} #page-video .vc-panel[data-board="mix"] .mx-mat .vp{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:oklch(14% 0.011 258/.62);border:1px solid var(--line-2);display:grid;place-items:center;color:#fff;opacity:.9} #page-video .vc-panel[data-board="mix"] .mx-mat .vp svg{width:9px;height:9px} #page-video .vc-panel[data-board="mix"] .mx-mat .mx-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9} #page-video .vc-panel[data-board="mix"] .mx-mat .dur{position:absolute;right:5px;bottom:5px;font-size:10.5px;color:#fff;background:oklch(14% 0.011 258/.72);border-radius:5px;padding:0 5px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em} #page-video .vc-panel[data-board="mix"] .mx-mat .fn{position:absolute;left:0;right:0;bottom:0;padding:9px 7px 4px;font-size:11px;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(180deg,transparent,oklch(14% 0.011 258/.82));letter-spacing:.02em} #page-video .vc-panel[data-board="mix"] .mx-mat .ck{position:absolute;right:5px;top:5px;width:17px;height:17px;border-radius:50%;border:1.5px solid rgba(255,255,255,.62);background:oklch(14% 0.011 258/.5);display:grid;place-items:center;transition:.22s var(--ease);z-index:2} #page-video .vc-panel[data-board="mix"] .mx-mat .ck svg{width:10px;height:10px;color:#fff;opacity:0;transform:scale(.5);transition:.22s var(--ease)} #page-video .vc-panel[data-board="mix"] .mx-mat.on .ck{background:var(--blue);border-color:var(--blue);box-shadow:0 2px 8px -2px var(--blue)} #page-video .vc-panel[data-board="mix"] .mx-mat.on .ck svg{opacity:1;transform:none} /* 本地素材右上角删除点 */ #page-video .vc-panel[data-board="mix"] .mx-mat .del{position:absolute;left:5px;top:5px;width:15px;height:15px;border-radius:50%;background:oklch(14% 0.011 258/.72);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:10px;line-height:13px;text-align:center;cursor:pointer;opacity:0;transition:.22s;font-weight:700;z-index:2} #page-video .vc-panel[data-board="mix"] .mx-mat:hover .del{opacity:1} #page-video .vc-panel[data-board="mix"] .mx-mat .del:hover{background:var(--red);border-color:var(--red)} /* 空态 */ #page-video .vc-panel[data-board="mix"] .mx-empty{flex:1;min-height:0;border:1px dashed var(--line-2);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--txt-3);text-align:center;padding:10px} #page-video .vc-panel[data-board="mix"] .mx-empty svg{width:22px;height:22px;opacity:.5} #page-video .vc-panel[data-board="mix"] .mx-empty .e1{font-size:var(--fs-cap);font-weight:500} #page-video .vc-panel[data-board="mix"] .mx-empty .e2{font-size:11px;line-height:1.5;max-width:220px} /* 右：设置区（模式驱动 display 切换） */ #page-video .vc-panel[data-board="mix"] .mx-set{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px} #page-video .vc-panel[data-board="mix"] .mx-sh{flex:none;display:flex;align-items:center;gap:7px;font-size:var(--fs-cap);font-weight:600;color:var(--txt-2);letter-spacing:.02em} #page-video .vc-panel[data-board="mix"] .mx-sh .hc{width:16px;height:16px;border-radius:5px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);flex:none} #page-video .vc-panel[data-board="mix"] .mx-sh .hc svg{width:10px;height:10px} #page-video .vc-panel[data-board="mix"] .mx-sh .sub{margin-left:auto;font-size:10.5px;color:var(--txt-3);font-weight:500} /* 防判重开关组：2 列小卡，点选亮蓝 */ #page-video .vc-panel[data-board="mix"] .mx-tgs{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;gap:8px;align-content:start;overflow-y:auto;padding-right:3px} #page-video .vc-panel[data-board="mix"] .mx-tgs::-webkit-scrollbar{width:7px} #page-video .vc-panel[data-board="mix"] .mx-tgs::-webkit-scrollbar-track{background:transparent} #page-video .vc-panel[data-board="mix"] .mx-tgs::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} #page-video .vc-panel[data-board="mix"] .mx-tg{display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);padding:9px 11px;cursor:pointer;transition:.24s var(--ease)} #page-video .vc-panel[data-board="mix"] .mx-tg:hover{border-color:var(--blue-line)} #page-video .vc-panel[data-board="mix"] .mx-tg.on{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="mix"] .mx-tg .sw{flex:none;width:26px;height:14px;border-radius:99px;background:var(--line-2);position:relative;transition:.24s var(--ease)} #page-video .vc-panel[data-board="mix"] .mx-tg .sw::after{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--txt-2);transition:.24s var(--ease)} #page-video .vc-panel[data-board="mix"] .mx-tg.on .sw{background:var(--blue)} #page-video .vc-panel[data-board="mix"] .mx-tg.on .sw::after{left:14px;background:#fff} #page-video .vc-panel[data-board="mix"] .mx-tg .tt{font-size:12px;font-weight:600;color:var(--txt-2);white-space:nowrap;transition:.24s} #page-video .vc-panel[data-board="mix"] .mx-tg.on .tt{color:var(--blue)} #page-video .vc-panel[data-board="mix"] .mx-tg .td{font-size:10.5px;color:var(--txt-3);line-height:1.35;margin-top:1px} /* 自由脚本：三段编排轨道 */ #page-video .vc-panel[data-board="mix"] .mx-script{display:none;flex:1;min-height:0;flex-direction:column;gap:8px} #page-video .vc-panel[data-board="mix"] .mx-box.m-script .mx-script{display:flex} #page-video .vc-panel[data-board="mix"] .mx-anti{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0} #page-video .vc-panel[data-board="mix"] .mx-box.m-script .mx-anti{display:none} #page-video .vc-panel[data-board="mix"] .mx-seg{flex:1;min-height:0;display:flex;align-items:center;gap:9px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface);padding:8px 11px;transition:.24s var(--ease)} #page-video .vc-panel[data-board="mix"] .mx-seg:hover{border-color:var(--blue-line)} #page-video .vc-panel[data-board="mix"] .mx-seg .si{flex:none;width:52px;display:flex;flex-direction:column;gap:1px;line-height:1.15} #page-video .vc-panel[data-board="mix"] .mx-seg .si .n{font-size:11.5px;font-weight:700;color:var(--blue);font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap} #page-video .vc-panel[data-board="mix"] .mx-seg .si .s{font-size:10px;color:var(--txt-3);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums} #page-video .vc-panel[data-board="mix"] .mx-seg .st{position:relative;flex:none;width:48px;height:30px;border-radius:5px;border:1px solid var(--line-2);background-size:cover;background-position:center;cursor:pointer;overflow:hidden;transition:.24s var(--ease);display:grid;place-items:center;color:var(--txt-3)} #page-video .vc-panel[data-board="mix"] .mx-seg .st:hover{border-color:var(--blue-line)} #page-video .vc-panel[data-board="mix"] .mx-seg .st svg{width:12px;height:12px} #page-video .vc-panel[data-board="mix"] .mx-seg .st .sd{position:absolute;right:2px;bottom:1px;font-size:9.5px;color:#fff;background:oklch(14% 0.011 258/.72);border-radius:4px;padding:0 3px;font-weight:600} #page-video .vc-panel[data-board="mix"] .mx-seg input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--txt);font-family:inherit;font-size:12px;line-height:1.4;padding:3px} #page-video .vc-panel[data-board="mix"] .mx-seg input::placeholder{color:var(--txt-3)} #page-video .vc-panel[data-board="mix"] .mx-seg-tip{flex:none;font-size:10.5px;color:var(--txt-3);letter-spacing:.03em;padding:0 2px} /* 控件行 + 按钮行：贴底常驻（高度恒定零漂移） */ #page-video .vc-panel[data-board="mix"] .mx-ctl{flex:none;display:flex;flex-wrap:wrap;align-items:center;row-gap:6px;column-gap:6px} #page-video .vc-panel[data-board="mix"] .mx-caps{display:flex;flex-wrap:wrap;align-items:center;gap:5px;flex:none} #page-video .vc-panel[data-board="mix"] .mx-acts{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none} #page-video .vc-panel[data-board="mix"] .mx-acts.mixing{flex:1;min-width:0;margin-left:8px} #page-video .vc-panel[data-board="mix"] #mxBtnGen.is-mixing, #page-video .vc-panel[data-board="mix"] #mxBtnGen:disabled{cursor:not-allowed;opacity:.58;filter:saturate(.65);pointer-events:none} #page-video .vc-panel[data-board="mix"] .mx-plan{font-size:11.5px;color:var(--txt-3);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap} #page-video .vc-panel[data-board="mix"] .mx-plan b{color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="mix"] .mx-gen{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:var(--r-sm);background:var(--blue);color:#fff;border:none;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 8px 20px -8px var(--blue);transition:.28s var(--ease);flex:none;white-space:nowrap} #page-video .vc-panel[data-board="mix"] .mx-gen svg{width:14px;height:14px} #page-video .vc-panel[data-board="mix"] .mx-gen:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px var(--blue)} /* 下拉胶囊（与 Seedance / image 同体系，mix 自带一份作用域） */ #page-video .vc-panel[data-board="mix"] .dd{position:relative;flex:none} #page-video .vc-panel[data-board="mix"] .dd-t{display:flex;align-items:center;gap:4px;height:30px;padding:0 9px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--txt-2);font-family:inherit;font-size:12px;cursor:pointer;transition:.28s var(--ease);white-space:nowrap} #page-video .vc-panel[data-board="mix"] .dd-t:hover{border-color:var(--blue-line);color:var(--txt)} #page-video .vc-panel[data-board="mix"] .dd.open .dd-t{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} #page-video .vc-panel[data-board="mix"] .dd-t .v{font-weight:600;max-width:118px;overflow:hidden;text-overflow:ellipsis} #page-video .vc-panel[data-board="mix"] .dd-t .c{width:12px;height:12px;flex:none;opacity:.7;transition:transform .25s var(--ease)} #page-video .vc-panel[data-board="mix"] .dd.open .dd-t .c{transform:rotate(180deg)} #page-video .vc-panel[data-board="mix"] .dd-p{position:absolute;top:calc(100% + 6px);left:0;z-index:40;background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow);padding:11px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.22s var(--ease)} #page-video .vc-panel[data-board="mix"] .dd.open .dd-p{opacity:1;visibility:visible;transform:none} /* 靠右的胶囊（条数/单条/画幅）面板向左展开 */ #page-video .vc-panel[data-board="mix"] #mxDdCount .dd-p, #page-video .vc-panel[data-board="mix"] #mxDdDur .dd-p, #page-video .vc-panel[data-board="mix"] #mxDdRatio .dd-p{left:auto;right:0} #page-video .vc-panel[data-board="mix"] .dd.linked .dd-t{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} /* 模式面板：2 列 */ #page-video .vc-panel[data-board="mix"] .dd-p.mode{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:236px;padding:9px} #page-video .vc-panel[data-board="mix"] .m-cap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface);cursor:pointer;transition:.28s var(--ease);padding:10px 4px;min-height:66px} #page-video .vc-panel[data-board="mix"] .m-cap:hover, #page-video .vc-panel[data-board="mix"] .m-cap.on{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="mix"] .m-cap svg{width:16px;height:16px;color:var(--txt-3);transition:.28s} #page-video .vc-panel[data-board="mix"] .m-cap.on svg{color:var(--blue)} #page-video .vc-panel[data-board="mix"] .m-cap .ml{font-size:10.5px;color:var(--txt-2);font-weight:500;transition:.28s;white-space:nowrap} #page-video .vc-panel[data-board="mix"] .m-cap.on .ml{color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="mix"] .m-cap .ms{font-size:9.5px;color:var(--txt-3);line-height:1.3;text-align:center;white-space:nowrap} /* 条数 / 时长面板：4 列数字胶囊 */ #page-video .vc-panel[data-board="mix"] .dd-p.count, #page-video .vc-panel[data-board="mix"] .dd-p.dur{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:280px;padding:9px} #page-video .vc-panel[data-board="mix"] .n-cap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);cursor:pointer;transition:.28s var(--ease);padding:8px 4px;min-height:46px;font-variant-numeric:tabular-nums} #page-video .vc-panel[data-board="mix"] .n-cap:hover, #page-video .vc-panel[data-board="mix"] .n-cap.on{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="mix"] .n-cap .n{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--txt-2);line-height:1.1;transition:.28s} #page-video .vc-panel[data-board="mix"] .n-cap .u{font-size:9px;color:var(--txt-3);font-weight:600;letter-spacing:.04em} #page-video .vc-panel[data-board="mix"] .n-cap.on .n, #page-video .vc-panel[data-board="mix"] .n-cap.on .u{color:var(--blue)} /* 画幅面板：3 列 */ #page-video .vc-panel[data-board="mix"] .dd-p.ratio{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:216px;padding:9px} #page-video .vc-panel[data-board="mix"] .r-cap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface);cursor:pointer;transition:.28s var(--ease);padding:5px 4px;min-height:40px} #page-video .vc-panel[data-board="mix"] .r-cap:hover, #page-video .vc-panel[data-board="mix"] .r-cap.on{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="mix"] .r-cap .ri{border:1.5px solid var(--txt-3);border-radius:3px;flex:none;transition:.28s;max-width:24px;max-height:13px} #page-video .vc-panel[data-board="mix"] .r-cap.on .ri{border-color:var(--blue)} #page-video .vc-panel[data-board="mix"] .r-cap .rl{font-size:10.5px;color:var(--txt-2);font-weight:500;transition:.28s;letter-spacing:.02em} #page-video .vc-panel[data-board="mix"] .r-cap.on .rl{color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="mix"] .r-cap[data-ratio="1:1"] .ri{width:11px;height:11px} #page-video .vc-panel[data-board="mix"] .r-cap[data-ratio="9:16"] .ri{width:9px;height:13px} #page-video .vc-panel[data-board="mix"] .r-cap[data-ratio="3:4"] .ri{width:10px;height:13px} #page-video .vc-panel[data-board="mix"] .r-cap[data-ratio="4:3"] .ri{width:13px;height:10px} #page-video .vc-panel[data-board="mix"] .r-cap[data-ratio="16:9"] .ri{width:20px;height:10px} /* 关联项目面板（提示语按混剪改写） */ #page-video .vc-panel[data-board="mix"] .dd-p.proj{width:312px;padding:10px;display:flex;flex-direction:column;gap:5px} #page-video .vc-panel[data-board="mix"] .proj-tip{font-size:10.5px;color:var(--txt-3);line-height:1.55;padding:0 3px 8px;border-bottom:1px dashed var(--line-2);margin-bottom:3px} #page-video .vc-panel[data-board="mix"] .proj-tip b{color:var(--blue);font-weight:600} #page-video .vc-panel[data-board="mix"] .p-opt{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);cursor:pointer;transition:.28s var(--ease)} #page-video .vc-panel[data-board="mix"] .p-opt:hover{border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-panel[data-board="mix"] .p-opt.on{border-color:var(--blue-line);background:var(--blue-soft);box-shadow:0 4px 14px -8px var(--blue)} #page-video .vc-panel[data-board="mix"] .p-ic{width:30px;height:30px;border-radius:8px;background:var(--sunken);display:grid;place-items:center;color:var(--blue);flex:none;font-family:var(--font-display);font-weight:600;font-size:13px} #page-video .vc-panel[data-board="mix"] .p-mid{flex:1;min-width:0} #page-video .vc-panel[data-board="mix"] .p-name{font-size:12px;font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-video .vc-panel[data-board="mix"] .p-sub{font-size:10.5px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px} #page-video .vc-panel[data-board="mix"] .p-ok{flex:none;display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--green);font-weight:600;letter-spacing:.02em} #page-video .vc-panel[data-board="mix"] .p-ok .d{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px oklch(76% .14 158/.14)} #page-video .vc-panel[data-board="mix"] .p-none{justify-content:center;color:var(--txt-3);font-size:11px;font-weight:500;padding:7px;border:1px dashed var(--line-2);border-radius:8px} #page-video .vc-panel[data-board="mix"] .p-none:hover{color:var(--txt-2);border-color:var(--txt-3)} /* 窄容器适配（主文件中间列约比小样窄 250px）：视口 ≤1540 时开关卡纵排（滑块顶行、文字全宽）， 素材 3 列→2 列、左区 52%→46%。横排 [滑块26+间距8+4字标题48] 需每列 ≥104px，只有 box ≥560px（视口 >1540）才放得下； 纵排后每列文字可用宽 = 卡宽-22，1440 下 78px ≥「配字幕+AI 徽章」58px，1366 下 59px 贴平通过 */ @media (max-width:1540px){ #page-video .vc-panel[data-board="mix"] .mx-mats{flex:0 0 46%} #page-video .vc-panel[data-board="mix"] .mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #page-video .vc-panel[data-board="mix"] .mx-tg{flex-direction:column;align-items:flex-start;gap:5px;padding:8px 10px} } /* 更窄档（≤1400）：控件行换行挤高后，开关描述截单行，卡高 66px×3 行=214px 仍 ≤ 容器，防 tgs 列表被裁 */ @media (max-width:1400px){ #page-video .vc-panel[data-board="mix"] .mx-tg .tm{min-width:0;max-width:100%} #page-video .vc-panel[data-board="mix"] .mx-tg .td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} } /* 极窄档（≤1300，如 1280×720）：4 字标题 48px > 每列可用 37px，物理放不下，标题同样截断保卡内零溢出（text-overflow 需块级才生效） */ @media (max-width:1300px){ #page-video .vc-panel[data-board="mix"] .mx-tg .tt{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%} } /* mix 历史卡（孤儿作用域：历史列表不在面板 DOM 内，字号自带） */ #page-video .vc-hist-list[data-board="mix"]{--fs-small:13px;--fs-cap:12px;--fs-label:10.5px} #page-video .vc-hist-list[data-board="mix"] .h-card{background:var(--sunken);border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:12px;transition:.28s var(--ease);cursor:pointer;position:relative} #page-video .vc-hist-list[data-board="mix"] .h-card:last-child{margin-bottom:0} #page-video .vc-hist-list[data-board="mix"] .h-card:hover{border-color:var(--blue-line);background:var(--surface);transform:translateY(-2px)} #page-video .vc-hist-list[data-board="mix"] .hc-thumb{width:100%;height:96px;border-radius:var(--r-sm);display:grid;place-items:center;position:relative;margin-bottom:9px;font-weight:600;font-size:var(--fs-cap);background:var(--sunken);overflow:hidden} #page-video .vc-hist-list[data-board="mix"] .hc-thumb .play{width:34px;height:34px;border-radius:50%;background:oklch(20.5% 0.013 258/.72);backdrop-filter:blur(3px);border:1px solid var(--blue-line);display:grid;place-items:center;color:#fff} #page-video .vc-hist-list[data-board="mix"] .hc-thumb .play svg{width:15px;height:15px} #page-video .vc-hist-list[data-board="mix"] .hc-thumb .dur{position:absolute;right:8px;bottom:6px;font-size:10px;color:#fff;background:oklch(14% 0.011 258/.72);border-radius:5px;padding:1px 6px;font-variant-numeric:tabular-nums} #page-video .vc-hist-list[data-board="mix"] .hc-top{display:flex;align-items:center;gap:9px;margin-bottom:7px} #page-video .vc-hist-list[data-board="mix"] .hc-ic{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)} #page-video .vc-hist-list[data-board="mix"] .hc-ic svg{width:16px;height:16px} #page-video .vc-hist-list[data-board="mix"] .hc-title{font-size:var(--fs-small);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video .vc-hist-list[data-board="mix"] .hc-status{font-size:var(--fs-label);font-weight:600;padding:2px 8px;border-radius:99px;flex:none;letter-spacing:.02em;white-space:nowrap} #page-video .vc-hist-list[data-board="mix"] .hc-status.done{color:var(--green);background:oklch(76% 0.14 158/.14);border:1px solid oklch(76% 0.14 158/.34)} #page-video .vc-hist-list[data-board="mix"] .hc-status.run{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);animation:mxBlink 1.4s ease-in-out infinite} @keyframes mxBlink{0%,100%{opacity:1}50%{opacity:.45}} #page-video .vc-hist-list[data-board="mix"] .hc-meta{font-size:var(--fs-cap);color:var(--txt-3);margin-bottom:8px;display:flex;gap:6px;flex-wrap:wrap;align-items:center} #page-video .vc-hist-list[data-board="mix"] .hc-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--txt-3);opacity:.6} #page-video .vc-hist-list[data-board="mix"] .hc-tags{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap} #page-video .vc-hist-list[data-board="mix"] .h-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-label);font-weight:600;padding:1px 7px;border-radius:99px;border:1px solid var(--line-2);color:var(--txt-3)} #page-video .vc-hist-list[data-board="mix"] .h-tag.jj{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-video .vc-hist-list[data-board="mix"] .hc-acts{display:flex;gap:6px} #page-video .mx-audio{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:12px;color:var(--txt-2)} #page-video .mx-audio-title{font-weight:700;color:var(--txt-1)} #page-video .mx-audio select{border:1px solid var(--line-2);border-radius:7px;background:var(--sunken);color:var(--txt-1);padding:5px 8px;font-size:12px} #page-video .mx-progress{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;margin:0 14px 0 0;color:var(--blue);font-size:12px} #page-video .mx-progress-track{height:10px;flex:1;background:var(--line);border-radius:99px;overflow:hidden} #page-video .mx-progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),#7aaeff);border-radius:99px;transition:width .35s ease} #page-video .mx-progress span{width:38px;text-align:right;font-size:12px;font-weight:700;color:var(--blue)} /* mix 成片预览弹层（大图按所选比例自适应 + 成片包条数角标） */ #mxPrevModal .vp-big{position:relative;width:100%;border-radius:var(--r);background:linear-gradient(135deg,var(--blue-soft),var(--sunken));display:grid;place-items:center;color:var(--blue);font-weight:600;font-size:22px;margin-bottom:14px;max-height:52vh} #mxPrevModal .vp-big .vp-play{width:52px;height:52px;border-radius:50%;background:oklch(20.5% 0.013 258/.72);backdrop-filter:blur(3px);border:1px solid var(--blue-line);display:grid;place-items:center;color:#fff;cursor:pointer;transition:.28s var(--ease)} #mxPrevModal .vp-big .vp-play:hover{transform:scale(1.08)} #mxPrevModal .vp-big .vp-play svg{width:22px;height:22px} #mxPrevModal .mx-batch-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;width:100%;max-height:52vh;overflow:auto;padding:10px} #mxPrevModal .mx-batch-list video{display:block;width:100%;max-height:46vh;aspect-ratio:9 / 16;object-fit:contain;background:#111;border-radius:8px} #mxPrevModal .vp-big .pk{position:absolute;right:12px;bottom:12px;font-size:11px;color:#fff;background:oklch(14% 0.011 258/.72);border:1px solid var(--line-2);border-radius:7px;padding:3px 10px;font-weight:600;letter-spacing:.04em} #mxPrevModal .modal-actions .btn-ghost{width:auto;flex:none;padding:9px 18px;font-size:13px} #mxPrevModal .modal-actions .btn-ai{padding:9px 18px;font-size:13px} /* ============ 获客中心（与 AI 视频中心同构）============ */ .aqc{display:grid;grid-template-columns:212px minmax(0,1fr) 320px;gap:24px;align-items:start;margin-top:8px} .aqc-nav{display:flex;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;scrollbar-width:thin;padding-right:2px} .aqc-nav::-webkit-scrollbar{width:5px} .aqc-nav::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} .aqc-glab{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--txt-3);font-weight:700;padding:6px 5px 2px} .aqc-div{height:1px;background:var(--line);margin:7px 2px} .aqc-b{display:flex;align-items:center;gap:11px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--r);cursor:pointer;transition:.28s var(--ease)} .aqc-b:hover{background:var(--surface)} .aqc-b.on{border-color:var(--blue-line);background:var(--blue-soft)} .aqc-b .bic{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex:none;background:var(--surface);border:1px solid var(--line-2);color:var(--txt-2);transition:.28s} .aqc-b.on .bic{background:var(--blue);border-color:var(--blue);color:#fff} .aqc-b .bic svg{width:16px;height:16px} .aqc-b .bt{font-size:13px;font-weight:600;font-family:var(--font-display)} .aqc-b .bd{font-size:10.5px;color:var(--txt-3);margin-top:1px} .aqc-b .st{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--green);flex:none} .aqc-b .st.on{background:var(--blue)} .aqc-b .st.wait{background:var(--txt-3)} /* —— 导航卡片对齐 AI 视频中心尺寸（2026-09-17）：原为 6px 12px 内边距 / 13px + 10.5px 字号， 实测卡片高 50.3px，比视频中心 vc-b 的 72px 扁 43%，两块并排不像一个系统。 以下全部作用域限定 #page-acquire 左导航内，不改 .aqc-b 基础类；列宽 212px 保持不动 （改列宽会牵动中列弹性布局，属范围外）。 —— */ #page-acquire .aqc-nav{gap:7px} #page-acquire .aqc-nav .aqc-b{gap:12px;padding:13px 14px;border-radius:14px} #page-acquire .aqc-nav .aqc-b .bic{width:36px;height:36px;border-radius:9px} #page-acquire .aqc-nav .aqc-b .bic svg{width:18px;height:18px} #page-acquire .aqc-nav .aqc-b .bt{font-size:16px} #page-acquire .aqc-nav .aqc-b .bd{font-size:12px;margin-top:2px} /* 第二轮（2026-09-17）：分组小节标签 .aqc-glab 原 10px 偏小，放大到 12px（与卡片副标同级）。 */ /* 导航圆点统一为蓝色：原绿(默认)/蓝(.on)两色在 PRD、设计规范与代码注释中均无任何定义， 且写死在 HTML 中、无 JS 动态更新，不表达实时状态，故统一为 .on 同款蓝，仅作视觉装饰。 */ #page-acquire .aqc-nav .aqc-glab{font-size:12px} #page-acquire .aqc-nav .aqc-b .st{background:var(--blue)} .aqc-mid{display:flex;flex-direction:column;gap:18px;min-width:0} .aqc-panel{display:none} .aqc-panel.on{display:block;animation:rise .5s var(--ease)} .aqc-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)} .aqc-ch{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:14.5px;font-weight:600;margin-bottom:16px} .aqc-badge{margin-left:auto;font-size:10px;letter-spacing:.06em;color:var(--blue);border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:20px;padding:3px 10px;font-weight:600} /* 右侧实时动态 */ .aqc-side{display:flex;flex-direction:column;gap:16px} .feed{display:flex;flex-direction:column;gap:2px} .fi{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)} .fi:last-child{border-bottom:0} .fi .fic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:none;background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-line)} .fi .fic svg{width:14px;height:14px} .fi .fb{flex:1;min-width:0} .fi .fbt{font-size:12.2px;line-height:1.45} .fi .fbt b{font-weight:600} .fi .fbd{font-size:10.5px;color:var(--txt-3);margin-top:2px} .sched{display:grid;grid-template-columns:1fr 1fr;gap:10px} .sd{background:var(--sunken);border:1px solid var(--line);border-radius:10px;padding:11px 12px} .sd .v{font-family:var(--font-display);font-size:19px;font-weight:700} .sd .l{font-size:10.5px;color:var(--txt-3);margin-top:1px} .sched-note{font-size:11px;color:var(--txt-3);line-height:1.5;margin-top:10px} /* ================= 关键词获客（迁自小样 v1.7.1 · 作用域：#page-acquire [data-mod="kw"]） ================= */ #page-acquire .aqc-panel[data-mod="kw"]{--fs-h3:16px;--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px} @keyframes kwRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} @keyframes kwBlink{0%,100%{opacity:1}50%{opacity:.45}} @keyframes kwPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.5}} @keyframes kwFeedIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}} /* 右栏实时动态：长词不断行 + 新事件淡入（feed 为 acquire 页共享栏，限定本页） */ #page-acquire .aqc-side .fi .fbt{overflow-wrap:anywhere} #page-acquire .aqc-side .fi.new{animation:kwFeedIn .55s var(--ease)} /* ① 头部 */ #page-acquire .aqc-panel[data-mod="kw"] .kw-head{display:flex;align-items:center;gap:12px;padding:15px 18px;margin-bottom:12px;min-height:74px} #page-acquire .aqc-panel[data-mod="kw"] .kw-head .hic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="kw"] .kw-head .hic svg{width:19px;height:19px} #page-acquire .aqc-panel[data-mod="kw"] .kw-head .nm{font-family:var(--font-display);font-size:15.5px;font-weight:600} #page-acquire .aqc-panel[data-mod="kw"] .kw-head .ds{font-size:var(--fs-cap);color:var(--txt-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} /* 2026-09-26（波哥要求「项目下拉在抬头右边」）：抬头布局对齐白名单 —— ① 标题块占满剩余空间（原先没有 flex ⇒ 后面的控件整体贴在标题左边）； ② 去掉 .kw-run 的 margin-left:auto（原先它把「运行状态」单独顶到最右，其余控件留在左边）。 两处都照 .wl-head / .wl-run 的既有做法，零新样式。 */ #page-acquire .aqc-panel[data-mod="kw"] .kw-head > div{flex:1;min-width:0} /* 目标客户（与白名单 .wl-target 同规格值，做法同同城 .lc-target：同值复制、不发明新样式） */ #page-acquire .aqc-panel[data-mod="kw"] .kw-target,#kwMask .kw-target{display:flex;align-items:center;gap:6px;flex:none;height:35px;padding:0 10px;background:var(--sunken);border:1px solid var(--line-2);border-radius:8px} #page-acquire .aqc-panel[data-mod="kw"] .kw-target .lab,#kwMask .kw-target .lab{font-size:12px;font-weight:600;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="kw"] .kw-target input,#kwMask .kw-target input{width:46px;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--txt);background:transparent;border:none;outline:none;text-align:center;padding:0} #page-acquire .aqc-panel[data-mod="kw"] .kw-target .unit,#kwMask .kw-target .unit{font-size:12px;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="kw"] .kw-run{display:flex;align-items:center;gap:7px;font-size:var(--fs-label);color:var(--green);font-weight:600;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="kw"] .kw-run .d{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3.5px oklch(76% 0.14 158/.15);animation:kwBlink 2.2s infinite} #page-acquire .aqc-panel[data-mod="kw"] .kw-run.off{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="kw"] .kw-run.off .d{background:var(--txt-3);box-shadow:none;animation:none} #page-acquire .aqc-panel[data-mod="kw"] .kw-runbtn{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;border-radius:9px;padding:8px 14px;cursor:pointer;font-family:inherit;transition:.24s var(--ease);flex:none;white-space:nowrap;color:#fff;background:var(--blue);border:1px solid var(--blue);box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="kw"] .kw-runbtn:hover{filter:brightness(1.15)} #page-acquire .aqc-panel[data-mod="kw"] .kw-runbtn svg{width:13px;height:13px} /* ★ 2026-10-02 波哥要求：关键词的载体按钮与同城/白名单**统一表现** —— 正在跑的那个变琥珀色「点击暂停」，另一个置灰禁用（这两条照抄白名单 .wl-runbtn 的口径）。 */ #page-acquire .aqc-panel[data-mod="kw"] .kw-runbtn.pausing{color:#2a1d00;background:var(--amber);border-color:var(--amber);box-shadow:0 8px 20px -8px var(--amber)} #page-acquire .aqc-panel[data-mod="kw"] .kw-runbtn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4);box-shadow:none} /* 正在执行：做出「已被按下」的样子（内阴影 + 略暗），并且不再是可点的手型 */ #page-acquire .aqc-panel[data-mod="kw"] .kw-runbtn.busy{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:inset 0 3px 8px oklch(0% 0 0/.35);filter:brightness(.92);cursor:default} #page-acquire .aqc-panel[data-mod="kw"] .kw-runbtn.off{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:none;opacity:1;cursor:pointer} #page-acquire .aqc-panel[data-mod="kw"] .kw-new{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#fff;background:var(--blue);border:none;border-radius:9px;padding:8px 15px;cursor:pointer;font-family:inherit;transition:.24s var(--ease);box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="kw"] .kw-new:hover{filter:brightness(1.12)} #page-acquire .aqc-panel[data-mod="kw"] .kw-new svg{width:14px;height:14px} /* ② 任务卡区 */ #page-acquire .aqc-panel[data-mod="kw"] .kw-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px} #page-acquire .aqc-panel[data-mod="kw"] .kw-task{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 13px;cursor:pointer;transition:.26s var(--ease);min-width:0} #page-acquire .aqc-panel[data-mod="kw"] .kw-task:hover{border-color:var(--line-2);background:var(--raised)} #page-acquire .aqc-panel[data-mod="kw"] .kw-task.on{border-color:var(--blue-line);background:linear-gradient(180deg,var(--blue-soft),transparent 72%),var(--surface)} #page-acquire .aqc-panel[data-mod="kw"] .kw-task .t1{display:flex;align-items:center;gap:8px} #page-acquire .aqc-panel[data-mod="kw"] .kw-task .twd{font-family:var(--font-display);font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} #page-acquire .aqc-panel[data-mod="kw"] .kw-task .dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--green);box-shadow:0 0 0 3px oklch(76% 0.14 158/.14)} #page-acquire .aqc-panel[data-mod="kw"] .kw-task.warn .dot{background:var(--amber);box-shadow:0 0 0 3px oklch(78% 0.11 80/.16)} #page-acquire .aqc-panel[data-mod="kw"] .kw-task .t2{display:flex;align-items:center;gap:8px;margin-top:6px} #page-acquire .aqc-panel[data-mod="kw"] .kw-pf{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:600;border-radius:5px;padding:1.5px 6px;letter-spacing:.02em} #page-acquire .aqc-panel[data-mod="kw"] .kw-pf.dy{color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="kw"] .kw-pf.xh{color:var(--red);background:oklch(68% 0.16 26/.10);border:1px solid oklch(68% 0.16 26/.24)} #page-acquire .aqc-panel[data-mod="kw"] .kw-task .tn{margin-left:auto;display:flex;align-items:baseline;gap:5px} #page-acquire .aqc-panel[data-mod="kw"] .kw-task .tn .v{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--blue);line-height:1} #page-acquire .aqc-panel[data-mod="kw"] .kw-task .tn .u{font-size:9.5px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="kw"] .kw-task .t3{display:flex;align-items:center;gap:5px;margin-top:5px;font-size:10px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="kw"] .kw-task .t3 svg{width:11px;height:11px;flex:none;opacity:.7} #page-acquire .aqc-panel[data-mod="kw"] .kw-task .t3 .warn-tip{color:var(--amber);font-weight:600} #page-acquire .aqc-panel[data-mod="kw"] .kw-task.on::after{content:"";position:absolute;right:14px;top:-1px;width:34px;height:2.5px;background:var(--blue);border-radius:0 0 3px 3px} #page-acquire .aqc-panel[data-mod="kw"] .kw-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border:1.5px dashed var(--line-2);border-radius:12px;cursor:pointer;color:var(--txt-3);font-size:12px;font-weight:600;transition:.26s var(--ease);min-height:78px} #page-acquire .aqc-panel[data-mod="kw"] .kw-add:hover{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="kw"] .kw-add svg{width:20px;height:20px} /* ③ Tab 工作台 */ #page-acquire .aqc-panel[data-mod="kw"] .kw-work{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;margin-bottom:12px;height:calc(clamp(390px,54vh,480px) + 46px)} #page-acquire .aqc-panel[data-mod="kw"] .kw-wtabs{display:flex;align-items:center;gap:2px;padding:12px 16px 0;border-bottom:1px solid var(--line)} #page-acquire .aqc-panel[data-mod="kw"] .kw-wt{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--txt-3);padding:9px 14px;border-radius:9px 9px 0 0;cursor:pointer;transition:.24s var(--ease);position:relative} #page-acquire .aqc-panel[data-mod="kw"] .kw-wt:hover{color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="kw"] .kw-wt.on{color:var(--blue)} #page-acquire .aqc-panel[data-mod="kw"] .kw-wt.on::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--blue);border-radius:2px} #page-acquire .aqc-panel[data-mod="kw"] .kw-wt svg{width:14px;height:14px} #page-acquire .aqc-panel[data-mod="kw"] .kw-wt .n{font-size:9.5px;background:var(--blue-soft);color:var(--blue);border-radius:10px;padding:0 6px;font-weight:700} #page-acquire .aqc-panel[data-mod="kw"] .kw-wfilters{margin-left:auto;display:flex;gap:5px;padding-bottom:9px} #page-acquire .aqc-panel[data-mod="kw"] .kw-wf{font-size:11px;font-weight:600;color:var(--txt-3);border:1px solid var(--line-2);background:transparent;border-radius:20px;padding:3px 11px;cursor:pointer;transition:.22s var(--ease);font-family:inherit} #page-acquire .aqc-panel[data-mod="kw"] .kw-wf:hover{color:var(--txt-2);border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="kw"] .kw-wf.on{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="kw"] .kw-wbody{display:none;flex:1;min-height:0} #page-acquire .aqc-panel[data-mod="kw"] .kw-wbody.on{display:flex;flex-direction:column} /* 线索流 */ #page-acquire .aqc-panel[data-mod="kw"] .kw-clues{flex:1;min-height:0;overflow-y:auto;padding:6px 16px} #page-acquire .aqc-panel[data-mod="kw"] .kw-clues::-webkit-scrollbar{width:7px} #page-acquire .aqc-panel[data-mod="kw"] .kw-clues::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .aqc-panel[data-mod="kw"] .kw-clue{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line)} #page-acquire .aqc-panel[data-mod="kw"] .kw-clue:last-child{border-bottom:none} #page-acquire .aqc-panel[data-mod="kw"] .kw-clue.old{opacity:.48} #page-acquire .aqc-panel[data-mod="kw"] .kw-ava{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-size:12px;font-weight:600} #page-acquire .aqc-panel[data-mod="kw"] .kw-ava.a{background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-line)} #page-acquire .aqc-panel[data-mod="kw"] .kw-ava.b{background:var(--raised);color:var(--txt-2);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="kw"] .kw-ava.c{background:var(--sunken);color:var(--txt-3);border:1px solid var(--line)} #page-acquire .aqc-panel[data-mod="kw"] .kw-cb{flex:1;min-width:0} #page-acquire .aqc-panel[data-mod="kw"] .kw-cb .r1{display:flex;align-items:center;gap:7px} #page-acquire .aqc-panel[data-mod="kw"] .kw-cb .nm{font-size:12.5px;font-weight:600;white-space:nowrap} #page-acquire .aqc-panel[data-mod="kw"] .kw-cb .pf{font-size:9.5px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="kw"] .kw-cb .tm{font-size:10px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="kw"] .kw-dup{font-size:9px;font-weight:600;color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2);border-radius:4px;padding:0 5px;white-space:nowrap} #page-acquire .aqc-panel[data-mod="kw"] .kw-dup.merge{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="kw"] .kw-inpool{font-size:9px;font-weight:600;color:var(--blue);border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:4px;padding:0 5px;white-space:nowrap} #page-acquire .aqc-panel[data-mod="kw"] .kw-wf.viewpool{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="kw"] .kw-wf.viewpool:hover{border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="kw"] .kw-cb .r2{font-size:11.5px;color:var(--txt-2);line-height:1.45;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #page-acquire .aqc-panel[data-mod="kw"] .kw-cb .r2 b.hl{color:var(--blue);background:var(--blue-soft);border-radius:4px;padding:0 4px;font-weight:600;margin:0 1px} #page-acquire .aqc-panel[data-mod="kw"] .kw-cr{display:flex;align-items:center;gap:8px;flex:none} #page-acquire .aqc-panel[data-mod="kw"] .kw-lv{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-family:var(--font-display);font-size:12px;font-weight:700} #page-acquire .aqc-panel[data-mod="kw"] .kw-lv.a{background:var(--blue);color:#fff;box-shadow:0 4px 12px -4px var(--blue)} #page-acquire .aqc-panel[data-mod="kw"] .kw-lv.b{background:var(--raised);color:var(--txt-2);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="kw"] .kw-lv.c{background:var(--sunken);color:var(--txt-3);border:1px solid var(--line)} #page-acquire .aqc-panel[data-mod="kw"] .kw-lv.old{background:var(--sunken);color:var(--txt-3);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="kw"] .kw-ops{display:flex;gap:5px} #page-acquire .aqc-panel[data-mod="kw"] .kw-op{font-size:10.5px;font-weight:600;border-radius:6px;padding:4px 10px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="kw"] .kw-op.dm{color:var(--blue);border:1px solid var(--blue-line);background:transparent} #page-acquire .aqc-panel[data-mod="kw"] .kw-op.dm:hover{background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="kw"] .kw-op.ig{color:var(--txt-3);border:1px solid var(--line-2);background:transparent} #page-acquire .aqc-panel[data-mod="kw"] .kw-op.ig:hover{color:var(--txt-2);border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="kw"] .kw-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:34px 0;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="kw"] .kw-empty svg{width:34px;height:34px;opacity:.5} #page-acquire .aqc-panel[data-mod="kw"] .kw-empty .et{font-size:13px;font-weight:600;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="kw"] .kw-empty .es{font-size:11.5px} #page-acquire .aqc-panel[data-mod="kw"] .kw-empty .btn{font-size:11.5px;font-weight:600;color:var(--blue);border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:8px;padding:6px 14px;cursor:pointer;font-family:inherit;transition:.22s} #page-acquire .aqc-panel[data-mod="kw"] .kw-empty .btn:hover{filter:brightness(1.15)} /* 命中视频 */ #page-acquire .aqc-panel[data-mod="kw"] .kw-vids{flex:1;min-height:0;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:9px} #page-acquire .aqc-panel[data-mod="kw"] .kw-vids::-webkit-scrollbar{width:7px} #page-acquire .aqc-panel[data-mod="kw"] .kw-vids::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .aqc-panel[data-mod="kw"] .kw-vid{display:flex;gap:12px;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--sunken);transition:.24s var(--ease)} #page-acquire .aqc-panel[data-mod="kw"] .kw-vid:hover{border-color:var(--blue-line);background:var(--surface)} #page-acquire .aqc-panel[data-mod="kw"] .kw-vc{width:64px;height:82px;border-radius:8px;flex:none;position:relative;overflow:hidden;display:grid;place-items:center} #page-acquire .aqc-panel[data-mod="kw"] .kw-vc svg{width:22px;height:22px;color:rgba(255,255,255,.9);z-index:1} #page-acquire .aqc-panel[data-mod="kw"] .kw-vb{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center} #page-acquire .aqc-panel[data-mod="kw"] .kw-vb .vt{font-size:12.5px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #page-acquire .aqc-panel[data-mod="kw"] .kw-vb .vm{display:flex;align-items:center;gap:12px;margin-top:6px;font-size:10px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="kw"] .kw-vb .vm svg{width:11px;height:11px;vertical-align:-1px;margin-right:3px} #page-acquire .aqc-panel[data-mod="kw"] .kw-vb .vh{margin-left:auto;color:var(--blue);font-weight:700;font-size:11px} /* 任务设置 */ #page-acquire .aqc-panel[data-mod="kw"] .kw-set{flex:1;min-height:0;overflow-y:auto;padding:14px 16px} #page-acquire .aqc-panel[data-mod="kw"] .kw-set::-webkit-scrollbar{width:7px} #page-acquire .aqc-panel[data-mod="kw"] .kw-set::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .aqc-panel[data-mod="kw"] .kw-sec{font-size:var(--fs-cap);font-weight:700;color:var(--txt-2);letter-spacing:.04em;margin:14px 0 8px;display:flex;align-items:center;gap:8px} #page-acquire .aqc-panel[data-mod="kw"] .kw-sec:first-child{margin-top:0} #page-acquire .aqc-panel[data-mod="kw"] .kw-sec .hint{font-size:10px;color:var(--txt-3);font-weight:500} #kwMask .kw-wgrp,#page-acquire .aqc-panel[data-mod="kw"] .kw-wgrp{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;background:var(--sunken)} #kwMask .kw-wgrp .gn,#page-acquire .aqc-panel[data-mod="kw"] .kw-wgrp .gn{flex:none;width:64px;font-size:11.5px;font-weight:600;color:var(--txt-2);padding-top:2px} #kwMask .kw-wgrp .words,#page-acquire .aqc-panel[data-mod="kw"] .kw-wgrp .words{flex:1;display:flex;flex-wrap:wrap;gap:5px;min-width:0} #kwMask .kw-word,#page-acquire .aqc-panel[data-mod="kw"] .kw-word{font-size:10.5px;color:var(--txt-2);background:var(--surface);border:1px solid var(--line-2);border-radius:5px;padding:2px 8px;white-space:nowrap} #kwMask .kw-word.hit,#page-acquire .aqc-panel[data-mod="kw"] .kw-word.hit{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft);font-weight:600} #page-acquire .aqc-panel[data-mod="kw"] .kw-exgrp{display:flex;flex-wrap:wrap;gap:6px} #page-acquire .aqc-panel[data-mod="kw"] .kw-ex{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--txt-3);background:var(--sunken);border:1px dashed var(--line-2);border-radius:20px;padding:3.5px 11px} #page-acquire .aqc-panel[data-mod="kw"] .kw-ex svg{width:10px;height:10px;opacity:.6} #page-acquire .aqc-panel[data-mod="kw"] .kw-pace{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--blue-line);background:linear-gradient(180deg,var(--blue-soft),transparent 70%);border-radius:10px;font-size:11.5px;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="kw"] .kw-pace svg{width:15px;height:15px;color:var(--blue);flex:none} #page-acquire .aqc-panel[data-mod="kw"] .kw-pace b{color:var(--blue)} /* ④ 贴底数据条 */ #page-acquire .aqc-panel[data-mod="kw"] .kw-foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)} #page-acquire .aqc-panel[data-mod="kw"] .kw-fc{padding:13px 10px 12px;text-align:center;position:relative} #page-acquire .aqc-panel[data-mod="kw"] .kw-fc + .kw-fc{border-left:1px solid var(--line)} #page-acquire .aqc-panel[data-mod="kw"] .kw-fc .l{font-size:10px;letter-spacing:.08em;color:var(--txt-3);font-weight:600} #page-acquire .aqc-panel[data-mod="kw"] .kw-fc .v{font-family:var(--font-display);font-size:20px;font-weight:700;margin-top:3px;line-height:1.15} #page-acquire .aqc-panel[data-mod="kw"] .kw-fc .d{font-size:9.5px;color:var(--txt-3);margin-top:1px} #page-acquire .aqc-panel[data-mod="kw"] .kw-fc.prime{background:linear-gradient(180deg,var(--blue-soft),transparent 62%)} #page-acquire .aqc-panel[data-mod="kw"] .kw-fc.prime::before{content:"";position:absolute;left:0;right:0;top:0;height:2.5px;background:var(--blue)} #page-acquire .aqc-panel[data-mod="kw"] .kw-fc.prime .v{color:var(--blue)} /* ⑤ 任务卡操作 / 已回复态（面板内） */ #page-acquire .aqc-panel[data-mod="kw"] .kw-acts{position:absolute;right:10px;top:9px;display:flex;gap:4px;opacity:0;transition:.2s} #page-acquire .aqc-panel[data-mod="kw"] .kw-task:hover .kw-acts,#page-acquire .aqc-panel[data-mod="kw"] .kw-task.paused .kw-acts{opacity:1} #page-acquire .aqc-panel[data-mod="kw"] .kw-task.paused{opacity:.66} #page-acquire .aqc-panel[data-mod="kw"] .kw-task.paused .dot{background:var(--txt-3);box-shadow:none} #page-acquire .aqc-panel[data-mod="kw"] .kw-task .pause-tip{color:var(--txt-3);font-weight:600} #page-acquire .aqc-panel[data-mod="kw"] .kw-act{min-width:22px;height:22px;border-radius:6px;display:grid;place-items:center;border:1px solid var(--line-2);background:var(--surface);color:var(--txt-3);cursor:pointer;transition:.2s;font-size:10px;font-weight:700;padding:0 5px} #page-acquire .aqc-panel[data-mod="kw"] .kw-act:hover{color:var(--txt);border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="kw"] .kw-act svg{width:11px;height:11px} #page-acquire .aqc-panel[data-mod="kw"] .kw-act.del:hover{color:var(--red);border-color:oklch(68% 0.16 26/.5)} #page-acquire .aqc-panel[data-mod="kw"] .kw-act.del.arm{color:var(--red);border-color:oklch(68% 0.16 26/.5);background:oklch(68% 0.16 26/.12);white-space:nowrap} /* 右栏「实时获客动态」未读回复小红点 + 点击消息弹层（跨板块右栏 · 面板外须 document 查询） */ #page-acquire .aqc-side .kw-urdot{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;border-radius:9px;background:var(--red);color:#fff;font-size:9.5px;font-weight:700;padding:0 4px;animation:kwPulse 1.6s infinite;cursor:pointer;border:none;font-family:inherit} #page-acquire .aqc-side .kw-urdot:hover{filter:brightness(1.12)} #page-acquire .aqc-side #kwSideFeed{position:relative} #page-acquire .aqc-side .kw-urd-pop{position:absolute;top:38px;left:12px;right:12px;background:var(--raised);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 22px 50px -18px rgba(0,0,0,.92);z-index:60;display:none;flex-direction:column;overflow:hidden;animation:kwUrdIn .22s var(--ease)} #page-acquire .aqc-side .kw-urd-pop.on{display:flex} @keyframes kwUrdIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} #page-acquire .aqc-side .kw-urd-pop .up-h{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:10px 13px 8px;border-bottom:1px solid var(--line)} #page-acquire .aqc-side .kw-urd-pop .up-h .n{font-size:10px;font-weight:600;color:var(--red);background:color-mix(in oklch,var(--red) 12%,transparent);border-radius:8px;padding:1px 7px} #page-acquire .aqc-side .kw-urd-pop .up-list{max-height:210px;overflow-y:auto} #page-acquire .aqc-side .kw-urd-pop .up-list::-webkit-scrollbar{width:5px} #page-acquire .aqc-side .kw-urd-pop .up-list::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px} #page-acquire .aqc-side .kw-urd-pop .up-i{display:flex;gap:9px;padding:9px 13px;border-bottom:1px solid var(--line);cursor:default} #page-acquire .aqc-side .kw-urd-pop .up-i:last-child{border-bottom:none} #page-acquire .aqc-side .kw-urd-pop .up-i .ud{width:7px;height:7px;border-radius:50%;background:var(--line-2);flex:none;margin-top:5px} #page-acquire .aqc-side .kw-urd-pop .up-i.late .ud{background:var(--red);animation:kwPulse 1.6s infinite} #page-acquire .aqc-side .kw-urd-pop .up-t{display:flex;align-items:center;gap:5px;font-size:11px;min-width:0} #page-acquire .aqc-side .kw-urd-pop .up-t b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-side .kw-urd-pop .up-t .pf{font-size:9px;color:var(--txt-3)} #page-acquire .aqc-side .kw-urd-pop .up-t .ago{margin-left:auto;font-size:9px;color:var(--txt-3);flex:none} #page-acquire .aqc-side .kw-urd-pop .up-x{font-size:10.5px;color:var(--txt-2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px} #page-acquire .aqc-side .kw-urd-pop .up-x .ail{font-size:9px;color:var(--blue);flex:none} #page-acquire .aqc-side .kw-urd-pop .up-go{font-size:11px;font-weight:600;color:var(--blue);background:var(--blue-soft);border:none;border-top:1px solid var(--line);padding:9px 0;cursor:pointer;font-family:inherit;transition:.2s var(--ease)} #page-acquire .aqc-side .kw-urd-pop .up-go:hover{background:color-mix(in oklch,var(--blue) 16%,transparent)} #page-acquire .aqc-panel[data-mod="kw"] .kw-clue.reply{cursor:pointer} #page-acquire .aqc-panel[data-mod="kw"] .kw-clue.reply .kw-cb{min-width:0;flex:1} #page-acquire .aqc-panel[data-mod="kw"] .kw-dup.rep{color:var(--red);border-color:color-mix(in oklch,var(--red) 30%,transparent)} #page-acquire .aqc-panel[data-mod="kw"] .kw-dup.rep.late{color:var(--amber);border-color:color-mix(in oklch,var(--amber) 38%,transparent)} #page-acquire .aqc-panel[data-mod="kw"] .kw-clue .r3{font-size:10.5px;color:var(--txt-3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="kw"] .kw-clue .r3 b{color:var(--red);font-weight:600;margin-right:4px} #page-acquire .aqc-panel[data-mod="kw"] .kw-clue.reply:hover{background:var(--sunken)} #page-acquire .aqc-panel[data-mod="kw"] .kw-op.pv{color:var(--blue);border-color:color-mix(in oklch,var(--blue) 40%,transparent)} /* 词组行内编辑 + 话术池展开/编辑（设置页内） */ #page-acquire .aqc-panel[data-mod="kw"] .kw-editbtn{margin-left:auto;font-size:10.5px;font-weight:600;color:var(--blue);border:1px solid var(--blue-line);background:transparent;border-radius:6px;padding:2px 10px;cursor:pointer;font-family:inherit;transition:.2s} #page-acquire .aqc-panel[data-mod="kw"] .kw-editbtn:hover{background:var(--blue-soft)} #kwMask .kw-x,#page-acquire .aqc-panel[data-mod="kw"] .kw-x{margin-left:5px;color:var(--txt-3);font-size:11px;line-height:1;cursor:pointer;background:none;border:none;padding:0;font-family:inherit;font-weight:700} #kwMask .kw-x:hover,#page-acquire .aqc-panel[data-mod="kw"] .kw-x:hover{color:var(--red)} #kwMask .kw-addin,#page-acquire .aqc-panel[data-mod="kw"] .kw-addin{font-size:10.5px;color:var(--txt);background:var(--surface);border:1px dashed var(--blue-line);border-radius:5px;padding:2px 8px;width:92px;outline:none;font-family:inherit} #kwMask .kw-addin::placeholder,#page-acquire .aqc-panel[data-mod="kw"] .kw-addin::placeholder{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgsrow{display:flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;background:var(--sunken)} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgsrow .gn{flex:none;width:52px;font-size:11px;font-weight:600;color:var(--blue)} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgsrow .pv{flex:1;min-width:0;font-size:10.5px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgsrow .cc{flex:none;font-size:9.5px;color:var(--txt-2);border:1px solid var(--line-2);border-radius:10px;padding:1px 8px;white-space:nowrap} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgs .kw-tgsrow{cursor:pointer;transition:border-color .22s var(--ease)} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgs .kw-tgsrow:hover{border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgs.open>.kw-tgsrow{border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgs .caret{flex:none;font-size:10px;color:var(--txt-3);transition:transform .25s var(--ease)} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgs.open .caret{transform:rotate(180deg);color:var(--blue)} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgsbody{display:flex;flex-direction:column;gap:7px;padding:9px 4px 4px 56px} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgt{display:flex;gap:8px;align-items:flex-start} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgt .no{width:16px;height:16px;border-radius:5px;flex:none;display:grid;place-items:center;font-size:9px;font-weight:700;color:var(--txt-3);background:var(--surface);border:1px solid var(--line-2);margin-top:1px} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgt .tt{font-size:10.5px;font-weight:700;color:var(--blue)} #page-acquire .aqc-panel[data-mod="kw"] .kw-tgt .tx{font-size:11.5px;color:var(--txt-2);line-height:1.5} #page-acquire .aqc-panel[data-mod="kw"] .kw-ted{display:flex;gap:8px;align-items:flex-start} #page-acquire .aqc-panel[data-mod="kw"] .kw-ted .no{width:16px;height:16px;border-radius:5px;flex:none;display:grid;place-items:center;font-size:9px;font-weight:700;color:var(--txt-3);background:var(--surface);border:1px solid var(--line-2);margin-top:6px} #page-acquire .aqc-panel[data-mod="kw"] .kw-tin{flex:1;min-width:0;font-family:inherit;font-size:11.5px;line-height:1.55;padding:7px 10px;border-radius:9px;border:1px solid var(--line-2);background:var(--surface);color:var(--txt);resize:vertical;min-height:42px} #page-acquire .aqc-panel[data-mod="kw"] .kw-tin:focus{outline:none;border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="kw"] .kw-ted .kw-x{flex:none;width:20px;height:20px;border-radius:6px;border:none;background:var(--sunken);color:var(--txt-3);cursor:pointer;font-size:13px;line-height:1;margin-top:10px;transition:.2s var(--ease)} #page-acquire .aqc-panel[data-mod="kw"] .kw-ted .kw-x:hover{background:var(--red);color:#fff} #page-acquire .aqc-panel[data-mod="kw"] .kw-tedacts{display:flex;gap:8px} #page-acquire .aqc-panel[data-mod="kw"] .kw-addtpl{font-size:10.5px;font-weight:600;color:var(--blue);background:var(--blue-soft);border:1px dashed var(--blue-line);border-radius:8px;padding:5px 12px;cursor:pointer;font-family:inherit} #page-acquire .aqc-panel[data-mod="kw"] .kw-addtpl:hover{border-style:solid} #page-acquire .aqc-panel[data-mod="kw"] .kw-aitp{font-size:10.5px;font-weight:600;color:var(--blue);background:transparent;border:1px solid var(--blue-line);border-radius:8px;padding:5px 12px;cursor:pointer;font-family:inherit} #page-acquire .aqc-panel[data-mod="kw"] .kw-aitp:hover{background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="kw"] .kw-vtip{font-size:10px;line-height:1.5;color:oklch(72% 0.12 75);background:oklch(72% 0.12 75/.1);border:1px solid oklch(72% 0.12 75/.3);border-radius:8px;padding:6px 10px} /* ⑥ 新建任务向导（弹窗在 body 尾，按 #kwMask 收口；--fs-* 令牌自带） */ #kwMask{--fs-h3:16px;--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px} #kwMask{position:fixed;inset:0;z-index:60;background:oklch(10% 0.01 258/.66);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:24px} #kwMask.on{display:flex;animation:kwRise .3s var(--ease)} #kwMask .kw-modal{width:min(600px,94vw);height:min(660px,92vh);background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden} #kwMask .kw-mh{display:flex;align-items:center;gap:11px;padding:16px 20px;border-bottom:1px solid var(--line)} #kwMask .kw-mh .mic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff;box-shadow:0 8px 18px -8px var(--blue)} #kwMask .kw-mh .mic svg{width:17px;height:17px} #kwMask .kw-mh .mt{font-family:var(--font-display);font-size:15px;font-weight:600} #kwMask .kw-mh .ms{font-size:10.5px;color:var(--txt-3);margin-top:1px} #kwMask .kw-mh .x{margin-left:auto;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--txt-3);cursor:pointer;border:1px solid var(--line-2);transition:.22s} #kwMask .kw-mh .x:hover{color:var(--txt);border-color:var(--txt-3)} #kwMask .kw-mh .x svg{width:14px;height:14px} #kwMask .kw-steps{display:flex;align-items:center;gap:0;padding:14px 20px 12px;border-bottom:1px solid var(--line)} #kwMask .kw-step{display:flex;align-items:center;gap:8px;flex:1;min-width:0} #kwMask .kw-step:last-child{flex:0 0 auto} #kwMask .kw-sn{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:11px;font-weight:700;flex:none;background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-3);transition:.26s var(--ease)} #kwMask .kw-step.on .kw-sn{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 12px -4px var(--blue)} #kwMask .kw-step.done .kw-sn{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue)} #kwMask .kw-step .sl{font-size:11px;font-weight:600;color:var(--txt-3);transition:.26s;white-space:nowrap} #kwMask .kw-step.on .sl{color:var(--txt)} #kwMask .kw-sln{flex:1;height:1px;background:var(--line-2);margin:0 9px;min-width:12px} #kwMask .kw-step.done + .kw-sln{background:var(--blue-line)} #kwMask .kw-mb{flex:1;min-height:0;overflow-y:auto;padding:18px 20px} #kwMask .kw-mb::-webkit-scrollbar{width:7px} #kwMask .kw-mb::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #kwMask .kw-pane{display:none} #kwMask .kw-pane.on{display:block;animation:kwRise .32s var(--ease)} #kwMask .kw-plab{font-size:var(--fs-cap);font-weight:600;color:var(--txt-2);margin:0 0 9px} #kwMask .kw-plab .re{color:var(--red)} #kwMask .kw-plab .soft{font-weight:500;color:var(--txt-3)} /* Step1 平台 + 关联项目 */ #kwMask .kw-lrow{display:flex;align-items:center;gap:8px;margin:0 0 9px} #kwMask .kw-lrow .kw-plab{margin:0} #kwMask .kw-projs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:4px} #kwMask .kw-proj{font-size:11.5px;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2);border-radius:20px;padding:5px 14px;cursor:pointer;transition:.22s var(--ease);font-family:inherit} #kwMask .kw-proj:hover{color:var(--txt);border-color:var(--txt-3)} #kwMask .kw-proj.on{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft);font-weight:600} #kwMask .kw-plats{display:grid;grid-template-columns:1fr;gap:10px} #kwMask .kw-plat{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--line-2);border-radius:11px;background:var(--sunken);cursor:pointer;transition:.24s var(--ease)} #kwMask .kw-plat .pic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--surface);border:1px solid var(--line-2);color:var(--txt-2)} #kwMask .kw-plat .pic svg{width:17px;height:17px} #kwMask .kw-plat .pn{font-size:13px;font-weight:600} #kwMask .kw-plat .pd{font-size:10px;color:var(--txt-3);margin-top:1px} #kwMask .kw-plat .ck{margin-left:auto;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-2);flex:none;transition:.24s;display:grid;place-items:center} #kwMask .kw-plat .ck svg{display:none} #kwMask .kw-plat.on{border-color:var(--blue);background:linear-gradient(180deg,var(--blue-soft),transparent 68%),var(--sunken)} #kwMask .kw-plat.on .ck{background:var(--blue);border-color:var(--blue)} #kwMask .kw-plat.on .ck svg{display:block;width:10px;height:10px;color:#fff} #kwMask .kw-plat.soon{cursor:not-allowed;opacity:.5} #kwMask .kw-plat.soon .pd{color:var(--amber)} #kwMask .kw-note{font-size:10.5px;color:var(--txt-3);margin-top:13px;line-height:1.55;display:flex;gap:6px} #kwMask .kw-note svg{width:12px;height:12px;flex:none;margin-top:2px;opacity:.7} /* Step2 词 */ #kwMask .kw-inp{display:flex;align-items:center;gap:9px;height:42px;padding:0 14px;background:var(--sunken);border:1px solid var(--line-2);border-radius:10px;transition:.26s var(--ease)} #kwMask .kw-inp:focus-within{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #kwMask .kw-inp svg{width:15px;height:15px;color:var(--txt-3);flex:none} #kwMask .kw-inp input{border:none;background:none;outline:none;color:var(--txt);font-family:inherit;font-size:13px;width:100%} #kwMask .kw-recs{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px} #kwMask .kw-rec{font-size:11.5px;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2);border-radius:20px;padding:4.5px 13px;cursor:pointer;transition:.22s var(--ease);font-family:inherit} #kwMask .kw-rec:hover{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #kwMask .kw-ai{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--blue);border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:20px;padding:3px 11px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);white-space:nowrap} #kwMask .kw-ai:hover{filter:brightness(1.15)} #kwMask .kw-ai svg{width:11px;height:11px} /* Step3 意向词+排除词 */ #kwMask .kw-wrow{display:flex;align-items:center;gap:10px;padding:8.5px 11px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;background:var(--sunken);cursor:pointer;transition:.22s var(--ease)} #kwMask .kw-wrow .cb{width:17px;height:17px;border-radius:5px;border:1.5px solid var(--line-2);flex:none;display:grid;place-items:center;transition:.22s} #kwMask .kw-wrow .cb svg{display:none} #kwMask .kw-wrow.on .cb{background:var(--blue);border-color:var(--blue)} #kwMask .kw-wrow.on .cb svg{display:block;width:10px;height:10px;color:#fff} #kwMask .kw-wrow .gn2{flex:none;width:58px;font-size:11.5px;font-weight:600} #kwMask .kw-wrow .gw{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:5px;align-items:center} #kwMask .kw-exrow{display:block;padding:2px 0 4px} #kwMask .kw-ex2{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--txt-3);background:var(--sunken);border:1px dashed var(--line-2);border-radius:20px;padding:3.5px 11px;cursor:default} #kwMask .kw-ex2 b{color:var(--txt-2);font-weight:600} /* Step4 话术矩阵 + 节奏档 */ #kwMask .kw-tg{border:1px solid var(--line);border-radius:11px;margin-bottom:9px;background:var(--sunken);overflow:hidden} #kwMask .kw-tg:hover{border-color:var(--line-2)} #kwMask .kw-tgh{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--surface)} #kwMask .kw-tgh .tgn{font-size:11.5px;font-weight:700;color:var(--blue);flex:none} #kwMask .kw-tgh .tgw{font-size:10px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} #kwMask .kw-tgh .tgc{margin-left:auto;font-size:9.5px;font-weight:600;color:var(--blue);border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:10px;padding:1.5px 9px;white-space:nowrap;flex:none} #kwMask .kw-tgi{display:flex;gap:9px;padding:8px 12px;align-items:flex-start} #kwMask .kw-tgi + .kw-tgi{border-top:1px solid var(--line)} #kwMask .kw-tgi .no{width:16px;height:16px;border-radius:5px;flex:none;display:grid;place-items:center;font-size:9px;font-weight:700;color:var(--txt-3);background:var(--surface);border:1px solid var(--line-2);margin-top:1px} #kwMask .kw-tgi .tt{font-size:11px;font-weight:600} #kwMask .kw-tgi .tx{font-size:10.5px;color:var(--txt-3);margin-top:1px;line-height:1.5} #kwMask .kw-caps{display:flex;gap:8px;margin-top:4px} #kwMask .kw-cap{flex:1;text-align:center;padding:9px 6px;border:1px solid var(--line-2);border-radius:9px;background:var(--sunken);cursor:pointer;transition:.22s var(--ease)} #kwMask .kw-cap .cv{font-family:var(--font-display);font-size:15px;font-weight:700} #kwMask .kw-cap .cl{font-size:9.5px;color:var(--txt-3);margin-top:1px} #kwMask .kw-cap.on{border-color:var(--blue);background:var(--blue-soft)} #kwMask .kw-cap.on .cv{color:var(--blue)} #kwMask .kw-mft{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--line)} #kwMask .kw-mft .tip{flex:1;min-width:0;font-size:10.5px;color:var(--txt-3)} #kwMask .kw-mft .btns{margin-left:auto;display:flex;gap:8px} #kwMask .kw-mbtn{flex:none;white-space:nowrap;font-size:12.5px;font-weight:600;border-radius:9px;padding:9px 17px;cursor:pointer;font-family:inherit;transition:.24s var(--ease)} #kwMask .kw-mbtn.ghost{color:var(--txt-2);background:transparent;border:1px solid var(--line-2)} #kwMask .kw-mbtn.ghost:hover{color:var(--txt);border-color:var(--txt-3)} #kwMask .kw-mbtn.go{color:#fff;background:var(--blue);border:none;box-shadow:0 8px 18px -8px var(--blue)} #kwMask .kw-mbtn.go:hover{filter:brightness(1.12)} #kwMask .kw-mbtn:disabled{opacity:.4;cursor:not-allowed;filter:none} /* ⑦ 轻量预览弹窗 + toast（body 尾，按 ID 收口） */ #kwPvMask{position:fixed;inset:0;background:oklch(20% 0.03 260/.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:220;opacity:0;pointer-events:none;transition:.24s var(--ease)} #kwPvMask.on{opacity:1;pointer-events:auto} #kwPvMask .kw-pv{width:min(400px,92vw);background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;transform:translateY(10px) scale(.98);transition:.24s var(--ease)} #kwPvMask.on .kw-pv{transform:none} #kwPvMask .kw-pv-h{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--line)} #kwPvMask .kw-pv-h .kw-pv-hi{flex:1;min-width:0} #kwPvMask .kw-pv-h .nm{font-size:13px;font-weight:600} #kwPvMask .kw-pv-h .st{font-size:10.5px;color:var(--txt-3);margin-top:2px} #kwPvMask .kw-pv-x{flex:none;background:none;border:none;color:var(--txt-3);cursor:pointer;padding:4px;border-radius:8px;font-size:14px;line-height:1} #kwPvMask .kw-pv-x:hover{color:var(--txt);background:var(--sunken)} #kwPvMask .kw-pv-b{padding:14px 16px;display:flex;flex-direction:column;gap:8px} #kwPvMask .kw-pv .msg{max-width:82%;font-size:12px;line-height:1.55;padding:8px 12px;border-radius:12px} #kwPvMask .kw-pv .msg.them{align-self:flex-start;background:var(--sunken);border:1px solid var(--line);color:var(--txt-2);border-bottom-left-radius:4px} #kwPvMask .kw-pv .msg.me{align-self:flex-end;background:linear-gradient(135deg,var(--blue),oklch(55% 0.15 252));color:#fff;border-bottom-right-radius:4px} #kwPvMask .kw-pv .msg .aitag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.05em;background:oklch(100% 0 0/.22);border:1px solid oklch(100% 0 0/.35);border-radius:6px;padding:0 5px;margin-left:6px;vertical-align:1px} #kwPvMask .kw-pv-wait{font-size:10.5px;color:var(--amber);background:color-mix(in oklch,var(--amber) 10%,transparent);border:1px solid color-mix(in oklch,var(--amber) 30%,transparent);border-radius:9px;padding:6px 10px;text-align:center} #kwPvMask .kw-pv-wait.ok{color:var(--txt-2);background:var(--sunken);border-color:var(--line)} #kwPvMask .kw-pv-f{display:flex;gap:8px;padding:12px 16px 14px;border-top:1px solid var(--line)} #kwPvMask .kw-pv-f .kw-pv-go{flex:1;padding:9px 0;font-size:12.5px;font-weight:600;color:#fff;background:var(--blue);border:none;border-radius:10px;cursor:pointer;box-shadow:0 8px 18px -8px var(--blue)} #kwPvMask .kw-pv-f .kw-pv-later{flex:none;padding:9px 16px;font-size:12.5px;color:var(--txt-2);background:none;border:1px solid var(--line-2);border-radius:10px;cursor:pointer} #kwPvMask .kw-pv-f .kw-pv-later:hover{color:var(--txt);background:var(--sunken)} #kwPvMask .kw-ava{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-size:12px;font-weight:600} #kwPvMask .kw-lv{width:22px;height:22px;border-radius:7px;display:inline-grid;place-items:center;font-family:var(--font-display);font-size:12px;font-weight:700} #kwPvMask .kw-lv.a{background:var(--blue);color:#fff} #kwPvMask .kw-lv.b{background:var(--raised);color:var(--txt-2);border:1px solid var(--line-2)} #kwPvMask .kw-lv.c{background:var(--sunken);color:var(--txt-3);border:1px solid var(--line)} #kwToast{position:fixed;left:50%;top:78px;transform:translate(-50%,-16px);z-index:10000;background:var(--raised);border:1px solid var(--blue-line);color:var(--txt);font-size:12.5px;font-weight:600;border-radius:10px;padding:11px 18px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.32s var(--ease);display:flex;align-items:center;gap:9px} #kwToast.on{opacity:1;transform:translate(-50%,0)} #kwToast svg{width:15px;height:15px;color:var(--blue);flex:none} .field{margin-bottom:18px} .field>label{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);font-weight:600;margin-bottom:9px} .input{width:100%;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--txt);font-family:inherit;font-size:13.5px;padding:11px 13px;outline:none;transition:.28s} .input:focus{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} textarea.input{resize:vertical;min-height:96px;line-height:1.6} select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px} .vc-project{display:flex;gap:10px} .vc-project .input{flex:1} .btn-ai{background:var(--blue);color:#fff;border:none;border-radius:var(--r-sm);padding:11px 20px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 20px -8px var(--blue);transition:.28s var(--ease)} .btn-ai:hover{transform:translateY(-2px)} .btn-ai.sm{padding:8px 14px;font-size:12px} .vc-hint{font-size:11.5px;color:var(--txt-3)} .vc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px} .vc-chip{border:1px solid var(--line-2);background:var(--surface);color:var(--txt);border-radius:99px;padding:6px 13px;font-size:12px;cursor:pointer;text-align:left;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.28s} .vc-chip:hover{border-color:var(--blue);color:var(--blue)} .vc-foot{display:flex;align-items:center;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)} .vc-foot .vc-hint{margin-left:2px} .vc-prev{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)} .vc-prev-h{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-2);margin-bottom:12px} .vc-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:13px;line-height:1.7;color:var(--txt);background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px;max-height:300px;overflow-y:auto} .vc-rw{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px} .vc-rw>span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);font-weight:600;margin-right:4px} .vc-rw-btn{border:1px solid var(--line-2);background:var(--sunken);color:var(--txt);border-radius:99px;padding:5px 12px;font-size:11.5px;cursor:pointer;font-family:inherit;transition:.28s} .vc-rw-btn:hover{border-color:var(--blue);color:var(--blue)} /* 步骤向导 */ .vc-steps{display:flex;align-items:flex-start;margin:6px 0 26px} .vc-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;position:relative;cursor:pointer} .vc-step .dot{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-family:var(--font-display);font-size:12px;color:var(--txt-3);background:var(--surface);transition:.28s var(--ease);z-index:1} .vc-step.on .dot{border-color:var(--blue);color:#fff;background:var(--blue)} .vc-step.done .dot{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)} .vc-step .bar{position:absolute;top:15px;left:50%;width:100%;height:1px;background:var(--line-2);z-index:0} .vc-step .lab{font-size:11px;color:var(--txt-3);font-weight:500} .vc-step.on .lab,.vc-step.done .lab{color:var(--txt-2)} .vc-steps.three .step-pad{flex:1} .vc-pg{animation:rise .4s var(--ease)} .vc-ptitle{font-family:var(--font-display);font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px} .vc-pdesc{font-size:12px;color:var(--txt-3);margin:8px 0 18px;line-height:1.6} .vc-accent{font-size:10px;letter-spacing:.05em;color:var(--blue);border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:20px;padding:2px 9px;font-weight:600} .vc-mute{font-size:10px;letter-spacing:.05em;color:var(--txt-3);border:1px solid var(--line-2);border-radius:20px;padding:2px 9px;font-weight:600} .opts{display:flex;flex-wrap:wrap;gap:8px} .opt{border:1px solid var(--line-2);border-radius:var(--r-sm);padding:8px 15px;font-size:12.5px;cursor:pointer;color:var(--txt-2);background:var(--sunken);font-family:inherit;transition:.28s} .opt:hover{color:var(--txt)} .opt.on{border-color:var(--blue);color:var(--blue);background:var(--blue-soft);font-weight:600} .vc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)} .vc-row:last-child{border-bottom:none} .vc-row .rl{font-size:13px;font-weight:600} .vc-row .rd{font-size:11.5px;color:var(--txt-3);margin-top:2px} .sw{width:42px;height:24px;border-radius:99px;background:var(--sunken);border:1px solid var(--line-2);position:relative;cursor:pointer;transition:.28s var(--ease);flex:none} .sw.on{background:var(--blue);border-color:var(--blue)} .sw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.28s var(--ease)} .sw.on::after{left:20px} .vc-range{display:flex;align-items:center;gap:10px} .vc-range input[type=range]{flex:1;accent-color:var(--blue)} .vc-range .val{font-family:var(--font-display);font-size:13px;font-weight:600;min-width:42px;text-align:right} .vc-sl-t{font-size:11.5px;color:var(--txt-3)} .vc-card-chosen{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--sunken)} .vc-chosen-ava{width:34px;height:34px;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:16px;flex:none} .vc-chosen-info{flex:1;min-width:0} .vc-chosen-info .cn{font-size:13px;font-weight:600} .vc-chosen-info .cd{font-size:11px;color:var(--txt-3);margin-top:1px} .vc-upload{display:flex;align-items:center;gap:12px;padding:16px;border:1px dashed var(--line-2);border-radius:var(--r-sm);background:var(--sunken);cursor:pointer;color:var(--txt-2);font-size:12.5px;transition:.28s} .vc-upload:hover{border-color:var(--blue);color:var(--blue)} .vc-upload .uic{font-size:22px} .vc-wiz-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)} .vc-note{font-size:12px;color:var(--txt-3)} .vc-btns{display:flex;gap:10px} .btn-ghost{border:1px solid var(--line-2);background:var(--surface);color:var(--txt-2);border-radius:var(--r-sm);padding:9px 16px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:.28s} .btn-ghost:hover{color:var(--txt);border-color:var(--blue-line)} .btn-ghost.sm,.btn-ai.sm{padding:8px 14px;font-size:12px} /* 混剪素材 */ .vc-mats{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto} .vc-mat{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--sunken);cursor:pointer;font-size:13px;transition:.28s} .vc-mat:hover{border-color:var(--blue-line)} .vc-mat.on{border-color:var(--blue);background:var(--blue-soft)} .vc-mat .ck{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--line-2);flex:none;display:grid;place-items:center} .vc-mat.on .ck{background:var(--blue);border-color:var(--blue);color:#fff} .vc-mat .ck svg{width:11px;height:11px} .vc-mat .mt{margin-left:auto;font-size:11px;color:var(--txt-3)} /* 右栏工作历史 */ .vc-hist{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);height:fit-content;position:sticky;top:24px;max-height:calc(100vh - 150px);overflow-y:auto} .vc-hist-h{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px} .vc-hist-h .cnt{margin-left:auto;color:var(--blue);background:var(--blue-soft);border-radius:20px;padding:2px 9px;font-size:10px;letter-spacing:.04em} .h-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)} .h-item:last-child{border-bottom:none;padding-bottom:0} .h-th{width:54px;height:54px;border-radius:9px;flex:none;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft);position:relative;overflow:hidden} .h-th svg{width:22px;height:22px} .h-th .ht{position:absolute;bottom:3px;left:4px;font-size:8.5px;letter-spacing:.05em;color:var(--blue);font-weight:600} .h-th .hd{position:absolute;bottom:3px;right:4px;font-size:8.5px;color:var(--blue)} .h-doc{background:var(--sunken);color:var(--txt-2)} .h-doc svg{width:22px;height:22px;color:var(--txt-2)} .h-bd{flex:1;min-width:0} .h-bd b{font-size:12.5px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .h-bd i{font-size:10.5px;color:var(--txt-3);font-style:normal;display:block;margin-top:2px} .h-acts{display:flex;gap:6px;margin-top:9px} .h-btn{font-size:10.5px;border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-2);border-radius:6px;padding:3px 10px;cursor:pointer;font-family:inherit;transition:.28s} .h-btn:hover{border-color:var(--blue-line);color:var(--txt)} .h-btn.primary{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} .h-btn.danger:hover{border-color:var(--red);color:var(--red)} .vc-empty{font-size:12px;color:var(--txt-3);line-height:1.7;padding:18px 0;text-align:center} /* 视频中心面板 / 历史 / 步骤 显隐 */ .vc-panel{display:none} .vc-panel.on{display:block;animation:rise .5s var(--ease)} .vc-hist-list{display:none} .vc-hist-list.on{display:block} .vc-pg{display:none} .vc-pg.on{display:block} /* ================= 线索池（迁自小样 v4.0 · 作用域：#page-acquire [data-mod="pool"]） ================= */ #page-acquire .aqc-panel[data-mod="pool"]{--fs-h3:16px;--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px} /* 头部 */ #page-acquire .aqc-panel[data-mod="pool"] .pl-head{display:flex;align-items:center;gap:12px;padding:11px 18px;margin-bottom:10px} #page-acquire .aqc-panel[data-mod="pool"] .pl-head .hic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="pool"] .pl-head .hic svg{width:19px;height:19px} #page-acquire .aqc-panel[data-mod="pool"] .pl-head .nm{font-family:var(--font-display);font-size:15.5px;font-weight:600;white-space:nowrap} #page-acquire .aqc-panel[data-mod="pool"] .pl-head .ds{font-size:var(--fs-cap);color:var(--txt-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} #page-acquire .aqc-panel[data-mod="pool"] .pl-head > div{flex:1;min-width:0} #page-acquire .aqc-panel[data-mod="pool"] .pl-cnt{font-size:var(--fs-label);color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2);border-radius:20px;padding:3px 10px;font-weight:600;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="pool"] .pl-run{display:flex;align-items:center;gap:7px;font-size:var(--fs-label);color:var(--green);font-weight:600;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="pool"] .pl-run .d{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3.5px oklch(76% 0.14 158/.15);animation:plBlink 2.2s infinite} @keyframes plBlink{0%,100%{opacity:1}50%{opacity:.45}} #page-acquire .aqc-panel[data-mod="pool"] .pl-new{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#fff;background:var(--blue);border:none;border-radius:9px;padding:8px 15px;cursor:pointer;font-family:inherit;transition:.24s var(--ease);box-shadow:0 8px 20px -8px var(--blue);flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="pool"] .pl-new:hover{filter:brightness(1.12)} #page-acquire .aqc-panel[data-mod="pool"] .pl-new svg{width:14px;height:14px} /* 筛选行一 */ #page-acquire .aqc-panel[data-mod="pool"] .pl-f1{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:nowrap} #page-acquire .aqc-panel[data-mod="pool"] .pl-search{flex:1;min-width:88px;display:flex;align-items:center;gap:7px;height:28px;padding:0 10px;border:1px solid var(--line-2);border-radius:7px;color:var(--txt-3);background:var(--surface);transition:.22s} #page-acquire .aqc-panel[data-mod="pool"] .pl-search svg{width:13px;height:13px;flex:none} #page-acquire .aqc-panel[data-mod="pool"] .pl-search input{border:none;background:none;outline:none;color:var(--txt);font-family:inherit;font-size:11px;width:100%;min-width:0} #page-acquire .aqc-panel[data-mod="pool"] .pl-search:focus-within{border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="pool"] .pl-sel{height:28px;padding:0 5px;background:var(--surface);border:1px solid var(--line-2);border-radius:7px;color:var(--txt-2);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;outline:none;transition:.22s;flex:none;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="pool"] .pl-sel:hover{border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="pool"] .pl-sel:focus{border-color:var(--blue-line)} /* 筛选行二 */ #page-acquire .aqc-panel[data-mod="pool"] .pl-f2{display:flex;align-items:center;gap:4px;margin-bottom:10px;flex-wrap:wrap;row-gap:5px} #page-acquire .aqc-panel[data-mod="pool"] .pl-chip{font-size:10.5px;font-weight:600;color:var(--txt-3);border:1px solid var(--line-2);background:var(--surface);border-radius:99px;padding:3px 9px;cursor:pointer;transition:.22s var(--ease);white-space:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="pool"] .pl-chip:hover{color:var(--txt-2);border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="pool"] .pl-chip.on{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="pool"] .pl-chip.on.wxs{color:var(--green);border-color:oklch(76% 0.14 158/.4);background:oklch(76% 0.14 158/.10)} #page-acquire .aqc-panel[data-mod="pool"] .pl-fdiv{width:1px;height:14px;background:var(--line-2);flex:none;margin:0 3px} /* 跨项目保护黄条 */ #page-acquire .aqc-panel[data-mod="pool"] .pl-xbar{display:flex;align-items:center;gap:8px;padding:6px 12px;margin-bottom:8px;border:1px solid oklch(78% 0.11 80/.26);background:oklch(78% 0.11 80/.05);border-radius:9px;font-size:10.5px;color:var(--txt-2);line-height:1.5} #page-acquire .aqc-panel[data-mod="pool"] .pl-xbar svg{width:13px;height:13px;flex:none;color:var(--amber)} #page-acquire .aqc-panel[data-mod="pool"] .pl-xbar b{color:var(--txt)} /* 表格（主文件是滚动页，固定 clamp 高 + 内部滚） */ #page-acquire .aqc-panel[data-mod="pool"] .pl-tblwrap{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;height:clamp(440px,58vh,700px);min-height:420px} #page-acquire .aqc-panel[data-mod="pool"] .pl-thead,#page-acquire .aqc-panel[data-mod="pool"] .pl-tr{display:grid;grid-template-columns:20px minmax(0,1.15fr) 74px minmax(0,.85fr) minmax(0,1.3fr) 76px;gap:7px;align-items:center;padding:0 13px} #page-acquire .aqc-panel[data-mod="pool"] .pl-thead{height:32px;flex:none;background:var(--sunken);border-bottom:1px solid var(--line);font-size:10px;color:var(--txt-3);font-weight:700;letter-spacing:.03em} #page-acquire .aqc-panel[data-mod="pool"] .pl-tbody{flex:1;min-height:0;overflow-y:auto;padding:2px 0} #page-acquire .aqc-panel[data-mod="pool"] .pl-tbody::-webkit-scrollbar{width:7px} #page-acquire .aqc-panel[data-mod="pool"] .pl-tbody::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .aqc-panel[data-mod="pool"] .pl-tr{min-height:48px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .18s;animation:plRise .3s var(--ease)} @keyframes plRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} #page-acquire .aqc-panel[data-mod="pool"] .pl-tr:last-child{border-bottom:none} #page-acquire .aqc-panel[data-mod="pool"] .pl-tr:hover{background:linear-gradient(90deg,var(--blue-soft),transparent 70%)} #page-acquire .aqc-panel[data-mod="pool"] .pl-tr.sel{background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="pool"] .pl-tr.cross{background:oklch(78% 0.11 80/.05)} #page-acquire .aqc-panel[data-mod="pool"] .pl-tr.lost{opacity:.55;filter:saturate(.35)} #page-acquire .aqc-panel[data-mod="pool"] .pl-ck{width:14px;height:14px;border-radius:4px;border:1.5px solid var(--line-2);background:var(--surface);cursor:pointer;flex:none;transition:.18s;display:grid;place-items:center} #page-acquire .aqc-panel[data-mod="pool"] .pl-ck:hover{border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="pool"] .pl-ck.on{background:var(--blue);border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="pool"] .pl-ck.on::after{content:"";width:6.5px;height:3.5px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg) translateY(-.5px)} #page-acquire .aqc-panel[data-mod="pool"] .pl-cu{display:flex;align-items:center;gap:7px;min-width:0} #page-acquire .aqc-panel[data-mod="pool"] .ava3{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-size:10px;font-weight:600} #page-acquire .aqc-panel[data-mod="pool"] .ava3.a{background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-line)} #page-acquire .aqc-panel[data-mod="pool"] .ava3.b{background:var(--raised);color:var(--txt-2);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="pool"] .ava3.c{background:var(--sunken);color:var(--txt-3);border:1px solid var(--line)} #page-acquire .aqc-panel[data-mod="pool"] .pl-cu .cb{min-width:0;flex:1} #page-acquire .aqc-panel[data-mod="pool"] .pl-cu .n1{display:flex;align-items:center;gap:5px;min-width:0} #page-acquire .aqc-panel[data-mod="pool"] .pl-cu .nm{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="pool"] .pl-lvd{width:7px;height:7px;border-radius:50%;flex:none} #page-acquire .aqc-panel[data-mod="pool"] .pl-lvd.a{background:var(--red)} #page-acquire .aqc-panel[data-mod="pool"] .pl-lvd.b{background:var(--amber)} #page-acquire .aqc-panel[data-mod="pool"] .pl-lvd.c{background:var(--txt-3)} #page-acquire .aqc-panel[data-mod="pool"] .pl-cu .n2{display:flex;align-items:center;gap:4px;margin-top:1px;min-width:0} #page-acquire .aqc-panel[data-mod="pool"] .pl-to{font-size:8.5px;font-weight:700;color:var(--blue);background:var(--blue-soft);border-radius:4px;padding:0 4px;white-space:nowrap} #page-acquire .aqc-panel[data-mod="pool"] .pl-pf{font-size:8.5px;font-weight:600;border-radius:4px;padding:0 4px;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="pool"] .pl-pf.dy{color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="pool"] .pl-pf.xhs{color:var(--red);background:oklch(68% 0.16 26/.10);border:1px solid oklch(68% 0.16 26/.24)} #page-acquire .aqc-panel[data-mod="pool"] .pl-pr{display:flex;flex-direction:column;gap:2px;min-width:0} #page-acquire .aqc-panel[data-mod="pool"] .pl-pj{font-size:9px;font-weight:700;border-radius:4px;padding:1.5px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;width:fit-content;max-width:100%} #page-acquire .aqc-panel[data-mod="pool"] .pl-pj.p1{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line)} #page-acquire .aqc-panel[data-mod="pool"] .pl-pj.p2{color:#a07ae8;background:oklch(58% 0.15 300/.12);border:1px solid oklch(58% 0.15 300/.32)} #page-acquire .aqc-panel[data-mod="pool"] .pl-pj.p3{color:var(--green);background:oklch(76% 0.14 158/.10);border:1px solid oklch(76% 0.14 158/.32)} #page-acquire .aqc-panel[data-mod="pool"] .pl-pj.p4{color:var(--amber);background:oklch(78% 0.11 80/.10);border:1px solid oklch(78% 0.11 80/.32)} #page-acquire .aqc-panel[data-mod="pool"] .pl-pj.p5{color:#3ab0ba;background:oklch(70% 0.1 200/.10);border:1px solid oklch(70% 0.1 200/.32)} #page-acquire .aqc-panel[data-mod="pool"] .pl-srcline{font-size:8.5px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} #page-acquire .aqc-panel[data-mod="pool"] .pl-acts{display:flex;align-items:center;gap:3px;flex-wrap:wrap;min-width:0;row-gap:3px} #page-acquire .aqc-panel[data-mod="pool"] .pl-tag{font-size:8.5px;font-weight:600;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2);border-radius:4px;padding:0 5px;white-space:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="pool"] .pl-tag.b{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="pool"] .pl-tag.ok{color:var(--green);border-color:oklch(76% 0.14 158/.4);background:oklch(76% 0.14 158/.10)} #page-acquire .aqc-panel[data-mod="pool"] .pl-tag.none{color:var(--txt-3);border-style:dashed} #page-acquire .aqc-panel[data-mod="pool"] .pl-tag.lock{color:var(--green);border-color:oklch(76% 0.14 158/.4);background:oklch(76% 0.14 158/.10);cursor:help} #page-acquire .aqc-panel[data-mod="pool"] .pl-tag.rt{background:oklch(82% 0.12 80/.14);color:oklch(52% 0.11 80);border-color:oklch(78% 0.11 80/.4)} #page-acquire .aqc-panel[data-mod="pool"] .pl-last{font-size:10.5px;color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1.4} #page-acquire .aqc-panel[data-mod="pool"] .pl-last b{color:var(--txt)} #page-acquire .aqc-panel[data-mod="pool"] .pl-op{font-size:10px;font-weight:600;border-radius:6px;padding:3.5px 9px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="pool"] .pl-op.go{color:var(--blue);border:1px solid var(--blue-line);background:transparent} #page-acquire .aqc-panel[data-mod="pool"] .pl-op.go:hover{background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="pool"] .pl-op.done{color:var(--green);border:1px solid oklch(76% 0.14 158/.4);background:transparent;cursor:default} #page-acquire .aqc-panel[data-mod="pool"] .pl-op.chat{color:var(--amber);border:1px solid oklch(78% 0.11 80/.45);background:transparent} #page-acquire .aqc-panel[data-mod="pool"] .pl-op.chat:hover{background:oklch(78% 0.11 80/.12)} #page-acquire .aqc-panel[data-mod="pool"] .pl-op.look{color:var(--txt-2);border:1px solid var(--line-2);background:var(--sunken)} #page-acquire .aqc-panel[data-mod="pool"] .pl-op.look:hover{border-color:var(--txt-3);color:var(--txt)} #page-acquire .aqc-panel[data-mod="pool"] .pl-tempty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--txt-3);padding:30px 0} #page-acquire .aqc-panel[data-mod="pool"] .pl-tempty .t1{font-size:13px;font-weight:600;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="pool"] .pl-tempty .t2{font-size:11.5px} #page-acquire .aqc-panel[data-mod="pool"] .pl-onboard{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:34px 0;text-align:center} #page-acquire .aqc-panel[data-mod="pool"] .pl-onboard .ob-ic{width:46px;height:46px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:4px} #page-acquire .aqc-panel[data-mod="pool"] .pl-onboard .t1{font-size:15px;font-weight:600;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="pool"] .pl-onboard .t2{font-size:12px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="pool"] .pl-onboard .ob-btns{display:flex;gap:10px;margin-top:10px} #page-acquire .aqc-panel[data-mod="pool"] .pl-onboard .ob-btn{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 15px;font-size:12.5px;font-weight:600;color:var(--txt-2);cursor:pointer;font-family:inherit;display:flex;flex-direction:column;gap:4px;min-width:136px;align-items:flex-start;transition:.2s} #page-acquire .aqc-panel[data-mod="pool"] .pl-onboard .ob-btn:hover{border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="pool"] .pl-onboard .ob-btn .s{font-size:10.5px;font-weight:400;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="pool"] .pl-onboard .ob-hint{font-size:11px;color:var(--txt-3);margin-top:10px} /* 批量条 */ #page-acquire .aqc-panel[data-mod="pool"] .pl-bbar{position:absolute;left:10px;right:10px;bottom:44px;z-index:4;display:none;align-items:center;gap:7px;padding:8px 12px;background:var(--raised);border:1px solid var(--blue-line);border-radius:10px;box-shadow:0 18px 44px -22px rgba(0,0,0,.85)} #page-acquire .aqc-panel[data-mod="pool"] .pl-bbar.on{display:flex} #page-acquire .aqc-panel[data-mod="pool"] .pl-bbar .t{font-size:11px;font-weight:700;color:var(--txt);white-space:nowrap} #page-acquire .aqc-panel[data-mod="pool"] .pl-bb{font-size:10px;font-weight:700;border-radius:6px;padding:3.5px 9px;cursor:pointer;font-family:inherit;transition:.2s;border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-2);white-space:nowrap} #page-acquire .aqc-panel[data-mod="pool"] .pl-bb.go{color:var(--blue);border-color:var(--blue-line);background:transparent} #page-acquire .aqc-panel[data-mod="pool"] .pl-bb.go:hover{background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="pool"] .pl-bb.x{border:none;background:none;color:var(--txt-3);padding:3.5px 5px} /* 分页条 */ #page-acquire .aqc-panel[data-mod="pool"] .pl-page{flex:none;height:34px;display:flex;align-items:center;gap:8px;padding:0 13px;border-top:1px solid var(--line);background:var(--sunken);font-size:10px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="pool"] .pl-page .selinfo{font-weight:600} #page-acquire .aqc-panel[data-mod="pool"] .pl-page .selinfo b{color:var(--blue)} #page-acquire .aqc-panel[data-mod="pool"] .pl-page .pager{margin-left:auto;display:flex;align-items:center;gap:4px} #page-acquire .aqc-panel[data-mod="pool"] .pl-pg{min-width:20px;height:20px;display:grid;place-items:center;border-radius:5px;font-size:10px;font-weight:600;color:var(--txt-3);border:1px solid transparent} #page-acquire .aqc-panel[data-mod="pool"] .pl-pg.on{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} /* 抽屉 */ #page-acquire .aqc-panel[data-mod="pool"] ~ .pl-mask{position:fixed;inset:0;z-index:55;background:oklch(10% 0.01 258/.55);backdrop-filter:blur(6px);display:none} #page-acquire .pl-mask.on{display:block;animation:plRise .28s var(--ease)} #page-acquire .pl-drawer{position:fixed;right:0;top:0;bottom:0;z-index:56;width:min(430px,94vw);background:var(--surface);border-left:1px solid var(--line-2);box-shadow:-40px 0 90px -50px rgba(0,0,0,.95);display:flex;flex-direction:column;transform:translateX(103%);transition:transform .38s var(--ease)} #page-acquire .pl-drawer.on{transform:none} #page-acquire .pl-dh{flex:none;display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)} #page-acquire .ava2{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:16px;font-weight:600;flex:none} #page-acquire .ava2.a{background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-line)} #page-acquire .ava2.b{background:var(--raised);color:var(--txt-2);border:1px solid var(--line-2)} #page-acquire .ava2.c{background:var(--sunken);color:var(--txt-3);border:1px solid var(--line)} #page-acquire .pl-dh .t{font-family:var(--font-display);font-size:16px;font-weight:600} #page-acquire .pl-dh .s{font-size:11px;color:var(--txt-3);margin-top:2px;display:flex;align-items:center;gap:5px;flex-wrap:wrap} #page-acquire .pl-dh .x{margin-left:auto;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line-2);background:none;color:var(--txt-3);cursor:pointer;transition:.22s;flex:none} #page-acquire .pl-dh .x:hover{color:var(--txt);border-color:var(--txt-3)} #page-acquire .pl-dh .x svg{width:14px;height:14px} #page-acquire .pl-db{flex:1;min-height:0;overflow-y:auto;padding:16px 20px 20px} #page-acquire .pl-db::-webkit-scrollbar{width:7px} #page-acquire .pl-db::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .pl-dsec{margin-bottom:18px} #page-acquire .pl-dsec .h{font-size:11px;color:var(--txt-3);font-weight:700;letter-spacing:.05em;margin-bottom:8px} #page-acquire .pl-dsec .hint{font-weight:500;color:var(--txt-3);opacity:.75;margin-left:4px;font-size:10px} #page-acquire .pl-lvrow{display:flex;gap:6px} #page-acquire .pl-lvp{flex:1;text-align:center;font-size:11.5px;font-weight:600;color:var(--txt-2);border:1px solid var(--line-2);background:var(--sunken);border-radius:8px;padding:8px 4px;cursor:pointer;transition:.2s var(--ease)} #page-acquire .pl-lvp:hover{border-color:var(--txt-3)} #page-acquire .pl-lvp.on{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .pl-pjrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center} #page-acquire .pl-pjlg{font-size:11px;font-weight:700;border-radius:6px;padding:4px 10px} #page-acquire .pl-cross{width:100%;font-size:10.5px;color:var(--amber);background:oklch(78% 0.11 80/.08);border:1px solid oklch(78% 0.11 80/.3);border-radius:8px;padding:8px 11px;line-height:1.55} #page-acquire .pl-cross.ok{color:var(--green);background:oklch(76% 0.14 158/.08);border-color:oklch(76% 0.14 158/.32)} #page-acquire .pl-srcit{display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line);font-size:11.5px;color:var(--txt-2);line-height:1.5} #page-acquire .pl-srcit:last-child{border-bottom:none} #page-acquire .pl-srcit svg{width:13px;height:13px;flex:none;margin-top:3px;color:var(--blue)} #page-acquire .pl-srcit b{color:var(--txt)} #page-acquire .pl-srcit .tm{margin-left:auto;font-size:10px;color:var(--txt-3);white-space:nowrap;flex:none} #page-acquire .pl-tl{display:flex;flex-direction:column;gap:0} #page-acquire .pl-tit{position:relative;display:flex;gap:10px;padding:6px 0 6px 26px;font-size:11.5px;color:var(--txt-2);line-height:1.5} #page-acquire .pl-tit::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1.5px;background:var(--line-2)} #page-acquire .pl-tit:first-child::before{top:8px} #page-acquire .pl-tit:last-child::before{bottom:auto;height:8px} #page-acquire .pl-tit::after{content:"";position:absolute;left:5px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--surface);border:2px solid var(--txt-3);z-index:1} #page-acquire .pl-tit.act::after{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)} #page-acquire .pl-tit .w{flex:none;width:52px;font-size:10px;color:var(--txt-3);padding-top:2px} #page-acquire .pl-tit b{color:var(--txt)} #page-acquire .pl-chat .msg{display:flex;flex-direction:column;gap:8px} #page-acquire .pl-chat .m{max-width:82%;font-size:11.5px;line-height:1.5;padding:8px 11px;border-radius:11px;position:relative} #page-acquire .pl-chat .m.them{align-self:flex-start;background:var(--sunken);border:1px solid var(--line);color:var(--txt-2);border-top-left-radius:4px} #page-acquire .pl-chat .m.me{align-self:flex-end;background:var(--blue);color:#fff;border-top-right-radius:4px} #page-acquire .pl-chat .tagai{font-size:8.5px;font-weight:700;background:rgba(255,255,255,.22);border-radius:4px;padding:0 4px;margin-left:5px;vertical-align:1px} #page-acquire .pl-chat .tip{display:flex;gap:7px;align-items:center;font-size:10.5px;color:var(--amber);background:oklch(78% 0.11 80/.08);border:1px solid oklch(78% 0.11 80/.3);border-radius:8px;padding:7px 10px;margin-top:10px} #page-acquire .pl-chat .tip svg{width:13px;height:13px;flex:none} #page-acquire .pl-chat .go{width:100%;height:36px;margin-top:10px;border:none;border-radius:9px;background:var(--blue);color:#fff;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:.24s var(--ease)} #page-acquire .pl-chat .go:hover{filter:brightness(1.12)} #page-acquire .pl-endrow{display:flex;gap:8px} #page-acquire .pl-eop{flex:1;font-size:11.5px;font-weight:600;border-radius:8px;padding:8px 4px;cursor:pointer;font-family:inherit;transition:.2s;border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-2)} #page-acquire .pl-eop:hover{border-color:var(--txt-3);color:var(--txt)} #page-acquire .pl-eop.wx{color:var(--green);border-color:oklch(76% 0.14 158/.4);background:oklch(76% 0.14 158/.08)} #page-acquire .pl-eop.win{color:var(--amber);border-color:oklch(78% 0.11 80/.4);background:oklch(78% 0.11 80/.08)} /* 弹窗 mask / modal / mini / toast / 7 项补强（额度 / 通用小浮层 / 标签） */ #page-acquire .pl-mask2{position:fixed;inset:0;z-index:60;background:oklch(10% 0.01 258/.55);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px} #page-acquire .pl-mask2.on{display:flex;animation:plRise .28s var(--ease)} #page-acquire .pl-modal{width:min(430px,94vw);background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:0 50px 120px -60px rgba(0,0,0,.95);overflow:hidden} #page-acquire .pl-mh{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--line)} #page-acquire .pl-mh .mic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--blue);color:#fff;flex:none;box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .pl-mh .mic svg{width:16px;height:16px} #page-acquire .pl-mh .mt{font-family:var(--font-display);font-size:14.5px;font-weight:600} #page-acquire .pl-mh .ms{font-size:10.5px;color:var(--txt-3);margin-top:1px} #page-acquire .pl-mh .x{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;border-radius:7px;border:1px solid var(--line-2);background:none;color:var(--txt-3);cursor:pointer;transition:.2s;flex:none} #page-acquire .pl-mh .x:hover{color:var(--txt);border-color:var(--txt-3)} #page-acquire .pl-mh .x svg{width:13px;height:13px} #page-acquire .pl-mtabs{display:flex;gap:6px;padding:12px 18px 0} #page-acquire .pl-mt{font-size:11.5px;font-weight:600;color:var(--txt-3);border:1px solid var(--line-2);background:var(--sunken);border-radius:8px;padding:6px 13px;cursor:pointer;transition:.22s var(--ease)} #page-acquire .pl-mt.on{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .pl-mb{max-height:min(420px,60vh);overflow-y:auto;padding:16px 18px 18px} #page-acquire .pl-mb::-webkit-scrollbar{width:7px} #page-acquire .pl-mb::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .pl-pane{display:none} #page-acquire .pl-pane.on{display:block;animation:plRise .32s var(--ease)} #page-acquire .pl-fld{display:flex;flex-direction:column;gap:5px;margin-bottom:12px} #page-acquire .pl-fld label{font-size:10.5px;color:var(--txt-3);font-weight:600} #page-acquire .pl-fld input,#page-acquire .pl-fld select{height:38px;padding:0 12px;background:var(--sunken);border:1px solid var(--line-2);border-radius:9px;color:var(--txt);font-family:inherit;font-size:12.5px;outline:none;transition:.24s} #page-acquire .pl-fld input:focus,#page-acquire .pl-fld select:focus{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #page-acquire .pl-up{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1.5px dashed var(--line-2);border-radius:12px;padding:34px 18px;cursor:pointer;transition:.26s var(--ease);color:var(--txt-3);text-align:center} #page-acquire .pl-up:hover{border-color-color:var(--blue-line);background:var(--blue-soft);color:var(--blue)} #page-acquire .pl-up svg{width:26px;height:26px} #page-acquire .pl-up .t1{font-size:12.5px;font-weight:600} #page-acquire .pl-up .t2{font-size:10.5px} #page-acquire .pl-prog{display:none;margin-top:14px} #page-acquire .pl-prog.on{display:block} #page-acquire .pl-prog .bar{height:6px;border-radius:99px;background:var(--sunken);border:1px solid var(--line);overflow:hidden} #page-acquire .pl-prog .bar i{display:block;height:100%;width:0;background:var(--blue);border-radius:99px;transition:width .3s linear} #page-acquire .pl-prog .pt{font-size:10.5px;color:var(--txt-3);margin-top:7px;text-align:center} #page-acquire .pl-msub{width:100%;height:38px;margin-top:6px;border:none;border-radius:9px;background:var(--blue);color:#fff;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:.24s var(--ease)} #page-acquire .pl-msub:hover{filter:brightness(1.12)} /* 额度 / 导出 / mini / toast */ #page-acquire .pl-quota{margin-left:auto;display:flex;flex-direction:column;gap:4px;flex:none;min-width:118px;padding:2px 12px;border-left:1px solid var(--line);margin-right:2px} #page-acquire .pl-quota .qn{display:flex;align-items:center;gap:5px;font-size:9.5px;color:var(--txt-3);line-height:1} #page-acquire .pl-quota .qp{flex:none;font-weight:600;color:var(--txt-2)} #page-acquire .pl-quota .qv{flex:none;font-weight:700;font-variant-numeric:tabular-nums;color:var(--txt-2)} #page-acquire .pl-quota .qb{flex:1;height:3.5px;border-radius:3px;background:var(--line);overflow:hidden} #page-acquire .pl-quota .qb i{display:block;height:100%;border-radius:3px;background:var(--blue);transition:width .4s} #page-acquire .pl-quota .qn.warn .qb i{background:var(--amber)} #page-acquire .pl-quota .qn.warn .qv{color:var(--amber)} #page-acquire .pl-quota .qn.red .qb i{background:oklch(60% 0.19 25)} #page-acquire .pl-quota .qn.red .qv{color:oklch(60% 0.19 25)} #page-acquire .pl-exp{height:28px;display:flex;align-items:center;gap:6px;padding:0 12px;border-radius:7px;border:1px solid var(--line-2);background:var(--surface);color:var(--txt-2);font-size:11px;font-weight:600;font-family:inherit;cursor:pointer;transition:.2s;flex:none} #page-acquire .pl-exp:hover{border-color:var(--blue-line);color:var(--blue)} #page-acquire .pl-exp svg{width:13px;height:13px} #page-acquire .pl-mini{width:min(440px,92vw);background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:0 30px 80px -30px rgba(0,0,0,.65);padding:18px 18px 12px;max-height:76vh;overflow-y:auto} #page-acquire .pl-mini::-webkit-scrollbar{width:7px} #page-acquire .pl-mini::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .pl-mini .pl-mh{border-bottom:none;padding:0 0 6px} #page-acquire .pl-mini .pl-msub{font-size:11px;height:32px} #page-acquire .pl-msub{font-size:11px;height:32px} #page-acquire .pl-tcard{border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin-bottom:8px;cursor:pointer;transition:.2s;font-family:inherit;text-align:left;width:100%;background:none} #page-acquire .pl-tcard:hover{border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .pl-tcard.used{opacity:.5;cursor:not-allowed;border-style:dashed} #page-acquire .pl-tcard.used:hover{border-color:var(--line);background:none} #page-acquire .pl-tcard .tn{font-size:12px;font-weight:600;color:var(--blue)} #page-acquire .pl-tcard .tx{font-size:11px;color:var(--txt-2);margin-top:4px;line-height:1.55} #page-acquire .pl-tcard .tp{font-size:9.5px;color:var(--txt-3);margin-top:5px} #page-acquire .pl-tcard .uf{display:inline-block;font-size:9.5px;color:oklch(52% 0.11 80);background:oklch(82% 0.12 80/.14);border-radius:5px;padding:1px 5px;margin-left:6px;font-weight:600;vertical-align:1px} #page-acquire .pl-rsbtn{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin-bottom:8px;cursor:pointer;background:none;font-family:inherit;transition:.2s} #page-acquire .pl-rsbtn:hover{border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .pl-rsbtn .ri{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none;background:var(--sunken);color:var(--txt-2)} #page-acquire .pl-rsbtn .ri svg{width:14px;height:14px} #page-acquire .pl-rsbtn .rn{font-size:12px;font-weight:600;color:var(--txt)} #page-acquire .pl-rsbtn .rd{font-size:10.5px;color:var(--txt-3);margin-top:2px;line-height:1.45} #page-acquire .pl-tg{display:inline-flex;align-items:center;height:15px;padding:0 6px;border-radius:5px;font-size:9px;font-weight:600;background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-line);flex:none} #page-acquire .pl-tg.more{background:var(--sunken);color:var(--txt-3);border-color:var(--line-2)} #page-acquire .pl-tgrow{display:flex;flex-wrap:wrap;gap:6px} #page-acquire .pl-tg-btn{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:7px;font-size:10.5px;font-weight:600;border:1px dashed var(--line-2);background:none;color:var(--txt-3);cursor:pointer;font-family:inherit;transition:.2s} #page-acquire .pl-tg-btn.on{border-style:solid;border-color:var(--blue-line);background:var(--blue-soft);color:var(--blue)} #page-acquire .pl-toast{position:fixed;left:50%;top:78px;transform:translateX(-50%) translateY(-24px);z-index:10000;display:flex;align-items:center;gap:9px;padding:11px 20px;background:var(--raised);border:1px solid var(--blue-line);border-radius:12px;box-shadow:0 24px 60px -30px rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:.34s var(--ease);font-size:12.5px;font-weight:600;max-width:min(560px,90vw)} #page-acquire .pl-toast.on{opacity:1;transform:translateX(-50%)} #page-acquire .pl-toast svg{width:15px;height:15px;color:var(--blue);flex:none} /* 右栏侧卡：塘内动态（pool 专属；高度与表格对齐卡） */ #page-acquire .aqc-side .aqc-card[data-side]{display:none} #page-acquire .aqc-side .aqc-card[data-side="home"].side-on{display:block} #page-acquire .aqc-side .aqc-card[data-side="pool"].side-on{display:flex;flex-direction:column;overflow:hidden;max-height:clamp(460px,60vh,720px)} #page-acquire .aqc-side .aqc-card[data-side="pool"] .feed{flex:1;min-height:0;overflow-y:auto;padding:2px 4px 2px 0} #page-acquire .aqc-side .aqc-card[data-side="pool"] .feed::-webkit-scrollbar{width:7px} #page-acquire .aqc-side .aqc-card[data-side="pool"] .feed::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} /* 池板三档窄屏 */ @media (max-width:1500px){ #page-acquire .aqc-panel[data-mod="pool"] .pl-head{padding:11px 14px;gap:9px} #page-acquire .aqc-panel[data-mod="pool"] .pl-head .nm{font-size:14.5px} #page-acquire .aqc-panel[data-mod="pool"] .pl-new{padding:7px 12px;font-size:12px} #page-acquire .aqc-panel[data-mod="pool"] .pl-thead,#page-acquire .aqc-panel[data-mod="pool"] .pl-tr{gap:6px;padding:0 11px} } @media (max-width:1420px){ #page-acquire .aqc-panel[data-mod="pool"] .pl-head .ds{display:none} #page-acquire .aqc-panel[data-mod="pool"] .pl-thead,#page-acquire .aqc-panel[data-mod="pool"] .pl-tr{grid-template-columns:20px minmax(0,1.2fr) 68px minmax(0,.75fr) minmax(0,1.25fr) 74px} #page-acquire .aqc-panel[data-mod="pool"] .pl-search{min-width:76px} #page-acquire .aqc-panel[data-mod="pool"] .pl-xbar{font-size:10px} } @media (max-width:1300px){ #page-acquire .aqc-panel[data-mod="pool"] .pl-chip{padding:2.5px 7px;font-size:10px} #page-acquire .aqc-panel[data-mod="pool"] .pl-head{gap:8px} #page-acquire .aqc-panel[data-mod="pool"] .pl-cnt,#page-acquire .aqc-panel[data-mod="pool"] .pl-run{padding:3px 8px;font-size:9.5px} #page-acquire .aqc-panel[data-mod="pool"] .pl-new{padding:6px 10px;font-size:11.5px} #page-acquire .aqc-panel[data-mod="pool"] .pl-sel{font-size:10px;padding:0 4px;max-width:84px} #page-acquire .aqc-panel[data-mod="pool"] .pl-thead,#page-acquire .aqc-panel[data-mod="pool"] .pl-tr{grid-template-columns:18px minmax(0,1.35fr) 64px minmax(0,1fr) 72px} #page-acquire .aqc-panel[data-mod="pool"] .pl-thead > span:nth-child(5),#page-acquire .aqc-panel[data-mod="pool"] .pl-tr .pl-last{display:none} #page-acquire .aqc-panel[data-mod="pool"] .pl-srcline{display:none} #page-acquire .aqc-panel[data-mod="pool"] .pl-acts .pl-tag{padding:0 4px;font-size:8px} #page-acquire .aqc-panel[data-mod="pool"] .pl-cu .nm{font-size:11.5px} #page-acquire .aqc-panel[data-mod="pool"] .pl-last{font-size:10px} #page-acquire .aqc-panel[data-mod="pool"] .pl-quota{display:none} } /* ================= 互动执行（迁自小样 v2.0 · 作用域：#page-acquire [data-mod="interact"]） ================= */ #page-acquire .aqc-panel[data-mod="interact"]{--fs-h3:16px;--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px;display:none} #page-acquire .aqc-panel[data-mod="interact"].on{display:flex;flex-direction:column;animation:itRise .5s var(--ease)} @keyframes itRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} @keyframes itBlink{0%,100%{opacity:1}50%{opacity:.45}} /* 头部 */ #page-acquire .aqc-panel[data-mod="interact"] .it-head{display:flex;align-items:center;gap:12px;padding:10px 16px;margin-bottom:10px} #page-acquire .aqc-panel[data-mod="interact"] .it-head .hic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="interact"] .it-head .hic svg{width:18px;height:18px} #page-acquire .aqc-panel[data-mod="interact"] .it-head .nm{font-family:var(--font-display);font-size:15px;font-weight:600;white-space:nowrap} #page-acquire .aqc-panel[data-mod="interact"] .it-head .ds{font-size:var(--fs-cap);color:var(--txt-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="interact"] .it-head > div{flex:1;min-width:0} #page-acquire .aqc-panel[data-mod="interact"] .it-stat{display:flex;align-items:center;gap:14px;flex:none;font-size:var(--fs-label);color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="interact"] .it-stat b{color:var(--txt-2);font-weight:700} #page-acquire .aqc-panel[data-mod="interact"] .it-stat .sep{width:1px;height:12px;background:var(--line-2)} #page-acquire .aqc-panel[data-mod="interact"] .it-run{display:flex;align-items:center;gap:7px;font-size:var(--fs-label);color:var(--green);font-weight:600;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="interact"] .it-run .d{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3.5px oklch(76% 0.14 158/.15);animation:itBlink 2.2s infinite} /* 顶部 tab */ #page-acquire .aqc-panel[data-mod="interact"] .it-tabs{display:flex;gap:6px;margin-bottom:10px;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-tab{font-size:12px;font-weight:600;color:var(--txt-3);border:1px solid var(--line-2);background:var(--surface);border-radius:8px;padding:6px 15px;cursor:pointer;transition:.22s var(--ease);display:flex;align-items:center;gap:7px} #page-acquire .aqc-panel[data-mod="interact"] .it-tab:hover{color:var(--txt-2);border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="interact"] .it-tab.on{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="interact"] .it-tab .tc{font-size:9.5px;font-weight:700;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:9px;padding:0 6px;line-height:1.5} #page-acquire .aqc-panel[data-mod="interact"] .it-pane{flex:1;min-height:0;display:none;flex-direction:column} #page-acquire .aqc-panel[data-mod="interact"] .it-pane.on{display:flex;animation:itRise .32s var(--ease)} /* 真机工作台 */ #page-acquire .aqc-panel[data-mod="interact"] .it-devs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-dcard{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:11px 12px 10px;display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:border-color .3s} #page-acquire .aqc-panel[data-mod="interact"] .it-dcard.busy{border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="interact"] .it-dcard.busy::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--blue-soft),transparent 55%);pointer-events:none} #page-acquire .aqc-panel[data-mod="interact"] .it-dh{display:flex;align-items:center;gap:6px;min-width:0} #page-acquire .aqc-panel[data-mod="interact"] .it-dh .lamp{width:8px;height:8px;border-radius:50%;flex:none;background:var(--txt-3);opacity:.45} #page-acquire .aqc-panel[data-mod="interact"] .it-dcard.busy .it-dh .lamp{background:var(--blue);box-shadow:0 0 0 3.5px oklch(64% 0.17 258/.18);animation:itBlink 1.8s infinite;opacity:1} #page-acquire .aqc-panel[data-mod="interact"] .it-dh .dn{font-family:var(--font-display);font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="interact"] .it-dh .dp{font-size:8.5px;font-weight:600;border-radius:4px;padding:0 4px;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-dh .dp.dy{color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="interact"] .it-dh .dp.xhs{color:var(--red);background:oklch(68% 0.16 26/.10);border:1px solid oklch(68% 0.16 26/.24)} #page-acquire .aqc-panel[data-mod="interact"] .it-dh .dst{margin-left:auto;font-size:9.5px;font-weight:700;color:var(--txt-3);flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-dcard.busy .it-dh .dst{color:var(--blue)} #page-acquire .aqc-panel[data-mod="interact"] .it-dcur{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;background:var(--sunken);padding:8px 9px;min-height:0} #page-acquire .aqc-panel[data-mod="interact"] .it-dcard.idle .it-dcur{border-style:dashed;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 11px} #page-acquire .aqc-panel[data-mod="interact"] .it-dcur .dct{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="interact"] .it-dcur .dcsub{font-size:9px;color:var(--txt-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="interact"] .it-dcur .dc{min-width:0;flex:1} #page-acquire .aqc-panel[data-mod="interact"] .it-dbar{height:3px;border-radius:3px;background:var(--line);overflow:hidden;margin-top:6px} #page-acquire .aqc-panel[data-mod="interact"] .it-dbar i{display:block;height:100%;border-radius:3px;background:var(--blue);transition:width 1.1s var(--ease)} #page-acquire .aqc-panel[data-mod="interact"] .it-dpct{font-size:9px;font-weight:700;color:var(--blue);flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-idle-t{font-size:11px;font-weight:600;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="interact"] .it-idle-s{font-size:9px;color:var(--txt-3);opacity:.8} #page-acquire .aqc-panel[data-mod="interact"] .it-df{display:flex;align-items:center;gap:6px;font-size:9.5px;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="interact"] .it-df b{color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="interact"] .it-df .dq{margin-left:auto;display:flex;align-items:center;gap:4px;font-weight:600} #page-acquire .aqc-panel[data-mod="interact"] .it-df .dq .qb{width:34px;height:3px;border-radius:3px;background:var(--line);overflow:hidden;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-df .dq .qb i{display:block;height:100%;border-radius:3px;background:var(--blue)} #page-acquire .aqc-panel[data-mod="interact"] .it-df .dq.red{color:oklch(60% 0.19 25)} #page-acquire .aqc-panel[data-mod="interact"] .it-df .dq.red .qb i{background:oklch(60% 0.19 25)} #page-acquire .aqc-panel[data-mod="interact"] .it-df .dq.warn{color:var(--amber)} #page-acquire .aqc-panel[data-mod="interact"] .it-df .dq.warn .qb i{background:var(--amber)} /* 执行纪律 */ #page-acquire .aqc-panel[data-mod="interact"] .it-rule{display:flex;align-items:center;gap:8px;padding:6px 12px;margin-bottom:8px;border:1px solid oklch(78% 0.11 80/.26);background:oklch(78% 0.11 80/.05);border-radius:9px;font-size:10.5px;color:var(--txt-2);line-height:1.5;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-rule svg{width:13px;height:13px;flex:none;color:var(--amber)} #page-acquire .aqc-panel[data-mod="interact"] .it-rule b{color:var(--txt)} /* 队列筛选 + 队列 */ #page-acquire .aqc-panel[data-mod="interact"] .it-f1{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-search{flex:1;min-width:80px;display:flex;align-items:center;gap:7px;height:27px;padding:0 10px;border:1px solid var(--line-2);border-radius:7px;color:var(--txt-3);background:var(--surface);transition:.22s} #page-acquire .aqc-panel[data-mod="interact"] .it-search svg{width:13px;height:13px;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-search input{border:none;background:none;outline:none;color:var(--txt);font-family:inherit;font-size:11px;width:100%;min-width:0} #page-acquire .aqc-panel[data-mod="interact"] .it-search:focus-within{border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="interact"] .it-sel{height:27px;padding:0 5px;background:var(--surface);border:1px solid var(--line-2);border-radius:7px;color:var(--txt-2);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;outline:none;transition:.22s;flex:none;max-width:98px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="interact"] .it-sel:hover{border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="interact"] .it-sel:focus{border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="interact"] .it-chip{font-size:10px;font-weight:600;color:var(--txt-3);border:1px solid var(--line-2);background:var(--surface);border-radius:99px;padding:2.5px 8px;cursor:pointer;transition:.22s var(--ease);white-space:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-chip:hover{color:var(--txt-2);border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="interact"] .it-chip.on{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="interact"] .it-fdiv{width:1px;height:13px;background:var(--line-2);flex:none;margin:0 2px} #page-acquire .aqc-panel[data-mod="interact"] .it-qwrap{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0} #page-acquire .aqc-panel[data-mod="interact"] .it-thead,#page-acquire .aqc-panel[data-mod="interact"] .it-tr{display:grid;grid-template-columns:20px minmax(0,1.2fr) minmax(0,1.3fr) minmax(0,.72fr) minmax(0,.78fr) 90px;gap:7px;align-items:center;padding:0 12px} #page-acquire .aqc-panel[data-mod="interact"] .it-thead{height:29px;flex:none;background:var(--sunken);border-bottom:1px solid var(--line);font-size:9.5px;color:var(--txt-3);font-weight:700;letter-spacing:.03em} #page-acquire .aqc-panel[data-mod="interact"] .it-tbody{flex:1;min-height:0;overflow-y:auto;padding:1px 0;min-height:380px} #page-acquire .aqc-panel[data-mod="interact"] .it-tbody::-webkit-scrollbar{width:7px} #page-acquire .aqc-panel[data-mod="interact"] .it-tbody::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .aqc-panel[data-mod="interact"] .it-tr{min-height:42px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .18s;animation:itRise .28s var(--ease)} #page-acquire .aqc-panel[data-mod="interact"] .it-tr:last-child{border-bottom:none} #page-acquire .aqc-panel[data-mod="interact"] .it-tr:hover{background:linear-gradient(90deg,var(--blue-soft),transparent 70%)} #page-acquire .aqc-panel[data-mod="interact"] .it-tr.sel{background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="interact"] .it-tr.done{opacity:.55} #page-acquire .aqc-panel[data-mod="interact"] .it-tr.hold{background:oklch(78% 0.11 80 /.05)} #page-acquire .aqc-panel[data-mod="interact"] .it-ck{width:14px;height:14px;border-radius:4px;border:1.5px solid var(--line-2);background:var(--surface);cursor:pointer;flex:none;transition:.18s;display:grid;place-items:center} #page-acquire .aqc-panel[data-mod="interact"] .it-ck:hover{border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="interact"] .it-ck.on{background:var(--blue);border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="interact"] .it-ck.on::after{content:"";width:6.5px;height:3.5px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg) translateY(-.5px)} #page-acquire .aqc-panel[data-mod="interact"] .it-cu{display:flex;align-items:center;gap:7px;min-width:0} #page-acquire .aqc-panel[data-mod="interact"] .ava3.it-ava{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-size:10px;font-weight:600} #page-acquire .aqc-panel[data-mod="interact"] .ava3.it-ava.a{background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-line)} #page-acquire .aqc-panel[data-mod="interact"] .ava3.it-ava.b{background:var(--raised);color:var(--txt-2);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="interact"] .ava3.it-ava.c{background:var(--sunken);color:var(--txt-3);border:1px solid var(--line)} #page-acquire .aqc-panel[data-mod="interact"] .it-cu .cb{min-width:0;flex:1} #page-acquire .aqc-panel[data-mod="interact"] .it-cu .n1{display:flex;align-items:center;gap:5px;min-width:0} #page-acquire .aqc-panel[data-mod="interact"] .it-cu .nm{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="interact"] .it-lvd{width:7px;height:7px;border-radius:50%;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-lvd.a{background:var(--red)} #page-acquire .aqc-panel[data-mod="interact"] .it-lvd.b{background:var(--amber)} #page-acquire .aqc-panel[data-mod="interact"] .it-lvd.c{background:var(--txt-3)} #page-acquire .aqc-panel[data-mod="interact"] .it-cu .n2{display:flex;align-items:center;gap:4px;margin-top:1px;min-width:0;font-size:8.5px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="interact"] .it-cu .n2 .pjn{color:var(--blue);font-weight:600} #page-acquire .aqc-panel[data-mod="interact"] .it-pf{font-size:8.5px;font-weight:600;border-radius:4px;padding:0 4px;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="interact"] .it-pf.dy{color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="interact"] .it-pf.xhs{color:var(--red);background:oklch(68% 0.16 26/.10);border:1px solid oklch(68% 0.16 26/.24)} /* 步骤流 */ #page-acquire .aqc-panel[data-mod="interact"] .it-steps{display:flex;align-items:center;gap:0;min-width:0;overflow:hidden} #page-acquire .aqc-panel[data-mod="interact"] .it-s{position:relative;display:flex;align-items:center;gap:3px;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-s .sn{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--line-2);background:var(--sunken);color:var(--txt-3);display:grid;place-items:center;font-size:8px;font-weight:700;flex:none;transition:.25s} #page-acquire .aqc-panel[data-mod="interact"] .it-s .sa{font-size:8.5px;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="interact"] .it-s + .it-s{margin-left:10px} #page-acquire .aqc-panel[data-mod="interact"] .it-s + .it-s::before{content:"";position:absolute;left:-9px;top:50%;width:8px;height:1.5px;background:var(--line-2)} #page-acquire .aqc-panel[data-mod="interact"] .it-s.ok .sn{border-color:oklch(76% 0.14 158/.5);background:oklch(76% 0.14 158/.14);color:var(--green)} #page-acquire .aqc-panel[data-mod="interact"] .it-s.ok .sa{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="interact"] .it-s.cur .sn{border-color:var(--blue);background:var(--blue);color:#fff;animation:itBlink 1.4s infinite} #page-acquire .aqc-panel[data-mod="interact"] .it-s.cur .sa{color:var(--blue);font-weight:700} #page-acquire .aqc-panel[data-mod="interact"] .it-s.cur::before{background:var(--blue-line)} #page-acquire .aqc-panel[data-mod="interact"] .it-s.dm .sa{color:var(--blue)} #page-acquire .aqc-panel[data-mod="interact"] .it-s.dm.ok .sn{border-color:var(--blue-line);background:var(--blue-soft);color:var(--blue)} #page-acquire .aqc-panel[data-mod="interact"] .it-s.dm.ok .sa{color:var(--blue)} #page-acquire .aqc-panel[data-mod="interact"] .it-tpl{min-width:0;cursor:pointer} #page-acquire .aqc-panel[data-mod="interact"] .it-tpl .tn{font-size:10px;font-weight:600;color:var(--blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="interact"] .it-tpl .tn:hover{text-decoration:underline} #page-acquire .aqc-panel[data-mod="interact"] .it-tpl .none{font-size:9.5px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="interact"] .it-st{display:flex;flex-direction:column;gap:2px;min-width:0} #page-acquire .aqc-panel[data-mod="interact"] .it-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;border-radius:4px;padding:1px 6px;width:fit-content;max-width:100%;white-space:nowrap} #page-acquire .aqc-panel[data-mod="interact"] .it-badge i{width:5px;height:5px;border-radius:50%;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-badge.queue{color:var(--txt-3);border:1px dashed var(--line-2)} #page-acquire .aqc-panel[data-mod="interact"] .it-badge.run{color:var(--blue);border:1px solid var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="interact"] .it-badge.run i{background:var(--blue);animation:itBlink 1.2s infinite} #page-acquire .aqc-panel[data-mod="interact"] .it-badge.done{color:var(--green);border:1px solid oklch(76% 0.14 158/.4);background:oklch(76% 0.14 158/.10)} #page-acquire .aqc-panel[data-mod="interact"] .it-badge.fail{color:var(--red);border:1px solid oklch(68% 0.16 26/.4);background:oklch(68% 0.16 26/.10)} #page-acquire .aqc-panel[data-mod="interact"] .it-badge.hold{color:var(--amber);border:1px solid oklch(78% 0.11 80/.45);background:oklch(78% 0.11 80/.08)} #page-acquire .aqc-panel[data-mod="interact"] .it-badge.manual{color:var(--amber);border:1px solid oklch(78% 0.11 80/.45);background:oklch(78% 0.11 80/.08)} #page-acquire .aqc-panel[data-mod="interact"] .it-badge.back{color:var(--txt-3);border:1px solid var(--line-2);background:var(--sunken)} #page-acquire .aqc-panel[data-mod="interact"] .it-badge.pause{color:var(--txt-3);border:1px solid var(--line-2);background:var(--sunken)} #page-acquire .aqc-panel[data-mod="interact"] .it-wt{font-size:8.5px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="interact"] .it-wt b{color:var(--amber);font-weight:700} #page-acquire .aqc-panel[data-mod="interact"] .it-op{font-size:10px;font-weight:600;border-radius:6px;padding:3px 8px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="interact"] .it-op.go{color:var(--blue);border:1px solid var(--blue-line);background:transparent} #page-acquire .aqc-panel[data-mod="interact"] .it-op.go:hover{background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="interact"] .it-op.done{color:var(--green);border:1px solid oklch(76% 0.14 158/.4);background:transparent;cursor:default} #page-acquire .aqc-panel[data-mod="interact"] .it-op.chat{color:var(--amber);border:1px solid oklch(78% 0.11 80/.45);background:transparent} #page-acquire .aqc-panel[data-mod="interact"] .it-op.chat:hover{background:oklch(78% 0.11 80/.12)} #page-acquire .aqc-panel[data-mod="interact"] .it-op.wait{color:var(--txt-3);border:1px solid var(--line-2);background:transparent;cursor:default} #page-acquire .aqc-panel[data-mod="interact"] .it-ops{display:flex;align-items:center;gap:4px} #page-acquire .aqc-panel[data-mod="interact"] .it-ic{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-3);cursor:pointer;transition:.2s;flex:none;padding:0} #page-acquire .aqc-panel[data-mod="interact"] .it-ic:hover{color:var(--blue);border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="interact"] .it-ic svg{width:10px;height:10px} #page-acquire .aqc-panel[data-mod="interact"] .it-tempty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--txt-3);padding:30px 0} #page-acquire .aqc-panel[data-mod="interact"] .it-tempty .t1{font-size:13px;font-weight:600;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="interact"] .it-tempty .t2{font-size:11.5px} #page-acquire .aqc-panel[data-mod="interact"] .it-page{flex:none;height:31px;display:flex;align-items:center;gap:8px;padding:0 12px;border-top:1px solid var(--line);background:var(--sunken);font-size:10px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="interact"] .it-page .selinfo{font-weight:600} #page-acquire .aqc-panel[data-mod="interact"] .it-page .selinfo b{color:var(--blue)} #page-acquire .aqc-panel[data-mod="interact"] .it-bbar{position:absolute;left:10px;right:10px;bottom:41px;z-index:4;display:none;align-items:center;gap:7px;padding:7px 12px;background:var(--raised);border:1px solid var(--blue-line);border-radius:10px;box-shadow:0 18px 44px -22px rgba(0,0,0,.85)} #page-acquire .aqc-panel[data-mod="interact"] .it-bbar.on{display:flex} #page-acquire .aqc-panel[data-mod="interact"] .it-bbar .t{font-size:11px;font-weight:700;color:var(--txt);white-space:nowrap} #page-acquire .aqc-panel[data-mod="interact"] .it-bb{font-size:10px;font-weight:700;border-radius:6px;padding:3.5px 9px;cursor:pointer;font-family:inherit;transition:.2s;border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-2);white-space:nowrap} #page-acquire .aqc-panel[data-mod="interact"] .it-bb.go{color:var(--blue);border-color:var(--blue-line);background:transparent} #page-acquire .aqc-panel[data-mod="interact"] .it-bb.go:hover{background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="interact"] .it-bb.x{border:none;background:none;color:var(--txt-3);padding:3.5px 5px} /* 话术库 pane */ #page-acquire .aqc-panel[data-mod="interact"] .it-libtop{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-lsearch{flex:1;min-width:120px;display:flex;align-items:center;gap:7px;height:30px;padding:0 11px;border:1px solid var(--line-2);border-radius:7px;color:var(--txt-3);background:var(--surface);transition:.22s} #page-acquire .aqc-panel[data-mod="interact"] .it-lsearch svg{width:13px;height:13px;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-lsearch input{border:none;background:none;outline:none;color:var(--txt);font-family:inherit;font-size:11.5px;width:100%;min-width:0} #page-acquire .aqc-panel[data-mod="interact"] .it-lsearch:focus-within{border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="interact"] .it-libgrid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;padding:2px 2px 8px;min-height:380px} #page-acquire .aqc-panel[data-mod="interact"] .it-libgrid::-webkit-scrollbar{width:7px} #page-acquire .aqc-panel[data-mod="interact"] .it-libgrid::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .aqc-panel[data-mod="interact"] .it-lcard{border:1px solid var(--line);border-radius:11px;padding:12px 14px;background:var(--surface);transition:.2s;animation:itRise .3s var(--ease)} #page-acquire .aqc-panel[data-mod="interact"] .it-lcard:hover{border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="interact"] .it-lcard .lh{display:flex;align-items:center;gap:7px} #page-acquire .aqc-panel[data-mod="interact"] .it-lcard .ln{font-size:12px;font-weight:600;color:var(--blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="interact"] .it-lcard .lp{font-size:8.5px;font-weight:700;border-radius:4px;padding:0 5px;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-lcard .lp.dy{color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="interact"] .it-lcard .lp.xhs{color:var(--red);background:oklch(68% 0.16 26/.10);border:1px solid oklch(68% 0.16 26/.24)} #page-acquire .aqc-panel[data-mod="interact"] .it-lcard .lu{margin-left:auto;font-size:9.5px;color:var(--txt-3);flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-lcard .lt{font-size:11px;color:var(--txt-2);line-height:1.6;margin-top:7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #page-acquire .aqc-panel[data-mod="interact"] .it-lcard .lf{display:flex;align-items:center;gap:6px;margin-top:9px} #page-acquire .aqc-panel[data-mod="interact"] .it-lcard .lf .lb{font-size:9px;font-weight:600;color:var(--green);background:oklch(76% 0.14 158/.10);border:1px solid oklch(76% 0.14 158/.32);border-radius:4px;padding:0 5px} #page-acquire .aqc-panel[data-mod="interact"] .it-lcard .lf .lb.def{color:var(--blue);background:var(--blue-soft);border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="interact"] .it-ledit{margin-left:auto;font-size:9.5px;font-weight:600;color:var(--txt-3);background:none;border:none;cursor:pointer;font-family:inherit;padding:2px 6px;border-radius:5px;transition:.2s} #page-acquire .aqc-panel[data-mod="interact"] .it-ledit:hover{color:var(--blue);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="interact"] .lu2{margin-left:auto;font-size:9px;color:var(--txt-3);flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-lempty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--txt-3);padding:44px 0} #page-acquire .aqc-panel[data-mod="interact"] .it-lempty .t1{font-size:12.5px;font-weight:600;color:var(--txt-2)} /* 右栏日志 */ #page-acquire .aqc-panel[data-mod="interact"] .it-logstat{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-logstat .ls{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="interact"] .it-logstat .ls b{font-weight:700;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="interact"] .it-logstat .ls .dt{width:6px;height:6px;border-radius:50%;flex:none} #page-acquire .aqc-panel[data-mod="interact"] .it-logstat .ls.ok .dt{background:var(--green)} #page-acquire .aqc-panel[data-mod="interact"] .it-logstat .ls.err .dt{background:var(--red)} #page-acquire .aqc-panel[data-mod="interact"] .it-logstat .ls.blk .dt{background:var(--amber)} #page-acquire .aqc-panel[data-mod="interact"] .it-tl{position:relative;flex:1;min-height:0;overflow-y:auto;padding:4px 2px 6px 0} #page-acquire .aqc-panel[data-mod="interact"] .it-tl::-webkit-scrollbar{width:7px} #page-acquire .aqc-panel[data-mod="interact"] .it-tl::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl{flex:1;min-height:0;overflow-y:auto} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl .tli{position:relative;display:flex;flex-direction:column;gap:2px;padding:7px 2px 9px 20px;border-bottom:1px dashed var(--line)} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl .tli:last-child{border-bottom:none} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl .tli::before{content:"";position:absolute;left:4.5px;top:0;bottom:0;width:1.5px;background:var(--line)} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl .tli:first-child::before{top:10px} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl .tli:last-child::before{bottom:auto;height:12px} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl .tli::after{content:"";position:absolute;left:1px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--txt-3);border:2px solid var(--surface);flex:none} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl .tli.ok::after{background:var(--green)} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl .tli.err::after{background:var(--red)} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl .tli.act::after{background:var(--blue)} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl .tli.blk::after{background:var(--amber)} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl .tli .tt{font-size:11.5px;line-height:1.5;overflow-wrap:anywhere} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl .tli .td{font-size:9.5px;color:var(--txt-3);display:flex;align-items:center;gap:6px} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl .tli .td .acc{color:var(--blue);font-weight:600;background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:4px;padding:0 4px;font-size:8.5px} #page-acquire .aqc-side .aqc-card[data-side="interact"].side-on{display:flex;flex-direction:column;overflow:hidden;max-height:clamp(480px,62vh,760px)} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-logstat{flex:none} #page-acquire .aqc-side .aqc-card[data-side="interact"] .it-tl{flex:1} /* 浮层 + toast */ #page-acquire .it-mask2{position:fixed;inset:0;z-index:60;background:oklch(10% 0.01 258/.55);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px} #page-acquire .it-mask2.on{display:flex;animation:itRise .28s var(--ease)} #page-acquire .it-mini{width:min(440px,92vw);background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:0 30px 80px -30px rgba(0,0,0,.65);padding:18px 18px 12px;max-height:76vh;overflow-y:auto} #page-acquire .it-mini::-webkit-scrollbar{width:7px} #page-acquire .it-mini::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .it-mh{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13.5px;font-weight:600} #page-acquire .it-mh .x{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line-2);background:none;color:var(--txt-3);cursor:pointer;transition:.22s;flex:none} #page-acquire .it-mh .x svg{width:13px;height:13px} #page-acquire .it-msub{font-size:10.5px;color:var(--txt-3);margin:6px 0 12px;line-height:1.55} #page-acquire .it-tcard{border:1px solid var(--line);border-radius:11px;padding:11px 13px;margin-bottom:8px;cursor:pointer;transition:.2s;font-family:inherit;text-align:left;width:100%;background:none} #page-acquire .it-tcard:hover{border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .it-tcard .tn{font-size:12px;font-weight:600;color:var(--blue)} #page-acquire .it-tcard .tx{font-size:11px;color:var(--txt-2);margin-top:4px;line-height:1.55} #page-acquire .it-tcard .tp{font-size:9.5px;color:var(--txt-3);margin-top:5px} #page-acquire .it-ed-row{display:flex;gap:7px;align-items:center;margin-bottom:11px;flex-wrap:wrap} #page-acquire .it-ed-pf{font-size:9px;font-weight:700;border-radius:4px;padding:1px 6px;flex:none} #page-acquire .it-ed-pf.dy{color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .it-ed-pf.xhs{color:var(--red);background:oklch(68% 0.16 26/.10);border:1px solid oklch(68% 0.16 26/.24)} #page-acquire .it-ed-sel{height:27px;padding:0 6px;background:var(--sunken);border:1px solid var(--line-2);border-radius:7px;color:var(--txt-2);font-family:inherit;font-size:10.5px;font-weight:600;cursor:pointer;outline:none;transition:.22s} #page-acquire .it-ed-sel:hover{border-color:var(--txt-3)} #page-acquire .it-fld{display:flex;flex-direction:column;gap:5px;margin-bottom:11px} #page-acquire .it-fld label{font-size:10px;color:var(--txt-3);font-weight:600} #page-acquire .it-fld input,#page-acquire .it-fld textarea{background:var(--sunken);border:1px solid var(--line-2);border-radius:9px;color:var(--txt);font-family:inherit;font-size:12px;line-height:1.55;padding:9px 12px;outline:none;transition:.22s;width:100%} #page-acquire .it-fld textarea{resize:vertical;min-height:92px} #page-acquire .it-fld input:focus,#page-acquire .it-fld textarea:focus{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #page-acquire .it-edsave{width:100%;height:36px;margin-top:4px;border:none;border-radius:9px;background:var(--blue);color:#fff;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:.24s var(--ease)} #page-acquire .it-edsave:hover{filter:brightness(1.12)} #page-acquire .it-ed-tip{font-size:9.5px;color:var(--txt-3);margin-top:9px;line-height:1.5} #page-acquire .it-toast{position:fixed;left:50%;top:78px;transform:translateX(-50%) translateY(-24px);z-index:10000;display:flex;align-items:center;gap:9px;padding:11px 20px;background:var(--raised);border:1px solid var(--blue-line);border-radius:12px;box-shadow:0 24px 60px -30px rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:.34s var(--ease);font-size:12.5px;font-weight:600;max-width:min(560px,90vw)} #page-acquire .it-toast.on{opacity:1;transform:translateX(-50%)} #page-acquire .it-toast svg{width:15px;height:15px;color:var(--blue);flex:none} /* 三档窄屏 */ @media (max-width:1500px){ #page-acquire .aqc-panel[data-mod="interact"] .it-head{padding:10px 14px;gap:9px} #page-acquire .aqc-panel[data-mod="interact"] .it-thead,#page-acquire .aqc-panel[data-mod="interact"] .it-tr{gap:6px;padding:0 11px} #page-acquire .aqc-panel[data-mod="interact"] .it-devs{gap:8px} } @media (max-width:1420px){ #page-acquire .aqc-panel[data-mod="interact"] .it-head .ds{display:none} #page-acquire .aqc-panel[data-mod="interact"] .it-thead,#page-acquire .aqc-panel[data-mod="interact"] .it-tr{grid-template-columns:18px minmax(0,1.2fr) minmax(0,1.32fr) minmax(0,.62fr) minmax(0,.8fr) 82px} #page-acquire .aqc-panel[data-mod="interact"] .it-op{padding:3px 6px} #page-acquire .aqc-panel[data-mod="interact"] .it-ic{width:19px;height:19px} #page-acquire .aqc-panel[data-mod="interact"] .it-ops{gap:3px} #page-acquire .aqc-panel[data-mod="interact"] .it-search{min-width:70px} #page-acquire .aqc-panel[data-mod="interact"] .it-rule{font-size:10px} #page-acquire .aqc-panel[data-mod="interact"] .it-dcard{padding:10px 10px 9px} #page-acquire .aqc-panel[data-mod="interact"] .it-s .sa{display:none} #page-acquire .aqc-panel[data-mod="interact"] .it-s + .it-s{margin-left:7px} #page-acquire .aqc-panel[data-mod="interact"] .it-s + .it-s::before{left:-6.5px;width:5px} } @media (max-width:1300px){ #page-acquire .aqc-panel[data-mod="interact"] .it-chip{padding:2px 7px;font-size:9.5px} #page-acquire .aqc-panel[data-mod="interact"] .it-head{gap:8px} #page-acquire .aqc-panel[data-mod="interact"] .it-stat{gap:9px} #page-acquire .aqc-panel[data-mod="interact"] .it-sel{font-size:10px;padding:0 4px;max-width:84px} #page-acquire .aqc-panel[data-mod="interact"] .it-thead,#page-acquire .aqc-panel[data-mod="interact"] .it-tr{grid-template-columns:18px minmax(0,1.25fr) minmax(0,1.35fr) minmax(0,.85fr) 82px} #page-acquire .aqc-panel[data-mod="interact"] .it-tpl{display:none} #page-acquire .aqc-panel[data-mod="interact"] .it-cu .nm{font-size:11px} #page-acquire .aqc-panel[data-mod="interact"] .it-devs{grid-template-columns:repeat(2,minmax(0,1fr))} #page-acquire .aqc-panel[data-mod="interact"] .it-devs .it-dcard:last-child{grid-column:1/-1} #page-acquire .aqc-panel[data-mod="interact"] .it-dcur .dcsub{display:none} } /* ================= 获客数据统计（迁自小样 v3 · 作用域：#page-acquire [data-mod="stat"]） ================= */ #page-acquire .aqc-panel[data-mod="stat"]{--fs-h3:17px;--fs-body:14px;--fs-small:13.5px;--fs-cap:12.5px;--fs-label:11px} /* ① 头部（09-06 波哥定案：74px 与 kw/industry 等高 · 字重与 kw 统一） */ #page-acquire .aqc-panel[data-mod="stat"] .st-head{flex:none;display:flex;align-items:center;gap:12px;padding:15px 18px;min-height:74px;background:linear-gradient(180deg,var(--blue-soft),transparent 85%),var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:9px} #page-acquire .aqc-panel[data-mod="stat"] .st-head .hic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="stat"] .st-head .hic svg{width:19px;height:19px} #page-acquire .aqc-panel[data-mod="stat"] .st-head .nm{font-family:var(--font-display);font-size:15.5px;font-weight:600} #page-acquire .aqc-panel[data-mod="stat"] .st-head .ds{font-size:12px;color:var(--txt-3);margin-top:1px} #page-acquire .aqc-panel[data-mod="stat"] .st-live{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="stat"] .st-live .lv{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:stBlink 2s infinite} #page-acquire .aqc-panel[data-mod="stat"] .st-live b{color:var(--txt-2);font-weight:600} /* 2026-09-25 加：统计面板统一空态（与地图 / 企业获客的 mp-empty / qc-empty 同构：图标 + 主文案 + 辅助说明） 此前空态只是一行 12px 灰字，等于隐形，用户看到空白框不知道该干什么。 这里只改展示，不改任何取数逻辑。 */ #page-acquire .aqc-panel[data-mod="stat"] .st-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:36px 20px;color:var(--txt-3);text-align:center} #page-acquire .aqc-panel[data-mod="stat"] .st-empty svg{width:32px;height:32px;opacity:.42} #page-acquire .aqc-panel[data-mod="stat"] .st-empty .t{font-size:13px;font-weight:600;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="stat"] .st-empty .s{font-size:11.5px;line-height:1.6;max-width:420px} #page-acquire .aqc-panel[data-mod="stat"] .st-empty.err .t{color:var(--amber)} #page-acquire .aqc-panel[data-mod="stat"] .st-empty.inline{padding:18px 12px;flex:none} /* KPI 是 4 列栅格：空态须跨满 4 列，否则只在第一格显示 */ #page-acquire .aqc-panel[data-mod="stat"] .st-kpis .st-empty{grid-column:1/-1} /* 2026-09-25 加：右栏「数据截至」旁给一个刷新入口。此前页面没有任何刷新入口， 切走再回来看到的还是旧数据，右上角时间也不更新（用户反馈）。 */ #page-acquire .aqc-panel[data-mod="stat"] .st-livewrap{margin-left:auto;display:flex;align-items:center;gap:10px} #page-acquire .aqc-panel[data-mod="stat"] .st-live{margin-left:0} #page-acquire .aqc-panel[data-mod="stat"] .st-refresh{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:5px 11px;font-size:11px;color:var(--txt-2);cursor:pointer;transition:.2s var(--ease);font-family:var(--font-body);white-space:nowrap} #page-acquire .aqc-panel[data-mod="stat"] .st-refresh:hover{border-color:var(--blue-line);color:var(--blue)} #page-acquire .aqc-panel[data-mod="stat"] .st-refresh svg{width:12px;height:12px} #page-acquire .aqc-panel[data-mod="stat"] .st-refresh.spin svg{animation:spin .7s var(--ease)} #page-acquire .aqc-panel[data-mod="stat"] .st-refresh[disabled]{opacity:.5;cursor:default} /* ② KPI 4 卡 */ #page-acquire .aqc-panel[data-mod="stat"] .st-kpis{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 12px 10px;transition:.25s var(--ease);cursor:default;position:relative;overflow:hidden} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi:hover{border-color:var(--blue-line);transform:translateY(-1px)} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--blue);opacity:0;transition:.25s} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi:hover::after{opacity:1} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi .kl{font-size:11.5px;color:var(--txt-3);letter-spacing:.04em;display:flex;align-items:center;gap:4px;white-space:nowrap} /* 2026-09-25 加：KPI 标签后的「?」小圆点，提示可悬停看解释；鼠标也变 help */ #page-acquire .aqc-panel[data-mod="stat"] .st-kpi{cursor:default} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi:has(.kq){cursor:help} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi .kq{flex:none;width:12px;height:12px;border-radius:50%;display:grid;place-items:center;font-size:8.5px;font-weight:700;line-height:1;color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi:hover .kq{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi .kv{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1.15;margin-top:5px;letter-spacing:-.01em} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi .kd{display:flex;align-items:center;gap:4px;font-size:11px;margin-top:3px;white-space:nowrap} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi .kd.up{color:var(--green)} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi .kd.dn{color:var(--red)} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi .kd .base{color:var(--txt-3);font-weight:400} #page-acquire .aqc-panel[data-mod="stat"] .st-kpi .kd svg{width:9px;height:9px} /* ③ 获客漏斗（六段：曝光→轻动作→进塘→触达→回复→加微） */ #page-acquire .aqc-panel[data-mod="stat"] .st-fcard{flex:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 15px 11px;margin-bottom:8px;box-shadow:var(--shadow)} #page-acquire .aqc-panel[data-mod="stat"] .st-fh{display:flex;align-items:baseline;gap:8px;margin-bottom:9px} #page-acquire .aqc-panel[data-mod="stat"] .st-fh .ft{font-size:14px;font-weight:700;letter-spacing:.02em} #page-acquire .aqc-panel[data-mod="stat"] .st-fh .fnote{font-size:10.5px;color:var(--txt-3);margin-left:auto;white-space:nowrap} #page-acquire .aqc-panel[data-mod="stat"] .st-funnel{display:flex;flex-direction:column;gap:7px} #page-acquire .aqc-panel[data-mod="stat"] .st-frow{display:flex;align-items:center;gap:8px} #page-acquire .aqc-panel[data-mod="stat"] .st-flab{width:68px;flex:none;font-size:12px;font-weight:600;color:var(--txt-2);text-align:right;white-space:nowrap} #page-acquire .aqc-panel[data-mod="stat"] .st-fbarwrap{flex:1;min-width:0;display:flex;align-items:center;gap:8px} #page-acquire .aqc-panel[data-mod="stat"] .st-fbar{height:28px;border-radius:7px;min-width:36px;display:flex;align-items:center;justify-content:flex-end;padding:0 9px;transition:width .5s var(--ease);position:relative} #page-acquire .aqc-panel[data-mod="stat"] .st-fbar .bv{font-family:var(--font-display);font-size:12px;font-weight:700;white-space:nowrap} #page-acquire .aqc-panel[data-mod="stat"] .st-fconv{flex:none;width:96px;font-size:10.5px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="stat"] .st-fconv b{color:var(--blue);font-weight:700;font-size:11.5px} #page-acquire .aqc-panel[data-mod="stat"] .st-fbar.f1{background:oklch(64% .17 258/.10);color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="stat"] .st-fbar.f2{background:oklch(64% .17 258/.16);color:var(--txt)} #page-acquire .aqc-panel[data-mod="stat"] .st-fbar.f3{background:oklch(64% .17 258/.24);color:var(--txt)} #page-acquire .aqc-panel[data-mod="stat"] .st-fbar.f4{background:oklch(64% .17 258/.34);color:var(--txt)} #page-acquire .aqc-panel[data-mod="stat"] .st-fbar.f5{background:oklch(64% .17 258/.48);color:#fff} #page-acquire .aqc-panel[data-mod="stat"] .st-fbar.f6{background:var(--blue);color:#fff;box-shadow:0 6px 16px -6px var(--blue)} #page-acquire .aqc-panel[data-mod="stat"] .st-fbar.f6 .bv{font-size:12.5px} /* ④ 时间三段 + 内容 tabs */ #page-acquire .aqc-panel[data-mod="stat"] .st-tabs{flex:none;display:flex;gap:6px;padding:3px;background:var(--sunken);border:1px solid var(--line);border-radius:11px} #page-acquire .aqc-panel[data-mod="stat"] .st-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 0;border:none;border-radius:8px;background:transparent;color:var(--txt-3);font-size:13.5px;font-weight:600;cursor:pointer;transition:.25s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="stat"] .st-scope{flex:none;font-size:10.5px;line-height:1.35;color:var(--txt-3);margin:-1px 0 7px 4px} #page-acquire .aqc-panel[data-mod="stat"] .st-scope b{color:var(--txt-2);font-weight:700} #page-acquire .aqc-panel[data-mod="stat"] .st-tab:hover{color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="stat"] .st-tab.on{background:var(--raised);color:var(--txt);box-shadow:0 4px 12px -6px rgba(0,0,0,.6),inset 0 1px 0 oklch(100% 0 0/.06)} #page-acquire .aqc-panel[data-mod="stat"] .st-pane{display:none;flex-direction:column;height:440px;overflow-y:auto} #page-acquire .aqc-panel[data-mod="stat"] .st-pane.on{display:flex} /* 深色细滚轮（勿加 scrollbar-width:thin——它会禁用本定制、回落白色系统滚轮） */ #page-acquire .aqc-panel[data-mod="stat"] .st-pane::-webkit-scrollbar{width:6px} #page-acquire .aqc-panel[data-mod="stat"] .st-pane::-webkit-scrollbar-track{background:transparent} #page-acquire .aqc-panel[data-mod="stat"] .st-pane::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} /* —— 渠道对比表 —— */ #page-acquire .aqc-panel[data-mod="stat"] .st-chwrap{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)} #page-acquire .aqc-panel[data-mod="stat"] .st-ch{width:100%;border-collapse:collapse} #page-acquire .aqc-panel[data-mod="stat"] .st-ch th{position:sticky;top:0;z-index:2;background:var(--surface);font-size:11px;font-weight:700;color:var(--txt-3);letter-spacing:.05em;text-align:left;padding:8px 9px;border-bottom:1px solid var(--line-2);white-space:nowrap} #page-acquire .aqc-panel[data-mod="stat"] .st-ch th.r,#page-acquire .aqc-panel[data-mod="stat"] .st-ch td.r{text-align:right} #page-acquire .aqc-panel[data-mod="stat"] .st-ch td{font-size:12.5px;line-height:1.4;padding:8.5px 9px;border-bottom:1px solid var(--line);white-space:nowrap} #page-acquire .aqc-panel[data-mod="stat"] .st-ch tr{transition:.18s} #page-acquire .aqc-panel[data-mod="stat"] .st-ch tbody tr:hover{background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="stat"] .st-ch .cn{display:flex;align-items:center;gap:7px;font-weight:600;color:var(--txt)} #page-acquire .aqc-panel[data-mod="stat"] .st-ch .ci{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;flex:none;background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="stat"] .st-ch .ci svg{width:10px;height:10px} #page-acquire .aqc-panel[data-mod="stat"] .st-ch .pv{display:flex;align-items:center;gap:6px} #page-acquire .aqc-panel[data-mod="stat"] .st-ch .pbar{width:44px;height:4px;border-radius:3px;background:var(--dot);overflow:hidden;flex:none} #page-acquire .aqc-panel[data-mod="stat"] .st-ch .pbar i{display:block;height:100%;border-radius:3px;background:var(--blue);transition:width .5s var(--ease)} #page-acquire .aqc-panel[data-mod="stat"] .st-ch .cost{color:var(--txt-2);font-weight:600} #page-acquire .aqc-panel[data-mod="stat"] .st-ch .cost b{color:var(--blue);font-family:var(--font-display);font-size:13.5px} #page-acquire .aqc-panel[data-mod="stat"] .st-ch tr.total td{border-top:1.5px solid var(--line-2);border-bottom:none;background:var(--sunken);font-weight:700;color:var(--txt)} #page-acquire .aqc-panel[data-mod="stat"] .st-ch tr.total .cn{color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="stat"] .st-ch .totag{font-size:9px;color:var(--txt-3);font-weight:500;margin-left:5px} /* —— 趋势（纯 CSS 双柱）—— */ #page-acquire .aqc-panel[data-mod="stat"] .st-trwrap{flex:1;display:flex;flex-direction:column;padding:4px 2px 0;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)} #page-acquire .aqc-panel[data-mod="stat"] .st-trgrid{height:330px;flex:none;display:flex;align-items:flex-end;gap:5px;padding:60px 6px 0;border-bottom:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="stat"] .st-dcol{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:2.5px;position:relative;cursor:default} #page-acquire .aqc-panel[data-mod="stat"] .st-dcol .b1{width:9px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--blue),oklch(64% .17 258/.30));transition:.3s var(--ease)} #page-acquire .aqc-panel[data-mod="stat"] .st-dcol .b2{width:9px;border-radius:3px 3px 0 0;background:var(--dot);border:1px solid var(--line-2);border-bottom:none;transition:.3s var(--ease)} #page-acquire .aqc-panel[data-mod="stat"] .st-dcol:hover .b1{background:var(--blue);box-shadow:0 0 12px oklch(64% .17 258/.5)} #page-acquire .aqc-panel[data-mod="stat"] .st-dcol:hover .b2{background:oklch(82% .06 258/.18);border-color:var(--line-2)} #page-acquire .aqc-panel[data-mod="stat"] .st-dcol .bub{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--raised);border:1px solid var(--blue-line);border-radius:8px;padding:5px 8px;font-size:10.5px;white-space:nowrap;opacity:0;pointer-events:none;transition:.22s var(--ease);z-index:5;box-shadow:0 12px 28px -12px rgba(0,0,0,.8)} #page-acquire .aqc-panel[data-mod="stat"] .st-dcol:hover .bub{opacity:1;transform:translateX(-50%) translateY(0)} #page-acquire .aqc-panel[data-mod="stat"] .st-dcol .bub .bl{display:flex;align-items:center;gap:5px;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="stat"] .st-dcol .bub .bl i{width:7px;height:7px;border-radius:3px;flex:none} #page-acquire .aqc-panel[data-mod="stat"] .st-dcol .bub .bl b{font-family:var(--font-display);color:var(--txt)} #page-acquire .aqc-panel[data-mod="stat"] .st-trx{flex:none;display:flex;gap:5px;padding:6px 6px 0} #page-acquire .aqc-panel[data-mod="stat"] .st-trx .dx{flex:1;min-width:0;text-align:center;font-size:10.5px;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="stat"] .st-trleg{flex:none;display:flex;align-items:center;gap:14px;padding:10px 6px 3px;font-size:11px;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="stat"] .st-trleg .lg{display:flex;align-items:center;gap:5px} #page-acquire .aqc-panel[data-mod="stat"] .st-trleg .lg i{width:9px;height:9px;border-radius:3px;flex:none} #page-acquire .aqc-panel[data-mod="stat"] .st-trleg .sum{margin-left:auto;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="stat"] .st-trleg .sum b{color:var(--blue);font-family:var(--font-display)} /* —— 效能榜 —— */ #page-acquire .aqc-panel[data-mod="stat"] .st-rkwrap{flex:1;display:flex;flex-direction:column;gap:10px} #page-acquire .aqc-panel[data-mod="stat"] .st-rksec{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);display:flex;align-items:center;gap:7px;flex:none} #page-acquire .aqc-panel[data-mod="stat"] .st-rksec::after{content:"";flex:1;height:1px;background:var(--line)} #page-acquire .aqc-panel[data-mod="stat"] .st-rksec .rkn{color:var(--blue);font-family:var(--font-display);background:var(--blue-soft);border-radius:20px;padding:1px 8px;letter-spacing:.02em} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--surface);border:1px solid var(--line);border-radius:10px;transition:.2s;cursor:default} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow:hover{border-color:var(--blue-line);background:linear-gradient(180deg,var(--blue-soft),transparent 70%),var(--surface)} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow .rank{width:18px;height:18px;border-radius:6px;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-size:10px;font-weight:700;color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow.r1 .rank{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 4px 10px -4px var(--blue)} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow.r2 .rank{color:var(--txt);background:oklch(64% .17 258/.28)} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow.r3 .rank{color:var(--txt);background:oklch(64% .17 258/.16)} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow .rn{flex:1;min-width:0} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow .rt{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow .rm{font-size:10px;color:var(--txt-3);margin-top:1px;display:flex;align-items:center;gap:5px;white-space:nowrap} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow .pf{font-size:9.5px;font-weight:600;border-radius:4px;padding:0 4px;flex:none} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow .pf.dy{color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow .pf.xhs{color:var(--red);background:oklch(68% .16 26/.10);border:1px solid oklch(68% .16 26/.24)} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow .rv{flex:none;text-align:right} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow .rv .v1{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--blue)} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow .rv .v2{font-size:10px;color:var(--txt-3);margin-top:1px} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow .rv.warn .v1{color:var(--amber)} #page-acquire .aqc-panel[data-mod="stat"] .st-rkrow .rv.good .v1{color:var(--green)} /* ================= 白名单获客 wl（迁自小样 v2 · 监控哨 · 2026-09-05） ================= */ #page-acquire .aqc-panel[data-mod="wl"]{--fs-h3:16px;--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px} /* ① 头部 */ #page-acquire .aqc-panel[data-mod="wl"] .wl-head{display:flex;align-items:center;gap:12px;padding:11px 18px;margin-bottom:10px;min-height:74px} #page-acquire .aqc-panel[data-mod="wl"] .wl-head .hic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="wl"] .wl-head .hic svg{width:19px;height:19px} #page-acquire .aqc-panel[data-mod="wl"] .wl-head .nm{font-family:var(--font-display);font-size:15.5px;font-weight:600;white-space:nowrap} #page-acquire .aqc-panel[data-mod="wl"] .wl-head .ds{font-size:var(--fs-cap);color:var(--txt-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} /* P3-1 目标客户数输入（抬头右侧；复用现有变量，零新色相） */ #page-acquire .aqc-panel[data-mod="wl"] .wl-target{display:flex;align-items:center;gap:6px;flex:none;height:35px;padding:0 10px;background:var(--sunken);border:1px solid var(--line-2);border-radius:8px} #page-acquire .aqc-panel[data-mod="wl"] .wl-target .lab{font-size:12px;font-weight:600;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="wl"] .wl-target input{width:46px;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--txt);background:transparent;border:none;outline:none;text-align:center;padding:0} #page-acquire .aqc-panel[data-mod="wl"] .wl-target input::-webkit-outer-spin-button,#page-acquire .aqc-panel[data-mod="wl"] .wl-target input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} #page-acquire .aqc-panel[data-mod="wl"] .wl-target .unit{font-size:12px;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="wl"] .wl-head > div{flex:1;min-width:0} #page-acquire .aqc-panel[data-mod="wl"] .wl-run{display:flex;align-items:center;gap:7px;font-size:var(--fs-label);color:var(--green);font-weight:600;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="wl"] .wl-run .d{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3.5px oklch(76% 0.14 158/.15);animation:wlBlink 2.2s infinite} #page-acquire .aqc-panel[data-mod="wl"] .wl-run.off{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="wl"] .wl-run.off .d{background:var(--txt-3);box-shadow:none;animation:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-runbtn{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;border-radius:9px;padding:8px 14px;cursor:pointer;font-family:inherit;transition:.24s var(--ease);flex:none;white-space:nowrap;color:#fff;background:var(--blue);border:1px solid var(--blue);box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="wl"] .wl-runbtn:hover{filter:brightness(1.15)} #page-acquire .aqc-panel[data-mod="wl"] .wl-runbtn svg{width:13px;height:13px} #page-acquire .aqc-panel[data-mod="wl"] .wl-runbtn.off{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="wl"] .wl-runbtn.pausing{color:#2a1d00;background:var(--amber);border-color:var(--amber);box-shadow:0 8px 20px -8px var(--amber)} #page-acquire .aqc-panel[data-mod="wl"] .wl-runbtn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4);box-shadow:none} @keyframes wlBlink{0%,100%{opacity:1}50%{opacity:.45}} #page-acquire .aqc-panel[data-mod="wl"] .wl-new{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#fff;background:var(--blue);border:none;border-radius:9px;padding:8px 15px;cursor:pointer;font-family:inherit;transition:.24s var(--ease);box-shadow:0 8px 20px -8px var(--blue);flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="wl"] .wl-new:hover{filter:brightness(1.12)} #page-acquire .aqc-panel[data-mod="wl"] .wl-new svg{width:14px;height:14px} /* 添加行：默认收起，.on 展开 */ #page-acquire .aqc-panel[data-mod="wl"] .wl-addbar{display:none;align-items:center;gap:8px;padding:10px 16px;flex:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-addbar.on{display:flex} #page-acquire .aqc-panel[data-mod="wl"] .wl-addbar .lab{font-size:12px;font-weight:600;color:var(--txt-3);flex:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-pffix{font-size:11.5px;font-weight:600;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2);border-radius:7px;padding:5px 10px;flex:none} /* 右栏「采集任务」列表 —— 与规则卡片同规格：图标块 30×30 / 标题 15px / 副行 14px / 间距 11px */ #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:var(--surface);transition:.2s;margin-bottom:8px} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:var(--surface);transition:.2s;margin-bottom:8px} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task:hover,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task:hover{border-color:var(--blue-line)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task:hover,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task:hover, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task:hover,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task:hover{border-color:var(--blue-line)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ti,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ti{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;background:var(--sunken);color:var(--txt-2);border:1px solid var(--line-2)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ti,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ti, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ti,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ti{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;background:var(--sunken);color:var(--txt-2);border:1px solid var(--line-2)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ti svg,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ti svg{width:14px;height:14px} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ti svg,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ti svg, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ti svg,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ti svg{width:14px;height:14px} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .tb,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .tb{flex:1;min-width:0} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .tb,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .tb, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .tb,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .tb{flex:1;min-width:0} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .t1,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .t1{font-size:12.2px;font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .t1,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .t1, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .t1,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .t1{font-size:12.2px;font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .t2,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .t2{display:flex;align-items:center;gap:7px;margin-top:2px} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .t2,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .t2, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .t2,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .t2{display:flex;align-items:center;gap:7px;margin-top:2px} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ts,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ts{font-size:9.5px;font-weight:600;border-radius:4px;padding:1px 6px;color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ts,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ts, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ts,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ts{font-size:9.5px;font-weight:600;border-radius:4px;padding:1px 6px;color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ts.queued,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ts.queued{color:var(--amber);border-color:var(--amber-line);background:var(--amber-soft)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ts.queued,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ts.queued, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ts.queued,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ts.queued{color:var(--amber);border-color:var(--amber-line);background:var(--amber-soft)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ts.dispatched,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ts.dispatched{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ts.dispatched,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ts.dispatched, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ts.dispatched,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ts.dispatched{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ts.succeeded,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ts.succeeded{color:var(--green);border-color:var(--green-line);background:var(--green-soft)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ts.succeeded,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ts.succeeded, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ts.succeeded,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ts.succeeded{color:var(--green);border-color:var(--green-line);background:var(--green-soft)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ts.failed,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ts.failed{color:var(--red);border-color:oklch(68% 0.16 26/.28);background:oklch(68% 0.16 26/.10)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .ts.failed,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .ts.failed, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ts.failed,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .ts.failed{color:var(--red);border-color:oklch(68% 0.16 26/.28);background:oklch(68% 0.16 26/.10)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .tmn,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .tmn{font-size:10.5px;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-task .tmn,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-task .tmn, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .tmn,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-task .tmn{font-size:10.5px;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-op.danger,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-op.danger{color:var(--red);border-color:oklch(68% 0.16 26/.3);background:oklch(68% 0.16 26/.10)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-op.danger,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-op.danger, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-op.danger,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-op.danger{color:var(--red);border-color:oklch(68% 0.16 26/.3);background:oklch(68% 0.16 26/.10)} /* 右栏作用域补齐（2026-09-19）：下面两个类原先只写在面板内（[data-mod="wl"]），而右栏根本不在面板里 → 样式从未生效：按钮回落到浏览器默认 13.3333px（比全站正文还大）、空态文案继承正文 15px。 值对齐关键词右栏行内按钮（.kw-op 10.5px）与本板块面板内同类（11.5px）。 */ #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-op,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-op{font-size:10.5px;font-weight:600;border-radius:6px;padding:3.5px 8px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);white-space:nowrap} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-op,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-op, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-op,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-op{font-size:10.5px;font-weight:600;border-radius:6px;padding:3.5px 8px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);white-space:nowrap} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-op.ig,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-op.ig{color:var(--txt-3);border:1px solid var(--line-2);background:var(--sunken)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-op.ig,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-op.ig, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-op.ig,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-op.ig{color:var(--txt-3);border:1px solid var(--line-2);background:var(--sunken)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-op.ig:hover,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-op.ig:hover{border-color:var(--txt-3);color:var(--txt)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-op.ig:hover,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-op.ig:hover, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-op.ig:hover,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-op.ig:hover{border-color:var(--txt-3);color:var(--txt)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-acc-empty,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-acc-empty{font-size:11.5px;color:var(--txt-3);padding:4px 0 2px} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-acc-empty,#page-acquire .aqc-side .aqc-card[data-side="local"] .wl-acc-empty, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-acc-empty,#page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-acc-empty{font-size:11.5px;color:var(--txt-3);padding:4px 0 2px} #page-acquire .aqc-panel[data-mod="wl"] .wl-addbar input{flex:1;min-width:0;font-family:inherit;font-size:13.5px;color:var(--txt);background:var(--sunken);border:1px solid var(--line-2);border-radius:8px;padding:7px 10px;outline:none;transition:.2s var(--ease)} #page-acquire .aqc-panel[data-mod="wl"] .wl-addbar input:focus{border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="wl"] .wl-addbar input::placeholder{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="wl"] .wl-addbar select{font-family:inherit;font-size:13.5px;font-weight:600;color:var(--txt);background:var(--sunken);border:1px solid var(--line-2);border-radius:8px;padding:7px 8px;outline:none;cursor:pointer;flex:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-addok{font-size:12.5px;font-weight:600;color:#fff;background:var(--blue);border:none;border-radius:8px;padding:7.5px 14px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="wl"] .wl-addok:hover{filter:brightness(1.12)} #page-acquire .aqc-panel[data-mod="wl"] .wl-addno{font-size:12.5px;font-weight:600;color:var(--txt-2);background:transparent;border:1px solid var(--line-2);border-radius:8px;padding:7.5px 12px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="wl"] .wl-addno:hover{border-color:var(--txt-3);color:var(--txt)} /* ② 分组卡区（= 项目镜像 · 一项目一组随项目中心） */ #page-acquire .aqc-panel[data-mod="wl"] .wl-grps{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin-bottom:10px;flex:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-gp{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;transition:.24s var(--ease);min-width:0} #page-acquire .aqc-panel[data-mod="wl"] .wl-gp:hover{border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="wl"] .wl-gp.on{border-color:var(--blue-line);background:linear-gradient(180deg,var(--blue-soft),transparent 60%)} #page-acquire .aqc-panel[data-mod="wl"] .wl-gph{display:flex;flex-direction:column;gap:5px} #page-acquire .aqc-panel[data-mod="wl"] .wl-gph .r1{display:flex;align-items:center;gap:8px;min-width:0} #page-acquire .aqc-panel[data-mod="wl"] .wl-gpi{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:none;background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="wl"] .wl-gpi svg{width:13px;height:13px} #page-acquire .aqc-panel[data-mod="wl"] .wl-gph .t{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1} #page-acquire .aqc-panel[data-mod="wl"] .wl-gph .c{margin-left:auto;font-size:9.5px;font-weight:700;color:var(--blue);background:var(--blue-soft);border-radius:4px;padding:1px 6px;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="wl"] .wl-acc-empty{font-size:11.5px;color:var(--txt-3);padding:4px 0 2px} #page-acquire .aqc-panel[data-mod="wl"] .wl-gp .accs{margin-top:10px;display:flex;flex-direction:column;gap:8px} #page-acquire .aqc-panel[data-mod="wl"] .wl-acc{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--txt);min-width:0;border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:var(--sunken);transition:.2s} #page-acquire .aqc-panel[data-mod="wl"] .wl-acc .pfp{font-size:9.5px;font-weight:600;border-radius:4px;padding:0 4px;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="wl"] .wl-acc .pfp.dy{color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="wl"] .wl-acc .pfp.xhs{color:var(--red);background:oklch(68% 0.16 26/.10);border:1px solid oklch(68% 0.16 26/.24)} #page-acquire .aqc-panel[data-mod="wl"] .wl-acc .an{font-size:12.5px;font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1} #page-acquire .aqc-panel[data-mod="wl"] .wl-acc .hc{margin-left:auto;font-size:10px;color:var(--txt-3);flex:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-acc .hc b{color:var(--blue);font-weight:700} /* ③ Tab 工作台 */ #page-acquire .aqc-panel[data-mod="wl"] .wl-work{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden} #page-acquire .aqc-panel[data-mod="wl"] .wl-wtabs{flex:none;display:flex;align-items:center;gap:4px;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--sunken)} #page-acquire .aqc-panel[data-mod="wl"] .wl-wt{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--txt-3);border-radius:8px;padding:6px 12px;cursor:pointer;transition:.22s var(--ease)} #page-acquire .aqc-panel[data-mod="wl"] .wl-wt svg{width:14px;height:14px} #page-acquire .aqc-panel[data-mod="wl"] .wl-wt:hover{color:var(--txt)} #page-acquire .aqc-panel[data-mod="wl"] .wl-wt.on{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line)} #page-acquire .aqc-panel[data-mod="wl"] .wl-wt .n{font-size:9.5px;font-weight:700;background:var(--raised);border-radius:4px;padding:0 5px;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="wl"] .wl-wt.on .n{background:var(--blue);color:#fff} #page-acquire .aqc-panel[data-mod="wl"] .wl-wfilters{margin-left:auto;display:flex;align-items:center;gap:4px} #page-acquire .aqc-panel[data-mod="wl"] .wl-wf{font-size:11px;font-weight:600;color:var(--txt-3);border:1px solid var(--line-2);background:var(--surface);border-radius:99px;padding:3px 9px;cursor:pointer;transition:.22s var(--ease);white-space:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-wf:hover{color:var(--txt-2);border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="wl"] .wl-wf.on{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="wl"] .wl-wf.viewpool{color:var(--blue);border-style:dashed} #page-acquire .aqc-panel[data-mod="wl"] .wl-wf.viewpool:hover{background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="wl"] .wl-wbody{display:none;flex:1;min-height:0} #page-acquire .aqc-panel[data-mod="wl"] .wl-wbody.on{display:flex;flex-direction:column} /* 需求 3：规则区整块加卡片外壳（只给 rules 这个页签），让「标题/新增/规则/说明」看起来是一体的 */ #page-acquire .aqc-panel[data-mod="wl"] .wl-wbody[data-body="rules"]{background:var(--surface);border:1px solid var(--line-2);border-radius:12px;padding:14px 16px} /* 说明文字与规则列表之间用一条分隔线切开，但仍属同一块 */ #page-acquire .aqc-panel[data-mod="wl"] .wl-wbody[data-body="rules"] .wl-rnote{background:none;border:none;border-top:1px solid var(--line);border-radius:0;padding:10px 2px 0;margin-top:10px} #page-acquire .aqc-panel[data-mod="wl"] .wl-wbody[data-body="rules"] .wl-rnote:first-child{border-top:none;padding-top:0;margin-top:0} /* 需求 4：命中流顶部「上次任务」汇总行 */ #page-acquire .aqc-panel[data-mod="wl"] .wl-lastsum, #page-acquire .aqc-panel[data-mod="local"] .wl-lastsum{font-size:11.5px;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2);border-radius:9px;padding:8px 12px;margin-bottom:8px} #page-acquire .aqc-panel[data-mod="wl"] .wl-lastsum b, #page-acquire .aqc-panel[data-mod="local"] .wl-lastsum b{color:var(--txt);font-size:12.5px} /* 命中流列表 */ #page-acquire .aqc-panel[data-mod="wl"] .wl-list, #page-acquire .aqc-panel[data-mod="local"] .wl-list{flex:1;min-height:0;overflow-y:auto;padding:2px 0} #page-acquire .aqc-panel[data-mod="wl"] .wl-list::-webkit-scrollbar, #page-acquire .aqc-panel[data-mod="local"] .wl-list::-webkit-scrollbar{width:7px} #page-acquire .aqc-panel[data-mod="wl"] .wl-list::-webkit-scrollbar-thumb, #page-acquire .aqc-panel[data-mod="local"] .wl-list::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .aqc-panel[data-mod="wl"] .wl-lhead,#page-acquire .aqc-panel[data-mod="wl"] .wl-row, #page-acquire .aqc-panel[data-mod="local"] .wl-lhead,#page-acquire .aqc-panel[data-mod="local"] .wl-row{display:grid;grid-template-columns:20px minmax(0,1.05fr) minmax(0,.9fr) minmax(0,1.25fr) 92px 128px;gap:8px;align-items:center;padding:0 14px} #page-acquire .aqc-panel[data-mod="wl"] .wl-lhead, #page-acquire .aqc-panel[data-mod="local"] .wl-lhead{height:34px;flex:none;background:var(--sunken);border-bottom:1px solid var(--line);font-size:12px;color:var(--txt-3);font-weight:700;letter-spacing:.03em} #page-acquire .aqc-panel[data-mod="wl"] .wl-row, #page-acquire .aqc-panel[data-mod="local"] .wl-row{min-height:52px;border-bottom:1px solid var(--line);transition:background .18s;animation:wlRise .3s var(--ease)} @keyframes wlRise{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}} #page-acquire .aqc-panel[data-mod="wl"] .wl-row:last-child, #page-acquire .aqc-panel[data-mod="local"] .wl-row:last-child{border-bottom:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-row:hover, #page-acquire .aqc-panel[data-mod="local"] .wl-row:hover{background:linear-gradient(90deg,var(--blue-soft),transparent 70%)} #page-acquire .aqc-panel[data-mod="wl"] .wl-row.ign, #page-acquire .aqc-panel[data-mod="local"] .wl-row.ign{opacity:.4;filter:saturate(.3)} #page-acquire .aqc-panel[data-mod="wl"] .wl-row.miss, #page-acquire .aqc-panel[data-mod="local"] .wl-row.miss{opacity:.62} #page-acquire .aqc-panel[data-mod="wl"] .wl-ck{width:14px;height:14px;border-radius:4px;border:1.5px solid var(--line-2);background:var(--surface);cursor:pointer;flex:none;transition:.18s;display:grid;place-items:center} #page-acquire .aqc-panel[data-mod="wl"] .wl-ck:hover{border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="wl"] .wl-ck.on{background:var(--blue);border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="wl"] .wl-ck.on::after{content:"";width:6.5px;height:3.5px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg) translateY(-.5px)} #page-acquire .aqc-panel[data-mod="wl"] .wl-cu, #page-acquire .aqc-panel[data-mod="local"] .wl-cu{display:flex;align-items:center;gap:7px;min-width:0} #page-acquire .aqc-panel[data-mod="wl"] .wl-cu .cb, #page-acquire .aqc-panel[data-mod="local"] .wl-cu .cb{min-width:0;flex:1} #page-acquire .aqc-panel[data-mod="wl"] .wl-cu .n1, #page-acquire .aqc-panel[data-mod="local"] .wl-cu .n1{display:flex;align-items:center;gap:5px;min-width:0} #page-acquire .aqc-panel[data-mod="wl"] .wl-cu .nm, #page-acquire .aqc-panel[data-mod="local"] .wl-cu .nm{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="wl"] .wl-cu .n2, #page-acquire .aqc-panel[data-mod="local"] .wl-cu .n2{display:flex;align-items:center;gap:4px;margin-top:1px;min-width:0} #page-acquire .aqc-panel[data-mod="wl"] .wl-pf, #page-acquire .aqc-panel[data-mod="local"] .wl-pf{font-size:9.5px;font-weight:600;border-radius:4px;padding:0 4px;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="wl"] .wl-pf.dy, #page-acquire .aqc-panel[data-mod="local"] .wl-pf.dy{color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="wl"] .wl-pf.xhs, #page-acquire .aqc-panel[data-mod="local"] .wl-pf.xhs{color:var(--red);background:oklch(68% 0.16 26/.10);border:1px solid oklch(68% 0.16 26/.24)} #page-acquire .aqc-panel[data-mod="wl"] .wl-mw, #page-acquire .aqc-panel[data-mod="local"] .wl-mw{font-size:10.5px;font-weight:600;border-radius:4px;padding:0 5px;flex:none;white-space:nowrap;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line)} #page-acquire .aqc-panel[data-mod="wl"] .wl-mw.more, #page-acquire .aqc-panel[data-mod="local"] .wl-mw.more{color:var(--txt-3);background:var(--sunken);border-color:var(--line-2)} #page-acquire .aqc-panel[data-mod="wl"] .wl-lvd, #page-acquire .aqc-panel[data-mod="local"] .wl-lvd{width:7px;height:7px;border-radius:50%;flex:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-lvd.a, #page-acquire .aqc-panel[data-mod="local"] .wl-lvd.a{background:var(--red)} #page-acquire .aqc-panel[data-mod="wl"] .wl-lvd.b, #page-acquire .aqc-panel[data-mod="local"] .wl-lvd.b{background:var(--amber)} #page-acquire .aqc-panel[data-mod="wl"] .wl-lvd.c, #page-acquire .aqc-panel[data-mod="local"] .wl-lvd.c{background:var(--txt-3)} #page-acquire .aqc-panel[data-mod="wl"] .wl-src, #page-acquire .aqc-panel[data-mod="local"] .wl-src{display:flex;flex-direction:column;gap:2px;min-width:0} #page-acquire .aqc-panel[data-mod="wl"] .wl-src .a1, #page-acquire .aqc-panel[data-mod="local"] .wl-src .a1{display:flex;align-items:center;gap:5px;min-width:0} #page-acquire .aqc-panel[data-mod="wl"] .wl-src .acc, #page-acquire .aqc-panel[data-mod="local"] .wl-src .acc{font-size:11.5px;font-weight:600;color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="wl"] .wl-rule{font-size:10.5px;font-weight:600;color:var(--blue);background:var(--blue-soft);border-radius:4px;padding:0 5px;white-space:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-src .a2, #page-acquire .aqc-panel[data-mod="local"] .wl-src .a2{font-size:11.5px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="wl"] .wl-txt, #page-acquire .aqc-panel[data-mod="local"] .wl-txt{font-size:11.5px;color:var(--txt-2);line-height:1.5;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #page-acquire .aqc-panel[data-mod="wl"] .wl-txt b, #page-acquire .aqc-panel[data-mod="local"] .wl-txt b{color:var(--txt);font-weight:600} #page-acquire .aqc-panel[data-mod="wl"] .wl-txt.miss, #page-acquire .aqc-panel[data-mod="local"] .wl-txt.miss{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="wl"] .wl-st-cell, #page-acquire .aqc-panel[data-mod="local"] .wl-st-cell{display:flex;flex-direction:column;gap:3px;min-width:0} #page-acquire .aqc-panel[data-mod="wl"] .wl-inpool, #page-acquire .aqc-panel[data-mod="local"] .wl-inpool{font-size:9px;font-weight:600;color:var(--blue);border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:4px;padding:0 5px;white-space:nowrap;width:fit-content} #page-acquire .aqc-panel[data-mod="wl"] .wl-inpool.wait, #page-acquire .aqc-panel[data-mod="local"] .wl-inpool.wait{color:var(--txt-3);border-color:var(--line-2);background:var(--sunken)} #page-acquire .aqc-panel[data-mod="wl"] .wl-inpool.wx, #page-acquire .aqc-panel[data-mod="local"] .wl-inpool.wx{color:var(--green);border-color:oklch(76% 0.14 158/.4);background:oklch(76% 0.14 158/.10)} #page-acquire .aqc-panel[data-mod="wl"] .wl-inpool.miss, #page-acquire .aqc-panel[data-mod="local"] .wl-inpool.miss{color:var(--txt-3);border-style:dashed;background:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-tm, #page-acquire .aqc-panel[data-mod="local"] .wl-tm{font-size:10px;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="wl"] .wl-ops{display:flex;align-items:center;gap:4px;justify-content:flex-end} #page-acquire .aqc-panel[data-mod="wl"] .wl-op, #page-acquire .aqc-panel[data-mod="local"] .wl-op{font-size:10.5px;font-weight:600;border-radius:6px;padding:3.5px 8px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="wl"] .wl-op.ig, #page-acquire .aqc-panel[data-mod="local"] .wl-op.ig{color:var(--txt-3);border:1px solid var(--line-2);background:var(--sunken)} #page-acquire .aqc-panel[data-mod="wl"] .wl-op.ig:hover, #page-acquire .aqc-panel[data-mod="local"] .wl-op.ig:hover{border-color:var(--txt-3);color:var(--txt)} #page-acquire .aqc-panel[data-mod="wl"] .wl-op.none, #page-acquire .aqc-panel[data-mod="local"] .wl-op.none{color:var(--txt-3);border:1px dashed var(--line-2);background:none;cursor:default} #page-acquire .aqc-panel[data-mod="wl"] .wl-empty, #page-acquire .aqc-panel[data-mod="local"] .wl-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--txt-3);padding:30px 0} #page-acquire .aqc-panel[data-mod="wl"] .wl-empty .t1, #page-acquire .aqc-panel[data-mod="local"] .wl-empty .t1{font-size:13px;font-weight:600;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="wl"] .wl-empty .t2, #page-acquire .aqc-panel[data-mod="local"] .wl-empty .t2{font-size:11.5px} /* 监控规则 tab */ #page-acquire .aqc-panel[data-mod="wl"] .wl-rules{flex:1;min-height:0;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:8px} #page-acquire .aqc-panel[data-mod="wl"] .wl-rules::-webkit-scrollbar{width:7px} #page-acquire .aqc-panel[data-mod="wl"] .wl-rules::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .aqc-panel[data-mod="wl"] .wl-rc{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:var(--surface);transition:.2s} #page-acquire .aqc-panel[data-mod="wl"] .wl-rc:hover{border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="wl"] .wl-rc.on{border-color:var(--blue-line);background:linear-gradient(180deg,var(--blue-soft),transparent 65%)} #page-acquire .aqc-panel[data-mod="wl"] .wl-rc .ri{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none;background:var(--sunken);color:var(--txt-2);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="wl"] .wl-rc .ri svg{width:15px;height:15px} #page-acquire .aqc-panel[data-mod="wl"] .wl-rc .rb{flex:1;min-width:0} #page-acquire .aqc-panel[data-mod="wl"] .wl-rc .rn{font-size:13.5px;font-weight:600} #page-acquire .aqc-panel[data-mod="wl"] .wl-rc .rd{font-size:11.5px;color:var(--txt-3);margin-top:2px} #page-acquire .aqc-panel[data-mod="wl"] .wl-rc .rd b{color:var(--blue)} #page-acquire .aqc-panel[data-mod="wl"] .wl-rc .rw{font-size:10.5px;color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2);border-radius:4px;padding:1px 5px;flex:none;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="wl"] .wl-rc .today{font-size:11px;font-weight:700;color:var(--blue);flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="wl"] .wl-sw{width:38px;height:22px;border-radius:99px;background:var(--sunken);border:1px solid var(--line-2);position:relative;cursor:pointer;flex:none;transition:.24s var(--ease)} #page-acquire .aqc-panel[data-mod="wl"] .wl-sw::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--txt-3);transition:.24s var(--ease)} #page-acquire .aqc-panel[data-mod="wl"] .wl-sw.on{background:var(--blue);border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="wl"] .wl-sw.on::after{left:18px;background:#fff} #page-acquire .aqc-panel[data-mod="wl"] .wl-rnote{font-size:11.5px;color:var(--txt-3);background:var(--sunken);border:1px dashed var(--line-2);border-radius:9px;padding:9px 12px;line-height:1.6;margin-top:2px} #page-acquire .aqc-panel[data-mod="wl"] .wl-rnote b{color:var(--txt-2)} /* ④ 贴底数据条 */ #page-acquire .aqc-panel[data-mod="wl"] .wl-foot, #page-acquire .aqc-panel[data-mod="local"] .wl-foot{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px} #page-acquire .aqc-panel[data-mod="wl"] .wl-fc, #page-acquire .aqc-panel[data-mod="local"] .wl-fc{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 16px;position:relative;overflow:hidden} #page-acquire .aqc-panel[data-mod="wl"] .wl-fc .l, #page-acquire .aqc-panel[data-mod="local"] .wl-fc .l{font-size:10px;color:var(--txt-3);letter-spacing:.04em} #page-acquire .aqc-panel[data-mod="wl"] .wl-fc .v, #page-acquire .aqc-panel[data-mod="local"] .wl-fc .v{font-family:var(--font-display);font-size:20px;font-weight:700;margin-top:2px} #page-acquire .aqc-panel[data-mod="wl"] .wl-fc .d, #page-acquire .aqc-panel[data-mod="local"] .wl-fc .d{font-size:9.5px;color:var(--txt-3);margin-top:2px} #page-acquire .aqc-panel[data-mod="wl"] .wl-fc.prime::before, #page-acquire .aqc-panel[data-mod="local"] .wl-fc.prime::before{content:"";position:absolute;top:0;left:0;right:0;height:2.5px;background:var(--blue)} #page-acquire .aqc-panel[data-mod="wl"] .wl-fc.prime, #page-acquire .aqc-panel[data-mod="local"] .wl-fc.prime{background:linear-gradient(180deg,var(--blue-soft),transparent 70%)} /* toast */ .wl-toast{position:fixed;left:50%;top:78px;transform:translateX(-50%) translateY(-24px);z-index:10000;display:flex;align-items:center;gap:9px;padding:11px 20px;background:var(--raised);border:1px solid var(--blue-line);border-radius:12px;box-shadow:0 24px 60px -30px rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:.34s var(--ease);font-size:12.5px;font-weight:600;max-width:min(560px,90vw)} .wl-toast.on{opacity:1;transform:translateX(-50%)} .wl-toast svg{width:15px;height:15px;color:var(--blue);flex:none} /* 右栏白名单专属卡（监控总览 + 执行动态 · selectAqc 切换显隐） */ #page-acquire .aqc-side .aqc-card[data-side="wl"].side-on{display:block} #page-acquire .aqc-side .aqc-card[data-side="wl"].side-on, #page-acquire .aqc-side .aqc-card[data-side="kw"].side-on{display:block} #page-acquire .aqc-side .aqc-card[data-side="wl"].ov.side-on{display:flex;flex-direction:column;overflow:hidden;max-height:clamp(150px,20vh,300px)} #page-acquire .aqc-side .aqc-card[data-side="wl"].ov.side-on, #page-acquire .aqc-side .aqc-card[data-side="kw"].ov.side-on{display:flex;flex-direction:column;overflow:hidden;max-height:clamp(150px,20vh,300px)} #page-acquire .aqc-side .aqc-card[data-side="wl"].feedcard.side-on{display:flex;flex-direction:column;overflow:hidden;max-height:clamp(260px,36vh,520px)} #page-acquire .aqc-side .aqc-card[data-side="wl"].feedcard.side-on, #page-acquire .aqc-side .aqc-card[data-side="kw"].feedcard.side-on{display:flex;flex-direction:column;overflow:hidden;max-height:clamp(260px,36vh,520px)} /* ★ 2026-10-03 波哥要求：执行动态的灰滚动条不要出现（内容仍可用滚轮滚，只是不显示那条）—— 三个板块（关键词 / 白名单 / 同城）统一。 */ #page-acquire .aqc-side .aqc-card[data-side="wl"] .feed, #page-acquire .aqc-side .aqc-card[data-side="kw"] .feed{scrollbar-width:none} #page-acquire .aqc-side .aqc-card[data-side="wl"] .feed::-webkit-scrollbar, #page-acquire .aqc-side .aqc-card[data-side="kw"] .feed::-webkit-scrollbar{width:0;height:0;display:none} #page-acquire .aqc-side .aqc-card[data-side="wl"] .feed{flex:1;min-height:0;overflow-y:auto;padding:2px 4px 2px 0} #page-acquire .aqc-side .aqc-card[data-side="wl"] .feed, #page-acquire .aqc-side .aqc-card[data-side="kw"] .feed{flex:1;min-height:0;overflow-y:auto;padding:2px 4px 2px 0} /* 需求 2（波哥 2026-09-19）：右栏三张卡「数据一多就在卡内滚动」，不许无限延长。 做法与线索池右栏（data-side="pool"）完全同一套：卡设 max-height + 内层 overflow-y:auto。 预算：2560×1440 视口实测右栏可用高 1201px，三卡上限合计 ≤1150px，保证「一屏放得下」。 */ #page-acquire .aqc-side .aqc-card[data-side="wl"].taskcard.side-on{display:flex;flex-direction:column;overflow:hidden;max-height:clamp(220px,26vh,380px)} #page-acquire .aqc-side .aqc-card[data-side="wl"].taskcard.side-on, #page-acquire .aqc-side .aqc-card[data-side="kw"].taskcard.side-on{display:flex;flex-direction:column;overflow:hidden;max-height:clamp(220px,26vh,380px)} #page-acquire .aqc-side .aqc-card[data-side="wl"] #wlOv,#page-acquire .aqc-side .aqc-card[data-side="wl"] #wlTasks{flex:1;min-height:0;overflow-y:auto;padding-right:2px} #page-acquire .aqc-side .aqc-card[data-side="wl"] #wlOv,#page-acquire .aqc-side .aqc-card[data-side="wl"] #wlTasks, #page-acquire .aqc-side .aqc-card[data-side="kw"] #wlOv,#page-acquire .aqc-side .aqc-card[data-side="kw"] #wlTasks{flex:1;min-height:0;overflow-y:auto;padding-right:2px} /* 卡内滚轮统一样式（与线索池右栏 / 本板块列表同规格：7px + line-2 + 9px 圆角） */ #page-acquire .aqc-side .aqc-card[data-side="wl"] #wlOv::-webkit-scrollbar,#page-acquire .aqc-side .aqc-card[data-side="wl"] #wlTasks::-webkit-scrollbar,#page-acquire .aqc-side .aqc-card[data-side="wl"] .feed::-webkit-scrollbar{width:7px} #page-acquire .aqc-side .aqc-card[data-side="wl"] #wlOv::-webkit-scrollbar,#page-acquire .aqc-side .aqc-card[data-side="wl"] #wlTasks::-webkit-scrollbar,#page-acquire .aqc-side .aqc-card[data-side="wl"] .feed::-webkit-scrollbar, #page-acquire .aqc-side .aqc-card[data-side="kw"] #wlOv::-webkit-scrollbar,#page-acquire .aqc-side .aqc-card[data-side="kw"] #wlTasks::-webkit-scrollbar,#page-acquire .aqc-side .aqc-card[data-side="kw"] .feed::-webkit-scrollbar{width:7px} #page-acquire .aqc-side .aqc-card[data-side="wl"] #wlOv::-webkit-scrollbar-thumb,#page-acquire .aqc-side .aqc-card[data-side="wl"] #wlTasks::-webkit-scrollbar-thumb,#page-acquire .aqc-side .aqc-card[data-side="wl"] .feed::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .aqc-side .aqc-card[data-side="wl"] #wlOv::-webkit-scrollbar-thumb,#page-acquire .aqc-side .aqc-card[data-side="wl"] #wlTasks::-webkit-scrollbar-thumb,#page-acquire .aqc-side .aqc-card[data-side="wl"] .feed::-webkit-scrollbar-thumb, #page-acquire .aqc-side .aqc-card[data-side="kw"] #wlOv::-webkit-scrollbar-thumb,#page-acquire .aqc-side .aqc-card[data-side="kw"] #wlTasks::-webkit-scrollbar-thumb,#page-acquire .aqc-side .aqc-card[data-side="kw"] .feed::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-ovrow{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:11.5px} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-ovrow, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-ovrow{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:11.5px} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-ovrow:last-child{border-bottom:none} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-ovrow:last-child, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-ovrow:last-child{border-bottom:none} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-ovrow .g{width:7px;height:7px;border-radius:50%;flex:none} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-ovrow .g, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-ovrow .g{width:7px;height:7px;border-radius:50%;flex:none} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-ovrow .gn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--txt-2)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-ovrow .gn, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-ovrow .gn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--txt-2)} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-ovrow .gv{font-family:var(--font-display);font-size:13px;font-weight:700;flex:none} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-ovrow .gv, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-ovrow .gv{font-family:var(--font-display);font-size:13px;font-weight:700;flex:none} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-ovrow .gv small{font-size:9.5px;color:var(--txt-3);font-weight:500;margin-left:2px} #page-acquire .aqc-side .aqc-card[data-side="wl"] .wl-ovrow .gv small, #page-acquire .aqc-side .aqc-card[data-side="kw"] .wl-ovrow .gv small{font-size:9.5px;color:var(--txt-3);font-weight:500;margin-left:2px} /* 窄容器三档（对齐主文件 1540/1400/1300） */ @media (max-width:1540px){ #page-acquire .aqc-panel[data-mod="wl"] .wl-head{padding:13px 14px;gap:9px} #page-acquire .aqc-panel[data-mod="wl"] .wl-head .nm{font-size:15.5px} #page-acquire .aqc-panel[data-mod="wl"] .wl-new{padding:7px 12px;font-size:12.5px} #page-acquire .aqc-panel[data-mod="wl"] .wl-lhead,#page-acquire .aqc-panel[data-mod="wl"] .wl-row, #page-acquire .aqc-panel[data-mod="local"] .wl-lhead,#page-acquire .aqc-panel[data-mod="local"] .wl-row{gap:7px;padding:0 11px} #page-acquire .aqc-panel[data-mod="wl"] .wl-grps{gap:8px} } @media (max-width:1400px){ #page-acquire .aqc-panel[data-mod="wl"] .wl-head .ds{display:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-lhead,#page-acquire .aqc-panel[data-mod="wl"] .wl-row, #page-acquire .aqc-panel[data-mod="local"] .wl-lhead,#page-acquire .aqc-panel[data-mod="local"] .wl-row{grid-template-columns:20px minmax(0,1.1fr) minmax(0,.8fr) minmax(0,1.2fr) 84px 118px} #page-acquire .aqc-panel[data-mod="wl"] .wl-txt, #page-acquire .aqc-panel[data-mod="local"] .wl-txt{-webkit-line-clamp:1} } @media (max-width:1300px){ #page-acquire .aqc-panel[data-mod="wl"] .wl-wf{padding:2.5px 7px;font-size:11px} #page-acquire .aqc-panel[data-mod="wl"] .wl-head{gap:8px} #page-acquire .aqc-panel[data-mod="wl"] .wl-run{padding:3px 8px;font-size:var(--fs-label)} #page-acquire .aqc-panel[data-mod="wl"] .wl-new{padding:6px 10px;font-size:12.5px} #page-acquire .aqc-panel[data-mod="wl"] .wl-grps{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))} #page-acquire .aqc-panel[data-mod="wl"] .wl-lhead,#page-acquire .aqc-panel[data-mod="wl"] .wl-row, #page-acquire .aqc-panel[data-mod="local"] .wl-lhead,#page-acquire .aqc-panel[data-mod="local"] .wl-row{grid-template-columns:18px minmax(0,1.2fr) minmax(0,1fr) 84px 104px} #page-acquire .aqc-panel[data-mod="wl"] .wl-lhead > span:nth-child(4),#page-acquire .aqc-panel[data-mod="wl"] .wl-row .wl-txt, #page-acquire .aqc-panel[data-mod="local"] .wl-lhead > span:nth-child(4),#page-acquire .aqc-panel[data-mod="local"] .wl-row .wl-txt{display:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-wt{padding:5px 9px;font-size:13px} #page-acquire .aqc-panel[data-mod="wl"] .wl-src .a2, #page-acquire .aqc-panel[data-mod="local"] .wl-src .a2{display:none} #page-acquire .aqc-panel[data-mod="wl"] .wl-op, #page-acquire .aqc-panel[data-mod="local"] .wl-op{padding:3px 6px} } @keyframes lcRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} @keyframes lcBlink{0%,100%{opacity:1}50%{opacity:.45}} /* ================= 同城评论获客 local（迁自小样 v6 · 2026-09-06 · 一项目一围栏 · 三平台并行 · 命中即入塘+已刷脸） ================= */ #page-acquire .aqc-panel[data-mod="local"]{--fs-h3:16px;--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px;position:relative;min-height:0;flex-direction:column;gap:8px;overflow:visible} #page-acquire .aqc-mid{min-height:0} /* local 面板 flex 列布局需要（grid item 默认 min-height:auto 会撑破三列容器；对 display:block 的其他面板无影响） */ #page-acquire .aqc-panel.on[data-mod="local"]{display:flex;flex:1} #page-acquire .aqc-panel[data-mod="local"] .lc-head{display:flex;align-items:center;gap:12px;padding:5px 16px;flex:none;min-height:74px} #page-acquire .aqc-panel[data-mod="local"] .lc-head .hic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="local"] .lc-head .hic svg{width:19px;height:19px} #page-acquire .aqc-panel[data-mod="local"] .lc-head .nm{font-family:var(--font-display);font-size:15.5px;font-weight:600;white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-head .ds{font-size:var(--fs-cap);color:var(--txt-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="local"] .lc-head > div{flex:1;min-width:0} /* S3（2026-09-19）：抬头「目标客户」——与白名单 .wl-target 同规格（同值复制到 local 作用域，不发明新样式） */ #page-acquire .aqc-panel[data-mod="local"] .lc-target{display:flex;align-items:center;gap:6px;flex:none;height:35px;padding:0 10px;background:var(--sunken);border:1px solid var(--line-2);border-radius:8px} #page-acquire .aqc-panel[data-mod="local"] .lc-target .lab{font-size:12px;font-weight:600;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-target input{width:46px;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--txt);background:transparent;border:none;outline:none;text-align:center;padding:0} #page-acquire .aqc-panel[data-mod="local"] .lc-target input::-webkit-outer-spin-button,#page-acquire .aqc-panel[data-mod="local"] .lc-target input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} #page-acquire .aqc-panel[data-mod="local"] .lc-target .unit{font-size:12px;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-run{display:flex;align-items:center;gap:7px;font-size:var(--fs-label);font-weight:600;flex:none;white-space:nowrap;color:var(--green)} #page-acquire .aqc-panel[data-mod="local"] .lc-run .d{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3.5px oklch(76% 0.14 158/.15);animation:lcBlink 2.2s infinite} #page-acquire .aqc-panel[data-mod="local"] .lc-run.off{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="local"] .lc-run.off .d{background:var(--txt-3);box-shadow:none;animation:none} #page-acquire .aqc-panel[data-mod="local"] .lc-runbtn{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;border-radius:9px;padding:8px 14px;cursor:pointer;font-family:inherit;transition:.24s var(--ease);flex:none;white-space:nowrap; color:var(--green);background:oklch(76% 0.14 158/.10);border:1px solid oklch(76% 0.14 158/.4)} #page-acquire .aqc-panel[data-mod="local"] .lc-runbtn:hover{filter:brightness(1.15)} #page-acquire .aqc-panel[data-mod="local"] .lc-runbtn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4);box-shadow:none} /* S4：正在跑的那个载体按钮 = 「点击暂停」（与白名单 .wl-runbtn.pausing 同款琥珀色） */ #page-acquire .aqc-panel[data-mod="local"] .lc-runbtn.pausing{color:#2a1d00;background:var(--amber);border-color:var(--amber);box-shadow:0 8px 20px -8px var(--amber)} #page-acquire .aqc-panel[data-mod="local"] .lc-runbtn svg{width:13px;height:13px} #page-acquire .aqc-panel[data-mod="local"] .lc-runbtn.off{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="local"] .lc-new{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--blue);background:transparent;border:1px solid var(--blue-line);border-radius:9px;padding:8px 14px;cursor:pointer;font-family:inherit;transition:.24s var(--ease);flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-new:hover{background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="local"] .lc-new svg{width:14px;height:14px} /* 添加行（浮层：不占中列高度预算 · 窄了自动换行 · 绝不被右栏盖住） */ #page-acquire .aqc-panel[data-mod="local"] .lc-addbar{display:none;position:absolute;left:0;right:0;top:56px;z-index:30;align-items:center;gap:8px;row-gap:7px;padding:10px 16px;flex-wrap:wrap; background:var(--raised);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 24px 60px -26px rgba(0,0,0,.85)} #page-acquire .aqc-panel[data-mod="local"] .lc-addbar.on{display:flex} #page-acquire .aqc-panel[data-mod="local"] .lc-addbar .lab{font-size:11px;font-weight:600;color:var(--txt-3);flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-addbar input{flex:1;min-width:150px;font-family:inherit;font-size:12.5px;color:var(--txt);background:var(--sunken);border:1px solid var(--line-2);border-radius:8px;padding:7px 10px;outline:none;transition:.2s var(--ease)} #page-acquire .aqc-panel[data-mod="local"] .lc-addbar input:focus{border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="local"] .lc-addbar input::placeholder{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="local"] .lc-addbar select{font-family:inherit;font-size:12px;font-weight:600;color:var(--txt);background:var(--sunken);border:1px solid var(--line-2);border-radius:8px;padding:7px 8px;outline:none;cursor:pointer;flex:none;max-width:150px} #page-acquire .aqc-panel[data-mod="local"] .lc-addbar select:focus{border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="local"] .lc-addbar select option:disabled{color:var(--txt-3);opacity:.55} #page-acquire .aqc-panel[data-mod="local"] .lc-addplats{display:flex;align-items:center;gap:4px;flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-pchip{font-size:10.5px;font-weight:600;color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2);border-radius:99px;padding:5.5px 10px;cursor:pointer;font-family:inherit;transition:.2s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-pchip:hover{color:var(--txt-2);border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="local"] .lc-pchip.on{color:#fff;background:var(--blue);border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="local"] .lc-dem-in{font-family:inherit;font-size:10.5px;font-weight:500;color:var(--txt);background:var(--sunken);border:1px solid var(--blue-line);border-radius:99px;padding:2.5px 10px;width:92px;outline:none;flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-dem-in::placeholder{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="local"] .lc-chip.add{color:var(--txt-3);background:none;border-style:dashed} #page-acquire .aqc-panel[data-mod="local"] .lc-chip .lc-x{font-style:normal;color:var(--txt-3);margin-left:4px;font-size:11px;line-height:1;padding:0 0 0 2px} #page-acquire .aqc-panel[data-mod="local"] .lc-chip .lc-x:hover{color:var(--red)} #page-acquire .aqc-panel[data-mod="local"] .lc-addok{font-size:12px;font-weight:600;color:#fff;background:var(--blue);border:none;border-radius:8px;padding:7.5px 14px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-addok:hover{filter:brightness(1.12)} #page-acquire .aqc-panel[data-mod="local"] .lc-addno{font-size:12px;font-weight:600;color:var(--txt-2);background:transparent;border:1px solid var(--line-2);border-radius:8px;padding:7.5px 12px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);flex:none;white-space:nowrap} /* 核心区：雷达 + 风控台 并排 */ #page-acquire .aqc-panel[data-mod="local"] .lc-top{flex:none;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:9px} #page-acquire .aqc-panel[data-mod="local"] .lc-top .aqc-card{padding:11px 14px 10px;display:flex;flex-direction:column;min-width:0;min-height:0} #page-acquire .aqc-panel[data-mod="local"] .lc-rh{display:flex;align-items:baseline;gap:8px;font-family:var(--font-display);font-size:13.5px;font-weight:600;flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-rh .hint{font-size:10px;color:var(--txt-3);font-weight:500;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* 雷达卡 */ #page-acquire .aqc-panel[data-mod="local"] .lc-rbody{flex:1;min-height:0;display:flex;gap:12px;align-items:stretch;margin-top:5px} #page-acquire .aqc-panel[data-mod="local"] .lc-radsvg{width:104px;height:104px;flex:none;align-self:center} #page-acquire .aqc-panel[data-mod="local"] .lc-legend{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;justify-content:center} #page-acquire .aqc-panel[data-mod="local"] .lc-lg{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--txt-2);min-width:0} #page-acquire .aqc-panel[data-mod="local"] .lc-lg .ld{width:8px;height:8px;border-radius:3px;flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-lg .lt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="local"] .lc-lg .ln{font-family:var(--font-display);font-size:12.5px;font-weight:700;flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-lg .ln small{font-size:9.5px;color:var(--txt-3);font-weight:500;margin-left:2px} /* 双层命中词独立卡（中列全宽 · 行业层档案带出 + 需求层通用开关 · 同一换行流省高） */ #page-acquire .aqc-panel[data-mod="local"] .lc-kwcard{flex:none;display:flex;flex-direction:column;gap:3px;padding:6px 14px} /* 2026-09-21（波哥反馈：排除词竖着排）—— display:contents 让里面的词条直接归父容器 .lc-kwr 管，而父容器是 flex-wrap ⇒ 横排。原来只给了 #lcKwDem / #lcKwInd，#lcKwExc 漏了，所以排除词一个一行。 */ #page-acquire .aqc-panel[data-mod="local"] #lcKwInd,#page-acquire .aqc-panel[data-mod="local"] #lcKwDem,#page-acquire .aqc-panel[data-mod="local"] #lcKwExc{display:contents} #page-acquire .aqc-panel[data-mod="local"] .lc-kwr{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0} #page-acquire .aqc-panel[data-mod="local"] .lc-kwl{font-size:10px;font-weight:700;color:var(--txt-3);flex:none;white-space:nowrap;letter-spacing:.02em} #page-acquire .aqc-panel[data-mod="local"] .lc-kwl b{color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="local"] .lc-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2);border-radius:6px;padding:2px 8px;white-space:nowrap;cursor:default;min-width:0;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="local"] .lc-tag i{width:7px;height:7px;border-radius:3px;flex:none;font-style:normal} #page-acquire .aqc-panel[data-mod="local"] .lc-tag b{font-weight:600} #page-acquire .aqc-panel[data-mod="local"] .lc-tag.off{opacity:.45} #page-acquire .aqc-panel[data-mod="local"] .lc-chip{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:99px;padding:2.5px 9px;cursor:pointer;font-family:inherit;transition:.2s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-chip:hover{filter:brightness(1.15)} #page-acquire .aqc-panel[data-mod="local"] .lc-chip.off{color:var(--txt-3);background:var(--sunken);border-color:var(--line-2);text-decoration:line-through} #page-acquire .aqc-panel[data-mod="local"] .lc-kwhint{font-size:9.3px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="local"] .lc-kwhint b{color:var(--txt-2)} /* 风控台 */ #page-acquire .aqc-panel[data-mod="local"] .lc-sl{margin-top:8px} #page-acquire .aqc-panel[data-mod="local"] .lc-sl + .lc-sl{margin-top:7px} #page-acquire .aqc-panel[data-mod="local"] .lc-sl .sh{display:flex;align-items:baseline;gap:8px} #page-acquire .aqc-panel[data-mod="local"] .lc-sl .sn{font-size:11.5px;font-weight:600;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="local"] .lc-sl .sd{font-size:9.5px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0} #page-acquire .aqc-panel[data-mod="local"] .lc-sl .sv{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--blue);flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-sl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;margin-top:5px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--blue) var(--p,35%),var(--line-2) var(--p,35%))} #page-acquire .aqc-panel[data-mod="local"] .lc-sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;border:3.5px solid var(--blue);cursor:pointer;box-shadow:0 3px 9px -2px rgba(0,0,0,.5);transition:transform .15s} #page-acquire .aqc-panel[data-mod="local"] .lc-sl input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18)} #page-acquire .aqc-panel[data-mod="local"] .lc-sl input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:3.5px solid var(--blue);cursor:pointer;box-shadow:0 3px 9px -2px rgba(0,0,0,.5)} #page-acquire .aqc-panel[data-mod="local"] .lc-estrow{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:6px} #page-acquire .aqc-panel[data-mod="local"] .lc-est{display:flex;align-items:center;gap:7px;row-gap:4px;flex-wrap:wrap;background:var(--sunken);border:1px solid var(--line-2);border-radius:9px;padding:6px 11px} #page-acquire .aqc-panel[data-mod="local"] .lc-est .el{font-size:10px;color:var(--txt-3);font-weight:600;flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-est .ev{font-size:10.5px;color:var(--txt-2);white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-est .ev b{font-family:var(--font-display);font-size:13.5px;color:var(--txt);font-weight:700} #page-acquire .aqc-panel[data-mod="local"] .lc-est .cv{font-size:10.5px;color:var(--txt-2);white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-est .cv b{font-family:var(--font-display);color:var(--txt);font-weight:700} #page-acquire .aqc-panel[data-mod="local"] .lc-est .cv .near{color:var(--amber);font-size:9.5px} #page-acquire .aqc-panel[data-mod="local"] .lc-lamp{display:flex;align-items:center;gap:8px;border-radius:9px;padding:6px 11px;border:1px solid var(--line-2);transition:.3s var(--ease)} #page-acquire .aqc-panel[data-mod="local"] .lc-lamp .dot{width:9px;height:9px;border-radius:50%;flex:none;transition:.3s} #page-acquire .aqc-panel[data-mod="local"] .lc-lamp .lt2{font-family:var(--font-display);font-size:13px;font-weight:700;flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-lamp .ld2{font-size:9.8px;color:var(--txt-3);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* 围栏列表（按项目分组 · 一项目一围栏一号 · 行内替换半径/启停/删除） */ #page-acquire .aqc-panel[data-mod="local"] .lc-fences{flex:1 1 auto;min-height:82px;display:flex;flex-direction:column;padding:8px 14px 7px;overflow:hidden} #page-acquire .aqc-panel[data-mod="local"] .lc-flist{flex:1;min-height:0;overflow-y:auto;margin-top:7px} #page-acquire .aqc-panel[data-mod="local"] .lc-flist::-webkit-scrollbar{width:6px} #page-acquire .aqc-panel[data-mod="local"] .lc-flist::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .aqc-panel[data-mod="local"] .lc-fhint{font-size:10px;color:var(--txt-3);padding:2px 2px 0} #page-acquire .aqc-panel[data-mod="local"] .lc-fg{display:flex;align-items:center;gap:8px;padding:4px 2px 2px;flex-wrap:wrap} #page-acquire .aqc-panel[data-mod="local"] .lc-fg .gd{width:8px;height:8px;border-radius:3px;flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-fg .gn2{font-size:12px;font-weight:700;white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-fg .ga{font-size:10px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;display:flex;align-items:center;gap:5px} #page-acquire .aqc-panel[data-mod="local"] .lc-fg .ga .gdot{width:5.5px;height:5.5px;border-radius:50%;background:var(--green);flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-fg .ga b{color:var(--txt-2);font-weight:600} #page-acquire .aqc-panel[data-mod="local"] .lc-fr{display:grid;grid-template-columns:minmax(0,1fr) 156px 76px 30px 22px;gap:7px;align-items:center;padding:5px 4px;border-bottom:1px solid var(--line)} #page-acquire .aqc-panel[data-mod="local"] .lc-fr .loc{display:flex;align-items:center;gap:7px;min-width:0} #page-acquire .aqc-panel[data-mod="local"] .lc-fr .loc .pin{width:16px;height:16px;flex:none;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="local"] .lc-fr .loc .pin svg{width:16px;height:16px;display:block} #page-acquire .aqc-panel[data-mod="local"] .lc-fr .loc .ln2{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} #page-acquire .aqc-panel[data-mod="local"] .lc-radbtns{display:flex;gap:3px;flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-radbtn{flex:1;font-size:9.5px;font-weight:700;color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2);border-radius:6px;padding:3.5px 0;cursor:pointer;font-family:inherit;transition:.18s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-radbtn:hover{color:var(--txt-2);border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="local"] .lc-radbtn.on{color:#fff;background:var(--blue);border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="local"] .lc-fr .fh{text-align:right;font-size:11px;color:var(--txt-2);flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-fr .fh b{font-family:var(--font-display);font-size:13px;color:var(--blue);font-weight:700} #page-acquire .aqc-panel[data-mod="local"] .lc-fr .fh.off2{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="local"] .lc-fr.off .loc .ln2,#page-acquire .aqc-panel[data-mod="local"] .lc-fr.off .fh{opacity:.42} #page-acquire .aqc-panel[data-mod="local"] .lc-sw{width:38px;height:22px;border-radius:99px;background:var(--sunken);border:1px solid var(--line-2);position:relative;cursor:pointer;flex:none;transition:.24s var(--ease)} #page-acquire .aqc-panel[data-mod="local"] .lc-sw::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--txt-3);transition:.24s var(--ease)} #page-acquire .aqc-panel[data-mod="local"] .lc-sw.on{background:var(--blue);border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="local"] .lc-sw.on::after{left:18px;background:#fff} #page-acquire .aqc-panel[data-mod="local"] .lc-fr .lc-sw{transform:scale(.82);transform-origin:center} #page-acquire .aqc-panel[data-mod="local"] .lc-del{width:22px;height:22px;border:none;background:none;color:var(--txt-3);border-radius:6px;cursor:pointer;display:grid;place-items:center;transition:.18s var(--ease);flex:none;padding:0} #page-acquire .aqc-panel[data-mod="local"] .lc-del svg{width:12px;height:12px;display:block} #page-acquire .aqc-panel[data-mod="local"] .lc-del:hover{color:var(--red);background:oklch(68% 0.16 26/.12)} /* 命中动态（全项目） */ /* 命中动态卡（2026-09-20）：雷达 / 图例 / 围栏列表 / 风控台撤掉后腾出约 374px，按小样的设计说明「正式版靠 flex 吃掉空出来的空间」把 190 → 360，命中列表因此能一屏显示约 8 行（小样 A 实测 8 行 · 面板 630px）。 */ /* ★ 2026-10-02 波哥要求「命中流与白名单一模一样」：原来这里左右各 14px 的内边距， 而表头(.wl-lhead)与行(.wl-row)自己已经带 0 14px ⇒ 同城的命中流整体比白名单多缩进 14px。 改成贴边（padding 归零），标题行单独给回 14px 左右边距。 */ /* ★ 2026-10-02 波哥要求：同城命中流也要一屏看到 10 条（与白名单一致）。 表头 34px + 行高 52px × 10 ≈ 554px，取 558px 留一点余量；超出部分列表内部滚动。 */ #page-acquire .aqc-panel[data-mod="local"] .lc-hits{flex:1.6 1 600px;min-height:600px;display:flex;flex-direction:column;padding:0;overflow:hidden} #page-acquire .aqc-panel[data-mod="local"] .lc-hh{display:flex;align-items:center;gap:8px;flex:none;min-height:24px;padding:6px 14px 8px;flex-wrap:wrap;row-gap:4px} /* 2026-10-25：1366 时一行塞「命中流 + 计数 + 说明 + 4 个筛选」，「命中流」被压成 14px 竖排。 给标题/计数锁宽度 + 允许整行换行，2560 一行放得下、不会触发换行。 */ #page-acquire .aqc-panel[data-mod="local"] .lc-hh .ht{white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-hh .hn{flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-hh .lc-hf{flex-wrap:wrap;row-gap:4px} #page-acquire .aqc-panel[data-mod="local"] .lc-hh .ht{font-family:var(--font-display);font-size:13.5px;font-weight:600} #page-acquire .aqc-panel[data-mod="local"] .lc-hh .hn{font-size:10px;font-weight:700;color:var(--blue);background:var(--blue-soft);border-radius:4px;padding:0 6px} #page-acquire .aqc-panel[data-mod="local"] .lc-hf{margin-left:auto;display:flex;align-items:center;gap:4px} #page-acquire .aqc-panel[data-mod="local"] .lc-wf{font-size:10px;font-weight:600;color:var(--txt-3);border:1px solid var(--line-2);background:var(--surface);border-radius:99px;padding:2.5px 8px;cursor:pointer;transition:.22s var(--ease);white-space:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-wf:hover{color:var(--txt-2);border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="local"] .lc-wf.on{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="local"] .lc-wf.viewpool{color:var(--blue);border-style:dashed} /* 2026-09-20 波哥定案：**滚动条必须用定制款** —— 撤掉 scrollbar-width:thin（它会禁用下面的 ::-webkit-scrollbar 定制、在深色主题里回落成浅色系统滚轮，项目里 3 处注释早已警告过）。 */ #page-acquire .aqc-panel[data-mod="local"] .lc-hlist{flex:1;min-height:0;overflow-y:auto;margin-top:4px} /* LT-07：命中行列头。刻意用**独立类**而不复用 .lc-hrow —— 否则会被验收脚本的 querySelectorAll('.lc-hrow') 当成一条数据行，把行数断言污染掉。 栅格与 .lc-hrow 保持一致（4 档断点各一条）；隐藏规则靠同名子类（.lc-hsc/.lc-src/.lc-date/.lc-hops）自动继承。 */ #page-acquire .aqc-panel[data-mod="local"] .lc-hdrow{display:grid;grid-template-columns:24px 150px 46px minmax(0,1fr) 92px 176px 52px 52px 54px;column-gap:10px;align-items:center;padding:0 2px 4px;border-bottom:1px solid var(--line-2);color:var(--txt-3);font-size:10px;font-weight:600} #page-acquire .aqc-panel[data-mod="local"] .lc-hlist::-webkit-scrollbar{width:6px} #page-acquire .aqc-panel[data-mod="local"] .lc-hlist::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px} #page-acquire .aqc-panel[data-mod="local"] .lc-hrow{display:grid;grid-template-columns:24px 150px 46px minmax(0,1fr) 92px 176px 52px 52px 54px;column-gap:10px;row-gap:0;align-items:center;padding:5.5px 2px; /* LT-07：让出列头占掉的约 15px，保证一屏仍能放 8 行 */border-bottom:1px solid var(--line);animation:lcRise .28s var(--ease)} #page-acquire .aqc-panel[data-mod="local"] .lc-hrow:last-child{border-bottom:none} #page-acquire .aqc-panel[data-mod="local"] .lc-hrow:hover{background:linear-gradient(90deg,var(--blue-soft),transparent 70%)} #page-acquire .aqc-panel[data-mod="local"] .lc-hrow.miss{opacity:.62} #page-acquire .aqc-panel[data-mod="local"] .ava3{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-size:10px;font-weight:600} #page-acquire .aqc-panel[data-mod="local"] .ava3.a{background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-line)} #page-acquire .aqc-panel[data-mod="local"] .ava3.b{background:var(--raised);color:var(--txt-2);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="local"] .ava3.c{background:var(--sunken);color:var(--txt-3);border:1px solid var(--line)} #page-acquire .aqc-panel[data-mod="local"] .lc-hu{min-width:0} #page-acquire .aqc-panel[data-mod="local"] .lc-hu .n1{display:flex;align-items:center;gap:4px;min-width:0} #page-acquire .aqc-panel[data-mod="local"] .lc-hu .nm{font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="local"] .lc-pjd{width:6.5px;height:6.5px;border-radius:50%;flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-pf{font-size:8.5px;font-weight:600;border-radius:4px;padding:0 4px;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-pf.dy{color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="local"] .lc-pf.xhs{color:var(--red);background:oklch(68% 0.16 26/.10);border:1px solid oklch(68% 0.16 26/.24)} #page-acquire .aqc-panel[data-mod="local"] .lc-pf.ks{color:var(--amber);background:oklch(78% 0.11 80/.10);border:1px solid oklch(78% 0.11 80/.28)} #page-acquire .aqc-panel[data-mod="local"] .lc-lvd{width:6.5px;height:6.5px;border-radius:50%;flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-lvd.a{background:var(--red)} #page-acquire .aqc-panel[data-mod="local"] .lc-lvd.b{background:var(--amber)} #page-acquire .aqc-panel[data-mod="local"] .lc-lvd.c{background:var(--txt-3)} #page-acquire .aqc-panel[data-mod="local"] .lc-htxt{font-size:11px;color:var(--txt-2);line-height:1.4;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="local"] .lc-htxt b{color:var(--txt);font-weight:600} #page-acquire .aqc-panel[data-mod="local"] .lc-htxt.miss{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="local"] .lc-hsc{font-size:9.8px;color:var(--txt-3);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="local"] .lc-hsc .rl{color:var(--blue);font-weight:600} #page-acquire .aqc-panel[data-mod="local"] .lc-inpool{display:inline-flex;align-items:center;font-size:8.6px;font-weight:600;color:var(--blue);border:1px solid var(--blue-line);background:var(--blue-soft);border-radius:4px;padding:0 4px;white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-inpool.wait{color:var(--txt-3);border-color:var(--line-2);background:var(--sunken)} #page-acquire .aqc-panel[data-mod="local"] .lc-inpool.wx{color:var(--green);border-color:oklch(76% 0.14 158/.4);background:oklch(76% 0.14 158/.10)} #page-acquire .aqc-panel[data-mod="local"] .lc-inpool.miss{color:var(--txt-3);border-style:dashed;background:none} #page-acquire .aqc-panel[data-mod="local"] .lc-hops{text-align:right} #page-acquire .aqc-panel[data-mod="local"] .lc-op{font-size:9.5px;font-weight:600;border-radius:6px;padding:3px 7px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .lc-op.ig{color:var(--txt-3);border:1px solid var(--line-2);background:var(--sunken)} #page-acquire .aqc-panel[data-mod="local"] .lc-op.ig:hover{border-color:var(--txt-3);color:var(--txt)} #page-acquire .aqc-panel[data-mod="local"] .lc-op.none{color:var(--txt-3);border:1px dashed var(--line-2);background:none;cursor:default} #page-acquire .aqc-panel[data-mod="local"] .lc-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--txt-3);padding:14px 0} #page-acquire .aqc-panel[data-mod="local"] .lc-empty .t1{font-size:12.5px;font-weight:600;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="local"] .lc-empty .t2{font-size:11px} /* 底条（全项目口径） */ #page-acquire .aqc-panel[data-mod="local"] .lc-foot{flex:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px} #page-acquire .aqc-panel[data-mod="local"] .lc-fc{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:5px 13px;position:relative;overflow:hidden} #page-acquire .aqc-panel[data-mod="local"] .lc-fc .l{font-size:10px;color:var(--txt-3);letter-spacing:.04em} #page-acquire .aqc-panel[data-mod="local"] .lc-fc .v{font-family:var(--font-display);font-size:17px;font-weight:700;margin-top:1px} #page-acquire .aqc-panel[data-mod="local"] .lc-fc.prime::before{content:"";position:absolute;top:0;left:0;right:0;height:2.5px;background:var(--blue)} #page-acquire .aqc-panel[data-mod="local"] .lc-fc.prime{background:linear-gradient(180deg,var(--blue-soft),transparent 70%)} /* 右栏 local 专属卡（今日执行总览 + 执行动态 · selectAqc 切换显隐） */ #page-acquire .aqc-side .aqc-card[data-side="local"].side-on{display:block} #page-acquire .aqc-side .aqc-card[data-side="local"].side-on, #page-acquire .aqc-side .aqc-card[data-side="kw"].side-on{display:block} #page-acquire .aqc-side .aqc-card[data-side="local"].feedcard.side-on{display:flex;flex-direction:column;overflow:hidden;max-height:clamp(460px,60vh,720px)} /* ★ 2026-10-03 波哥要求：同城「执行动态」只留最新 10 条，而且**不要出现那条灰色滚动条**。 内容仍可滚动（需要时用滚轮），但滚动条本身隐藏 ⇒ 视觉上就是一张干净的列表。 */ #page-acquire .aqc-side .aqc-card[data-side="local"] .feed{scrollbar-width:none} #page-acquire .aqc-side .aqc-card[data-side="local"] .feed::-webkit-scrollbar{width:0;height:0;display:none} #page-acquire .aqc-side .aqc-card[data-side="local"].feedcard.side-on, #page-acquire .aqc-side .aqc-card[data-side="kw"].feedcard.side-on{display:flex;flex-direction:column;overflow:hidden;max-height:clamp(460px,60vh,720px)} #page-acquire .aqc-side .aqc-card[data-side="local"] .feed{flex:1;min-height:0;overflow-y:auto;padding:2px 4px 2px 0} #page-acquire .aqc-side .aqc-card[data-side="local"] .feed, #page-acquire .aqc-side .aqc-card[data-side="kw"] .feed{flex:1;min-height:0;overflow-y:auto;padding:2px 4px 2px 0} /* 2026-09-21（波哥要求）：采集任务卡片标题行最右放「AI 生成词」小按钮，**要高亮**。 用主题色底 + 白字（原来做成透明灰边太素）；标题行显式加 .has-mini 而不是靠 :has()， 避免被其它规则覆盖。 */ #page-acquire .aqc-side .aqc-card .aqc-ch.has-mini{display:flex;align-items:center;justify-content:space-between;gap:8px} #page-acquire .aqc-side .aqc-card .aqc-ch.has-mini .aqc-mini{ margin-left:auto;font:inherit;font-size:11px;font-weight:700;line-height:1;padding:4px 10px;border-radius:7px; cursor:pointer;flex:none;color:#fff;background:var(--blue);border:1px solid var(--blue); transition:filter .15s; } #page-acquire .aqc-side .aqc-card .aqc-ch.has-mini .aqc-mini:hover{filter:brightness(1.08)} #page-acquire .aqc-side .aqc-card .aqc-ch.has-mini .aqc-mini[disabled]{opacity:.6;cursor:default} /* 2026-09-21（波哥要求）：AI 生成词小按钮 —— 放「搜索任务」标题右边（左 8px 不贴字、右 10px 与说明隔开）， 主题色高亮。⚠️ 该卡不在 .aqc-side 右栏里，选择器只限定到 #page-acquire，不要再加 .aqc-side。 */ #page-acquire .aqc-mini{ margin:0 10px 0 8px;font:inherit;font-size:11px;font-weight:700;line-height:1;padding:4px 10px;border-radius:7px; cursor:pointer;flex:none;color:#fff;background:var(--blue);border:1px solid var(--blue);transition:filter .15s; } #page-acquire .aqc-mini:hover{filter:brightness(1.08)} #page-acquire .aqc-mini[disabled]{opacity:.6;cursor:default} #page-acquire .aqc-side .aqc-card[data-side="local"] .lc-ovrow{display:flex;align-items:center;gap:8px;padding:6.5px 0;border-bottom:1px solid var(--line);font-size:11.5px} #page-acquire .aqc-side .aqc-card[data-side="local"] .lc-ovrow, #page-acquire .aqc-side .aqc-card[data-side="kw"] .lc-ovrow{display:flex;align-items:center;gap:8px;padding:6.5px 0;border-bottom:1px solid var(--line);font-size:11.5px} #page-acquire .aqc-side .aqc-card[data-side="local"] .lc-ovrow:last-child{border-bottom:none} #page-acquire .aqc-side .aqc-card[data-side="local"] .lc-ovrow:last-child, #page-acquire .aqc-side .aqc-card[data-side="kw"] .lc-ovrow:last-child{border-bottom:none} #page-acquire .aqc-side .aqc-card[data-side="local"] .lc-ovrow .g{width:7px;height:7px;border-radius:50%;flex:none} #page-acquire .aqc-side .aqc-card[data-side="local"] .lc-ovrow .g, #page-acquire .aqc-side .aqc-card[data-side="kw"] .lc-ovrow .g{width:7px;height:7px;border-radius:50%;flex:none} #page-acquire .aqc-side .aqc-card[data-side="local"] .lc-ovrow .gn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--txt-2)} #page-acquire .aqc-side .aqc-card[data-side="local"] .lc-ovrow .gn, #page-acquire .aqc-side .aqc-card[data-side="kw"] .lc-ovrow .gn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--txt-2)} #page-acquire .aqc-side .aqc-card[data-side="local"] .lc-ovrow .gv{font-family:var(--font-display);font-size:13px;font-weight:700;flex:none} #page-acquire .aqc-side .aqc-card[data-side="local"] .lc-ovrow .gv, #page-acquire .aqc-side .aqc-card[data-side="kw"] .lc-ovrow .gv{font-family:var(--font-display);font-size:13px;font-weight:700;flex:none} #page-acquire .aqc-side .aqc-card[data-side="local"] .lc-ovrow .gv small{font-size:9.5px;color:var(--txt-3);font-weight:500;margin-left:2px} #page-acquire .aqc-side .aqc-card[data-side="local"] .lc-ovrow .gv small, #page-acquire .aqc-side .aqc-card[data-side="kw"] .lc-ovrow .gv small{font-size:9.5px;color:var(--txt-3);font-weight:500;margin-left:2px} /* toast（fixed · 全局层） */ .lc-toast{position:fixed;left:50%;top:78px;transform:translateX(-50%) translateY(-24px);z-index:10000;display:flex;align-items:center;gap:9px;padding:11px 20px;background:var(--raised);border:1px solid var(--blue-line);border-radius:12px;box-shadow:0 24px 60px -30px rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:.34s var(--ease);font-size:12.5px;font-weight:600;max-width:min(560px,90vw)} .lc-toast.on{opacity:1;transform:translateX(-50%)} .lc-toast svg{width:15px;height:15px;color:var(--blue);flex:none} /* ---------- 同城改造 2026-09-20（小样方案 A 落地 · 与上面同作用域、靠源码顺序生效） ---------- 一、字号对齐：关键词获客 / 白名单获客实测值（抬头图标 38 · 列表人名 12.5 · 列表正文 11.5 · 徽章 9 · 筛选项 11 · 底条数字 20），同城原先整片小一档，这里逐项对齐。 二、命中行新增三列：评论 IP 属地 / 来源视频（作者·距离·赞数）/ 评论日期。 三、搜索任务卡的城市与行业词**全部来自项目档案**（只读展示，不让用户填）。 */ #page-acquire .aqc-panel[data-mod="local"] .lc-head .hic{width:38px;height:38px;border-radius:10px} #page-acquire .aqc-panel[data-mod="local"] .lc-head .hic svg{width:19px;height:19px} #page-acquire .aqc-panel[data-mod="local"] .lc-hrow .lc-hu .nm{font-size:12.5px} #page-acquire .aqc-panel[data-mod="local"] .lc-hrow .lc-htxt{font-size:11.5px;color:var(--txt)} #page-acquire .aqc-panel[data-mod="local"] .lc-hrow .lc-hsc{font-size:10.5px} #page-acquire .aqc-panel[data-mod="local"] .lc-hrow .lc-inpool{font-size:9px;padding:0 5px;height:16px} #page-acquire .aqc-panel[data-mod="local"] .lc-wf{font-size:11px;padding:3px 11px} #page-acquire .aqc-panel[data-mod="local"] .lc-fc .v{font-size:20px} #page-acquire .aqc-panel[data-mod="local"] .lc-hrow > .lc-inpool, #page-acquire .aqc-panel[data-mod="local"] .lc-hrow > .lc-hops{justify-self:end} #page-acquire .aqc-panel[data-mod="local"] .lc-region{font-size:10.5px;font-weight:600;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2);border-radius:5px;padding:1px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="local"] .lc-src{font-size:10.5px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} #page-acquire .aqc-panel[data-mod="local"] .lc-date{font-size:10px;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="local"] .hh-hint{font-size:10.5px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} #page-acquire .aqc-panel[data-mod="local"] .lc-city{font-size:12.5px;font-weight:600;color:var(--txt);background:var(--sunken);border:1px solid var(--blue-line);border-radius:8px;padding:4px 9px;flex:none} #page-acquire .aqc-panel[data-mod="local"] .lc-query{font-size:12px;font-weight:600;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:6px;padding:2.5px 9px;flex:none} /* 档案没填 / 拼不出来：如实标出来（琥珀色），好让人一眼知道去哪儿补 —— 不装作正常 */ #page-acquire .aqc-panel[data-mod="local"] .lc-city.miss, #page-acquire .aqc-panel[data-mod="local"] .lc-query.miss{color:var(--amber);border-color:var(--amber);background:oklch(78% 0.11 80/.10)} /* local 窄容器三档（1540/1400/1300 · 对齐主文件断点） */ @media (max-width:1540px){ #page-acquire .aqc-panel[data-mod="local"] .lc-top{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr)} #page-acquire .aqc-panel[data-mod="local"] .lc-hrow{grid-template-columns:24px auto auto minmax(0,1fr) auto minmax(0,150px) 46px auto auto} #page-acquire .aqc-panel[data-mod="local"] .lc-hdrow{grid-template-columns:24px auto auto minmax(0,1fr) auto minmax(0,150px) 46px auto auto} } @media (max-width:1400px){ #page-acquire .aqc-panel[data-mod="local"] .lc-hrow{grid-template-columns:26px minmax(0,90px) minmax(0,1fr) minmax(0,88px) 70px 30px;gap:6px} #page-acquire .aqc-panel[data-mod="local"] .lc-hdrow{grid-template-columns:22px auto auto minmax(0,1fr) 42px auto auto;column-gap:8px} #page-acquire .aqc-panel[data-mod="local"] .lc-hsc{display:none} #page-acquire .aqc-panel[data-mod="local"] .lc-src{display:none} #page-acquire .aqc-panel[data-mod="local"] .lc-fr{grid-template-columns:minmax(0,1fr) 148px 70px 28px 22px;gap:6px} #page-acquire .aqc-panel[data-mod="local"] .lc-head .ds{display:none} #page-acquire .aqc-panel[data-mod="local"] .lc-hrow{grid-template-columns:22px auto auto minmax(0,1fr) 42px auto auto;column-gap:8px} } @media (max-width:1300px){ #page-acquire .aqc-panel[data-mod="local"] .lc-top .aqc-card{padding:8px 12px 7px} #page-acquire .aqc-panel[data-mod="local"] .lc-radsvg{width:100px;height:100px} #page-acquire .aqc-panel[data-mod="local"] .lc-rh .hint{display:none} #page-acquire .aqc-panel[data-mod="local"] .lc-sl{margin-top:7px} #page-acquire .aqc-panel[data-mod="local"] .lc-sl + .lc-sl{margin-top:5px} #page-acquire .aqc-panel[data-mod="local"] .lc-sl input[type=range]{margin-top:4px} #page-acquire .aqc-panel[data-mod="local"] .lc-sl .sd{display:none} #page-acquire .aqc-panel[data-mod="local"] .lc-chip{font-size:9.5px;padding:2px 7px} #page-acquire .aqc-panel[data-mod="local"] .lc-legend{gap:2px} #page-acquire .aqc-panel[data-mod="local"] .lc-hrow{grid-template-columns:20px auto auto minmax(0,1fr) auto} #page-acquire .aqc-panel[data-mod="local"] .lc-hdrow{grid-template-columns:20px auto auto minmax(0,1fr) auto} #page-acquire .aqc-panel[data-mod="local"] .lc-date{display:none} #page-acquire .aqc-panel[data-mod="local"] .lc-hops{display:none} #page-acquire .aqc-panel[data-mod="local"] .lc-fr{grid-template-columns:minmax(0,1fr) 140px 64px 28px 22px} #page-acquire .aqc-panel[data-mod="local"] .lc-fences{min-height:80px} #page-acquire .aqc-panel[data-mod="local"] .lc-hits{flex:1.4 1 150px;min-height:150px} #page-acquire .aqc-panel[data-mod="local"] .lc-fc{padding:6px 11px} #page-acquire .aqc-panel[data-mod="local"] .lc-est{padding:5px 9px} #page-acquire .aqc-panel[data-mod="local"] .lc-estrow{margin-top:5px;gap:6px} #page-acquire .aqc-panel[data-mod="local"] .lc-lamp{padding:5px 9px} #page-acquire .aqc-panel[data-mod="local"] .lc-kwhint{display:none} #page-acquire .aqc-panel[data-mod="local"] .lc-kwl b{display:none} #page-acquire .aqc-panel[data-mod="local"] .lc-tag{font-size:9.3px;padding:1.5px 6px} #page-acquire .aqc-panel[data-mod="local"] .lc-kwcard{padding:6px 12px;gap:3px} } /* local 矮窗口专项压缩（≤730px 高 · 保住最矮档零溢出） */ @media (max-height:730px){ #page-acquire .aqc-panel[data-mod="local"] .lc-head{padding:5px 14px} #page-acquire .aqc-panel[data-mod="local"] .lc-runbtn{padding:5.5px 10px} #page-acquire .aqc-panel[data-mod="local"] .lc-new{padding:5.5px 10px} #page-acquire .aqc-panel[data-mod="local"] .lc-top{gap:7px} #page-acquire .aqc-panel[data-mod="local"] .lc-top .aqc-card{padding:8px 12px 7px} #page-acquire .aqc-panel[data-mod="local"] .lc-radsvg{width:68px;height:68px} #page-acquire .aqc-panel[data-mod="local"] .lc-rbody{gap:9px;margin-top:4px} #page-acquire .aqc-panel[data-mod="local"] .lc-sl{margin-top:4px} #page-acquire .aqc-panel[data-mod="local"] .lc-sl + .lc-sl{margin-top:2px} #page-acquire .aqc-panel[data-mod="local"] .lc-sl input[type=range]{margin-top:3px} #page-acquire .aqc-panel[data-mod="local"] .lc-sl .sd{display:none} #page-acquire .aqc-panel[data-mod="local"] .lc-est{padding:2.5px 8px} #page-acquire .aqc-panel[data-mod="local"] .lc-estrow{margin-top:3px;gap:5px} #page-acquire .aqc-panel[data-mod="local"] .lc-lamp{padding:2.5px 8px} #page-acquire .aqc-panel[data-mod="local"] .lc-kwcard{flex-direction:row;flex-wrap:wrap;padding:4px 12px;gap:3px} #page-acquire .aqc-panel[data-mod="local"] .lc-kwr{gap:3px} #page-acquire .aqc-panel[data-mod="local"] .lc-kwl{display:none} #page-acquire .aqc-panel[data-mod="local"] .lc-tag{font-size:8.8px;padding:1.5px 4px} #page-acquire .aqc-panel[data-mod="local"] .lc-chip{font-size:9.3px;padding:1.5px 6px} #page-acquire .aqc-panel[data-mod="local"] .lc-fences{min-height:48px;padding:5px 12px 5px} #page-acquire .aqc-panel[data-mod="local"] .lc-flist{margin-top:5px} #page-acquire .aqc-panel[data-mod="local"] .lc-fg{padding:4px 2px 2px} #page-acquire .aqc-panel[data-mod="local"] .lc-fr{padding:4px 4px} #page-acquire .aqc-panel[data-mod="local"] .lc-hits{flex:1.6 1 120px;min-height:120px;padding:0} #page-acquire .aqc-panel[data-mod="local"] .lc-hlist{margin-top:2px} #page-acquire .aqc-panel[data-mod="local"] .lc-hrow{padding:3.5px 2px} #page-acquire .aqc-panel[data-mod="local"] .ava3{width:20px;height:20px;font-size:9px} #page-acquire .aqc-panel[data-mod="local"] .lc-inpool,#page-acquire .aqc-panel[data-mod="local"] .lc-brush{line-height:1.2} #page-acquire .aqc-panel[data-mod="local"] .lc-op{padding:2px 6px} #page-acquire .aqc-panel[data-mod="local"] .lc-fc{padding:4px 9px} #page-acquire .aqc-panel[data-mod="local"] .lc-fc .v{font-size:16px} } /* ============ 行业获客 industry（迁自小样 v1.4 · 2026-09-06） 身位：关键词找同行建联——填任意关键词搜 B 端商家（供应方/合作方），点赞+关注+评论主动建联。 不进线索池（池保持纯 C 端），商家板块内直显+四态管理（待联系/已联系/已合作/不合适）； 触达归互动执行统一调度；一次搜索 50 封顶；三态总开关（待运行/运行中/已暂停·号已释放）。 ============ */ #page-acquire .aqc-panel[data-mod="industry"]{--fs-h3:16px;--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px;position:relative;min-height:0;flex-direction:column;gap:12px;overflow:visible} #page-acquire .aqc-panel.on[data-mod="industry"]{display:flex;flex:1} @keyframes hyBlink{0%,100%{opacity:1}50%{opacity:.35}} @keyframes hyRise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} /* 右栏 industry 专属卡（今日执行总览 + 执行动态 · selectAqc 切换显隐） */ #page-acquire .aqc-side .aqc-card[data-side="industry"].side-on{display:block} /* 头部（对齐 kw 规格：padding 15/18 · hic 38） */ #page-acquire .aqc-panel[data-mod="industry"] .hy-head{display:flex;align-items:center;gap:12px;padding:15px 18px} #page-acquire .aqc-panel[data-mod="industry"] .hy-head .hic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="industry"] .hy-head .hic svg{width:19px;height:19px} #page-acquire .aqc-panel[data-mod="industry"] .hy-head .nm{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:600;white-space:nowrap} #page-acquire .aqc-panel[data-mod="industry"] .hy-head .ds{font-size:var(--fs-cap);color:var(--txt-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="industry"] .hy-head > div{flex:1;min-width:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-run{display:flex;align-items:center;gap:7px;font-size:var(--fs-label);font-weight:600;flex:none;white-space:nowrap;color:var(--green)} #page-acquire .aqc-panel[data-mod="industry"] .hy-run .d{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3.5px oklch(76% 0.14 158/.15);animation:hyBlink 2.2s infinite} #page-acquire .aqc-panel[data-mod="industry"] .hy-run.off{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="industry"] .hy-run.off .d{background:var(--txt-3);box-shadow:none;animation:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-runbtn{display:flex;align-items:center;gap:7px;font-size:var(--fs-small);font-weight:600;border-radius:9px;padding:8px 14px;cursor:pointer;font-family:inherit;transition:.24s var(--ease);flex:none;white-space:nowrap; color:var(--green);background:oklch(76% 0.14 158/.10);border:1px solid oklch(76% 0.14 158/.4)} #page-acquire .aqc-panel[data-mod="industry"] .hy-runbtn:hover{filter:brightness(1.15)} #page-acquire .aqc-panel[data-mod="industry"] .hy-runbtn svg{width:13px;height:13px} #page-acquire .aqc-panel[data-mod="industry"] .hy-runbtn.off{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="industry"] .hy-runbtn.pausing{color:#2a1d00;background:var(--amber);border-color:var(--amber);box-shadow:0 8px 20px -8px var(--amber)} /* 2026-09-22 S0 止血：真机链路未接通，总开关与「联系」按钮如实置灰（照抄同城 .lc-runbtn:disabled 口径） */ #page-acquire .aqc-panel[data-mod="industry"] .hy-runbtn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4);box-shadow:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-cta:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.35)} /* 2026-09-22 S2：抬头新增控件（照抄同城 .lc-target 口径，零自创；选择器带板块前缀，避免压不过全局样式） */ #page-acquire .aqc-panel[data-mod="industry"] .hy-target{display:flex;align-items:center;gap:6px;flex:none;height:35px;padding:0 10px;background:var(--sunken);border:1px solid var(--line-2);border-radius:8px} #page-acquire .aqc-panel[data-mod="industry"] .hy-target .lab{font-size:var(--fs-cap);font-weight:600;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="industry"] .hy-target input{width:46px;font-family:inherit;font-size:var(--fs-body);font-weight:600;color:var(--txt);background:transparent;border:none;outline:none;text-align:center;padding:0;-moz-appearance:textfield} #page-acquire .aqc-panel[data-mod="industry"] .hy-target input::-webkit-outer-spin-button, #page-acquire .aqc-panel[data-mod="industry"] .hy-target input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-target .unit{font-size:var(--fs-cap);color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="industry"] .hy-plattag{font-size:var(--fs-label);font-weight:600;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2);border-radius:99px;padding:5.5px 10px;white-space:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-new{display:flex;align-items:center;gap:7px;font-size:var(--fs-small);font-weight:600;color:#fff;background:var(--blue);border:none;border-radius:9px;padding:8px 15px;cursor:pointer;font-family:inherit;transition:.24s var(--ease);flex:none;white-space:nowrap;box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="industry"] .hy-new:hover{filter:brightness(1.12)} #page-acquire .aqc-panel[data-mod="industry"] .hy-new svg{width:14px;height:14px} /* 添加行（浮层：不占中列高度预算） */ #page-acquire .aqc-panel[data-mod="industry"] .hy-addbar{display:none;position:absolute;left:0;right:0;top:72px;z-index:30;align-items:center;gap:8px;row-gap:7px;padding:10px 16px;flex-wrap:wrap; background:var(--raised);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 24px 60px -26px rgba(0,0,0,.85)} #page-acquire .aqc-panel[data-mod="industry"] .hy-addbar.on{display:flex} #page-acquire .aqc-panel[data-mod="industry"] .hy-addbar .lab{font-size:var(--fs-label);font-weight:600;color:var(--txt-3);flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-addbar input{flex:1;min-width:150px;font-family:inherit;font-size:var(--fs-small);color:var(--txt);background:var(--sunken);border:1px solid var(--line-2);border-radius:8px;padding:7px 10px;outline:none;transition:.2s var(--ease)} #page-acquire .aqc-panel[data-mod="industry"] .hy-addbar input:focus{border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="industry"] .hy-addbar input::placeholder{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="industry"] .hy-addbar select{font-family:inherit;font-size:var(--fs-cap);font-weight:600;color:var(--txt);background:var(--sunken);border:1px solid var(--line-2);border-radius:8px;padding:7px 8px;outline:none;cursor:pointer;flex:none;max-width:150px} #page-acquire .aqc-panel[data-mod="industry"] .hy-addbar select:focus{border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="industry"] .hy-addplats{display:flex;align-items:center;gap:4px;flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-pchip{font-size:var(--fs-label);font-weight:600;color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2);border-radius:99px;padding:5.5px 10px;cursor:pointer;font-family:inherit;transition:.2s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="industry"] .hy-pchip:hover{color:var(--txt-2);border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="industry"] .hy-pchip.on{color:#fff;background:var(--blue);border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="industry"] .hy-addok{font-size:var(--fs-cap);font-weight:600;color:#fff;background:var(--blue);border:none;border-radius:8px;padding:7.5px 14px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="industry"] .hy-addok:hover{filter:brightness(1.12)} #page-acquire .aqc-panel[data-mod="industry"] .hy-addno{font-size:var(--fs-cap);font-weight:600;color:var(--txt-2);background:transparent;border:1px solid var(--line-2);border-radius:8px;padding:7.5px 12px;cursor:pointer;font-family:inherit;transition:.22s var(--ease);flex:none;white-space:nowrap} /* 建联概率台（对齐 local 风控台滑杆范式） */ #page-acquire .aqc-panel[data-mod="industry"] .hy-act{flex:none;display:flex;flex-direction:column;gap:0;padding:16px 18px 15px} #page-acquire .aqc-panel[data-mod="industry"] .hy-rh{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display);font-size:var(--fs-body);font-weight:600;flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-rh .hint{font-size:var(--fs-label);color:var(--txt-3);font-weight:500;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* 建联账号的「绑到本项目」按钮（2026-10-03）：数值**逐条抄自**养号账号矩阵的 .nr-chipbtn， 只把面板前缀从 nourish 换成 industry —— 军规：样式必须整体统一，不自己创作。 */ #page-acquire .aqc-panel[data-mod="industry"] .hy-chipbtn{font-family:inherit;font-size:var(--fs-label);font-weight:700;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:99px;padding:5px 13px;cursor:pointer;transition:.2s var(--ease);white-space:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-chipbtn:hover{filter:brightness(1.18)} #page-acquire .aqc-panel[data-mod="industry"] .hy-chipbtn.ai{color:#fff;background:var(--blue);box-shadow:0 6px 16px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="industry"] .hy-chipbtn:disabled{opacity:.5;cursor:wait} #page-acquire .aqc-panel[data-mod="industry"] .hy-slrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:14px} #page-acquire .aqc-panel[data-mod="industry"] .hy-sl{min-width:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-sl .sh{display:flex;align-items:baseline;gap:8px} #page-acquire .aqc-panel[data-mod="industry"] .hy-sl .sn{font-size:var(--fs-cap);font-weight:600;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="industry"] .hy-sl .sd{font-size:var(--fs-label);color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-sl .sv{font-family:var(--font-display);font-size:var(--fs-body);font-weight:700;color:var(--blue);flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-sl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;margin-top:5px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--blue) var(--p,35%),var(--line-2) var(--p,35%))} #page-acquire .aqc-panel[data-mod="industry"] .hy-sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;border:3.5px solid var(--blue);cursor:pointer;box-shadow:0 3px 9px -2px rgba(0,0,0,.5);transition:transform .15s} #page-acquire .aqc-panel[data-mod="industry"] .hy-sl input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18)} #page-acquire .aqc-panel[data-mod="industry"] .hy-sl input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#fff;border:3.5px solid var(--blue);cursor:pointer;box-shadow:0 3px 9px -2px rgba(0,0,0,.5)} #page-acquire .aqc-panel[data-mod="industry"] .hy-sl2row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:13px;align-items:stretch} #page-acquire .aqc-panel[data-mod="industry"] .hy-lamp{display:flex;align-items:center;gap:8px;border-radius:9px;padding:6px 11px;border:1px solid var(--line-2);transition:.3s var(--ease);min-width:0;background:var(--sunken)} #page-acquire .aqc-panel[data-mod="industry"] .hy-lamp .dot{width:9px;height:9px;border-radius:50%;flex:none;transition:.3s} #page-acquire .aqc-panel[data-mod="industry"] .hy-lamp .lt2{font-family:var(--font-display);font-size:var(--fs-small);font-weight:700;flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-lamp .ld2{font-size:var(--fs-label);color:var(--txt-3);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* 评论话术（AI 生成 + 自定义 chips 流） */ #page-acquire .aqc-panel[data-mod="industry"] .hy-tpl{display:flex;align-items:center;gap:9px;margin-top:14px;min-width:0;flex-wrap:wrap;row-gap:9px} #page-acquire .aqc-panel[data-mod="industry"] .hy-tpl .tl{font-size:var(--fs-label);font-weight:600;color:var(--txt-3);flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="industry"] .hy-tpl .tl b{color:var(--txt-2);font-weight:600} #page-acquire .aqc-panel[data-mod="industry"] .hy-chip{display:flex;align-items:center;gap:7px;font-size:var(--fs-label);font-weight:600;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:99px;padding:2.5px 9px;cursor:default;font-family:inherit;white-space:normal;max-width:100%;line-height:1.45;overflow-wrap:anywhere} #page-acquire .aqc-panel[data-mod="industry"] .hy-chip .tag{font-size:var(--fs-label);font-weight:700;color:var(--txt-3);background:var(--sunken);border-radius:4px;padding:0 4px;flex:none;letter-spacing:.04em} #page-acquire .aqc-panel[data-mod="industry"] .hy-chip .hy-x{font-style:normal;color:var(--txt-3);margin-left:2px;font-size:var(--fs-label);line-height:1;padding:0 0 0 2px;cursor:pointer;flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-chip .hy-x:hover{color:var(--red)} #page-acquire .aqc-panel[data-mod="industry"] .hy-chip.me{color:var(--green);background:oklch(76% 0.14 158/.10);border-color:oklch(76% 0.14 158/.35)} #page-acquire .aqc-panel[data-mod="industry"] .hy-chip.me .tag{color:var(--green)} #page-acquire .aqc-panel[data-mod="industry"] .hy-tplswap{font-size:var(--fs-label);font-weight:600;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:99px;padding:3.5px 10px;cursor:pointer;font-family:inherit;transition:.2s var(--ease);white-space:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-tplswap:hover{filter:brightness(1.15)} #page-acquire .aqc-panel[data-mod="industry"] .hy-tpladd{font-size:var(--fs-label);font-weight:600;color:var(--txt-3);background:none;border:1px dashed var(--line-2);border-radius:99px;padding:2.5px 9px;cursor:pointer;font-family:inherit;transition:.2s var(--ease);white-space:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-tpladd:hover{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="industry"] .hy-tplin{font-family:inherit;font-size:var(--fs-label);color:var(--txt);background:var(--sunken);border:1px solid var(--blue);border-radius:99px;padding:3px 11px;width:210px;outline:none;flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-tplin::placeholder{color:var(--txt-3)} /* 建联账号（2026-10-04 改版）：从标题行拆出来独立成块，账号名/状态各有其位，不再挤压截断。 2026-10-15：选择器放开面板限定 —— 养号管家「还没绑号」的空态也复用这张卡（原来限定 industry，养号吃不到样式，渲染成一排没样式的光文字）。 */ #page-acquire .hy-acct{display:flex;align-items:center;gap:13px;margin-top:14px;padding:13px 15px;border:1px solid var(--line-2);border-radius:11px;background:var(--sunken)} #page-acquire .hy-acct .ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-line);font-family:var(--font-display);font-size:var(--fs-body);font-weight:700} #page-acquire .hy-acct .txt{min-width:0;flex:1} #page-acquire .hy-acct .n1{font-size:var(--fs-body);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .hy-acct .n2{font-size:var(--fs-label);color:var(--txt-3);margin-top:3px;line-height:1.55} #page-acquire .hy-acct.warn{border-color:oklch(78% 0.11 80/.35);background:oklch(78% 0.11 80/.07)} #page-acquire .hy-acct.warn .ico{background:oklch(78% 0.11 80/.12);color:var(--amber);border-color:oklch(78% 0.11 80/.35)} /* 分节：自动建联等独立区块，与上方用一条细分隔线拉开 */ #page-acquire .aqc-panel[data-mod="industry"] .hy-sec{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)} /* 自动建联（2026-10-04 新增）：采够目标家数后按节奏自动打招呼 */ #page-acquire .aqc-panel[data-mod="industry"] .hy-auto{display:flex;align-items:center;gap:13px;margin-top:12px;padding:13px 15px;border:1px solid var(--line-2);border-radius:11px;background:var(--canvas)} #page-acquire .aqc-panel[data-mod="industry"] .hy-auto .txt{min-width:0;flex:1} #page-acquire .aqc-panel[data-mod="industry"] .hy-auto .n1{font-size:var(--fs-body);font-weight:600} #page-acquire .aqc-panel[data-mod="industry"] .hy-auto .n2{font-size:var(--fs-label);color:var(--txt-3);margin-top:4px;line-height:1.55} #page-acquire .aqc-panel[data-mod="industry"] .hy-auto .hy-sw{width:46px;height:26px} #page-acquire .aqc-panel[data-mod="industry"] .hy-auto .hy-sw::after{top:3px;left:3px;width:20px;height:20px} #page-acquire .aqc-panel[data-mod="industry"] .hy-auto .hy-sw.on::after{left:23px} #page-acquire .aqc-panel[data-mod="industry"] .hy-pace{display:flex;align-items:center;gap:10px;margin-top:11px;flex-wrap:wrap} #page-acquire .aqc-panel[data-mod="industry"] .hy-pace .p1{font-size:var(--fs-label);color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="industry"] .hy-pace .pk{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-small);font-weight:600;color:var(--txt);background:var(--sunken);border:1px solid var(--line-2);border-radius:9px;padding:7px 12px} #page-acquire .aqc-panel[data-mod="industry"] .hy-pace .pk input{width:44px;font-family:inherit;font-size:var(--fs-small);font-weight:600;color:var(--blue);background:transparent;border:none;outline:none;text-align:center;padding:0;-moz-appearance:textfield} #page-acquire .aqc-panel[data-mod="industry"] .hy-pace .pk input::-webkit-outer-spin-button,#page-acquire .aqc-panel[data-mod="industry"] .hy-pace .pk input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-pace.dis{opacity:.45;pointer-events:none} /* 搜索任务列表 */ #page-acquire .aqc-panel[data-mod="industry"] .hy-tasks{flex:none;display:flex;flex-direction:column;padding:15px 18px 13px;overflow:hidden;min-height:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-tlist{margin-top:10px;overflow-y:auto;max-height:132px} #page-acquire .aqc-panel[data-mod="industry"] .hy-tlist::-webkit-scrollbar{width:6px} #page-acquire .aqc-panel[data-mod="industry"] .hy-tlist::-webkit-scrollbar-track{background:transparent} #page-acquire .aqc-panel[data-mod="industry"] .hy-tlist::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} #page-acquire .aqc-panel[data-mod="industry"] .hy-tr{display:grid;grid-template-columns:minmax(0,1fr) 118px 84px 30px 22px;gap:9px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--line);min-width:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-tr:last-child{border-bottom:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-tr .kw{display:flex;align-items:center;gap:7px;min-width:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-tr .kw .ki{width:15px;height:15px;flex:none;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="industry"] .hy-tr .kw .ki svg{width:15px;height:15px;display:block} #page-acquire .aqc-panel[data-mod="industry"] .hy-tr .kw .kt{font-size:var(--fs-small);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-tr .kw .kt .pjn{font-size:var(--fs-label);color:var(--txt-3);font-weight:500} #page-acquire .aqc-panel[data-mod="industry"] .hy-tr .pfs{display:flex;gap:3px;align-items:center} #page-acquire .aqc-panel[data-mod="industry"] .hy-pf{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-label);font-weight:600;border-radius:5px;padding:1.5px 6px;letter-spacing:.02em;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="industry"] .hy-pf.dy{color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="industry"] .hy-pf.xhs{color:var(--red);background:oklch(68% 0.16 26/.10);border:1px solid oklch(68% 0.16 26/.24)} #page-acquire .aqc-panel[data-mod="industry"] .hy-pf.ks{color:var(--amber);background:oklch(78% 0.11 80/.10);border:1px solid oklch(78% 0.11 80/.28)} #page-acquire .aqc-panel[data-mod="industry"] .hy-tr .fh{text-align:right;font-size:var(--fs-label);color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-panel[data-mod="industry"] .hy-tr .fh b{font-family:var(--font-display);font-size:var(--fs-small);color:var(--blue);font-weight:700} #page-acquire .aqc-panel[data-mod="industry"] .hy-tr.off .kw .kt,#page-acquire .aqc-panel[data-mod="industry"] .hy-tr.off .fh{opacity:.42} #page-acquire .aqc-panel[data-mod="industry"] .hy-sw{width:38px;height:22px;border-radius:99px;background:var(--sunken);border:1px solid var(--line-2);position:relative;cursor:pointer;flex:none;transition:.24s var(--ease)} #page-acquire .aqc-panel[data-mod="industry"] .hy-sw::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--txt-3);transition:.24s var(--ease)} #page-acquire .aqc-panel[data-mod="industry"] .hy-sw.on{background:var(--blue);border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="industry"] .hy-sw.on::after{left:18px;background:#fff} #page-acquire .aqc-panel[data-mod="industry"] .hy-tr .hy-sw{transform:scale(.82);transform-origin:center} #page-acquire .aqc-panel[data-mod="industry"] .hy-del{width:22px;height:22px;border:none;background:none;color:var(--txt-3);border-radius:6px;cursor:pointer;display:grid;place-items:center;transition:.18s var(--ease);flex:none;padding:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-del svg{width:12px;height:12px;display:block} #page-acquire .aqc-panel[data-mod="industry"] .hy-del:hover{color:var(--red);background:oklch(68% 0.16 26/.12)} #page-acquire .aqc-panel[data-mod="industry"] .hy-thint{font-size:var(--fs-label);color:var(--txt-3);padding:4px 2px 2px} /* 找到的商家（核心区 · 不进鱼塘 · 板块内管理） */ #page-acquire .aqc-panel[data-mod="industry"] .hy-biz{flex:1.6 1 314px;min-height:314px;display:flex;flex-direction:column;padding:15px 18px 13px;overflow:hidden} #page-acquire .aqc-panel[data-mod="industry"] .hy-bh{display:flex;align-items:center;gap:8px;flex:none;min-height:24px;flex-wrap:wrap;row-gap:4px} #page-acquire .aqc-panel[data-mod="industry"] .hy-bh .ht{font-family:var(--font-display);font-size:var(--fs-body);font-weight:600} #page-acquire .aqc-panel[data-mod="industry"] .hy-bh .bn{font-size:var(--fs-label);font-weight:700;color:var(--blue);background:var(--blue-soft);border-radius:4px;padding:0 6px} #page-acquire .aqc-panel[data-mod="industry"] .hy-bh .bhint{font-size:var(--fs-label);color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="industry"] .hy-bf{margin-left:auto;display:flex;align-items:center;gap:5px} #page-acquire .aqc-panel[data-mod="industry"] .hy-wf{font-size:var(--fs-label);font-weight:600;color:var(--txt-3);border:1px solid var(--line-2);background:transparent;border-radius:20px;padding:3px 11px;cursor:pointer;transition:.22s var(--ease);white-space:nowrap;flex:none;font-family:inherit} #page-acquire .aqc-panel[data-mod="industry"] .hy-wf:hover{color:var(--txt-2);border-color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="industry"] .hy-wf.on{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="industry"] .hy-blist{flex:1;min-height:0;overflow-y:auto;margin-top:9px} /* 深色细滚轮（勿加 scrollbar-width:thin——它会禁用本定制、回落白色系统滚轮） */ #page-acquire .aqc-panel[data-mod="industry"] .hy-blist::-webkit-scrollbar{width:6px} #page-acquire .aqc-panel[data-mod="industry"] .hy-blist::-webkit-scrollbar-track{background:transparent} #page-acquire .aqc-panel[data-mod="industry"] .hy-blist::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} #page-acquire .aqc-panel[data-mod="industry"] .hy-br{display:grid;grid-template-columns:32px minmax(0,1fr) 56px 64px 46px 58px;gap:11px;align-items:center;padding:11px 2px;border-bottom:1px solid var(--line);animation:hyRise .28s var(--ease);min-width:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-br:last-child{border-bottom:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-br:hover{background:linear-gradient(90deg,var(--blue-soft),transparent 70%)} #page-acquire .aqc-panel[data-mod="industry"] .hy-br.dead{opacity:.45;filter:saturate(.3)} #page-acquire .aqc-panel[data-mod="industry"] .ava3{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-size:var(--fs-cap);font-weight:600} #page-acquire .aqc-panel[data-mod="industry"] .ava3.a{background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-line)} #page-acquire .aqc-panel[data-mod="industry"] .ava3.b{background:var(--raised);color:var(--txt-2);border:1px solid var(--line-2)} #page-acquire .aqc-panel[data-mod="industry"] .hy-bu{min-width:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-bu .n1{display:flex;align-items:center;gap:5px;min-width:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-bu .nm{font-size:var(--fs-cap);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="industry"] .hy-bu .n2{display:flex;align-items:center;gap:5px;font-size:var(--fs-label);color:var(--txt-3);margin-top:1px;min-width:0;white-space:nowrap;overflow:hidden} #page-acquire .aqc-panel[data-mod="industry"] .hy-bu .n2 .fans{flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-bu .n2 .biz{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-match{text-align:right;flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-match .mv{font-family:var(--font-display);font-size:var(--fs-small);font-weight:700} #page-acquire .aqc-panel[data-mod="industry"] .hy-match .ml{font-size:var(--fs-label);color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="industry"] .hy-br .m-hi .mv{color:var(--blue)} #page-acquire .aqc-panel[data-mod="industry"] .hy-br .m-md .mv{color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="industry"] .hy-br .m-lo .mv{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="industry"] .hy-acts{display:flex;gap:3px;justify-content:flex-end;flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-ac{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:var(--fs-label);font-weight:700;background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-3);cursor:default;flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-ac.on{color:var(--green);border-color:oklch(76% 0.14 158/.35);background:oklch(76% 0.14 158/.10)} #page-acquire .aqc-panel[data-mod="industry"] .hy-cta{font-size:var(--fs-label);font-weight:600;color:var(--blue);background:transparent;border:1px solid var(--blue-line);border-radius:7px;padding:4.5px 0;cursor:pointer;font-family:inherit;transition:.2s var(--ease);white-space:nowrap;width:100%} #page-acquire .aqc-panel[data-mod="industry"] .hy-cta:hover{background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="industry"] .hy-cta:disabled{color:var(--txt-3);border-color:var(--line-2);cursor:default;background:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-st{font-size:var(--fs-label);font-weight:600;border-radius:6px;padding:4px 0;text-align:center;cursor:pointer;font-family:inherit;border:1px solid;transition:.2s var(--ease);white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="industry"] .hy-st.wait{color:var(--txt-2);border-color:var(--line-2);background:var(--sunken)} #page-acquire .aqc-panel[data-mod="industry"] .hy-st.done{color:var(--amber);border-color:oklch(78% 0.11 80/.4);background:oklch(78% 0.11 80/.10)} #page-acquire .aqc-panel[data-mod="industry"] .hy-st.coop{color:var(--green);border-color:oklch(76% 0.14 158/.4);background:oklch(76% 0.14 158/.10)} #page-acquire .aqc-panel[data-mod="industry"] .hy-st.no{color:var(--txt-3);border-color:var(--line);background:none;border-style:dashed;opacity:.75} #page-acquire .aqc-panel[data-mod="industry"] .hy-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;min-height:80px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="industry"] .hy-empty .t1{font-size:var(--fs-cap);font-weight:600;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="industry"] .hy-empty .t2{font-size:var(--fs-label);max-width:300px;text-align:center;line-height:1.5} #page-acquire .aqc-panel[data-mod="industry"] .hy-empty svg{width:26px;height:26px;opacity:.4} /* 底条 */ #page-acquire .aqc-panel[data-mod="industry"] .hy-foot{flex:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} #page-acquire .aqc-panel[data-mod="industry"] .hy-fc{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 14px;min-width:0} #page-acquire .aqc-panel[data-mod="industry"] .hy-fc .l{font-size:var(--fs-label);color:var(--txt-3);font-weight:600;white-space:nowrap} #page-acquire .aqc-panel[data-mod="industry"] .hy-fc .v{font-family:var(--font-display);font-size:17px;font-weight:700;margin-left:auto;white-space:nowrap} #page-acquire .aqc-panel[data-mod="industry"] .hy-fc.prime{border-color:var(--blue-line);background:linear-gradient(135deg,var(--blue-soft),transparent 65%)} #page-acquire .aqc-panel[data-mod="industry"] .hy-fc.prime .v{color:var(--blue)} /* toast（面板内浮层 · fixed 定位） */ #page-acquire .aqc-panel[data-mod="industry"] .hy-toast{position:fixed;left:50%;top:78px;transform:translate(-50%,-14px);z-index:10000;display:flex;align-items:center;gap:9px; background:var(--raised);border:1px solid var(--line-2);border-radius:11px;padding:10px 18px;font-size:12.5px;font-weight:600; box-shadow:0 20px 50px -18px rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:.3s var(--ease);max-width:min(440px,86vw)} #page-acquire .aqc-panel[data-mod="industry"] .hy-toast.on{opacity:1;transform:translate(-50%,0)} #page-acquire .aqc-panel[data-mod="industry"] .hy-toast .td{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-toast.blue .td{background:var(--blue)} /* industry 响应式（窄档收缩：隐藏匹配度/动作列 · 任务行收紧） */ @media (max-width:1540px){ #page-acquire .aqc-panel[data-mod="industry"] .hy-br{grid-template-columns:32px minmax(0,1fr) 50px 60px 44px 54px;gap:6px} } @media (max-width:1400px){ #page-acquire .aqc-panel[data-mod="industry"] .hy-head .ds{display:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-br{grid-template-columns:28px minmax(0,1fr) 48px 56px 42px 50px;gap:5px} #page-acquire .aqc-panel[data-mod="industry"] .hy-acts{display:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-br .hy-match{display:none} /* 头部按钮压缩（主文件 1280 档中列 ~388px 比小样窄 · 防 hy-run 状态+双按钮组合超界） */ #page-acquire .aqc-panel[data-mod="industry"] .hy-head{gap:9px;padding:13px 14px} #page-acquire .aqc-panel[data-mod="industry"] .hy-head .hy-run{max-width:112px;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="industry"] .hy-head .hy-runbtn{padding:7.5px 9px} #page-acquire .aqc-panel[data-mod="industry"] .hy-head .hy-new{padding:7.5px 10px} #page-acquire .aqc-panel[data-mod="industry"] .hy-biz{flex:1.6 1 274px;min-height:274px} } @media (max-width:1300px){ #page-acquire .aqc-panel[data-mod="industry"] .hy-bu .n2 .biz{display:none} #page-acquire .aqc-panel[data-mod="industry"] .hy-biz{flex:1.6 1 244px;min-height:244px} #page-acquire .aqc-panel[data-mod="industry"] .hy-foot{grid-template-columns:repeat(2,minmax(0,1fr))} } /* ============ 地图获客 map（迁自小样 v2 · 2026-09-06 · 城市关键词圈定商户 · 查询直出 · 不进鱼塘） ============ */ #page-acquire .aqc-panel[data-mod="map"]{--fs-h3:16px;--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px;position:relative;min-height:0;flex-direction:column;gap:12px} #page-acquire .aqc-panel.on[data-mod="map"]{display:flex;flex:1} /* 右栏 map 专属卡（区域分布 + 查询历史 · selectAqc 切换显隐） */ #page-acquire .aqc-side .aqc-card[data-side="map"].side-on{display:block} #page-acquire .aqc-side .aqc-card[data-side="map"]{padding:0;overflow:hidden} #page-acquire .aqc-side .aqc-card[data-side="map"] .aqc-ch{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;padding:12px 16px;border-bottom:1px solid var(--line);margin-bottom:0;color:var(--txt);font-family:var(--font-body)} #page-acquire .aqc-side .aqc-card[data-side="map"] .aqc-ch svg{width:14px;height:14px;flex:none} #page-acquire .aqc-side .aqc-card[data-side="map"] .aqc-badge{margin-left:2px} /* 头部卡（74px 统一范式） */ #page-acquire .aqc-panel[data-mod="map"] .mp-head{flex:none;display:flex;align-items:center;gap:12px;padding:15px 18px;min-height:74px;background:linear-gradient(180deg,var(--blue-soft),transparent 85%),var(--surface);border:1px solid var(--line);border-radius:14px} #page-acquire .aqc-panel[data-mod="map"] .mp-head .hic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="map"] .mp-head .hic svg{width:19px;height:19px} #page-acquire .aqc-panel[data-mod="map"] .mp-head > div{flex:1;min-width:0} #page-acquire .aqc-panel[data-mod="map"] .mp-head .nm{font-family:var(--font-display);font-size:15.5px;font-weight:600;white-space:nowrap} #page-acquire .aqc-panel[data-mod="map"] .mp-head .ds{font-size:var(--fs-cap);color:var(--txt-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* 数据源标签（2026-09-24）：内置样本必须一眼看出来，不能让客户以为是真数据 */ #page-acquire .aqc-panel[data-mod="map"] .mp-src{flex:none;font-size:10.5px;font-weight:600;color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2);border-radius:8px;padding:4px 9px;white-space:nowrap} #page-acquire .aqc-panel[data-mod="map"] .mp-src.sample{color:var(--amber);border-color:var(--amber)} /* 查询卡（toorow 双行省高） */ #page-acquire .aqc-panel[data-mod="map"] .mp-q{flex:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:9px;padding:12px 18px 11px} #page-acquire .aqc-panel[data-mod="map"] .mp-row1{display:flex;align-items:center;gap:8px} #page-acquire .aqc-panel[data-mod="map"] .mp-row2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-left:2px} #page-acquire .aqc-panel[data-mod="map"] .mp-row2 .lbl{font-size:10.5px;font-weight:600;color:var(--txt-3);letter-spacing:.05em;flex:none} #page-acquire .aqc-panel[data-mod="map"] .mp-fld{display:flex;flex-direction:column;gap:3px;flex:none} #page-acquire .aqc-panel[data-mod="map"] .mp-fld .fl{font-size:10px;font-weight:700;color:var(--txt-3);letter-spacing:.06em;text-transform:uppercase} #page-acquire .aqc-panel[data-mod="map"] .mp-fld input{font-family:inherit;font-size:13px;font-weight:600;color:var(--txt);background:var(--sunken);border:1px solid var(--line-2);border-radius:9px;padding:8px 11px;height:35px;outline:none;transition:.2s var(--ease);width:104px} #page-acquire .aqc-panel[data-mod="map"] .mp-fld input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)} #page-acquire .aqc-panel[data-mod="map"] #mpDist{width:118px} #page-acquire .aqc-panel[data-mod="map"] .mp-fld .kw{width:150px} #page-acquire .aqc-panel[data-mod="map"] .mp-go{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700;color:#fff;background:var(--blue);border:none;border-radius:9px;padding:10px 22px;cursor:pointer;font-family:inherit;flex:none;box-shadow:0 8px 20px -8px var(--blue);transition:.2s var(--ease);margin-top:14px} #page-acquire .aqc-panel[data-mod="map"] .mp-go:hover{filter:brightness(1.12)} #page-acquire .aqc-panel[data-mod="map"] .mp-go:disabled{opacity:.55;cursor:wait} #page-acquire .aqc-panel[data-mod="map"] .mp-go svg{width:14px;height:14px} #page-acquire .aqc-panel[data-mod="map"] .mp-chk{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--txt-2);cursor:pointer;user-select:none;flex:none;padding:4px 2px} #page-acquire .aqc-panel[data-mod="map"] .mp-chk .bx{width:15px;height:15px;border-radius:4.5px;border:1.5px solid var(--line-2);display:grid;place-items:center;transition:.18s var(--ease);flex:none;background:var(--sunken)} #page-acquire .aqc-panel[data-mod="map"] .mp-chk.on .bx{background:var(--green);border-color:var(--green)} #page-acquire .aqc-panel[data-mod="map"] .mp-chk .bx svg{width:9px;height:9px;color:#fff;opacity:0;transition:.18s} #page-acquire .aqc-panel[data-mod="map"] .mp-chk.on .bx svg{opacity:1} #page-acquire .aqc-panel[data-mod="map"] .mp-chk .hint{font-size:10px;color:var(--txt-3);font-weight:500} #page-acquire .aqc-panel[data-mod="map"] .mp-quick{display:flex;align-items:center;gap:5px;flex:none} #page-acquire .aqc-panel[data-mod="map"] .mp-qk{font-size:11px;font-weight:600;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2);border-radius:8px;padding:4px 10px;cursor:pointer;font-family:inherit;transition:.2s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="map"] .mp-qk:hover{border-color:var(--txt-3);color:var(--txt)} #page-acquire .aqc-panel[data-mod="map"] .mp-qk.on{color:var(--blue);background:var(--blue-soft);border-color:var(--blue-line)} #page-acquire .aqc-panel[data-mod="map"] .mp-last{margin-left:auto;font-size:10.5px;color:var(--txt-3);white-space:nowrap} /* 结果统计条 */ #page-acquire .aqc-panel[data-mod="map"] .mp-stat{flex:none;display:flex;align-items:center;gap:10px;padding:0 4px;font-size:11.5px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="map"] .mp-stat b{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--txt)} #page-acquire .aqc-panel[data-mod="map"] .mp-stat .sep{width:1px;height:12px;background:var(--line-2)} #page-acquire .aqc-panel[data-mod="map"] .mp-stat .tel{color:var(--green);font-weight:700} #page-acquire .aqc-panel[data-mod="map"] .mp-stat .rg{color:var(--blue);font-weight:700} #page-acquire .aqc-panel[data-mod="map"] .mp-stat .exp{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--green);background:var(--green-soft);border:1px solid var(--green-line);border-radius:9px;padding:7px 14px;cursor:pointer;font-family:inherit;transition:.2s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="map"] .mp-stat .exp:hover{filter:brightness(1.15)} #page-acquire .aqc-panel[data-mod="map"] .mp-stat .exp:disabled{opacity:.45;cursor:not-allowed;filter:none} #page-acquire .aqc-panel[data-mod="map"] .mp-stat .exp svg{width:13px;height:13px} /* 结果表格 */ #page-acquire .aqc-panel[data-mod="map"] .mp-tbl{flex:none;height:clamp(380px,54vh,520px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden} #page-acquire .aqc-panel[data-mod="map"] .mp-thead{display:grid;grid-template-columns:26px minmax(0,1.5fr) 58px 50px 54px minmax(0,1fr) 96px 42px;gap:6px;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--sunken);font-size:10.5px;font-weight:700;color:var(--txt-3);text-transform:uppercase;letter-spacing:.05em;flex:none} #page-acquire .aqc-panel[data-mod="map"] .mp-tbody{display:flex;flex-direction:column;overflow-y:auto;flex:1;min-height:0} #page-acquire .aqc-panel[data-mod="map"] .mp-tbody::-webkit-scrollbar{width:6px} #page-acquire .aqc-panel[data-mod="map"] .mp-tbody::-webkit-scrollbar-track{background:transparent} #page-acquire .aqc-panel[data-mod="map"] .mp-tbody::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} #page-acquire .aqc-panel[data-mod="map"] .mp-tr{display:grid;grid-template-columns:26px minmax(0,1.5fr) 58px 50px 54px minmax(0,1fr) 96px 42px;gap:6px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--line);transition:.15s} #page-acquire .aqc-panel[data-mod="map"] .mp-tr:hover{background:var(--raised)} #page-acquire .aqc-panel[data-mod="map"] .mp-tr .ix{font-size:10px;color:var(--txt-3);font-variant-numeric:tabular-nums} #page-acquire .aqc-panel[data-mod="map"] .mp-tr .bn{min-width:0} #page-acquire .aqc-panel[data-mod="map"] .mp-tr .bn .n{font-size:12.5px;font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px} #page-acquire .aqc-panel[data-mod="map"] .mp-tr .bn .n .tg{font-size:9px;font-weight:700;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:7px;padding:1px 6px;flex:none} #page-acquire .aqc-panel[data-mod="map"] .mp-tr .ct,#page-acquire .aqc-panel[data-mod="map"] .mp-tr .ds2{font-size:11.5px;color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="map"] .mp-tr .cty{font-size:11.5px;color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="map"] .mp-tr .tel{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--green);white-space:nowrap;font-variant-numeric:tabular-nums;cursor:pointer;transition:.15s} #page-acquire .aqc-panel[data-mod="map"] .mp-tr .tel:hover{filter:brightness(1.25);text-decoration:underline dotted} #page-acquire .aqc-panel[data-mod="map"] .mp-thead .rt{cursor:pointer;user-select:none;transition:.15s} #page-acquire .aqc-panel[data-mod="map"] .mp-thead .rt:hover{color:var(--txt)} #page-acquire .aqc-panel[data-mod="map"] .mp-tr .rt{font-size:11.5px;font-weight:700;color:var(--amber);white-space:nowrap;font-variant-numeric:tabular-nums} #page-acquire .aqc-panel[data-mod="map"] .mp-tr .rt.none{color:var(--txt-3);font-weight:500} #page-acquire .aqc-panel[data-mod="map"] .mp-tr .tel.none{color:var(--txt-3);font-weight:500;cursor:default} #page-acquire .aqc-panel[data-mod="map"] .mp-tr .tel.none:hover{filter:none;text-decoration:none} #page-acquire .aqc-panel[data-mod="map"] .mp-page{flex:none;display:flex;align-items:center;gap:4px;padding:7px 12px;border-top:1px solid var(--line);background:var(--sunken)} #page-acquire .aqc-panel[data-mod="map"] .mp-page .info{font-size:10.5px;color:var(--txt-3);margin-right:auto;white-space:nowrap} #page-acquire .aqc-panel[data-mod="map"] .mp-page .info b{color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="map"] .mp-page button{font-family:inherit;font-size:11px;font-weight:600;color:var(--txt-2);background:transparent;border:1px solid var(--line-2);border-radius:7px;min-width:26px;height:24px;padding:0 6px;cursor:pointer;transition:.15s;white-space:nowrap} #page-acquire .aqc-panel[data-mod="map"] .mp-page button:hover:not(:disabled):not(.on){border-color:var(--blue-line);color:var(--txt)} #page-acquire .aqc-panel[data-mod="map"] .mp-page button.on{background:var(--blue);border-color:var(--blue);color:#fff} #page-acquire .aqc-panel[data-mod="map"] .mp-page button:disabled{opacity:.35;cursor:default} #page-acquire .aqc-panel[data-mod="map"] .mp-page .dots{font-size:11px;color:var(--txt-3);padding:0 2px} #page-acquire .aqc-panel[data-mod="map"] .mp-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="map"] .mp-empty svg{width:34px;height:34px;opacity:.4} #page-acquire .aqc-panel[data-mod="map"] .mp-empty .t{font-size:13px;font-weight:600;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="map"] .mp-empty.err .t{color:var(--amber)} #page-acquire .aqc-panel[data-mod="map"] .mp-empty .s{font-size:11.5px} /* 右栏：区域分布 + 查询历史 */ #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-dist{display:flex;flex-direction:column;gap:8px;padding:12px 16px 13px} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-dist .row{display:flex;align-items:center;gap:8px} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-dist .dn{width:52px;flex:none;font-size:11.5px;font-weight:600;color:var(--txt-2);text-align:right;white-space:nowrap} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-dist .bar{flex:1;min-width:0;height:14px;border-radius:5px;background:var(--sunken);overflow:hidden;position:relative} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-dist .bar i{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:linear-gradient(90deg,var(--blue),var(--blue-line));transition:width .5s var(--ease)} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-dist .bar.hot i{background:linear-gradient(90deg,var(--blue),var(--blue-line))} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-dist .dv{width:34px;flex:none;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--txt);font-variant-numeric:tabular-nums} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-hist{display:flex;flex-direction:column;gap:6px;padding:11px 14px 12px} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-hi{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:.2s var(--ease);background:var(--sunken)} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-hi:hover{border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-hi .dot{width:8px;height:8px;border-radius:50%;background:var(--blue);flex:none;box-shadow:0 0 0 3px var(--blue-soft)} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-hi .q{flex:1;min-width:0;font-size:11.5px;font-weight:600;color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-hi .q b{color:var(--txt)} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-hi .r{font-size:10.5px;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-side .aqc-card[data-side="map"] .mp-hi .r b{color:var(--green)} /* toast（fixed · closeAqcOverlays 收口清单含 #mpToast） */ #page-acquire .aqc-panel[data-mod="map"] .mp-toast{position:fixed;left:50%;top:78px;transform:translate(-50%,-14px);z-index:10000;display:flex;align-items:center;gap:9px; background:var(--raised);border:1px solid var(--line-2);border-radius:11px;padding:10px 18px;font-size:12.5px;font-weight:600; box-shadow:0 20px 50px -18px rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:.3s var(--ease);max-width:min(440px,86vw)} #page-acquire .aqc-panel[data-mod="map"] .mp-toast.on{opacity:1;transform:translate(-50%,0)} #page-acquire .aqc-panel[data-mod="map"] .mp-toast svg{width:14px;height:14px;color:var(--green);flex:none} /* map 响应式（中列=视口-892 · 四档胶囊防溢出） */ @media (max-width:1540px){ #page-acquire .aqc-panel[data-mod="map"] .mp-head{padding:13px 14px;gap:10px} #page-acquire .aqc-panel[data-mod="map"] .mp-head .nm{font-size:14.5px} #page-acquire .aqc-panel[data-mod="map"] .mp-q{padding:10px 14px 9px;gap:8px} #page-acquire .aqc-panel[data-mod="map"] .mp-row1{gap:7px} #page-acquire .aqc-panel[data-mod="map"] .mp-fld input{width:92px} #page-acquire .aqc-panel[data-mod="map"] #mpDist{width:106px} #page-acquire .aqc-panel[data-mod="map"] .mp-fld .kw{width:118px} #page-acquire .aqc-panel[data-mod="map"] .mp-go{padding:9px 16px;font-size:12px} } @media (max-width:1400px){ #page-acquire .aqc-panel[data-mod="map"] .mp-thead,#page-acquire .aqc-panel[data-mod="map"] .mp-tr{grid-template-columns:24px minmax(0,1.6fr) 54px 46px minmax(0,1.2fr) 92px 42px;gap:5px} #page-acquire .aqc-panel[data-mod="map"] .mp-thead .ct,#page-acquire .aqc-panel[data-mod="map"] .mp-tr .ct{display:none} #page-acquire .aqc-panel[data-mod="map"] .mp-last{display:none} #page-acquire .aqc-panel[data-mod="map"] .mp-q{padding:10px 14px 9px} #page-acquire .aqc-panel[data-mod="map"] .mp-fld input{width:80px} #page-acquire .aqc-panel[data-mod="map"] #mpDist{width:92px} #page-acquire .aqc-panel[data-mod="map"] .mp-fld .kw{width:104px} #page-acquire .aqc-panel[data-mod="map"] .mp-go{padding:8px 12px;font-size:11.5px} } @media (max-width:1300px){ #page-acquire .aqc-panel[data-mod="map"] .mp-thead,#page-acquire .aqc-panel[data-mod="map"] .mp-tr{grid-template-columns:22px minmax(0,1.8fr) 50px 42px minmax(0,1fr) 88px;gap:5px} #page-acquire .aqc-panel[data-mod="map"] .mp-thead .rt,#page-acquire .aqc-panel[data-mod="map"] .mp-tr .rt{display:none} #page-acquire .aqc-panel[data-mod="map"] .mp-q{padding:10px 12px 9px} #page-acquire .aqc-panel[data-mod="map"] .mp-row1{gap:6px} #page-acquire .aqc-panel[data-mod="map"] .mp-fld input{width:68px} #page-acquire .aqc-panel[data-mod="map"] #mpDist{width:78px} #page-acquire .aqc-panel[data-mod="map"] .mp-fld .kw{width:88px} #page-acquire .aqc-panel[data-mod="map"] .mp-stat{flex-wrap:wrap;gap:7px} #page-acquire .aqc-panel[data-mod="map"] .mp-quick .mp-qk:nth-child(n+4){display:none} } /* ============ 企业获客 qcc（迁自小样 v2 · 2026-09-06 · 地区+行业+关键词多维筛选 · 纯查询不进鱼塘） 全宽布局：qcc 激活时 .aqc 切三行 areas，头部卡+查询卡横跨中列+右栏（grid-area:head/q）； 显隐纯 CSS 联动 .aqc-b.on（:has），切走模块即恢复单行三列，其他模块零影响。 ============ */ #page-acquire .aqc-panel[data-mod="qcc"]{--fs-h3:16px;--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px;position:relative;min-height:0;flex-direction:column;gap:12px} #page-acquire .aqc-panel.on[data-mod="qcc"]{display:flex;flex:1} #page-acquire .aqc:has(.aqc-b[data-mod="qcc"].on){grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"nav head head" "nav q q" "nav mid side"} #page-acquire .aqc:has(.aqc-b[data-mod="qcc"].on) .aqc-nav{grid-area:nav} #page-acquire .aqc:has(.aqc-b[data-mod="qcc"].on) .aqc-mid{grid-area:mid} #page-acquire .aqc:has(.aqc-b[data-mod="qcc"].on) .aqc-side{grid-area:side} #page-acquire .qc-head,#page-acquire .qc-q{display:none} #page-acquire .aqc:has(.aqc-b[data-mod="qcc"].on) .qc-head{display:flex;grid-area:head} #page-acquire .aqc:has(.aqc-b[data-mod="qcc"].on) .qc-q{display:flex;grid-area:q} /* 右栏 qcc 专属卡（查询历史 + 使用指引 · selectAqc 切换显隐） */ #page-acquire .aqc-side .aqc-card[data-side="qcc"].side-on{display:block} #page-acquire .aqc-side .aqc-card[data-side="qcc"]{padding:0;overflow:hidden} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .aqc-ch{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;padding:12px 16px;border-bottom:1px solid var(--line);margin-bottom:0;color:var(--txt);font-family:var(--font-body)} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .aqc-ch svg{width:14px;height:14px;flex:none} /* 头部卡（74px 统一范式 · 全宽） */ #page-acquire .qc-head{--fs-h3:16px;--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px;flex:none;align-items:center;gap:12px;padding:15px 18px;min-height:74px;background:linear-gradient(180deg,var(--blue-soft),transparent 85%),var(--surface);border:1px solid var(--line);border-radius:14px} /* 09-07 补令牌：qc-head 在 .aqc 顶层（孤儿作用域）吃不到 qcc 面板令牌，致 .ds 回退继承字号（偏大） */ #page-acquire .qc-head .hic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .qc-head .hic svg{width:19px;height:19px} #page-acquire .qc-head > div{flex:1;min-width:0} #page-acquire .qc-head .nm{font-family:var(--font-display);font-size:15.5px;font-weight:600;white-space:nowrap} #page-acquire .qc-head .ds{font-size:var(--fs-cap);color:var(--txt-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .qc-head .hlast{flex:none;font-size:11px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px;padding-left:8px} #page-acquire .qc-head .hlast b{font-family:var(--font-display);font-weight:700;color:var(--txt)} /* 数据源标签 + 失败态 + 导出禁用态（2026-09-24 接真）：样本必须一眼看出来，失败必须看得出不能导出 */ #page-acquire .qc-src{flex:none;font-size:10.5px;font-weight:600;color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2);border-radius:8px;padding:4px 9px;white-space:nowrap} #page-acquire .qc-src.sample{color:var(--amber);border-color:var(--amber)} #page-acquire .qc-empty.err .t{color:var(--amber)} #page-acquire .qc-stat .exp:disabled{opacity:.45;cursor:not-allowed;filter:none} /* 查询卡（全宽 · 单行 · 胶囊尺寸对齐地图获客：13px/8px 11px/radius9/高35） */ #page-acquire .qc-q{flex:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:9px;padding:12px 18px 11px} #page-acquire .qc-row1{display:flex;align-items:flex-start;gap:8px;flex-wrap:nowrap;min-width:0} #page-acquire .qc-fld{display:flex;flex-direction:column;gap:3px;flex:none} #page-acquire .qc-fld .fl{font-size:10px;font-weight:700;color:var(--txt-3);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap} #page-acquire .qc-fld select,#page-acquire .qc-fld input{font-family:inherit;font-size:13px;font-weight:600;color:var(--txt);background:var(--sunken);border:1px solid var(--line-2);border-radius:9px;padding:8px 11px;outline:none;transition:.2s var(--ease);width:100px;min-width:0;max-width:100px;cursor:pointer;text-overflow:ellipsis;overflow:hidden} #page-acquire .qc-fld select,#page-acquire .qc-fld input{height:35px} #page-acquire .qc-fld input{cursor:text} #page-acquire .qc-fld select:focus,#page-acquire .qc-fld input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)} #page-acquire .qc-fld .ct{width:100px;max-width:100px} #page-acquire .qc-fld .ind{width:112px;max-width:112px} #page-acquire .qc-fld.kw-wrap{flex:none;min-width:0} #page-acquire .qc-fld .kw{width:140px;max-width:140px;cursor:text} #page-acquire .qc-go{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700;color:#fff;background:var(--blue);border:none;border-radius:9px;padding:10px 22px;cursor:pointer;font-family:inherit;flex:none;box-shadow:0 8px 20px -8px var(--blue);transition:.2s var(--ease);margin-top:14px;white-space:nowrap} #page-acquire .qc-go:hover{filter:brightness(1.12)} #page-acquire .qc-go:disabled{opacity:.55;cursor:wait} #page-acquire .qc-go svg{width:14px;height:14px} #page-acquire .qc-chk{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--txt-2);cursor:pointer;user-select:none;flex:none;width:auto;padding:4px 2px;margin-top:22px;white-space:nowrap} #page-acquire .qc-chk .bx{width:15px;height:15px;border-radius:4.5px;border:1.5px solid var(--line-2);display:grid;place-items:center;transition:.18s var(--ease);flex:none;background:var(--sunken)} #page-acquire .qc-chk.on .bx{background:var(--green);border-color:var(--green)} #page-acquire .qc-chk .bx svg{width:9px;height:9px;color:#fff;opacity:0;transition:.18s} #page-acquire .qc-chk.on .bx svg{opacity:1} /* 结果统计条 */ #page-acquire .aqc-panel[data-mod="qcc"] .qc-stat{flex:none;display:flex;align-items:center;gap:10px;padding:0 4px;font-size:11.5px;color:var(--txt-3);flex-wrap:wrap} #page-acquire .aqc-panel[data-mod="qcc"] .qc-stat b{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--txt)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-stat .sep{width:1px;height:12px;background:var(--line-2)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-stat .tel{color:var(--green);font-weight:700} #page-acquire .aqc-panel[data-mod="qcc"] .qc-stat .rg{color:var(--blue);font-weight:700} #page-acquire .aqc-panel[data-mod="qcc"] .qc-stat .exp{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--green);background:var(--green-soft);border:1px solid var(--green-line);border-radius:9px;padding:7px 14px;cursor:pointer;font-family:inherit;transition:.2s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="qcc"] .qc-stat .exp:hover{filter:brightness(1.15)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-stat .exp svg{width:13px;height:13px} /* 结果表格（中列 · 8 列） */ #page-acquire .aqc-panel[data-mod="qcc"] .qc-tbl{flex:none;height:clamp(420px,58vh,560px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden} #page-acquire .aqc-panel[data-mod="qcc"] .qc-thead{display:grid;grid-template-columns:22px minmax(0,1.7fr) 70px 62px 50px 92px 88px minmax(0,1fr);gap:6px;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--sunken);font-size:10px;font-weight:700;color:var(--txt-3);text-transform:uppercase;letter-spacing:.05em;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tbody{display:flex;flex-direction:column;overflow-y:auto;flex:1;min-height:0} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tbody::-webkit-scrollbar{width:6px} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tbody::-webkit-scrollbar-track{background:transparent} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tbody::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr{display:grid;grid-template-columns:22px minmax(0,1.7fr) 70px 62px 50px 92px 88px minmax(0,1fr);gap:6px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--line);transition:.15s;font-size:11.5px;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr:hover{background:var(--raised)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .ix{font-size:10px;color:var(--txt-3);font-variant-numeric:tabular-nums} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .bn{min-width:0} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .bn .n{font-size:12.5px;font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .bn .leg{font-size:10.5px;color:var(--txt-3);margin-top:4px;display:flex;align-items:center;gap:5px;min-width:0} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .bn .leg .nm{color:var(--txt-2);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .bn .sub{font-size:10.5px;color:var(--txt-3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .tg{font-size:9.5px;font-weight:700;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:7px;padding:1.5px 6px;flex:none;white-space:nowrap} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .st{font-size:9.5px;font-weight:700;padding:1.5px 6px;border-radius:7px;white-space:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .st.ok{color:var(--green);background:var(--green-soft);border:1px solid var(--green-line)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .st.warn{color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber-line)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .cap{font-size:11px;color:var(--txt);white-space:nowrap;line-height:1.5} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .cap.none{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .age{font-size:11px;color:var(--txt-2);white-space:nowrap;line-height:1.5} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .age .dt{display:block;font-size:10px;color:var(--txt-3);font-variant-numeric:tabular-nums} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .ins{font-size:11px;color:var(--txt-2);white-space:nowrap;line-height:1.5;font-variant-numeric:tabular-nums} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .ins.none{color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-thead .cap{cursor:pointer;user-select:none;transition:.15s} #page-acquire .aqc-panel[data-mod="qcc"] .qc-thead .age{cursor:pointer;user-select:none;transition:.15s} #page-acquire .aqc-panel[data-mod="qcc"] .qc-thead .cap:hover,#page-acquire .aqc-panel[data-mod="qcc"] .qc-thead .age:hover{color:var(--txt)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .addr{font-size:11px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .tel{font-family:var(--font-display);font-size:11.5px;font-weight:600;color:var(--green);white-space:nowrap;cursor:pointer;transition:.15s;line-height:1.5} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .tel:hover{filter:brightness(1.25);text-decoration:underline dotted} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .tel.none{color:var(--txt-3);font-weight:500;cursor:default;text-decoration:none} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .tel.none:hover{filter:none} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .em{font-size:10.5px;color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:block} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .em:hover{color:var(--blue)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-tr .em.none{color:var(--txt-3);cursor:default;font-weight:500} #page-acquire .aqc-panel[data-mod="qcc"] .qc-page{flex:none;display:flex;align-items:center;gap:4px;padding:7px 12px;border-top:1px solid var(--line);background:var(--sunken)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-page .info{font-size:10.5px;color:var(--txt-3);margin-right:auto;white-space:nowrap} #page-acquire .aqc-panel[data-mod="qcc"] .qc-page .info b{color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-page button{font-family:inherit;font-size:11px;font-weight:600;color:var(--txt-2);background:transparent;border:1px solid var(--line-2);border-radius:7px;min-width:26px;height:24px;padding:0 6px;cursor:pointer;transition:.15s;white-space:nowrap} #page-acquire .aqc-panel[data-mod="qcc"] .qc-page button:hover:not(:disabled):not(.on){border-color:var(--blue-line);color:var(--txt)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-page button.on{background:var(--blue);border-color:var(--blue);color:#fff} #page-acquire .aqc-panel[data-mod="qcc"] .qc-page button:disabled{opacity:.35;cursor:default} #page-acquire .aqc-panel[data-mod="qcc"] .qc-page .dots{font-size:11px;color:var(--txt-3);padding:0 2px} #page-acquire .aqc-panel[data-mod="qcc"] .qc-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--txt-3)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-empty svg{width:34px;height:34px;opacity:.4} #page-acquire .aqc-panel[data-mod="qcc"] .qc-empty .t{font-size:13px;font-weight:600;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-empty .s{font-size:11.5px;text-align:center;line-height:1.6} /* 右栏：查询历史 + 使用指引 */ #page-acquire .aqc-side .aqc-card[data-side="qcc"] .qc-hist{display:flex;flex-direction:column;gap:6px;padding:11px 14px 12px} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .qc-hi{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:.2s var(--ease);background:var(--sunken)} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .qc-hi:hover{border-color:var(--blue-line);background:var(--blue-soft)} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .qc-hi .dot{width:8px;height:8px;border-radius:50%;background:var(--blue);flex:none;box-shadow:0 0 0 3px var(--blue-soft)} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .qc-hi .q{flex:1;min-width:0;font-size:11px;font-weight:600;color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .qc-hi .q b{color:var(--txt)} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .qc-hi .r{font-size:10.5px;color:var(--txt-3);white-space:nowrap} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .qc-hi .r b{color:var(--green)} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .qc-tip{padding:12px 15px 14px;display:flex;flex-direction:column;gap:10px} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .qc-tip .step{display:flex;align-items:flex-start;gap:9px} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .qc-tip .no{width:19px;height:19px;flex:none;border-radius:6px;background:var(--blue-soft);border:1px solid var(--blue-line);color:var(--blue);font-family:var(--font-display);font-size:10px;font-weight:700;display:grid;place-items:center;margin-top:1px} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .qc-tip .tt{font-size:11.5px;font-weight:600;color:var(--txt);line-height:1.35} #page-acquire .aqc-side .aqc-card[data-side="qcc"] .qc-tip .dd{font-size:10.5px;color:var(--txt-3);line-height:1.55;margin-top:2px} /* toast（fixed · closeAqcOverlays 收口清单含 #qcToast） */ #page-acquire .aqc-panel[data-mod="qcc"] .qc-toast{position:fixed;left:50%;top:78px;transform:translate(-50%,-14px);z-index:10000;display:flex;align-items:center;gap:9px; background:var(--raised);border:1px solid var(--line-2);border-radius:11px;padding:10px 18px;font-size:12.5px;font-weight:600; box-shadow:0 20px 50px -18px rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:.3s var(--ease);max-width:min(440px,86vw)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-toast.on{opacity:1;transform:translate(-50%,0)} #page-acquire .aqc-panel[data-mod="qcc"] .qc-toast svg{width:14px;height:14px;color:var(--green);flex:none} /* qcc 响应式（全宽=视口-548 · 七档胶囊防溢出 · 纯 max-width 级联无裂缝 · 主文件比小样窄 45px：1440 用 86 档 · ≥1590 用 default 100/112/140） */ @media (max-width:1589px){ #page-acquire .qc-fld select,#page-acquire .qc-fld input,#page-acquire .qc-fld .ct{width:92px;max-width:92px} #page-acquire .qc-fld .ind{width:106px;max-width:106px} #page-acquire .qc-fld .kw{width:118px;max-width:118px} } @media (max-width:1540px){ #page-acquire .qc-row1{gap:7px} #page-acquire .qc-fld select,#page-acquire .qc-fld input,#page-acquire .qc-fld .ct{width:86px;max-width:86px} #page-acquire .qc-fld .ind{width:100px;max-width:100px} #page-acquire .qc-fld .kw{width:108px;max-width:108px} #page-acquire .qc-go{padding:9px 14px;font-size:12px} } @media (max-width:1439px){ #page-acquire .qc-row1{gap:7px} #page-acquire .qc-fld select,#page-acquire .qc-fld input,#page-acquire .qc-fld .ct{width:80px;max-width:80px} #page-acquire .qc-fld .ind{width:92px;max-width:92px} #page-acquire .qc-fld .kw{width:100px;max-width:100px} #page-acquire .qc-go{padding:9px 13px;font-size:12px} } @media (max-width:1400px){ #page-acquire .qc-head{padding:13px 14px;gap:10px} #page-acquire .qc-head .nm{font-size:14.5px} #page-acquire .qc-q{padding:10px 14px 9px} #page-acquire .qc-row1{gap:6px} #page-acquire .qc-fld select,#page-acquire .qc-fld input,#page-acquire .qc-fld .ct{width:74px;max-width:74px} #page-acquire .qc-fld .ind{width:88px;max-width:88px} #page-acquire .qc-fld .kw{width:96px;max-width:96px} #page-acquire .qc-go{padding:8px 12px;font-size:11.5px} #page-acquire .qc-chk{font-size:11.5px} #page-acquire .aqc-panel[data-mod="qcc"] .qc-thead,#page-acquire .aqc-panel[data-mod="qcc"] .qc-tr{grid-template-columns:20px minmax(0,1.5fr) 64px 56px 46px 86px 82px minmax(0,.9fr);gap:5px} } @media (max-width:1330px){ #page-acquire .qc-fld select,#page-acquire .qc-fld input,#page-acquire .qc-fld .ct{width:68px;max-width:68px} #page-acquire .qc-fld .ind{width:82px;max-width:82px} #page-acquire .qc-fld .kw{width:90px;max-width:90px} } @media (max-width:1300px){ #page-acquire .qc-q{padding:10px 12px 9px} #page-acquire .qc-fld select,#page-acquire .qc-fld input,#page-acquire .qc-fld .ct{width:60px;max-width:60px} #page-acquire .qc-fld .ind{width:72px;max-width:72px} #page-acquire .qc-fld .kw{width:80px;max-width:80px} #page-acquire .qc-go{padding:8px 10px;font-size:11px} #page-acquire .qc-chk{font-size:11px} #page-acquire .aqc-panel[data-mod="qcc"] .qc-thead,#page-acquire .aqc-panel[data-mod="qcc"] .qc-tr{grid-template-columns:20px minmax(0,1.5fr) 60px 54px 44px 80px 76px minmax(0,.85fr);gap:5px} #page-acquire .aqc-panel[data-mod="qcc"] .qc-stat{gap:7px} } /* ============ 养号管家 nourish（迁自小样 v2 · 2026-09-07 · 手机卡阵列 · 三态总开关 · 密度四档联动占比 · 仅抖音）============ */ #page-acquire .aqc-panel[data-mod="nourish"]{--fs-h3:16px;--fs-body:13.5px;--fs-small:13px;--fs-cap:12px;--fs-label:10.5px} /* 09-07 补：迁主文件时漏带令牌组，致 .nr-head .ds 回退继承字号（偏大）；与其余 9 板块对齐 */ #page-acquire .aqc-panel.on[data-mod="nourish"]{display:flex;flex:1;gap:10px;flex-direction:column} /* 右栏专属卡显隐（selectAqc 切换 · 三卡：健康告警/风控作息/使用指引） */ #page-acquire .aqc-side .aqc-card[data-side="nourish"].side-on{display:block} #page-acquire .aqc-side .aqc-card[data-side="nourish"]{padding:0;overflow:hidden} /* 卡头小样化（主文件全局 .aqc-ch 无 svg 尺寸约束会把卡头撑爆 · 对齐 map/qcc 卡头处理） */ #page-acquire .aqc-panel[data-mod="nourish"] .aqc-ch, #page-acquire .aqc-side .aqc-card[data-side="nourish"] .aqc-ch{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;padding:12px 16px;border-bottom:1px solid var(--line);margin-bottom:0;color:var(--txt);font-family:var(--font-body)} #page-acquire .aqc-panel[data-mod="nourish"] .aqc-ch svg, #page-acquire .aqc-side .aqc-card[data-side="nourish"] .aqc-ch svg{width:14px;height:14px;flex:none} /* ============ 头部卡（74px 统一范式 + 三态总开关）============ */ #page-acquire .aqc-panel[data-mod="nourish"] .nr-head{flex:none;display:flex;align-items:center;gap:12px;padding:15px 18px;min-height:74px;background:linear-gradient(180deg,var(--blue-soft),transparent 85%),var(--surface);border:1px solid var(--line);border-radius:14px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-head .hic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-head .hic svg{width:19px;height:19px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-head > .hmain{flex:1;min-width:0} #page-acquire .aqc-panel[data-mod="nourish"] .nr-head .nm{font-family:var(--font-display);font-size:15.5px;font-weight:600;white-space:nowrap} #page-acquire .aqc-panel[data-mod="nourish"] .nr-head .ds{font-size:var(--fs-cap);color:var(--txt-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="nourish"] .nr-head .ds b{color:var(--txt-2)} /* 抬头关联项目下拉（2026-09-23 新增）：样式直接复用全局 .geo-sel（与同城/行业同款）， 这里只加一条宽度约束 —— 项目名太长时不许把运行按钮挤走（GEO 页的 #geoPjSel 也是这么做的）。 */ #page-acquire .aqc-panel[data-mod="nourish"] .nr-head .geo-sel{flex:none;max-width:220px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ctrl{display:flex;align-items:center;gap:10px;flex:none} #page-acquire .aqc-panel[data-mod="nourish"] .nr-run{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--txt-2);white-space:nowrap} #page-acquire .aqc-panel[data-mod="nourish"] .nr-run .d{width:8px;height:8px;border-radius:50%;background:var(--txt-3);flex:none} #page-acquire .aqc-panel[data-mod="nourish"] .nr-run.live{color:var(--green)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-run.live .d{background:var(--green);animation:nbreathe 2.4s infinite} #page-acquire .aqc-panel[data-mod="nourish"] .nr-run.paused{color:var(--amber)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-run.paused .d{background:var(--amber)} @keyframes nbreathe{0%,100%{opacity:1}50%{opacity:.35}} #page-acquire .aqc-panel[data-mod="nourish"] .nr-runbtn{font-family:inherit;font-size:12px;font-weight:700;border-radius:9px;padding:8px 16px;cursor:pointer;transition:.2s var(--ease);white-space:nowrap;border:1px solid var(--blue);background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-runbtn:hover{filter:brightness(1.12)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-runbtn.pause{background:transparent;border-color:var(--green-line);color:var(--green);box-shadow:none} #page-acquire .aqc-panel[data-mod="nourish"] .nr-runbtn.pause:hover{background:var(--green-soft)} /* ============ 账号矩阵卡（手机卡阵列）============ */ #page-acquire .aqc-panel[data-mod="nourish"] .nr-mat{flex:none;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden} #page-acquire .aqc-panel[data-mod="nourish"] .nr-mat .cnt{margin-left:auto;font-size:10.5px;font-weight:600;color:var(--txt-3);font-variant-numeric:tabular-nums} #page-acquire .aqc-panel[data-mod="nourish"] .nr-mat .cnt b{color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-rule{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--sunken);border-bottom:1px solid var(--line);font-size:9.5px;font-weight:600;color:var(--txt-3);flex:none;white-space:nowrap;overflow:hidden} #page-acquire .aqc-panel[data-mod="nourish"] .nr-rule .hint{margin-left:auto;font-weight:500;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="nourish"] .nr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px 12px;overflow-y:auto;flex:1;min-height:0} /* 2026-10-15：未绑号时的空态卡是整块提示，跨满整行（与行业获客那张卡观感一致），别挤在网格一格里 */ #page-acquire .aqc-panel[data-mod="nourish"] .nr-grid>.hy-acct{grid-column:1/-1} #page-acquire .aqc-panel[data-mod="nourish"] .nr-grid::-webkit-scrollbar{width:5px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-grid::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph{position:relative;display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:15px;background:var(--sunken);cursor:pointer;transition:.15s;overflow:hidden} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph:hover{background:var(--raised)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph.on{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 1px var(--blue)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph .rdot{width:6px;height:6px;border-radius:50%;background:var(--green);flex:none;animation:nbreathe 2.4s infinite} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph.running:not(.on){border-color:var(--green-line);box-shadow:0 0 10px -4px var(--green-soft)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph.running.on{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 0 12px -4px var(--green-soft)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph.dead{opacity:.5;cursor:not-allowed} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph.dead .scr{filter:grayscale(1)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph.dead::after{content:"已熔断";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:11px;font-weight:700;color:var(--red);letter-spacing:.2em;text-shadow:0 1px 4px rgba(0,0,0,.6);z-index:2} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph .notch{width:24px;height:4px;border-radius:99px;background:var(--line-2);margin:6px auto 0;flex:none} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph .scr{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding:5px 9px 8px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph .sbar{display:flex;align-items:center;gap:6px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph .sbar .pf{font-size:8.5px;font-weight:700;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:6px;padding:1px 5px;flex:none} #page-acquire .aqc-panel[data-mod="nourish"] .nr-sw{width:32px;height:18px;border-radius:99px;background:var(--sunken);border:1px solid var(--line-2);position:relative;cursor:pointer;transition:.2s var(--ease);flex:none;margin-left:auto} #page-acquire .aqc-panel[data-mod="nourish"] .nr-sw::after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--txt-3);transition:.2s var(--ease)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-sw.on{background:var(--blue);border-color:var(--blue)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-sw.on::after{left:16px;background:#fff} #page-acquire .aqc-panel[data-mod="nourish"] .nr-sw:disabled{opacity:.4;cursor:not-allowed} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph .nm{font-size:11.5px;font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph .dv{font-size:9px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph .dv b{color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph .stgrow{display:flex;align-items:center;gap:5px;margin-top:1px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-stg{font-size:8.5px;font-weight:700;border-radius:6px;padding:1.5px 6px;white-space:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="nourish"] .nr-stg.s0{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-stg.s1{color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber-line)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-stg.s2{color:var(--green);background:var(--green-soft);border:1px solid var(--green-line)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph .rd{font-size:8.5px;color:var(--txt-3);white-space:nowrap;font-variant-numeric:tabular-nums} #page-acquire .aqc-panel[data-mod="nourish"] .nr-hp{display:flex;align-items:center;gap:6px;margin-top:1px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-hp .v{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;flex:none} #page-acquire .aqc-panel[data-mod="nourish"] .nr-hp.good .v{color:var(--green)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-hp.mid .v{color:var(--amber)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-hp.bad .v{color:var(--red)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-hp .bar{flex:1;height:3px;border-radius:2px;background:var(--line-2);overflow:hidden} #page-acquire .aqc-panel[data-mod="nourish"] .nr-hp .bar i{display:block;height:100%;border-radius:2px} /* ============ 策略配置卡（跟随选中账号 · 内滚）============ */ #page-acquire .aqc-panel[data-mod="nourish"] .nr-plan{flex:1;min-height:150px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden} #page-acquire .aqc-panel[data-mod="nourish"] .nr-plan .who{margin-left:auto;font-size:10px;font-weight:700;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:8px;padding:2px 8px;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="nourish"] .nr-pbody{flex:1;min-height:0;overflow-y:auto;padding:13px 16px 14px;display:flex;flex-direction:column;gap:13px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-pbody::-webkit-scrollbar{width:5px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-pbody::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-lbl{font-size:10.5px;font-weight:700;color:var(--txt-3);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:8px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-lbl .n{font-variant-numeric:tabular-nums;font-weight:600} #page-acquire .aqc-panel[data-mod="nourish"] .nr-lbl .hint{font-weight:500;text-transform:none;letter-spacing:0} /* 模式 tab */ #page-acquire .aqc-panel[data-mod="nourish"] .nr-seg{display:flex;gap:6px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-seg button{flex:1;font-family:inherit;font-size:12px;font-weight:600;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2);border-radius:99px;padding:8px 10px;cursor:pointer;transition:.2s var(--ease);white-space:nowrap} #page-acquire .aqc-panel[data-mod="nourish"] .nr-seg button:hover{border-color:var(--txt-3);color:var(--txt)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-seg button.on{color:#fff;background:var(--blue);border-color:var(--blue);font-weight:700;box-shadow:0 6px 16px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-modeds{font-size:10.5px;color:var(--txt-3);line-height:1.5;padding:0 2px} /* chips */ #page-acquire .aqc-panel[data-mod="nourish"] .nr-kwrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center} #page-acquire .aqc-panel[data-mod="nourish"] .nr-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:99px;padding:4px 6px 4px 11px;white-space:nowrap} #page-acquire .aqc-panel[data-mod="nourish"] .nr-chip button{width:14px;height:14px;border-radius:50%;border:none;background:transparent;color:var(--txt-3);font-size:11px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;font-family:inherit} #page-acquire .aqc-panel[data-mod="nourish"] .nr-chip button:hover{color:var(--red);background:var(--red-soft)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-chip.cmt{color:var(--green);background:var(--green-soft);border-color:var(--green-line)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-chip.cmt .txt{max-width:220px;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-panel[data-mod="nourish"] .nr-addin{font-family:inherit;font-size:11.5px;font-weight:600;color:var(--txt);background:var(--sunken);border:1px solid var(--line-2);border-radius:99px;padding:5px 12px;outline:none;transition:.2s var(--ease);width:150px;flex:none} #page-acquire .aqc-panel[data-mod="nourish"] .nr-addin:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-addin::placeholder{color:var(--txt-3);font-weight:500} #page-acquire .aqc-panel[data-mod="nourish"] .nr-chipbtn{font-family:inherit;font-size:11px;font-weight:700;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:99px;padding:5px 13px;cursor:pointer;transition:.2s var(--ease);white-space:nowrap;flex:none} #page-acquire .aqc-panel[data-mod="nourish"] .nr-chipbtn:hover{filter:brightness(1.18)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-chipbtn.ai{color:#fff;background:var(--blue);box-shadow:0 6px 16px -8px var(--blue)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-chipbtn:disabled{opacity:.5;cursor:wait} /* 2026-10-25：卡片底部「绑到本项目 / 已绑」与「删除」平分宽度；删除用同一套 chip 样式，只换危险色。 */ #page-acquire .aqc-panel[data-mod="nourish"] .nr-cardacts{display:flex;gap:4px;margin-top:4px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-cardacts>*{flex:1 1 0;min-width:0;box-sizing:border-box;text-align:center} #page-acquire .aqc-panel[data-mod="nourish"] .nr-cardacts .nr-chipbtn{width:100%;padding:3px 0;font-size:10px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-chipbtn.danger{color:var(--red);background:oklch(68% 0.16 26 / .12);border-color:oklch(68% 0.16 26 / .34);box-shadow:none} #page-acquire .aqc-panel[data-mod="nourish"] .nr-bindnote{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--txt-3);line-height:1.4;padding:3px 0} #page-acquire .aqc-panel[data-mod="nourish"] .nr-empty-warn{font-size:10.5px;color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber-line);border-radius:8px;padding:6px 10px;line-height:1.5} /* 三动作常开 */ #page-acquire .aqc-panel[data-mod="nourish"] .nr-acts{display:flex;gap:6px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-act{flex:1;display:flex;align-items:center;gap:7px;padding:8px 10px;background:var(--sunken);border:1px solid var(--line-2);border-radius:9px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-act svg{width:13px;height:13px;color:var(--green);flex:none} #page-acquire .aqc-panel[data-mod="nourish"] .nr-act .t{font-size:11.5px;font-weight:600;color:var(--txt);white-space:nowrap} #page-acquire .aqc-panel[data-mod="nourish"] .nr-act .s{font-size:9.5px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px} /* 占比滑条 */ #page-acquire .aqc-panel[data-mod="nourish"] .nr-ratio{display:flex;flex-direction:column;gap:7px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-rl{display:flex;align-items:center;gap:9px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-rl .rl{width:56px;flex:none;font-size:11px;font-weight:600;color:var(--txt-2);text-align:right;white-space:nowrap} #page-acquire .aqc-panel[data-mod="nourish"] .nr-rl input[type=range]{flex:1;min-width:0;appearance:none;-webkit-appearance:none;height:4px;border-radius:2px;background:var(--line-2);outline:none;cursor:pointer} #page-acquire .aqc-panel[data-mod="nourish"] .nr-rl input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--blue);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--blue-line);cursor:pointer} #page-acquire .aqc-panel[data-mod="nourish"] .nr-rl .rv{width:34px;flex:none;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--txt);font-variant-numeric:tabular-nums} #page-acquire .aqc-panel[data-mod="nourish"] .nr-rl .rv.cmt{color:var(--green)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-rhint{font-size:10px;color:var(--txt-3);padding:0 2px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-rhint b{color:var(--txt-2)} /* ============ 右栏 ============ */ #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alarm{display:flex;flex-direction:column;gap:7px;padding:11px 14px 12px} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alm{display:flex;gap:9px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--sunken)} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alm.red{border-color:var(--red-line);background:var(--red-soft)} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alm.amb{border-color:var(--amber-line);background:var(--amber-soft)} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alm .ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;background:var(--raised);border:1px solid var(--line-2)} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alm.red .ic{color:var(--red);border-color:var(--red-line)} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alm.amb .ic{color:var(--amber);border-color:var(--amber-line)} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alm .ic svg{width:13px;height:13px} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alm .tx{min-width:0} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alm .t{font-size:11.5px;font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alm .s{font-size:10.5px;color:var(--txt-2);margin-top:2px;line-height:1.45} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alm .tagx{margin-left:auto;flex:none;font-size:9px;font-weight:700;border-radius:7px;padding:2px 7px;align-self:flex-start;white-space:nowrap} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alm.red .tagx{color:var(--red);background:rgba(226,102,102,.14);border:1px solid var(--red-line)} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-alm.amb .tagx{color:var(--amber);background:rgba(240,165,85,.14);border:1px solid var(--amber-line)} /* 风控 · 作息 */ #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-risk{display:flex;flex-direction:column;gap:11px;padding:12px 14px 13px} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-risklbl{font-size:10.5px;font-weight:700;color:var(--txt-3);letter-spacing:.05em;text-transform:uppercase} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-lv{display:flex;gap:5px} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-lv button{flex:1;font-family:inherit;font-size:10.5px;font-weight:600;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2);border-radius:8px;padding:6px 2px;cursor:pointer;transition:.2s var(--ease);white-space:nowrap} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-lv button:hover{border-color:var(--txt-3);color:var(--txt)} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-lv button.on{color:var(--amber);background:var(--amber-soft);border-color:var(--amber-line);font-weight:700} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-lv button.on.dgr{color:var(--red);background:var(--red-soft);border-color:var(--red-line)} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-lvds{font-size:10.5px;color:var(--txt-3);line-height:1.5} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-lvds b{color:var(--txt-2)} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-clock{position:relative;height:18px;border-radius:6px;background:var(--sunken);border:1px solid var(--line-2);overflow:hidden} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-clock i{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,var(--blue),#22c3a6);opacity:.85} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-clock-lbl{display:flex;justify-content:space-between;font-size:9.5px;color:var(--txt-3);margin-top:4px;font-variant-numeric:tabular-nums} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-cap{font-size:10.5px;color:var(--txt-3);line-height:1.55} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-cap b{color:var(--txt-2)} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-cap .hot{color:var(--amber);font-weight:700} /* 使用指引 */ #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-guide{display:flex;flex-direction:column;gap:9px;padding:12px 14px 13px} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-step{display:flex;align-items:center;gap:9px} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-step .sn{width:20px;height:20px;border-radius:50%;background:var(--blue-soft);border:1px solid var(--blue-line);color:var(--blue);font-size:10px;font-weight:700;display:grid;place-items:center;flex:none} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-step .st{font-size:11.5px;color:var(--txt-2);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-step .st b{color:var(--txt);font-weight:600} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-gnote{font-size:10.5px;color:var(--txt-3);line-height:1.55;padding:8px 10px;background:var(--sunken);border:1px solid var(--line);border-radius:9px} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-gnote b{color:var(--txt-2)} #page-acquire .aqc-side .aqc-card[data-side="nourish"] .nr-gnote .warn{color:var(--amber);font-weight:600} /* ============ toast ============ */ #page-acquire .aqc-panel[data-mod="nourish"] .nr-toast{position:fixed;left:50%;top:78px;transform:translateX(-50%) translateY(-18px);z-index:10000;display:flex;align-items:center;gap:9px;background:var(--raised);border:1px solid var(--line-2);border-radius:12px;padding:10px 18px;font-size:12.5px;font-weight:600;color:var(--txt);box-shadow:0 18px 50px -18px rgba(0,0,0,.85);opacity:0;pointer-events:none;transition:.28s var(--ease);max-width:520px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-toast.on{opacity:1;transform:translateX(-50%) translateY(0)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-toast svg{width:14px;height:14px;color:var(--green);flex:none} #page-acquire .aqc-panel[data-mod="nourish"] .nr-toast.warn svg{color:var(--amber)} /* ============ 档案带出浮层 ============ */ #page-acquire .aqc-panel[data-mod="nourish"] .nr-popsel{position:fixed;z-index:30;background:var(--raised);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 18px 50px -18px rgba(0,0,0,.85);padding:8px;display:none;min-width:230px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-popsel.on{display:block} #page-acquire .aqc-panel[data-mod="nourish"] .nr-popsel .ph{font-size:10px;font-weight:700;color:var(--txt-3);letter-spacing:.06em;text-transform:uppercase;padding:4px 8px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-popsel .pi{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;cursor:pointer;transition:.15s} #page-acquire .aqc-panel[data-mod="nourish"] .nr-popsel .pi:hover{background:var(--blue-soft)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-popsel .pi .pn{font-size:12px;font-weight:600;color:var(--txt-2)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-popsel .pi:hover .pn{color:var(--blue)} #page-acquire .aqc-panel[data-mod="nourish"] .nr-popsel .pi .pw{margin-left:auto;font-size:9.5px;color:var(--txt-3);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* 窄容器三档（对齐主文件 1540/1400/1300） */ @media (max-width:1540px){ #page-acquire .aqc-panel[data-mod="nourish"] .nr-head{padding:13px 14px;gap:10px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-head .nm{font-size:14.5px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph .nm{font-size:11px} } @media (max-width:1400px){ #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph .dv{font-size:8.5px} #page-acquire .aqc-panel[data-mod="nourish"] .nr-addin{width:120px} } @media (max-width:1300px){ #page-acquire .aqc-panel[data-mod="nourish"] .nr-ph .rd{display:none} #page-acquire .aqc-panel[data-mod="nourish"] .nr-rl .rl{width:48px} } /* 右栏统计专属卡（数据亮点 + 本月加微目标 · selectAqc 切换显隐） */ #page-acquire .aqc-side .aqc-card[data-side="stat"].side-on{display:block} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-hls{display:flex;flex-direction:column} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-hlr{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-hlr:last-child{border-bottom:none;padding-bottom:4px} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-hlr .hic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:none;background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-line);font-size:10px;font-weight:700} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-hlr .fbt{font-size:12.2px;line-height:1.45;overflow-wrap:anywhere} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-hlr .fbt b{color:var(--txt)} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-hlr .fbd{font-size:10.5px;color:var(--txt-3);margin-top:2px} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-goal .sg-top{display:flex;align-items:baseline;justify-content:space-between} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-goal .sg-num{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.01em} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-goal .sg-num i{font-style:normal;font-size:10.5px;color:var(--txt-3);font-weight:500} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-goal .sg-pct{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--blue)} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-goal .sg-bar{height:8px;border-radius:6px;background:var(--dot);overflow:hidden;margin:10px 0 9px} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-goal .sg-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,oklch(64% .17 258/.5),var(--blue));box-shadow:0 0 12px oklch(64% .17 258/.45)} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-goal .sg-note{font-size:10.5px;color:var(--txt-3);line-height:1.7;margin:0} #page-acquire .aqc-side .aqc-card[data-side="stat"] .st-goal .sg-note b{color:var(--txt-2)} @keyframes stRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} @keyframes stBlink{0%,100%{opacity:1}50%{opacity:.35}} /* ============ 新增板块 · 通用组件（沿用 Graphite 令牌）============ */ .cards{display:grid;gap:16px} .cards.c2{grid-template-columns:repeat(2,1fr)} .cards.c3{grid-template-columns:repeat(3,1fr)} .cards.c4{grid-template-columns:repeat(4,1fr)} .mod{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;transition:.28s var(--ease);cursor:pointer;position:relative;overflow:hidden} .mod:hover{border-color:var(--blue-line);transform:translateY(-2px)} .mod.on{border-color:var(--blue-line);background:linear-gradient(180deg,var(--blue-soft),transparent 60%)} .mod .mi{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);margin-bottom:14px} .mod .mi svg{width:20px;height:20px} .mod .mt{font-family:var(--font-display);font-size:15px;font-weight:600} .mod .md{font-size:12px;color:var(--txt-3);margin-top:5px;line-height:1.55} .mod .mf{display:flex;align-items:center;gap:7px;margin-top:15px;font-size:11.5px;color:var(--txt-2);font-weight:600} .mod .mf .u{color:var(--txt-3);font-weight:500;margin-left:auto} .mod .corner{position:absolute;top:16px;right:16px} .tag.off{color:var(--txt-3);border:1px solid var(--line-2);background:transparent} .pdetail{animation:rise .4s var(--ease)} .pdetail .pd-h{display:flex;align-items:center;gap:12px;margin-bottom:16px} .pdetail .pd-ava{width:46px;height:46px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:18px;flex:none} .pdetail .pd-nm{font-family:var(--font-display);font-size:17px;font-weight:600} .pdetail .pd-sub{font-size:11.5px;color:var(--txt-3);margin-top:2px} .pdetail .pd-chips{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 18px} .pdetail .pd-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px} .pdetail .pd-row:last-child{border-bottom:none} .pdetail .pd-row .k{color:var(--txt-3)} .pdetail .pd-row .v{font-family:var(--font-display);font-weight:600;color:var(--txt)} /* 项目中心 · 新建按钮 */ .btn-new{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--blue-line);background:var(--blue-soft);color:var(--blue);border-radius:9px;padding:7px 14px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:.2s var(--ease)} .btn-new:hover{background:var(--blue);color:#fff} .btn-new svg{width:14px;height:14px} /* 项目卡片操作按钮 */ .pmod .corner{display:flex;align-items:center;gap:8px} /* 详情左右分栏 */ .proj-left{display:flex;flex-direction:column;gap:18px;min-width:0} /* 企业档案卡 */ .arc{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px} .arc .arc-h{display:flex;align-items:center;gap:12px;margin-bottom:14px} .arc .arc-ava{width:44px;height:44px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:17px;flex:none} .arc .arc-nm{font-family:var(--font-display);font-size:16px;font-weight:600} .arc .arc-sub{font-size:11.5px;color:var(--txt-3);margin-top:2px} .arc .arc-chips{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 14px} .arc .arc-chips span{border:1px solid var(--line-2);background:var(--canvas);border-radius:99px;padding:5px 12px;font-size:11.5px;color:var(--txt-2)} .arc .arc-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:12.5px} .arc .arc-row:last-child{border-bottom:none} .arc .arc-row .k{color:var(--txt-3)} .arc .arc-row .v{font-family:var(--font-display);font-weight:600;color:var(--txt);text-align:right} /* AI 企业画像卡 */ .ai-card{margin-top:14px;border:1px solid var(--blue-line);border-radius:12px;padding:14px 14px 12px;background:linear-gradient(180deg,var(--blue-soft),transparent 85%);position:relative} .ai-card .ai-badge{position:absolute;top:-9px;left:14px;background:var(--blue);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px;letter-spacing:.04em} .ai-card h4{font-size:12.5px;font-weight:600;margin:2px 0 8px;color:var(--blue)} .ai-card p{font-size:12.5px;color:var(--txt-2);line-height:1.65} .ai-card .ai-actions{margin-top:10px;display:flex;gap:8px} .ai-card .ai-actions button{font-size:11.5px;border:1px solid var(--blue-line);background:var(--canvas);color:var(--blue);border-radius:7px;padding:5px 11px;cursor:pointer;font-family:inherit;font-weight:600;transition:.18s} .ai-card .ai-actions button:hover{background:var(--blue);color:#fff} /* 数据看板 */ .pd-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} .pd-m{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px} .pd-m .l{font-size:11px;color:var(--txt-3);letter-spacing:.04em} .pd-m .v{font-family:var(--font-display);font-size:22px;font-weight:600;margin-top:6px} /* 素材库 */ .mat-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap} .mat-tab{border:1px solid var(--line-2);background:var(--surface);color:var(--txt-2);border-radius:9px;padding:8px 15px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:.2s var(--ease);display:inline-flex;align-items:center;gap:6px} .mat-tab .cnt{font-family:var(--font-display);font-size:11px;background:var(--sunken);border-radius:99px;padding:1px 7px;color:var(--txt-3)} .mat-tab.on{border-color:var(--blue-line);background:var(--blue-soft);color:var(--blue)} .mat-tab.on .cnt{background:#fff;color:var(--blue)} .mat-body{min-height:300px} .mat-pane{display:none} .mat-pane.on{display:block;animation:rise .3s var(--ease)} .store-bar{display:flex;align-items:center;gap:14px;margin-bottom:14px} .store-track{flex:1;height:8px;border-radius:99px;background:var(--sunken);overflow:hidden} .store-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),oklch(70% 0.15 258));transition:width .4s var(--ease)} .store-info{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--txt-2);white-space:nowrap} .store-info b.num{color:var(--blue);font-family:var(--font-display)} .store-info b.num.off{color:var(--txt-3)} .mat-bar{margin-bottom:14px} .mat-up{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1.5px dashed var(--blue-line);background:var(--sunken);color:var(--blue);border-radius:13px;padding:16px;font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit;transition:.25s var(--ease)} .mat-up:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--txt)} .mat-up .uic{font-size:22px;font-weight:400} .mat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px} .mat-card{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);transition:.2s} .mat-card:hover{border-color:var(--blue-line)} .mc-th{height:auto;aspect-ratio:1/1;display:grid;place-items:center;position:relative;overflow:hidden;font-size:12px;font-weight:600;color:var(--blue);background:linear-gradient(135deg,#e7eefb,#d6e2f4)} .mc-th img{display:block;width:100%;height:100%;object-fit:cover} .mc-th.mb-img{background:linear-gradient(135deg,#dfe7f5,#cdd9ee);color:#5b6b85} .mc-th.mb-doc{background:linear-gradient(135deg,#ebe6f8,#ddd3f1);color:#6b5b95} .mc-nm{font-size:11.5px;padding:8px 10px 4px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mc-meta{font-size:10.5px;color:var(--txt-3);padding:0 10px 9px} .mc-del{position:absolute;top:6px;right:6px;width:24px;height:24px;border:none;border-radius:7px;background:rgba(20,20,26,.55);color:#fff;cursor:pointer;display:grid;place-items:center;opacity:0;transition:.18s} .mat-card:hover .mc-del{opacity:1} .mc-del:hover{background:#e5484d} .mat-list{display:flex;flex-direction:column;gap:12px} .mat-txt{position:relative;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--surface);cursor:default} .mat-txt .mt-nm{font-size:13px;font-weight:600;margin-bottom:6px;padding-right:60px} .mat-txt .mt-pre{font-size:12px;color:var(--txt-2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .mat-txt .mt-del{position:absolute;top:12px;right:12px;font-size:11px;color:var(--txt-3);border:1px solid var(--line-2);background:var(--canvas);border-radius:7px;padding:3px 9px;cursor:pointer} .mat-txt .mt-del:hover{border-color:#e5484d;color:#e5484d} .mat-empty{text-align:center;color:var(--txt-3);font-size:12.5px;padding:60px 0} .mat-card .mt-pre{font-size:11px;color:var(--txt-2);line-height:1.45;padding:0 10px 9px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} /* 虚线「上传」卡：与素材预览同尺寸，跟随素材后面 */ .mat-add{border:1.5px dashed var(--blue-line);background:var(--sunken);color:var(--blue);cursor:pointer;align-items:stretch;transition:.2s var(--ease)} .mat-add:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--txt)} .mat-add .mc-th{background:transparent;color:var(--blue);font-size:30px;font-weight:300} .mat-add .mc-nm{text-align:center;color:var(--txt-2);padding:8px 10px 4px;font-weight:600} .mat-add .mc-meta{text-align:center;color:var(--txt-3)} .mat-txt.mat-add-txt{border:1.5px dashed var(--blue-line);background:var(--sunken);color:var(--blue);display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:62px;padding:0;transition:.2s var(--ease)} .mat-txt.mat-add-txt:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--txt)} .mat-add-txt .mt-add{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px} /* AI 项目中心 · 方案A：左列表 + 右主区 */ .proj2{display:grid;grid-template-columns:384px minmax(0,1fr);gap:22px;margin-top:6px;height:calc(100vh - 300px);min-height:540px} .pp-list{background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;min-width:0} .pp-list-hd{padding:16px 18px 14px;border-bottom:1px solid var(--line)} .pp-htop{display:flex;align-items:center;justify-content:space-between;gap:10px} .pp-title{font-size:15px;font-weight:600;font-family:var(--font-display)} .pp-list-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:12px} .pp-list-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;min-height:0;padding-right:3px} .pp-empty{font-size:12.5px;color:var(--txt-3);text-align:center;padding:18px 6px 4px} /* 项目卡片 */ .pp-list-scroll > .pmod{flex-shrink:0} .mod.pmod{display:grid;grid-template-columns:4px 1fr;padding:0;overflow:hidden;cursor:pointer;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--raised) 0%,var(--surface) 62%);position:relative;transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);box-shadow:0 1px 2px rgba(0,0,0,.25),0 10px 26px -18px rgba(0,0,0,.55)} .mod.pmod:hover{border-color:var(--blue-line);transform:none;box-shadow:0 1px 2px rgba(0,0,0,.28),0 16px 36px -18px rgba(0,0,0,.62),0 0 18px -10px rgba(59,130,246,.18)} .mod.pmod.on{border-color:var(--blue);transform:none;background:linear-gradient(180deg,var(--blue-soft) 0%,var(--surface) 72%);box-shadow:0 14px 34px -18px rgba(0,0,0,.55),0 0 20px -12px rgba(59,130,246,.28)} .mod.pmod .pmod-bar{width:4px;background:transparent;transition:.25s var(--ease)} .mod.pmod.on .pmod-bar{background:linear-gradient(180deg,var(--blue),oklch(72% 0.14 258));box-shadow:0 0 12px var(--blue)} .pmod-main{flex:1;min-width:0;padding:18px 18px 15px} .pmod-top{display:flex;align-items:center;gap:13px} .pmod-txt{min-width:0} .pmod-ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(150deg,var(--blue-soft),var(--sunken));border:1px solid var(--blue-line);color:var(--blue);display:grid;place-items:center;flex:none;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.07),0 5px 14px -7px rgba(59,130,246,.4)} .pmod-ic svg{width:24px;height:24px} .pmod-nm{font-size:16px;font-weight:600;font-family:var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em} .pmod-sub{font-size:12px;color:var(--txt-3);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pmod-meta{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap} .pmod-chip{font-size:11px;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line);border-radius:99px;padding:4px 10px;display:inline-flex;align-items:center;gap:5px} .pmod-chip svg{width:12px;height:12px;opacity:.7;flex:none} .pmod-actions{display:flex;gap:8px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line)} .pmod-actions button{font-size:12px;font-weight:600;border-radius:9px;padding:8px 14px;cursor:pointer;font-family:inherit;transition:.18s;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1} .pmod-actions button svg{width:14px;height:14px} .pmod-edit{background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-2)} .pmod-edit:hover{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} .pmod-del2{background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-3)} .pmod-del2:hover{border-color:#e5484d;color:#e5484d;background:#fdecec} /* 虚线新建项目卡（渲染进列表末尾，随项目卡片一起滚动） */ .pp-list-scroll > .pp-new{flex-shrink:0} .pp-new{border:2px dashed var(--blue-line);border-radius:16px;background:linear-gradient(180deg,var(--surface),var(--sunken));padding:26px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);color:var(--blue)} .pp-new:hover{border-color:var(--blue);background:var(--blue-soft);transform:translateY(-2px)} /* 项目名额到顶：新建卡变灰、不可点（2026-10-01 每个账号最多 2 个项目） */ .pp-new.off{cursor:not-allowed;opacity:.55} .pp-new.off:hover{border-color:var(--blue-line);background:linear-gradient(180deg,var(--surface),var(--sunken));transform:none} .pp-new .np-ic{width:46px;height:46px;border-radius:50%;border:2px dashed var(--blue-line);display:grid;place-items:center;font-size:26px;font-weight:300;line-height:1} .pp-new .np-t{font-size:15px;font-weight:600;font-family:var(--font-display);color:var(--txt);display:flex;align-items:baseline;justify-content:center;gap:10px;flex-wrap:wrap} .wiz-multi-hint{font-size:12px;font-weight:500;color:var(--blue);margin-left:10px;white-space:nowrap} .pp-new .np-s{font-size:11.5px;color:var(--txt-3)} .pp-count{font-size:12px;color:var(--txt-3);background:var(--sunken);border:1px solid var(--line);border-radius:99px;padding:3px 10px} .pp-main-area{background:var(--surface);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;min-width:0;padding:18px;gap:16px} .pp-head{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)} .pp-head .h-ava{width:44px;height:44px;border-radius:12px;background:var(--blue-soft);border:1px solid var(--blue-line);color:var(--blue);display:grid;place-items:center;flex:none} .pp-head .h-ava svg{width:22px;height:22px} .pp-head .h-name{font-size:17px;font-weight:600;font-family:var(--font-display)} .pp-head .h-sub{font-size:12px;color:var(--txt-3);margin-top:3px} .pp-head .h-metrics{margin-left:auto;display:flex;gap:26px} .pp-head .h-metrics .hm{text-align:center} .pp-head .h-metrics .hm .l{font-size:11px;color:var(--txt-3)} .pp-head .h-metrics .hm .v{font-size:18px;font-weight:600;font-family:var(--font-display);color:var(--blue);margin-top:2px} .pp-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,0.85fr);gap:16px;flex:1;min-height:0} .pp-arc{background:var(--canvas);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0} .pp-arc-body{flex:1;overflow-y:auto;padding:14px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent} .pp-mat{background:var(--canvas);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0} .pp-mat-hd{padding:12px 14px;border-bottom:1px solid var(--line)} .pp-mat-hd .mat-tabs{margin-bottom:0} .pp-mat .mat-body{flex:1;overflow-y:auto;min-height:0;padding:14px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent} .pp-list-scroll::-webkit-scrollbar,.pp-arc-body::-webkit-scrollbar,.pp-mat .mat-body::-webkit-scrollbar{width:9px} .pp-list-scroll::-webkit-scrollbar-thumb,.pp-arc-body::-webkit-scrollbar-thumb,.pp-mat .mat-body::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px;border:2px solid transparent;background-clip:padding-box} /* 项目档案：完成度 + 20 项分组 */ .arc-comp{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--blue-line);border-radius:12px;background:linear-gradient(180deg,var(--blue-soft),transparent 92%);margin-bottom:14px} .arc-comp-l{flex:1;min-width:0} .arc-comp-t{font-size:13px;font-weight:600;font-family:var(--font-display)} .arc-comp-s{font-size:11.5px;color:var(--txt-2);margin-top:3px} .arc-comp-s b{color:var(--blue);font-family:var(--font-display)} .arc-comp .arc-chips{margin-top:9px} .arc-chips{display:flex;flex-wrap:wrap;gap:6px} .arc-chips span{font-size:10.5px;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line);border-radius:99px;padding:2px 9px} .donut{position:relative;width:78px;height:78px;flex:none} .donut svg{transform:rotate(-90deg);width:100%;height:100%} .donut.sm{width:54px;height:54px} .donut.sm .d-label b{font-size:13px} .donut.sm .d-label span{font-size:8px} .wiz-title{line-height:1.2} .wiz-subtitle{font-size:12.5px;color:var(--txt-3);margin-top:4px} .donut .d-bg{fill:none;stroke:var(--line-2);stroke-width:9} .donut .d-fg{fill:none;stroke:var(--blue);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease)} .donut .d-label{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1} .donut .d-label b{font-family:var(--font-display);font-size:17px;color:var(--blue);display:block} .donut .d-label span{font-size:9.5px;color:var(--txt-3);margin-top:2px;display:block} .arc-sec{border:1px solid var(--line);border-radius:11px;padding:12px 14px;margin-bottom:11px;background:var(--surface)} .arc-sec-h{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;font-family:var(--font-display);color:var(--txt);margin-bottom:9px} .arc-sec-ic{width:22px;height:22px;border-radius:7px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:none} .arc-sec-ic svg{width:13px;height:13px} .arc-row{display:flex;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.5} .arc-row:first-of-type{border-top:none} .arc-row .k{color:var(--txt-3);flex:none;width:84px} .arc-row .v{color:var(--txt);flex:1;min-width:0} .arc-row.ed{padding:4px 0} .arc-k-in,.arc-v-in,.arc-sec-in{font-family:inherit;background:transparent;border:1px solid var(--line);border-radius:7px;padding:5px 7px;transition:.18s var(--ease)} .arc-k-in{width:104px;flex:none;font-size:12px;color:var(--txt-3)} .arc-v-in{flex:1;min-width:0;font-size:12px;color:var(--txt)} .arc-sec-in{width:100%;font-size:12.5px;font-weight:600;font-family:var(--font-display);color:var(--txt)} .arc-k-in:focus,.arc-v-in:focus,.arc-sec-in:focus{outline:none;border-color:var(--blue-line);background:var(--surface);box-shadow:0 0 0 3px var(--blue-soft)} /* 向导：提示 / 必填选填 / 完成度进度 / 生成态 */ .wiz-hint{font-size:12px;color:var(--txt-2);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:9px;padding:9px 12px;margin-bottom:16px;line-height:1.6} .wiz-hint b{color:var(--blue)} .wiz-field label .req,.wiz-field label .opt{font-style:normal;font-size:10px;font-weight:600;border-radius:99px;padding:1px 7px;margin-left:6px} .wiz-field label .req{color:#e5484d;background:#fdecec} .wiz-field label .opt{color:var(--txt-3);background:var(--sunken);border:1px solid var(--line)} .wiz-fill{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--canvas)} .wiz-fill-top{display:flex;justify-content:space-between;font-size:12px;color:var(--txt-2);margin-bottom:8px} .wiz-fill-top b{color:var(--blue);font-family:var(--font-display);font-size:13px} .wiz-fill-bar{height:7px;border-radius:99px;background:var(--line-2);overflow:hidden} .wiz-fill-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),oklch(70% 0.15 258));border-radius:99px;transition:width .35s var(--ease)} .wiz-name-prev{font-size:11.5px;color:var(--txt-3);margin-top:10px} .wiz-name-prev b{color:var(--txt-2);font-weight:600} .gen-stage{min-height:200px} .gen-empty{text-align:center;padding:26px 18px} .gen-empty-ic{width:48px;height:48px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin:0 auto 14px} .gen-empty-ic svg{width:24px;height:24px} .gen-empty p{font-size:12.5px;color:var(--txt-2);line-height:1.7;margin-bottom:16px} .gen-empty p b{color:var(--blue)} .gen-loading{text-align:center;padding:34px 18px} .gen-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--blue-soft);border-top-color:var(--blue);margin:0 auto 14px;animation:spin .8s linear infinite} .gen-loading p{font-size:12.5px;color:var(--txt-2);margin-bottom:14px} @keyframes spin{to{transform:rotate(360deg)}} .gen-result .gen-res-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px} .gen-res-meta .gen-res-t{font-size:13px;font-weight:600;font-family:var(--font-display)} .gen-res-meta .gen-res-s{font-size:11.5px;color:var(--txt-2);margin-top:3px} .gen-res-meta .gen-res-s b{color:var(--blue);font-family:var(--font-display)} .gen-res-actions{display:flex;justify-content:flex-end;gap:8px;margin-left:auto;margin-bottom:0;align-self:flex-start} .gen-res-actions button{border:1px solid var(--blue-line);background:var(--canvas);color:var(--blue);border-radius:8px;padding:6px 14px;font-size:12px;cursor:pointer;font-family:inherit;font-weight:600;transition:.18s var(--ease)} .gen-res-actions button:hover{background:var(--blue);color:#fff} .gen-res-actions .wiz-ai-generate{width:auto;background:var(--blue);border-color:var(--blue);color:#fff;padding:6px 14px;font-size:12px;border-radius:8px;box-shadow:none} .gen-res-actions .wiz-ai-generate:hover{background:var(--blue);color:#fff;transform:translateY(-1px)} .wiz-summary{margin-top:12px;display:flex;flex-direction:column;gap:2px} .sum-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:12.5px} .sum-row:first-child{border-top:none} .sum-row span{color:var(--txt-3)} .sum-row b{color:var(--txt);font-weight:600;text-align:right} .ai-actions{display:flex;gap:8px;flex-wrap:wrap} .ai-actions button{border:1px solid var(--blue-line);background:var(--canvas);color:var(--blue);border-radius:7px;padding:6px 13px;font-size:12px;cursor:pointer;font-family:inherit;font-weight:600;transition:.18s var(--ease)} .ai-actions button:hover{background:var(--blue);color:#fff} .gen-result .ai-actions{margin-top:14px} /* 向导弹窗 */ .wiz-steps{display:flex;align-items:center;gap:0;margin-bottom:22px} .wiz-step{display:flex;align-items:center;gap:8px;color:var(--txt-3);font-size:12px;font-weight:600;white-space:nowrap} .wiz-step .n{width:24px;height:24px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-family:var(--font-display);font-size:12px;flex:none} .wiz-step.on{color:var(--blue)} .wiz-step.on .n{background:var(--blue);border-color:var(--blue);color:#fff} .wiz-step.done .n{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue)} .wiz-line{flex:1;height:1px;background:var(--line-2);margin:0 10px} .wiz-pane{display:none} .wiz-pane.on{display:block;animation:rise .3s var(--ease)} .wiz-field{margin-bottom:16px} .wiz-field label{display:block;font-size:12px;color:var(--txt-2);margin-bottom:7px;font-weight:500} .wiz-field input,.wiz-field textarea,.wiz-field select{width:100%;background:var(--canvas);border:1px solid var(--line-2);border-radius:9px;padding:10px 12px;font-size:13px;font-family:inherit;color:var(--txt);outline:none;transition:.2s} .wiz-field input:focus,.wiz-field textarea:focus{border-color:var(--blue-line)} .wiz-field textarea{resize:vertical;min-height:80px} .wiz-chips{display:flex;flex-wrap:wrap;gap:8px} .wiz-chips button{border:1px solid var(--line-2);background:var(--surface);color:var(--txt-2);border-radius:99px;padding:7px 14px;font-size:12.5px;cursor:pointer;font-family:inherit;transition:.2s} .wiz-chips button.on{border-color:var(--blue-line);background:var(--blue-soft);color:var(--blue);font-weight:600} .wiz-gen{margin-top:8px;border:1px solid var(--blue-line);border-radius:12px;padding:14px;background:linear-gradient(180deg,var(--blue-soft),transparent 85%)} .wiz-gen h4{font-size:12.5px;font-weight:600;color:var(--blue);margin-bottom:8px} .wiz-gen p{font-size:12.5px;color:var(--txt-2);line-height:1.7} .wiz-gen .ai-actions{margin-top:10px;display:flex;gap:8px} .wiz-gen .ai-actions button{font-size:11.5px;border:1px solid var(--blue-line);background:var(--canvas);color:var(--blue);border-radius:7px;padding:5px 11px;cursor:pointer;font-family:inherit;font-weight:600;transition:.18s} .wiz-gen .ai-actions button:hover{background:var(--blue);color:#fff} .wiz-ft{display:flex;justify-content:space-between;gap:12px;margin-top:22px} .wiz-ft .grow{flex:1} /* 删除弹窗：素材统计卡（项目删除时展示将一并清空的素材数量） */ .del-scope{background:var(--sunken);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:18px} .del-scope-hd{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)} .del-scope-ic{width:40px;height:40px;border-radius:11px;background:var(--surface);color:var(--blue);display:grid;place-items:center;border:1px solid var(--line)} .del-scope-ic svg{width:20px;height:20px} .del-scope-nm{font-family:var(--font-display);font-size:14px;font-weight:600} .del-scope-sub{font-size:11px;color:var(--txt-3);margin-top:2px} .del-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .del-st{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:3px} .del-st svg{width:16px;height:16px;color:var(--txt-3)} .del-st-l{font-size:11px;color:var(--txt-3)} .del-st-v{font-family:var(--font-display);font-size:20px;font-weight:600;color:#e5484d;line-height:1} .btn-danger{background:#e5484d;color:#fff;border:1px solid #e5484d} .btn-danger:hover{background:#c93b40} /* ============ 工作台 · 截图版式 ============ */ /* ============ 工作台 · 自适应版式 ============ 设计原则：无固定像素列宽，全部用 fr + clamp() 随视口流动，任意宽度都铺满可用区域（不留左右空白） 高度节奏：hero / 总览 / 洞察 用 vh 流式缩放，末排今日运营 flex:1 吃掉剩余空间 → 恒定一屏 + 底边贴底 作用域：全部规则限定 #page-workbench，绝不外溢到其他页面 */ #page-workbench{--wb-gap:clamp(12px,1.15vw,22px);--wb-pad:clamp(12px,1vw,18px); /* ── 今日运营卡排版变量组：一处调整，三张卡同步 ── 默认值为「矮屏档」（≤960px 高）；高屏档在 @media (min-height:961px) 中放大 */ --ops-txt:clamp(10px,.68vw,11px); /* 列表说明 */ --ops-title:clamp(10.5px,.72vw,11.5px);/* 列表小标题 */ --ops-sum:clamp(11px,.76vw,12px); /* 一句话总结 */ --ops-meta:10px; /* 生成时间 */ --ops-lbl:9.5px; /* 数字块标签 */ --ops-num:clamp(15px,1.25vw,20px); /* 数字块数值 */ --ops-step-t:clamp(10.5px,.72vw,12px); /* 步骤标题 */ --ops-step-d:clamp(9.5px,.66vw,10.5px);/* 步骤说明 */ --ops-qrt:clamp(9.5px,.68vw,11px); /* 二维码说明 */ --ops-qr:clamp(46px,6vh,92px); /* 二维码尺寸 */ --ops-mk:7px; /* 色点直径 */ --ops-tag:16px; /* 优先级标签 */ --ops-gap:clamp(5px,.72vh,8px); /* 列表行距 */ --ops-sn:17px} /* 步骤序号圆 */ /* 区域小标题 */ #page-workbench .wb-head{display:flex;align-items:baseline;gap:12px;margin-bottom:clamp(5px,.75vh,10px)} #page-workbench .wb-head h2{font-family:var(--font-display);font-size:clamp(15px,1.05vw,18px);font-weight:600} #page-workbench .wb-head .sub{font-size:12px;color:var(--txt-3);margin-left:auto} /* ── 执行总览：4 等分轻量数据条 ── */ /* 2026-10-12：执行总览从 4 张卡改为 5 张（新增「累计获得线索」，触达客户挪到最后一位）。 */ #page-workbench .wb-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--wb-gap);margin-bottom:clamp(10px,1.7vh,20px)} #page-workbench .wb-kpi{position:relative;overflow:hidden; background:linear-gradient(180deg,var(--raised),var(--surface) 70%); border:1px solid var(--line);border-radius:14px; padding:clamp(9px,.8vw,15px) clamp(13px,1.05vw,19px); display:flex;flex-direction:column;justify-content:center;min-height:clamp(72px,9.5vh,104px); transition:border-color .28s var(--ease),box-shadow .28s var(--ease)} #page-workbench .wb-kpi:hover{border-color:var(--blue-line);box-shadow:0 16px 36px -24px rgba(0,0,0,.8)} #page-workbench .wb-kpi .krow{display:flex;align-items:center;gap:8px;position:relative;z-index:1} #page-workbench .wb-kpi .lab{font-size:12px;color:var(--txt-2);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-workbench .wb-kpi .tagx{font-size:10px;color:var(--txt-3);border:1px solid var(--line-2);border-radius:99px;padding:1px 7px;flex:none} /* 周环比标记（2026-09-26）：卡片副标题写着「总数 / 周环比」，而后端 comparisons 一直有返回、前端没接 */ #page-workbench .wb-kpi .tagx.dim{opacity:.62} #page-workbench .wb-kpi .tagx.act{color:var(--txt-1);border-color:var(--line-2)} #page-workbench .wb-kpi .val{font-family:var(--font-display);font-size:clamp(20px,1.75vw,31px);font-weight:600; margin-top:clamp(2px,.5vh,7px);letter-spacing:-1px;line-height:1.05;position:relative;z-index:1} /* 迷你趋势贴卡片右下，跟随卡片高度流动，永不遮挡数字 */ #page-workbench .wb-kpi .spark{position:absolute;right:clamp(11px,1vw,18px);bottom:clamp(9px,.85vw,15px); width:min(42%,132px);height:clamp(30px,4.4vh,48px);opacity:.5;pointer-events:none} #page-workbench .wb-kpi .spark svg{width:100%;height:100%;display:block} /* ── 数据洞察：左主趋势图 / 右环形分布（1.55 : 1 流动比例）── */ #page-workbench .wb-insight{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--wb-gap);margin-bottom:clamp(10px,1.7vh,20px)} #page-workbench .wb-card{background:linear-gradient(180deg,var(--raised),var(--surface) 70%); border:1px solid var(--line);border-radius:14px; padding:var(--wb-pad);transition:border-color .28s var(--ease),box-shadow .28s var(--ease)} #page-workbench .wb-card:hover{border-color:var(--blue-line);box-shadow:0 16px 36px -24px rgba(0,0,0,.8)} #page-workbench .wb-card .ch{display:flex;align-items:center;gap:10px;margin-bottom:clamp(6px,1vh,12px);flex-wrap:wrap} #page-workbench .wb-card .ch h3{font-family:var(--font-display);font-size:clamp(13px,.92vw,15px);font-weight:600} #page-workbench .wb-card .ch .meta{font-size:11px;color:var(--txt-3);display:flex;gap:14px;margin-left:auto} #page-workbench .wb-card .ch .meta span{display:flex;align-items:center;gap:5px} #page-workbench .wb-card .ch .meta b{color:var(--txt);font-family:var(--font-display)} #page-workbench .wb-card .ch .meta .dot{width:6px;height:6px;border-radius:50%;background:var(--blue)} #page-workbench .wb-card .ch .meta.link{cursor:pointer;color:var(--txt-3);transition:.2s var(--ease)} #page-workbench .wb-card .ch .meta.link:hover{color:var(--blue)} #page-workbench .donut-wrap{display:flex;align-items:center;justify-content:center;position:relative; flex:1;min-height:clamp(65px,10.5vh,118px)} #page-workbench .donut-wrap svg{width:clamp(88px,15vh,184px);height:clamp(88px,15vh,184px);display:block;transform:rotate(-90deg)} #page-workbench .donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center} #page-workbench .donut-center .num{font-family:var(--font-display);font-size:clamp(24px,3.1vh,46px);font-weight:600;line-height:1} #page-workbench .donut-center .txt{font-size:12px;color:var(--txt-3);margin-top:4px} /* ── 今日运营：末排弹性填满，底边贴底 ── */ #page-workbench .wb-ops{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(0,1fr); gap:var(--wb-gap);flex:1;min-height:clamp(155px,19vh,235px);align-items:stretch} #page-workbench .wb-ops .wb-card{display:flex;flex-direction:column;min-height:0} #page-workbench .wb-ops .wb-card .empty{flex:1;height:auto;min-height:110px;margin:0} /* 绑定执行设备卡 */ /* 步骤列表基础骨架（ol 重置 + flex 行）；具体尺寸由下方 .wb-bind .steps 作用域覆盖 */ #page-workbench .steps{font-size:12px;color:var(--txt-2);line-height:1.35;list-style:none;margin:0;padding:0} #page-workbench .steps li{display:flex;gap:10px;padding:0;align-items:flex-start} #page-workbench .steps .sn{width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;font-size:10.5px;font-weight:700; display:grid;place-items:center;flex:none;margin-top:1px;font-family:var(--font-display)} #page-workbench .steps .step-body{display:block;min-width:0} #page-workbench .steps .step-t{color:var(--txt-1);font-weight:600;font-size:12px} #page-workbench .steps .step-d{color:var(--txt-3);font-size:11px} /* 两个按钮等高等宽节奏，紧凑左对齐 */ #page-workbench .qrfoot{margin-top:clamp(9px,1.3vh,15px);display:flex;gap:10px;align-items:center;justify-content:flex-start} #page-workbench .qrfoot button{width:auto;flex:none;height:36px;padding:0 16px;font-size:12.5px; display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box} /* ── 数据洞察 · 趋势图：参考图风格 ── */ #page-workbench .wb-trend{display:flex;flex-direction:column} #page-workbench .wb-card .ch.ch-stack{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:clamp(4px,.6vh,8px);text-align:left;width:100%} #page-workbench .ch-stack h3{font-size:clamp(14px,1.05vw,16px)} #page-workbench .ch-stack .sub{font-size:clamp(11px,.75vw,12px);color:var(--txt-3)} #page-workbench .trend-legend{display:flex;gap:clamp(12px,1.2vw,22px);margin-bottom:clamp(6px,.9vh,12px)} #page-workbench .trend-legend span{font-size:clamp(11px,.78vw,12px);color:var(--txt-2);display:flex;align-items:center;gap:6px} #page-workbench .trend-legend i{width:6px;height:6px;border-radius:50%;background:var(--blue);flex:none} #page-workbench .trend-legend b{font-family:var(--font-display);color:var(--txt);font-weight:600;font-size:clamp(12px,.85vw,14px);margin-left:2px} #page-workbench .trend-chart{display:flex;gap:clamp(8px,.8vw,14px);height:clamp(60px,11vh,126px);flex:none} #page-workbench .y-axis{display:flex;flex-direction:column-reverse;justify-content:space-between;font-size:clamp(10px,.68vw,11px);color:var(--txt-3);text-align:right;padding-right:4px;flex:none} #page-workbench .chart-area{flex:1;position:relative;min-width:0;height:100%} #page-workbench .chart-area svg{width:100%;height:100%;display:block} #page-workbench .target-label{position:absolute;right:0;top:18%;font-size:10px;color:var(--txt-3);background:var(--canvas);padding:2px 6px;border-radius:4px;border:1px solid var(--line-2)} #page-workbench .chart-area{cursor:crosshair} #page-workbench .trend-tooltip{position:absolute;left:0;top:0;background:rgba(15,18,26,.95);border:1px solid var(--line-2);border-radius:8px;padding:10px 12px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10;box-shadow:0 10px 30px rgba(0,0,0,.3);min-width:130px} #page-workbench .trend-tooltip .tip-date{font-size:12px;font-weight:600;margin-bottom:8px;color:var(--txt)} #page-workbench .trend-tooltip .tip-row{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--txt-2);margin-top:4px} #page-workbench .trend-tooltip .tip-row i{width:6px;height:6px;border-radius:50%;flex:none} #page-workbench .trend-tooltip .tip-row b{margin-left:auto;font-family:var(--font-display);color:var(--txt);font-weight:600} /* 2026-10-12 修（波哥反馈）：tooltip 底色原来是写死的深色，而文字用的是主题变量 —— 浅色模式下 --txt 也是深色 ⇒ 深底压深字完全看不见。只覆盖浅色，深色保持原样不动。 */ [data-theme="light"] #page-workbench .trend-tooltip{background:#fff;box-shadow:0 10px 30px rgba(40,55,90,.18)} #page-workbench .ch-stack h3{text-align:left} #page-workbench .x-axis{display:flex;justify-content:space-between;margin-top:clamp(4px,.7vh,9px);font-size:clamp(10px,.68vw,11px);color:var(--txt-3);padding-left:26px} #page-workbench .x-axis span{display:inline-block;text-align:center} /* ── 数据洞察 · 平台触达分布：模拟数据 ── */ #page-workbench .wb-platform{display:flex;flex-direction:column} #page-workbench .platform-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 12px;margin-top:clamp(8px,1.2vh,16px)} #page-workbench .platform-legend span{font-size:clamp(11px,.78vw,12px);color:var(--txt-2);display:flex;align-items:center;gap:7px} #page-workbench .platform-legend i{width:8px;height:8px;border-radius:2px;flex:none} #page-workbench .platform-legend b{font-family:var(--font-display);color:var(--txt);font-weight:600;margin-left:auto} /* ── 今日运营 · 绑定执行设备：二维码上 / 步骤下 ── */ #page-workbench .wb-bind{display:flex;flex-direction:column} #page-workbench .bind-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(9px,1.25vh,16px);min-height:0} /* ≤1100px 高：字号放大后空间吃紧，隐去最次要的第 5 条（2560 等超高屏仍显示 5 条） */ @media (max-height:1100px){ #page-workbench .dense-list li.m-hide{display:none} } /* 中等高度屏（≤960px）：运营区变矮，上下堆叠塞不下，改左右并排 */ @media (max-height:960px){ #page-workbench .bind-body{flex-direction:row;align-items:center;gap:clamp(10px,1.3vw,18px)} #page-workbench .qr-row{flex:none;gap:clamp(8px,1vw,14px)} #page-workbench .wb-bind .steps{flex:1;min-width:0} /* 并排后二维码说明会挤占步骤宽度，矮屏只留「① 扫码安装」短标签，把宽度还给步骤 */ #page-workbench .qr-row .qrt span{display:none} #page-workbench .dense-list li.l-hide{display:none} } #page-workbench .qr-row{display:flex;justify-content:center;gap:clamp(16px,1.8vw,28px)} #page-workbench .qr-row .qr-unit{display:flex;flex-direction:column;align-items:stretch;gap:5px} #page-workbench .qr-row .qrbox{width:var(--ops-qr);height:var(--ops-qr);background:#fff;border-radius:10px;overflow:hidden;padding:5px;flex:none} /* 配对码（2026-09-26）：这一格原来是**扫不出的假二维码**；改成设备中心同一套「6 位数字」表现 */ #page-workbench .qr-row .qrbox.pair{background:var(--sunken);border:1px dashed var(--line-2);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:7px;transition:.2s var(--ease)} #page-workbench .qr-row .qrbox.pair:hover{border-color:var(--blue)} #page-workbench .qr-row .qrbox.pair .pair-code{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.1em;color:var(--txt-1);text-align:center;line-height:1.3;white-space:pre-line} #page-workbench .qr-row .qrbox.pair.expired .pair-code{font-size:11px;font-weight:500;letter-spacing:0;color:var(--txt-3);line-height:1.35} #page-workbench .qr-row .qrbox svg{width:100%;height:100%;display:block} /* 二维码改用后端出的真图（2026-10-06）：容器尺寸沿用 .qrbox，图片撑满即可 */ #page-workbench .qr-row .qrbox img{width:100%;height:100%;display:block} /* 卡片里的二维码只有 46~92px，手机对着电脑屏幕扫太小 ⇒ 点一下放大看 */ .modal.wb-qr-modal{max-width:400px} .wb-qr-body{text-align:center} .wb-qr-body img{width:min(62vw,300px);height:min(62vw,300px);background:#fff;border-radius:12px;padding:10px;margin:0 auto} .wb-qr-tip{font-size:12px;color:var(--txt-3);margin-top:12px;line-height:1.6} #page-workbench .qr-row .qrt{font-size:var(--ops-qrt);color:var(--txt-2);text-align:center;line-height:1.35;white-space:nowrap;margin-top:1px} #page-workbench .qr-row .qrt b{color:var(--txt-1);font-weight:600;margin-right:3px} #page-workbench .wb-bind .steps{font-size:clamp(11px,.78vw,12px);color:var(--txt-2);line-height:1.45;list-style:none;display:flex;flex-direction:column;gap:clamp(5px,.85vh,9px)} #page-workbench .wb-bind .steps li{display:flex;gap:7px;align-items:flex-start;padding:0} #page-workbench .wb-bind .steps .sn{width:var(--ops-sn);height:var(--ops-sn);border-radius:50%;background:var(--blue);color:#fff;font-size:calc(var(--ops-sn) * .58);font-weight:700;display:grid;place-items:center;flex:none;margin-top:1px;font-family:var(--font-display)} #page-workbench .wb-bind .steps .step-body{display:block;min-width:0;font-size:clamp(10px,.68vw,11px);color:var(--txt-3);line-height:1.45} #page-workbench .wb-bind .steps .step-t{color:var(--txt-1);font-weight:600;font-size:var(--ops-step-t);margin-right:4px} #page-workbench .wb-bind .steps .step-d{color:var(--txt-3);font-size:var(--ops-step-d)} #page-workbench .qrfoot{margin-top:clamp(8px,1.2vh,14px);display:flex;gap:10px;align-items:center;justify-content:flex-start} #page-workbench .qrfoot button{width:auto;flex:none;height:34px;padding:0 14px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box} /* ── 今日运营 · 昨日分析报告 / 今日优化方向：参考图高密度风格 ── 排版要点：① 小标题与说明「连排」不换行，层次靠 字重+颜色 而非换行 ② 列表区 flex:1 + overflow:hidden，任何分辨率都撑不破卡片 ③ 条目按重要性分级，矮屏自动少显示（.l-hide / .xl-hide） */ #page-workbench .badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:99px; font-size:var(--ops-meta);font-weight:600;background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-line);flex:none;letter-spacing:.2px} #page-workbench .badge::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue)} #page-workbench .ai-meta{font-size:var(--ops-meta);color:var(--txt-3);letter-spacing:.2px} #page-workbench .ai-summary{font-size:var(--ops-sum);color:var(--txt-2);line-height:1.5;margin:0} /* 高密度列表：洞察 / 待办共用一套骨架 */ #page-workbench .dense-list{list-style:none;display:flex;flex-direction:column;gap:var(--ops-gap); flex:0 0 auto;min-height:0} #page-workbench .dense-list li{display:flex;gap:7px;align-items:flex-start} #page-workbench .dense-list .mk{width:var(--ops-mk);height:var(--ops-mk);border-radius:50%;flex:none;margin-top:calc((var(--ops-txt) * 1.5 - var(--ops-mk)) / 2)} #page-workbench .dense-list .mk.red{background:var(--red)} #page-workbench .dense-list .mk.blue{background:var(--blue)} #page-workbench .dense-list .mk.green{background:var(--green)} #page-workbench .dense-list .mk.gray{background:var(--line-2)} #page-workbench .dense-list .mk.tag{width:var(--ops-tag);height:var(--ops-tag);border-radius:5px;display:grid;place-items:center; font-size:calc(var(--ops-tag) * .53);font-weight:700;color:#fff;margin-top:1px;font-family:var(--font-body)} #page-workbench .dense-list .mk.tag.high{background:var(--red)} #page-workbench .dense-list .mk.tag.mid{background:var(--blue)} #page-workbench .dense-list .mk.tag.low{background:var(--line-2);color:var(--txt-2)} #page-workbench .dense-list li>div{flex:1;min-width:0;font-size:var(--ops-txt);color:var(--txt-3);line-height:1.5} #page-workbench .dense-list li b{font-size:var(--ops-title);color:var(--txt-1);font-weight:600;margin-right:4px} #page-workbench .wb-report,#page-workbench .wb-opt{display:flex;flex-direction:column;gap:clamp(5px,.8vh,9px)} /* ── 高屏档（>960px 高）：字号与二维码整体放大，解决「字太小看不清」 ── */ @media (min-height:961px){ #page-workbench{ --ops-txt:clamp(12px,.86vw,13.5px); --ops-title:clamp(12.5px,.9vw,14px); --ops-sum:clamp(13px,.92vw,14.5px); --ops-meta:11.5px; --ops-lbl:11px; --ops-num:clamp(17px,1.4vw,23px); --ops-step-t:clamp(12.5px,.88vw,13.5px); --ops-step-d:clamp(11.5px,.8vw,12.5px); --ops-qrt:clamp(11px,.78vw,12px); --ops-qr:clamp(56px,7.1vh,105px); --ops-mk:8px; --ops-tag:18px; --ops-gap:clamp(6px,.8vh,9px); --ops-sn:19px} } /* 超高屏：运营区被拉得很高时，条目均匀散开填满，不留大片空白 */ @media (min-height:1200px){ #page-workbench .dense-list{flex:1;justify-content:space-between} } /* ── 工作台专属：撑满可视区 + 底边与其它页面对齐 ── */ .scroll:has(#page-workbench.on){display:flex;flex-direction:column;padding:clamp(16px,2.4vh,34px) 38px 32px} #page-workbench.on{flex:1;display:flex;flex-direction:column;min-height:0} #page-workbench .hero{margin-bottom:clamp(7px,1.5vh,16px)} #page-workbench .hero .eyebrow{margin-bottom:clamp(3px,.65vh,7px)} #page-workbench .hero .sub{margin-top:clamp(4px,.75vh,8px);font-size:clamp(12px,.78vw,13px)} /* 矮屏（笔记本 768p / 720p）：收紧到最小呼吸，仍保证一屏 */ @media (max-height:820px){ #page-workbench .hero{margin-bottom:4px} #page-workbench .hero .eyebrow{margin-bottom:2px} #page-workbench .hero .sub{margin-top:3px;font-size:11.5px} #page-workbench .wb-head{margin-bottom:4px} #page-workbench .wb-kpis{margin-bottom:8px} #page-workbench .wb-insight{margin-bottom:8px} #page-workbench .wb-card .ch{margin-bottom:5px} #page-workbench .donut-wrap{min-height:clamp(70px,11vh,100px)} #page-workbench .steps li{padding:0} #page-workbench .steps .step-d{font-size:10.5px} #page-workbench .qrfoot{margin-top:7px} #page-workbench .qrfoot button{height:32px} #page-workbench .trend-chart{height:clamp(54px,9.5vh,78px)} #page-workbench .trend-legend{margin-bottom:4px;gap:10px} #page-workbench .target-label{font-size:9px;top:15%} #page-workbench .donut-wrap{min-height:clamp(56px,9.5vh,82px)} #page-workbench .platform-legend{margin-top:6px;gap:6px 10px} #page-workbench .wb-ops{min-height:clamp(118px,14vh,185px)} #page-workbench .report-body{gap:6px} #page-workbench .report-kpis>div{padding:6px 4px} #page-workbench .report-kpis .num{font-size:14px} #page-workbench .report-text{font-size:10.5px} #page-workbench .opt-body{gap:6px} #page-workbench .opt-list{gap:6px} #page-workbench .wb-bind .steps{gap:6px} #page-workbench .qr-col{gap:8px} #page-workbench .qr-row{gap:clamp(10px,1.4vw,18px)} #page-workbench .qr-row .qrbox{width:clamp(42px,6.2vh,56px);height:clamp(42px,6.2vh,56px);padding:4px} #page-workbench .qr-row .qrt{font-size:9.5px} #page-workbench .wb-bind .steps .sn{width:16px;height:16px;font-size:9.5px} #page-workbench .dense-list{gap:5px} /* 超矮屏（≤740px）：1280x720 等极端分辨率进一步压缩，仍避免滚动 */ @media (max-height:740px){ #page-workbench .hero .sub{font-size:11px} #page-workbench .trend-chart{height:clamp(40px,7vh,54px)} #page-workbench .trend-legend{gap:8px;margin-bottom:2px} #page-workbench .trend-legend span{font-size:10px} #page-workbench .target-label{font-size:8px;padding:1px 4px} #page-workbench .x-axis{font-size:9px} #page-workbench .donut-wrap{min-height:clamp(48px,7.5vh,62px)} #page-workbench .platform-legend{margin-top:4px;gap:4px 8px;font-size:10px} #page-workbench .report-kpis>div{padding:5px 3px} #page-workbench .report-kpis .num{font-size:13px} #page-workbench .opt-list li span{font-size:9.5px} #page-workbench .qr-row .qrbox{width:clamp(36px,5.6vh,46px);height:clamp(36px,5.6vh,46px);padding:3px} #page-workbench .qr-row{gap:10px} #page-workbench .wb-bind .steps .sn{width:15px;height:15px;font-size:9px} #page-workbench .dense-list li>div{font-size:10px} #page-workbench .wb-bind .steps .step-d{display:none} #page-workbench .bind-body{align-items:center} #page-workbench .wb-bind .steps{gap:4px} #page-workbench .dense-list li.xl-hide{display:none} #page-workbench .dense-list li>div{line-height:1.4} } #page-workbench .wb-trend .ch{margin-bottom:2px} #page-workbench .trend-legend{margin-bottom:2px} #page-workbench .x-axis{margin-top:2px} #page-workbench .wb-platform .ch{margin-bottom:2px} #page-workbench .platform-legend{margin-top:2px} #page-workbench .wb-kpi{min-height:clamp(54px,7.5vh,76px);padding:7px 10px} } /* 窄屏（≤1180px）：三列区已无法在不压变形的前提下一屏容纳， 改为常规滚动 + 减少列数，宁可滚动也不压扁内容 */ @media (max-width:1180px){ .scroll:has(#page-workbench.on){display:block;padding:34px 38px 32px} #page-workbench.on{display:block;flex:none} #page-workbench .wb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} #page-workbench .wb-insight{grid-template-columns:minmax(0,1fr)} #page-workbench .wb-ops{grid-template-columns:repeat(3,minmax(0,1fr));flex:none;min-height:0} #page-workbench .wb-ops .wb-card{display:block} #page-workbench .wb-ops .wb-card .empty{flex:none;height:auto;min-height:160px} #page-workbench .donut-wrap{min-height:150px} #page-workbench .donut-wrap svg{width:150px;height:150px} #page-workbench .qrfoot{flex-wrap:wrap} } .downlink{font-size:12px;color:var(--txt-3);text-decoration:none} .downlink:hover{color:var(--blue)} .empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:180px;text-align:center} .empty .e1{font-size:14px;color:var(--txt-2);margin-bottom:8px} .empty .e2{font-size:12px;color:var(--txt-3);line-height:1.6;max-width:24ch;margin-bottom:20px} /* ===== AI 领航员 · 新版（专业对话框 + 作战面板） ===== */ /* 2026-09-27 波哥实测：右栏 360px 太窄 —— 悬停露出的两个小图标会**压住「执行」按钮**， 板块名也被截成「获客中…」。按他的方案把右栏拉宽、聊天框让一点（聊天框本来就富余）。 */ .cmdr{display:grid;grid-template-columns:1fr 460px;gap:28px;align-items:stretch} .cmdr-main{min-width:0;display:flex;flex-direction:column} .cmdr-chat{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;height:calc(100vh - 292px);min-height:480px} .cmdr-head{display:flex;align-items:center;gap:13px;padding:15px 20px;border-bottom:1px solid var(--line)} .cmdr-head .ca{width:40px;height:40px;border-radius:13px;overflow:hidden;flex:none;box-shadow:0 6px 18px -8px rgba(0,0,0,.5)} .ca-eye{transform-box:fill-box;transform-origin:center;animation:ca-core 2.8s ease-in-out infinite} .ca-pulse{transform-box:fill-box;transform-origin:center;animation:ca-ring 2.8s ease-out infinite} @keyframes ca-core{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}} @keyframes ca-ring{0%{transform:scale(.7);opacity:.85}70%,100%{transform:scale(1.9);opacity:0}} @media(prefers-reduced-motion:reduce){.ca-eye,.ca-pulse{animation:none !important}} .cmdr-head .ci{flex:1;min-width:0} .cmdr-head .cn{font-family:var(--font-display);font-size:16px;font-weight:600} .cmdr-head .cs{font-size:11.5px;color:var(--txt-3);margin-top:2px;display:flex;align-items:center;gap:7px} .cmdr-head .cs .pulse{width:7px;height:7px;border-radius:50%;background:#3ecf6b;animation:pls 2s infinite} .cmdr-modebadge{font-size:11px;font-weight:600;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);padding:5px 11px;border-radius:20px;flex:none} .cmdr-msgs-wrap{flex:1;min-height:0;position:relative;display:flex} .cmdr-msgs{flex:1;min-height:0;overflow-y:auto;padding:22px 22px 6px;display:flex;flex-direction:column;gap:18px;position:relative;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent} .cmdr-msgs::-webkit-scrollbar{width:8px} .cmdr-msgs::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px;border:2px solid transparent;background-clip:padding-box} .bubble{display:flex;gap:0;max-width:min(92%,760px)} .bubble.user{margin-left:auto;flex-direction:row-reverse} .bubble .av{display:none} .bubble .bc{background:var(--sunken);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.65;color:var(--txt);overflow-wrap:anywhere} .bubble.ai .bc{border-bottom-left-radius:4px} .bubble.user .bc{background:var(--blue-soft);border-color:var(--blue-line);border-bottom-right-radius:4px} .bubble .btxt b{color:var(--txt);font-weight:600} .bubble .btxt p{margin:0 0 10px} .bubble .btxt p:last-child{margin-bottom:0} .bubble .btxt ul,.bubble .btxt ol{margin:5px 0 10px;padding-left:21px} .bubble .btxt li{padding-left:3px;margin:4px 0} .bubble .btxt .bhead{font-size:13px;font-weight:700;color:var(--txt);margin:12px 0 5px} .bubble .btxt .bhead:first-child{margin-top:0} .bubble .btxt code{font:12px/1.4 "JetBrains Mono",ui-monospace,monospace;background:var(--canvas);border:1px solid var(--line);border-radius:4px;padding:1px 4px} /* navigator-typography:start */ /* 仅统一领航员回复与动作卡的排版；列表标记须留在气泡内。 */ #page-commander .bubble{min-width:0} /* 2026-10-16 波哥：领航员对话加时间（口径对齐销售管家聊天：12px / --txt-3，东八区）。 做法：把 .bubble 由"横排"改成"竖排"，时间自然落在气泡**下面一行**并按左右贴边； ⚠️ 本页 .bubble .av 本来就是 display:none ⇒ 横排其实只有一个 .bc， 改成竖排对气泡本身的观感零影响（宽度、圆角、颜色都没动）。 */ #cmdrMsgs .bubble{flex-direction:column;align-items:flex-start} #cmdrMsgs .bubble.user{align-items:flex-end} #cmdrMsgs .bubble .bmeta{margin-top:5px;font-size:12px;font-weight:400;color:var(--txt-3);white-space:nowrap} #page-commander .bubble .bc{min-width:0;max-width:100%;padding:14px 16px;font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.7;overflow-wrap:anywhere} #page-commander .bubble .bc p{margin:0 0 10px} #page-commander .bubble .bc p:last-child{margin-bottom:0} #page-commander .bubble .bc ul,#page-commander .bubble .bc ol{margin:8px 0 12px;padding-inline-start:1.6em;list-style-position:outside} #page-commander .bubble .bc ol{padding-inline-start:2.5em} #page-commander .bubble .bc li{padding-inline-start:3px;margin:6px 0} #page-commander .bubble .bc li::marker{color:var(--txt-2)} #page-commander .bubble .bc li>ul,#page-commander .bubble .bc li>ol{margin:6px 0} #page-commander .bubble .bc .bhead{font-size:15px;font-weight:600;line-height:1.5;margin:12px 0 8px;color:var(--txt)} #page-commander .bubble .bc .bhead:first-child{margin-top:0} #page-commander .bubble .cmdr-action{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.7;color:var(--txt-2)} #page-commander .bubble .cmdr-action>.bhead{display:inline-flex;align-items:center;margin:0 0 10px;padding:3px 9px;border:1px solid var(--blue-line);border-radius:var(--r-sm);background:var(--blue-soft);color:var(--blue);font-size:13px;font-weight:600} #page-commander .bubble .cmdr-action>p:first-of-type{color:var(--txt)} #page-commander .bubble .cmdr-action[data-nav-status="succeeded"]>.bhead{color:var(--green);background:var(--green-soft);border-color:var(--green-line)} #page-commander .bubble .cmdr-action:is([data-nav-status="blocked"],[data-nav-status="unknown"],[data-nav-status="waiting_source"])>.bhead{color:var(--amber);background:var(--amber-soft);border-color:var(--amber-line)} #page-commander .bubble .cmdr-action[data-nav-status="failed"]>.bhead{color:var(--red);background:var(--surface);border-color:var(--line-2)} #page-commander .bubble .cmdr-confirm{font-family:var(--font-body);font-size:13px;font-weight:600;line-height:1.4} [data-theme="light"] #page-commander .bubble .cmdr-action>.bhead{color:var(--txt)} /* navigator-typography:end */ .cmdr-thinking{display:inline-flex;align-items:center;gap:4px;width:24px;height:12px} .cmdr-thinking span{display:block;width:5px;height:5px;border-radius:50%;background:var(--blue);opacity:.25;animation:cmdr-dot 1.05s ease-in-out infinite} .cmdr-thinking span:nth-child(2){animation-delay:.15s} .cmdr-thinking span:nth-child(3){animation-delay:.3s} @keyframes cmdr-dot{0%,60%,100%{opacity:.25;transform:scale(.8)}30%{opacity:1;transform:scale(1)}} .bubble.streaming .btxt{min-width:34px} @media(prefers-reduced-motion:reduce){.cmdr-thinking span{animation:none;opacity:.75}} .cmdr-quick{display:flex;align-items:center;gap:8px;padding:10px 18px;border-top:1px solid var(--line);background:var(--canvas);overflow-x:auto;flex-wrap:nowrap} .cmdr-quick::-webkit-scrollbar{height:0} .qk-lab{flex:none;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3);font-weight:600} .qk{flex:none;white-space:nowrap;font-size:12.5px;color:var(--txt-2);background:var(--surface);border:1px solid var(--line-2);border-radius:20px;padding:6px 14px;cursor:pointer;transition:.2s;font-family:inherit} .qk:hover{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} .cmdr-comp{border-top:1px solid var(--line);padding:14px 20px 18px;background:var(--surface)} .cmdr-modes{display:flex;gap:8px;margin-bottom:11px} .cmdr-modes .cm{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--txt-2);background:var(--sunken);border:1px solid var(--line-2);border-radius:10px;padding:8px 14px;cursor:pointer;transition:.22s} .cmdr-modes .cm .dot{width:7px;height:7px;border-radius:50%;background:var(--line-2);transition:.22s} .cmdr-modes .cm:hover{border-color:var(--blue-line);color:var(--blue)} .cmdr-modes .cm.on{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)} .cmdr-modes .cm.on .dot{background:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)} .cmdr-mode-hint{font-size:11.5px;line-height:1.5;color:var(--txt-3);margin:-4px 0 8px} .cmdr-input{display:flex;gap:10px;align-items:flex-end} .cmdr-input textarea{flex:1;border:1px solid var(--line-2);background:var(--sunken);border-radius:12px;padding:12px 14px;color:var(--txt);font-family:inherit;font-size:13.5px;line-height:1.5;resize:none;height:46px;outline:none;transition:.2s} .cmdr-input textarea:focus{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} .cmdr-send{width:46px;height:46px;flex:none;border:none;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s;box-shadow:0 8px 20px -10px var(--blue)} .cmdr-send:hover{transform:translateY(-1px)} .cmdr-send:active{transform:translateY(0)} .cmdr-send svg{width:19px;height:19px} .cmdr-confirm-row{margin-top:12px;display:flex;justify-content:flex-start} .cmdr-confirm{border:1px solid var(--blue);border-radius:8px;padding:7px 12px;background:var(--blue);color:#fff;font:600 12px/1.2 inherit;cursor:pointer} .cmdr-confirm:hover{filter:brightness(1.06)} .cmdr-confirm:disabled{opacity:.55;cursor:wait} .cmdr-down{position:absolute;left:50%;bottom:16px;width:34px;height:34px;margin-left:-17px;border:none;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;z-index:5;backdrop-filter:blur(4px)} .cmdr-down.show{opacity:1;visibility:visible;transform:translateY(0)} .cmdr-down:hover{transform:translateY(-1px) scale(1.05);background:rgba(0,0,0,.72)} .cmdr-down svg{width:16px;height:16px} [data-theme="light"] .cmdr-down{background:rgba(255,255,255,.86);color:var(--txt);box-shadow:0 4px 14px rgba(40,55,90,.12), inset 0 0 0 1px var(--line-2)} [data-theme="light"] .cmdr-down:hover{background:#fff} .cmdr-side{display:flex;flex-direction:column;gap:22px;min-width:0;overflow-y:auto;height:calc(100vh - 292px);padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent} .cmdr-side::-webkit-scrollbar{width:8px} .cmdr-side::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px;border:2px solid transparent;background-clip:padding-box} .cmdr-side>.cs-sec:last-child{flex:0 0 auto;display:flex;flex-direction:column} .cs-sec{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px} .cs-h{display:flex;align-items:center;gap:9px;margin-bottom:15px} .cs-h h3{font-family:var(--font-display);font-size:14px;font-weight:600} .cs-h .meta{margin-left:auto;font-size:11px;color:var(--txt-3)} .cs-h .live-tag{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.1em;color:#3ecf6b} .cs-h .live-tag .pulse{width:6px;height:6px;border-radius:50%;background:#3ecf6b;animation:pls 2s infinite} .cmdr-proj{display:flex;flex-direction:column;gap:13px} .pj{border:1px solid var(--line);border-radius:11px;padding:12px 13px;transition:.2s;cursor:pointer} .pj:hover{border-color:var(--blue-line);background:var(--blue-soft)} .pj.on{border-color:var(--blue);background:var(--blue-soft)} /* 2026-09-27 选中态（= 领航员正在聊的项目）：照 .vc-b.on / .cmdr-sc.now 的既有写法，未新建样式体系 */ .pj-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px} .pj-nm{font-size:13px;font-weight:600;color:var(--txt)} .pj-bar{height:6px;border-radius:6px;background:var(--sunken);overflow:hidden} .pj-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--blue),oklch(62% 0.19 265))} .pj-meta{font-size:11px;color:var(--txt-3);margin-top:8px} .cmdr-sched{display:flex;flex-direction:column;gap:8px} .cmdr-sc{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);position:relative;overflow:hidden} .cmdr-sc.now{border-color:var(--blue);background:linear-gradient(90deg,var(--blue-soft),transparent)} .cmdr-sc .tm{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;color:var(--blue);background:var(--canvas);padding:3px 7px;border-radius:6px;flex:none} .cmdr-sc .txt{flex:1;min-width:0;padding-right:8px} .cmdr-sc .txt b{display:block;font-size:13px;color:var(--txt);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cmdr-sc .st{font-size:11.5px;color:var(--txt-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* 2026-10-16 波哥：作战计划卡片下面那行「任务操作 / 查看结果」此前**没有任何样式**， 走的是浏览器默认 —— 15px 正文大小 + 最亮的正文色 + 默认小三角，跟卡片里 11.5px 的 次要信息完全不是一套。按字号规范归到 Caption 12px / --txt-3（元信息级）， 并补上"能点"的手型与展开箭头；左边距 12px 与卡片内边距对齐，让它读起来"属于上面那张卡"。 */ #cmdrSched details[data-detail-item]>summary{list-style:none;display:flex;align-items:center; gap:6px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;line-height:1.8; color:var(--txt-3);padding:6px 12px 0;transition:color .18s var(--ease)} #cmdrSched details[data-detail-item]>summary::-webkit-details-marker{display:none} #cmdrSched details[data-detail-item]>summary::before{content:"";flex:none;width:0;height:0; border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent; transition:transform .18s var(--ease)} #cmdrSched details[data-detail-item][open]>summary::before{transform:rotate(90deg)} #cmdrSched details[data-detail-item]>summary:hover{color:var(--txt-2)} /* 2026-10-16 波哥：展开「任务操作」后**里面的字**跟外面不是一套 —— 整块 .cmdr-plan-detail 同样一条样式都没有，走浏览器默认（15px 正文档 + 最亮正文色）。现按同一档归位： Caption 12px / --txt-3，与上面那行 summary 统一；小标题与加粗用 --txt-2 留一层轻微层次。 */ #cmdrSched .cmdr-plan-detail{font-size:12px;line-height:1.8;color:var(--txt-3)} #cmdrSched .cmdr-plan-detail p{margin:4px 0} #cmdrSched .cmdr-plan-detail .bhead{color:var(--txt-2);font-weight:600;margin-top:6px} #cmdrSched .cmdr-plan-detail b{color:var(--txt-2);font-weight:600} #cmdrSched .cmdr-plan-detail ul,#cmdrSched .cmdr-plan-detail ol{margin:4px 0;padding-left:18px} #cmdrSched .cmdr-plan-detail li{margin:2px 0} /* 2026-10-16 波哥：「确认执行」弹窗里那坨字太丑。 病根＝上面的样式全挂在 #cmdrSched 下，弹窗不在这个作用域 ⇒ 整块 .cmdr-plan-detail 一条样式都没吃到，走浏览器默认（15px 正文、最亮黑），加上正文全是平铺

、一句接一句， 所以既没有层级、字号又偏大。改法＝**只补弹窗作用域、把同一套档位搬过来**，不自创样式： Caption 12px / --txt-3 正文，--txt-2 给小标题与字段名，行距放宽一点。 */ .modal .cmdr-plan-detail{font-size:12px;line-height:1.85;color:var(--txt-3)} .modal .cmdr-plan-detail p{margin:3px 0} .modal .cmdr-plan-detail .bhead{color:var(--txt-2);font-weight:600;margin-top:8px} .modal .cmdr-plan-detail ul,.modal .cmdr-plan-detail ol{margin:3px 0;padding-left:17px} .modal .cmdr-plan-detail li{margin:2px 0} /* 字段名与它的值之间加一点呼吸感，别挤成「模式：垂直养号」这种一坨 */ .modal .cmdr-plan-detail li{line-height:1.8} /* 分区块：确认弹窗里把「本次范围」「执行约束」分成两块，块之间留白，别糊成一片 */ .modal .cmdr-plan-detail .pd-group{margin-top:12px;padding-top:10px;border-top:1px solid var(--line-2)} .modal .cmdr-plan-detail .pd-group:first-of-type{margin-top:8px;padding-top:0;border-top:0} .modal .cmdr-plan-detail .pd-gt{font-size:11px;font-weight:600;color:var(--txt-2);letter-spacing:.04em;margin-bottom:5px} /* 「字段名：值」两列 —— 左边标签固定宽度、右边值自适应，长句子不会顶到标签上 */ .modal .cmdr-plan-detail .pd-kv{display:flex;gap:10px;align-items:flex-start;margin:3px 0} .modal .cmdr-plan-detail .pd-k{flex:none;min-width:76px;color:var(--txt-3)} .modal .cmdr-plan-detail .pd-v{flex:1;min-width:0;color:var(--txt-2)} .modal .cmdr-plan-detail .pd-num{font-variant-numeric:tabular-nums} /* 账号名比字段名更醒目一点，标出「谁」 */ .modal .cmdr-plan-detail .pd-acc{display:block;margin-top:7px;color:var(--txt-2);font-weight:600} .modal .cmdr-plan-detail ol>li{margin-top:6px} .cmdr-sc .tag{flex:none} .sc-acts{display:flex;gap:4px;flex:none;opacity:0;visibility:hidden;transition:opacity .18s var(--ease),visibility .18s var(--ease)} .cmdr-sc:hover .sc-acts{opacity:1;visibility:visible} .sc-acts button{width:26px;height:26px;border:1px solid var(--line-2);background:var(--canvas);border-radius:8px;display:grid;place-items:center;cursor:pointer;color:var(--txt-3);transition:.18s} .sc-acts button svg{width:14px;height:14px} .sc-acts .sc-edit:hover{border-color:var(--blue-line);color:var(--blue)} .sc-acts .sc-del:hover{border-color:#e5484d;color:#e5484d} /* 2026-10-16 波哥：跑过的条目不给删 —— 按钮既要看得出来"不给删"，点一下还要说话（见 01-core.js）。 .is-locked 是"能点但删不了"的态：置灰，hover 也不再变红（红会让老板以为删得掉）。 */ #cmdrSched .sc-acts .sc-del.is-locked{opacity:.45} #cmdrSched .sc-acts .sc-del.is-locked:hover{border-color:var(--line-2);color:var(--txt-3)} .cmdr-log{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:0;overflow-y:auto} .cmdr-log .ev{display:flex;align-items:baseline;gap:9px;font-size:12px;color:var(--txt-2);padding:7px 0;border-bottom:1px solid var(--line);line-height:1.5} .cmdr-log .ev:last-child{border-bottom:none} .cmdr-log .ev .d{width:6px;height:6px;border-radius:50%;background:var(--blue);flex:none;margin-top:5px} .cmdr-log .ev .tm{margin-left:auto;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:10.5px;color:var(--txt-3);flex:none} @keyframes pls{0%{box-shadow:0 0 0 0 rgba(62,207,107,.5)}70%{box-shadow:0 0 0 7px rgba(62,207,107,0)}100%{box-shadow:0 0 0 0 rgba(62,207,107,0)}} /* 作战面板 · 配置按钮 */ .cs-cfg{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2);border-radius:8px;padding:4px 9px;cursor:pointer;transition:.2s;flex:none} .cs-cfg:hover{color:var(--blue);border-color:var(--blue-line);background:var(--blue-soft)} .cs-cfg .pen{width:12px;height:12px;stroke:currentColor;fill:none} /* 添加作战计划弹窗（注意：类名用 sched-modal，避免与销售页 .sched 冲突导致弹窗变成 grid） */ .modal.sched-modal{width:min(560px,94vw);display:block} .modal-sub{font-size:13px;color:var(--txt-3);margin:-2px 0 18px;line-height:1.55} /* 2026-10-14 波哥：原「左表单 + 右 210px 预览」两栏 => 预览太窄，板块名被截成「养…」；说明还写了三段。 => 改单列：字段在上（可用宽度反而更宽），预览铺满整行（不再截断），说明只留一句。 */ .cfg-grid{display:grid;grid-template-columns:1fr;gap:16px} .cfg-form{display:flex;flex-direction:column;gap:14px} .cfg-seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden} .cfg-seg button{border:none;background:none;color:var(--txt-3);font-family:inherit;font-size:12px;font-weight:600;padding:7px 13px;cursor:pointer;transition:.2s;letter-spacing:.02em} .cfg-seg button.on{color:#fff;background:var(--blue)} .cfg-seg button:not(.on):hover{color:var(--txt)} /* 预览：整行铺满（标签 | 时间 | 板块 / 动作 | 状态）—— 宽度够了，板块名不再被截断 */ .cfg-prev{display:flex;align-items:center;gap:14px;background:var(--canvas);border:1px dashed var(--line-2);border-radius:12px;padding:12px 16px} .cp-label{flex:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3);font-weight:700;padding-right:14px;border-right:1px solid var(--line-2)} .cfg-prev #scPreview{flex:1;min-width:0;background:none;border:none;border-radius:0;padding:0;gap:12px;overflow:visible} .cfg-prev #scPreview .tm{font-size:12px;padding:4px 8px} .cfg-prev #scPreview .txt{padding-right:0} .cfg-prev #scPreview .txt b{font-size:13.5px} .cfg-prev #scPreview .st{font-size:12px} .cp-hint{display:none} /* 与副标题重复；2026-10-14 起不再显示 */ .modal-ft{display:flex;gap:10px;margin-top:20px;justify-content:flex-end} .modal-ft .btn-primary,.modal-ft .btn-ghost{width:auto;flex:none;padding:9px 18px;font-size:12.5px;font-weight:600} @media(max-width:1100px){.cmdr{grid-template-columns:1fr}.cmdr-side{height:auto}.cmdr-side>.cs-sec:last-child{flex:none}} @media(max-width:560px){ .settings{grid-template-columns:1fr;gap:18px} .rc-grid{grid-template-columns:1fr} .cr-summary{flex-wrap:wrap} .cr-card{flex:1 1 40%} .recharge-btn span, .recharge-btn{font-size:12px;padding:0 11px} } /* ============ GEO（2026-09-07 入主文件） ============ */ /* ============ GEO 优化板块（独立页） ============ */ #page-geo .geo-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start;padding:0 2px 8px} /* GEO 深色细滚轮：与视频中心、获客中心同一套写法。 注意：本块范围（含弹窗 .geo-mask）内不要再加 scrollbar-width:thin —— 它会禁用下面的定制、回落成浅色系统滚轮 */ #page-geo ::-webkit-scrollbar,.geo-mask ::-webkit-scrollbar{width:7px;height:7px} #page-geo ::-webkit-scrollbar-track,.geo-mask ::-webkit-scrollbar-track{background:transparent} #page-geo ::-webkit-scrollbar-thumb,.geo-mask ::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} #page-geo .geo-methodbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 2px 14px;padding:12px 15px;background:linear-gradient(110deg,var(--blue-soft),var(--surface));border:1px solid var(--blue-line);border-radius:12px} #page-geo .geo-methodlead{display:flex;align-items:center;gap:9px;min-width:0;color:var(--txt-2);font-size:11.5px;line-height:1.5} #page-geo .geo-methodlead b{color:var(--txt);font-size:13px;white-space:nowrap} #page-geo .geo-methodtag{flex:none;padding:3px 7px;border-radius:5px;background:var(--amber-soft);color:var(--amber);font-size:10px;font-weight:700} #page-geo .geo-methodstats{display:flex;gap:16px;flex:none} #page-geo .geo-methodstats span{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15} #page-geo .geo-methodstats b{font-size:15px;color:var(--blue);font-family:var(--font-display)} #page-geo .geo-methodstats small{font-size:10px;color:var(--txt-3);margin-top:3px;white-space:nowrap} #page-geo .geo-mini{border:0;background:transparent;color:var(--txt-3);font-size:10px;padding:2px 3px;cursor:pointer} #page-geo .geo-mini:hover{color:var(--blue)} #page-geo .geo-mini.danger:hover{color:var(--red,#d44)} #page-geo .geo-tr.muted{opacity:.58} @media (max-width:900px){#page-geo .geo-methodbar{align-items:flex-start;flex-direction:column}#page-geo .geo-methodstats{width:100%;justify-content:space-between}#page-geo .geo-methodstats span{align-items:flex-start}} #page-geo .geo-main{display:flex;flex-direction:column;gap:12px;min-width:0} #page-geo .geo-side{display:flex;flex-direction:column;gap:12px} #page-geo .geo-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;min-width:0} #page-geo .geo-card .sec{margin-bottom:10px} #page-geo .geo-card .sec h2{font-size:15px} /* 头部卡 */ #page-geo .geo-hcard{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;flex-wrap:nowrap} #page-geo .geo-hl{display:flex;align-items:center;gap:11px;min-width:0;flex:1} #page-geo .geo-mono{flex:none;width:36px;height:36px;border-radius:9px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:15px;box-shadow:0 8px 20px -8px var(--blue)} #page-geo .geo-pjbox{min-width:0} #page-geo .geo-pjn{font-size:15px;font-weight:600;color:var(--txt);font-family:var(--font-display);display:flex;align-items:center;gap:7px;white-space:nowrap} #page-geo .geo-tag{font-size:10px;font-weight:600;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:20px;padding:1px 7px;font-family:var(--font-body)} #page-geo .geo-pjs{font-size:11.5px;color:var(--txt-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-geo .geo-sel{flex:none;height:35px;max-width:150px;background:var(--sunken);border:1px solid var(--line-2);border-radius:7px;color:var(--txt-2);font-size:12.5px;padding:0 8px;font-family:var(--font-body);cursor:pointer} /* GEO 卡片抬头：去掉标题前的蓝色横杠，标题直接与内容左对齐（仅 GEO，其他板块不受影响） */ #page-geo .sec .rule{display:none} /* 项目选择器：原 max-width:150px 装不下较长项目名，末字被下拉箭头遮住；按内容放宽 */ #page-geo #geoPjSel{max-width:320px} @media (max-width:1200px){#page-geo #geoPjSel{max-width:200px}} #page-geo .geo-hr{flex:none;display:flex;align-items:center;gap:12px} #page-geo .geo-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--txt-2);white-space:nowrap} #page-geo .geo-dot{width:7px;height:7px;border-radius:50%;background:var(--txt-3);flex:none} #page-geo .geo-dot.on{background:var(--blue);animation:breathe 2.4s var(--ease) infinite} #page-geo .geo-dot.off{background:var(--txt-3)} /* 筛选 chips */ #page-geo .geo-filt{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px} #page-geo .geo-f{border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-3);border-radius:999px;padding:4px 11px;font-size:11.5px;cursor:pointer;transition:all .2s var(--ease);white-space:nowrap} #page-geo .geo-f:hover{color:var(--txt);border-color:var(--blue-line)} #page-geo .geo-f.on{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} /* 监测表 */ #page-geo .geo-tblwrap{min-width:0} /* 2026-10-25：最后一列「操作」原来只有 68px，但里面要放 补内容+编辑+停用+删除 四个按钮， 实测最小要 173px ⇒ 装不下就往左溢，压在「未提及」状态上（1680/1280 实叠 29~34px）。 按内容放宽到 176px，问题列本身是 1fr，自动让出这点宽度。 */ #page-geo .geo-thead,#page-geo .geo-tr{display:grid;grid-template-columns:minmax(0,1fr) 62px 96px 54px 62px 70px 176px;gap:10px;align-items:center} #page-geo .geo-thead{padding:0 8px 7px;border-bottom:1px solid var(--line);font-size:10px;font-weight:600;color:var(--txt-3);letter-spacing:.14em;text-transform:uppercase} #page-geo .geo-thead span:nth-child(4),#page-geo .geo-thead span:nth-child(5),#page-geo .geo-thead span:nth-child(6){text-align:center} #page-geo .geo-tbody{max-height:322px;overflow-y:auto} #page-geo .geo-tr{padding:9px 8px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .2s var(--ease)} #page-geo .geo-tr:hover{background:var(--raised)} #page-geo .geo-tr.open{background:var(--blue-soft)} #page-geo .geo-q{font-size:13px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-geo .geo-tp{font-size:10.5px;color:var(--txt-3);border:1px solid var(--line-2);border-radius:5px;padding:1px 5px;text-align:center;white-space:nowrap} #page-geo .geo-eng{display:flex;gap:4px;align-items:center} #page-geo .geo-e{width:8px;height:8px;border-radius:50%;background:var(--dot);flex:none} #page-geo .geo-e.hit{background:var(--blue)} #page-geo .geo-e.top{background:var(--green)} #page-geo .geo-rt,#page-geo .geo-rk{font-size:12px;color:var(--txt-2);text-align:center;font-family:var(--font-display);font-weight:600} #page-geo .geo-st2{font-size:10.5px;font-weight:600;border-radius:20px;padding:2px 7px;text-align:center;white-space:nowrap} #page-geo .geo-st2.ok{color:var(--green);background:oklch(76% 0.14 158 / .12)} #page-geo .geo-st2.mid{color:var(--blue);background:var(--blue-soft)} #page-geo .geo-st2.no{color:var(--txt-3);background:var(--dot)} #page-geo .geo-op{display:flex;gap:5px;justify-content:flex-end} /* 操作列放得下就不许压：按钮不参与收缩，避免「编辑/停用/删除」被挤成 16px 竖排 */ #page-geo .geo-op>button{flex:none} #page-geo .geo-ob{border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-2);border-radius:6px;padding:3px 8px;font-size:10.5px;cursor:pointer;white-space:nowrap;transition:all .2s var(--ease)} #page-geo .geo-ob:hover{color:var(--blue);border-color:var(--blue-line)} #page-geo .geo-ob.pri{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} #page-geo .geo-detail{grid-column:1/-1;display:none;padding:10px 12px;margin:8px 0 4px;background:var(--sunken);border:1px solid var(--line-2);border-radius:9px} #page-geo .geo-tr.open .geo-detail{display:block} #page-geo .geo-dl{font-size:10px;color:var(--txt-3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px} #page-geo .geo-drow{display:flex;gap:8px;padding:5px 0;border-bottom:1px dashed var(--line);font-size:12px;line-height:1.55} #page-geo .geo-drow:last-child{border-bottom:none} #page-geo .geo-den{flex:none;width:76px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--blue);font-weight:600} #page-geo .geo-dtx{color:var(--txt-2);min-width:0} #page-geo .geo-dtx b{color:var(--txt);font-weight:600} #page-geo .geo-dtip{font-size:11px;color:var(--txt-3);margin-top:7px;line-height:1.5} /* 信源矩阵 */ #page-geo .geo-srcwrap{max-height:216px;overflow-y:auto} #page-geo .geo-sr{display:grid;grid-template-columns:minmax(0,1fr) 54px 46px 66px 74px;gap:10px;align-items:center;padding:8px 8px;border-bottom:1px solid var(--line);font-size:12.5px} #page-geo .geo-sr:last-child{border-bottom:none} #page-geo .geo-sp{display:flex;align-items:center;gap:8px;min-width:0} #page-geo .geo-spn{font-size:12.5px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-geo .geo-sico{flex:none;width:22px;height:22px;border-radius:6px;background:var(--sunken);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--txt-2);font-weight:600} #page-geo .geo-sc{font-size:11.5px;color:var(--txt-2);text-align:center;font-family:var(--font-display)} #page-geo .geo-sw{font-size:11px;color:var(--amber);letter-spacing:1px;text-align:center} #page-geo .geo-sm{font-size:10.5px;border-radius:5px;padding:2px 6px;text-align:center;white-space:nowrap} #page-geo .geo-sm.auto{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line)} #page-geo .geo-sm.man{color:var(--txt-3);background:var(--dot);border:1px solid var(--line-2)} /* 右栏 */ #page-geo .geo-np{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:12px} #page-geo .geo-np:last-of-type{border-bottom:none} #page-geo .geo-npk{flex:none;width:46px;white-space:nowrap;color:var(--txt-3);font-size:11px} #page-geo .geo-npv{flex:1;color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-geo .geo-nps{flex:none;font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:20px} #page-geo .geo-nps.ok{color:var(--green);background:oklch(76% 0.14 158 / .12)} #page-geo .geo-nps.bad{color:var(--red);background:oklch(68% 0.16 26 / .12)} #page-geo .geo-naptip{font-size:10.5px;color:var(--txt-3);line-height:1.5;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)} #page-geo .geo-ai{padding:8px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.55} #page-geo .geo-ai:last-child{border-bottom:none} #page-geo .geo-aih{display:flex;align-items:center;gap:7px;margin-bottom:3px} #page-geo .geo-aip{flex:none;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff} #page-geo .geo-ait{color:var(--txt);font-weight:600} #page-geo .geo-aim{color:var(--txt-3);font-size:11.5px} #page-geo .geo-gi{font-size:11.5px;color:var(--txt-2);line-height:1.6;padding:5px 0;border-bottom:1px dashed var(--line)} #page-geo .geo-gi:last-child{border-bottom:none} #page-geo .geo-gi b{color:var(--blue);font-weight:600;font-family:var(--font-display)} #page-geo .geo-giw{color:var(--amber);font-size:11px} #page-geo .geo-run{flex:none;width:auto;height:33px;padding:0 15px;font-size:12.5px;font-weight:600} #page-geo .geo-run.pause{color:var(--green);border-color:oklch(76% 0.14 158 / .34);background:oklch(76% 0.14 158 / .10)} #page-geo .geo-run.run{background:var(--blue);color:#fff;border-color:transparent;box-shadow:0 8px 20px -8px var(--blue)} #page-geo .geo-empty{padding:34px 0;text-align:center;font-size:12.5px;color:var(--txt-3)} .geo-toast{position:fixed;left:50%;top:78px;transform:translate(-50%,-14px);background:var(--raised);border:1px solid var(--line-2);border-radius:9px;padding:10px 18px;font-size:12.5px;color:var(--txt);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:all .28s var(--ease);z-index:10000;max-width:70vw} .geo-toast.on{opacity:1;transform:translate(-50%,0)} /* 用户视角走查补充（09-07 v1.1） */ #page-geo .geo-filtrow{display:flex;gap:8px;align-items:flex-start;margin-bottom:9px} #page-geo .geo-filtrow .geo-filt{margin-bottom:0;flex:1;min-width:0} #page-geo .geo-retest{padding:0 12px} #page-geo .geo-retest.busy{color:var(--txt-3);pointer-events:none} #page-geo .geo-legend{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:7px 10px;background:var(--sunken);border:1px solid var(--line);border-radius:8px;margin-bottom:9px;font-size:10px;color:var(--txt-3)} #page-geo .geo-leg{display:inline-flex;align-items:center;gap:4px;white-space:nowrap} #page-geo .geo-leg i{width:7px;height:7px;border-radius:50%;flex:none} #page-geo .geo-leg .e{background:var(--dot)} #page-geo .geo-leg .h{background:var(--blue)} #page-geo .geo-leg .t{background:var(--green)} #page-geo .geo-legdiv{flex:none;width:1px;height:11px;background:var(--line-2)} #page-geo .geo-fbts{margin-left:auto;display:flex;gap:6px} #page-geo .geo-fbts .geo-ob{padding:4px 11px;font-size:11px} #page-geo .geo-fbts .geo-ob.ai{background:var(--blue);border-color:transparent;color:#fff;font-weight:600} #page-geo .geo-fbts .geo-ob.ai:hover{color:#fff;filter:brightness(1.12)} #page-geo .geo-trendcard{flex:none} #page-geo .geo-chart{height:118px} #page-geo .geo-chart svg{width:100%;height:88px} #page-geo .geo-tasks{max-height:150px;overflow-y:auto} #page-geo .geo-tk{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:11.5px} #page-geo .geo-tk:last-child{border-bottom:none} #page-geo .geo-tki{flex:none;width:6px;height:6px;border-radius:50%;background:var(--amber)} #page-geo .geo-tk.done .geo-tki{background:var(--green)} #page-geo .geo-tkn{flex:1;min-width:0;color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-geo .geo-tkb{flex:none;border:1px solid var(--blue-line);background:var(--blue-soft);color:var(--blue);border-radius:6px;padding:3px 9px;font-size:10.5px;cursor:pointer;font-weight:600;font-family:inherit;transition:.2s var(--ease)} #page-geo .geo-tkb:hover{filter:brightness(1.15)} #page-geo .geo-tkdone{flex:none;font-size:10px;color:var(--txt-3)} #page-geo .geo-empty2{padding:16px 0;text-align:center;font-size:11.5px;color:var(--txt-3)} .geo-mask{position:fixed;inset:0;background:rgba(8,10,16,.55);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:9998} .geo-mask.on{display:flex} .geo-qpop{width:380px;max-width:88vw;background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow);animation:rise .3s var(--ease)} /* ── 2026-10-15（波哥：设置公司全称这窗有点小、黄字太啰嗦）：加宽版 + 说明文字降噪 ── ⚠️ 只作用于 `.wide` 这一个窗（设置公司全称）；其余 GEO 小窗仍是 380，未动。 */ .geo-qpop.wide{width:720px} .geo-qpop.wide .geo-dpnote{color:var(--txt-3);font-size:12px;line-height:1.6} .geo-qpop.wide .geo-strtip{font-size:12px;line-height:1.6} .geo-qpop.wide .geo-ql{margin-top:14px} .geo-qpop.wide .geo-qinput{padding:10px 12px;font-size:13.5px} .geo-qt{font-size:15px;font-weight:600;font-family:var(--font-display);color:var(--txt);margin-bottom:14px} .geo-ql{font-size:10px;font-weight:600;color:var(--txt-3);letter-spacing:.14em;text-transform:uppercase;margin:10px 0 6px} .geo-qinput{width:100%;box-sizing:border-box;height:35px;background:var(--sunken);border:1px solid var(--line-2);border-radius:7px;color:var(--txt);font-size:13px;padding:0 12px;font-family:inherit} .geo-qinput:focus{outline:none;border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} .geo-qpop .geo-sel{max-width:100%;width:100%} .geo-qacts{display:flex;justify-content:flex-end;gap:8px;margin-top:16px} .geo-qacts .geo-ob{padding:6px 16px;font-size:12px} /* GEO 弹窗（挂在 document.body 下）收不到 #page-geo 前缀的规则， 这里把按钮与下拉的视觉样式补为全局，使弹窗内与页面内完全一致 */ .geo-ob{border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-2);border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .2s var(--ease);font-family:inherit} .geo-ob:hover{color:var(--blue);border-color:var(--blue-line)} .geo-ob.pri{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} .geo-ob.pri:hover{filter:brightness(1.12)} .geo-sel{height:35px;background:var(--sunken);border:1px solid var(--line-2);border-radius:7px;color:var(--txt);font-size:13px;padding:0 10px;font-family:var(--font-body);cursor:pointer} /* ============ v1.2 行动导向重构 ============ */ #page-geo .geo-actcard{background:linear-gradient(180deg,var(--blue-soft),transparent 85%),var(--surface);border:1px solid var(--blue-line);border-radius:14px;padding:15px 18px 13px;margin-bottom:14px} #page-geo .geo-actt{font-size:15px;font-weight:600;font-family:var(--font-display);color:var(--txt);display:flex;align-items:center;gap:9px;margin-bottom:11px} #page-geo .geo-actt .geo-actbadge{font-size:10px;font-weight:600;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:20px;padding:2px 9px;font-family:var(--font-body);letter-spacing:.08em} #page-geo .geo-astep{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:9px} #page-geo .geo-astep+.geo-astep{border-top:1px dashed var(--line)} #page-geo .geo-asck{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-2);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--txt-3);font-weight:600} #page-geo .geo-astep.ok .geo-asck{background:var(--green);border-color:var(--green);color:#fff} #page-geo .geo-astx{flex:1;min-width:0;font-size:13px;color:var(--txt-2)} #page-geo .geo-astx b{color:var(--txt);font-weight:600} #page-geo .geo-astep.ok .geo-astx{color:var(--txt-3);text-decoration:line-through;text-decoration-color:var(--line-2)} #page-geo .geo-abtn{flex:none;background:var(--blue);border:none;color:#fff;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 8px 20px -8px var(--blue);transition:.2s var(--ease)} #page-geo .geo-abtn:hover{filter:brightness(1.12)} #page-geo .geo-abtn.ghost{background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-2);box-shadow:none} #page-geo .geo-abtn.ghost:hover{color:var(--blue);border-color:var(--blue-line)} /* AI 内容工坊弹窗 */ .geo-stpop{width:860px;max-width:94vw;max-height:92vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:20px 24px;box-shadow:var(--shadow);animation:rise .3s var(--ease)} .geo-sthead{flex:none;display:flex;align-items:center;gap:10px;margin-bottom:13px} .geo-sthead b{font-size:16px;font-family:var(--font-display);color:var(--txt);font-weight:600} .geo-sthead span{font-size:11.5px;color:var(--txt-3);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .geo-sx{flex:none;width:30px;height:30px;border-radius:8px;border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-2);cursor:pointer;font-size:15px;line-height:1;font-family:inherit} .geo-sx:hover{color:var(--blue);border-color:var(--blue-line)} .geo-stbody{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px} .geo-stleft{overflow-y:auto;min-height:0;background:var(--sunken);border:1px solid var(--line-2);border-radius:10px;padding:16px 18px;min-width:0} /* AI 内容工坊：正文与待核验事实要让内容看得见，不在小框里滚动（高度由 JS 按内容自适应） */ #geoStBodyText,#geoStFacts{height:auto;padding:9px 12px;line-height:1.7;font-size:13px;resize:vertical} #geoStBodyText{min-height:240px} #geoStFacts{min-height:104px} .geo-sttl{font-size:15.5px;font-weight:600;font-family:var(--font-display);color:var(--txt);line-height:1.5;margin-bottom:10px} .geo-stopen{font-size:12.5px;color:var(--txt);line-height:1.7;padding:9px 11px;background:var(--blue-soft);border-left:2px solid var(--blue);border-radius:0 7px 7px 0;margin-bottom:12px} .geo-stpt{font-size:12.5px;color:var(--txt-2);line-height:1.7;margin:0 0 10px;padding-left:14px;position:relative} .geo-stpt:before{content:'';position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--blue)} .geo-stpt b{color:var(--txt)} .geo-stfaq{font-size:11.5px;color:var(--txt-3);line-height:1.6;border-top:1px dashed var(--line);padding-top:9px;margin-top:2px} .geo-stright{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:0} .geo-strh{font-size:10px;font-weight:600;color:var(--txt-3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px} .geo-stck{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--txt-2);padding:7px 0;border-bottom:1px dashed var(--line)} .geo-stck:last-of-type{border-bottom:none} .geo-stck i{flex:none;width:16px;height:16px;border-radius:5px;background:var(--green);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700} .geo-strtip{font-size:10.5px;color:var(--amber);line-height:1.55;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)} .geo-stacts{flex:none;display:flex;justify-content:flex-end;gap:9px;margin-top:15px} .geo-stacts .geo-ob{padding:8px 18px;font-size:12.5px} .geo-stacts .geo-ob.pri{background:var(--blue);border-color:transparent;color:#fff;font-weight:600} .geo-stacts .geo-ob.pri:hover{color:#fff;filter:brightness(1.12)} /* 派发弹窗 */ .geo-dppop{width:520px;max-width:92vw;background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow);animation:rise .3s var(--ease)} .geo-dppop .geo-qt{margin-bottom:4px} .geo-dpnote{font-size:11.5px;color:var(--amber);margin-bottom:12px} .geo-dpplat{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line-2);border-radius:9px;margin-bottom:7px;cursor:pointer;transition:.2s var(--ease)} .geo-dpplat:hover{border-color:var(--blue-line)} .geo-dpplat.on{background:var(--blue-soft);border-color:var(--blue-line)} .geo-dpplat input{accent-color:var(--blue)} /* 2026-10-14：机器发布模式下「这台电脑没登录」的平台置灰（沿用全站 :disabled 的 .45 + not-allowed 口径）。 */ .geo-dpplat.off{opacity:.45;cursor:not-allowed} .geo-dpplat.off input{pointer-events:none} .geo-dpplat.off:hover{border-color:var(--line-2)} .geo-dppn{flex:1;font-size:13px;color:var(--txt)} .geo-dppa{font-size:11px;color:var(--txt-3)} .geo-dptimes{display:flex;gap:8px} .geo-dpt{flex:1;text-align:center;border:1px solid var(--line-2);border-radius:8px;padding:8px 4px;font-size:11.5px;color:var(--txt-2);cursor:pointer;transition:.2s var(--ease)} .geo-dpt small{display:block;font-size:9.5px;color:var(--txt-3);margin-top:2px} .geo-dpt.on{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} .geo-dpt.off{opacity:.45;cursor:not-allowed} /* ── 2026-10-14（波哥选 B·左右分栏）：发布设置弹窗重排 ── 骨架＝规范里的「左右分栏」范式：左挑平台 / 右定怎么发 + 一条通栏操作条。 全部复用既有令牌与类名（--green-soft/--line/--r…），没有新造色相与尺寸。 */ .geo-dppop.wide{width:920px;max-width:94vw;padding:0} .geo-dpcols{display:grid;grid-template-columns:340px 1fr} .geo-dpcol{padding:20px 22px} .geo-dpcol+.geo-dpcol{border-left:1px solid var(--line)} .geo-dpqt{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--txt)} .geo-dpqt.sub{margin-top:18px;font-size:12px;letter-spacing:.06em;color:var(--txt-3)} .geo-dpsub{font-size:12px;color:var(--txt-3);margin-top:3px} .geo-dpfoot{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:13px 22px} /* ⚠️ 2026-10-14 波哥指出：新底栏（.geo-dpfoot）**没有继承到按钮的尺寸** —— 老底栏用的是 `.geo-qacts`，而 `.geo-qacts .geo-ob{padding:6px 16px;font-size:12px}` 是**按父类限定**的， 换了容器名就全丢了（`#page-geo .geo-ob` 也吃不到：弹窗挂在 body 上，不在 #page-geo 里）。 ⇒ 这里按 .geo-stacts 的既有口径补上尺寸，并把主按钮做成**填充蓝 + 白字**（规范「主行动用填充蓝」， 也是对照小样里我画、波哥点头的那一版；原来只有软蓝底，看着不像主按钮）。 */ .geo-dpfoot .geo-ob{padding:8px 18px;font-size:12.5px} .geo-dpfoot .geo-ob.pri{background:var(--blue);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 8px 20px -8px var(--blue)} .geo-dpfoot .geo-ob.pri:hover{color:#fff;filter:brightness(1.12)} .geo-dpfootnote{font-size:12px;color:var(--txt-3);white-space:nowrap} .geo-dpsp{flex:1} .geo-chip{font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px;white-space:nowrap} .geo-chip.ok{color:var(--green);background:var(--green-soft);border:1px solid var(--green-line)} .geo-chip.no{color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2)} .geo-dppop.wide .geo-dpplat{padding:10px 12px;margin-top:8px;margin-bottom:0} .geo-dppop.wide .geo-dpplat:first-child{margin-top:14px} .geo-dppop.wide .geo-dppn{font-size:13.5px} .geo-dppop.wide .geo-dptimes{flex-direction:column;gap:8px;margin-top:12px} .geo-dppop.wide .geo-dpt{text-align:left;padding:12px 14px;font-size:13px} .geo-dppop.wide .geo-dpt.on{background:linear-gradient(180deg,var(--blue-soft),transparent 62%)} .geo-dppop.wide .geo-dpt small{font-size:12px;margin-top:3px;color:var(--txt-3)} .geo-dppop.wide .geo-dpt.on small{color:var(--txt-2)} /* 说明文字统一走灰（原来是一片黄，配合"字太多"一起收掉）；这是小样里确认过的观感。 */ .geo-dppop.wide .geo-dpnote{margin:9px 0 0;font-size:12px;color:var(--txt-3)} /* 2026-10-15：公众号「自己发」按钮行。⚠️ `.geo-ob` 的基础样式**没有 padding**（弹窗挂在 body 上、 吃不到 `#page-geo .geo-ob`）—— 底栏那次就踩过这个坑 ⇒ 这里显式给尺寸。 */ .geo-dpwxbtns{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap} .geo-dpwxbtns .geo-ob{padding:8px 14px;font-size:12.5px;flex:1;white-space:nowrap} /* 窄屏兜底：两栏改成上下排，不挤成一团 */ @media (max-width:1120px){ .geo-dppop.wide{width:min(720px,94vw)} .geo-dpcols{grid-template-columns:1fr} .geo-dpcol+.geo-dpcol{border-left:none;border-top:1px solid var(--line)} } /* 任务状态机 */ #page-geo .geo-tk .geo-tkst{flex:none;font-size:10px;font-weight:600;padding:2px 7px;border-radius:20px;white-space:nowrap} #page-geo .geo-tk.st-ready .geo-tkst{color:var(--amber);background:var(--amber-soft)} #page-geo .geo-tk.st-queue .geo-tkst,#page-geo .geo-tk.st-pub .geo-tkst{color:var(--blue);background:var(--blue-soft)} #page-geo .geo-tk.st-queue .geo-tki,#page-geo .geo-tk.st-pub .geo-tki{background:var(--blue);animation:breathe 2.4s var(--ease) infinite} #page-geo .geo-tk.st-done .geo-tkst{color:var(--green);background:oklch(76% 0.14 158 / .12)} #page-geo .geo-tk.st-failed .geo-tkst{color:var(--red);background:var(--red-soft)} #page-geo .geo-tk.st-failed .geo-tki{background:var(--red)} #page-geo .geo-tk.st-cancel .geo-tkst{color:var(--txt-3);background:var(--line)} #page-geo .geo-tk.st-cancel .geo-tki{background:var(--txt-3)} #page-geo .geo-flash{outline:2px solid var(--blue-line);outline-offset:3px;border-radius:14px} /* v2 真实态弹窗（NAP 修复 / 百科指引） */ .geo-fixrow{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;font-size:12px;background:var(--sunken)} .geo-fixrow .geo-npk{flex:none;width:62px;color:var(--txt-3);font-size:11px} .geo-fixrow span:nth-child(2){flex:1;min-width:0;color:var(--txt-2)} .geo-fixrow input.geo-qinput{flex:1;min-width:0} .geo-wstep{display:flex;gap:9px;padding:8px 2px;border-bottom:1px dashed var(--line);font-size:12px;color:var(--txt-2);line-height:1.6} .geo-wstep:last-of-type{border-bottom:none} .geo-wstep b{color:var(--blue);flex:none;font-family:var(--font-display)} /* v1.3 指标胶囊（原 4 大卡 ledger 压扁并入行动卡头部） */ #page-geo .geo-astats{margin-left:auto;display:flex;gap:7px;align-items:center;flex-wrap:wrap} #page-geo .geo-astat{display:inline-flex;align-items:baseline;gap:5px;background:var(--sunken);border:1px solid var(--line);border-radius:8px;padding:4px 10px;white-space:nowrap} #page-geo .geo-astat i{font-style:normal;font-size:10px;color:var(--txt-3)} #page-geo .geo-astat b{font-size:13px;color:var(--txt);font-family:var(--font-display);font-weight:600} #page-geo .geo-astat em{font-style:normal;font-size:9.5px;color:var(--txt-3)} #page-geo .geo-astat.prime{background:var(--blue-soft);border-color:var(--blue-line)} #page-geo .geo-astat.prime b{color:var(--blue)} /* ============ 销售管家（2026-09-07 入主文件） ============ */ /* ============ 销售管家（2026-09-07 重做 · 五视图 + 设置抽屉） ============ */ #page-sales .sl-stats{display:flex;gap:8px;margin:2px 0 12px;flex-wrap:wrap} #page-sales .sl-st{display:inline-flex;align-items:baseline;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:6px 13px} #page-sales .sl-st i{font-style:normal;font-size:10.5px;color:var(--txt-3)} #page-sales .sl-st b{font-size:14px;color:var(--txt);font-family:var(--font-display);font-weight:600} #page-sales .sl-st em{font-style:normal;font-size:9.5px;color:var(--blue)} #page-sales .sl-st.prime{background:var(--blue-soft);border-color:var(--blue-line)} #page-sales .sl-st.prime b{color:var(--blue)} #page-sales .sl-tabs{display:flex;gap:6px;align-items:center;margin-bottom:12px} #page-sales .sl-tab{background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-2);border-radius:999px;padding:7px 20px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:.2s var(--ease)} #page-sales .sl-tab:hover{color:var(--txt);border-color:var(--blue-line)} #page-sales .sl-tab.on{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} #page-sales .sl-gear{margin-left:auto;display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid var(--line-2);color:var(--txt-2);border-radius:9px;padding:7px 15px;font-size:12.5px;cursor:pointer;font-family:inherit;transition:.2s var(--ease)} #page-sales .sl-gear svg{width:14px;height:14px} #page-sales .sl-gear:hover{color:var(--blue);border-color:var(--blue-line)} #page-sales .sl-views{position:relative} #page-sales .sl-view{display:none} #page-sales .sl-view.on{display:grid;animation:rise .4s var(--ease)} /* ---- 聊天视图（五栏） ---- */ #page-sales .sl-view[data-v="chat"].on{grid-template-columns:76px 158px 262px minmax(0,1fr) 272px;gap:10px;height:clamp(440px,calc(100vh - 430px),640px)} #page-sales .sl-devs{display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:thin} #page-sales .sl-dev{border:1px solid var(--line-2);background:var(--surface);border-radius:10px;padding:9px 6px;text-align:center;cursor:pointer;transition:.2s var(--ease)} #page-sales .sl-dev:hover{border-color:var(--blue-line)} #page-sales .sl-dev.on{border-color:var(--blue-line);background:var(--blue-soft)} #page-sales .sl-dev .sl-dico{width:30px;height:30px;margin:0 auto 5px;border-radius:8px;background:var(--sunken);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--txt-2)} #page-sales .sl-dev .sl-dico svg{width:15px;height:15px} #page-sales .sl-dev .sl-dn{font-size:10px;color:var(--txt-2);line-height:1.35} #page-sales .sl-dev .sl-dm{font-size:9px;color:var(--txt-3)} #page-sales .sl-dev .sl-dst{width:6px;height:6px;border-radius:50%;margin:4px auto 0;background:var(--txt-3)} #page-sales .sl-dev .sl-dst.on{background:var(--green)} #page-sales .sl-dev.off{opacity:.5} #page-sales .sl-dhint{font-size:9.5px;color:var(--txt-3);text-align:center;line-height:1.5;margin-top:2px} #page-sales .sl-accs{display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:thin} #page-sales .sl-acc{border:1px solid var(--line-2);background:var(--surface);border-radius:10px;padding:10px 10px;cursor:pointer;transition:.2s var(--ease);position:relative} #page-sales .sl-acc:hover{border-color:var(--blue-line)} #page-sales .sl-acc.on{border-color:var(--blue-line);background:var(--blue-soft)} #page-sales .sl-acc .sl-a2{display:flex;align-items:center;gap:8px} #page-sales .sl-acc .sl-av{flex:none;width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-family:var(--font-display)} #page-sales .sl-acc .sl-an{font-size:12px;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-sales .sl-acc .sl-ad{font-size:9.5px;color:var(--txt-3);margin-top:1px} #page-sales .sl-acc .sl-un{position:absolute;top:7px;right:7px;background:var(--red);color:#fff;font-size:9px;font-weight:700;border-radius:20px;padding:1px 6px} #page-sales .sl-acc .sl-ast{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px;background:var(--txt-3)} #page-sales .sl-acc .sl-ast.on{background:var(--green)} #page-sales .sl-list{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:0} #page-sales .sl-lh{padding:11px 13px;font-size:11.5px;color:var(--txt-2);border-bottom:1px solid var(--line)} #page-sales .sl-lh b{color:var(--blue);font-family:var(--font-display)} #page-sales .sl-lf{display:flex;gap:5px;padding:8px 11px;border-bottom:1px solid var(--line)} #page-sales .sl-lt{background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-3);border-radius:20px;padding:3px 11px;font-size:10.5px;cursor:pointer;font-family:inherit} #page-sales .sl-lt.on{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} #page-sales .sl-lbody{flex:1;overflow-y:auto;scrollbar-width:thin;min-height:0} #page-sales .sl-cv{display:flex;gap:9px;padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .2s var(--ease)} #page-sales .sl-cv:hover{background:var(--raised)} #page-sales .sl-cv.on{background:var(--blue-soft)} #page-sales .sl-cv .sl-av{flex:none;width:30px;height:30px;border-radius:50%;background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700} #page-sales .sl-cv .sl-cv2{flex:1;min-width:0} #page-sales .sl-cv .sl-cn{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--txt)} #page-sales .sl-cv .sl-cn .sl-un{background:var(--red);color:#fff;font-size:8.5px;font-weight:700;border-radius:20px;padding:0 5px;line-height:14px} #page-sales .sl-cv .sl-cp{font-size:10.5px;color:var(--txt-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px} #page-sales .sl-cv .sl-ct{flex:none;font-size:9.5px;color:var(--txt-3);align-self:flex-start;margin-top:2px} #page-sales .sl-cv .sl-ctag{font-size:8.5px;color:var(--blue);background:var(--blue-soft);border-radius:4px;padding:0 4px;line-height:14px;flex:none} #page-sales .sl-chat{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0;min-height:0} #page-sales .sl-ch{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);flex-wrap:nowrap} #page-sales .sl-ch .sl-av{flex:none;width:34px;height:34px;border-radius:50%;background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-2);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700} #page-sales .sl-ch .sl-ch2{flex:1;min-width:0} #page-sales .sl-ch .sl-chn{font-size:13.5px;color:var(--txt);font-weight:600;display:flex;align-items:center;gap:7px} #page-sales .sl-ch .sl-chs{font-size:10.5px;color:var(--txt-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-sales .sl-take{flex:none;background:none;border:1px solid var(--line-2);color:var(--txt-2);border-radius:7px;padding:6px 12px;font-size:11.5px;cursor:pointer;font-family:inherit;transition:.2s var(--ease);white-space:nowrap} #page-sales .sl-take:hover{color:var(--blue);border-color:var(--blue-line)} #page-sales .sl-take.on{background:var(--amber-soft);border-color:var(--amber-line);color:var(--amber);font-weight:600} #page-sales .sl-cbody{flex:1;overflow-y:auto;scrollbar-width:thin;padding:14px 16px;min-height:0;display:flex;flex-direction:column;gap:12px} #page-sales .sl-m2{display:flex;gap:9px;max-width:88%} #page-sales .sl-m2 .sl-av{flex:none;width:26px;height:26px;border-radius:50%;background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-2);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700} #page-sales .sl-m2.me{align-self:flex-end;flex-direction:row-reverse} #page-sales .sl-m2 .sl-bub{background:var(--raised);border:1px solid var(--line);border-radius:11px;padding:8px 12px;font-size:12.5px;color:var(--txt);line-height:1.65} #page-sales .sl-m2.me .sl-bub{background:linear-gradient(180deg,var(--blue-soft),transparent 90%),var(--raised);border-color:var(--blue-line)} #page-sales .sl-m2 .sl-bub .sl-mtag{display:inline-flex;align-items:center;gap:4px;font-size:8.5px;color:var(--blue);background:var(--blue-soft);border-radius:4px;padding:1px 5px;margin-bottom:4px;font-weight:600} #page-sales .sl-m2 .sl-mtm{font-size:8.5px;color:var(--txt-3);margin-top:4px} #page-sales .sl-comp{border-top:1px solid var(--line);padding:9px 12px 10px;flex:none} #page-sales .sl-airow{display:none;margin-bottom:8px;padding:7px 10px;background:var(--blue-soft);border:1px dashed var(--blue-line);border-radius:8px;font-size:11.5px;color:var(--txt-2);line-height:1.5;align-items:flex-start;gap:8px} #page-sales .sl-airow.on{display:flex} #page-sales .sl-airow b{color:var(--blue);flex:none} #page-sales .sl-airow .sl-ai2{flex:1;min-width:0} #page-sales .sl-aiuse{flex:none;background:var(--blue);border:none;color:#fff;border-radius:6px;padding:4px 10px;font-size:10.5px;cursor:pointer;font-family:inherit;font-weight:600} #page-sales .sl-comp textarea{width:100%;box-sizing:border-box;background:var(--sunken);border:1px solid var(--line-2);border-radius:9px;color:var(--txt);font-size:12.5px;font-family:inherit;padding:9px 11px;resize:none;height:52px;line-height:1.5} #page-sales .sl-comp textarea:focus{outline:none;border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #page-sales .sl-cbar{display:flex;align-items:center;gap:10px;margin-top:8px} #page-sales .sl-aiwrap{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--txt-2)} #page-sales .sl-aipoint{width:7px;height:7px;border-radius:50%;background:var(--txt-3)} #page-sales .sl-aipoint.on{background:var(--blue);animation:breathe 2.4s var(--ease) infinite} #page-sales .sl-sw{display:inline-block;width:34px;height:19px;border-radius:99px;background:var(--sunken);border:1px solid var(--line-2);position:relative;cursor:pointer;transition:.2s var(--ease);vertical-align:middle;font-style:normal} #page-sales .sl-sw:after{content:'';position:absolute;top:2px;left:2.5px;width:13px;height:13px;border-radius:50%;background:var(--txt-3);transition:.2s var(--ease)} #page-sales .sl-sw.on{background:var(--blue);border-color:var(--blue)} #page-sales .sl-sw.on:after{left:17px;background:#fff} #page-sales .sl-work{font-size:10px;color:var(--txt-3);flex:1;text-align:center} #page-sales .sl-send{background:var(--blue);border:none;color:#fff;border-radius:8px;padding:7px 20px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 8px 20px -8px var(--blue)} #page-sales .sl-send:hover{filter:brightness(1.12)} #page-sales .sl-suggest{background:none;border:none;color:var(--blue);font-size:11px;cursor:pointer;font-family:inherit;padding:0} #page-sales .sl-prof{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 15px;overflow-y:auto;scrollbar-width:thin;min-height:0} #page-sales .sl-p2{display:flex;align-items:center;gap:10px;margin-bottom:9px} #page-sales .sl-p2 .sl-av{flex:none;width:38px;height:38px;border-radius:50%;background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-2);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700} #page-sales .sl-pn{font-size:14px;color:var(--txt);font-weight:600} #page-sales .sl-ps{font-size:10.5px;color:var(--txt-3);margin-top:1px} #page-sales .sl-ptags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px} #page-sales .sl-pt{font-size:9.5px;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:20px;padding:1px 8px} #page-sales .sl-pt.lvA{color:var(--green);background:oklch(76% 0.14 158 / .12);border-color:oklch(76% 0.14 158 / .34)} #page-sales .sl-sec2{font-size:10px;font-weight:600;color:var(--txt-3);letter-spacing:.14em;text-transform:uppercase;margin:10px 0 6px} #page-sales .sl-tl{display:flex;gap:8px;font-size:11px;color:var(--txt-2);padding:4.5px 0;line-height:1.5} #page-sales .sl-tl .sl-d{flex:none;width:5px;height:5px;border-radius:50%;background:var(--blue);margin-top:6px} #page-sales .sl-todo{display:flex;align-items:center;gap:8px;background:var(--amber-soft);border:1px solid var(--amber-line);border-radius:8px;padding:7px 10px;font-size:11px;color:var(--txt-2);margin-bottom:6px} #page-sales .sl-todo b{color:var(--amber);font-weight:600;flex:none;font-size:10px;border:1px solid var(--amber-line);border-radius:4px;padding:0 4px} #page-sales .sl-todo span{flex:1;min-width:0} #page-sales .sl-todo .sl-tgo{flex:none;background:none;border:1px solid var(--amber-line);color:var(--amber);border-radius:5px;padding:2px 8px;font-size:9.5px;cursor:pointer;font-family:inherit} #page-sales .sl-pacts{display:flex;gap:7px;margin-top:11px} #page-sales .sl-pb{flex:1;background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-2);border-radius:7px;padding:6px 4px;font-size:10.5px;cursor:pointer;font-family:inherit;transition:.2s var(--ease)} #page-sales .sl-pb:hover{color:var(--blue);border-color:var(--blue-line)} /* ---- 群发视图 ---- */ #page-sales .sl-view[data-v="mass"].on{grid-template-columns:minmax(0,1fr) 300px;gap:12px} #page-sales .sl-mass{display:flex;flex-direction:column;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 18px;min-width:0} #page-sales .sl-mtabs{display:flex;gap:6px;margin-bottom:13px} #page-sales .sl-mt{background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-3);border-radius:20px;padding:5px 16px;font-size:12px;cursor:pointer;font-family:inherit} #page-sales .sl-mt.on{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} #page-sales .sl-flabel{font-size:10px;font-weight:600;color:var(--txt-3);letter-spacing:.14em;text-transform:uppercase;margin:11px 0 7px;display:flex;align-items:center;gap:8px} #page-sales .sl-aib{margin-left:auto;background:var(--blue);border:none;color:#fff;border-radius:6px;padding:4px 11px;font-size:10.5px;cursor:pointer;font-family:inherit;font-weight:600;letter-spacing:0;text-transform:none} #page-sales .sl-mpick{display:flex;gap:7px;flex-wrap:wrap} #page-sales .sl-mp{border:1px solid var(--line-2);background:var(--sunken);border-radius:8px;padding:6px 12px;font-size:11.5px;color:var(--txt-2);cursor:pointer;font-family:inherit;transition:.2s var(--ease)} #page-sales .sl-mp:hover{border-color:var(--blue-line)} #page-sales .sl-mp.on{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} #page-sales .sl-mp b{font-family:var(--font-display)} #page-sales .sl-mtxt{width:100%;box-sizing:border-box;background:var(--sunken);border:1px solid var(--line-2);border-radius:9px;color:var(--txt);font-size:12.5px;font-family:inherit;padding:10px 12px;resize:none;height:88px;line-height:1.6} #page-sales .sl-mtxt:focus{outline:none;border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #page-sales .sl-times{display:flex;gap:8px} #page-sales .sl-tb{flex:none;background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-2);border-radius:8px;padding:7px 16px;font-size:11.5px;cursor:pointer;font-family:inherit} #page-sales .sl-tb.on{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} #page-sales .sl-macts{display:flex;justify-content:flex-end;margin-top:15px} #page-sales .sl-go{background:var(--blue);border:none;color:#fff;border-radius:9px;padding:9px 26px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 8px 20px -8px var(--blue)} #page-sales .sl-go:hover{filter:brightness(1.12)} #page-sales .sl-mhist{margin-top:10px} #page-sales .sl-mh2{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px} #page-sales .sl-mh2:last-child{border-bottom:none} #page-sales .sl-mh2 .sl-mhn{flex:1;min-width:0;color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-sales .sl-mh2 .sl-mhi{flex:none;font-size:10px;color:var(--txt-3)} #page-sales .sl-mst{flex:none;font-size:9.5px;font-weight:600;border-radius:20px;padding:2px 8px} #page-sales .sl-mst.done{color:var(--green);background:oklch(76% 0.14 158 / .12)} #page-sales .sl-mst.run{color:var(--blue);background:var(--blue-soft)} #page-sales .sl-mst.wait{color:var(--txt-3);background:var(--dot)} /* ---- 朋友圈视图 ---- */ #page-sales .sl-view[data-v="moments"].on{grid-template-columns:minmax(0,1fr) 380px;gap:12px} #page-sales .sl-mmnew,#page-sales .sl-mmlist{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 18px;min-width:0} #page-sales .sl-mattach{display:flex;gap:9px} #page-sales .sl-mmatt{flex:1;border:1px dashed var(--line-2);background:var(--sunken);border-radius:9px;padding:13px 14px;font-size:12px;color:var(--txt-2);cursor:pointer;transition:.2s var(--ease)} #page-sales .sl-mmatt span{display:block;font-size:10px;color:var(--txt-3);margin-top:3px} #page-sales .sl-mmatt:hover{border-color:var(--blue-line);color:var(--blue)} #page-sales .sl-mmi{display:flex;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)} #page-sales .sl-mmi:last-child{border-bottom:none} #page-sales .sl-mmi .sl-mmic{flex:none;width:52px;height:52px;border-radius:9px;background:var(--sunken);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--txt-3);font-size:10px} #page-sales .sl-mmi .sl-mmt2{flex:1;min-width:0} #page-sales .sl-mmi .sl-mmtt{font-size:12px;color:var(--txt);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #page-sales .sl-mmi .sl-mmm{font-size:10px;color:var(--txt-3);margin-top:5px;display:flex;gap:10px;align-items:center} #page-sales .sl-mmi .sl-mmk{display:flex;gap:9px;flex-direction:column;justify-content:center;font-size:10px;color:var(--txt-3);text-align:right} /* ---- 客户视图 ---- */ #page-sales .sl-view[data-v="cust"].on{grid-template-columns:minmax(0,1fr)} #page-sales .sl-cust{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 16px;min-width:0} #page-sales .sl-cfil{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap} #page-sales .sl-cf{border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-3);border-radius:999px;padding:4px 13px;font-size:11.5px;cursor:pointer;font-family:inherit} #page-sales .sl-cf.on{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} #page-sales .sl-chead,#page-sales .sl-cr{display:grid;grid-template-columns:minmax(0,1fr) 110px 56px 130px 92px minmax(0,1fr) 96px;gap:10px;align-items:center} #page-sales .sl-chead{padding:0 8px 8px;border-bottom:1px solid var(--line);font-size:10px;font-weight:600;color:var(--txt-3);letter-spacing:.14em;text-transform:uppercase} #page-sales .sl-cbody2{max-height:400px;overflow-y:auto;scrollbar-width:thin} #page-sales .sl-cr{padding:10px 8px;border-bottom:1px solid var(--line);font-size:12px;cursor:pointer;transition:background .2s var(--ease)} #page-sales .sl-cr:hover{background:var(--raised)} #page-sales .sl-cr .sl-crn{color:var(--txt)} #page-sales .sl-cr .sl-cra{color:var(--txt-3);font-size:11px} #page-sales .sl-lv{font-size:10px;font-weight:700;border-radius:5px;text-align:center;padding:2px 0} #page-sales .sl-lv.A{color:var(--green);background:oklch(76% 0.14 158 / .12)} #page-sales .sl-lv.B{color:var(--blue);background:var(--blue-soft)} #page-sales .sl-lv.C{color:var(--txt-3);background:var(--dot)} #page-sales .sl-cr .sl-crs{color:var(--txt-3);font-size:11px} #page-sales .sl-cr .sl-crt{color:var(--txt-2);font-size:11px} #page-sales .sl-cr .sl-crw{color:var(--amber);font-size:11px} #page-sales .sl-crop{display:flex;gap:5px;justify-content:flex-end} #page-sales .sl-cob{background:var(--sunken);border:1px solid var(--line-2);color:var(--txt-2);border-radius:6px;padding:3px 9px;font-size:10px;cursor:pointer;font-family:inherit;white-space:nowrap} #page-sales .sl-cob:hover{color:var(--blue);border-color:var(--blue-line)} /* ---- 素材视图 ---- */ #page-sales .sl-view[data-v="mat"].on{grid-template-columns:minmax(0,1fr)} #page-sales .sl-mat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 16px;min-width:0} #page-sales .sl-mfil{display:flex;gap:6px;margin-bottom:11px} #page-sales .sl-mf{border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-3);border-radius:999px;padding:4px 13px;font-size:11.5px;cursor:pointer;font-family:inherit} #page-sales .sl-mf.on{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} #page-sales .sl-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px} #page-sales .sl-mg{border:1px solid var(--line-2);background:var(--sunken);border-radius:10px;padding:12px 13px;cursor:pointer;transition:.2s var(--ease)} #page-sales .sl-mg:hover{border-color:var(--blue-line)} #page-sales .sl-mg .sl-mgt{font-size:10px;color:var(--blue);background:var(--blue-soft);border-radius:4px;padding:1px 6px;display:inline-block;margin-bottom:6px} #page-sales .sl-mg .sl-mgn{font-size:12px;color:var(--txt);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} #page-sales .sl-mg .sl-mgm{font-size:9.5px;color:var(--txt-3);margin-top:7px} /* ---- 设置抽屉 ---- */ #page-sales .sl-dmask{position:fixed;inset:0;background:rgba(8,10,16,.45);z-index:9997;display:none} #page-sales .sl-dmask.on{display:block} #page-sales .sl-drawer{position:fixed;top:0;right:-360px;width:340px;height:100vh;background:var(--surface);border-left:1px solid var(--line-2);box-shadow:var(--shadow);z-index:9998;transition:right .3s var(--ease);display:flex;flex-direction:column} #page-sales .sl-drawer.on{right:0} #page-sales .sl-dh{display:flex;align-items:center;gap:9px;padding:16px 18px;border-bottom:1px solid var(--line);flex:none} #page-sales .sl-dh b{font-size:15px;font-family:var(--font-display);color:var(--txt);font-weight:600} #page-sales .sl-dh .sl-dx{margin-left:auto;background:none;border:1px solid var(--line-2);border-radius:7px;color:var(--txt-2);width:28px;height:28px;cursor:pointer;font-size:14px;font-family:inherit} #page-sales .sl-dh .sl-dx:hover{color:var(--blue);border-color:var(--blue-line)} #page-sales .sl-dbody{flex:1;overflow-y:auto;scrollbar-width:thin;padding:8px 18px 18px} #page-sales .sl-dg{margin-top:15px} #page-sales .sl-dg2{font-size:10px;font-weight:600;color:var(--txt-3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px} #page-sales .sl-di{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin-bottom:7px;background:var(--sunken);cursor:pointer;transition:.2s var(--ease)} #page-sales .sl-di:hover{border-color:var(--blue-line)} #page-sales .sl-di .sl-dn2{flex:1;min-width:0} #page-sales .sl-di .sl-dt2{font-size:12.5px;color:var(--txt);font-weight:500} #page-sales .sl-di .sl-dd2{font-size:10px;color:var(--txt-3);margin-top:2px;line-height:1.5} #page-sales .sl-di .sl-dgo{flex:none;font-size:9.5px;color:var(--blue);border:1px solid var(--blue-line);border-radius:5px;padding:3px 9px;background:var(--blue-soft);white-space:nowrap} #page-sales .sl-di .sl-dsw{flex:none} #page-sales .sl-toast{position:fixed;left:50%;top:78px;transform:translate(-50%,-14px);background:var(--raised);border:1px solid var(--line-2);border-radius:9px;padding:10px 18px;font-size:12.5px;color:var(--txt);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:all .28s var(--ease);z-index:10000;max-width:70vw} #page-sales .sl-toast.on{opacity:1;transform:translate(-50%,0)} /* 窄屏级联：优先保聊天可用性（军规：纯 max-width，宽→窄依序覆盖） */ @media (max-width:1330px){ #page-sales .sl-view[data-v="chat"].on{grid-template-columns:158px 240px minmax(0,1fr) 252px} #page-sales .sl-devs{display:none} } @media (max-width:1150px){ #page-sales .sl-view[data-v="chat"].on{grid-template-columns:150px 216px minmax(0,1fr) 226px;gap:8px} #page-sales .sl-cbody{padding:10px 11px} } /* ═══════════ 设备中心 #page-device（09-07 重做 v4：手机造型卡+添加向导+重命名+电池） ═══════════ */ /* ── hero 紧凑 + 工具行（搜索/刷新）── */ #page-device .hero{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:14px} #page-device .hero .hl{min-width:0} #page-device .hero .disp{font-size:clamp(20px,2.2vw,26px)} #page-device .hero .sub{margin-top:7px;font-size:13px;max-width:720px;line-height:1.55} #page-device .tools{margin-left:auto;display:flex;gap:9px;align-items:center;flex-wrap:wrap} #page-device .dv-search{display:flex;align-items:center;gap:8px;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:8px 12px;width:230px;transition:.2s var(--ease)} #page-device .dv-search:focus-within{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #page-device .dv-search svg{width:15px;height:15px;color:var(--txt-3);flex:0 0 15px} #page-device .dv-search input{background:none;border:none;outline:none;color:var(--txt);font-family:var(--font-body);font-size:13px;flex:1;min-width:0} #page-device .dv-search input::placeholder{color:var(--txt-3)} #page-device .btn-refresh{display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:8px 14px;font-size:12.5px;color:var(--txt-2);cursor:pointer;transition:.2s var(--ease);font-family:var(--font-body);width:auto} #page-device .btn-refresh:hover{border-color:var(--blue-line);color:var(--blue)} #page-device .btn-refresh svg{width:14px;height:14px} #page-device .btn-refresh.spin svg{animation:spin .7s var(--ease)} /* ── 健康条（压矮 + 悬停交互；独立胶囊卡，破掉全局 ledger 连体大框）── */ #page-device .ledger{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;border:none;background:none;border-radius:0;overflow:visible} #page-device .ledger .col.prime::before{display:none} #page-device .ledger .col{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 16px;position:relative;overflow:hidden;cursor:default;transition:.22s var(--ease)} #page-device .ledger .col:hover{border-color:var(--blue-line);transform:translateY(-2px);box-shadow:0 14px 30px -22px #000} #page-device .ledger .col:hover .lab{color:var(--txt-2)} #page-device .ledger .col:hover .val{color:var(--blue)} #page-device .ledger .col.prime{background:linear-gradient(180deg,var(--blue-soft),transparent 70%);border-color:var(--blue-line)} #page-device .ledger .col .lab{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-3);transition:.22s var(--ease)} #page-device .ledger .col .val{font-family:var(--font-display);font-weight:700;font-size:21px;margin-top:4px;line-height:1;transition:.22s var(--ease)} #page-device .ledger .col .delta{font-size:11px;margin-top:4px;color:var(--txt-3)} #page-device .ledger .col.alert .val{color:var(--red)} #page-device .ledger .col.alert{cursor:pointer} #page-device .ledger .col.alert:hover{border-color:var(--red)} /* ── 区块标题（紧凑）── */ #page-device .sec{display:flex;align-items:center;gap:11px;margin:2px 0 12px} /* 2026-10-06 波哥：设备卡片下面那个「任务队列 · 全站」标题贴得太近（只有 2px）⇒ 单独给它留白。 用相邻兄弟选择器，只影响「紧跟卡片之后」的标题，页面顶部那个「设备集群」标题不受影响。 */ #page-device .phones + .sec{margin-top:26px} #page-device .sec .rule{width:3px;height:16px;border-radius:3px;background:var(--blue)} #page-device .sec h2{font-size:15px} #page-device .sec .meta{margin-left:auto;font-size:11.5px;color:var(--txt-3)} /* ── 告警带 ── */ #page-device .alerts{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:3px 6px;margin-bottom:16px} #page-device .alert-row{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:var(--r-sm);cursor:pointer;transition:.2s var(--ease)} #page-device .alert-row+.alert-row{border-top:1px solid var(--line)} #page-device .alert-row:hover{background:var(--sunken)} #page-device .alert-row .dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px} #page-device .alert-row .dot.r{background:var(--red);box-shadow:0 0 0 3px oklch(68% 0.16 26 / .16)} #page-device .alert-row .dot.a{background:var(--amber);box-shadow:0 0 0 3px oklch(80% 0.14 75 / .16)} #page-device .alert-row .at{font-size:13px;font-weight:600} #page-device .alert-row .ad{font-size:12px;color:var(--txt-2);margin-left:4px} #page-device .alert-row .go{margin-left:auto;font-size:12px;color:var(--blue);font-weight:600} #page-device .alert-row.ok{opacity:.55;cursor:default} /* ── 手机造型卡阵列 ── */ /* 2026-10-15（波哥要求）：给行高一个下限（＝手机造型卡实测自然高度 251px）。 空态没有真卡时只剩虚线「添加设备」卡，否则它只按内容撑开（实测 142px）， 看着比真卡小一号、也不在同一位置。有真卡的行本来就 ≥251px，不受影响。 */ /* 2026-10-24：原来写死 5 列均分，窗口 1537~2100 时每列只有 245~309px， 而卡片内部最小要 417px（平台标签行 + 底部说明不换行）⇒ 卡片撑破格子压到隔壁。 改成「每列至少 420px」，2560 下仍是 5 列（实测列宽 436.8 与改前逐像素相同）， 1920 自动降为 3 列、1680 降为 3 列，不再溢出。 */ #page-device .phones{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;align-items:stretch;grid-auto-rows:minmax(251px,auto)} #page-device .ph{cursor:pointer;transition:.24s var(--ease);min-width:0;display:flex} #page-device .ph:hover{transform:translateY(-3px)} #page-device .ph:hover .ph-frame{border-color:var(--blue-line);box-shadow:0 22px 44px -28px #000} #page-device .ph-frame{flex:1;background:linear-gradient(180deg,var(--raised),var(--surface));border:1px solid var(--line-2);border-radius:24px;padding:7px;display:flex;box-shadow:0 10px 26px -20px #000;transition:.24s var(--ease)} #page-device .ph-screen{flex:1;background:var(--sunken);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0} #page-device .ph-screen::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--blue-soft),transparent 45%);opacity:0;transition:.24s var(--ease);pointer-events:none} #page-device .ph:hover .ph-screen::before{opacity:1} #page-device .ph-sbar{display:flex;justify-content:space-between;align-items:center;padding:7px 12px 2px;font-size:10px;color:var(--txt-3);font-family:var(--font-display);letter-spacing:.04em} #page-device .ph-notchrow{display:flex;justify-content:center;padding:1px 0 7px} #page-device .ph-notch{width:52px;height:12px;border-radius:8px;background:var(--canvas)} #page-device .ph-body{flex:1;display:flex;flex-direction:column;padding:2px 13px 10px;min-height:0} #page-device .ph-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px} #page-device .pf-wrap{display:flex;gap:4px;align-items:center;min-width:0;overflow:hidden} #page-device .tag,#dvModal .tag{display:inline-block;font-size:10.5px;font-weight:600;padding:2px 10px;border-radius:999px;letter-spacing:.02em} #page-device .pf{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;color:#fff;flex:0 0 auto} #page-device .pf.dy{background:#378ADD} #page-device .pf.xhs{background:#D93A45} #page-device .pf.wx{background:#0F6E56} #page-device .pf.ks{background:#F0B429;color:#3A2600} #page-device .pf.sph{background:#12A150} /* 2026-10-13：GEO 发布平台（只出现在电脑执行器上）；按现有标签规则（实色底 + 白字）挑的， 取「四种彼此一眼能分开」的色相：蓝 / 红 / 绿 / 紫 —— 同一张卡片上四个并排也认得出。 */ #page-device .pf.zh{background:#2D7FF9} #page-device .pf.tt{background:#E64545} #page-device .pf.gzh{background:#0BA360} #page-device .pf.bjh{background:#7B5CD6} #page-device .pf.un{background:var(--line-2);color:var(--txt-2)} #page-device .ph .tag{flex:0 0 auto;font-size:10px;padding:2px 8px} #page-device .tag.off{color:var(--red);background:oklch(68% 0.16 26 / .14);border:1px solid oklch(68% 0.16 26 / .34)} #page-device .ph-acc{font-family:var(--font-display);font-weight:600;font-size:14.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-device .ph-model{font-size:10.5px;color:var(--txt-3);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* ★ 2026-10-14（波哥定）：卡片上直接显示「这台手机给哪个项目干活」。 只加布局与省略号；颜色/圆角全部沿用现成的状态标签样式（.tag.run），不新造视觉。 */ #page-device .ph-proj{margin-top:7px;display:flex;min-width:0} #page-device .ph-proj .tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer} #page-device .ph-proj .tag:hover{border-color:var(--blue)} #page-device .ph-sep{height:1px;background:var(--line);margin:10px 0 9px} #page-device .ph-task{font-size:11.5px;color:var(--txt-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block} #page-device .ph-prog{height:4px;background:var(--canvas);border-radius:2px;overflow:hidden;margin-top:7px} #page-device .ph-prog i{display:block;height:100%;background:var(--blue);border-radius:2px} #page-device .ph-foot{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;font-size:10.5px;color:var(--txt-3)} #page-device .ph-foot b{color:var(--txt-2);font-weight:600} #page-device .ph-homerow{display:flex;justify-content:center;padding:0 0 7px} #page-device .ph-home{width:64px;height:3px;border-radius:3px;background:var(--line-2)} #page-device .ph[data-status="run"] .ph-sbar .ph-live{width:6px;height:6px;border-radius:50%;background:var(--green);animation:breathe 2.4s infinite;display:inline-block;margin-left:5px;vertical-align:middle} /* ── 电池图标（真实电量填充 + 充电闪电）── */ #page-device .bat{display:inline-flex;align-items:center;gap:4px} #page-device .bat .shell{width:20px;height:10px;border:1px solid var(--txt-3);border-radius:2.5px;padding:1.5px;position:relative;display:inline-block} #page-device .bat .shell::after{content:"";position:absolute;right:-3.5px;top:50%;transform:translateY(-50%);width:2px;height:4.5px;background:var(--txt-3);border-radius:0 1px 1px 0} #page-device .bat .shell i{display:block;height:100%;border-radius:1px;background:var(--txt-2);transition:.3s var(--ease)} #page-device .bat.hi .shell i{background:var(--green)} #page-device .bat.mid .shell i{background:var(--amber)} #page-device .bat.low .shell i{background:var(--red)} #page-device .bat .pct{font-size:10px;color:var(--txt-3);font-family:var(--font-display)} #page-device .bat.chg .pct{color:var(--amber)} #page-device .bat .bolt{display:none;width:9px;height:9px;color:var(--amber)} #page-device .bat.chg .bolt{display:inline-block;animation:breathe 1.6s infinite} #dvModal .bat .shell{width:22px;height:11px} #dvModal .bat .pct{font-size:11px} /* ── 添加设备卡 ── */ #page-device .ph-add{border:1.5px dashed var(--line-2);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.22s var(--ease);color:var(--txt-3);padding:16px;background:transparent} #page-device .ph-add:hover{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} #page-device .ph-add .pl{width:38px;height:38px;border-radius:50%;border:1.5px dashed currentColor;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:500} #page-device .ph-add .t1{font-size:13px;font-weight:600} #page-device .ph-add .t2{font-size:10.5px;text-align:center;line-height:1.55} /* ── 今日执行动态（两列）── */ #page-device .feed{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:5px} #page-device .fi{display:flex;align-items:center;gap:12px;padding:10px 13px;border-bottom:1px solid var(--line)} #page-device .fi:nth-last-child(-n+2){border-bottom:none} #page-device .fi .ic2{width:32px;height:32px;border-radius:8px;background:var(--sunken);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--txt-2);flex:0 0 32px} #page-device .fi .ic2 svg{width:16px;height:16px} #page-device .fi .nm{font-size:12.5px;font-weight:600} #page-device .fi .st{font-size:11px;color:var(--txt-3);margin-top:1px} #page-device .empty{grid-column:1/-1;height:auto;display:block;color:var(--txt-3);padding:26px;text-align:center;font-size:13px;line-height:1.7} /* ── 详情弹窗（#dvModal · 全局 modal 骨架复用，此处只补尺寸与内容件）── */ /* 2026-10-10 波哥：向导弹窗(600) 与设备详情(470) 宽度不同，而 .modal 的 transition 是 all， 导致切换时宽度也做 0.3s 动画 ⇒ 有时看着像「左右拉开」，有时才是「从下往上」。 这里把 #dvModal 的过渡限定为 transform，宽度/内边距瞬间到位，入场统一为「下往上 + 轻微放大」。 */ #dvModal{width:470px;max-width:92vw;max-height:88vh;padding:24px;transition:transform .3s var(--ease)} #dvModal .dv-h{display:flex;align-items:center;gap:11px;margin-bottom:4px} #dvModal .dv-h .tag{border-radius:999px;padding:3px 11px;font-size:11px;font-weight:600} #dvModal .dv-name{font-family:var(--font-display);font-weight:700;font-size:20px} #dvModal .dv-ren{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--sunken);color:var(--txt-3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s var(--ease);flex:0 0 28px;padding:0} #dvModal .dv-ren:hover{border-color:var(--blue-line);color:var(--blue)} #dvModal .dv-ren svg{width:13px;height:13px} #dvModal .dv-renrow{display:flex;gap:8px;margin:-4px 0 14px} #dvModal .dv-renrow input{flex:1;background:var(--sunken);border:1px solid var(--blue-line);border-radius:var(--r-sm);padding:9px 12px;color:var(--txt);font-family:var(--font-body);font-size:14px;outline:none;box-shadow:0 0 0 3px var(--blue-soft)} #dvModal .dv-renrow .btn-primary,#dvModal .dv-renrow .btn-ghost{flex:0 0 auto;padding:9px 16px;width:auto} #dvModal .dv-sub{font-size:12.5px;color:var(--txt-3);margin-bottom:16px} #dvModal .dv-rows{display:flex;flex-direction:column;gap:2px;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:5px 14px;margin-bottom:13px} #dvModal .dv-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);gap:10px} #dvModal .dv-row:last-child{border-bottom:none} #dvModal .dv-k{font-size:12.5px;color:var(--txt-3);flex:0 0 auto} #dvModal .dv-v{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;min-width:0;text-align:right} #dvModal .dv-prog{height:6px;background:var(--canvas);border-radius:3px;overflow:hidden;margin:3px 0 9px} #dvModal .dv-prog i{display:block;height:100%;background:var(--blue);border-radius:3px} #dvModal .dv-log-h{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3);margin-bottom:7px} #dvModal .dv-log{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 13px;font-size:12px;line-height:1.7;color:var(--txt-2);margin-bottom:14px} #dvModal .dv-log .ln{display:flex;gap:9px} #dvModal .dv-log .lt{color:var(--txt-3);flex:0 0 60px;font-size:10.5px} #dvModal .dv-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px} #dvModal .btn-ghost,#dvModal .btn-primary{width:auto;padding:9px;font-size:12.5px} #dvModal .btn-ghost:disabled{opacity:.38;cursor:not-allowed} #dvModal .btn-ghost:disabled:hover{border-color:var(--line-2);color:var(--txt-2)} #dvModal .btn-danger{background:transparent;border:1px solid oklch(68% 0.16 26 / .45);color:var(--red);border-radius:var(--r-sm);padding:9px;font-size:12.5px;font-weight:600;cursor:pointer;transition:.2s var(--ease);font-family:var(--font-body);box-shadow:none} #dvModal .btn-danger:hover{background:#e5484d;border-color:#e5484d;color:#fff;transform:none;box-shadow:none} #dvModal .dv-rebind{margin-top:11px;padding-top:12px;border-top:1px solid var(--line);display:none} #dvModal .dv-rebind select{width:100%;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:10px 12px;color:var(--txt);font-family:var(--font-body);font-size:13px;margin-bottom:9px} #dvModal .dv-rebind .rb-acts{display:flex;gap:8px} #dvModal .dv-rebind .rb-acts .btn-primary,#dvModal .dv-rebind .rb-acts .btn-ghost{flex:1} /* 平台账号登记里的输入框：尺寸/配色照同区域的 select 写，不另起一套（2026-10-06）。 */ #dvModal .dv-rebind .rb-acts input{flex:2;min-width:0;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:10px 12px;color:var(--txt);font-family:var(--font-body);font-size:13px;box-sizing:border-box} #dvModal .dv-rebind .rb-acts input::placeholder{color:var(--txt-3)} #dvModal .dv-del{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 0 2px} #dvModal .dv-del .ic{width:52px;height:52px;border-radius:14px;background:oklch(68% 0.16 26 / .14);color:var(--red);display:flex;align-items:center;justify-content:center;margin-bottom:14px} #dvModal .dv-del .ic svg{width:24px;height:24px} #dvModal .dv-del .dt{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:8px} #dvModal .dv-del .dd{font-size:12.5px;color:var(--txt-2);line-height:1.7;max-width:330px} #dvModal .dv-del .dd b{color:var(--txt)} #dvModal .dv-del .warn{margin-top:12px;background:oklch(80% 0.14 75 / .10);border:1px solid oklch(80% 0.14 75 / .30);border-radius:var(--r-sm);padding:9px 12px;font-size:11.5px;color:var(--amber);line-height:1.6;max-width:330px} #dvModal .dv-del .acts{display:flex;gap:9px;margin-top:18px;width:100%} #dvModal .dv-del .acts .btn-danger{flex:1.3} #dvModal .dv-del .acts .btn-ghost{flex:1} /* ── 添加设备向导（三步）── */ #dvModal .wz-steps{display:flex;gap:10px;margin-bottom:20px} #dvModal .wz-step{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:10px;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px;opacity:.5} #dvModal .wz-step.on{opacity:1;border-color:var(--blue-line);background:var(--blue-soft)} #dvModal .wz-step.done{opacity:1} #dvModal .wz-step .sn{width:26px;height:26px;border-radius:50%;background:var(--line-2);color:var(--txt);font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 26px} #dvModal .wz-step.on .sn{background:var(--blue);color:#fff} #dvModal .wz-step.done .sn{background:var(--green);color:#06281c} #dvModal .wz-step .st{font-size:13px;font-weight:600;line-height:1.35} #dvModal .wz-body{min-height:0} /* ★ 2026-10-06 修：向导里的说明块（.qi 块 / .qt 小标题 / .qd 正文）样式原来挂在 `.wz-qr`（旧二维码容器）下面，而二维码那层包裹早就删了 ⇒ 选择器**永远匹配不到**， 文字全裸奔、糊成一团（波哥：「奇丑无比，就像文字堆在一起的乱麻」）。现挂到 .wz-body 下， 字号配色沿用原来那几个值（13.5 / 12），只补间距与行高。 */ /* 说明块做成**卡片块**：底色/边框/圆角全部照设备详情那个 .dv-rows 来（波哥 2026-10-06： 「想要点设备卡那种规整的感觉，现在还乱」）—— 每块有自己的边界，不再是一堆裸文字叠着。 */ #dvModal .wz-body .qi{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 15px;margin:0 0 12px} #dvModal .wz-body .qt{font-size:14px;font-weight:600;color:var(--txt);margin-bottom:6px;line-height:1.5} #dvModal .wz-body .qd{font-size:13px;color:var(--txt-2);line-height:1.75} #dvModal .wz-qr{display:flex;gap:16px;align-items:center;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px} #dvModal .wz-qr .qr{width:104px;height:104px;flex:0 0 104px;border-radius:9px;background:#fff;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:2px;padding:8px} #dvModal .wz-qr .qr i{background:#111;border-radius:1px} #dvModal .wz-qr .qr i.o{background:transparent} #dvModal .wz-qr .qi{min-width:0} #dvModal .wz-qr .qt{font-size:13.5px;font-weight:600;margin-bottom:5px} #dvModal .wz-qr .qd{font-size:12px;color:var(--txt-2);line-height:1.65} #dvModal .wz-note{margin-top:0;margin-bottom:12px;background:oklch(80% 0.14 75 / .10);border:1px solid oklch(80% 0.14 75 / .30);border-radius:var(--r-sm);padding:11px 14px;font-size:12.5px;color:var(--amber);line-height:1.65} #dvModal .wz-acts{display:flex;gap:10px;margin-top:20px} #dvModal .wz-acts .btn-primary{flex:1} #dvModal .wz-acts .btn-ghost{flex:1} #dvModal .wz-big{font-size:16px;font-weight:600;margin-bottom:10px} /* 正文说明也用同款卡片块（与 step1 的 .qi 一致）—— 波哥 2026-10-06：整个向导要「像设备详情那样规整」。 */ #dvModal .wz-desc{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 15px;font-size:13px;color:var(--txt-2);line-height:1.75;margin:0 0 12px} #dvModal .wz-list{background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 15px;font-size:13px;line-height:1.95;color:var(--txt-2)} #dvModal .wz-list b{color:var(--txt)} /* 2026-10-10 波哥：向导排版拥挤 ⇒ 只在「添加设备向导」加宽弹窗并放宽内边距，设备详情弹窗不受影响。 */ #dvModal:has(.wz-steps){width:600px;max-width:94vw;padding:28px 28px 24px} /* 2026-10-10 波哥：手机/电脑两个选项太简陋 ⇒ 换成带图标的可选卡片（选中蓝边+浅蓝底）。 */ #dvModal .wz-kindseg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px} #dvModal .wz-kind{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:15px 16px;cursor:pointer;font-family:inherit;color:var(--txt);transition:.2s var(--ease)} #dvModal .wz-kind:hover{border-color:var(--line-2)} #dvModal .wz-kind.on{border-color:var(--blue-line);background:var(--blue-soft)} #dvModal .wz-kind svg{width:26px;height:26px;color:var(--txt-3);transition:.2s var(--ease)} #dvModal .wz-kind.on svg{color:var(--blue)} #dvModal .wz-kind .kt{font-size:14px;font-weight:600;line-height:1.3} #dvModal .wz-kind .ks{font-size:12.5px;color:var(--txt-3);line-height:1.5} #dvModal .wz-kind.on .ks{color:var(--txt-2)} #dvModal .wz-dl-now{width:100%;margin:0 0 12px} /* 2026-10-22：第二步向导同时给「Windows 版 / Mac 版」两颗按钮（波哥要求两个都要有）， 两列等宽排布，沿用 .btn-ghost / .wz-dl-now 既有观感，不新造样式。 */ #dvModal .wz-dl2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px} #dvModal .wz-dl2 .wz-dl-now{margin:0} /* ── 设备中心弹窗 .on 展开覆盖（主文件 modal 骨架用 .show，设备中心沿用小样 .on 机制与 closeAqcOverlays 收口一致）── */ /* ── 设备中心 toast（主文件无全局 toast，作用域版）── */ #dvToast{position:fixed;top:78px;left:50%;transform:translateX(-50%) translateY(-4px);background:var(--raised);border:1px solid var(--line-2);color:var(--txt);padding:12px 20px;border-radius:var(--r-sm);font-size:13.5px;box-shadow:0 30px 80px -50px rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:.25s var(--ease);z-index:10000} #dvToast.on{opacity:1;transform:translateX(-50%)} /* ── 设备中心响应式（纯 max-width 级联）── */ @media (max-width:1250px){ #page-device .phones{grid-template-columns:repeat(3,1fr)} #page-device .feed{grid-template-columns:1fr} #page-device .fi:nth-last-child(-n+2){border-bottom:1px solid var(--line)} #page-device .fi:last-child{border-bottom:none} } @media (max-width:1000px){ #page-device .ledger{grid-template-columns:repeat(3,1fr)} #page-device .phones{grid-template-columns:repeat(2,1fr)} } /* ═══════════ 系统管理 #page-system（09-08 迁入 v12：六大板块管理后台） ═══════════ */ #page-system,#mdMask,#drawer{--glow-blue:0 8px 20px -8px var(--blue);--glow-danger:0 8px 20px -8px #e5484d;--red-soft:oklch(68% 0.16 26 / .14);--red-line:oklch(68% 0.16 26 / .34)} #page-system .view-pill:hover {background:var(--blue-soft)} #page-system .pagehead {display:flex;align-items:center;gap:16px;margin-bottom:14px;flex-wrap:wrap} #page-system .pagehead .hl {min-width:0} #page-system .eyebrow {font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-weight:600;display:block;margin-bottom:6px} #page-system .pagehead .disp {font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.2} #page-system .pagehead .sub {color:var(--txt-3);margin-top:5px;font-size:13px;line-height:1.5} #page-system .viewhint {margin-left:auto;max-width:340px;background:oklch(80% 0.14 75 / .10);border:1px solid var(--amber-line);border-radius:var(--r-sm);padding:8px 12px;font-size:11.5px;color:var(--amber);line-height:1.6;display:none} #page-system .viewhint b {color:var(--txt)} #page-system .kpis {display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px} #page-system .kpi {position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 16px;transition:.22s var(--ease);overflow:hidden} #page-system .kpi:hover {border-color:var(--blue-line);transform:translateY(-1px)} #page-system .kpi.prime {background:linear-gradient(180deg,var(--blue-soft),transparent 70%);border-color:var(--blue-line)} #page-system .kpi.prime::before {content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--blue)} #page-system .kpi .lab {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3)} #page-system .kpi .val {font-family:var(--font-display);font-weight:700;font-size:20px;margin-top:3px;line-height:1} #page-system .kpi .delta {font-size:10.5px;margin-top:3px;color:var(--txt-3)} #page-system .tag {display:inline-block;font-size:10px;font-weight:600;padding:2px 9px;border-radius:999px;letter-spacing:.02em;white-space:nowrap} #page-system .tag.run {color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line)} #page-system .tag.on {color:var(--green);background:var(--green-soft);border:1px solid var(--green-line)} #page-system .tag.chg {color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber-line)} #page-system .tag.off {color:var(--red);background:var(--red-soft);border:1px solid var(--red-line)} #page-system .tag.plain {color:var(--txt-3);background:var(--sunken);border:1px solid var(--line-2)} #page-system .tag-mgr {color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line)} #page-system .tag-agent {color:var(--green);background:var(--green-soft);border:1px solid var(--green-line)} #page-system span[class^="lv"] {display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:50%;font-family:var(--font-display);font-size:11.5px;font-weight:700;padding:0 4px} #page-system .lv1 {color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line)} #page-system .lv2 {color:var(--green);background:var(--green-soft);border:1px solid var(--green-line)} #page-system .lv3 {color:var(--amber);background:var(--amber-soft);border:1px solid oklch(80% 0.14 75 / .3)} #page-system .lv—,.lv\:— {color:var(--txt-3);background:transparent;border:none;min-width:auto} #page-system span[class="lv—"] {color:var(--txt-3);background:none;border:none} #page-system .card {background:linear-gradient(180deg,var(--raised),var(--surface) 70%);border:1px solid var(--line);border-radius:14px;padding:16px 18px;transition:.22s var(--ease)} #page-system .card:hover {border-color:var(--blue-line)} #page-system .sec {display:flex;align-items:center;gap:10px;margin:18px 0 12px} #page-system .sec .rule {display:inline-block;width:22px;height:2px;background:var(--blue);border-radius:2px;flex:0 0 22px} #page-system .sec h2 {font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.2} #page-system .sec .meta {margin-left:auto;font-size:12px;color:var(--txt-3);display:flex;align-items:center;gap:8px;flex-wrap:wrap} #page-system .rule-btn {background:var(--sunken);border:1px solid var(--line-2);border-radius:7px;padding:6px 12px;font-size:11.5px;color:var(--txt-2);cursor:pointer;transition:.2s var(--ease);font-family:var(--font-body);white-space:nowrap;flex:0 0 auto} #page-system .rule-btn:hover {border-color:var(--blue-line);color:var(--blue)} #page-system .rule-btn b {color:var(--blue);font-family:var(--font-display)} #page-system .sw {width:42px;height:24px;border-radius:99px;background:var(--sunken);border:1px solid var(--line-2);position:relative;cursor:pointer;flex:0 0 42px;transition:.2s var(--ease);padding:0} #page-system .sw::after {content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--txt-3);transition:.2s var(--ease)} #page-system .sw.on {background:var(--blue);border-color:var(--blue)} #page-system .sw.on::after {left:21px;background:#fff} #page-system .sys-row {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)} #page-system .sys-row:last-child {border-bottom:none} #page-system .sys-row .rl {font-size:14px;font-weight:600;color:var(--txt)} #page-system .sys-row .rd {font-size:11.5px;color:var(--txt-3);margin-top:3px;line-height:1.5} #page-system .dv-prog {height:6px;background:var(--surface);border:1px solid var(--line);border-radius:99px;overflow:hidden} #page-system .dv-prog>i {display:block;height:100%;background:var(--blue);border-radius:99px;transition:width .4s var(--ease)} #page-system .rk-in {width:64px;background:var(--sunken);border:1px solid var(--line-2);border-radius:7px;padding:6px 9px;color:var(--txt);font-family:var(--font-display);font-size:13px;font-weight:600;text-align:right;outline:none;transition:.2s var(--ease)} #page-system .rk-in:focus {border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #mdMask .md-pick .pk.blocked {opacity:.45;cursor:not-allowed} #page-system .md-pick .pk.blocked {opacity:.45;cursor:not-allowed} #mdMask .md-pick .pk.blocked:hover {background:none} #page-system .md-pick .pk.blocked:hover {background:none} #page-system .sys-body {min-width:0} #page-system .toolbar {display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap} #page-system .tsearch {display:flex;align-items:center;gap:8px;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:8px 12px;width:250px;transition:.2s var(--ease)} #page-system .tsearch:focus-within {border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #page-system .tsearch svg {width:15px;height:15px;color:var(--txt-3);flex:0 0 15px} #page-system .tsearch input {background:none;border:none;outline:none;color:var(--txt);font-family:var(--font-body);font-size:13px;flex:1;min-width:0} #page-system .tsearch input::placeholder {color:var(--txt-3)} #page-system .tfilter {display:flex;gap:6px;align-items:center} #page-system .tfilter .opt .bdg {margin-left:6px;background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:1px 7px;font-size:10px;font-family:var(--font-display)} #page-system .tfilter .opt {background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:7px 13px;font-size:12px;color:var(--txt-2);cursor:pointer;transition:.2s var(--ease)} #page-system .tfilter .opt:hover {color:var(--txt);border-color:var(--blue-line)} #page-system .tfilter .opt.on {background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:600} #page-system .toolbar .right {margin-left:auto;display:flex;gap:8px;align-items:center} #drawer .btn {border-radius:7px;padding:9px 15px;font-size:13px;cursor:pointer;transition:.2s var(--ease);font-family:var(--font-body);white-space:nowrap} #mdMask .btn {border-radius:7px;padding:9px 15px;font-size:13px;cursor:pointer;transition:.2s var(--ease);font-family:var(--font-body);white-space:nowrap} #page-system .btn {border-radius:7px;padding:9px 15px;font-size:13px;cursor:pointer;transition:.2s var(--ease);font-family:var(--font-body);white-space:nowrap} #drawer .btn-primary {background:var(--blue);border:1px solid var(--blue);color:#fff;font-weight:600;border-radius:11px;box-shadow:var(--glow-blue)} #mdMask .btn-primary {background:var(--blue);border:1px solid var(--blue);color:#fff;font-weight:600;border-radius:11px;box-shadow:var(--glow-blue)} #page-system .btn-primary {background:var(--blue);border:1px solid var(--blue);color:#fff;font-weight:600;border-radius:11px;box-shadow:var(--glow-blue)} #drawer .btn-primary:hover {transform:translateY(-1px)} #mdMask .btn-primary:hover {transform:translateY(-1px)} #page-system .btn-primary:hover {transform:translateY(-1px)} #drawer .btn-ghost {background:transparent;border:1px solid var(--line-2);color:var(--txt-2)} #mdMask .btn-ghost {background:transparent;border:1px solid var(--line-2);color:var(--txt-2)} #page-system .btn-ghost {background:transparent;border:1px solid var(--line-2);color:var(--txt-2)} #drawer .btn-ghost:hover {border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} #mdMask .btn-ghost:hover {border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} #page-system .btn-ghost:hover {border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)} #drawer .btn-danger {background:#e5484d;border:1px solid #e5484d;color:#fff;font-weight:600;box-shadow:var(--glow-danger)} #mdMask .btn-danger {background:#e5484d;border:1px solid #e5484d;color:#fff;font-weight:600;box-shadow:var(--glow-danger)} #page-system .btn-danger {background:#e5484d;border:1px solid #e5484d;color:#fff;font-weight:600;box-shadow:var(--glow-danger)} #drawer .btn-danger:hover {background:#d83a3f;border-color:#d83a3f;transform:translateY(-1px)} #mdMask .btn-danger:hover {background:#d83a3f;border-color:#d83a3f;transform:translateY(-1px)} #page-system .btn-danger:hover {background:#d83a3f;border-color:#d83a3f;transform:translateY(-1px)} #drawer .btn.disabled {background:var(--sunken);border-color:var(--line-2);color:var(--txt-3);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7} #mdMask .btn.disabled {background:var(--sunken);border-color:var(--line-2);color:var(--txt-3);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7} #page-system .btn.disabled {background:var(--sunken);border-color:var(--line-2);color:var(--txt-3);cursor:not-allowed;transform:none;box-shadow:none;opacity:.7} #page-system .tbl-wrap {background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden} #page-system .tbl-scroll {overflow:auto;max-height:560px} #page-system .tbl-scroll::-webkit-scrollbar {width:8px;height:8px} #page-system .tbl-scroll::-webkit-scrollbar-thumb {background:var(--line-2);border-radius:8px} #page-system .tbl {width:100%;border-collapse:separate;border-spacing:0} #page-system .tbl th {position:sticky;top:0;background:var(--raised);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);font-weight:600;text-align:left;padding:10px 13px;border-bottom:1px solid var(--line-2);white-space:nowrap;z-index:2} #page-system .tbl td {padding:10px 13px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle} #page-system .tbl tbody tr {cursor:pointer;transition:.15s var(--ease)} #page-system .tbl tbody tr:hover {background:var(--sunken)} #page-system .tbl tr.sel td {background:var(--blue-soft)} #page-system .tbl .un {font-weight:600;white-space:nowrap} #page-system .tbl .sub {font-size:10.5px;color:var(--txt-3);margin-top:2px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-system .tbl .num {font-family:var(--font-display);font-weight:600} #page-system .tbl .ops {display:flex;gap:6px} #page-system .mini {background:var(--sunken);border:1px solid var(--line-2);border-radius:7px;padding:5px 11px;font-size:11.5px;color:var(--txt-2);cursor:pointer;transition:.2s var(--ease);font-family:var(--font-body);white-space:nowrap} #page-system .mini:hover {border-color:var(--blue-line);color:var(--blue)} #page-system .mini.primary {background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600} #page-system .mini.primary:hover {background:#4a7fdb;border-color:#4a7fdb;color:#fff} #page-system .mini.stop {pointer-events:none;opacity:.38} #page-system .tempty {padding:60px 20px;text-align:center;color:var(--txt-3);font-size:13px;line-height:1.8} #page-system .pager {display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--line);flex-wrap:wrap} #page-system .pager .info {font-size:12px;color:var(--txt-3);margin-right:auto} #page-system .pgbtn {min-width:32px;height:32px;border-radius:7px;border:1px solid var(--line-2);background:var(--sunken);color:var(--txt-2);font-size:13px;cursor:pointer;transition:.2s var(--ease);font-family:var(--font-display);padding:0 8px} #page-system .pgbtn:hover {border-color:var(--blue-line);color:var(--blue)} #page-system .pgbtn.on {background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600} #page-system .pgbtn:disabled {opacity:.35;cursor:not-allowed} #page-system .pgbtn:disabled:hover {border-color:var(--line-2);color:var(--txt-2)} #page-system .pager .ellipsis {color:var(--txt-3);font-size:12px;padding:0 2px} #dwMask {position:fixed;inset:0;background:rgba(8,10,16,.45);opacity:0;visibility:hidden;transition:.25s var(--ease);z-index:60} #dwMask.on {opacity:1;visibility:visible} #drawer {position:fixed;top:0;right:-460px;width:460px;max-width:94vw;height:100vh;background:var(--surface);border-left:1px solid var(--line-2);box-shadow:-30px 0 80px -40px rgba(0,0,0,.8);z-index:61;transition:right .3s var(--ease);display:flex;flex-direction:column} #drawer.on {right:0} #drawer .dw-head {padding:18px 22px 16px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap} #page-system .dw-head {padding:18px 22px 16px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap} #drawer .dw-name {font-family:var(--font-display);font-weight:700;font-size:18px} #page-system .dw-name {font-family:var(--font-display);font-weight:700;font-size:18px} #drawer .dw-note {font-size:11.5px;color:var(--txt-3);margin-top:3px;width:100%} #page-system .dw-note {font-size:11.5px;color:var(--txt-3);margin-top:3px;width:100%} #drawer .dw-x {position:absolute;top:16px;right:18px;width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--sunken);color:var(--txt-2);font-size:18px;cursor:pointer} #page-system .dw-x {position:absolute;top:16px;right:18px;width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--sunken);color:var(--txt-2);font-size:18px;cursor:pointer} #drawer .dw-x:hover {border-color:var(--blue-line);color:var(--blue)} #page-system .dw-x:hover {border-color:var(--blue-line);color:var(--blue)} #drawer .dw-body {flex:1;overflow-y:auto;padding:16px 22px 24px} #page-system .dw-body {flex:1;overflow-y:auto;padding:16px 22px 24px} #drawer .dw-body::-webkit-scrollbar {width:8px} #page-system .dw-body::-webkit-scrollbar {width:8px} #drawer .dw-body::-webkit-scrollbar-thumb {background:var(--line-2);border-radius:8px} #page-system .dw-body::-webkit-scrollbar-thumb {background:var(--line-2);border-radius:8px} #drawer .dw-acts {display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px} #page-system .dw-acts {display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px} #drawer .dw-acts .btn {padding:11px 18px;font-size:13px;border-radius:11px} #mdMask .dw-acts .btn {padding:11px 18px;font-size:13px;border-radius:11px} #page-system .dw-acts .btn {padding:11px 18px;font-size:13px;border-radius:11px} #drawer .dw-acts .btn-primary {box-shadow:var(--glow-blue)} #mdMask .dw-acts .btn-primary {box-shadow:var(--glow-blue)} #page-system .dw-acts .btn-primary {box-shadow:var(--glow-blue)} #drawer .dw-chain {background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 14px;margin-bottom:14px} #page-system .dw-chain {background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 14px;margin-bottom:14px} #drawer .dw-credbox {background:var(--sunken);border:1px dashed var(--blue-line);border-radius:var(--r-sm);padding:11px 14px;margin-bottom:14px} #page-system .dw-credbox {background:var(--sunken);border:1px dashed var(--blue-line);border-radius:var(--r-sm);padding:11px 14px;margin-bottom:14px} #drawer .dw-credbox .cr {display:flex;align-items:center;gap:10px;padding:5px 0} #page-system .dw-credbox .cr {display:flex;align-items:center;gap:10px;padding:5px 0} #drawer .dw-credbox .cr+.cr {border-top:1px solid var(--line)} #page-system .dw-credbox .cr+.cr {border-top:1px solid var(--line)} #drawer .dw-credbox .cl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);flex:0 0 76px} #mdMask .dw-credbox .cl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);flex:0 0 76px} #page-system .dw-credbox .cl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);flex:0 0 76px} #drawer .dw-credbox b {font-family:var(--font-display);font-size:13.5px;font-weight:700;color:var(--blue);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-system .dw-credbox b {font-family:var(--font-display);font-size:13.5px;font-weight:700;color:var(--blue);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #drawer .dw-credbox .cr .mini {padding:4px 10px;font-size:11px} #page-system .dw-credbox .cr .mini {padding:4px 10px;font-size:11px} #drawer .dw-chain .cl,.dw-sub .cl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);margin-bottom:8px} #mdMask .dw-chain .cl,.dw-sub .cl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);margin-bottom:8px} #page-system .dw-chain .cl,.dw-sub .cl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);margin-bottom:8px} #mdMask .chain-line {display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px} #page-system .chain-line {display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px} #mdMask .chain-line .cnode {background:var(--surface);border:1px solid var(--line-2);border-radius:7px;padding:4px 10px;white-space:nowrap} #page-system .chain-line .cnode {background:var(--surface);border:1px solid var(--line-2);border-radius:7px;padding:4px 10px;white-space:nowrap} #mdMask .chain-line .cnode.me {background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600} #page-system .chain-line .cnode.me {background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600} #mdMask .chain-line .carr {color:var(--txt-3)} #page-system .chain-line .carr {color:var(--txt-3)} #drawer .dw-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px} #page-system .dw-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px} #drawer .dw-cell {background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 13px} #page-system .dw-cell {background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 13px} #drawer .dw-cell .l {font-size:10.5px;color:var(--txt-3)} #page-system .dw-cell .l {font-size:10.5px;color:var(--txt-3)} #drawer .dw-cell .v {font-family:var(--font-display);font-weight:700;font-size:15px;margin-top:4px} #page-system .dw-cell .v {font-family:var(--font-display);font-weight:700;font-size:15px;margin-top:4px} #drawer .dw-cell .v.money {color:var(--green)} #page-system .dw-cell .v.money {color:var(--green)} #drawer .dw-sub {margin-bottom:14px} #page-system .dw-sub {margin-bottom:14px} #drawer .down-chips {display:flex;gap:8px;flex-wrap:wrap} #page-system .down-chips {display:flex;gap:8px;flex-wrap:wrap} #drawer .down-chips .dchip {background:var(--sunken);border:1px solid var(--line-2);border-radius:999px;padding:6px 13px;font-size:12px;cursor:pointer;transition:.2s var(--ease)} #page-system .down-chips .dchip {background:var(--sunken);border:1px solid var(--line-2);border-radius:999px;padding:6px 13px;font-size:12px;cursor:pointer;transition:.2s var(--ease)} #drawer .down-chips .dchip:hover {border-color:var(--blue-line);color:var(--blue)} #page-system .down-chips .dchip:hover {border-color:var(--blue-line);color:var(--blue)} #drawer .dw-comm {background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 14px} #page-system .dw-comm {background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 14px} #drawer .dw-comm .crow {display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;gap:10px} #page-system .dw-comm .crow {display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;gap:10px} #drawer .dw-comm .crow:last-child {border-bottom:none} #page-system .dw-comm .crow:last-child {border-bottom:none} #drawer .dw-comm .empty {padding:14px 0;text-align:center;color:var(--txt-3);font-size:12px} #page-system .dw-comm .empty {padding:14px 0;text-align:center;color:var(--txt-3);font-size:12px} #drawer .dw-perm {margin-top:14px;background:oklch(80% 0.14 75 / .10);border:1px solid var(--amber-line);border-radius:var(--r-sm);padding:9px 12px;font-size:11.5px;color:var(--amber);line-height:1.65} #page-system .dw-perm {margin-top:14px;background:oklch(80% 0.14 75 / .10);border:1px solid var(--amber-line);border-radius:var(--r-sm);padding:9px 12px;font-size:11.5px;color:var(--amber);line-height:1.65} #drawer .dw-perm b {color:var(--txt)} #page-system .dw-perm b {color:var(--txt)} #mdMask {position:fixed;inset:0;background:rgba(8,10,16,.55);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:70;opacity:0;visibility:hidden;transition:.25s var(--ease)} #mdMask.on {display:flex;opacity:1;visibility:visible} #mdMask .modal {background:var(--surface);border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow);width:460px;max-width:92vw;max-height:88vh;overflow-y:auto;padding:28px;position:relative;transform:translateY(12px) scale(.985);transition:.3s var(--ease)} #page-system .modal {background:var(--surface);border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow);width:460px;max-width:92vw;max-height:88vh;overflow-y:auto;padding:28px;position:relative;transform:translateY(12px) scale(.985);transition:.3s var(--ease)} #mdMask.on .modal {transform:none} #mdMask .modal-x {position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--sunken);color:var(--txt-2);font-size:20px;cursor:pointer} #page-system .modal-x {position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--sunken);color:var(--txt-2);font-size:20px;cursor:pointer} #mdMask .modal-x:hover {border-color:var(--blue-line);color:var(--blue)} #page-system .modal-x:hover {border-color:var(--blue-line);color:var(--blue)} #mdMask .md-h {font-family:var(--font-display);font-weight:700;font-size:18px;margin-bottom:4px} #page-system .md-h {font-family:var(--font-display);font-weight:700;font-size:18px;margin-bottom:4px} #mdMask .md-sub {font-size:13px;color:var(--txt-3);margin-bottom:14px;line-height:1.6} #page-system .md-sub {font-size:13px;color:var(--txt-3);margin-bottom:14px;line-height:1.6} #mdMask .md-crumb {background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 13px;margin-bottom:13px} #page-system .md-crumb {background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 13px;margin-bottom:13px} #mdMask .md-crumb .cl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);margin-bottom:7px} #page-system .md-crumb .cl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);margin-bottom:7px} #mdMask .md-pick {max-height:230px;overflow-y:auto;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm)} #page-system .md-pick {max-height:230px;overflow-y:auto;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm)} #mdMask .md-pick .pk {display:flex;align-items:flex-start;gap:10px;padding:10px 13px;border-bottom:1px solid var(--line);cursor:pointer;transition:.2s var(--ease)} #page-system .md-pick .pk {display:flex;align-items:flex-start;gap:10px;padding:10px 13px;border-bottom:1px solid var(--line);cursor:pointer;transition:.2s var(--ease)} #mdMask .md-pick .pk:last-child {border-bottom:none} #page-system .md-pick .pk:last-child {border-bottom:none} #mdMask .md-pick .pk:hover {background:var(--canvas)} #page-system .md-pick .pk:hover {background:var(--canvas)} #mdMask .md-pick .pk.on {background:var(--blue-soft)} #page-system .md-pick .pk.on {background:var(--blue-soft)} #mdMask .md-pick .pk .tick {width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-2);flex:0 0 18px;margin-top:2px} #page-system .md-pick .pk .tick {width:18px;height:18px;border-radius:50%;border:1.5px solid var(--line-2);flex:0 0 18px;margin-top:2px} #mdMask .md-pick .pk.on .tick {background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 3px var(--surface)} #page-system .md-pick .pk.on .tick {background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 3px var(--surface)} #mdMask .md-pick .pk .pn {font-size:13px;font-weight:600} #page-system .md-pick .pk .pn {font-size:13px;font-weight:600} #mdMask .md-pick .pk .pr {font-size:11px;color:var(--txt-3);margin-top:2px;line-height:1.5} #page-system .md-pick .pk .pr {font-size:11px;color:var(--txt-3);margin-top:2px;line-height:1.5} #mdMask .md-pick .pk .pr b {color:var(--txt-2)} #page-system .md-pick .pk .pr b {color:var(--txt-2)} #mdMask .md-field {margin-bottom:12px} #page-system .md-field {margin-bottom:12px} #mdMask .md-field .fl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);font-weight:600;margin-bottom:9px} #page-system .md-field .fl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);font-weight:600;margin-bottom:9px} #mdMask .md-field input[type=text] {width:100%;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:10px 12px;color:var(--txt);font-family:var(--font-body);font-size:13.5px;outline:none} #page-system .md-field input[type=text] {width:100%;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:10px 12px;color:var(--txt);font-family:var(--font-body);font-size:13.5px;outline:none} #mdMask .md-field input[type=text]:focus {border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #page-system .md-field input[type=text]:focus {border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #mdMask .md-seg {display:flex;background:var(--sunken);border:1px solid var(--line-2);border-radius:7px;overflow:hidden} #page-system .md-seg {display:flex;background:var(--sunken);border:1px solid var(--line-2);border-radius:7px;overflow:hidden} #mdMask .md-seg button {flex:1;min-width:56px;background:none;border:none;border-right:1px solid var(--line);padding:9px 10px;font-size:13px;color:var(--txt-3);cursor:pointer;transition:.2s var(--ease);font-family:var(--font-body);white-space:nowrap} #page-system .md-seg button {flex:1;min-width:56px;background:none;border:none;border-right:1px solid var(--line);padding:9px 10px;font-size:13px;color:var(--txt-3);cursor:pointer;transition:.2s var(--ease);font-family:var(--font-body);white-space:nowrap} #mdMask .md-seg button:last-child {border-right:none} #page-system .md-seg button:last-child {border-right:none} #mdMask .md-seg button:hover {color:var(--txt-2)} #page-system .md-seg button:hover {color:var(--txt-2)} #mdMask .md-seg button.on {background:var(--blue);color:#fff;font-weight:600} #page-system .md-seg button.on {background:var(--blue);color:#fff;font-weight:600} #drawer .stepper {display:flex;align-items:center;gap:0;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden;width:210px} #mdMask .stepper {display:flex;align-items:center;gap:0;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden;width:210px} #page-system .stepper {display:flex;align-items:center;gap:0;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden;width:210px} #drawer .stepper:focus-within {border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #mdMask .stepper:focus-within {border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #page-system .stepper:focus-within {border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #drawer .stepper button {width:38px;height:38px;background:var(--sunken);border:none;border-right:1px solid var(--line);color:var(--txt-2);font-size:18px;cursor:pointer;transition:.15s var(--ease);flex:0 0 38px} #mdMask .stepper button {width:38px;height:38px;background:var(--sunken);border:none;border-right:1px solid var(--line);color:var(--txt-2);font-size:18px;cursor:pointer;transition:.15s var(--ease);flex:0 0 38px} #page-system .stepper button {width:38px;height:38px;background:var(--sunken);border:none;border-right:1px solid var(--line);color:var(--txt-2);font-size:18px;cursor:pointer;transition:.15s var(--ease);flex:0 0 38px} #drawer .stepper button:last-child {border-right:none;border-left:1px solid var(--line)} #mdMask .stepper button:last-child {border-right:none;border-left:1px solid var(--line)} #page-system .stepper button:last-child {border-right:none;border-left:1px solid var(--line)} #drawer .stepper button:hover {color:var(--blue);background:var(--blue-soft)} #mdMask .stepper button:hover {color:var(--blue);background:var(--blue-soft)} #page-system .stepper button:hover {color:var(--blue);background:var(--blue-soft)} #drawer .stepper input {flex:1;min-width:0;background:var(--surface);border:none;outline:none;color:var(--txt);font-family:var(--font-display);font-size:16px;font-weight:700;text-align:center;padding:8px 4px} #mdMask .stepper input {flex:1;min-width:0;background:var(--surface);border:none;outline:none;color:var(--txt);font-family:var(--font-display);font-size:16px;font-weight:700;text-align:center;padding:8px 4px} #page-system .stepper input {flex:1;min-width:0;background:var(--surface);border:none;outline:none;color:var(--txt);font-family:var(--font-display);font-size:16px;font-weight:700;text-align:center;padding:8px 4px} #drawer .stepper .unit {padding:0 12px 0 0;color:var(--txt-3);font-size:13px;font-weight:600} #mdMask .stepper .unit {padding:0 12px 0 0;color:var(--txt-3);font-size:13px;font-weight:600} #page-system .stepper .unit {padding:0 12px 0 0;color:var(--txt-3);font-size:13px;font-weight:600} #drawer .stepper input:focus {background:var(--surface)} #mdMask .stepper input:focus {background:var(--surface)} #page-system .stepper input:focus {background:var(--surface)} #mdMask .md-preview {background:var(--sunken);border:1px solid var(--blue-line);border-left:3px solid var(--blue);border-radius:var(--r-sm);padding:11px 14px;font-size:13px;line-height:1.85;color:var(--txt-2);margin-top:12px} #page-system .md-preview {background:var(--sunken);border:1px solid var(--blue-line);border-left:3px solid var(--blue);border-radius:var(--r-sm);padding:11px 14px;font-size:13px;line-height:1.85;color:var(--txt-2);margin-top:12px} #mdMask .md-preview b {color:var(--green)} #page-system .md-preview b {color:var(--green)} #mdMask .md-amounts {display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px} #page-system .md-amounts {display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px} #mdMask .md-amounts button {background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:12px 8px;font-size:15px;font-family:var(--font-display);font-weight:700;color:var(--txt-2);cursor:pointer;transition:.2s var(--ease);position:relative} #page-system .md-amounts button {background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:12px 8px;font-size:15px;font-family:var(--font-display);font-weight:700;color:var(--txt-2);cursor:pointer;transition:.2s var(--ease);position:relative} #mdMask .md-amounts button:hover {border-color:var(--blue-line);color:var(--blue)} #page-system .md-amounts button:hover {border-color:var(--blue-line);color:var(--blue)} #mdMask .md-amounts button.on {background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:var(--glow-blue)} #page-system .md-amounts button.on {background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:var(--glow-blue)} #mdMask .md-amounts button .pt {display:block;font-size:10px;font-weight:500;color:var(--txt-3);font-family:var(--font-body);margin-top:2px;letter-spacing:.02em} #page-system .md-amounts button .pt {display:block;font-size:10px;font-weight:500;color:var(--txt-3);font-family:var(--font-body);margin-top:2px;letter-spacing:.02em} #mdMask .md-amounts button.on .pt {color:oklch(95% 0.006 258 / .85)} #page-system .md-amounts button.on .pt {color:oklch(95% 0.006 258 / .85)} #page-system .tiers {display:grid;grid-template-columns:repeat(4,1fr);gap:12px} #page-system .tier {background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;transition:.22s var(--ease)} #page-system .tier:hover {border-color:var(--blue-line)} #page-system .tier .tn {font-family:var(--font-display);font-weight:700;font-size:16px} #page-system .tier .tn small {font-size:11px;color:var(--txt-3);font-weight:500;margin-left:4px} #page-system .tier .tr {display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;color:var(--txt-2)} #page-system .tier .tr b {color:var(--green);font-family:var(--font-display)} #drawer .tier .stepper {width:130px} #mdMask .tier .stepper {width:130px} #page-system .tier .stepper {width:130px} #drawer .tier .stepper button {width:34px;height:34px;flex:0 0 34px;font-size:15px} #mdMask .tier .stepper button {width:34px;height:34px;flex:0 0 34px;font-size:15px} #page-system .tier .stepper button {width:34px;height:34px;flex:0 0 34px;font-size:15px} #drawer .tier .stepper input {font-size:14px;padding:7px 2px} #mdMask .tier .stepper input {font-size:14px;padding:7px 2px} #page-system .tier .stepper input {font-size:14px;padding:7px 2px} #drawer .tier .stepper .unit {padding-right:9px;font-size:12px} #mdMask .tier .stepper .unit {padding-right:9px;font-size:12px} #page-system .tier .stepper .unit {padding-right:9px;font-size:12px} #page-system .fee-card {display:flex;flex-direction:column;gap:12px} #page-system .fee-row {display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:13px;color:var(--txt-2)} #page-system .fee-row>b {color:var(--txt)} #page-system .fee-note {font-size:11.5px;color:var(--txt-3);line-height:1.7;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px} #page-system .obadge {display:inline-block;font-size:10px;font-weight:700;padding:2px 10px;border-radius:999px;letter-spacing:.02em} #page-system .obadge.fee {color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber-line)} #page-system .obadge.topup {color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-line)} #mdMask .md-acts {display:flex;gap:12px;margin-top:18px} #page-system .md-acts {display:flex;gap:12px;margin-top:18px} #drawer .md-acts .btn-primary,.md-acts .btn-ghost,.md-acts .btn-danger {flex:1;border-radius:11px;padding:13px;font-size:14px;font-weight:600} #mdMask .md-acts .btn-primary,.md-acts .btn-ghost,.md-acts .btn-danger {flex:1;border-radius:11px;padding:13px;font-size:14px;font-weight:600} #page-system .md-acts .btn-primary,.md-acts .btn-ghost,.md-acts .btn-danger {flex:1;border-radius:11px;padding:13px;font-size:14px;font-weight:600} #drawer .md-acts .btn-primary {flex:1.4;box-shadow:var(--glow-blue)} #mdMask .md-acts .btn-primary {flex:1.4;box-shadow:var(--glow-blue)} #page-system .md-acts .btn-primary {flex:1.4;box-shadow:var(--glow-blue)} #drawer .md-acts .btn-danger {flex:1.4} #mdMask .md-acts .btn-danger {flex:1.4} #page-system .md-acts .btn-danger {flex:1.4} #page-system .sys-shell {display:grid;grid-template-columns:184px minmax(0,1fr);gap:16px;align-items:start} #page-system .sys-nav {background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;z-index:62} #page-system .snav {display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:var(--r-sm);border:1px solid transparent;background:none;color:var(--txt-2);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:.2s var(--ease);text-align:left} #page-system .snav svg {width:16px;height:16px;flex:0 0 16px} #page-system .snav:hover {background:var(--sunken);color:var(--txt)} #page-system .snav.on {background:var(--blue-soft);color:var(--blue);border-color:var(--blue-line);font-weight:600} #page-system .ov-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px} #page-system .ov-card {padding:14px 18px} #mdMask .ov-card .cl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);margin-bottom:12px} #page-system .ov-card .cl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);margin-bottom:12px} #page-system .ovbar {margin-bottom:10px} #page-system .ovbar .bl {display:flex;justify-content:space-between;font-size:12px;color:var(--txt-2);margin-bottom:5px} #page-system .ovbar .bl b {font-family:var(--font-display)} #page-system .ovbar .track {height:8px;background:var(--surface);border-radius:99px;overflow:hidden;border:1px solid var(--line)} #page-system .ovbar .track i {display:block;height:100%;border-radius:99px;background:var(--blue)} #page-system .ovbar .track i.g {background:var(--green)} #page-system .ovbar .track i.a {background:var(--amber)} #page-system .ovbar .track i.r {background:var(--red)} #page-system .ovrank {display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px} #page-system .ovrank:last-child {border-bottom:none} #page-system .ovrank .no {width:22px;height:22px;border-radius:50%;background:var(--sunken);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:11px;color:var(--txt-2);flex:0 0 22px} #page-system .ovrank .no.top {background:var(--blue);color:#fff} #page-system .ovrank .nm {font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #page-system .ovrank .vv {color:var(--txt-2);white-space:nowrap} #page-system .ovrank .vv b {color:var(--green);font-family:var(--font-display)} #page-system .ovexp {display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px} #page-system .ovexp:last-child {border-bottom:none} #page-system .ovexp .dn {font-weight:600;flex:1} #page-system .ovexp .dt {color:var(--amber);font-family:var(--font-display);font-weight:600} #page-system .ovexp .mini {padding:4px 10px;font-size:11px} #page-system .set-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px} #page-system .set-card {padding:14px 18px} #mdMask .set-card .cl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);margin-bottom:12px} #page-system .set-card .cl {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);margin-bottom:12px} #page-system .set-card .fee-row {margin-bottom:4px} #page-system .tbl td+td,.tbl th+th {border-left:1px solid var(--line)} #page-system .tbl .exp-soon {color:var(--amber);font-weight:600} #page-system .tbl .exp-out {color:var(--red);font-weight:600} #page-system .dv-badge {display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;border-radius:999px;background:var(--blue-soft);border:1px solid var(--blue-line);color:var(--blue);font-family:var(--font-display);font-size:11px;font-weight:700;padding:0 6px;cursor:pointer} #page-system .dv-badge.zero {background:var(--sunken);border-color:var(--line-2);color:var(--txt-3)} #drawer .md-acts .btn-ghost {background:transparent} #mdMask .md-acts .btn-ghost {background:transparent} #page-system .md-acts .btn-ghost {background:transparent} #mdMask .md-cred {background:var(--sunken);border:1px dashed var(--blue-line);border-radius:var(--r-sm);padding:12px 14px;font-size:13px;line-height:2} #page-system .md-cred {background:var(--sunken);border:1px dashed var(--blue-line);border-radius:var(--r-sm);padding:12px 14px;font-size:13px;line-height:2} #mdMask .md-cred b {font-family:var(--font-display);color:var(--blue)} #page-system .md-cred b {font-family:var(--font-display);color:var(--blue)} #sysToast {position:fixed;top:78px;left:50%;transform:translateX(-50%) translateY(-4px);background:var(--raised);border:1px solid var(--line-2);color:var(--txt);padding:12px 20px;border-radius:var(--r-sm);font-size:13.5px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s var(--ease);z-index:10000} #insufficientCreditsModal .credits-short-modal{max-width:420px} #insufficientCreditsModal .credits-short-actions{display:flex;gap:10px;margin-top:22px} #insufficientCreditsModal .credits-short-actions button{flex:1} #wizCloseConfirmModal .wiz-confirm-modal{max-width:440px} #wizCloseConfirmModal .wiz-confirm-actions{display:flex;gap:10px;margin-top:22px} #wizCloseConfirmModal .wiz-confirm-actions button{flex:1} #sysToast.on {opacity:1;transform:translateX(-50%)} @keyframes breathe{0%,100%{opacity:.4}50%{opacity:1}} @keyframes rise{from{opacity:0;transform:translateY(12px)}to{none}} #page-system .pane-in {animation:rise .4s var(--ease)} @media (max-width:1250px){.kpis{grid-template-columns:repeat(3,1fr)}.dw-grid{grid-template-columns:1fr 1fr}} @media (max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}} /* 真实采集线索 */ #page-acquire .aqc-panel[data-mod="pool"] .pl-last{white-space:normal;line-height:1.45;overflow:hidden} #page-acquire .aqc-panel[data-mod="pool"] .pl-last small{display:block;color:var(--txt-3);font-size:10px} #page-acquire .aqc-panel[data-mod="pool"] .pl-source-link{color:var(--blue);font-size:10px;margin-left:6px} #page-acquire .aqc-panel[data-mod="pool"] .pl-idpending{font-size:10px;color:#9a6700;background:#fff4d6;border:1px solid #f2d28b;border-radius:4px;padding:1px 4px;margin-left:5px;white-space:nowrap} #page-acquire .aqc-panel[data-mod="pool"] .pl-tblwrap{overflow-x:auto} /* 工作台报告：明确层级，避免大字号长段落挤在一行 */ #page-workbench .wb-report .ch,#page-workbench .wb-opt .ch{align-items:center} #page-workbench .wb-report .ch .wb-generate,#page-workbench .wb-opt .ch .wb-generate{margin-left:auto} #page-workbench .wb-generate{height:32px;padding:0 12px;font-size:11px;gap:6px;white-space:nowrap} #page-workbench .wb-generate.is-loading{opacity:.75;cursor:wait} #page-workbench .wb-report .badge.error,#page-workbench .wb-opt .badge.error{background:rgba(210,72,72,.12);border-color:rgba(210,72,72,.35);color:var(--red)} #page-workbench .wb-report .badge.error::before,#page-workbench .wb-opt .badge.error::before{background:var(--red)} #page-workbench .wb-report .ai-meta,#page-workbench .wb-opt .ai-meta{font-size:11px;line-height:1.4;letter-spacing:0} #page-workbench .wb-report .ai-summary,#page-workbench .wb-opt .ai-summary{font-size:12px;line-height:1.65;color:var(--txt-2);padding:7px 9px;border-left:2px solid var(--blue);background:rgba(85,142,255,.055);border-radius:0 6px 6px 0} #page-workbench .wb-report .dense-list,#page-workbench .wb-opt .dense-list{gap:10px;overflow:auto;padding-right:3px;flex:1;min-height:0} /* 2026-09-26（波哥）：报告列表原来用浏览器默认的粗滚动条 ⇒ 与系统其它区域统一成细样式 */ #page-workbench .wb-report .dense-list::-webkit-scrollbar,#page-workbench .wb-opt .dense-list::-webkit-scrollbar{width:7px} #page-workbench .wb-report .dense-list::-webkit-scrollbar-thumb,#page-workbench .wb-opt .dense-list::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} #page-workbench .dense-list{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent} /* 2026-09-26：撑满剩余高度，让两张卡内部结构一致 */ #page-workbench .wb-report .dense-list li,#page-workbench .wb-opt .dense-list li{gap:8px} #page-workbench .wb-report .dense-list li>div,#page-workbench .wb-opt .dense-list li>div{font-size:12px;line-height:1.55} #page-workbench .wb-report .dense-list li b,#page-workbench .wb-opt .dense-list li b{display:block;font-size:12px;line-height:1.45;margin:0 0 2px;color:var(--txt-1)} #page-workbench .dense-list li>div>span{display:block} #page-workbench .report-empty{opacity:.78;padding:8px 0} #page-workbench .report-empty .empty-mark{display:grid;place-items:center;background:var(--line-2);color:var(--txt-2);font-size:12px} @media (max-width:1180px){#page-workbench .wb-ops{grid-template-columns:1fr}.scroll:has(#page-workbench.on){padding:24px 20px}.wb-ops .wb-card{display:flex!important}.wb-report,.wb-opt{min-height:245px}} @media (max-width:640px){#page-workbench .wb-kpis{grid-template-columns:1fr}.wb-report,.wb-opt{min-height:280px}#page-workbench .wb-generate{height:30px;padding:0 9px}.wb-report .ch h3,.wb-opt .ch h3{font-size:13px}} /* 运营区保持原有卡片高度，报告内容在卡片内收纳 */ /* ★ 2026-10-12 修（波哥反馈：生成完报告要滚动才看得全）： 原来把底部三张卡的高度**写死成 clamp(220px,30vh,330px)**（1440 高的屏取满 330）， 且报告卡 overflow:hidden —— 报告一长就被裁掉、只能在卡内滚。 现在改为「随内容自适应 + 上限兜底」： · height:auto → 卡片高度由内容撑开，不再写死； · max-height 按可用空间收窄 → 大屏（1440）取满 479（实测刚好装下最长的报告，页面不滚动）， 小屏则不超过视口可用高度，避免页面整体被撑出滚动条； · min-height → 仅作矮屏保底，别让未生成时卡片塌下去。 内容万一超过上限，由卡片自身 overflow-y:auto 滚动兜底 —— 绝不静默裁掉看不见。 */ #page-workbench .wb-ops{height:auto;min-height:clamp(200px,26vh,300px);max-height:clamp(280px,calc(100vh - 700px),479px);flex:0 0 auto;grid-auto-rows:minmax(0,1fr)} #page-workbench .wb-ops .wb-card{height:100%;min-height:0;box-sizing:border-box;overflow-y:auto} #page-workbench .wb-report .dense-list,#page-workbench .wb-opt .dense-list{min-height:0;flex:1 0 auto;overflow:visible} @media (max-width:1180px){#page-workbench .wb-ops{height:auto}.wb-report,.wb-opt{height:280px;min-height:280px}} @media (max-width:640px){#page-workbench .wb-ops{height:auto}.wb-report,.wb-opt{height:300px;min-height:300px}} .ig-progress{margin:10px 0;color:var(--blue);font-size:12px}.ig-progress-track{height:5px;background:var(--line);border-radius:9px;overflow:hidden;margin-bottom:5px}.ig-progress-track i{display:block;height:100%;width:0;background:var(--blue);transition:width .35s;border-radius:9px} .ig-progress{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;margin:8px 14px 0 0}.ig-progress-track{height:10px;flex:1;background:var(--line);border-radius:99px;overflow:hidden}.ig-progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),#7aaeff);transition:width .35s;border-radius:99px}.ig-progress span{width:38px;text-align:right;font-size:12px;font-weight:700;color:var(--blue)} /* 数字人进度条状态标识（2026-09-17）：紧随进度条下方的一行小字，随阶段切换文案。 仅用既有变量 --txt-3 / --blue，字号 11.5px 对齐全站小字规格，不新增配色体系。 */ #avProgress .av-progress-status{margin-top:6px;font-size:11.5px;line-height:1.4;color:var(--txt-3);letter-spacing:.01em} #page-video .vc-hist-list[data-board=image] .h-card.img .hc-thumb{height:150px;min-height:150px;max-height:150px;flex:none;overflow:hidden;border-radius:10px;margin-bottom:12px}#page-video .vc-hist-list[data-board=image] .h-card.img .hc-thumb img{display:block;width:100%;height:100%;object-fit:contain} /* Fixed reference stack: uploads never change the composer dimensions. */ #page-video .vc-panel[data-board="image"] .ig-rail{position:relative;align-self:stretch;padding:0} #page-video .vc-panel[data-board="image"] .image-ref-card, #page-video .vc-panel[data-board="image"] #addRefCard{position:absolute;top:calc(8px + var(--ref-index,0)*22px);left:0;margin:0;z-index:calc(1 + var(--ref-index,0));animation:none;transform:rotate(-6deg)} #page-video .vc-panel[data-board="image"] .image-ref-card{display:block;background-size:cover;background-position:center} #page-video .vc-panel[data-board="image"] .image-ref-card:nth-child(even){left:5px;transform:rotate(5deg)} #page-video .vc-panel[data-board="image"] .image-ref-card:hover, #page-video .vc-panel[data-board="image"] .image-ref-card:focus-within{z-index:10;transform:rotate(0)} #page-video .vc-panel[data-board="image"] .ref-replace{position:absolute;inset:0;border:0;background:transparent;border-radius:inherit;cursor:pointer} #page-video .vc-panel[data-board="image"] .ref-tag{position:absolute;top:3px;left:3px;border-radius:5px;padding:1px 4px;background:#20252dbb;color:white;font-size:10px} #page-video .vc-panel[data-board="image"] .ref-remove{position:absolute;right:-5px;top:-5px;width:16px;height:16px;padding:0;border:0;border-radius:50%;background:var(--red);color:#fff;line-height:16px;cursor:pointer} #page-video .vc-panel[data-board="image"] .ig-rail .rl{position:absolute;bottom:0;left:0;width:100%;margin:0} /* Image composer sizing: larger writing area and easier reference targets. */ #page-video .vc-panel[data-board="image"] .ig-box{min-height:230px;padding:16px;gap:20px} #page-video .vc-panel[data-board="image"] .ig-rail{width:88px;min-height:198px} #page-video .vc-panel[data-board="image"] .up-slot, #page-video .vc-panel[data-board="image"] .ra-thumb{width:72px;height:102px;border-radius:10px} #page-video .vc-panel[data-board="image"] .up-slot .plus, #page-video .vc-panel[data-board="image"] .up-slot .plus svg{width:30px;height:30px} #page-video .vc-panel[data-board="image"] .ig-area{min-height:176px;padding:8px;font-size:15px} #page-video .vc-panel[data-board="image"] .image-ref-card, #page-video .vc-panel[data-board="image"] #addRefCard{top:calc(8px + var(--ref-index,0)*26px)} #page-video .vc-panel[data-board="image"] .ig-generate-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none} #page-video .vc-panel[data-board="image"] .ig-generate-actions .btn-ai{margin-left:0;padding:6px 11px;font-size:13px;white-space:nowrap;height:32px} #page-video .vc-panel[data-board="image"] #polishPromptBtn{min-width:0} #page-video .vc-panel[data-board="image"] #polishPromptBtn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25)} #page-video .vc-panel[data-board="image"] .ig-generate-actions button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25);box-shadow:none;pointer-events:none} #page-video .sv-acts{display:flex;align-items:center;gap:6px} #page-video .sv-progress{display:none;align-items:center;gap:10px;flex:1;min-width:180px;margin:8px 14px 0 10px;color:var(--blue);font-size:12px} #page-video .sv-progress-track{height:10px;flex:1;background:var(--line);border-radius:99px;overflow:hidden} #page-video .sv-progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),#7aaeff);border-radius:99px;transition:width .35s ease} #page-video .sv-progress span{width:38px;text-align:right;font-size:12px;font-weight:700;color:var(--blue)} .av-step3-layout{display:grid;grid-template-columns:minmax(220px,1.05fr) minmax(360px,1.55fr) minmax(220px,1fr);gap:12px;align-items:stretch} .av-step3-col{background:var(--sunken);border:1px solid var(--line,#d8e0e8);border-radius:10px;padding:12px;min-width:0} .av-col-title{font-size:13px;font-weight:700;color:var(--txt,#263445)} .av-col-hint{font-size:11px;color:var(--txt-3,#8793a2);margin:3px 0 9px} .av-inline-bgm-upload{white-space:nowrap;margin-left:8px;padding:0 9px;font-size:11px} .av-inline-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:300px;overflow:auto;padding-right:2px} .av-inline-style-grid .style-card{min-height:58px;padding:7px 6px;border:1px solid var(--line,#ccd5df);border-radius:8px;background:var(--surface);cursor:pointer;text-align:center} .av-inline-style-grid .style-card.on{border-color:var(--blue,#3b82f6);background:var(--blue-soft)} .av-inline-style-grid .st-prev{font-size:16px;line-height:22px;white-space:nowrap;overflow:hidden}.av-inline-style-grid .st-name{font-size:11px;font-weight:600;color:var(--txt,#263445)}.av-inline-style-grid .st-font{font-size:10px;color:var(--txt-3,#8793a2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.av-inline-style-grid .st-free{color:#32c878;margin-right:3px} .av-summary-script{min-height:74px;padding:9px;background:var(--surface);border:1px solid var(--line,#d8e0e8);border-radius:8px;font-size:12px;line-height:1.55;color:var(--txt-2,#536274);white-space:pre-wrap;word-break:break-word} .av-summary-list{margin-top:9px;display:grid;gap:6px}.av-summary-list div{display:flex;justify-content:space-between;gap:8px;font-size:11px}.av-summary-list span{color:var(--txt-3,#8793a2)}.av-summary-list b{color:var(--txt,#263445);font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .av-title-row{grid-column:1/-1}.av-title-wrap{display:flex;align-items:center;gap:7px;flex:1;min-width:0}.av-title-wrap input{width:100%;min-width:0}.av-title-wrap span{font-size:10px;color:var(--txt-3,#8793a2);white-space:nowrap} #avRatioPanel{display:flex;gap:4px;flex-wrap:wrap;padding:5px}.av-param-col #avRatioDd.open #avRatioPanel{display:flex} @media(max-width:1100px){.av-step3-layout{grid-template-columns:1fr 1.5fr}.av-summary-col{grid-column:1/-1}.av-inline-style-grid{grid-template-columns:repeat(4,1fr);max-height:180px}} #avPanel3 .av-step3-layout{width:100%;box-sizing:border-box;min-width:0} @media(max-width:760px){#avPanel3 .av-step3-layout{grid-template-columns:minmax(0,1fr)}#avPanel3 .av-summary-col{grid-column:auto}} /* 第三步中栏：参考图的独立参数布局，不复用旧 set-grid / set-row。 */ #page-video #avPanel3 .av-param-col{overflow:visible;background:var(--surface);padding:16px} #page-video #avPanel3 .av-param-col>.av-col-title{margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--line);font-size:var(--fs-small)} #page-video #avPanel3 .av-param-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;width:100%} #page-video #avPanel3 .av-param-row{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;min-width:0} #page-video #avPanel3 .av-param-row .st-l{width:auto;font-size:var(--fs-cap);font-weight:600;color:var(--txt-2);white-space:nowrap} #page-video #avPanel3 .av-param-upload-row{grid-template-columns:76px minmax(0,1fr) 138px} #page-video #avPanel3 .av-param-row .dd{width:100%;min-width:0} #page-video #avPanel3 .av-param-row .dd-trigger,#page-video #avPanel3 .av-param-upload{height:38px;width:100%;margin:0!important;padding:0 12px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);color:var(--txt);font:inherit;font-size:var(--fs-cap);font-weight:600} #page-video #avPanel3 .av-param-row .dd-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video #avPanel3 .av-param-upload{justify-content:center;white-space:nowrap;cursor:pointer} #page-video #avPanel3 .av-param-upload svg{width:16px;height:16px;flex:none} #page-video #avPanel3 .av-param-choice{min-width:0} #page-video #avPanel3 .av-param-choice>.dd-trigger{display:none} #page-video #avPanel3 .av-param-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;padding:0} #page-video #avPanel3 #avRatioPanel{grid-template-columns:repeat(5,minmax(0,1fr))} #page-video #avPanel3 #avSubtPanel{grid-template-columns:repeat(2,minmax(0,1fr));width:calc((100% - 5px) * 2 / 3)} #page-video #avPanel3 #avSubtSizePanel{grid-template-columns:repeat(4,minmax(0,1fr))} #page-video #avPanel3 .av-param-segments .opt-cell{height:38px;min-width:0;padding:0 4px;border-radius:8px;font:inherit;font-size:var(--fs-cap)} #page-video #avPanel3 .av-param-segments .opt-cell.on{background:var(--blue-soft);border-color:var(--blue-line);color:var(--blue);font-weight:700} #page-video #avPanel3 .av-param-row .speed-wrap{width:180px;max-width:100%;height:38px;padding:0;gap:0;box-sizing:border-box;border-radius:8px} #page-video #avPanel3 .av-param-row .speed-step{height:36px;width:36px;border-radius:7px} #page-video #avPanel3 .av-param-row .speed-step svg{width:14px;height:14px} #page-video #avPanel3 .av-param-row .speed-suf{display:none} #page-video #avPanel3 .av-title-wrap{position:relative;display:block;min-width:0} #page-video #avPanel3 #avTitleInput{display:block;width:100%;height:40px;box-sizing:border-box;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);color:var(--txt);font:inherit;font-size:var(--fs-cap);padding:0 52px 0 12px} #page-video #avPanel3 #avTitleCount{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--txt-3);font-size:var(--fs-cap)} #page-video #avPanel3 #avSubtStyleRow[hidden]{display:none} @container(max-width:1050px){ #page-video #avPanel3 .av-step3-layout{grid-template-columns:minmax(180px,1fr) minmax(380px,1.8fr)} #page-video #avPanel3 .av-summary-col{grid-column:1/-1} } @container(max-width:650px){ #page-video #avPanel3 .av-step3-layout{grid-template-columns:minmax(0,1fr)} #page-video #avPanel3 .av-param-row{grid-template-columns:64px minmax(0,1fr);gap:8px} #page-video #avPanel3 .av-param-upload-row{grid-template-columns:64px minmax(0,1fr) 126px} } /* GEO 阶段4：真实统计与证据，仅限 GEO 页面 */ #page-geo .geo-summary-filters {display:flex;gap:16px;flex-wrap:wrap;padding:8px 0 16px} #page-geo .geo-summary-filters[hidden], #page-geo .geo-summary-history[hidden] {display:none} #page-geo .geo-summary-filters select {max-width:240px} #page-geo .geo-summary-history {overflow:auto;max-height:320px;margin-top:16px} #page-geo .geo-summary-history table {width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap} #page-geo .geo-summary-history th,#page-geo .geo-summary-history td {text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)} #page-geo .geo-summary-note {padding:10px 0;font-size:12px;color:var(--txt-3);line-height:1.7} #page-geo .geo-dtx {white-space:pre-wrap;overflow-wrap:anywhere} #page-geo .geo-detail a {overflow-wrap:anywhere} #page-geo .geo-astats {flex-wrap:wrap} #page-geo .geo-e.unknown {background:var(--amber);opacity:.65} /* GEO 大屏适配（≥1800px）：只调整布局比例，不改结构、不改文案；<1800px 显示完全不变 */ @media (min-width:1800px){ /* 右栏由 320 加宽到 460，容纳 4 张卡片 */ #page-geo .geo-wrap{grid-template-columns:minmax(0,1fr) 460px;gap:22px} /* 监测表 7 列按比例分摊宽度，避免「问题」列独占 85% */ #page-geo .geo-thead,#page-geo .geo-tr{grid-template-columns:minmax(0,2.6fr) 0.62fr 0.62fr 0.55fr 0.62fr 0.72fr minmax(176px,0.68fr);gap:14px} /* 窄标签不被拉成长条：保持自身宽度并居中 */ #page-geo .geo-tp,#page-geo .geo-st2{justify-self:center;min-width:0} #page-geo .geo-tbody{max-height:520px} /* 信源矩阵同类处理：短标签同样保持自身宽度并居中 */ #page-geo .geo-sr{grid-template-columns:minmax(0,2.6fr) 0.62fr 0.62fr 0.72fr 0.8fr;gap:14px} #page-geo .geo-sc,#page-geo .geo-sw,#page-geo .geo-sm{justify-self:center;min-width:0} #page-geo .geo-srcwrap{max-height:340px} /* 趋势曲线与任务列表随卡片放大 */ #page-geo .geo-chart{height:170px} #page-geo .geo-chart svg{height:140px} #page-geo .geo-tasks{max-height:220px} } /* ── 全局轻提示条 hxToast（2026-09-17：替代浏览器原生 alert）────────────── 位置在页面偏上（底部提示经常看不到）；报错 6 秒、成功 / 提醒 4 秒，可点 × 提前关。 挂在 body 下、不属于任何 page，所以登录页与各板块都能用；z-index 高于全部弹窗（9998 / 9999）。 */ #hxToast{position:fixed;left:50%;top:78px;transform:translateX(-50%) translateY(-14px);z-index:10000;display:flex;align-items:center;gap:10px;max-width:min(620px,92vw);padding:11px 12px 11px 16px;background:var(--raised);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 24px 60px -30px rgba(0,0,0,.75);opacity:0;visibility:hidden;transition:opacity .26s var(--ease),transform .26s var(--ease);pointer-events:none} #hxToast.on{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto} #hxToast .hx-t-ic{width:16px;height:16px;flex:none;color:var(--blue)} #hxToast .hx-t-tx{font-size:13px;color:var(--txt);line-height:1.55;font-family:inherit} #hxToast .hx-t-x{margin-left:2px;width:26px;height:26px;flex:none;border:none;background:none;color:var(--txt-3);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;font-family:inherit;transition:.18s} #hxToast .hx-t-x:hover{color:var(--txt);background:var(--blue-soft)} #hxToast[data-type="error"]{border-color:var(--red)} #hxToast[data-type="error"] .hx-t-ic{color:var(--red)} #hxToast[data-type="success"]{border-color:var(--green-line)} #hxToast[data-type="success"] .hx-t-ic{color:var(--green)} /* ══════════════════════════════════════════════════════════════════════════ AI 视频中心 · 自动发布（board=auto） 2026-10-05 接入 尺寸严格照抄小样 `视频中心-自动发布-小样V2-可点击-2026-10-05.html`（不自行压缩）。 作用域三处（只追加，不动既有规则）： · #apRoot 面板内容 · .vc-hist-list[data-board=auto] 右侧发布记录 · #apConfirmModal 确认弹窗里的键值行 ══════════════════════════════════════════════════════════════════════════ */ #page-video .vc-panel[data-board="auto"] .vc-card{padding:17px 22px} #page-video .vc-panel[data-board="auto"] .vc-head{margin-bottom:12px} /* 项目选择器（2026-10-05 新增）：原来这个板块写死用「第一个项目」，多项目时素材和发布归属会对不上。 尺寸/字号照同页 `.ap-when select.input` 的写法，不另创一套。 */ #apRoot .vc-head .ap-projsel{margin-left:auto;flex:none;width:200px;padding:6px 28px 6px 11px;font-size:12px} #apRoot .ap-sec{margin-bottom:12px} #apRoot .ap-sec:last-of-type{margin-bottom:0} #apRoot .ap-sh{display:flex;align-items:center;gap:8px;margin-bottom:9px} #apRoot .ap-sh .n{width:18px;height:18px;border-radius:6px;flex:none;display:grid;place-items:center;font-size:10.5px;font-weight:600; font-family:var(--font-display);background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-line)} #apRoot .ap-sh .t{font-size:13.5px;font-weight:600} #apRoot .ap-sh .sub{font-size:11.5px;color:var(--txt-3)} #apRoot .ap-sh .rt{margin-left:auto;display:flex;gap:7px;align-items:center;flex:none} #apRoot .seg{display:inline-flex;margin-top:0;border:1px solid var(--line-2);border-radius:99px;overflow:hidden;background:var(--sunken)} #apRoot .seg button{font-family:inherit;font-size:12.5px;font-weight:400;letter-spacing:normal;color:var(--txt-2);background:none;border:none;cursor:pointer;padding:6px 15px;transition:.2s var(--ease)} #apRoot .seg button.on{background:var(--blue-soft);color:var(--blue);font-weight:600} #apRoot .btn-ghost{width:auto;border:1px solid var(--line-2);background:var(--surface);color:var(--txt-2);border-radius:var(--r-sm); padding:9px 16px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:.28s;white-space:nowrap;flex:none} #apRoot .btn-ghost:hover{color:var(--txt);border-color:var(--blue-line)} #apRoot .btn-ghost.sm{padding:6px 12px;font-size:11.5px} #apRoot .btn-ai{width:auto;background:var(--blue);color:#fff;border:none;border-radius:var(--r-sm);padding:11px 22px;font-family:inherit;font-size:13px; font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 20px -8px var(--blue);transition:.28s var(--ease); white-space:nowrap;flex:none} #apRoot .btn-ai:hover{transform:translateY(-2px)} #apRoot .btn-ai:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none} #apRoot .btn-ghost:disabled,#apRoot .input:disabled{opacity:.5;cursor:not-allowed} /* 2026-10-05：「存成草稿 / 每条之间隔」还没接通，置灰并写明，不留"看着能用却不动"的控件 */ #apRoot .btn-ai svg{width:15px;height:15px} /* ① 组一条 —— 素材卡 2026-10-05 波哥要求：**必须有缩略图**（原来只有「视频/图片」两个字，根本认不出是哪条素材，没法选）。 卡片同时放大（每行自适应，最窄 168px），缩略图固定 104px 高；样式沿用同页「智能混剪」的素材卡 （封面 + 播放角标 + 勾选圈），只在选中时多一个序号角标，不另造一套视觉。 */ #apRoot .ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; max-height:482px;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent} #apRoot .ap-grid::-webkit-scrollbar{width:7px} #apRoot .ap-grid::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} #apRoot .ap-th{border:1px solid var(--line-2);border-radius:10px;overflow:hidden;cursor:pointer;background:var(--sunken);position:relative;transition:.2s var(--ease)} #apRoot .ap-th:hover{border-color:var(--blue-line)} #apRoot .ap-th.on{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft)} #apRoot .ap-th .th{position:relative;height:116px;background:oklch(28% .02 258);overflow:hidden} #apRoot .ap-th .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none} #apRoot .ap-th .th img.ok{display:block} #apRoot .ap-th .ph-t{position:absolute;inset:0;display:grid;place-items:center;color:var(--txt-3);font-size:11.5px} #apRoot .ap-th .th img.ok + .ph-t{display:none} #apRoot .ap-th .vp{position:absolute;left:7px;bottom:7px;width:22px;height:22px;border-radius:50%;background:oklch(14% .011 258/.62); border:1px solid var(--line-2);display:grid;place-items:center;color:#fff;opacity:.92} #apRoot .ap-th .vp svg{width:10px;height:10px} /* ⚠️ 勾选圈**不能叫 .ck**：`#apRoot .ck`（发布前检查那颗胶囊）是同一作用域里的**同名类**， 它的 padding:5px 12px 会把圆圈撑成椭圆、还会给未选中的染上绿底（2026-10-05 波哥发现的）。 改叫 .sel 后互不干扰。 */ #apRoot .ap-th .sel{position:absolute;right:7px;top:7px;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.62); background:oklch(14% .011 258/.5);display:grid;place-items:center;transition:.22s var(--ease)} #apRoot .ap-th .sel svg{width:10px;height:10px;color:#fff;opacity:0;transform:scale(.5);transition:.22s var(--ease)} #apRoot .ap-th.on .sel{background:var(--blue);border-color:var(--blue);box-shadow:0 2px 8px -2px var(--blue)} #apRoot .ap-th.on .sel svg{opacity:1;transform:none} #apRoot .ap-th .nm{padding:7px 9px 8px;font-size:11.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #apRoot .ap-th .ord{position:absolute;left:7px;top:7px;width:19px;height:19px;border-radius:50%;background:var(--blue);color:#fff; font-size:10.5px;font-weight:600;display:none;place-items:center;font-variant-numeric:tabular-nums} #apRoot .ap-th.on .ord{display:grid} #apRoot .ap-th .cv{position:absolute;right:7px;bottom:7px;font-size:9.5px;font-weight:600;letter-spacing:.04em;color:#fff;background:rgba(0,0,0,.6); border-radius:5px;padding:1px 5px;display:none} #apRoot .ap-th.cover .cv{display:block} /* 素材库为空时的兜底：必须跨满整行 —— 否则会被当成一个格子挤成窄条（2026-10-05 修） */ #apRoot .ap-empty-lib{grid-column:1 / -1;border:1px dashed var(--line-2);border-radius:10px;padding:26px 20px;text-align:center; color:var(--txt-3);font-size:12.5px;line-height:1.8;background:var(--sunken)} #apRoot .ap-empty-lib b{color:var(--txt-2);font-weight:600} #apRoot .selbar{border:1px dashed var(--line-2);border-radius:10px;padding:10px 12px;margin-top:10px;background:var(--sunken); display:flex;align-items:center;gap:12px;flex-wrap:wrap} #apRoot .selbar .cnt{font-size:12px;color:var(--txt-2)} #apRoot .selbar .cnt b{color:var(--blue);font-weight:600} #apRoot .selbar .seq{display:flex;gap:8px;align-items:center;flex-wrap:wrap} #apRoot .selbar .hint{font-size:11.5px;color:var(--txt-3);margin-left:auto} #apRoot .seqit{display:flex;flex-direction:column;align-items:center;gap:4px} #apRoot .seqit .bx{width:46px;height:34px;border-radius:7px;background:oklch(30% .02 258);position:relative; display:flex;align-items:center;justify-content:center;font-size:10.5px;color:var(--txt-3)} #apRoot .seqit .bx .k{position:absolute;left:-4px;top:-4px;width:16px;height:16px;border-radius:50%;background:var(--blue);color:#fff; font-size:10px;font-weight:600;display:grid;place-items:center;font-variant-numeric:tabular-nums} #apRoot .seqit .bx.cover{box-shadow:0 0 0 2px var(--amber-line)} #apRoot .seqit .ops{display:flex;gap:3px} #apRoot .mini{font-family:inherit;font-size:11px;line-height:1;color:var(--txt-3);background:var(--surface);border:1px solid var(--line-2); border-radius:5px;cursor:pointer;padding:3px 6px} #apRoot .mini:hover{color:var(--txt);border-color:var(--blue-line)} #apRoot .mini:disabled{opacity:.35;cursor:not-allowed} #apRoot .mini.danger:hover{color:var(--red);border-color:var(--red-line)} #apRoot .ap-note{font-size:11.5px;color:var(--txt-3);margin-top:9px;display:flex;gap:6px;align-items:flex-start} #apRoot .ap-note svg{width:13px;height:13px;flex:none;margin-top:3px;color:var(--txt-3)} #apRoot .ap-note b{color:var(--txt-2);font-weight:600} /* ② 发到哪 */ #apRoot .ap-plats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} #apRoot .ap-plat{border:1px solid var(--line-2);border-radius:12px;padding:12px;background:var(--sunken);display:flex;flex-direction:column;gap:9px; transition:.2s var(--ease);cursor:pointer} #apRoot .ap-plat:not(.lock):hover{border-color:var(--blue-line)} #apRoot .ap-plat.on{border-color:var(--blue-line);background:var(--blue-soft)} #apRoot .ap-plat.lock{opacity:.52;cursor:not-allowed} #apRoot .ap-plat .ph{display:flex;align-items:center;gap:7px} #apRoot .ap-plat .pn{font-size:12.5px;font-weight:600} #apRoot .ap-plat .st{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--txt-3)} #apRoot .ap-plat .why{font-size:11px;color:var(--txt-3);line-height:1.5} #apRoot .ap-plat .why.warn{color:var(--amber)} #apRoot .ap-plat .tick{font-size:11px;color:var(--blue);font-weight:600;min-height:15px} #apRoot .dot{width:6px;height:6px;border-radius:50%;background:var(--txt-3);flex:none} #apRoot .dot.g{background:var(--green)} /* ③ 说什么 */ #apRoot .ap-cols{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px;align-items:start} #apRoot .lbl{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-3);font-weight:600;margin-bottom:8px} /* 「主文案」三个字后面紧跟「从文案大师选一条」（波哥 2026-10-06：按钮放左边、标签放大） */ #apRoot .ap-lblrow{display:flex;align-items:center;gap:10px;margin-bottom:8px;min-height:34px} #apRoot .ap-lblrow .lbl{margin-bottom:0} /* 从「文案大师」挑一条 —— 弹窗外壳沿用全站 .modal-overlay/.modal，这里只加列表样式 */ #apPickCopyModal .modal{max-width:600px} #apPickCopyModal .ap-cp-list{max-height:430px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:3px; scrollbar-width:thin;scrollbar-color:var(--line-2) transparent} #apPickCopyModal .ap-cp-list::-webkit-scrollbar{width:7px} #apPickCopyModal .ap-cp-list::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:7px;border:2px solid transparent;background-clip:padding-box} #apPickCopyModal .ap-cp-it{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;cursor:pointer;font-family:inherit; background:var(--sunken);border:1px solid var(--line);border-radius:10px;padding:11px 13px;transition:.2s var(--ease)} #apPickCopyModal .ap-cp-it:hover{border-color:var(--blue-line);background:var(--surface)} #apPickCopyModal .ap-cp-it .r1{display:flex;align-items:center;gap:10px} #apPickCopyModal .ap-cp-it .tt{font-size:13px;font-weight:600;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #apPickCopyModal .ap-cp-it .wc{margin-left:auto;flex:none;font-size:10.5px;font-weight:600;color:var(--blue);background:var(--blue-soft); border:1px solid var(--blue-line);border-radius:20px;padding:1px 8px;font-variant-numeric:tabular-nums} #apPickCopyModal .ap-cp-it .mm{font-size:11px;color:var(--txt-3)} #apPickCopyModal .ap-cp-it .pp{font-size:12px;color:var(--txt-2);line-height:1.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #apPickCopyModal .ap-cp-empty{font-size:12.5px;color:var(--txt-3);line-height:1.9;padding:16px 4px} #apPickCopyModal .ap-cp-empty b{color:var(--txt-2);font-weight:600} #apPickCopyModal .modal-ft{justify-content:flex-end} #apPickCopyModal .modal-ft .btn-ghost{width:auto;flex:none;padding:9px 18px} #apPickCopyModal .modal-ft .btn-ghost#apCpClear{margin-right:auto;color:var(--txt-3)} #apRoot .input{width:100%;background:var(--sunken);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--txt); font-family:inherit;font-size:13.5px;padding:11px 13px;outline:none;transition:.28s} #apRoot .input:focus{border-color:var(--blue-line);box-shadow:0 0 0 3px var(--blue-soft)} #apRoot textarea.input{min-height:204px;resize:vertical;line-height:1.6} #apRoot select.input{appearance:none;cursor:pointer;padding-right:34px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:right 13px center} #apRoot .ap-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center} #apRoot .ap-tag{font-size:11.5px;color:var(--txt-2);border:1px solid var(--line-2);background:var(--sunken);border-radius:99px;padding:5px 10px 5px 12px; display:inline-flex;align-items:center;gap:7px} #apRoot .ap-tag b{color:var(--blue);font-weight:600} #apRoot .ap-tag .x{cursor:pointer;color:var(--txt-3);font-size:12px} #apRoot .ap-tag .x:hover{color:var(--red)} #apRoot .ap-tagin{width:132px;background:var(--sunken);border:1px solid var(--line-2);border-radius:99px;color:var(--txt); font-family:inherit;font-size:11.5px;padding:5px 12px;outline:none} #apRoot .ap-tagin:focus{border-color:var(--blue-line)} #apRoot .coverbox{border:1px dashed var(--line-2);border-radius:10px;height:204px;display:grid;place-items:center;color:var(--txt-3); text-align:center;font-size:12.5px;line-height:1.9;padding:10px;position:relative;overflow:hidden} /* 已上传封面：虚线框变实线 + 图上盖一行说明（2026-10-06 波哥要的"真上传封面"） */ #apRoot .coverbox.has{border-style:solid;border-color:var(--blue-line);padding:0} #apRoot .coverbox .coverimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none} #apRoot .coverbox .coverimg.ok{display:block} #apRoot .coverbox .ctip{position:absolute;left:0;right:0;bottom:0;font-size:11.5px;color:#fff;padding:14px 8px 6px; background:linear-gradient(180deg,transparent,oklch(14% .011 258/.82));letter-spacing:.02em} #apRoot .ap-lblrow .btn-ghost.sm{padding:6px 12px;font-size:12px} /* 「个别平台想换个说法」整块已删（含样式）—— 波哥 2026-10-06 说这个功能不要。 删干净，不留"以后能点"的暗示；真要做时连样式一起加回来。 */ /* ④ 什么时候发 */ #apRoot .ap-when{display:flex;gap:9px;align-items:center;flex-wrap:wrap} /* 日期框是浏览器原生控件：不声明 color-scheme 就按浅色主题画 ⇒ 右边的日历小图标是深灰的， 在深色底上几乎看不见（波哥 2026-10-06 反馈，已截图复现）。声明深色后图标和弹出的日历 都随深色画；与 login.css 既有手法一致，不另创一套。 */ #apRoot .ap-when input[type="datetime-local"].input{width:200px;flex:none;padding:7px 12px;font-size:12.5px;color-scheme:dark} /* 这里原来还有「每条之间隔」的下拉（整块已删，连带它的 .sp 分隔条与 select 样式一起清掉） */ /* 发布前检查 + 计费 + 按钮 */ #apRoot .ap-checks{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px} #apRoot .cklab{font-size:11px;letter-spacing:.1em;color:var(--txt-3);font-weight:600;margin-right:2px} #apRoot .ck{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;border:1px solid var(--green-line);border-radius:99px; padding:5px 12px;background:var(--green-soft);color:var(--green)} #apRoot .ck .d{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none} #apRoot .ck.no{border-color:var(--red-line);background:var(--red-soft);color:var(--red)} #apRoot .ck.hold{opacity:.55;border-style:dashed;border-color:var(--line-2);background:var(--sunken);color:var(--txt-3)} #apRoot .ckmsg{font-size:11.5px;color:var(--red);margin-top:9px;line-height:1.5;display:none} #apRoot .ckmsg.show{display:block} /* 底栏：按钮绝不折断（2026-10-05 修：原来「开始发布」被挤成竖排） */ #apRoot .vc-foot{display:flex;align-items:center;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);flex-wrap:wrap} #apRoot .vc-foot .cost{font-size:12px;color:var(--txt-3);flex:1 1 0;min-width:0} #apRoot .vc-foot .cost b{color:var(--txt-2);font-weight:600} #apRoot .vc-foot .rt{margin-left:auto;display:flex;align-items:center;gap:12px;flex:none} #apRoot .ap-err{border:1px solid var(--red-line);background:var(--red-soft);color:var(--red);border-radius:10px;padding:14px 16px;font-size:12.5px;line-height:1.6} /* 右侧：发布记录 */ #page-video .vc-hist-list[data-board="auto"] .apr{border:1px solid var(--line);border-radius:11px;padding:11px 12px;margin-bottom:9px;background:var(--sunken)} #page-video .vc-hist-list[data-board="auto"] .apr:last-child{margin-bottom:0} #page-video .vc-hist-list[data-board="auto"] .apr .r1{display:flex;align-items:center;gap:7px;margin-bottom:6px} #page-video .vc-hist-list[data-board="auto"] .apr .pf{font-size:10px;font-weight:600;letter-spacing:.04em;border:1px solid var(--line-2); border-radius:5px;padding:1px 6px;color:var(--txt-2)} #page-video .vc-hist-list[data-board="auto"] .apr .acc{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video .vc-hist-list[data-board="auto"] .apr .badge{margin-left:auto;font-size:10px;border-radius:20px;padding:2px 8px;font-weight:600;flex:none; border:1px solid transparent} #page-video .vc-hist-list[data-board="auto"] .apr .badge.ok{color:var(--green);border-color:var(--green-line);background:var(--green-soft)} #page-video .vc-hist-list[data-board="auto"] .apr .badge.no{color:var(--red);border-color:var(--red-line);background:var(--red-soft)} #page-video .vc-hist-list[data-board="auto"] .apr .badge.wait{color:var(--amber);border-color:var(--amber-line);background:var(--amber-soft)} #page-video .vc-hist-list[data-board="auto"] .apr .badge.unk{color:var(--amber);border-color:var(--amber-line);background:var(--amber-soft)} #page-video .vc-hist-list[data-board="auto"] .apr .t{font-size:11.5px;color:var(--txt-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #page-video .vc-hist-list[data-board="auto"] .apr .m{font-size:11px;color:var(--txt-3);margin-top:4px} #page-video .vc-hist-list[data-board="auto"] .apr .err{font-size:11px;color:var(--red);margin-top:5px;line-height:1.5} #page-video .vc-hist-list[data-board="auto"] .apr .ract{display:flex;gap:7px;margin-top:9px} #page-video .vc-hist-list[data-board="auto"] .mini2{font-family:inherit;font-size:11.5px;font-weight:600;color:var(--txt-2);background:var(--surface); border:1px solid var(--line-2);border-radius:7px;cursor:pointer;padding:5px 12px;transition:.2s var(--ease)} #page-video .vc-hist-list[data-board="auto"] .mini2:hover{color:var(--txt);border-color:var(--blue-line)} #page-video .vc-hist-list[data-board="auto"] .mini2.warn{color:var(--amber);border-color:var(--amber-line)} #page-video .vc-hist-list[data-board="auto"] .mini2.danger:hover{color:var(--red);border-color:var(--red-line)} #page-video .vc-hist-list[data-board="auto"] .mini2.ap-del{color:var(--txt-3)} #page-video .vc-hist-list[data-board="auto"] .mini2.ap-del:hover{color:var(--red);border-color:var(--red-line);background:var(--red-soft)} /* 记录翻页（一屏最多 8 条 · 2026-10-05 波哥要求） */ #page-video .vc-hist-list[data-board="auto"] .ap-page{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px} #page-video .vc-hist-list[data-board="auto"] .ap-page .pn{font-size:11.5px;color:var(--txt-3);font-variant-numeric:tabular-nums} #page-video .vc-hist-list[data-board="auto"] .ap-page .mini2:disabled{opacity:.42;cursor:not-allowed} #page-video .vc-hist-list[data-board="auto"] .ap-page .mini2:disabled:hover{color:var(--txt-2);border-color:var(--line-2)} #page-video .vc-hist-list[data-board="auto"] .ap-rhint{font-size:11.5px;color:var(--txt-3);line-height:1.7} #page-video .vc-hist-list[data-board="auto"] .ap-rhint b{color:var(--txt-2);font-weight:600} /* 删除弹窗（#apDelModal）**故意不写样式** —— 它直接复用全站统一的 `.del2` （图片生成 / 文案大师 / 项目中心删项目·删素材 同款：标题+副标题+一句话+警示+取消/确认删除）， 自己再补一套样式就等于又造了一个"看起来像但细节不一样"的弹窗。 */ /* 确认弹窗里的键值行 */ #apConfirmModal .ap-cf{display:flex;gap:10px;font-size:12.5px;padding:9px 0;border-bottom:1px solid var(--line)} #apConfirmModal .ap-cf:last-child{border-bottom:none} #apConfirmModal .ap-cf .k{width:70px;flex:none;color:var(--txt-3)} #apConfirmModal .ap-cf .v{color:var(--txt);min-width:0;word-break:break-word} /* ── 左侧导航「销售管家」未读红点（★ 2026-10-12 波哥定）──────────────────────── 「用户不点到销售管家页面来，根本就不知道有消息来」⇒ 不进页面也要看得到红点。 纯圆点，跟客户列表里那个未读点用同一套红（var(--red)），不新造视觉。 位置：靠右对齐（.item 是 flex 行），与标题文字拉开距离。 */ .nav-dot{margin-left:auto;flex:none;width:8px;height:8px;border-radius:50%;background:var(--red)} .nav-dot[hidden]{display:none} /* ================================================================== 2026-10-24 · 抬头行补丁（1537~2200 这段原来没人管） 第 1 批的小屏规则只写在 ≤1536 里，于是 1537~2200 四页抬头不换行、标题块被压到 0： 实测 1680 关键词 +120 / 白名单 +183 / 同城 +92 / 行业 +133（px，超出面板）； 2048 白名单 +45；1920 同城 +34。这里只补「抬头换行 + 标题最小宽度 + GEO 项目行」， 不动外壳列宽；2560 不触发（>2200），大屏观感零变化。 ================================================================== */ @media (max-width:2200px){ .kw-head,.wl-head,.lc-head,.hy-head,.mp-head,.st-head,.nr-head,.qc-head{flex-wrap:wrap;row-gap:6px} .kw-head>div:not(.hic),.wl-head>div:not(.hic),.lc-head>div:not(.hic),.hy-head>div:not(.hic), .mp-head>div:not(.hic),.st-head>div:not(.hic),.nr-head>div:not(.hic),.qc-head>div:not(.hic){flex:1 1 220px !important;min-width:220px !important} .st-fh{flex-wrap:wrap} .st-fh .fnote{margin-left:0 !important;white-space:normal !important} #page-geo .geo-hcard{flex-wrap:wrap;row-gap:8px} #page-geo .geo-hl{flex-wrap:wrap;row-gap:8px} } /* ================================================================== 小屏适配 · 第 1 批（2026-10-22） 目的：让 1536 / 1280 及以下不再把标题挤成一字一行、按钮挤出屏幕。 做法：照抄工作台 —— 列宽按比例收窄、窄屏右栏下沉叠一列、标题给最小宽度。 纪律：只新增规则、只在 max-width 内生效；≥1537（波哥 4K/2560 大屏） 一条都不触发，观感零变化。出问题整段删除即可回滚。 验收：5 档宽度 × 9 页面 + 获客 10 子模块，出屏按钮 0、横向溢出 0、标题竖排 0。 ================================================================== */ @media (max-width:1536px){ /* —— 各页外壳：左右固定栏收窄，把宽度还给中间干活区 —— */ .aqc{grid-template-columns:200px minmax(0,1fr) 260px;gap:18px} /* 左侧引擎导航：条目内边距收一点，避免标题折成两行 */ .aqc-b{padding:6px 9px;gap:8px} .vc{grid-template-columns:168px minmax(0,1fr) 320px;gap:16px} .cmdr{grid-template-columns:minmax(0,1fr) 460px;gap:18px} .proj2{grid-template-columns:320px minmax(0,1fr);gap:18px} #page-geo .geo-wrap{grid-template-columns:minmax(0,1fr) 280px;gap:16px} /* GEO 项目行：原来「公司全称/状态说明」被压到和项目选择重叠，改成可换行 */ #page-geo .geo-hcard{flex-wrap:wrap;row-gap:8px} /* geo-hl 内部本身是 flex 且 nowrap：4 个子项要 590px，容器只给 381px ⇒ 直接重叠。 允许它自己换行，别互相压。 */ #page-geo .geo-hl{flex:1 1 340px;min-width:280px;flex-wrap:wrap;row-gap:8px} /* 互动执行小节标题（待联系客户/执行记录）：标题给 nowrap，行内可换行 */ #hxInteract .hxw-ir-sec-h{flex-wrap:wrap;row-gap:4px} #hxInteract .hxw-ir-sec-h h2{white-space:nowrap} /* 销售管家对话头部客户名（无 class 的 strong）被压到 14px 宽 ⇒ 两字上下叠 */ #page-sales .chat strong{white-space:nowrap} /* 销售管家聊天头部：原来 flex 不换行，客户名被挤成竖排（「瓦力」两字上下叠） */ #page-sales .sl-ch{flex-wrap:wrap;row-gap:6px} #page-sales .sl-ch .sl-chn{white-space:nowrap;flex:none} /* 设备卡片：原来固定 5 列时卡片只有 181px，内部 246px 的卡片框会溢出压到隔壁 */ /* 卡内有 403px 宽的手机模拟屏（.ph-screen），列宽小于它就会溢出压到隔壁卡 */ #page-device .phones{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))} /* —— 模块标题行：允许换行，标题块给最小宽度（修「一字一行」）—— */ .kw-head,.wl-head,.lc-head,.hy-head,.mp-head,.st-head,.nr-head,.qc-head{flex-wrap:wrap;row-gap:6px} /* 这批选择器要带 !important：原规则写在 #page-acquire .aqc-panel[data-mod="kw"] 这种 id＋属性前缀里（特异性 1,3,1），普通写法压不住，标题会继续被压成 0 宽。 */ /* :not(.hic) 必须有 —— 地图/企业获客/养号管家的图标块也是 DIV，被一起拉长成 300px 长条 */ .kw-head>div:not(.hic),.wl-head>div:not(.hic),.lc-head>div:not(.hic),.hy-head>div:not(.hic), .mp-head>div:not(.hic),.st-head>div:not(.hic),.nr-head>div:not(.hic),.qc-head>div:not(.hic){flex:1 1 220px !important;min-width:220px !important} /* 漏斗标题旁的说明原来禁止换行，会把标题挤成竖排 */ .st-fh{flex-wrap:wrap} .st-fh .fnote{margin-left:0 !important;white-space:normal !important} /* 视频中心·智能混剪底部操作行：.mx-caps 是 flex:none（宽度=内容最大宽 679px）， 容器只有 458px ⇒ 「生成后将保存为 ZIP…」被切在格子外。改成可收缩+自己换行。 */ #page-video .vc-panel[data-board="mix"] .mx-caps{flex:1 1 100%;min-width:0} #page-video .vc-panel[data-board="mix"] .mx-acts{margin-left:0} /* 企业获客筛选行：9 个控件挤一行，1280 下省/市/区下拉被截成一个字 ⇒ 允许换行 */ #page-acquire .qc-row1{flex-wrap:wrap;row-gap:8px} #page-acquire .qc-fld{flex:0 0 auto} /* 原代码把筛选控件一路从 92px 缩到 68px，1280 下只剩一个字的宽度 —— 改成保住可读最小宽度，行放不下就换行（已经开了 flex-wrap） */ #page-acquire .qc-fld select,#page-acquire .qc-fld input,#page-acquire .qc-fld .ct{width:auto;max-width:none;min-width:92px} #page-acquire .qc-fld .ind{width:auto;max-width:none;min-width:104px} #page-acquire .qc-fld .kw{width:auto;max-width:none;min-width:110px} /* 关键词/白名单底部 Tab 行与筛选胶囊：原来 nowrap，1366 下挤成竖排 */ .kw-wtabs,.wl-wtabs{flex-wrap:wrap;row-gap:6px} .kw-wfilters,.wl-wfilters{flex-wrap:wrap;row-gap:5px} .kw-wf,.wl-wf,.lc-wf,.hy-wf{flex:none;white-space:nowrap} /* 小节计数徽标（如「12 位」）不许折行，否则窄屏会变竖排 */ .hxw-ir-count,.hxw-pool-count{white-space:nowrap} /* —— 领航员「常用指令」：按钮换行，不再藏掉出屏的那几个 —— */ .cmdr-quick{flex-wrap:wrap;overflow-x:visible} } @media (max-width:1280px){ /* 获客中心：右栏（数据亮点）下沉到内容下方，中间独占一行 */ .aqc{grid-template-columns:200px minmax(0,1fr);gap:16px} .aqc>.aqc-side{grid-column:1/-1} /* 视频中心：右侧历史栏下沉 */ .vc{grid-template-columns:150px minmax(0,1fr);gap:14px} .vc>.vc-hist{grid-column:1/-1} /* AI 领航员：右侧栏改到下方（与原有 ≤1100 规则同效，提前到 1280 生效） */ .cmdr{grid-template-columns:minmax(0,1fr)} .cmdr>.cmdr-side{height:auto} /* 项目中心：左栏再收一档；详情区两栏改一栏，避免 200px 宽的饼图挤爆 */ .proj2{grid-template-columns:280px minmax(0,1fr)} .pp-split{grid-template-columns:minmax(0,1fr);overflow-y:auto} /* GEO：右栏下沉 */ #page-geo .geo-wrap{grid-template-columns:minmax(0,1fr)} #page-geo .geo-side{grid-column:1/-1} }