.wc-launch{position:fixed;right:20px;bottom:22px;z-index:1800;border:1px solid #d9d3c9;border-radius:30px;background:#fffdf6;color:#244b42;padding:12px 19px;font:600 15px system-ui;box-shadow:0 5px 25px #152c2526;cursor:pointer}
.wc-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #dbded5;border-radius:24px;color:#233e36;background:#fffef8;box-shadow:0 25px 90px #152c2540;font:15px/1.6 system-ui;text-align:left}
.wc-dialog[open]{display:flex;flex-direction:column}.wc-dialog::backdrop{background:#0e302766;backdrop-filter:blur(3px)}
.wc-dialog *{box-sizing:border-box}.wc-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 12px}.wc-top h2{margin:0;font-size:22px;letter-spacing:-.5px;color:#214b3c}.wc-subtitle{margin:1px 0 0;font-size:13px;color:#61736a;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-close{border:0;background:#eef1e8;color:#30493e;font-size:26px;border-radius:50%;width:36px;height:36px;line-height:1;flex-shrink:0;cursor:pointer}
.wc-notice{margin:0 24px 14px;padding-bottom:14px;border-bottom:1px solid #e2e6d9;font-size:12px;color:#637067}.wc-log{min-height:110px;height:260px;overflow:auto;padding:0 24px 16px;overscroll-behavior:contain}.wc-empty{color:#66786d;max-width:250px;padding-top:24px;font-size:18px}.wc-row{margin:12px 0;overflow-wrap:anywhere}.wc-speaker{font-size:11px;color:#677b6d}.wc-row p{white-space:pre-wrap;margin:3px 0 0;padding:11px 14px;border-radius:14px;background:#edf2e7}.wc-user{text-align:right}.wc-user p{display:inline-block;background:#244e40;color:#fff;text-align:left;max-width:94%}
.wc-form{padding:14px 24px 20px;background:#f7f8ef;border-top:1px solid #e2e6d9}.wc-form label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.wc-form textarea{width:100%;resize:vertical;min-height:74px;max-height:160px;border:1px solid #cdd7c8;background:#fffef9;border-radius:12px;padding:11px;font:16px/1.45 system-ui;color:#233e36}.wc-form textarea:disabled{opacity:.6}.wc-state{font-size:12px;min-height:20px;margin:5px 0 11px;color:#526951}.wc-actions{display:flex;align-items:center;gap:8px}.wc-hint{font-size:10px;color:#738272;margin-right:auto}.wc-send,.wc-cancel{font:600 13px system-ui;padding:10px 15px;border-radius:20px;border:0;cursor:pointer}.wc-send{color:white;background:#285f49}.wc-send:disabled{opacity:.4;cursor:default}.wc-cancel{color:#465f50;background:#e4ebdf}.wc-dialog [hidden],.wc-launch[hidden]{display:none!important}.wc-dialog button:focus-visible,.wc-dialog textarea:focus-visible,.wc-launch:focus-visible{outline:3px solid #dba72c;outline-offset:3px}
@media(max-width:500px){.wc-launch{right:12px;bottom:max(14px,env(safe-area-inset-bottom));font-size:13px;padding:10px 14px}.wc-top{padding:17px 18px 10px}.wc-notice{margin:0 18px 12px}.wc-log{padding:0 18px 12px;height:230px}.wc-form{padding:12px 18px 17px}.wc-hint{display:none}.wc-actions{justify-content:flex-end}.wc-subtitle{max-width:250px}}
/* 09-24:播放页的 Base.css 有 *{margin:0} 和 h2 左边蓝条,会把弹窗顶到左上角、给标题加条 —— 这里拉回居中、去掉蓝条 */
.wc-dialog{margin:auto}.wc-top h2{border:0;padding:0;letter-spacing:-.5px;font-size:22px}
/* 横屏且虚拟手柄开着时,右下角是手柄的动作键 —— 按钮挪到右侧中间,别压着手柄 */
@media(orientation:landscape){body:has(#vpad.on) .wc-launch{top:50%;bottom:auto;transform:translateY(-50%);padding:8px 13px;font-size:12px}}
/* 09-24 对话框放大:回答区 flex 撑满可滚动,输入框 3 行起可拖高;颜色和结构不动 */
.wc-top,.wc-notice,.wc-form{flex-shrink:0}.wc-form textarea{min-height:calc(4.35em + 22px)}
@media(min-width:900px){.wc-dialog{width:min(760px,calc(100vw - 28px));height:min(85vh,900px);max-height:calc(100dvh - 32px);font-size:16px}.wc-log{flex:1 1 0;height:auto;min-height:120px}.wc-row p{font-size:16px;line-height:1.65}.wc-form textarea{max-height:40vh}.wc-notice{font-size:13px}}
@media(max-width:600px){.wc-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.wc-log{flex:1 1 0;height:auto;min-height:80px}.wc-row p{font-size:15.5px}.wc-form{padding-bottom:max(17px,env(safe-area-inset-bottom))}.wc-form textarea{max-height:35dvh}.wc-close{width:44px;height:44px;font-size:28px}}
/* 09-24 看画面 + markdown:附件条(缩略图/标签/贴图/自动开关)、回答气泡里的标题/列表/代码;配色沿用上面 */
.wc-att{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 8px}.wc-chips{display:flex;flex-wrap:wrap;gap:6px}.wc-chips:empty{display:none}
.wc-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 4px 3px 9px;border:1px solid #cfdcc9;border-radius:999px;background:#eef3e8;color:#30493e;font-size:12px;line-height:1.2}.wc-chip-img{padding-left:4px;border-radius:10px}.wc-chip img{display:block;width:44px;height:30px;object-fit:cover;border-radius:7px;background:#dde5d6}
.wc-x{flex-shrink:0;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#dbe4d5;color:#30493e;font-size:15px;line-height:1;cursor:pointer}
.wc-pick{border:1px dashed #b8c8b2;background:#fffef9;color:#285f49;font:600 12px system-ui;padding:6px 11px;border-radius:14px;cursor:pointer}.wc-pick:disabled{opacity:.45;cursor:default}
.wc-form .wc-auto{display:inline-flex;align-items:center;gap:5px;margin:0 0 0 auto;font-size:11.5px;font-weight:500;color:#5b6f62;cursor:pointer;user-select:none}.wc-auto input{margin:0;width:15px;height:15px;accent-color:#285f49}.wc-auto input:focus-visible{outline:3px solid #dba72c;outline-offset:2px}
.wc-att-note{display:block;margin-top:3px;font-size:11px;color:#6d7f73}
.wc-row .wc-md{margin:3px 0 0;padding:11px 14px;border-radius:14px;background:#edf2e7;white-space:normal;overflow-wrap:anywhere}
.wc-row .wc-md p{margin:0 0 .55em;padding:0;background:none;border-radius:0;white-space:normal}.wc-md>:last-child{margin-bottom:0}
.wc-md .wc-h{margin:.7em 0 .35em;padding:0;border:0;color:#214b3c;font-weight:700;line-height:1.35;letter-spacing:0}.wc-md>.wc-h:first-child{margin-top:0}.wc-md h3.wc-h{font-size:1.14em}.wc-md h4.wc-h{font-size:1.06em}.wc-md h5.wc-h{font-size:1em}
.wc-md ul,.wc-md ol{margin:0 0 .55em;padding-left:1.4em}.wc-md ul{list-style:disc}.wc-md ol{list-style:decimal}.wc-md li{margin:.18em 0}
.wc-md .wc-ic{padding:1px 5px;border-radius:5px;background:#dfe8d8;font:.9em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.wc-md .wc-code{margin:.2em 0 .6em;padding:10px 12px;border-radius:10px;background:#20382f;color:#eef3ea;overflow:auto;white-space:pre;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.wc-md .wc-code code{font:inherit;background:none;padding:0}
.wc-md a{color:#1f6b52;text-decoration:underline;text-underline-offset:2px}.wc-md strong{font-weight:700;color:#1d3f33}
@media(min-width:900px){.wc-row .wc-md{font-size:16px;line-height:1.65}}
@media(max-width:600px){.wc-row .wc-md{font-size:15.5px}.wc-chip img{width:38px;height:26px}.wc-form .wc-auto{font-size:11px}.wc-att{margin-bottom:6px}}
/* 09-24 动作卡:打开作品 / 提意见确认卡 / 首页筛选结果;配色沿用上面 */
.wc-cards{display:flex;flex-direction:column;gap:8px;margin-top:6px}.wc-cards:empty{display:none}
.wc-card{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;border:1px solid #cfdcc9;border-radius:14px;background:#fffef9;font-size:14px}
.wc-card-title{margin:0;flex:1 1 auto;color:#30493e;font-size:13px;font-weight:600}.wc-row p.wc-card-title,.wc-row p.wc-card-note,.wc-row p.wc-card-done{background:none;padding:0;border-radius:0;white-space:normal}
.wc-card-go{display:inline-flex;align-items:center;border:0;border-radius:20px;background:#285f49;color:#fff!important;text-decoration:none!important;font:600 13px system-ui;padding:8px 14px;cursor:pointer}
.wc-fb{flex-direction:column;align-items:stretch}.wc-fb textarea{width:100%;min-height:74px;max-height:30vh;resize:vertical;border:1px solid #cdd7c8;background:#fff;border-radius:10px;padding:9px 10px;font:15px/1.5 system-ui;color:#233e36}
.wc-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.wc-card-note{margin:0 auto 0 0!important;font-size:12px;color:#6d5a2e}.wc-card-done{margin:0;color:#1f6b52;font-weight:700}
.wc-card button:disabled,.wc-card textarea:disabled{opacity:.55;cursor:default}.wc-card a:focus-visible,.wc-card button:focus-visible,.wc-card textarea:focus-visible{outline:3px solid #dba72c;outline-offset:2px}
/* 09-24 首页等页面右下角有「顶部/底部」滚动钮(#page-scroll-nav):问问 AI 挪到它左边,别压着 */
body:has(#page-scroll-nav) .wc-launch{right:88px}
@media(max-width:500px){body:has(#page-scroll-nav) .wc-launch{right:70px}}

/* 09-24 清空对话 / 放手操作 / 页面记录 */
.wc-top-btns{display:flex;align-items:center;gap:8px;flex-shrink:0}
.wc-clear{border:0;background:#eef1e8;color:#30493e;font:600 12px system-ui;border-radius:16px;padding:8px 12px;cursor:pointer;white-space:nowrap}
.wc-clear:focus-visible,.wc-hands-stop:focus-visible,.wc-hands-toggle input:focus-visible{outline:3px solid #dba72c;outline-offset:2px}
.wc-hands{display:flex;align-items:center;gap:10px;margin:0 24px 10px;padding:7px 8px 7px 12px;border-radius:12px;background:#fff4d6;color:#6d5a2e;font-size:13px;font-weight:600}
.wc-hands-stop{margin-left:auto;border:0;border-radius:16px;background:#8a3b2a;color:#fff;font:700 13px system-ui;padding:7px 16px;cursor:pointer;flex-shrink:0}
.wc-form .wc-hands-toggle{margin-left:12px}
.wc-hands-toggle input{margin:0;width:15px;height:15px;accent-color:#8a3b2a}
.wc-note{margin:6px 0 10px;font-size:12.5px;color:#5b6f62;text-align:center;overflow-wrap:anywhere}
.wc-act .wc-card-title{flex-basis:100%}
.wc-act .wc-card-actions{margin-left:auto}
@media(max-width:600px){.wc-hands{margin:0 18px 8px}.wc-clear{padding:9px 11px}.wc-form .wc-hands-toggle{margin-left:0}}
