/* v141：编辑 skill —— 照搬批准的设计稿（scratchpad/design/editor/final/template.html）的样式。 * * 移植规则（plan 2.3、decisions A6 / A8 / A16 / A17）： * - 每个类名都带 -v141，应用里全局的 .row / .field / .sub / .kv / .chip / .gold 碰不到这里； * 设计稿里的单字母类（.k .s .p …）改成 .sx-k-v141 这样的名字，内部也不再互相撞。 * - 状态一律写成属性：当前段 [aria-current="step"]、节点 [data-se-st]、选中 [aria-checked] / [aria-selected]、 * 红框 [aria-invalid]、刚采用 [data-fresh]、有建议 [data-pending]……没有裸的 .on / .ok / .err。 * - 每条规则都加同一个作用域前缀（.se-v141，或弹窗也要用的 :is(.se-v141,.se-modal-v141)）， * 前缀给每条规则加的权重一样，所以设计稿里规则之间谁压谁的关系原样保留。 * - 设计稿的全局 img{} / [contenteditable]{} / code{} / * 重置都只放在 .se-v141 下面（:where，权重最低）。 * - 应用的全局焦点规则（index.html:107 带 !important、v120-modern.css:117-118）会把输入框改成金边， * 这里用更高权重加 !important 压回设计稿的样子；红框的输入框聚焦时仍然是红的。 * - 顶栏高度不是设计稿的 64px（真顶栏是 clamp(61px,5.6vw,81px)），左栏吸顶和源文件框高度都用 --se-top， * 编辑器打开时量真顶栏的高度写进去。 */ /* host:begin —— 编辑器打开时对宿主页面的几处调整（只允许以 html.se-booting-v141 / html.se-open-v141 / body.se-open-v141 开头） */ /* 带 ?edit-skill= 打开时，编辑器挂上之前先按住 #app，免得创作页闪一下（index.html 里的小脚本最多按 5 秒） */ html.se-booting-v141 #app{visibility:hidden} /* 站脚是 fixed 的，编辑器页面不要它；body 为它留的底部空间也收回 */ body.se-open-v141{padding-bottom:0} body.se-open-v141 .site-foot{display:none} @media (max-width:760px){ /* 手机上 .mode 是贴底的固定栏，会压住编辑器自己的底栏 */ body.se-open-v141 .topbar .mode{display:none} } /* 窄屏上 v117 给 html、index.html 给 body 都写了 overflow-x:hidden。两个都不是 visible 时 body 自己成了滚动容器（只是从来不滚）， position:sticky 的顶栏和编辑器的底栏就不再贴着视口——量出来底栏排在整页最末尾。编辑器开着时换成 clip： 一样不许横向滚动，但 clip 不算滚动容器，sticky 照常贴住视口（设计稿 T:30 顶栏、T:690 底栏）。 只在认 clip 的浏览器里换；不认的保持原样（底栏不贴底，和没有这条时一样）。 */ @supports (overflow-x:clip){ html.se-open-v141,body.se-open-v141{overflow-x:clip} } /* 编辑器不是任何一种创作模式：顶栏的「快速创作」「导演模式」都不能像是选中的（plan 1.10 syncChrome 摘掉 .on）。 「导演模式」按钮平时自带金边金字（v121-simple.css:208），这里压回普通按钮的样子；导演模式的整页金色氛围也收起来。 关掉编辑器、body 上的 se-open-v141 一摘，v121 的 applyModeChrome 会把对的那个重新点亮。 */ body.se-open-v141 .mode button.v121-director-btn{border-color:transparent;background:transparent;color:var(--muted);box-shadow:none} body.se-open-v141 .mode button.v121-director-btn:hover{color:#d6d6dc;background:transparent} body.se-open-v141.v121-director{background-image:radial-gradient(900px 480px at 50% -160px,#17171b 0,#0e0e11 45%,#0a0a0c 100%);background-size:100% 100%;animation:none} body.se-open-v141.v121-director .topbar{border-bottom-color:rgba(225,184,77,.14)} body.se-open-v141 .v121-director-bg{display:none} /* host:end */ /* ---------- 令牌与重置 ---------- */ .se-v141[hidden]{display:none!important} :is(.se-v141,.se-modal-v141){ --se-mono:ui-monospace,'Cascadia Mono','JetBrains Mono',Consolas,'Microsoft YaHei',monospace; --se-ok-bg:#0f1511;--se-err-bg:#171010;--se-warn-bg:#17140e;--se-now-bg:#1a160e; --se-ok-text:#9fe0b4;--se-miss:#f19c9c;--se-hint:#d8c48f; --se-soft:#cfcabc;--se-soft2:#cfcabd;--se-src-dim:#8a7a55;--se-src-num:#474747;--se-diff:#b98c8c; --se-pill:#111113;--se-ai-bg:#121110;--se-code-bg:#0c0c0d;--se-acc-bg:#141310;--se-grip:#555; --se-gold-a:#ffd27a;--se-gold-b:#f2b545;--se-gold-ink:#1a1307; color:var(--text);font-family:Inter,'PingFang SC','Microsoft YaHei',system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased; } .se-v141{--se-top:0px;display:block;min-height:60vh} .se-v141 :where(*){box-sizing:border-box;margin:0;padding:0} .se-v141 :where(button){font:inherit;color:inherit;cursor:pointer;border:0;background:none;text-align:inherit;min-height:0} .se-v141 :where(a){color:inherit;text-decoration:none;cursor:pointer} .se-v141 :where(h1,h2,h3,h4){font-family:inherit;letter-spacing:normal} .se-v141 :where(ol,ul){list-style:none} .se-v141 :where(img){display:block;max-width:100%} .se-v141 :where(code){font-family:var(--se-mono)} .se-v141 :where(textarea,input){font:inherit;color:inherit} .se-v141 :where(button:disabled){cursor:not-allowed} :is(.se-v141,.se-modal-v141) .num-v141{font-variant-numeric:tabular-nums} :is(.se-v141,.se-modal-v141) .ic-v141{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none} :is(.se-v141,.se-modal-v141) .ic-v141.ic-sm-v141{width:14px;height:14px} :is(.se-v141,.se-modal-v141) .ic-v141.ic-xs-v141{width:12px;height:12px} :is(.se-v141,.se-modal-v141) .ic-v141.ic-fill-v141{fill:currentColor;stroke:none} /* 和 Skill 社区页、创作页一样宽（产品负责人 2026-09-28：「新建 skill 的页面也太窄，做成和 skill 社区一样的比例」；docs/64 §13.4）： 不设最大宽度，两侧留白按屏幕的余量给——窄屏 16px，1440 宽时正文 1200，2560 宽时两侧各 300、正文 1960。 这一句的左右内边距和 v121-simple.css 的 .app.app-wide-v130、v140-community.css 的 .app.community-app-v140 一字不差： 改一处要三处一起改（tests/skill-editor-ui.test.mjs 逐字核对，e2e 逐档量内容框）。 */ .se-v141 .wrap-v141{max-width:none;margin:0 auto;padding:0 clamp(16px,calc((100vw - 1200px) / 2),300px)} :is(.se-v141,.se-modal-v141) .mono-v141{font-family:var(--se-mono)} .se-v141 .sprite-v141{position:absolute;width:0;height:0;overflow:hidden} /* ---------- 通用按钮 ---------- */ :is(.se-v141,.se-modal-v141) .btn-v141{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 18px;border-radius:999px;font-weight:600;font-size:14px;white-space:nowrap;border:0;background:none;color:inherit;cursor:pointer;font-family:inherit;min-height:0} :is(.se-v141,.se-modal-v141) .btn-gold-v141{background:linear-gradient(180deg,var(--se-gold-a),var(--se-gold-b));color:var(--se-gold-ink);box-shadow:0 10px 26px rgba(255,200,97,.18),inset 0 1px 0 rgba(255,255,255,.35)} :is(.se-v141,.se-modal-v141) .btn-line-v141{border:1px solid var(--line2);color:var(--text);background:rgba(20,20,20,.5)} :is(.se-v141,.se-modal-v141) .btn-dis-v141{border:1px solid var(--line);background:var(--surface2);color:var(--dim);cursor:not-allowed;box-shadow:none} :is(.se-v141,.se-modal-v141) .btn-sm-v141{height:30px;padding:0 12px;font-size:12.5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;white-space:nowrap;flex:none;border:0;background:none;color:inherit;cursor:pointer;font-family:inherit;min-height:0} :is(.se-v141,.se-modal-v141) .btn-sm-v141.line-v141{border:1px solid var(--line2);color:var(--text)} :is(.se-v141,.se-modal-v141) .btn-sm-v141.line-v141:hover{border-color:#55524a} :is(.se-v141,.se-modal-v141) .btn-sm-v141.gold-line-v141{border:1px solid rgba(255,200,97,.5);color:var(--gold2);background:rgba(255,200,97,.07)} :is(.se-v141,.se-modal-v141) .btn-sm-v141.gold-line-v141 .ic-v141{color:var(--gold)} :is(.se-v141,.se-modal-v141) .btn-sm-v141.gold-v141{background:linear-gradient(180deg,var(--se-gold-a),var(--se-gold-b));color:var(--se-gold-ink)} :is(.se-v141,.se-modal-v141) .btn-sm-v141.ghost-v141{color:var(--muted)} :is(.se-v141,.se-modal-v141) .btn-sm-v141.ghost-v141:hover{color:var(--text)} :is(.se-v141,.se-modal-v141) .btn-sm-v141:disabled,:is(.se-v141,.se-modal-v141) .btn-sm-v141[aria-disabled="true"]{opacity:.45;cursor:not-allowed} .se-v141 .seg-v141{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--se-pill);flex:none} .se-v141 .seg-v141 button{height:30px;padding:0 14px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .se-v141 .seg-v141 button:is([aria-selected="true"],[aria-checked="true"]){background:var(--surface3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)} .se-v141 .seg-v141 button:disabled{opacity:.45} .se-v141 .seg-v141 button .ic-v141{width:14px;height:14px} .se-v141 .seg-v141.sm-v141 button{height:24px;padding:0 10px;font-size:12px} :is(.se-v141,.se-modal-v141) .link-v141{display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-size:12.5px;white-space:nowrap;cursor:pointer;background:none;border:0;font-family:inherit;padding:0;min-height:0} :is(.se-v141,.se-modal-v141) .link-v141:hover{color:var(--text)} .se-v141 .chip-draft-v141{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;flex:none;border:1px solid var(--line2);color:var(--muted);background:rgba(255,255,255,.03)} .se-v141 .chip-draft-v141 i{width:6px;height:6px;border-radius:50%;background:var(--muted)} :is(.se-v141,.se-modal-v141) .kbd-v141{font-family:var(--se-mono);font-size:10.5px;color:var(--muted);border:1px solid var(--line2);border-radius:5px;padding:0 5px;line-height:16px;display:inline-block} :is(.se-v141,.se-modal-v141) .aimark-v141{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 7px 0 5px;border-radius:999px;font-size:10.5px;font-weight:600;color:var(--gold2);background:rgba(255,200,97,.09);border:1px solid rgba(255,200,97,.22);white-space:nowrap} :is(.se-v141,.se-modal-v141) .aimark-v141 .ic-v141{width:10px;height:10px;color:var(--gold)} /* ---------- 页头：一行放下名字、进度、视图、保存 ---------- */ .se-v141 .ed-head-v141{display:flex;align-items:center;gap:14px;padding:13px 0 12px;min-width:0} .se-v141 .ed-title-v141{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 auto} .se-v141 .back-v141{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 12px 0 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12.5px;background:rgba(20,20,20,.6);flex:none;white-space:nowrap} .se-v141 .back-v141:hover{color:var(--text);border-color:var(--line2)} .se-v141 .ed-title-v141 h1{font-size:20px;line-height:1.2;font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .se-v141 .more-btn-v141{display:none} .se-v141 .more-wrap-v141{position:relative;display:none;flex:none} .se-v141 .steps-v141{display:flex;align-items:center;flex:none;margin-left:6px} .se-v141 .step-v141{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 5px;border-radius:999px;font-size:12.5px;color:var(--dim);white-space:nowrap;font-weight:600} .se-v141 .step-v141>i{width:20px;height:20px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font-size:10.5px;font-style:normal;font-weight:700;flex:none} .se-v141 .step-v141>i .ic-v141{width:11px;height:11px} .se-v141 .step-v141[data-se-state="done"]{color:var(--muted)} .se-v141 .step-v141[data-se-state="done"]>i{border-color:rgba(74,222,128,.4);color:var(--se-ok-text);background:var(--se-ok-bg)} .se-v141 .step-v141[aria-current="step"]{color:var(--text);background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2)} .se-v141 .step-v141[aria-current="step"]>i{border-color:var(--gold);color:var(--gold);background:var(--se-now-bg)} .se-v141 .step-v141 .bdg-v141{min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:rgba(248,113,113,.16);color:var(--red);font-size:10.5px;display:inline-grid;place-items:center;font-weight:700} .se-v141 .step-sep-v141{width:14px;height:1px;background:var(--line2);flex:none} .se-v141 .ed-acts-v141{margin-left:auto;display:flex;align-items:center;gap:12px;flex:none;min-width:0} .se-v141 .block-note-v141{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);white-space:nowrap} .se-v141 .block-note-v141 .ic-v141{color:var(--red);width:16px;height:16px} .se-v141 .block-note-v141[data-se-kind="ok"] .ic-v141{color:var(--green)} .se-v141 .block-note-v141 a{color:var(--text);font-weight:600;text-decoration:underline;text-decoration-color:rgba(248,113,113,.5);text-underline-offset:3px} .se-v141 .save-btn-v141{height:38px} /* ---------- 三栏 ---------- */ .se-v141 .layout-v141{display:grid;grid-template-columns:232px minmax(0,1fr) 340px;gap:20px;align-items:start;padding-bottom:56px} /* 左栏：文件 + 各个部分 */ .se-v141 .lrail-v141{position:sticky;top:calc(var(--se-top) + 12px);display:flex;flex-direction:column;gap:12px;min-width:0} .se-v141 .filebox-v141{border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);padding:12px 12px 12px} .se-v141 .fb-name-v141{display:flex;align-items:center;gap:8px;min-width:0} .se-v141 .fb-name-v141 .ic-v141{width:15px;height:15px;color:var(--muted)} .se-v141 .fb-name-v141 span{font-family:var(--se-mono);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .se-v141 .fb-saved-v141{display:flex;align-items:center;gap:6px;margin-top:4px;padding-left:23px;font-size:11.5px;color:var(--dim)} .se-v141 .fb-saved-v141 i{width:6px;height:6px;border-radius:50%;background:var(--muted);flex:none} .se-v141 .fb-saved-v141[data-se-kind="saved"] i{background:var(--green)} .se-v141 .fb-saved-v141[data-se-kind="warn"]{color:var(--gold2)} .se-v141 .fb-saved-v141[data-se-kind="warn"] i{background:var(--gold)} /* 两个按钮放得下就并排、一样宽；放不下（英文的 Upload .md / Download .md 在 232px 的左栏里，900–1180px 时中文也差 2px） 就各占一行，字不截掉（UX 复查：以前 overflow:hidden 把 Download .md 截成 Download .mc） */ .se-v141 .fb-acts-v141{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} .se-v141 .fb-acts-v141 .btn-sm-v141{flex:1 1 0;min-width:max-content;height:28px;font-size:12px;padding:0 8px} .se-v141 .fb-note-v141{margin-top:8px;font-size:11px;color:var(--dim);line-height:1.5} .se-v141 .pipe-v141{border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);padding:12px 8px 8px} .se-v141 .pipe-prog-v141{margin:0 8px 8px;padding-bottom:12px;border-bottom:1px solid var(--line)} .se-v141 .pipe-prog-v141 .pp-t-v141{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--muted);margin-bottom:8px;gap:8px} .se-v141 .pipe-prog-v141 .pp-t-v141 b{color:var(--text);font-size:13px} .se-v141 .pipe-prog-v141 .pp-t-v141 .e-v141{color:var(--red)} .se-v141 .segbar-v141{display:grid;grid-template-columns:repeat(8,1fr);gap:3px} .se-v141 .segbar-v141 i{height:4px;border-radius:3px;background:rgba(74,222,128,.55)} .se-v141 .segbar-v141 i[data-se-st="err"]{background:rgba(248,113,113,.75)} .se-v141 .segbar-v141 i[data-se-st="warn"]{background:rgba(255,200,97,.55)} .se-v141 .pipe-mode-v141{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 8px 6px;font-size:11.5px;color:var(--dim)} .se-v141 .stages-v141{list-style:none;position:relative} .se-v141 .stages-v141 li{position:relative} .se-v141 .stages-v141 li:not(:last-child)::before{content:"";position:absolute;left:21.5px;top:38px;height:calc(100% - 22px);width:1px;background:var(--line2);z-index:0} .se-v141 .stg-v141{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 8px;border-radius:12px;position:relative;width:100%;text-align:left} .se-v141 .stg-v141:hover{background:rgba(255,255,255,.025)} .se-v141 .stg-v141[aria-current="step"]{background:var(--surface2);box-shadow:inset 0 0 0 1px var(--line2)} .se-v141 .node-v141{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);font-size:12px;font-weight:700;color:var(--muted);background:var(--bg2);position:relative;z-index:1} .se-v141 .node-v141[data-se-st="ok"]{color:var(--se-ok-text);border-color:rgba(74,222,128,.32);background:var(--se-ok-bg)} .se-v141 .node-v141[data-se-st="err"]{color:var(--red);border-color:rgba(248,113,113,.5);background:var(--se-err-bg)} .se-v141 .node-v141[data-se-st="warn"]{color:var(--gold2);border-color:rgba(255,200,97,.4);background:var(--se-warn-bg)} .se-v141 .stg-v141[aria-current="step"] .node-v141{border-color:var(--gold);color:var(--gold);background:var(--se-now-bg);box-shadow:0 0 0 3px rgba(255,200,97,.12)} .se-v141 .nm-v141{display:block;font-size:13.5px;font-weight:600;line-height:1.3;white-space:nowrap} .se-v141 .sub-v141{display:block;font-size:11.5px;color:var(--dim);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .se-v141 .sub-v141 .miss-v141{color:var(--se-miss)} .se-v141 .sub-v141 .hint-v141{color:var(--se-hint)} .se-v141 .sub-src-v141{display:none} .se-v141[data-se-view="source"] .stg-v141 .sub-f-v141{display:none} .se-v141[data-se-view="source"] .stg-v141 .sub-src-v141{display:block;font-family:var(--se-mono);font-size:10px;letter-spacing:-.1px} .se-v141[data-se-view="source"] .stg-v141 .sub-src-v141+.sub-src-v141{color:var(--se-src-dim)} .se-v141 .flag-v141{display:inline-flex;align-items:center;font-size:11px;font-weight:600;white-space:nowrap} .se-v141 .flag-v141 .ic-v141{width:14px;height:14px} .se-v141 .flag-v141[data-se-st="ok"]{color:rgba(74,222,128,.8)} .se-v141 .flag-v141[data-se-st="err"]{color:var(--red)} .se-v141 .flag-v141[data-se-st="warn"]{color:var(--gold)} .se-v141 .budget-v141{border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);padding:14px 16px} .se-v141 .budget-v141 h4{font-size:12.5px;font-weight:600;color:var(--muted)} .se-v141 .bud-v141{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;font-size:12px;margin-top:11px} .se-v141 .bud-v141 span{grid-column:1/-1;color:var(--text);font-size:12.5px;white-space:nowrap} .se-v141 .bud-v141 span code{font-size:10.5px;color:var(--dim);margin-left:4px} .se-v141 .bud-v141 em{grid-column:2;grid-row:2;font-style:normal;color:var(--dim);font-size:11px;line-height:1} .se-v141 .bud-v141 .bar-v141{grid-column:1;grid-row:2;height:3px;border-radius:3px;background:var(--surface3);overflow:hidden} .se-v141 .bud-v141 .bar-v141 i{display:block;height:100%;background:#8f8a7c;border-radius:3px;min-width:3px} .se-v141 .bud-v141 .bar-v141 i[data-se-empty]{min-width:0} .se-v141 .bud-v141[data-se-over] em{color:var(--red)} .se-v141 .bud-v141[data-se-over] .bar-v141 i{background:var(--red)} .se-v141 .budget-v141 p{margin-top:12px;font-size:11.5px;color:var(--dim);line-height:1.5} /* 中栏 */ .se-v141 .centre-v141{min-width:0} .se-v141 .origin-v141{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:9px 10px 9px 14px;border:1px solid rgba(255,200,97,.22);border-radius:14px;background:linear-gradient(90deg,rgba(255,200,97,.07),rgba(255,200,97,.015));font-size:12.5px;color:var(--muted);min-width:0} .se-v141 .origin-v141>.ic-v141{width:16px;height:16px;color:var(--gold)} .se-v141 .origin-v141 .o-t-v141{flex:1;min-width:0;line-height:1.5} .se-v141 .origin-v141 .o-t-v141 b{color:var(--text);font-weight:650} .se-v141 .origin-v141 .o-t-v141 em{font-style:normal;color:var(--gold2)} .se-v141 .origin-v141 .r-v141{display:flex;gap:6px;flex:none} .se-v141 .stage-v141{display:none} .se-v141 .stage-v141[aria-current="step"]{display:block} .se-v141[data-se-expand="1"] .stage-v141{display:block} .se-v141[data-se-expand="1"] .stage-v141+.stage-v141{margin-top:16px} .se-v141[data-se-expand="1"] .stage-foot-v141 .btn-sm-v141{display:none} .se-v141 .acc-head-v141{display:none} .se-v141 .stage-body-v141{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0) 240px),var(--bg2);padding:20px 28px 20px} .se-v141 .stage-head-v141{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:start;padding-bottom:16px;border-bottom:1px solid var(--line)} .se-v141 .eyebrow-v141{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim);flex-wrap:wrap} .se-v141 .tag-mono-v141{font-family:var(--se-mono);font-size:11px;color:var(--muted);padding:0 7px;height:20px;display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:6px;background:rgba(255,255,255,.02)} .se-v141 .stage-head-v141 h2{font-size:22px;line-height:1.25;font-weight:700;margin-top:5px;letter-spacing:normal} .se-v141 .stage-head-v141 p{color:var(--muted);font-size:13.5px;margin-top:4px;max-width:600px;text-wrap:pretty} .se-v141 .stage-head-v141 .maps-v141{margin-top:7px;font-size:11.5px;color:var(--dim)} .se-v141 .stage-head-v141 .maps-v141 code{font-size:11px;color:var(--muted);white-space:nowrap} .se-v141 .sh-acts-v141{display:flex;gap:8px;align-items:center} .se-v141 .srconly-v141{margin-top:16px;padding:10px 12px;border:1px solid rgba(248,113,113,.4);border-radius:12px;background:rgba(248,113,113,.06);font-size:12.5px;color:var(--text)} .se-v141 .srconly-v141 b{display:flex;align-items:center;gap:6px;font-weight:600;color:#f3c1c1} .se-v141 .srconly-v141 b .ic-v141{width:14px;height:14px;color:var(--red)} .se-v141 .srconly-v141 ul{margin-top:6px;display:flex;flex-direction:column;gap:4px} .se-v141 .srconly-v141 li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap} .se-v141 .srconly-v141 li code{font-size:11px;color:rgba(248,113,113,.8)} .se-v141 .srconly-v141 li .link-v141{margin-left:auto} .se-v141 .grp-v141{padding:18px 0 4px} .se-v141 .grp-v141+.grp-v141{border-top:1px solid rgba(255,255,255,.05);margin-top:16px} .se-v141 .grp-h-v141{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} .se-v141 .grp-h-v141 h3{font-size:15.5px;font-weight:650;letter-spacing:normal} .se-v141 .grp-h-v141 h3 small{font-size:11px;font-weight:400;color:var(--dim);font-family:var(--se-mono);margin-left:6px} .se-v141 .grp-h-v141 .cnt-v141{font-size:12px;color:var(--dim)} .se-v141 .grp-h-v141 .cnt-v141 b{color:var(--muted);font-weight:600} .se-v141 .grp-h-v141 .r-v141{margin-left:auto;display:flex;gap:8px;align-items:center} .se-v141 .help-v141{font-size:12.5px;color:var(--dim);margin-top:4px;text-wrap:pretty} .se-v141 .field-v141{margin-top:18px} .se-v141 .grp-h-v141+.field-v141,.se-v141 .help-v141+.field-v141{margin-top:12px} .se-v141 .flabel-v141{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:13.5px;font-weight:600;min-width:0;flex-wrap:wrap} .se-v141 .flabel-v141 label{cursor:text} .se-v141 .flabel-v141 .need-v141{font-size:11px;font-weight:500;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:0 6px;line-height:17px} .se-v141 .flabel-v141 .alt-v141{font-size:12px;font-weight:400;color:var(--dim)} .se-v141 .flabel-v141 .key-v141{margin-left:auto;font-family:var(--se-mono);font-size:11px;font-weight:400;color:var(--dim);white-space:nowrap} :is(.se-v141,.se-modal-v141) .inp-v141{display:block;width:100%;min-height:42px;padding:10px 14px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);color:var(--text);font-size:14px;line-height:1.6;font-family:inherit;resize:none;overflow:hidden;field-sizing:content;outline:none;box-shadow:none;margin:0} :is(.se-v141,.se-modal-v141) .inp-v141.ta-v141{min-height:88px} :is(.se-v141,.se-modal-v141) .inp-v141::placeholder{color:var(--dim);opacity:1} :is(.se-v141,.se-modal-v141) .inp-v141:is(:focus,:focus-visible){border-color:rgba(255,200,97,.6)!important;box-shadow:0 0 0 3px rgba(255,200,97,.08)!important;outline:none} :is(.se-v141,.se-modal-v141) .inp-v141[aria-invalid="true"],:is(.se-v141,.se-modal-v141) .inp-v141[aria-invalid="true"]:is(:focus,:focus-visible){border-color:rgba(248,113,113,.55)!important;box-shadow:0 0 0 3px rgba(248,113,113,.07)!important} :is(.se-v141,.se-modal-v141) .inp-v141[data-fresh]{border-color:rgba(74,222,128,.35);background:linear-gradient(0deg,rgba(74,222,128,.035),rgba(74,222,128,.035)),var(--surface2)} :is(.se-v141,.se-modal-v141) .inp-v141[readonly]{color:var(--muted);background:var(--surface)} .se-v141 .fmeta-v141{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:6px;font-size:12px;color:var(--dim)} .se-v141 .fmeta-v141 .c-v141{flex:none;font-variant-numeric:tabular-nums} .se-v141 .fmeta-v141 .c-v141[data-se-over]{color:var(--gold2)} .se-v141 .ferr-v141{display:flex;align-items:center;gap:6px;color:var(--red);font-size:12.5px;margin-top:7px;flex-wrap:wrap} .se-v141 .ferr-v141 .ic-v141{width:14px;height:14px} .se-v141 .ferr-v141 code{font-size:11px;color:rgba(248,113,113,.75)} .se-v141 .fwarn-v141{display:flex;align-items:center;gap:6px;color:var(--gold2);font-size:12.5px;margin-top:8px;flex-wrap:wrap} .se-v141 .fwarn-v141 .ic-v141{width:14px;height:14px;color:var(--gold)} .se-v141 .fwarn-v141 code{font-size:11px;color:rgba(247,231,181,.6)} .se-v141 .fok-v141{display:flex;align-items:center;gap:6px;color:var(--se-ok-text);font-size:12.5px;margin-top:7px;flex-wrap:wrap} .se-v141 .fok-v141 .ic-v141{width:14px;height:14px} .se-v141 .fok-v141 a,.se-v141 .fok-v141 button{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;display:inline-flex;align-items:center;gap:3px} .se-v141 .mini-v141{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px} .se-v141 .mini-v141 button{height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--line2);font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:5px;background:var(--surface)} .se-v141 .mini-v141 button:first-child{color:var(--gold2);border-color:rgba(255,200,97,.4);background:rgba(255,200,97,.06)} .se-v141 .mini-v141 button .ic-v141{width:12px;height:12px;color:var(--gold)} /* 调用规则：AI 什么时候会挑它（先藏起来，见 MATCH_BOX） */ .se-v141 .match-box-v141{margin-top:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:12px 14px} .se-v141 .mb-h-v141{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;flex-wrap:wrap} .se-v141 .mb-h-v141 .ic-v141{width:14px;height:14px;color:var(--gold)} .se-v141 .mb-h-v141 span{font-size:12px;font-weight:400;color:var(--dim)} .se-v141 .mb-try-v141{display:flex;align-items:center;gap:8px;margin-top:10px;padding:4px 4px 4px 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg2);font-size:13px;color:var(--dim)} .se-v141 .mb-try-v141 span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .se-v141 .match-v141{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:13px;min-width:0} .se-v141 .match-v141 span{flex:1;min-width:0;color:var(--se-soft)} .se-v141 .match-v141 b{font-size:12px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:4px} .se-v141 .match-v141 b .ic-v141{width:13px;height:13px} .se-v141 .match-v141 .yes-v141{color:var(--se-ok-text)} .se-v141 .match-v141 .no-v141{color:var(--dim)} /* 来源 */ .se-v141 .lchips-v141{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .se-v141 .lchip-v141{height:30px;padding:0 6px 0 12px;border-radius:999px;border:1px solid var(--line2);background:var(--surface);font-size:13px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;max-width:100%} .se-v141 .lchip-v141>span[data-user-content]{overflow:hidden;text-overflow:ellipsis;min-width:0} .se-v141 .lchip-v141 small{font-size:11px;color:var(--dim)} .se-v141 .lchip-v141 .x-v141{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:var(--dim);flex:none} .se-v141 .lchip-v141 .x-v141:hover{color:var(--text);background:var(--surface3)} .se-v141 .lchip-v141 .x-v141 .ic-v141{width:11px;height:11px} .se-v141 .lchip-v141.add-v141{border-style:dashed;color:var(--muted);padding:0 12px} .se-v141 .lchip-v141.add-v141:hover{color:var(--text)} .se-v141 .lchip-v141.fork-v141{padding-right:12px;color:var(--muted)} .se-v141 .lchip-v141 .ic-v141{width:13px;height:13px} .se-v141 .lchip-in-v141{height:30px;min-width:220px;max-width:100%;padding:0 12px;border-radius:999px;border:1px solid rgba(255,200,97,.6);background:var(--surface2);color:var(--text);font-size:13px;outline:none;box-shadow:0 0 0 3px rgba(255,200,97,.08)!important;border-color:rgba(255,200,97,.6)!important;width:auto} .se-v141 .lchip-in-v141::placeholder{color:var(--dim)} /* 可增删排序的列表 */ .se-v141 .rows-v141{display:flex;flex-direction:column;gap:8px;margin-top:12px} .se-v141 .row-v141{display:grid;grid-template-columns:16px 22px minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)} .se-v141 .row-v141:focus-within{border-color:rgba(255,200,97,.45)} .se-v141 .row-v141[data-se-inv]{border-color:rgba(248,113,113,.5);box-shadow:0 0 0 3px rgba(248,113,113,.06)} .se-v141 .row-v141[data-pending]{border-color:rgba(255,200,97,.42)} .se-v141 .row-v141[data-linked]{background:var(--surface)} .se-v141 .row-v141[data-se-dragging]{opacity:.85;border-color:rgba(255,200,97,.6);box-shadow:0 10px 30px rgba(0,0,0,.45);position:relative;z-index:2} .se-v141 .grip-v141{color:var(--se-grip);display:grid;place-items:center;cursor:grab;touch-action:none} .se-v141 .grip-v141[data-se-off]{cursor:default;opacity:.6} .se-v141 .grip-v141 .ic-v141{width:14px;height:14px} .se-v141 .idx-v141{width:22px;height:22px;border-radius:50%;background:var(--surface3);font-size:11.5px;display:grid;place-items:center;color:var(--muted);font-weight:600} .se-v141 .row-main-v141{display:flex;align-items:flex-start;gap:6px;min-width:0} .se-v141 .row-v141 .txt-v141{display:block;flex:1;width:100%;min-width:0;font-size:14px;line-height:1.55;padding:3px 0;min-height:0;border:0!important;background:transparent;color:var(--text);resize:none;overflow:hidden;field-sizing:content;outline:none;box-shadow:none!important;border-radius:0;font-family:inherit} .se-v141 .row-v141 .txt-v141::placeholder{color:var(--dim);opacity:1} .se-v141 .row-v141 .txt-v141[readonly]{cursor:default} .se-v141 .row-v141[data-linked] .txt-v141,.se-v141 .row-v141[data-linked] .ltxt-v141{color:var(--muted)} .se-v141 .row-v141 .ltxt-v141{font-size:14px;line-height:1.55;padding:3px 0;min-width:0;white-space:pre-wrap;word-break:break-word} .se-v141 .ops-v141{display:flex;color:var(--dim)} .se-v141 .ops-v141 button{width:28px;height:28px;border-radius:8px;display:grid;place-items:center} .se-v141 .ops-v141 button:hover:not(:disabled){background:var(--surface3);color:var(--text)} .se-v141 .ops-v141 button:disabled{opacity:.35} .se-v141 .ops-v141 .ic-v141{width:14px;height:14px} .se-v141 .add-row-v141{height:38px;border:1px dashed var(--line2);border-radius:12px;color:var(--muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px} .se-v141 .add-row-v141:hover:not(:disabled){color:var(--text);border-color:#55524a} .se-v141 .add-row-v141:disabled{opacity:.5} .se-v141 .add-row-v141 em{font-style:normal;color:var(--dim);font-size:12px} .se-v141 .qrow-v141{align-items:start;padding:11px 8px} .se-v141 .qrow-v141 .grip-v141,.se-v141 .qrow-v141 .idx-v141{margin-top:2px} .se-v141 .qctl-v141{display:flex;gap:8px;align-items:center;margin-top:9px;flex-wrap:wrap} .se-v141 .pill-wrap-v141{position:relative;display:inline-flex} .se-v141 .pill-sel-v141{height:28px;padding:0 9px 0 10px;border-radius:999px;border:1px solid var(--line2);background:var(--surface);font-size:12.5px;display:inline-flex;align-items:center;gap:6px;color:var(--text);white-space:nowrap} .se-v141 .pill-sel-v141 .ic-v141{width:13px;height:13px;color:var(--muted)} .se-v141 .pill-sel-v141 .dn-v141{width:12px;height:12px;color:var(--dim)} .se-v141 .pill-sel-v141[aria-invalid="true"]{border-color:rgba(248,113,113,.55)} .se-v141 .pill-menu-v141{position:absolute;left:0;top:calc(100% + 4px);z-index:30;min-width:170px;padding:5px;border:1px solid var(--line2);border-radius:12px;background:var(--surface2);box-shadow:0 14px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:2px} .se-v141 .pill-menu-v141[hidden]{display:none} .se-v141 .pill-menu-v141 button{height:32px;padding:0 10px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text);white-space:nowrap;outline:none} .se-v141 .pill-menu-v141 button .ic-v141{width:13px;height:13px;color:var(--muted)} .se-v141 .pill-menu-v141 button:is(:hover,:focus){background:var(--surface3)} .se-v141 .pill-menu-v141 button[aria-selected="true"]{color:var(--gold2)} .se-v141 .pill-menu-v141 button[aria-selected="true"] .ic-v141{color:var(--gold)} .se-v141 .sw-v141{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);height:28px;padding:0 4px;white-space:nowrap} .se-v141 .sw-v141 i{width:30px;height:18px;border-radius:999px;background:var(--surface3);border:1px solid var(--line2);position:relative;flex:none} .se-v141 .sw-v141 i::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#6f6c65} .se-v141 .sw-v141[aria-checked="true"]{color:var(--text)} .se-v141 .sw-v141[aria-checked="true"] i{background:rgba(237,232,217,.22);border-color:rgba(237,232,217,.4)} .se-v141 .sw-v141[aria-checked="true"] i::after{left:14px;background:var(--text)} .se-v141 .sw-v141:disabled{opacity:.6} .se-v141 .keychip-v141{font-family:var(--se-mono);font-size:11px;color:var(--dim);white-space:nowrap} .se-v141 .linknote-v141{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--gold2);white-space:nowrap} .se-v141 .linknote-v141 .ic-v141{width:13px;height:13px;color:var(--gold)} .se-v141 .qnote-v141{font-size:12px;color:var(--dim);margin-top:6px} .se-v141 .qnote-v141 a,.se-v141 .qnote-v141 button{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;font-size:inherit} /* 单选卡片 */ .se-v141 .opts-v141{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px} .se-v141 .opts-v141.two-v141{grid-template-columns:repeat(2,minmax(0,1fr))} .se-v141 .opt-v141{border:1px solid var(--line);border-radius:14px;padding:13px 14px 12px;background:var(--surface);display:flex;flex-direction:column;gap:5px;min-width:0;text-align:left;width:100%} .se-v141 .opt-v141:hover:not(:disabled){border-color:var(--line2)} .se-v141 .opt-v141:disabled{cursor:default} .se-v141 .opt-v141 .top-v141{display:flex;align-items:center;gap:9px} .se-v141 .opt-v141 .rd-v141{width:16px;height:16px;border-radius:50%;border:1.5px solid #4a4a4a;flex:none} .se-v141 .opt-v141[aria-checked="true"]{border-color:rgba(255,200,97,.55);background:linear-gradient(180deg,rgba(255,200,97,.075),rgba(255,200,97,.012)),var(--surface)} .se-v141 .opt-v141[aria-checked="true"] .rd-v141{border-color:var(--gold);background:radial-gradient(circle,var(--gold) 0 3.6px,transparent 4.2px)} .se-v141 .opt-v141[data-se-other]{border-style:dashed} .se-v141 .opt-v141 b{font-size:14px;font-weight:600} .se-v141 .opt-v141 p{font-size:12.5px;color:var(--muted);line-height:1.5} .se-v141 .opt-v141 code{font-size:10.5px;color:var(--dim);margin-top:2px} .se-v141 .media-row-v141{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-top:14px} .se-v141 .media-row-v141 .ml-v141{font-size:13.5px;font-weight:600} .se-v141 .media-row-v141 .mi-v141{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)} .se-v141 .media-row-v141 .keychip-v141{margin-left:auto} .se-v141 .stepper-v141{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:999px;height:34px;background:var(--surface);flex:none} .se-v141 .stepper-v141 button{width:32px;height:32px;display:grid;place-items:center;color:var(--muted)} .se-v141 .stepper-v141 button:disabled{opacity:.35} .se-v141 .stepper-v141 button .ic-v141{width:14px;height:14px} .se-v141 .stepper-v141 span{min-width:26px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums} .se-v141 .disc-v141{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:12.5px;color:var(--muted);min-width:0;width:100%;text-align:left} .se-v141 .disc-v141 .ic-v141{width:14px;height:14px;color:var(--dim)} .se-v141 .disc-v141 .disc-s-v141{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--dim)} .se-v141 .disc-v141 .disc-s-v141 b{color:var(--muted);font-weight:500} .se-v141 .disc-v141 .link-v141{flex:none} .se-v141 .disc-open-v141{margin-top:12px;padding:4px 14px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)} .se-v141 .disc-open-v141 .disc-top-v141{display:flex;align-items:center;gap:10px;padding-top:8px;font-size:12.5px;color:var(--muted)} .se-v141 .disc-open-v141 .disc-top-v141 .ic-v141{width:14px;height:14px;color:var(--dim);transform:rotate(90deg)} .se-v141 .disc-open-v141 .disc-top-v141 .link-v141{margin-left:auto} .se-v141 .disc-grid-v141{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px} .se-v141 .disc-grid-v141 .field-v141{margin-top:12px} .se-v141 .disc-grid-v141 .field-v141.wide-v141{grid-column:1/-1} .se-v141 .strip-v141{display:flex;align-items:center;gap:10px;margin-top:18px;padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line);font-size:13px;color:var(--muted);flex-wrap:wrap} .se-v141 .strip-v141 .ic-v141{width:15px;height:15px;color:var(--dim)} .se-v141 .strip-v141 b{color:var(--text);font-weight:600} .se-v141 .strip-v141 .link-v141{margin-left:auto} .se-v141 .strip-v141 .link-v141 .ic-v141{width:12px;height:12px;color:inherit} .se-v141 .cats-v141{display:flex;flex-wrap:wrap;gap:8px} .se-v141 .cat-v141{height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .se-v141 .cat-v141:hover:not(:disabled){color:var(--text)} .se-v141 .cat-v141:disabled{cursor:default;opacity:.55} .se-v141 .cat-v141[aria-checked="true"]{border-color:rgba(255,200,97,.55);color:var(--gold2);background:rgba(255,200,97,.08)} .se-v141 .cat-v141[aria-checked="true"]:disabled{opacity:1} .se-v141 .cat-v141 .ic-v141{width:12px;height:12px} .se-v141 .cat-num-v141{width:92px;height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,200,97,.55);background:var(--surface2);color:var(--text);font-size:13px;outline:none;font-variant-numeric:tabular-nums} .se-v141 .cat-num-v141:is(:focus,:focus-visible){border-color:rgba(255,200,97,.8)!important;box-shadow:0 0 0 3px rgba(255,200,97,.08)!important} .se-v141 .cat-num-v141[aria-invalid="true"]{border-color:rgba(248,113,113,.55)!important} .se-v141 .cat-unit-v141{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)} .se-v141 .kv-v141{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px} .se-v141 .kv-v141>div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface);min-width:0} .se-v141 .kv-v141 small{display:block;font-size:11.5px;color:var(--dim)} .se-v141 .kv-v141 span{display:block;margin-top:2px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .se-v141 .kv-v141 span.mono-v141{font-size:12px} .se-v141 .eng-v141{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:start;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)} .se-v141 .eng-v141 .ei-v141{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--surface3);color:var(--muted)} .se-v141 .eng-v141 .ei-v141 .ic-v141{width:16px;height:16px} .se-v141 .eng-v141 b{font-size:14px;font-weight:600} .se-v141 .eng-v141 b code{font-size:11px;color:var(--dim);font-weight:400;margin-left:6px} .se-v141 .eng-v141 p{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.55} .se-v141 .eng-v141 small{display:block;font-size:11.5px;color:var(--dim);margin-top:6px} .se-v141 .flow-v141{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;margin-top:14px} .se-v141 .flow-v141>.ic-v141{width:12px;height:12px;color:#555;margin-top:9px} .se-v141 .fstep-v141{display:flex;flex-direction:column;align-items:center;gap:5px} .se-v141 .fstep-v141 span{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:12.5px;color:var(--text);display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .se-v141 .fstep-v141 span.end-v141{border-color:rgba(255,200,97,.45);color:var(--gold2)} .se-v141 .fstep-v141 small{font-size:11px;color:var(--dim);white-space:nowrap} .se-v141 .lock-note-v141{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--dim);white-space:nowrap} .se-v141 .lock-note-v141 .ic-v141{width:13px;height:13px} .se-v141 .stage-foot-v141{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)} .se-v141 .done-note-v141{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);flex-wrap:wrap} .se-v141 .done-note-v141 .ic-v141{width:15px;height:15px;color:var(--green)} .se-v141 .done-note-v141[data-se-bad] .ic-v141{color:var(--red)} .se-v141 .done-note-v141[data-se-bad] a{color:var(--text);text-decoration:underline;text-decoration-color:rgba(248,113,113,.5);text-underline-offset:3px} /* AI 建议面板（T:1094-1118；aiPanelHtml） */ .se-v141 .ai-panel-v141{margin-top:18px;border:1px solid rgba(255,200,97,.38);border-radius:16px;background:linear-gradient(180deg,rgba(255,200,97,.06),rgba(255,200,97,.012) 60%),var(--se-ai-bg);overflow:hidden} .se-v141 .ai-top-v141{display:flex;align-items:center;gap:10px;padding:14px 16px 0} .se-v141 .ai-top-v141 .badge-v141{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,200,97,.14);border:1px solid rgba(255,200,97,.45);color:var(--gold);flex:none} .se-v141 .ai-top-v141 .badge-v141 .ic-v141{width:15px;height:15px} .se-v141 .ai-top-v141 b{font-size:14.5px;font-weight:650} .se-v141 .ai-top-v141 .scope-v141{font-size:12px;color:var(--dim)} .se-v141 .ai-top-v141 .r-v141{margin-left:auto;display:flex;gap:6px} .se-v141 .ai-ask-v141{display:flex;align-items:center;gap:10px;margin:12px 16px 4px;padding:5px 5px 5px 14px;border:1px solid var(--line2);border-radius:999px;background:var(--surface);font-size:13px} .se-v141 .ai-ask-v141 small{color:var(--dim);font-size:12px;flex:none} .se-v141 .ai-ask-v141 .q-v141{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .se-v141 .chg-v141{margin:10px 16px 0;border:1px solid var(--line);border-radius:12px;background:rgba(10,10,10,.55)} .se-v141 .chg-h-v141{display:flex;align-items:center;gap:10px;padding:8px 8px 0 12px;min-width:0} .se-v141 .chg-h-v141 b{font-size:13px;font-weight:600;white-space:nowrap} .se-v141 .chg-h-v141 code{font-size:11px;color:var(--dim);white-space:nowrap} .se-v141 .tagk-v141{height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;white-space:nowrap} .se-v141 .tagk-v141[data-se-k="add"]{color:var(--green);background:rgba(74,222,128,.09)} .se-v141 .tagk-v141[data-se-k="mod"]{color:var(--gold2);background:rgba(255,200,97,.1)} .se-v141 .chg-h-v141 .r-v141{margin-left:auto;display:flex;gap:6px;align-items:center} .se-v141 .took-v141{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--se-ok-text);font-weight:600;white-space:nowrap} .se-v141 .took-v141 .ic-v141{width:13px;height:13px} .se-v141 .chg-v141[data-se-done]{background:rgba(10,10,10,.3);border-color:rgba(74,222,128,.22)} .se-v141 .chg-v141[data-se-done] .dl-v141[data-se-dl="plus"]{background:transparent;color:var(--muted)} .se-v141 .dl-v141{display:grid;grid-template-columns:18px minmax(0,1fr);gap:4px;padding:3px 12px;font-size:13.5px;line-height:1.6} .se-v141 .dl-v141:first-of-type{margin-top:6px} .se-v141 .dl-v141 i{font-style:normal;font-family:var(--se-mono);font-size:13px;text-align:center} .se-v141 .dl-v141[data-se-dl="minus"]{color:var(--se-diff)} .se-v141 .dl-v141[data-se-dl="minus"] span{text-decoration:line-through;text-decoration-color:rgba(248,113,113,.55)} .se-v141 .dl-v141[data-se-dl="minus"] i{color:var(--red)} .se-v141 .dl-v141[data-se-dl="plus"]{color:var(--text);background:rgba(74,222,128,.045)} .se-v141 .dl-v141[data-se-dl="plus"] i{color:var(--green)} .se-v141 .chg-why-v141{padding:6px 12px 10px 34px;font-size:12.5px;color:var(--muted);line-height:1.55} .se-v141 .chg-why-v141 b{color:var(--text);font-weight:600} .se-v141 .chg-v141[data-se-done] .chg-why-v141{padding-bottom:8px} .se-v141 .same-v141{margin:9px 16px 0;font-size:12px;color:var(--dim);display:flex;align-items:center;gap:6px} .se-v141 .same-v141 .ic-v141{width:13px;height:13px} .se-v141 .ai-foot-v141{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 16px;border-top:1px solid rgba(255,200,97,.16);background:rgba(10,10,10,.35);flex-wrap:wrap} .se-v141 .ai-foot-v141 .gain-v141{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--se-ok-text)} .se-v141 .ai-foot-v141 .gain-v141 .ic-v141{width:14px;height:14px} .se-v141 .ai-foot-v141 small{font-size:12px;color:var(--dim);display:inline-flex;align-items:center;gap:4px} .se-v141 .ai-foot-v141 .r-v141{margin-left:auto;display:flex;gap:8px} .se-v141 .pend-v141{display:inline-flex;margin-top:3px;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;color:var(--gold2);background:rgba(255,200,97,.1);align-items:center;gap:4px;flex:none;white-space:nowrap} .se-v141 .ai-btn-v141[data-se-active]{background:rgba(255,200,97,.16);border-color:var(--gold)} /* 设计稿没画的几种状态：正在写（骨架 + 取消）、没写成（再试一次）、不用改、过时、改一改再用、已放弃； 单栏预设（开场白、绝对不要、源文件里的帮我写）的结果挂在那一栏下面 */ .se-v141 .ai-panel-v141[data-se-under]{margin-top:10px} .se-v141 .ai-panel-v141[aria-busy="true"] .ai-top-v141 b{color:var(--gold2)} .se-v141 .ai-skel-v141{display:grid;gap:9px;padding:14px 16px 18px} .se-v141 .ai-skel-v141 .skel-v141{display:block;height:13px;border-radius:7px} .se-v141 .ai-skel-v141 .skel-v141:nth-child(1){width:64%} .se-v141 .ai-skel-v141 .skel-v141:nth-child(2){width:90%} .se-v141 .ai-skel-v141 .skel-v141:nth-child(3){width:46%} .se-v141 .ai-err-v141{display:flex;align-items:center;gap:8px;margin:12px 16px 0;padding:7px 7px 7px 12px;border:1px solid rgba(248,113,113,.38);border-radius:12px;background:var(--se-err-bg);font-size:13px;color:#f3c1c1;flex-wrap:wrap;line-height:1.5} .se-v141 .ai-err-v141>span{flex:1;min-width:0} .se-v141 .ai-err-v141>.ic-v141{color:var(--red)} .se-v141 .ai-none-v141{display:flex;align-items:center;gap:7px;margin:12px 16px 0;font-size:13px;color:var(--se-ok-text)} .se-v141 .ai-pad-v141{height:14px} .se-v141 .ai-ask-v141[data-se-editing]{border-radius:14px;align-items:flex-start;padding:6px 6px 6px 14px;border-color:rgba(255,200,97,.45)} .se-v141 .ai-ask-v141[data-se-editing] small{padding-top:6px} .se-v141 .ai-ask-v141 textarea.ai-ask-in-v141{flex:1;min-width:0;min-height:30px;padding:5px 0;border:0;background:transparent;color:var(--text);font-size:13px;line-height:1.5;font-family:inherit;resize:none;overflow:hidden;field-sizing:content;outline:none;box-shadow:none} /* 应用的全局焦点环（index.html:107）不画在这个没有边框的输入框上：焦点由外面那一圈金边表示 */ .se-v141 .ai-ask-v141 textarea.ai-ask-in-v141:is(:focus,:focus-visible){box-shadow:none!important;border-color:transparent!important} .se-v141 .ai-ask-v141[data-se-editing]:focus-within{border-color:rgba(255,200,97,.7)} .se-v141 .chg-v141[data-se-state="stale"]{border-color:rgba(255,200,97,.28)} .se-v141 .chg-stale-v141{display:flex;align-items:center;gap:6px;padding:4px 12px 0 34px;font-size:12px;color:var(--gold2)} .se-v141 .chg-stale-v141 .ic-v141{color:var(--gold)} .se-v141 .chg-v141[data-se-state="discarded"]{background:transparent;border-style:dashed} .se-v141 .chg-v141[data-se-state="discarded"] .chg-h-v141{padding-bottom:8px;opacity:.6} .se-v141 .dropped-v141{font-size:12px;color:var(--dim);white-space:nowrap} .se-v141 .dl-v141 span{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0} .se-v141 .dl-v141[data-se-long] span{display:block;max-height:13.5em;overflow:auto} .se-v141 .chg-edit-v141{padding:8px 12px 2px 34px} .se-v141 .chg-edit-acts-v141{display:flex;justify-content:flex-end;gap:6px;margin-top:8px} .se-v141 .mini-v141 button[aria-pressed="true"]{border-color:var(--gold);color:var(--gold2);background:rgba(255,200,97,.14)} .se-v141 .pend-slot-v141{display:contents} .se-v141 .origin-v141 .o-busy-v141{display:block;margin-top:2px;color:var(--gold2)} .se-v141 .src-foot-v141 .src-ai-v141{display:inline-flex;align-items:center;gap:6px;color:var(--gold2);min-width:0} .se-v141 .src-foot-v141 .src-ai-v141[data-se-kind="err"]{color:var(--se-miss)} .se-v141 .src-foot-v141 .src-ai-v141 .link-v141{font-size:11.5px;color:inherit;text-decoration:underline;text-underline-offset:3px} .se-v141 .hrow-v141 button[aria-disabled="true"]{opacity:.45;cursor:not-allowed} /* 看我那句话、换个官方玩法（弹窗在编辑器外面，挂在 .se-modal-v141 上） */ .se-modal-v141 .said-v141{margin:0;padding:10px 14px;border-left:3px solid rgba(255,200,97,.55);border-radius:0 10px 10px 0;background:var(--surface);color:var(--text);white-space:pre-wrap;line-height:1.65} .se-modal-v141 .said-h-v141{margin-top:14px;font-size:13px;font-weight:600;color:var(--text)} .se-modal-v141 .said-base-v141{margin-top:12px;font-size:12.5px;color:var(--dim)} .se-modal-v141 .swap-note-v141{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:12.5px;color:var(--muted)} .se-modal-v141 button.oitem-v141[aria-current="true"]{border-color:rgba(255,200,97,.6)} .se-modal-v141 .swap-sk-v141{display:block;aspect-ratio:16/13;border-radius:12px;background:var(--surface)} .se-modal-v141 .swap-fail-v141{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(248,113,113,.4);border-radius:12px;background:rgba(248,113,113,.06);font-size:12.5px;color:#f3c1c1} .se-modal-v141 .swap-fail-v141>span{flex:1;min-width:0} /* 源文件视图：框、顶栏、底栏是这里的；中间的逐行代码区是 v141-skill-code.js（bare 模式，自带一份 CODE_VIEW_CSS）。 下面 .code-v141 / .sl-v141 这几条和组件自带的同值，留着是为了组件样式没注入前（首帧）不跳 */ .se-v141 .src-only-v141{display:none} .se-v141[data-se-view="source"] .src-only-v141{display:block} .se-v141[data-se-view="source"] .form-only-v141{display:none} .se-v141 .src-v141{border:1px solid var(--line);border-radius:18px;background:var(--se-code-bg);overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - var(--se-top) - 76px);min-height:520px} .se-v141 .src-bar-v141{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--line);background:var(--bg2);flex:none;min-width:0} .se-v141 .src-bar-v141 .fn-v141{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;font-family:var(--se-mono);font-size:12px;color:var(--text)} .se-v141 .src-bar-v141 .fn-v141 .ic-v141{width:14px;height:14px;color:var(--muted)} .se-v141 .sync-v141{white-space:nowrap;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;min-width:0} .se-v141 .sync-v141 i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(74,222,128,.14);flex:none} .se-v141 .sp-v141{flex:1 1 0;min-width:0} .se-v141 .code-mount-v141{flex:1;min-height:0;display:flex;flex-direction:column} .se-v141 .code-v141{flex:1;overflow:auto;font-family:var(--se-mono);font-size:13px;line-height:21px;padding:8px 0 16px} .se-v141 .code-v141[contenteditable]:focus-visible{box-shadow:none!important;border-color:transparent!important;outline:none} .se-v141 .sl-v141{display:grid;grid-template-columns:46px 16px minmax(0,1fr) auto;align-items:start;min-height:21px;padding-right:12px} .se-v141 .sl-v141 .ln-v141{color:var(--se-src-num);text-align:right;padding-right:10px;font-size:11.5px;font-variant-numeric:tabular-nums;user-select:none} .se-v141 .sl-v141 .ln-v141::before{content:attr(data-n)} .se-v141 .sl-v141 .mk-v141{display:grid;place-items:center;height:21px;user-select:none} .se-v141 .sl-v141 .mk-v141 .ic-v141{width:11px;height:11px} .se-v141 .sl-v141 .lc-v141{white-space:pre-wrap;word-break:break-all;color:var(--se-soft2);min-width:0} .se-v141 .sl-v141 .tg-v141{font-family:Inter,'Microsoft YaHei',sans-serif;font-size:11px;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:0 8px;height:19px;display:inline-flex;align-items:center;white-space:nowrap;margin-top:1px;margin-left:10px;user-select:none} .se-v141 .sl-v141 .tg-v141[data-tag]::after{content:attr(data-tag)} .se-v141[data-se-stage="listing"] .sl-v141[data-se-ls="listing"],.se-v141[data-se-stage="planner"] .sl-v141[data-se-ls="planner"],.se-v141[data-se-stage="analyze"] .sl-v141[data-se-ls="analyze"],.se-v141[data-se-stage="storyboard"] .sl-v141[data-se-ls="storyboard"],.se-v141[data-se-stage="prompt"] .sl-v141[data-se-ls="prompt"],.se-v141[data-se-stage="output"] .sl-v141[data-se-ls="output"],.se-v141[data-se-stage="assemble"] .sl-v141[data-se-ls="assemble"],.se-v141[data-se-stage="accept"] .sl-v141[data-se-ls="accept"]{background:rgba(255,200,97,.045);box-shadow:inset 2px 0 0 var(--gold)} .se-v141[data-se-stage="listing"] .sl-v141[data-se-ls="listing"] .ln-v141,.se-v141[data-se-stage="planner"] .sl-v141[data-se-ls="planner"] .ln-v141,.se-v141[data-se-stage="analyze"] .sl-v141[data-se-ls="analyze"] .ln-v141,.se-v141[data-se-stage="storyboard"] .sl-v141[data-se-ls="storyboard"] .ln-v141,.se-v141[data-se-stage="prompt"] .sl-v141[data-se-ls="prompt"] .ln-v141,.se-v141[data-se-stage="output"] .sl-v141[data-se-ls="output"] .ln-v141,.se-v141[data-se-stage="assemble"] .sl-v141[data-se-ls="assemble"] .ln-v141,.se-v141[data-se-stage="accept"] .sl-v141[data-se-ls="accept"] .ln-v141{color:var(--se-src-dim)} .se-v141 .sx-k-v141{color:#d9c28c}.se-v141 .sx-s-v141{color:#e6e0d0}.se-v141 .sx-p-v141{color:#6b6b6b}.se-v141 .sx-v-v141{color:#9cc3d9}.se-v141 .sx-h-v141{color:#e6e0d0;font-weight:700}.se-v141 .sx-t-v141{color:#bdb8ab} .se-v141 .errw-v141,.se-v141 .aiw-v141{margin:3px 12px 5px 62px;border-radius:10px;padding:6px 7px 6px 12px;font-family:Inter,'Microsoft YaHei',sans-serif;font-size:12.5px;display:flex;align-items:center;gap:10px;line-height:1.4;flex-wrap:wrap;user-select:none} .se-v141 .errw-v141{border:1px solid rgba(248,113,113,.4);background:rgba(248,113,113,.07)} .se-v141 .errw-v141>.ic-v141{width:14px;height:14px;color:var(--red)} .se-v141 .errw-v141 b{font-weight:600;color:#f3c1c1} .se-v141 .errw-v141 code{font-size:11.5px;color:rgba(248,113,113,.85)} .se-v141 .aiw-v141{border:1px solid rgba(255,200,97,.4);background:rgba(255,200,97,.06)} .se-v141 .aiw-v141>.ic-v141{width:14px;height:14px;color:var(--gold)} .se-v141 .aiw-v141 b{font-weight:600;color:var(--gold2)} .se-v141 .aiw-v141 span{color:var(--muted)} .se-v141 .errw-v141 .r-v141,.se-v141 .aiw-v141 .r-v141{margin-left:auto;display:flex;gap:6px} .se-v141 .src-foot-v141{display:flex;align-items:center;gap:14px;padding:7px 14px;border-top:1px solid var(--line);background:var(--bg2);font-size:11.5px;color:var(--dim);flex:none;white-space:nowrap;min-width:0} .se-v141 .src-foot-v141 .e-v141{color:var(--red)}.se-v141 .src-foot-v141 .w-v141{color:var(--gold2)} .se-v141 .src-foot-v141 .hint-v141{overflow:hidden;text-overflow:ellipsis;min-width:0} /* 右栏 */ .se-v141 .rrail-v141{display:flex;flex-direction:column;gap:12px;min-width:0} .se-v141 .rcard-v141{border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);padding:16px} /* 手机底栏的「检查」把焦点挪到检查卡片上（tabindex=-1）：不画浏览器的焦点框 */ .se-v141 .rcard-v141:focus{outline:none} .se-v141 .rh-v141{display:flex;align-items:center;gap:8px} .se-v141 .rh-v141 h3{font-size:14.5px;font-weight:650;white-space:nowrap;letter-spacing:normal} .se-v141 .rh-v141 .live-v141{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--dim);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis} .se-v141 .rh-v141 .live-v141 i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(74,222,128,.14);flex:none} .se-v141 .rh-v141 .r-v141{margin-left:auto} .se-v141 .ck-sum-v141{display:flex;align-items:center;gap:14px;margin-top:12px} .se-v141 .ring-v141{position:relative;width:54px;height:54px;flex:none} .se-v141 .ring-v141 svg{width:54px;height:54px;transform:rotate(-90deg)} .se-v141 .ring-v141 span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums} .se-v141 .ring-v141 span small{font-size:11px;color:var(--dim);font-weight:500;margin-left:1px} .se-v141 .ck-sum-v141 b{display:block;font-size:14.5px;font-weight:650} .se-v141 .ck-sum-v141 p{font-size:12.5px;color:var(--muted);margin-top:2px} .se-v141 .ck-sum-v141 p .e-v141{color:var(--red)}.se-v141 .ck-sum-v141 p .w-v141{color:var(--gold2)}.se-v141 .ck-sum-v141 p .g-v141{color:var(--se-ok-text)} .se-v141 .iss-list-v141{margin-top:12px} .se-v141 .iss-v141{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:9px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06);align-items:start} .se-v141 .iss-v141>.ic-v141{width:15px;height:15px;margin-top:2px;color:var(--red)} .se-v141 .iss-v141[data-se-w]>.ic-v141{color:var(--gold)} .se-v141 .iss-v141 b{display:block;font-size:13px;font-weight:600;line-height:1.45} .se-v141 .iss-v141 b em{font-style:normal;color:var(--dim);font-weight:500} .se-v141 .iss-v141 code{display:block;font-size:11px;color:var(--dim);margin-top:2px;line-height:1.5;word-break:break-word} .se-v141 .iss-v141 a,.se-v141 .iss-v141 .go-v141{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:2px;white-space:nowrap;margin-top:1px} .se-v141 .iss-v141 a:hover,.se-v141 .iss-v141 .go-v141:hover{color:var(--text)} .se-v141 .hist-v141{margin-top:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)} .se-v141 .hist-v141 h4{font-size:12.5px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:6px} .se-v141 .hist-v141 h4 .ic-v141{width:13px;height:13px;color:var(--gold)} .se-v141 .hrow-v141{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0 0;font-size:12.5px} .se-v141 .hrow-v141 span{min-width:0;color:var(--se-soft);line-height:1.45} .se-v141 .hrow-v141 span em{font-style:normal;font-size:11.5px;margin-left:4px} .se-v141 .hrow-v141 [data-se-h="ok"]{color:var(--se-ok-text)}.se-v141 .hrow-v141 [data-se-h="wait"]{color:var(--gold2)}.se-v141 .hrow-v141 [data-se-h="dr"]{color:var(--dim)} .se-v141 .hrow-v141 a,.se-v141 .hrow-v141 button{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:3px;white-space:nowrap} .se-v141 .hrow-v141 .ic-v141{width:12px;height:12px} .se-v141 .hbar-v141{margin-top:8px;height:4px;border-radius:3px;background:var(--surface3);overflow:hidden;display:flex} .se-v141 .hbar-v141 i{display:block;height:100%;background:rgba(237,232,217,.55)} .se-v141 .hbar-v141 i[data-se-ai]{background:rgba(255,200,97,.55)} .se-v141 .hleg-v141{display:flex;justify-content:space-between;margin-top:5px;font-size:11px;color:var(--dim)} .se-v141 .ck-foot-v141{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:11.5px;color:var(--dim);line-height:1.55} .se-v141 .rc-empty-v141{margin-top:10px;font-size:12px;color:var(--dim);line-height:1.55} :is(.se-v141,.se-modal-v141) .pv-card-v141{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden} :is(.se-v141,.se-modal-v141) .pv-cover-v141{position:relative;aspect-ratio:16/7;background:radial-gradient(circle at 22% 30%,rgba(255,170,80,.22) 0,rgba(255,170,80,0) 18%),radial-gradient(circle at 70% 22%,rgba(255,190,110,.16) 0,rgba(255,190,110,0) 14%),radial-gradient(circle at 86% 48%,rgba(255,150,70,.14) 0,rgba(255,150,70,0) 12%),radial-gradient(120% 90% at 50% 110%,#2a1d12 0,#15110e 55%,#0f0d0c 100%);display:grid;place-items:center} :is(.se-v141,.se-modal-v141) .pv-ph-v141{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:11.5px;color:rgba(237,232,217,.62);line-height:1.5} :is(.se-v141,.se-modal-v141) .pv-ph-v141 .ic-v141{width:26px;height:26px;color:rgba(247,231,181,.7);stroke-width:1.4} :is(.se-v141,.se-modal-v141) .badge-tl-v141{position:absolute;top:9px;left:9px;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:600;background:rgba(10,10,12,.62);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);white-space:nowrap;color:var(--muted)} :is(.se-v141,.se-modal-v141) .badge-tl-v141 .ic-v141{width:11px;height:11px} :is(.se-v141,.se-modal-v141) .kind-v141{position:absolute;left:9px;bottom:8px;font-size:11px;color:#e9e4d6;padding:2px 8px;border-radius:999px;background:rgba(10,10,12,.55);border:1px solid rgba(255,255,255,.1);white-space:nowrap;display:inline-flex;align-items:center;gap:5px} :is(.se-v141,.se-modal-v141) .pv-body-v141{padding:11px 13px 13px} :is(.se-v141,.se-modal-v141) .pv-body-v141 h4{font-size:15px;font-weight:650;display:flex;align-items:center;gap:6px} :is(.se-v141,.se-modal-v141) .pv-body-v141 p{margin-top:2px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:6px;min-width:0} :is(.se-v141,.se-modal-v141) .pv-body-v141 p span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} :is(.se-v141,.se-modal-v141) .pn-v141{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;border:1px solid rgba(255,200,97,.5);color:var(--gold2);font-size:9.5px;font-weight:700;font-style:normal;flex:none;line-height:1;font-family:Inter,sans-serif} :is(.se-v141,.se-modal-v141) .who-v141{display:flex;align-items:center;gap:6px;margin-top:10px} :is(.se-v141,.se-modal-v141) .av-v141{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;font-style:normal;color:#fff;background:linear-gradient(160deg,#e9c46a,#b8892c);flex:none} :is(.se-v141,.se-modal-v141) .who-v141 .wn-v141{font-size:12.5px;color:var(--se-soft)} :is(.se-v141,.se-modal-v141) .who-v141 .cat2-v141{margin-left:auto;font-size:11.5px;color:var(--dim);display:inline-flex;align-items:center;gap:5px} :is(.se-v141,.se-modal-v141) .pv-acts-v141{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:8px} :is(.se-v141,.se-modal-v141) .pv-acts-v141 span{height:30px;border-radius:999px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line2);color:var(--muted)} :is(.se-v141,.se-modal-v141) .pv-leg-v141{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:9px;font-size:11.5px;color:var(--dim)} :is(.se-v141,.se-modal-v141) .pv-leg-v141 span{display:inline-flex;align-items:center;gap:5px} :is(.se-v141,.se-modal-v141) .pv-sub-v141{margin-top:16px;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted)} :is(.se-v141,.se-modal-v141) .pv-sub-v141::after{content:"";flex:1;height:1px;background:var(--line)} :is(.se-v141,.se-modal-v141) .chat-v141{margin-top:10px;display:flex;flex-direction:column;gap:8px} :is(.se-v141,.se-modal-v141) .msg-v141{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:start} :is(.se-v141,.se-modal-v141) .bot-v141{width:24px;height:24px;border-radius:50%;background:rgba(255,200,97,.1);border:1px solid rgba(255,200,97,.32);color:var(--gold);display:grid;place-items:center} :is(.se-v141,.se-modal-v141) .bot-v141 .ic-v141{width:12px;height:12px} :is(.se-v141,.se-modal-v141) .bub-v141{background:var(--surface2);border:1px solid var(--line);border-radius:4px 14px 14px 14px;padding:8px 11px;font-size:13px;line-height:1.55} :is(.se-v141,.se-modal-v141) .bub-v141 small{display:block;font-size:11px;color:var(--dim);margin-top:3px} :is(.se-v141,.se-modal-v141) .bub-v141 .btns-v141{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap} :is(.se-v141,.se-modal-v141) .bub-v141 .btns-v141 span{height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--line2);font-size:12px;display:inline-flex;align-items:center;gap:5px;color:var(--text);background:var(--surface)} :is(.se-v141,.se-modal-v141) .bub-v141 .btns-v141 .ic-v141{width:12px;height:12px;color:var(--muted)} :is(.se-v141,.se-modal-v141) .pnote-v141{display:flex;gap:6px;padding-left:32px;font-size:11.5px;color:var(--dim);line-height:1.5} :is(.se-v141,.se-modal-v141) .pnote-v141 .ic-v141{width:12px;height:12px;margin-top:2px} :is(.se-v141,.se-modal-v141) .qs-v141{margin-top:12px;display:flex;flex-direction:column;gap:6px} :is(.se-v141,.se-modal-v141) .qs-h-v141{font-size:12px;color:var(--dim)} :is(.se-v141,.se-modal-v141) .qi-v141{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)} :is(.se-v141,.se-modal-v141) .qi-v141[data-optional]{border-style:dashed} :is(.se-v141,.se-modal-v141) .qn-v141{width:18px;height:18px;border-radius:50%;background:var(--surface3);color:var(--muted);font-size:10.5px;display:grid;place-items:center;font-weight:600} :is(.se-v141,.se-modal-v141) .qi-v141 b{display:block;font-size:12.5px;font-weight:500;line-height:1.5} :is(.se-v141,.se-modal-v141) .qa-v141{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px;align-items:center} :is(.se-v141,.se-modal-v141) .qa-v141 small{margin:0 0 0 auto!important;padding-left:6px;white-space:nowrap} :is(.se-v141,.se-modal-v141) .qa-v141 span{height:24px;padding:0 9px;border-radius:999px;border:1px solid var(--line2);font-size:11.5px;display:inline-flex;align-items:center;color:var(--text)} :is(.se-v141,.se-modal-v141) .qa-v141 span.inl-v141{flex:1;min-width:90px;border-radius:8px;color:var(--dim);border-color:var(--line);background:var(--bg2)} :is(.se-v141,.se-modal-v141) .qi-v141 small{display:block;font-size:11px;color:var(--dim);margin-top:5px} :is(.se-v141,.se-modal-v141) .go-line-v141{margin-top:8px;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)} :is(.se-v141,.se-modal-v141) .go-line-v141 .ic-v141{width:12px;height:12px;color:var(--gold)} .se-v141 .ladder-v141{display:flex;align-items:center;margin-top:14px;font-size:11.5px;color:var(--dim)} .se-v141 .ladder-v141 .ladder-lbl-v141{display:flex;flex-direction:column;align-items:center;gap:5px;white-space:nowrap} .se-v141 .ladder-v141 .ladder-lbl-v141 i{width:9px;height:9px;border-radius:50%;background:var(--line2)} .se-v141 .ladder-v141 .ladder-lbl-v141[aria-current="step"]{color:var(--text);font-weight:600} .se-v141 .ladder-v141 .ladder-lbl-v141[aria-current="step"] i{background:var(--text);box-shadow:0 0 0 3px rgba(237,232,217,.14)} .se-v141 .ladder-v141 .ln2-v141{flex:1;height:1px;background:var(--line2);margin:0 6px 18px} .se-v141 .ladder-note-v141{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.55} .se-v141 .ver-v141{margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)} .se-v141 .ver-v141 .vt-v141{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--dim)} .se-v141 .ver-v141 .vt-v141 b{font-family:var(--se-mono);font-size:12px;color:var(--text);font-weight:500} .se-v141 .ver-v141 .vt-v141 code{margin-left:auto;font-size:10.5px} .se-v141 .ver-v141 .vin-v141{margin-top:7px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);font-size:12.5px} .se-v141 .ver-v141 small{display:block;margin-top:6px;font-size:11px;color:var(--dim);line-height:1.5} .se-v141 .todo-h-v141{margin-top:14px;font-size:12px;color:var(--muted);font-weight:600} .se-v141 .todo-v141{margin-top:4px;display:flex;flex-direction:column} .se-v141 .todo-v141>div{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid rgba(255,255,255,.05);font-size:12.5px;line-height:1.5} .se-v141 .todo-v141>div:first-child{border-top:0} .se-v141 .todo-v141 .ic-v141{width:15px;height:15px;margin-top:2px} .se-v141 .todo-v141 [data-se-st="ok"] .ic-v141{color:var(--green)} .se-v141 .todo-v141 [data-se-st="no"] .ic-v141{color:var(--dim)} .se-v141 .todo-v141 [data-se-st="half"] .ic-v141{color:var(--gold)} .se-v141 .todo-v141 small{display:block;color:var(--dim);font-size:11.5px} .se-v141 .todo-v141 small a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px} .se-v141 .todo-v141 [data-se-st="ok"] span{color:var(--muted)} .se-v141 .pub-acts-v141{display:flex;flex-direction:column;gap:8px;margin-top:10px} .se-v141 .pub-acts-v141 .btn-v141{width:100%;height:38px;font-size:13.5px} .se-v141 .pub-acts-v141 .btn-v141 em{font-style:normal;font-weight:500;font-size:12px;opacity:.85} .se-v141 .pub-note-v141{margin-top:10px;font-size:11.5px;color:var(--dim);line-height:1.55} /* 读取中：骨架 */ .se-v141 .skel-v141{border-radius:12px;background:linear-gradient(90deg,var(--surface) 0,var(--surface2) 50%,var(--surface) 100%);background-size:200% 100%;animation:se-skel-v141 1.4s ease-in-out infinite} @keyframes se-skel-v141{0%{background-position:100% 0}100%{background-position:-100% 0}} @media (prefers-reduced-motion:reduce){.se-v141 .skel-v141{animation:none}} .se-v141 .opt-v141[aria-disabled="true"]{cursor:default} .se-v141 .open-err-v141{grid-column:1/-1;width:100%;max-width:560px;margin:64px auto;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--bg2);text-align:center} .se-v141 .open-err-v141 .ic-v141{width:28px;height:28px;color:var(--red);margin:0 auto 10px;display:block} .se-v141 .open-err-v141 h2{font-size:18px;font-weight:650;letter-spacing:normal} .se-v141 .open-err-v141 p{margin-top:6px;font-size:13px;color:var(--muted)} .se-v141 .open-err-v141 .r-v141{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center} .se-v141 .open-err-v141 .r-v141 .ic-v141{width:14px;height:14px;margin:0;display:inline-block;color:inherit} /* ---------- 新建：先选怎么开始 ---------- */ .se-v141 .start-v141{display:none} .se-v141[data-se-start="1"] .start-v141{display:block} .se-v141[data-se-start="1"] .layout-v141,.se-v141[data-se-start="1"] .ed-acts-v141,.se-v141[data-se-start="1"] .m-bar-v141{display:none!important} /* 起步页铺满内容框（和社区页一样宽，docs/64 §13.4）：原来自己再收到 1160，宽屏上又窄回去了 */ .se-v141 .start-v141{max-width:none;margin:18px 0 64px} .se-v141 .start-h-v141 h2{font-size:26px;font-weight:700;line-height:1.3;letter-spacing:normal} .se-v141 .start-h-v141 p{margin-top:6px;color:var(--muted);font-size:14px} .se-v141 .resume-v141{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 12px 10px 14px;border:1px solid rgba(255,200,97,.3);border-radius:14px;background:rgba(255,200,97,.05);font-size:13px;color:var(--text);flex-wrap:wrap} .se-v141 .resume-v141>.ic-v141{width:16px;height:16px;color:var(--gold)} .se-v141 .resume-v141 span{flex:1;min-width:0} .se-v141 .resume-v141 .r-v141{display:flex;gap:6px} .se-v141 .sgrid-v141{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;margin-top:22px} .se-v141 .scard-v141{border:1px solid var(--line);border-radius:18px;background:var(--bg2);padding:18px 20px;display:flex;flex-direction:column;min-width:0} .se-v141 .scard-v141.big-v141{grid-row:span 3;border-color:rgba(255,200,97,.45);background:linear-gradient(180deg,rgba(255,200,97,.06),rgba(255,200,97,0) 220px),var(--bg2)} .se-v141 .sc-h-v141{display:flex;align-items:center;gap:12px} .se-v141 .sc-ic-v141{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--surface3);color:var(--text);flex:none} .se-v141 .sc-ic-v141 .ic-v141{width:18px;height:18px} .se-v141 .scard-v141.big-v141 .sc-ic-v141{background:rgba(255,200,97,.14);color:var(--gold);border:1px solid rgba(255,200,97,.4)} .se-v141 .sc-h-v141 b{font-size:16px;font-weight:650;display:flex;align-items:center;gap:8px} .se-v141 .sc-h-v141 b small{font-size:11px;font-weight:600;color:var(--gold2);border:1px solid rgba(255,200,97,.35);border-radius:999px;padding:0 7px;line-height:18px} .se-v141 .sc-h-v141 p{font-size:12.5px;color:var(--muted);margin-top:2px} .se-v141 .sc-h-v141 .go2-v141{margin-left:auto} .se-v141 .sfield-v141{margin-top:14px} .se-v141 .sfield-v141 label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px} .se-v141 .sel-v141{height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);display:flex;align-items:center;gap:8px;padding:0 12px;font-size:13.5px} .se-v141 .sel-v141 .ic-v141{margin-left:auto;width:14px;height:14px;color:var(--dim)} .se-v141 .sel2-v141{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px} .se-v141 .sta-v141{min-height:118px;border:1px solid rgba(255,200,97,.5);box-shadow:0 0 0 3px rgba(255,200,97,.07);border-radius:12px;background:var(--surface2);padding:11px 13px;font-size:14px;line-height:1.65} .se-v141 .sc-foot-v141{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap} .se-v141 .sc-foot-v141 small{font-size:12px;color:var(--dim);flex:1;min-width:200px;line-height:1.5} :is(.se-v141,.se-modal-v141) .olist-v141{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px} :is(.se-v141,.se-modal-v141) .oitem-v141{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);text-align:left} :is(.se-v141,.se-modal-v141) .oitem-v141 img{width:100%;aspect-ratio:16/10;object-fit:cover} :is(.se-v141,.se-modal-v141) .oitem-v141 div{padding:6px 9px 8px;font-size:12px;line-height:1.35} :is(.se-v141,.se-modal-v141) .oitem-v141 small{display:block;color:var(--dim);font-size:11px} .se-v141 .drop-v141{margin-top:12px;border:1px dashed var(--line2);border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted);flex-wrap:wrap} .se-v141 .drop-v141 .ic-v141{width:16px;height:16px;color:var(--dim)} .se-v141 .drop-v141 .link-v141 .ic-v141{width:12px;height:12px;color:inherit} .se-v141 .parts-v141{margin-top:18px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--dim)} .se-v141 .parts-v141 span.p2-v141{height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--line);background:var(--bg2);display:inline-flex;align-items:center;gap:6px;color:var(--muted)} .se-v141 .parts-v141 span.p2-v141 i{font-style:normal;font-size:11px;color:var(--dim)} .se-v141 .m-bar-v141{display:none} /* ---------- 弹窗（openModal 渲染在 #modalRoot，编辑器外面；klass 给了 se-modal-v141） ---------- */ .se-modal-v141 .sm-body-v141{font-size:13.5px;color:var(--muted);line-height:1.6} .se-modal-v141 .sm-body-v141 p+p{margin-top:8px} .se-modal-v141 .sm-foot-v141{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap} .se-modal-v141 .diff-v141{margin-top:12px;max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--se-code-bg);font-family:var(--se-mono);font-size:12px;line-height:19px;padding:6px 0} .se-modal-v141 .diff-v141 div{display:grid;grid-template-columns:16px minmax(0,1fr);gap:6px;padding:0 10px;white-space:pre-wrap;word-break:break-all;color:var(--se-soft2)} .se-modal-v141 .diff-v141 div[data-se-op="+"]{background:rgba(74,222,128,.07);color:var(--text)} .se-modal-v141 .diff-v141 div[data-se-op="-"]{background:rgba(248,113,113,.07);color:var(--se-diff)} .se-modal-v141 .diff-v141 div[data-se-op="+"] i{color:var(--green)} .se-modal-v141 .diff-v141 div[data-se-op="-"] i{color:var(--red)} .se-modal-v141 .diff-v141 i{font-style:normal} .se-modal-v141 .diff-more-v141{margin-top:8px;font-size:12px;color:var(--dim)} /* ---------- 别人看到的样子：补的几条（放大看的弹窗里也用） ---------- */ :is(.se-v141,.se-modal-v141) .pv-img-v141{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} :is(.se-v141,.se-modal-v141) .dim-v141{color:var(--dim)} :is(.se-v141,.se-modal-v141) .qa-v141 span.auto-v141{border-style:dashed;color:var(--dim)} :is(.se-v141,.se-modal-v141) .qa-v141 .ic-v141{width:12px;height:12px;color:var(--muted);margin-right:4px} :is(.se-v141,.se-modal-v141) .pnote-v141 b{font-weight:600;color:var(--muted)} :is(.se-v141,.se-modal-v141) .go-line-v141 span{min-width:0} .se-v141 .rh-v141 button.link-v141{margin-left:auto} .se-modal-v141 .pv-zoom-v141{max-width:440px;margin:0 auto} .se-modal-v141 .pv-zoom-v141 :where(h4,p,small,b,i){margin:0} .se-modal-v141 .pv-zoom-v141 .pv-card-v141{margin-top:0} /* ---------- 保存与发布：补的几条 ---------- */ .se-v141 .pub-st-v141{display:flex;align-items:flex-start;gap:6px;margin-top:10px;font-size:12px;line-height:1.5;color:var(--muted)} .se-v141 .pub-st-v141 .ic-v141{width:13px;height:13px;margin-top:2px;flex:none} .se-v141 .pub-st-v141[data-se-kind="err"]{color:#f3c1c1} .se-v141 .pub-st-v141[data-se-kind="err"] .ic-v141{color:var(--red)} .se-v141 .pub-st-v141[data-se-kind="warn"]{color:var(--gold2)} .se-v141 .pub-st-v141[data-se-kind="warn"] .ic-v141{color:var(--gold)} .se-v141 .ver-v141 textarea.vin-v141{display:block;width:100%;min-height:0;margin:7px 0 0;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);color:var(--text);font-size:12.5px;line-height:1.5;font-family:inherit;resize:none;overflow:hidden;field-sizing:content;outline:none;box-shadow:none} .se-v141 .ver-v141 textarea.vin-v141::placeholder{color:var(--dim);opacity:1} .se-v141 .ver-v141 textarea.vin-v141:is(:focus,:focus-visible){border-color:rgba(255,200,97,.6)!important;box-shadow:0 0 0 3px rgba(255,200,97,.08)!important} .se-v141 .todo-v141 [data-se-st="bad"] .ic-v141{color:var(--red)} .se-v141 .todo-v141 [data-se-st="bad"]>span{color:#f3c1c1} .se-v141 .todo-v141 .blk-v141{display:block;margin-top:2px;color:var(--dim)} .se-v141 .todo-v141 small [data-user-content]{color:var(--muted)} .se-v141 .pub-off-v141{margin-top:12px;padding:10px 12px;border:1px dashed var(--line2);border-radius:12px;font-size:12.5px;color:var(--muted);line-height:1.55} /* ---------- 开始页：真的下拉框、文本框、出错提示、官方玩法卡片 ---------- */ .se-v141 .selw-v141{position:relative;display:block} .se-v141 .selw-v141>.ic-v141{position:absolute;right:12px;top:13px;width:14px;height:14px;color:var(--dim);pointer-events:none} .se-v141 select.sel-v141{display:block;width:100%;height:40px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);font-size:13.5px;font-family:inherit;appearance:none;-webkit-appearance:none;outline:none;box-shadow:none;cursor:pointer} .se-v141 select.sel-v141:is(:focus,:focus-visible){border-color:rgba(255,200,97,.6)!important;box-shadow:0 0 0 3px rgba(255,200,97,.08)!important} /* 锁住的下拉框（选了官方玩法以后的「做出来的是」）照设计稿 start.png 还是白字，只把箭头压暗、光标不再是手 */ .se-v141 select.sel-v141:disabled{color:var(--text);cursor:default;opacity:1} .se-v141 .selw-v141:has(select:disabled)>.ic-v141{opacity:.35} .se-v141 .sel-v141 option{background:var(--surface2);color:var(--text)} .se-v141 textarea.sta-v141{display:block;width:100%;min-height:118px;border:1px solid rgba(255,200,97,.5);box-shadow:0 0 0 3px rgba(255,200,97,.07);border-radius:12px;background:var(--surface2);padding:11px 13px;font-size:14px;line-height:1.65;color:var(--text);font-family:inherit;resize:none;field-sizing:content;max-height:320px;overflow:auto;outline:none;caret-color:var(--gold)} .se-v141 textarea.sta-v141::placeholder{color:var(--dim);opacity:1} .se-v141 textarea.sta-v141:is(:focus,:focus-visible){border-color:rgba(255,200,97,.7)!important;box-shadow:0 0 0 3px rgba(255,200,97,.1)!important} .se-v141 textarea.sta-v141[readonly]{color:var(--muted)} .se-v141 .sc-foot-v141 .btn-v141:disabled{opacity:.7;cursor:progress} .se-v141 .st-err-v141,.se-v141 .st-fail-v141{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;border:1px solid rgba(248,113,113,.4);border-radius:12px;background:rgba(248,113,113,.06);font-size:12.5px;color:#f3c1c1;flex-wrap:wrap;line-height:1.5} .se-v141 .st-err-v141 .ic-v141,.se-v141 .st-fail-v141 .ic-v141{color:var(--red)} .se-v141 .st-err-v141>span,.se-v141 .st-fail-v141>span{flex:1;min-width:0} .se-v141 .st-err-v141 .link-v141 .ic-v141,.se-v141 .st-fail-v141 .link-v141 .ic-v141{color:inherit} .se-v141 .sfield-v141 .st-fail-v141{margin-top:0;min-height:40px} .se-v141 .parts-v141{margin-top:auto;padding-top:18px} :is(.se-v141,.se-modal-v141) button.oitem-v141{display:block;width:100%;padding:0;color:var(--text);font:inherit;cursor:pointer;min-height:0;transition:border-color .15s ease} :is(.se-v141,.se-modal-v141) button.oitem-v141:hover:not(:disabled){border-color:rgba(255,200,97,.45)} :is(.se-v141,.se-modal-v141) button.oitem-v141:disabled{cursor:default} :is(.se-v141,.se-modal-v141) button.oitem-v141[aria-busy="true"]{border-color:rgba(255,200,97,.6);opacity:.8} :is(.se-v141,.se-modal-v141) button.oitem-v141:disabled:not([aria-busy="true"]){opacity:.55} :is(.se-v141,.se-modal-v141) .oitem-v141 img{display:block} :is(.se-v141,.se-modal-v141) .oitem-v141 div span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} :is(.se-v141,.se-modal-v141) .oimg-v141{display:grid;place-items:center;width:100%;aspect-ratio:16/10;background:radial-gradient(120% 90% at 50% 110%,#2a1d12 0,#15110e 55%,#0f0d0c 100%);color:var(--dim)} .se-v141 .otile-sk-v141{display:block;aspect-ratio:16/13} .se-modal-v141 .olist-v141.all-v141{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:0} .se-v141 .drop-v141[data-se-over]{border-color:rgba(255,200,97,.7);background:rgba(255,200,97,.05)} .se-v141 .drop-v141 .u-v141{text-decoration:underline;text-underline-offset:3px;color:var(--text);font-size:inherit} .se-v141 .drop-v141>span:not(.sp-v141){min-width:0} /* ---------- 发布弹窗 ---------- */ .se-modal-v141 .pd-body-v141{font-size:13.5px;color:var(--muted);line-height:1.6} .se-modal-v141 .pd-body-v141 :where(h3,p,ul,li){margin:0;padding:0} .se-modal-v141 .pd-band-v141{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line2);border-radius:12px;background:rgba(255,255,255,.02);color:var(--text)} .se-modal-v141 .pd-band-v141 .ic-v141{margin-top:3px;flex:none} .se-modal-v141 .pd-band-v141 b{font-weight:600;display:block} .se-modal-v141 .pd-band-v141 small{display:block;font-size:12px;color:var(--dim)} .se-modal-v141 .pd-band-v141 ul{margin-top:4px;list-style:none;display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--muted)} .se-modal-v141 .pd-band-v141[data-se-kind="err"]{border-color:rgba(248,113,113,.45);background:rgba(248,113,113,.06)} .se-modal-v141 .pd-band-v141[data-se-kind="err"] .ic-v141{color:var(--red)} .se-modal-v141 .pd-band-v141[data-se-kind="warn"]{border-color:rgba(255,200,97,.45);background:rgba(255,200,97,.06)} .se-modal-v141 .pd-band-v141[data-se-kind="warn"] .ic-v141{color:var(--gold)} .se-modal-v141 .pd-h-v141{margin-top:16px;font-size:14.5px;font-weight:650;color:var(--text)} .se-modal-v141 .pd-sub-v141{margin-top:2px;font-size:12.5px;color:var(--dim)} .se-modal-v141 .pd-none-v141{margin-top:10px;padding:12px;border:1px dashed var(--line2);border-radius:12px;font-size:12.5px;color:var(--muted)} .se-modal-v141 .pd-samples-v141{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px} .se-modal-v141 .pd-sample-v141{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);cursor:pointer} .se-modal-v141 .pd-sample-v141 input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;pointer-events:none} .se-modal-v141 .pd-sample-v141:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,200,97,.14)} .se-modal-v141 .pd-sample-v141:has(input:focus-visible){outline:2px solid rgba(255,200,97,.6);outline-offset:2px} .se-modal-v141 .pd-thumb-v141{display:block;aspect-ratio:16/10;background:#0c0c0d} .se-modal-v141 .pd-thumb-v141 :is(img,video){display:block;width:100%;height:100%;object-fit:cover} .se-modal-v141 .pd-cap-v141{display:flex;align-items:center;gap:5px;padding:6px 9px;font-size:12px;color:var(--muted)} .se-modal-v141 .pd-sample-v141:has(input:checked) .pd-cap-v141{color:var(--gold2)} .se-modal-v141 .pd-rules-v141{margin-top:8px;padding-left:18px;list-style:disc;display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--muted)} .se-modal-v141 .pd-rules-v141 li{padding-left:2px} .se-modal-v141 .pd-agree-v141{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;color:var(--text);cursor:pointer} .se-modal-v141 .pd-agree-v141 input{width:16px;height:16px;margin:0;padding:0;flex:none;accent-color:var(--gold);cursor:pointer} .se-modal-v141 .pd-err-v141{display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--red);font-size:12.5px} .se-modal-v141 .pd-err-v141[hidden]{display:none} /* ---------- 带按钮的提示（起草好了 · 打开） ---------- */ .se-modal-v141.se-toast-v141{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:120;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border:1px solid rgba(255,200,97,.4);border-radius:999px;background:rgba(20,20,22,.96);box-shadow:0 14px 40px rgba(0,0,0,.5);font-size:13.5px;max-width:calc(100vw - 32px)} .se-modal-v141.se-toast-v141 .x-v141{width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:17px;line-height:1;cursor:pointer;padding:0} .se-modal-v141.se-toast-v141 .x-v141:hover{color:var(--text);background:rgba(255,255,255,.06)} /* ---------- 宽屏：一行字不拉太长（docs/64 §13.4） ---------- 内容框和社区页一样宽以后，中间一栏在 2560 宽时约 1350px，多行输入框里一行能排九十来个字。 一行最多 --se-line（760px，照社区页 .fbody-v140 的 760）： - 说明、提示、AI 建议这些段落直接限宽； - 输入框的外框照样跟着栏宽（和上下几栏对齐），只把右内边距加大，让字在 760px 处换行。 百分比内边距按外面那一层的宽度算，输入框本来就是撑满外面那一层的，所以字宽 = 760（窄于 760 时就是原来的内边距）。 比 760 窄的屏幕上这些规则都不起作用（max() 取回原来的内边距），1920 宽时中间一栏约 700，也不起作用。 */ .se-v141{--se-line:760px} .se-v141 :is(.help-v141,.ltxt-v141,.chg-why-v141,.chg-stale-v141,.same-v141,.ferr-v141,.fwarn-v141,.fok-v141), .se-v141 .fmeta-v141>span:first-child, .se-v141 .dl-v141 span{max-width:var(--se-line)} .se-v141 .centre-v141 .inp-v141{padding-right:max(14px,calc(100% - var(--se-line) - 14px))} .se-v141 .row-v141 .txt-v141,.se-v141 .ai-ask-v141 textarea.ai-ask-in-v141{padding-right:max(0px,calc(100% - var(--se-line)))} .se-v141 textarea.sta-v141{padding-right:max(13px,calc(100% - var(--se-line) - 13px))} /* ---------- 页头左边不许被挤到压住别人（复查 EW-1） ---------- 「返回 · 名字 · 草稿牌」地方不够时只缩名字（省略号），返回和草稿牌不缩，整块也不窄过这两个： 原来整块 min-width:0，名字缩到 0 以后整块还往下缩，草稿牌就伸出去压在右边的进度（或者平板宽时的按钮）上。 用网格排：名字那一栏 minmax(0, max-content)，所以这一块最窄 = 返回 + 草稿牌（min-content 不算名字），最宽 = 三样都不缩。 比 760 窄是手机的样子（名字撑满一行、「…」靠右），照旧用下面那一段的 flex */ /* ---------- 写 skill 的 AI 调用收积分（owner 2026-09-29 第 2 条）---------- 调用之前：按钮旁一行「这次 AI 帮写约 N 积分 · 余额 M」，不够时余额那一截是琥珀色； 不够（或到期、到了每日上限）：按钮灰掉，下面一整条说原因和下一步（照创作页设计稿 design-confirm c-low-credits）； 调用之后：「这次用了 N 积分 · 余额 M」；失败：「没有扣积分」；被积分挡回：「没有开始，也没扣积分」。 */ :is(.se-v141,.se-modal-v141){--se-amber:#e9a13b} :is(.se-v141,.se-modal-v141) .cost-v141{display:block;font-size:11.5px;color:var(--dim);line-height:1.4;white-space:nowrap} :is(.se-v141,.se-modal-v141) .cost-v141 b{font-weight:600;color:var(--muted)} :is(.se-v141,.se-modal-v141) .cost-v141 b[data-se-low]{color:var(--se-amber)} .se-v141 .stage-head-v141 .sh-acts-v141{flex-direction:column;align-items:flex-end;gap:5px} .se-v141 .go-col-v141{display:flex;flex-direction:column;align-items:flex-end;gap:5px;margin-left:auto} .se-v141 .short-v141{display:flex;align-items:center;gap:12px;margin-top:14px;padding:11px 14px 11px 12px;border:1px solid rgba(233,161,59,.32);border-radius:14px;background:linear-gradient(90deg,rgba(233,161,59,.11),rgba(233,161,59,.04))} .se-v141 .short-v141 p{flex:1;min-width:0;font-size:13px;color:var(--muted);line-height:1.55} .se-v141 .short-v141 p b{color:var(--text);font-weight:650;margin-right:6px} .se-v141 .short-v141 .btn-sm-v141{flex:none;white-space:nowrap} .se-v141 .short-ic-v141{width:30px;height:30px;border-radius:50%;background:rgba(233,161,59,.15);color:var(--se-amber);display:grid;place-items:center;flex:none} .se-v141 .short-ic-v141 .ic-v141{width:17px;height:17px} .se-v141 .short-v141[data-se-flash]{animation:se-short-v141 1.2s ease} @keyframes se-short-v141{0%,100%{box-shadow:0 0 0 0 rgba(233,161,59,0)}30%{box-shadow:0 0 0 4px rgba(233,161,59,.35)}} @media (prefers-reduced-motion:reduce){.se-v141 .short-v141[data-se-flash]{animation:none;outline:2px solid rgba(233,161,59,.6);outline-offset:2px}} /* AI 帮写不够积分：段头的按钮和各栏的预设按钮（开场白的四个、帮我想一条）一起灰掉；点了不开工，只是指给人看差多少 */ .se-v141 .ai-btn-v141[data-se-blocked],.se-v141[data-se-credit="short"] .stage-body-v141 [data-se-assist][data-se-preset]{border-color:var(--line)!important;background:var(--surface2)!important;color:var(--dim)!important;box-shadow:none!important;cursor:not-allowed} .se-v141 .ai-btn-v141[data-se-blocked] .ic-v141,.se-v141[data-se-credit="short"] .stage-body-v141 [data-se-assist][data-se-preset] .ic-v141{color:var(--dim)!important} /* AI 正在写：别的 AI 按钮灰一点、光标转圈（一次只写一条，点了只提示一句；复查） */ .se-v141 [data-se-assist][data-se-busy]{cursor:progress} .se-v141 [data-se-assist][data-se-busy]:not([data-se-active]){opacity:.55} .se-v141 .ai-used-v141{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:12px;color:var(--se-ok-text)} .se-v141 .ai-used-v141 .ic-v141{width:12px;height:12px} .se-v141 .nocharge-v141{display:block;margin-top:2px;font-size:12px;color:var(--muted)} .se-v141 .ai-stop-v141,.se-v141 .st-stop-v141{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(233,161,59,.38);border-radius:14px;background:linear-gradient(90deg,rgba(233,161,59,.1),rgba(233,161,59,.03))} .se-v141 .ai-stop-v141{margin:12px 16px 0} .se-v141 .st-stop-v141{margin-top:10px} .se-v141 .ai-stop-v141>div,.se-v141 .st-stop-v141>div{flex:1;min-width:0} .se-v141 .ai-stop-v141 b,.se-v141 .st-stop-v141 b{display:block;font-size:14.5px;color:var(--text);font-weight:650} .se-v141 .ai-stop-v141 p,.se-v141 .st-stop-v141 p{margin:3px 0 10px;font-size:13px;color:var(--muted);line-height:1.55} .se-v141 .ai-stop-v141 .r-v141,.se-v141 .st-stop-v141 .r-v141{display:flex;gap:8px;flex-wrap:wrap} .se-v141 .o-used-v141{display:block;margin-top:2px;color:var(--se-ok-text)} .se-v141 .src-cost-v141{font-size:12px;color:var(--dim)} .se-v141 .src-cost-v141 b{font-weight:600;color:var(--muted)} .se-v141 .src-cost-v141 b[data-se-low]{color:var(--se-amber)} .se-modal-v141 .swap-cost-v141{margin:-4px 0 12px} /* 第 8 段「验收」的最后：保存块（改动 3 的样式在文件末尾 .sb-*） */ .se-v141 .finish-v141{margin-top:22px} .se-v141 .finish-v141:empty{display:none} .se-v141[data-se-expand="1"] .finish-v141{margin-top:28px} /* ====================================================================== */ /* owner 2026-09-29 改动 1 / 3 / 5（设计稿 design-owner4 的 1-model-*、3-save-*、5-publish-*） */ /* ====================================================================== */ /* ---------- 页头：存好的牌子、能点的五步 ---------- */ .se-v141 .chip-saved-v141{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;flex:none;border:1px solid rgba(74,222,128,.3);color:var(--se-ok-text);background:rgba(255,255,255,.03)} .se-v141 .chip-saved-v141 i{width:6px;height:6px;border-radius:50%;background:var(--green)} .se-v141 .steps-v141 .step-v141{cursor:default} .se-v141 .steps-v141 button.step-v141{cursor:pointer} .se-v141 .steps-v141 button.step-v141:hover{color:var(--text)} .se-v141 .steps-v141 button.step-v141:focus-visible{outline:2px solid rgba(255,200,97,.55);outline-offset:2px} .se-v141 .grp-h-v141 .need-v141,.se-v141 .q9-v141 .need-v141{font-size:11px;font-weight:500;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:0 7px;line-height:18px;white-space:nowrap} .se-v141 .link-v141 u{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(154,151,143,.4)} /* ---------- 改动 1：用哪个视频模型拍 ---------- */ .se-v141 .mcards-v141{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px} .se-v141 .mcard-v141{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:12px 14px;position:relative;cursor:pointer;min-width:0;outline:none} .se-v141 .mcard-v141:hover{border-color:var(--line2)} .se-v141 .mcard-v141:focus-visible{box-shadow:0 0 0 3px rgba(255,200,97,.18)} .se-v141 .mcard-v141[aria-checked="true"]{border-color:rgba(255,200,97,.55);background:linear-gradient(180deg,rgba(255,200,97,.07),rgba(255,200,97,.015)),var(--surface)} .se-v141 .mcard-v141[aria-disabled="true"]{opacity:.5;cursor:not-allowed} .se-v141 .mc-t-v141{display:flex;align-items:center;gap:8px;font-weight:650;font-size:14px} .se-v141 .mc-t-v141 .rd-v141{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line2);flex:none} .se-v141 .mcard-v141[aria-checked="true"] .rd-v141{border-color:var(--gold);background:radial-gradient(circle,var(--gold) 0 3.6px,transparent 4.2px)} .se-v141 .mc-max-v141{margin-left:auto;font-size:12px;font-weight:700;color:var(--muted);border:1px solid var(--line2);border-radius:999px;padding:1px 9px;white-space:nowrap} .se-v141 .mcard-v141[aria-checked="true"] .mc-max-v141{color:var(--gold2);background:rgba(255,200,97,.1);border-color:rgba(255,200,97,.3)} .se-v141 .mc-l-v141{margin-top:8px;display:grid;gap:3px} .se-v141 .mc-l-v141 li,.se-v141 .mc-s-v141{font-size:12.5px;color:var(--muted);display:flex;gap:6px;align-items:baseline;line-height:1.5} .se-v141 .mc-l-v141 li::before,.se-v141 .mc-s-v141::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--dim);flex:none;transform:translateY(-2px)} .se-v141 .mc-l-v141 b,.se-v141 .mc-s-v141 b{color:var(--text);font-weight:600} /* 一行要点是一段字（JS 包了一层 span）：圆点之后整句接着排、折行回到句首，不被 flex 拆成几栏（复查 R5） */ .se-v141 .mc-l-v141 li>span,.se-v141 .mc-s-v141>span{min-width:0} .se-v141 .mc-s-v141{display:none} .se-v141 .mc-m-v141{margin-top:8px;font-family:var(--se-mono);font-size:10.5px;color:var(--dim)} .se-v141 .mc-off-v141{display:block;margin-top:6px;font-size:11.5px;color:var(--gold2)} .se-v141 .mnote-v141{margin-top:10px;line-height:1.6} .se-v141 .mnote-v141 b{color:var(--muted);font-weight:600} /* 放不下：红框、三个出路 */ .se-v141 .alert-v141{margin-top:12px;border:1px solid rgba(248,113,113,.4);border-radius:14px;background:linear-gradient(90deg,rgba(248,113,113,.08),rgba(248,113,113,.02));padding:12px 14px} .se-v141 .al-t-v141{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.55;color:var(--text)} .se-v141 .al-t-v141>.ic-v141{color:var(--red);margin-top:2px;width:16px;height:16px} .se-v141 .al-t-v141 b{color:#fff;font-weight:650} .se-v141 .al-a-v141{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-left:24px} .se-v141 .al-cost-v141{display:block;margin-top:6px;padding-left:24px} /* 总时长条 */ .se-v141 .tl-v141{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:#0d0d0e;padding:12px 14px 10px} .se-v141 .tlh-v141{display:flex;align-items:baseline;gap:8px;font-size:12.5px;color:var(--muted);flex-wrap:wrap} .se-v141 .tlh-v141 b{font-size:15px;color:var(--text);font-variant-numeric:tabular-nums} .se-v141 .tlh-v141 [data-se-over]{color:var(--red)} .se-v141 .tlh-v141 .r-v141{margin-left:auto} .se-v141 .bar2-v141{position:relative;height:30px;margin-top:10px;border-radius:8px;background:repeating-linear-gradient(135deg,#131313 0 6px,#161616 6px 12px);box-shadow:inset 0 0 0 1px var(--line)} .se-v141 .sg-v141{position:absolute;top:3px;bottom:3px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--se-gold-ink);white-space:nowrap;overflow:hidden;background:#f2c46b} .se-v141 .sg-v141[data-se-k="b"]{background:#e0b55d} .se-v141 .sg-v141[data-se-est]{background:rgba(242,196,107,.08);box-shadow:inset 0 0 0 1.5px rgba(242,196,107,.55);color:var(--gold2)} .se-v141 .sg-v141[data-se-over]{background:repeating-linear-gradient(135deg,rgba(248,113,113,.75) 0 6px,rgba(248,113,113,.45) 6px 12px);color:#2a0c0c} .se-v141 .sg-m-v141{display:none} .se-v141 .lim-v141{position:absolute;top:-6px;bottom:-6px;width:0;border-left:2px solid var(--gold)} .se-v141 .lim-v141[data-se-k="red"]{border-left-color:var(--red)} .se-v141 .lim-v141[data-se-k="faint"]{border-left:1px dashed #6b6b6b} .se-v141 .ticks-v141{position:relative;height:18px;margin-top:4px;font-size:10.5px;color:var(--dim);font-variant-numeric:tabular-nums} .se-v141 .ticks-v141 span{position:absolute;transform:translateX(-50%);white-space:nowrap} .se-v141 .ticks-v141 span[data-se-k="gold"]{color:var(--gold2);font-weight:600} .se-v141 .ticks-v141 span[data-se-k="red"]{color:var(--red);font-weight:600} .se-v141 .tl-note-v141{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--dim);flex-wrap:wrap} .se-v141 .tl-note-v141 .btn-sm-v141{margin-left:auto} .se-v141 .grp-h-v141 .cnt-v141 b[data-se-over]{color:var(--red)} /* 镜头行：前面多一个「几秒」 */ .se-v141 .row-v141.shot-v141{grid-template-columns:16px 22px auto minmax(0,1fr) auto} .se-v141 .row-v141[data-se-over]{border-color:rgba(248,113,113,.45);background:linear-gradient(90deg,rgba(248,113,113,.07),transparent 60%),var(--surface2)} .se-v141 .secw-v141{position:relative;display:inline-flex;align-items:center} .se-v141 .sec-v141{appearance:none;-webkit-appearance:none;height:26px;padding:0 22px 0 10px;border-radius:999px;border:1px solid rgba(255,200,97,.35);background:rgba(255,200,97,.06);color:var(--gold2);font-family:inherit;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;outline:none;margin:0} .se-v141 .sec-v141:focus-visible{box-shadow:0 0 0 3px rgba(255,200,97,.15)} .se-v141 .sec-v141 option{background:var(--surface2);color:var(--text)} .se-v141 .secw-v141>.ic-v141{position:absolute;right:7px;width:11px;height:11px;color:var(--muted);pointer-events:none} .se-v141 .secw-v141[data-se-nosec] .sec-v141{border-style:dashed;color:var(--muted);background:transparent} .se-v141 .secw-v141[data-se-over] .sec-v141{border-color:rgba(248,113,113,.5);color:#f3a3a3;background:rgba(248,113,113,.07)} .se-v141 .otag-v141{font-size:10.5px;font-weight:700;color:#f3a3a3;border:1px solid rgba(248,113,113,.45);border-radius:999px;padding:0 7px;line-height:18px;white-space:nowrap;margin-right:4px;align-self:center} /* AI 按上限重排的结果 */ .se-v141 .rf-list-v141{margin-top:12px;border-top:1px solid rgba(255,200,97,.14)} .se-v141 .rf-row-v141{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 16px;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px} .se-v141 .rf-sec-v141{font-size:12px;font-weight:700;color:var(--gold2);font-variant-numeric:tabular-nums;white-space:nowrap} .se-v141 .rf-row-v141 s{color:var(--dim)} .se-v141 .rf-x-v141{color:var(--dim);font-size:12px} .se-v141 .tagk-v141[data-se-k="keep"]{color:var(--dim);box-shadow:inset 0 0 0 1px var(--line2)} .se-v141 .tagk-v141[data-se-k="del"]{color:#f3a3a3;background:rgba(248,113,113,.09)} .se-v141 .rf-foot-v141{flex-wrap:wrap} /* 出片：镜头都写了秒数时，默认时长只读 */ .se-v141 .bigsec-v141{display:flex;align-items:baseline;gap:10px;margin-top:10px;flex-wrap:wrap} .se-v141 .bigsec-v141 b{font-size:28px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums} .se-v141 .bigsec-v141>span{font-size:12.5px;color:var(--muted)} .se-v141 .bigsec-v141 .link-v141{margin-left:auto} .se-v141 .bigsec-v141 .link-v141 .ic-v141{width:12px;height:12px} /* ---------- 左栏第 9 步、右栏「保存与发布」 ---------- */ .se-v141 .divl-v141{display:flex;align-items:center;gap:8px;margin:8px 8px 4px;font-size:11px;color:var(--dim);letter-spacing:.02em} .se-v141 .divl-v141::before,.se-v141 .divl-v141::after{content:"";flex:1;height:1px;background:var(--line)} .se-v141 .node-v141[data-se-dashed]{border-style:dashed} .se-v141 .flag-v141[data-se-st="lock"]{color:var(--dim)} .se-v141 .sub-v141 .ok-v141{color:var(--se-ok-text)} .se-v141 .stg-v141[data-se-locked] .nm-v141{color:var(--muted)} .se-v141 .now-v141 .ladder-v141{margin-top:12px} .se-v141 .now-v141 p b{color:var(--text)} .se-v141 .ladder-v141 .ladder-lbl-v141[data-se-state="done"] i{background:var(--muted)} .se-v141 .pub-in9-v141{margin-top:10px;font-size:12.5px;color:var(--muted);line-height:1.55} .se-v141 .pub-in9-v141 b{color:var(--text)} .se-v141 .go9-v141{width:100%;height:36px;margin-top:10px;font-size:13px} /* ---------- 改动 3：第 8 步最后的保存块 ---------- */ .se-v141 .sb-v141{border:1px solid rgba(255,200,97,.45);border-radius:18px;background:radial-gradient(120% 120% at 0 0,rgba(255,200,97,.1),transparent 55%),#121110;padding:16px 18px} .se-v141 .sb-v141[data-se-kind="bad"]{border-color:rgba(248,113,113,.45);background:linear-gradient(180deg,rgba(248,113,113,.06),transparent),#121010} .se-v141 .sb-v141[data-se-kind="done"]{border-color:rgba(74,222,128,.4);background:radial-gradient(120% 120% at 0 0,rgba(74,222,128,.08),transparent 55%),#0f1311} .se-v141 .sb-v141[data-se-rejected]:focus{outline:2px solid rgba(248,113,113,.6);outline-offset:3px} .se-v141 .sb-t-v141{display:flex;align-items:center;gap:8px} .se-v141 .sb-t-v141 b{font-size:15.5px;font-weight:750;line-height:1.35} .se-v141 .sb-t-v141>.ic-v141{color:var(--green)} .se-v141 .sb-v141[data-se-kind="bad"] .sb-t-v141>.ic-v141{color:var(--red)} .se-v141 .sb-v141>p{font-size:13px;color:var(--muted);line-height:1.65;margin-top:6px;text-wrap:pretty} .se-v141 .sb-v141>p b{color:var(--text)} .se-v141 .fin-why-v141{display:block;margin-top:4px;font-size:12.5px;color:#fca5a5;white-space:pre-wrap;word-break:break-word} .se-v141 .sb-warn-v141{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gold2);margin-top:8px} .se-v141 .sb-warn-v141 .ic-v141{width:14px;height:14px;color:var(--gold)} .se-v141 .sb-row-v141{display:flex;align-items:center;gap:12px 14px;margin-top:14px;flex-wrap:wrap} .se-v141 .btn-v141.sb-btn-v141{height:52px;padding:0 26px;font-size:15.5px;border-radius:16px;min-width:220px} .se-v141 .sb-ver-v141{font-size:12px;color:var(--dim);line-height:1.6;min-width:0} .se-v141 .sb-ver-v141 b{color:var(--text);font-family:var(--se-mono);font-weight:500} .se-v141 .sb-ver-v141 .link-v141,.se-v141 .sb-next-v141 .link-v141{font-size:12px} .se-v141 .sb-links-v141{display:flex;flex-direction:column;align-items:flex-start;gap:2px} .se-v141 .sb-ver-v141 textarea.vin-v141{display:block;width:100%;min-width:240px;min-height:0;margin:4px 0 0;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--bg2);color:var(--text);font-size:12.5px;line-height:1.5;font-family:inherit;resize:none;overflow:hidden;field-sizing:content;outline:none;box-shadow:none} .se-v141 .sb-ver-v141 textarea.vin-v141:is(:focus,:focus-visible){border-color:rgba(255,200,97,.6)!important;box-shadow:0 0 0 3px rgba(255,200,97,.08)!important} .se-v141 .sb-next-v141{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-size:12.5px;color:var(--muted)} .se-v141 .sb-next-v141 .link-v141{margin-left:auto} .se-v141 .n9-v141{width:22px;height:22px;border-radius:50%;border:1px dashed var(--line2);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--muted);flex:none} .se-v141 .missl-v141{margin-top:8px;display:grid;gap:6px} .se-v141 .miss-i-v141{display:flex;align-items:center;gap:8px;font-size:13px;text-align:left;width:100%} .se-v141 .miss-i-v141>.ic-v141{color:var(--red);width:15px;height:15px} .se-v141 .miss-i-v141 em{margin-left:auto;font-style:normal;font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:2px;white-space:nowrap} .se-v141 .miss-i-v141:hover em{color:var(--text)} /* ---------- 改动 5：第 9 步「发布」 ---------- */ /* 在第 9 步时右栏收起、中栏变宽；只显示第 9 步（全部展开也一样） */ .se-v141[data-se-stage="publish"] .layout-v141{grid-template-columns:232px minmax(0,1fr)} .se-v141[data-se-stage="publish"] .rrail-v141{display:none} .se-v141[data-se-stage="publish"] .stage-v141:not([data-se-sid="publish"]){display:none} .se-v141 .mdiv-v141{display:none} .se-v141 .s9grp-v141 .grp-h-v141{align-items:center} .se-v141 .tabs2-v141{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--se-pill)} .se-v141 .tabs2-v141 button{height:34px;padding:0 14px;border-radius:9px;color:var(--muted);font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .se-v141 .tabs2-v141 button:hover{color:var(--text)} .se-v141 .tabs2-v141 button[aria-selected="true"]{background:var(--surface3);color:var(--text);box-shadow:inset 0 0 0 1px var(--line2)} .se-v141 .tabs2-v141 button[aria-selected="true"] .ic-v141{color:var(--gold)} .se-v141 .tabs2-v141 em{font-style:normal;font-size:11px;color:var(--dim);font-weight:500} .se-v141 .ws-v141{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:16px;margin-top:14px;align-items:start} .se-v141 .wsl-v141,.se-v141 .wsr-v141{border:1px solid var(--line);border-radius:16px;background:#0d0d0e;padding:14px 16px;min-width:0} .se-v141 .wst-v141{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:650} .se-v141 .wst-v141 small{font-weight:500;color:var(--dim);font-size:12px} .se-v141 .wst-v141 .wst-r-v141{margin-left:auto} .se-v141 .qa9-v141{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)} .se-v141 .qa9-v141[data-se-miss] .q9-v141{color:#f3c1c1} .se-v141 .q9-v141{display:flex;gap:8px;font-size:13px;line-height:1.5} .se-v141 .qn9-v141{width:20px;height:20px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font-size:10.5px;color:var(--muted);font-weight:700;flex:none;margin-top:1px} .se-v141 .qt9-v141{flex:1;min-width:0} .se-v141 .q9-v141 .need-v141{flex:none;align-self:flex-start} .se-v141 .a9-v141{margin:8px 0 0 28px;display:flex;flex-direction:column;align-items:flex-start;gap:8px} .se-v141 .a9-v141 .cats-v141{gap:6px} .se-v141 .a9-v141 .cat-v141{height:28px;font-size:12.5px;padding:0 11px} .se-v141 .inp9-v141{width:100%;height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:var(--surface);color:var(--text);font-size:13px;outline:none;margin:0} .se-v141 .inp9-v141::placeholder{color:var(--dim)} .se-v141 .inp9-v141:is(:focus,:focus-visible){border-color:rgba(255,200,97,.6)!important;box-shadow:0 0 0 3px rgba(255,200,97,.08)!important} .se-v141 .thumbrow-v141{display:flex;align-items:center;gap:10px;width:100%} .se-v141 .thumb9-v141{width:56px;height:56px;border-radius:10px;overflow:hidden;border:1px solid var(--line2);flex:none;display:grid;place-items:center;color:var(--dim);background:var(--surface)} .se-v141 .thumb9-v141 img{width:100%;height:100%;object-fit:cover} .se-v141 .fn9-v141{font-size:12.5px;color:var(--text);min-width:0;flex:1} .se-v141 .fn9-v141 small{display:block;color:var(--dim);font-size:11.5px} .se-v141 .walksum-v141{display:none} .se-v141 .params-v141{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,1.3fr) minmax(0,.8fr);gap:8px;margin-top:14px} .se-v141 .params-v141>div{border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:var(--surface);min-width:0} .se-v141 .params-v141>div[data-se-mob]{display:none} .se-v141 .params-v141 small{display:block;font-size:11px;color:var(--dim)} .se-v141 .params-v141 b{font-size:13px;font-weight:650;display:flex;align-items:center;gap:4px;white-space:nowrap} .se-v141 .params-v141 b .ic-v141{width:11px;height:11px;color:var(--dim)} .se-v141 .selw9-v141{position:relative;display:flex;align-items:center} .se-v141 .selw9-v141 select{appearance:none;-webkit-appearance:none;width:100%;border:0;background:transparent;color:var(--text);font-family:inherit;font-size:13px;font-weight:650;padding:0 16px 0 0;cursor:pointer;outline:none;margin:0} .se-v141 .selw9-v141 select option{background:var(--surface2)} .se-v141 .selw9-v141 .ic-v141{position:absolute;right:0;width:11px;height:11px;color:var(--dim);pointer-events:none} /* 价格和余额：点之前就看得到 */ .se-v141 .price-v141{margin-top:12px;border:1px solid rgba(255,200,97,.3);border-radius:14px;background:linear-gradient(180deg,rgba(255,200,97,.06),rgba(255,200,97,.015));padding:12px 14px} .se-v141 .price-v141[data-se-kind="short"]{border-color:rgba(248,113,113,.4);background:linear-gradient(180deg,rgba(248,113,113,.06),transparent)} .se-v141 .price-v141[data-se-kind="off"]{border:0;background:none;padding:0} .se-v141 .pr-row-v141{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} .se-v141 .pr-row-v141 small{font-size:12px;color:var(--muted)} .se-v141 .pr-row-v141>b{font-size:22px;font-weight:800;color:var(--gold2);font-variant-numeric:tabular-nums} .se-v141 .bal-v141{margin-left:auto;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap} .se-v141 .bal-v141 b{font-size:13px;color:var(--text)} .se-v141 .bal-v141[data-se-low] b{color:var(--red)} .se-v141 .pr-sub-v141{font-size:12px;color:var(--dim);margin-top:2px} .se-v141 .pr-sub-v141[data-se-mob],.se-v141 .pr-hold-v141 [data-se-mob],.se-v141 .racts-v141 [data-se-mob]{display:none} .se-v141 .pr-hold-v141{display:flex;gap:6px;align-items:flex-start;font-size:12px;color:var(--muted);margin-top:8px;line-height:1.55} .se-v141 .pr-hold-v141 .ic-v141{color:var(--gold);margin-top:2px} .se-v141 .btn-v141.pr-btn-v141{width:100%;margin-top:10px} .se-v141 .pr-alt-v141{display:flex;gap:8px;margin-top:8px;justify-content:center;flex-wrap:wrap} .se-v141 .pr-err-v141{display:flex;align-items:flex-start;gap:6px;margin-top:8px;font-size:12.5px;color:#f3c1c1;line-height:1.5;flex-wrap:wrap} .se-v141 .pr-err-v141 .ic-v141{color:var(--red);margin-top:2px} .se-v141 .pr-err-v141 .link-v141{color:var(--gold2)} .se-v141 .pr-note-v141{display:flex;gap:6px;align-items:flex-start;margin-top:8px;font-size:12px;color:var(--gold2);line-height:1.55} .se-v141 .pr-note-v141 .ic-v141{color:var(--gold);margin-top:2px} /* 做出来的：播放器、用这条当示例、再生成、历史 */ .se-v141 .player-v141{position:relative;width:224px;max-width:100%;aspect-ratio:9/16;border-radius:14px;overflow:hidden;margin:12px auto 0;border:1px solid var(--line2);background:#000} .se-v141 .player-v141 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} .se-v141 .player-v141[data-se-old]{opacity:.55} .se-v141 .pl-src-v141{position:absolute;top:8px;left:8px;pointer-events:none} .se-v141 .pl-play-v141{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(10,10,12,.55);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;color:#fff} .se-v141 .pl-play-v141 .ic-v141{width:20px;height:20px;margin-left:3px;fill:currentColor} .se-v141 .player-v141[data-se-playing] .pl-play-v141,.se-v141 .player-v141[data-se-playing] .pl-dur-v141,.se-v141 .player-v141[data-se-playing] .pl-ai-v141{display:none} .se-v141 .pl-dur-v141{position:absolute;left:8px;bottom:8px;font-size:11px;padding:2px 7px;border-radius:999px;background:rgba(10,10,12,.6);color:#eee;font-variant-numeric:tabular-nums;pointer-events:none} .se-v141 .pl-ai-v141{position:absolute;right:8px;bottom:8px;font-size:10.5px;font-weight:600;color:#f2eee4;padding:2px 7px;border-radius:6px;background:rgba(10,10,12,.62);border:1px solid rgba(255,255,255,.16);white-space:nowrap;pointer-events:none} .se-v141 .srcchip-v141{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;background:rgba(10,10,12,.66);border:1px solid rgba(255,255,255,.14);color:#d6d1c4} .se-v141 .srcchip-v141 .ic-v141{width:11px;height:11px} .se-v141 .srcchip-v141[data-se-k="gen"]{color:var(--gold2);border-color:rgba(255,200,97,.4)} .se-v141 .srcchip-v141[data-se-k="up"]{color:#7dd3fc;border-color:rgba(125,211,252,.45)} .se-v141 .rmeta-v141{text-align:center;font-size:11.5px;color:var(--dim);margin-top:8px} .se-v141 .pick-v141{display:flex;justify-content:center;margin-top:10px} .se-v141 .pick-v141 span,.se-v141 .pick-v141 button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:999px;font-size:12.5px;font-weight:700} .se-v141 .pick-v141 span[data-se-on]{border:1px solid rgba(255,200,97,.55);background:rgba(255,200,97,.1);color:var(--gold2)} .se-v141 .pick-v141 button{border:1px solid var(--line2);color:var(--text)} .se-v141 .pick-v141 button:hover{border-color:rgba(255,200,97,.55)} .se-v141 .racts-v141{display:flex;gap:6px;justify-content:center;margin-top:10px;flex-wrap:wrap} .se-v141 .hist9-v141{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);align-items:center;flex-wrap:wrap} .se-v141 .h9-v141{width:44px;aspect-ratio:9/16;border-radius:8px;overflow:hidden;border:1px solid var(--line2);flex:none;padding:0;background:#000} .se-v141 .h9-v141 img{width:100%;height:100%;object-fit:cover} .se-v141 .h9-v141[aria-pressed="true"]{box-shadow:0 0 0 2px rgba(255,200,97,.3)} .se-v141 .h9-v141[data-se-sel]{border:2px solid var(--gold)} .se-v141 .h9-v141[data-se-old]{opacity:.35} .se-v141 .hist9-v141 small{font-size:11.5px;color:var(--dim);line-height:1.5;flex:1;min-width:120px} .se-v141 .rs-empty-v141{margin-top:12px;border:1px dashed var(--line2);border-radius:14px;padding:26px 14px;text-align:center;color:var(--dim);font-size:12.5px;line-height:1.6} .se-v141 .rs-empty-v141>.ic-v141{width:26px;height:26px;color:rgba(255,200,97,.55);margin:0 auto 6px;display:block} .se-v141 .rs-empty-v141[data-se-small]{padding:18px 14px} /* 生成中 */ .se-v141 .prog-v141{margin-top:12px} .se-v141 .pstep-v141{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);padding:5px 0} .se-v141 .pd-v141{width:18px;height:18px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;flex:none} .se-v141 .pd-v141 .ic-v141{width:11px;height:11px} .se-v141 .pstep-v141[data-se-st="done"]{color:var(--text)} .se-v141 .pstep-v141[data-se-st="done"] .pd-v141{border-color:rgba(74,222,128,.4);background:var(--se-ok-bg);color:var(--se-ok-text)} .se-v141 .pstep-v141[data-se-st="now"]{color:var(--gold2);font-weight:650} .se-v141 .pstep-v141[data-se-st="now"] .pd-v141{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,200,97,.15)} .se-v141 .pstep-v141[data-se-st="now"] .pd-v141::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)} .se-v141 .pbar-v141{height:6px;border-radius:6px;background:var(--surface3);overflow:hidden;margin:4px 0 6px 26px} .se-v141 .pbar-v141 i{display:block;height:100%;background:linear-gradient(90deg,var(--se-gold-b),var(--se-gold-a));border-radius:6px} .se-v141 .tip-v141{margin-top:12px;border:1px solid rgba(255,200,97,.3);border-radius:14px;background:var(--se-warn-bg);padding:10px 14px;font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:flex-start;line-height:1.6} .se-v141 .tip-v141>.ic-v141{color:var(--gold);margin-top:3px} .se-v141 .tip-v141 b{color:var(--text)} .se-v141 .gen-acts-v141{display:flex;gap:8px;margin-top:10px} .se-v141 .gen-fail-v141{margin:0 0 12px} /* 上传示例 */ .se-v141 .upw-v141{margin-top:14px;max-width:720px} .se-v141 .drop-v141{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;border:1.5px dashed var(--line2);border-radius:14px;padding:18px;text-align:center;color:var(--muted);font-size:13px} .se-v141 .drop-v141:hover:not([aria-disabled="true"]){border-color:#55524a;color:var(--text)} .se-v141 .drop-v141>.ic-v141{width:26px;height:26px;color:var(--gold)} .se-v141 .drop-v141 small{display:block;color:var(--dim);font-size:11.5px} .se-v141 .upfile-v141{display:flex;gap:12px;align-items:center;border:1px solid var(--line2);border-radius:14px;padding:10px 12px;background:var(--surface)} .se-v141 .upv-v141{width:48px;aspect-ratio:9/16;border-radius:8px;overflow:hidden;flex:none;background:#000} .se-v141 .upv-v141 video{width:100%;height:100%;object-fit:cover;display:block} .se-v141 .decls-v141{margin-top:10px;display:grid;gap:8px} .se-v141 .decl-v141{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.55;color:var(--text);cursor:pointer} .se-v141 .decl-v141 input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--gold);flex:none} .se-v141 .btn-v141.up-go-v141{margin-top:12px} /* 封面 */ .se-v141 .cvw-v141{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;margin-top:14px;align-items:start} .se-v141 .frames-v141{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .se-v141 .frames-v141[data-se-two]{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px} .se-v141 .fr-v141{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;border:1px solid var(--line2);background:#000;padding:0;display:block;width:100%} .se-v141 .fr-v141 video,.se-v141 .fr-v141 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none} .se-v141 .fr-v141>span{position:absolute;left:6px;bottom:5px;font-size:10.5px;padding:1px 6px;border-radius:999px;background:rgba(10,10,12,.6);color:#eee;font-variant-numeric:tabular-nums} .se-v141 .fr-v141[aria-pressed="true"]{border:2px solid var(--gold);box-shadow:0 0 0 3px rgba(255,200,97,.15)} .se-v141 .fr-v141[aria-pressed="true"]::after{content:"";position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1307' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.2 4.2L19 7'/%3E%3C/svg%3E") center/12px no-repeat} .se-v141 .cv-gen-v141{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap} .se-v141 .cv-gen-v141 .qnote-v141{margin-top:0} .se-v141 .cv-mob-v141,.se-v141 .cv-chip-m-v141,.se-v141 .cv-mob-note-v141{display:none} .se-v141 .pvlab-v141{font-size:12px;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:6px} .se-v141 .pvlab-v141 .srcchip-v141{margin-left:auto} .se-v141 .ccard-v141{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden} .se-v141 .ccv-v141{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--surface2);display:grid;place-items:center} .se-v141 .ccv-v141>img,.se-v141 .ccv-v141>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .se-v141 .rep-v141{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(10,10,12,.58);color:#d6d1c4;font-size:11px} .se-v141 .cbd-v141{padding:12px 14px 14px} .se-v141 .cbd-v141 h4{font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .se-v141 .cbd-v141 p{margin-top:2px;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.5em} .se-v141 .cacts-v141{margin-top:12px;display:grid;grid-template-columns:1fr 1fr auto;gap:6px} .se-v141 .cacts-v141>span{height:32px;border-radius:999px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;padding:0 10px;border:1px solid var(--line);color:var(--muted)} .se-v141 .cacts-v141>span:first-child{background:var(--surface3);border-color:var(--line2);color:var(--text)} .se-v141 .cacts-v141>span[data-se-ed]{border-color:rgba(255,200,97,.45);color:var(--gold2);background:rgba(255,200,97,.06)} /* 准备好了吗 */ .se-v141 .ready-v141{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px} .se-v141 .rbox-v141{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#0d0d0e;min-width:0} .se-v141 .rbox-v141 h6{font-size:13px;font-weight:700;margin-bottom:4px} .se-v141 .rbox-v141 h6 small{font-size:11.5px;color:var(--dim);font-weight:500;margin-left:6px} .se-v141 .ri-v141{display:flex;gap:8px;align-items:flex-start;padding:6px 0;font-size:12.5px;color:var(--text);line-height:1.5} .se-v141 .ri-v141>.ic-v141{width:15px;height:15px;margin-top:2px;color:var(--green)} .se-v141 .ri-v141[data-se-st="todo"]>.ic-v141{color:var(--dim)} .se-v141 .ri-v141[data-se-st="bad"]>.ic-v141{color:var(--red)} .se-v141 .ri-v141[data-se-st="bad"]>span{color:#f3c1c1} .se-v141 .ri-v141 small{display:block;color:var(--dim);font-size:11.5px} /* 手机上的两行摘要（设计稿 5-publish-390 的 ③，复查 R7）：桌面不显示 */ .se-v141 .ready-m-v141{display:none} /* 最后两个按钮、发布会怎样 */ .se-v141 .final-v141{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px} .se-v141 .final-v141[data-se-one]{grid-template-columns:minmax(0,1fr)} .se-v141 .optc-v141{border:1px solid var(--line2);border-radius:18px;background:var(--surface);padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-width:0} .se-v141 .optc-v141[data-se-gold]{border-color:rgba(255,200,97,.5);background:radial-gradient(120% 90% at 100% 0,rgba(255,200,97,.12),transparent 60%),var(--surface)} .se-v141 .ot-v141{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:750} .se-v141 .oic-v141{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);color:var(--text);flex:none} .se-v141 .optc-v141[data-se-gold] .oic-v141{border-color:rgba(255,200,97,.5);color:var(--gold);background:rgba(255,200,97,.08)} .se-v141 .optc-v141 p{font-size:12.5px;color:var(--muted);line-height:1.6;min-height:40px} .se-v141 .btn-v141.opt-btn-v141{margin-top:6px;width:100%;height:52px;border-radius:16px;font-size:15.5px;white-space:normal} .se-v141 .opt-btn-v141 em{font-style:normal;font-weight:500;font-size:12.5px;opacity:.85} .se-v141 .promise-v141{margin-top:14px;border:1px solid var(--line);border-radius:16px;background:#0d0d0e;padding:14px 16px} .se-v141 .promise-v141 h6{font-size:13.5px;font-weight:700;margin-bottom:6px} .se-v141 .prow-v141{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .se-v141 .pr-v141,.se-v141 .pr-mob-v141{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);line-height:1.6;min-width:0} .se-v141 .pr-v141 b,.se-v141 .pr-mob-v141 b{display:flex;align-items:center;gap:6px;color:var(--text);font-size:13px} .se-v141 .pr-v141 b .ic-v141,.se-v141 .pr-mob-v141 b .ic-v141{width:15px;height:15px;color:var(--gold)} .se-v141 .pr-mob-v141{display:none} /* 存为我的 skill 之后、提交之后 */ .se-v141 .kept-v141{margin-top:18px} .se-v141 .toastp-v141{display:flex;gap:10px;align-items:center;border:1px solid rgba(74,222,128,.35);background:var(--se-ok-bg);border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.55} .se-v141 .toastp-v141>.ic-v141{color:var(--green)} .se-v141 .toastp-v141 b{color:#fff} .se-v141 .kept-acts-v141,.se-v141 .rev-acts-v141{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} .se-v141 .rev-v141{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:var(--bg2);padding:16px 18px} .se-v141 .rev-v141 h5{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:8px} .se-v141 .rev-v141 h5 .ic-v141{color:var(--gold)} .se-v141 .rev-v141 p{font-size:12.5px;color:var(--muted);line-height:1.65;margin-top:6px} .se-v141 .tline-v141{display:flex;align-items:flex-start;margin-top:12px;max-width:520px} .se-v141 .tline-v141>span{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11.5px;color:var(--dim);text-align:center;position:relative} .se-v141 .tline-v141 i{width:12px;height:12px;border-radius:50%;background:var(--line2);position:relative;z-index:1} .se-v141 .tline-v141>span[data-se-st="done"]{color:var(--text)} .se-v141 .tline-v141>span[data-se-st="done"] i{background:var(--green)} .se-v141 .tline-v141>span[data-se-st="now"]{color:var(--gold2);font-weight:650} .se-v141 .tline-v141>span[data-se-st="now"] i{background:var(--gold);box-shadow:0 0 0 4px rgba(255,200,97,.18)} .se-v141 .tline-v141>span:not(:last-child)::after{content:"";position:absolute;top:5px;left:50%;width:100%;height:2px;background:var(--line2)} .se-v141 .tline-v141>span[data-se-st="done"]:not(:last-child)::after{background:rgba(74,222,128,.5)} /* 发布弹窗：一行摘要 */ .se-modal-v141 .pd-sum-v141{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px;background:#0f0f10;margin-bottom:6px} .se-modal-v141 .pd-sum-c-v141{width:84px;aspect-ratio:16/10;border-radius:8px;overflow:hidden;flex:none;background:#000;position:relative} .se-modal-v141 .pd-sum-c-v141 img,.se-modal-v141 .pd-sum-c-v141 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} .se-modal-v141 .pd-sum-v141 b{font-size:13.5px;color:var(--text);display:block} .se-modal-v141 .pd-sum-v141 small{font-size:11.5px;color:var(--dim)} /* ---------- 运营模式：官方 skill 的草稿（docs/65 第 8 节，设计稿 design-official/3-editor-operator-1440） ---------- */ /* 蓝色是运营模式自己的颜色（设计稿 --blue #7cb8f5）；宿主的 --blue 各层不一样，这里自己定 */ :is(.se-v141,.se-modal-v141){--se-op:#7cb8f5;--se-op-ink:#06121f;--se-op-text:#c4dcf5;--se-op-soft:#9fbfe0;--se-op-line:rgba(124,184,245,.4);--se-op-bg:rgba(124,184,245,.08)} .se-v141 .chip-op-v141{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap;flex:none;border:1px solid var(--se-op-line);color:var(--se-op);background:var(--se-op-bg)} .se-v141 .chip-op-v141 .ic-v141{width:12px;height:12px} .se-v141 .op-pill-v141{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;background:var(--se-op);color:var(--se-op-ink);font-weight:800;font-size:12px;white-space:nowrap;flex:none} .se-v141 .op-pill-v141 .ic-v141{width:12px;height:12px} /* 条幅：页头上面一条（照设计稿的 opbar） */ .se-v141 .opbar-v141{display:flex;align-items:center;gap:14px;margin-top:16px;padding:11px 16px;border-radius:14px;border:1px solid var(--se-op-line);background:linear-gradient(90deg,rgba(124,184,245,.1),rgba(124,184,245,.02) 70%);font-size:13px;color:var(--se-op-text);min-width:0} .se-v141 .opb-1-v141{display:flex;align-items:center;gap:14px;min-width:0} .se-v141 .opb-t-v141{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0} .se-v141 .opbar-v141 code{font-family:var(--se-mono);font-size:12.5px;color:var(--text)} .se-v141 .opbar-v141 [data-user-content]{color:var(--text)} .se-v141 .opb-sep-v141{width:1px;height:18px;background:rgba(124,184,245,.3);flex:none} .se-v141 .opb-f-v141{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* 右边三句让位（复查 R-06）：目标（官方编号）和起点先按原长排，右边那组只拿剩下的地方（flex-basis 0），不再把编号、起点挤成省略号。 剩下的地方放不下三句时换成短的一句「只有运营看得到 · 剩 N」（opb-rs，和平板、手机的 opb-m 同一句）：按语言估的宽度 （中文三句约 390px、英文约 620px，余额位数多一点留了余量）用容器查询切换。估小了、或者浏览器不认容器查询时， 照旧整句折到看不见的第二行（先掉最后一句），看得见的不截；估大了只是早一点换成短的 */ .se-v141 .opb-r-v141{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:14px;row-gap:20px;white-space:nowrap;color:var(--se-op-soft);font-size:12.5px;line-height:18px;flex:1 1 0;min-width:0;max-height:18px;overflow:hidden;container:opr-v141 / inline-size} .se-v141 .opb-r-v141>span{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis} .se-v141 .opb-r-v141>.opb-rs-v141{display:none} @container opr-v141 (max-width:419px){ .se-v141 .opb-r-v141>span{display:none} .se-v141 .opb-r-v141>.opb-rs-v141{display:block} } @container opr-v141 (max-width:649px){ .se-v141:lang(en) .opb-r-v141>span{display:none} .se-v141:lang(en) .opb-r-v141>.opb-rs-v141{display:block} } .se-v141 .opb-m-v141{display:none} /* 确认卡（?edit-skill=official-new，还没建草稿） */ .se-v141 .opentry-v141{grid-column:1/-1;display:flex;justify-content:center;padding:36px 0 64px} .se-v141 .ope-card-v141{width:100%;max-width:620px;border:1px solid var(--se-op-line);border-radius:20px;background:radial-gradient(120% 90% at 0 0,rgba(124,184,245,.08),transparent 55%),var(--bg2);padding:24px 26px} .se-v141 .ope-card-v141 h2{font-size:21px;font-weight:750;margin-top:14px} .se-v141 .ope-card-v141>p{margin-top:6px;font-size:13.5px;color:var(--muted);line-height:1.65;text-wrap:pretty} .se-v141 .ope-rows-v141{margin-top:16px;display:grid;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#0d0d0e} .se-v141 .ope-rows-v141 li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--text);line-height:1.55;min-width:0} .se-v141 .ope-rows-v141 li>.ic-v141{width:16px;height:16px;color:var(--se-op);margin-top:2px;flex:none} .se-v141 .ope-rows-v141 li>span{min-width:0;overflow-wrap:anywhere} .se-v141 .ope-rows-v141 b{font-weight:600;color:var(--muted);margin-right:4px} .se-v141 .ope-rows-v141 code{font-family:var(--se-mono);font-size:12.5px} .se-v141 .ope-note-v141{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:12.5px;color:var(--se-op-text);line-height:1.6} .se-v141 .ope-note-v141 .ic-v141{color:var(--se-op);margin-top:2px;flex:none} .se-v141 .ope-acts-v141{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap} .se-v141 .ope-acts-v141 .btn-v141{height:42px;padding:0 20px} /* 开始页只有两张卡片（用一句话起草、空白开始） */ .se-v141 .sgrid-v141[data-se-op]{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)} /* 第 9 步：状态框（已提交 / 被退回 / 已发布） */ .se-v141 .opst-v141{margin-top:16px;border:1px solid var(--line);border-radius:16px;background:var(--bg2);padding:14px 18px} .se-v141 .opst-v141 h5{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:8px} .se-v141 .opst-v141 h5 .ic-v141{width:17px;height:17px} .se-v141 .opst-v141[data-se-kind="wait"] h5 .ic-v141{color:var(--gold)} .se-v141 .opst-v141[data-se-kind="bad"]{border-color:rgba(248,113,113,.45);background:linear-gradient(180deg,rgba(248,113,113,.06),transparent),#121010} .se-v141 .opst-v141[data-se-kind="bad"] h5 .ic-v141{color:var(--red)} .se-v141 .opst-v141[data-se-kind="ok"]{border-color:rgba(74,222,128,.4);background:radial-gradient(120% 120% at 0 0,rgba(74,222,128,.08),transparent 55%),#0f1311} .se-v141 .opst-v141[data-se-kind="ok"] h5 .ic-v141{color:var(--green)} .se-v141 .opst-v141 p{font-size:13px;color:var(--muted);line-height:1.65;margin-top:6px;overflow-wrap:anywhere} .se-v141 .opst-v141[data-se-kind="bad"] p [data-user-content]{color:#f3c1c1;white-space:pre-wrap} .se-v141 .opst-v141 .opst-hint-v141{color:var(--dim);font-size:12.5px} .se-v141 .opst-acts-v141{display:flex;gap:8px;margin-top:12px} /* 上架信息 */ .se-v141 .opt-op-v141{font-size:11px;font-weight:600;padding:0 7px;line-height:18px;border-radius:6px;border:1px solid var(--se-op-line);color:var(--se-op);white-space:nowrap} .se-v141 .opl-v141{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:12px} .se-v141 .opf-v141{display:flex;flex-direction:column;gap:6px;min-width:0} .se-v141 .opf-wide-v141{grid-column:1/-1} .se-v141 .opf-l-v141{display:flex;align-items:baseline;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted)} .se-v141 .opcnt-v141{margin-left:auto;font-style:normal;font-weight:500;font-size:11.5px;color:var(--dim);font-variant-numeric:tabular-nums} .se-v141 .optags-v141{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;padding:7px 10px;border:1px solid var(--line2);border-radius:12px;background:#0e0e10;align-items:center} .se-v141 .optag-v141{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 11px;border-radius:999px;border:1px solid var(--line2);font-size:12.5px;color:var(--muted);white-space:nowrap} .se-v141 .optag-v141:hover{color:var(--text);border-color:var(--muted)} .se-v141 .optag-v141[aria-checked="true"]{border-color:rgba(255,200,97,.55);color:var(--gold2);background:rgba(255,200,97,.08)} .se-v141 .optag-v141[data-se-unknown]{border-style:dashed} .se-v141 .optag-v141 .ic-v141{width:12px;height:12px} .se-v141 .op-dim-v141{font-size:11.5px;color:var(--dim)} .se-v141 .op-warn-v141{font-size:11.5px;color:var(--gold2)} .se-v141 .opsw-v141{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:1px solid var(--line2);border-radius:12px;background:#0e0e10;font-size:13px;color:var(--muted);text-align:left;width:100%} .se-v141 .opsw-v141 i{position:relative;width:36px;height:20px;border-radius:999px;background:#333;flex:none;transition:background .15s} .se-v141 .opsw-v141 i::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#888;transition:left .15s,background .15s} .se-v141 .opsw-v141[aria-checked="true"]{color:var(--text)} .se-v141 .opsw-v141[aria-checked="true"] i{background:rgba(255,200,97,.45)} .se-v141 .opsw-v141[aria-checked="true"] i::after{left:19px;background:var(--gold)} .se-v141 .opin-v141{display:block;width:100%;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--line2);background:#0e0e10;color:var(--text);font-size:13.5px;font-family:inherit;outline:none;box-shadow:none;margin:0} .se-v141 .opin-v141:is(:focus,:focus-visible){border-color:rgba(255,200,97,.6)!important;box-shadow:0 0 0 3px rgba(255,200,97,.08)!important;outline:none!important} .se-v141 .opcredit-v141{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:1px dashed var(--line2);border-radius:12px;font-size:13px;color:var(--muted);overflow-wrap:anywhere} .se-v141 .opcredit-v141 .ic-v141{flex:none} .se-v141 .opta-v141{margin-top:12px;min-height:64px} /* 封面：运营模式不画社区卡片，挑帧的格子占满一行 */ .se-v141 .cvw-v141[data-se-op]{grid-template-columns:minmax(0,1fr)} .se-v141 .cvw-v141[data-se-op] .frames-v141:not([data-se-two]){grid-template-columns:repeat(6,minmax(0,1fr))} /* 提交框（照设计稿的 subm） */ .se-v141 .opsub-v141{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:center;margin-top:22px;border:1px solid rgba(255,200,97,.45);border-radius:16px;padding:18px 20px;background:linear-gradient(180deg,rgba(255,200,97,.07),transparent),#141414} .se-v141 .opsub-l-v141 h3{font-size:16px;font-weight:750;display:flex;align-items:center;gap:8px} .se-v141 .opsub-l-v141 h3 .ic-v141{color:var(--gold);width:18px;height:18px} .se-v141 .opsub-l-v141>p{font-size:12.5px;color:var(--muted);line-height:1.7;margin-top:4px;text-wrap:pretty} .se-v141 .opchk-v141{margin-top:8px} .se-v141 .opsub-r-v141{display:flex;flex-direction:column;gap:10px;min-width:0} .se-v141 .btn-v141.opsub-btn-v141{width:100%;height:50px;font-size:15.5px;border-radius:999px} .se-v141 .opsub-btn-v141 em{font-style:normal;font-weight:500;opacity:.85} .se-v141 .opwhy-v141{display:flex;gap:7px;align-items:flex-start;font-size:12.5px;color:var(--gold2);line-height:1.55} .se-v141 .opwhy-v141 .ic-v141{color:var(--gold);flex:none;margin-top:2px} .se-v141 .operr-v141 ul{margin-top:4px;padding-left:16px;list-style:disc} .se-v141 .operr-v141 li{margin-top:2px} .se-v141 .opnocomm-v141{display:flex;align-items:flex-start;gap:7px;font-size:11.5px;color:var(--dim);line-height:1.55} .se-v141 .opnocomm-v141 .ic-v141{flex:none;margin-top:2px} @media (min-width:761px){ .se-v141 .ed-title-v141{display:grid;grid-auto-flow:column;grid-template-columns:max-content minmax(0,max-content);grid-auto-columns:max-content;min-width:min-content} } /* ---------- 窄一点的桌面 ---------- */ /* 进度除了当前这一步只留圆圈、不写字：内容框窄于 1440 时都这样。 内容框和社区页一个公式（上面 .wrap-v141），宽度只跟视口有关：视口 1232–1800 一直是 1200，再宽是「视口 − 600」， 所以照视口写——视口 2039 及以下 = 内容框 1439 及以下。原来的 1360 是按老的内容框（视口 − 48）定的： 换成新公式以后，1361–2039 之间五步的字全亮出来却没有地方，名字被挤成「夜..」、英文界面连名字都没了（复查 EW-1）。 1440 是量出来的：页头一行（名字 + 草稿牌 + 五步带字 + 「还差几处才能保存」+ 保存）最宽的是英文界面、起草过还没存的那种，约 1405； 再留一条滚动条（17px）的余量。改 .wrap-v141 的公式时这里要跟着算 */ @media (max-width:2039px){ .se-v141 .step-v141:not([aria-current="step"]) .st-l-v141{display:none} .se-v141 .step-v141:not([aria-current="step"]){padding:0 5px} } @media (max-width:1180px){ .se-v141 .layout-v141{grid-template-columns:200px minmax(0,1fr) 300px} .se-v141 .steps-v141{display:none} /* 改动 1 / 3 / 5（design-owner4） */ .se-v141[data-se-stage="publish"] .layout-v141{grid-template-columns:200px minmax(0,1fr)} .se-v141 .ws-v141{grid-template-columns:minmax(0,1fr) 300px} .se-v141 .cvw-v141{grid-template-columns:minmax(0,1fr) 260px} .se-v141 .prow-v141{grid-template-columns:repeat(2,minmax(0,1fr))} /* 运营模式（docs/65 第 8 节） */ .se-v141 .opsub-v141{grid-template-columns:minmax(0,1fr) 280px} .se-v141 .opb-r-v141>span:nth-child(3){display:none} } /* 不显示进度的宽度（761–1180）：名字、草稿牌和右边的视图 / 「还差几处」/ 保存一行放不下时，右边那组换到第二行（靠右）， 不再把名字挤没、也不让草稿牌压到按钮上；放得下时和原来一样是一行 */ @media (max-width:1180px) and (min-width:761px){ .se-v141 .ed-head-v141{flex-wrap:wrap;row-gap:8px} } /* 平板宽（比 980 窄、比 760 宽）：三栏时中间一栏只剩两百来 px（768 宽时 196px，标题一行一个字）。 右栏（检查、别人看到的样子、保存与发布）挪到中间一栏下面、和它一样宽，左栏照旧吸顶； 比 760 窄是下面手机的手风琴（那里把两栏改成一栏、右栏拆开排，这两句不再起作用） */ @media (max-width:980px){ .se-v141 .layout-v141{grid-template-columns:200px minmax(0,1fr)} .se-v141 .rrail-v141{grid-column:2} /* 改动 1 / 3 / 5（design-owner4） */ .se-v141 .ws-v141,.se-v141 .cvw-v141,.se-v141 .ready-v141,.se-v141 .final-v141{grid-template-columns:minmax(0,1fr)} .se-v141 .params-v141{grid-template-columns:repeat(2,minmax(0,1fr))} /* 运营模式（docs/65 第 8 节） */ .se-v141 .opsub-v141,.se-v141 .opl-v141{grid-template-columns:minmax(0,1fr)} .se-v141 .opb-r-v141{display:none} .se-v141 .opb-m-v141{display:inline;margin-left:auto;white-space:nowrap;color:var(--se-op-soft);font-size:12.5px;flex:none} } /* 左栏跨两行（复查 EW-2）：原来左栏只在第一行，第一行的高度 = 左栏和中间一栏里高的那个（左栏约 1000px）， 「合成」「出片」这种短的段下面空出几百 px 才是右栏。现在第一行只有中间一栏那么高，右栏紧跟在下面（隔 20px）； 左栏比两行加起来还高时，多出来的高度只给第二行（1fr），第一行不变。左栏照旧吸顶（吸在跨两行的格子里） */ @media (max-width:980px) and (min-width:761px){ .se-v141 .layout-v141{grid-template-rows:auto 1fr} .se-v141 .lrail-v141{grid-row:1 / span 2} } /* ---------- 手机：一段一段的手风琴 ---------- */ @media (max-width:760px){ .se-v141 .wrap-v141{padding:0 16px} .se-v141 .ed-head-v141{flex-wrap:wrap;gap:10px;padding:14px 0 12px} .se-v141 .ed-title-v141{flex:1 1 100%} .se-v141 .ed-title-v141 h1{font-size:19px;flex:1 1 auto} .se-v141 .more-wrap-v141{display:inline-flex} .se-v141 .more-btn-v141{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);color:var(--muted);flex:none;position:relative} .se-v141 .more-btn-v141 .ic-v141{width:16px;height:16px} .se-v141 .more-menu-v141{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:150px;padding:5px;border:1px solid var(--line2);border-radius:12px;background:var(--surface2);box-shadow:0 14px 40px rgba(0,0,0,.5);display:flex;flex-direction:column} .se-v141 .more-menu-v141[hidden]{display:none} .se-v141 .more-menu-v141 button{height:34px;padding:0 10px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)} .se-v141 .steps-v141{display:flex;margin-left:0;flex:1 1 100%;justify-content:space-between} .se-v141 .step-v141{padding:0 4px} .se-v141 .step-v141:not([aria-current="step"]) .st-l-v141{display:none} .se-v141 .step-v141[aria-current="step"]{padding:0 10px 0 5px} .se-v141 .step-sep-v141{flex:1;width:auto;min-width:8px} .se-v141 .ed-acts-v141{display:flex;margin-left:0;flex:1 1 100%} .se-v141 .ed-acts-v141 .view-seg-v141{flex:1;display:grid;grid-template-columns:1fr 1fr} .se-v141 .ed-acts-v141 .view-seg-v141 button{justify-content:center} .se-v141 .ed-acts-v141 .block-note-v141,.se-v141 .ed-acts-v141 .save-btn-v141{display:none} .se-v141 .layout-v141{grid-template-columns:minmax(0,1fr);gap:12px;padding-bottom:16px} .se-v141 .lrail-v141{display:none} .se-v141 .rrail-v141{display:contents} .se-v141 .ck-v141{order:-1} .se-v141 .centre-v141{order:0} .se-v141 .pv-v141{order:1} .se-v141 .pub-v141{order:2} .se-v141 .origin-v141{flex-wrap:wrap;padding:10px 12px;margin-bottom:0} .se-v141 .origin-v141 .o-t-v141{flex:1 1 calc(100% - 30px)} .se-v141 .origin-v141 .r-v141{flex:1 1 100%;padding-left:26px} .se-v141 .ck-foot-v141{display:none} .se-v141 .stage-v141{display:block;margin-top:8px} .se-v141 .acc-head-v141{display:grid;grid-template-columns:28px minmax(0,1fr) auto 14px;gap:10px;align-items:center;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);text-align:left} .se-v141 .acc-head-v141 .chev-v141{width:14px;height:14px;color:var(--dim)} .se-v141 .stage-v141[aria-current="step"] .acc-head-v141{border-color:rgba(255,200,97,.45);border-radius:14px 14px 0 0;border-bottom-color:var(--line);background:var(--se-acc-bg)} .se-v141 .stage-v141[aria-current="step"] .acc-head-v141 .node-v141{border-color:var(--gold);color:var(--gold);background:var(--se-now-bg)} .se-v141 .stage-v141[aria-current="step"] .acc-head-v141 .chev-v141{transform:rotate(180deg)} .se-v141 .stage-v141:not([aria-current="step"]) .stage-body-v141{display:none} /* 点开着的那一段的标题把它收起来（aria-expanded=false）：标题还是金边（它仍是当前段），箭头朝下，内容藏起来 */ .se-v141[data-se-acc="0"] .stage-v141[aria-current="step"] .stage-body-v141{display:none} .se-v141[data-se-acc="0"] .stage-v141[aria-current="step"] .acc-head-v141{border-radius:14px;border-bottom-color:rgba(255,200,97,.45)} .se-v141[data-se-acc="0"] .stage-v141[aria-current="step"] .acc-head-v141 .chev-v141{transform:none} .se-v141 .stage-body-v141{border-radius:0 0 14px 14px;border-top:0;border-color:rgba(255,200,97,.45);padding:14px 14px 16px} .se-v141 .stage-head-v141{grid-template-columns:1fr;padding-bottom:14px} .se-v141 .stage-head-v141 h2,.se-v141 .stage-head-v141 .eyebrow-v141,.se-v141 .stage-head-v141 .maps-v141{display:none} .se-v141 .stage-head-v141 p{margin-top:0;font-size:13px} .se-v141 .sh-acts-v141{justify-content:flex-start} .se-v141 .grp-v141{padding-top:16px} .se-v141 .grp-h-v141 h3{font-size:15px} .se-v141 .grp-h-v141 .r-v141{margin-left:0} .se-v141 .opts-v141,.se-v141 .opts-v141.two-v141,.se-v141 .kv-v141,.se-v141 .disc-grid-v141{grid-template-columns:1fr} .se-v141 .opt-v141{padding:11px 12px} .se-v141 .media-row-v141{display:grid;grid-template-columns:1fr 1fr;gap:10px} .se-v141 .media-row-v141 .ml-v141{grid-column:1/-1} .se-v141 .media-row-v141 .mi-v141{justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:5px 5px 5px 10px;background:var(--surface);white-space:nowrap;gap:6px} .se-v141 .media-row-v141 .stepper-v141{height:30px} .se-v141 .media-row-v141 .stepper-v141 button{width:26px;height:28px} .se-v141 .media-row-v141 .stepper-v141 span{min-width:18px} .se-v141 .qctl-v141 .keychip-v141{display:none} .se-v141 .row-v141{grid-template-columns:20px minmax(0,1fr) auto;gap:8px} .se-v141 .row-v141 .grip-v141{display:none} .se-v141 .qrow-v141 .ops-v141{flex-direction:column} .se-v141 .ops-v141 .mv-v141{display:none} .se-v141 .flabel-v141 .key-v141,.se-v141 .grp-h-v141 .keychip-v141,.se-v141 .media-row-v141 .keychip-v141{display:none} .se-v141 .stage-foot-v141{flex-wrap:wrap} .se-v141 .stage-foot-v141 .btn-sm-v141{margin-left:auto} .se-v141 .strip-v141 .link-v141{margin-left:0} .se-v141 .disc-v141 .disc-s-v141{display:none} .se-v141 .disc-v141>span:not(.disc-s-v141):not(.link-v141){flex:1} .se-v141 .src-v141{height:auto;min-height:0} .se-v141 .code-v141{font-size:12px} .se-v141 .sl-v141{grid-template-columns:34px 14px minmax(0,1fr)} .se-v141 .sl-v141 .tg-v141{display:none} .se-v141 .errw-v141,.se-v141 .aiw-v141{margin-left:14px} .se-v141 .chg-h-v141{flex-wrap:wrap;row-gap:6px} .se-v141 .chg-h-v141 .r-v141{flex:1 1 100%;justify-content:flex-end} .se-v141 .ai-ask-v141{flex-wrap:wrap;border-radius:14px} .se-v141 .ai-ask-v141 .q-v141{white-space:normal;flex:1 1 100%} .se-v141 .src-foot-v141{flex-wrap:wrap;white-space:normal;row-gap:2px} .se-v141 .src-foot-v141 .hint-v141,.se-v141 .src-foot-v141 .sp-v141{display:none} .se-v141 .sync-v141{display:none} /* 真机上贴底（plan slice 11.4：任何视口高度都贴底，不照设计稿只在矮视口贴底） */ .se-v141 .m-bar-v141{display:flex;position:sticky;bottom:0;z-index:15;gap:8px;align-items:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(10,10,12,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line)} .se-v141 .m-bar-v141 .why-v141{flex:1;min-width:0;font-size:12px;color:var(--muted);line-height:1.4} .se-v141 .m-bar-v141 .why-v141 b{color:var(--red);font-weight:600;display:block} .se-v141 .m-bar-v141 .why-v141[data-se-kind="ok"] b{color:var(--se-ok-text)} .se-v141 .m-bar-v141 .why-l-v141{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .se-v141 .m-bar-v141 .btn-v141{height:40px;padding:0 14px;font-size:13.5px} .se-v141 .m-bar-v141 .ckb-v141{position:relative} .se-v141 .m-bar-v141 .ckb-v141 i{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:999px;background:var(--red);color:#1a0b0b;font-size:11px;font-style:normal;font-weight:700;display:grid;place-items:center;padding:0 4px} .se-v141 .start-v141{margin-top:8px} .se-v141 .sgrid-v141{grid-template-columns:1fr} .se-v141 .scard-v141.big-v141{grid-row:auto} .se-v141 .sel2-v141{grid-template-columns:1fr} .se-v141 .olist-v141{grid-template-columns:repeat(3,minmax(0,1fr))} .se-modal-v141 .olist-v141.all-v141{grid-template-columns:repeat(2,minmax(0,1fr))} .se-modal-v141.se-toast-v141{bottom:calc(88px + env(safe-area-inset-bottom))} /* 积分那一条（owner 2026-09-29 第 2 条） */ .se-v141 .short-v141{flex-wrap:wrap} .se-v141 .short-v141 .btn-sm-v141{margin-left:42px} .se-v141 .stage-head-v141 .sh-acts-v141{align-items:flex-start} .se-v141 .go-col-v141{align-items:stretch;flex:1 1 100%} .se-v141 .go-col-v141 .cost-v141{text-align:right} /* 改动 1 / 3 / 5（design-owner4） */ .se-v141 .mcards-v141{grid-template-columns:minmax(0,1fr);gap:8px} .se-v141 .mcard-v141{padding:10px 12px} .se-v141 .mc-l-v141,.se-v141 .mc-m-v141,.se-v141 .mnote-v141{display:none} .se-v141 .mc-s-v141{display:flex;margin-top:6px} .se-v141 .al-a-v141,.se-v141 .al-cost-v141{padding-left:0} .se-v141 .tl-v141{padding:10px 10px 6px} .se-v141 .tl-m-v141,.se-v141 .tl-d-v141{display:none} .se-v141 .bar2-v141{height:26px} .se-v141 .sg-n-v141,.se-v141 .sg-t-v141{display:none} .se-v141 .sg-m-v141{display:inline} .se-v141 .ticks-v141 span[data-se-minor]{display:none} .se-v141 .row-v141.shot-v141{grid-template-columns:20px auto minmax(0,1fr) auto} .se-v141 .rf-row-v141{padding:8px 12px;gap:8px} /* 保存块：按钮占满一行，下面一行「版本 · 只保存，留在这里」 */ .se-v141 .sb-v141{padding:14px} .se-v141 .sb-row-v141{flex-direction:column;align-items:stretch;gap:10px} .se-v141 .btn-v141.sb-btn-v141{width:100%;min-width:0;padding:0 16px} .se-v141 .sb-ver-v141 br,.se-v141 .sb-ver-v141 [data-se-slot="fin-cl"]{display:none} .se-v141 .sb-links-v141{align-items:center} .se-v141 .sb-next-v141 .n9-v141,.se-v141 .sb-next-v141 .sb-auto-v141{display:none} /* 第 9 步在手风琴最下面，「写完以后」隔开 */ .se-v141[data-se-stage="publish"] .stage-v141:not([data-se-sid="publish"]){display:block} .se-v141[data-se-stage="publish"] .layout-v141{grid-template-columns:minmax(0,1fr)} .se-v141 .mdiv-v141{display:flex;align-items:center;gap:8px;margin:14px 2px 8px;font-size:11px;color:var(--dim)} .se-v141 .mdiv-v141::before,.se-v141 .mdiv-v141::after{content:"";flex:1;height:1px;background:var(--line)} .se-v141 .s9grp-v141 .grp-h-v141 .r-v141{flex:1 1 100%;margin-left:0} .se-v141 .tabs2-v141{display:flex;width:100%} .se-v141 .tabs2-v141 button{flex:1;justify-content:center;padding:0 8px} .se-v141 .ws-v141{grid-template-columns:minmax(0,1fr);gap:12px} .se-v141 .wsl-v141,.se-v141 .wsr-v141{border:0;background:none;padding:0} .se-v141 .wsl-v141 .qnote-v141{display:none} .se-v141 [data-se-walk="sum"] .qa9-list-v141,.se-v141 [data-se-walk="sum"]>.wst-v141{display:none} .se-v141 [data-se-walk="sum"] .walksum-v141{display:flex;align-items:center;gap:10px;margin-top:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px} .se-v141 .walksum-v141 .thumb9-v141{width:36px;height:36px;border-radius:8px} .se-v141 .wsum-t-v141{flex:1;min-width:0} .se-v141 .wsum-t-v141 b{display:block;font-size:13px;font-weight:650} .se-v141 .wsum-t-v141 small{display:block;font-size:11.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .se-v141 .params-v141{grid-template-columns:repeat(2,minmax(0,1fr))} .se-v141 .params-v141>div[data-se-desk]{display:none} .se-v141 .params-v141>div[data-se-mob]{display:block} .se-v141 .bal-v141[data-se-desk],.se-v141 .pr-sub-v141[data-se-desk],.se-v141 .pr-hold-v141 [data-se-desk],.se-v141 .racts-v141 [data-se-desk]{display:none} .se-v141 .pr-sub-v141[data-se-mob]{display:block} .se-v141 .pr-hold-v141 [data-se-mob],.se-v141 .racts-v141 [data-se-mob]{display:inline} .se-v141 .player-v141{width:170px} .se-v141 .rmeta-v141,.se-v141 .hist9-v141,.se-v141 .racts-v141 [data-se-act="s9-dl"],.se-v141 .wsr-v141>.wst-v141{display:none} .se-v141 .s9grp-v141[data-se-grp="s9-cover"] .tabs2-v141,.se-v141 .cv-card-w-v141,.se-v141 .cvw-v141 .qnote-v141{display:none} .se-v141 .cv-chip-m-v141{display:inline-flex;margin-left:auto} .se-v141 .cvw-v141{grid-template-columns:minmax(0,1fr);margin-top:10px} .se-v141 .frames-v141:not([data-se-two]) .fr-v141:nth-child(even){display:none} .se-v141 .cv-mob-v141{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap} /* 还在生成、花不了的原因：跟在手机上的「生成一张」下面（封面那一组的小字在手机上本来是收起的，这一句要看得到） */ .se-v141 .cv-mob-note-v141{display:block} .se-v141 .cvw-v141 .cv-mob-note-v141 .qnote-v141{display:block;margin-top:6px} .se-v141 .ready-v141{grid-template-columns:minmax(0,1fr)} /* 第 9 步在手机上照 5-publish-390 画：手风琴的标题已经说了「发布 · 示例 ✓ · 封面 ✓」，不再有这一步的说明、版本牌子， 两组的小字（出自哪一版、封面用在哪）也不要（复查 R7） */ .se-v141 .stage-v141[data-se-sid="publish"] .stage-head-v141,.se-v141 .s9grp-v141 .grp-h-v141 .cnt-v141{display:none} /* 准备好了吗：两个框收成两行摘要（复查 R7） */ .se-v141 .ready-v141>.rbox-v141{display:none} .se-v141 .ready-m-v141{display:block;margin-top:2px} .se-v141 .ready-m-v141 .ri-v141{padding:4px 0} /* 两个按钮在底栏里（下面），中间这两张卡片就不再重复一遍 */ .se-v141 .final-v141{display:none} .se-v141 .prow-v141,.se-v141 .promise-v141 h6{display:none} .se-v141 .pr-mob-v141{display:flex} .se-v141 .promise-v141{padding:12px} .se-v141[data-se-stage="publish"] .m-bar-v141{flex-direction:column;align-items:stretch;gap:8px} .se-v141[data-se-stage="publish"] .m-bar-v141 .btn-v141{width:100%;height:42px} .se-v141[data-se-stage="publish"] .m-bar-v141 .btn-gold-v141{height:46px} /* 运营模式（docs/65 第 8.8 节）：条幅折成两行（药丸 + 目标一行，起点和「只有运营看得到 · 剩 N」一行）；第 9 步单列，提交按钮在底栏 */ .se-v141 .opbar-v141{flex-wrap:wrap;gap:6px 10px;margin-top:12px;padding:10px 12px;font-size:12.5px} .se-v141 .opb-1-v141{flex:1 1 100%;gap:10px} .se-v141 .opb-sep-v141{display:none} .se-v141 .opb-f-v141{flex:1 1 0} .se-v141 .opb-m-v141{font-size:12px} .se-v141 .opentry-v141{padding:16px 0 40px} .se-v141 .ope-card-v141{padding:18px 16px} .se-v141 .ope-acts-v141 .btn-v141{flex:1 1 auto} .se-v141 .sgrid-v141[data-se-op]{grid-template-columns:minmax(0,1fr)} .se-v141 .cvw-v141[data-se-op] .frames-v141:not([data-se-two]){grid-template-columns:repeat(3,minmax(0,1fr))} .se-v141 .opsub-v141{padding:14px} .se-v141 .opsub-r-v141 .opsub-btn-v141{display:none} } /* 图片 skill 的第 9 步：示例从这一版做出来的成片里挑一张（和原来发布弹窗里的格子一样；封面就用它） */ .se-v141 .s9grp-v141 .pd-sub-v141{margin-top:10px;font-size:12.5px;color:var(--dim)} .se-v141 .s9grp-v141 .pd-samples-v141{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:10px} .se-v141 .s9grp-v141 .pd-sample-v141{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);cursor:pointer} .se-v141 .s9grp-v141 .pd-sample-v141 input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;pointer-events:none} .se-v141 .s9grp-v141 .pd-sample-v141:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,200,97,.14)} .se-v141 .s9grp-v141 .pd-sample-v141:has(input:focus-visible){outline:2px solid rgba(255,200,97,.6);outline-offset:2px} .se-v141 .s9grp-v141 .pd-thumb-v141{display:block;aspect-ratio:16/10;background:#0c0c0d} .se-v141 .s9grp-v141 .pd-thumb-v141 :is(img,video){display:block;width:100%;height:100%;object-fit:cover} .se-v141 .s9grp-v141 .pd-cap-v141{display:flex;align-items:center;gap:5px;padding:6px 9px;font-size:12px;color:var(--muted)} .se-v141 .s9grp-v141 .pd-sample-v141:has(input:checked) .pd-cap-v141{color:var(--gold2)}