:root{--line-soft:color-mix(in srgb,var(--line) 55%,transparent)}
.theme-dark{--bg:#0a0e17;--bg2:#0a0e17;--surface:rgba(255,255,255,.04);--surface-2:rgba(255,255,255,.07);--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.14);--text:#f4f6fb;--muted:#9aa7bd;--soft:#c6d0e2;--accent:#7c5cff;--accent-2:#4dd6c0;--accent-3:#ffb86b;--accent-4:#ff6b8a;--accent-5:#64b5f6;--card-bg:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));--card-border:rgba(255,255,255,.08);--card-shadow:0 20px 50px rgba(0,0,0,.3);--scrollbar:#7c5cff33;--topbar-bg:rgba(10,14,23,.72)}
.theme-dark::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 10% -5%,rgba(124,92,255,.14),transparent 60%),radial-gradient(700px 400px at 88% 8%,rgba(77,214,192,.09),transparent 55%),radial-gradient(600px 400px at 50% 105%,rgba(255,184,107,.05),transparent 55%)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:"PingFang SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}
button,textarea,input,select{font-family:inherit}
.wukong-app{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column}
.wukong-topbar{flex:0 0 96px;display:flex;align-items:center;gap:22px;padding:0 56px;background:#0b0f1e;border-bottom:1px solid rgba(148,163,184,.16);box-sizing:border-box;color:#f3f5fb;z-index:10}
.wukong-avatar{width:64px;height:64px;border-radius:18px;object-fit:cover;object-position:top;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.wukong-brand{display:flex;flex-direction:column;gap:6px;min-width:0}
.wukong-title{font-size:24px;font-weight:800;letter-spacing:.02em}
.wukong-subtitle{font-size:14px;color:#9aa7bd;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wukong-top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.wukong-api-btn{border:1px solid rgba(141,120,255,.42);border-radius:12px;padding:10px 14px;background:rgba(124,92,255,.12);color:#eee8ff;font-weight:700;cursor:pointer;white-space:nowrap}.wukong-help-btn{width:38px;height:38px;border:1px solid rgba(141,120,255,.42);border-radius:50%;background:rgba(124,92,255,.12);color:#eee8ff;font-size:18px;font-weight:800;cursor:pointer}.wukong-help-btn:hover,.wukong-api-btn:hover{border-color:var(--accent);background:rgba(124,92,255,.2)}
.main-content{flex:1;min-width:0;min-height:0;overflow-y:auto;padding:24px 28px 40px;position:relative}
.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:999px}
.panel{display:none}.panel.active{display:block;animation:fadeIn .25s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.section{margin-bottom:20px}
.section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;margin-bottom:14px}
.section-head h2{font-size:17px;font-weight:800;margin:0}.section-head .sub{font-size:11.5px;color:var(--muted);line-height:1.4}
.mp-head-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}#momentsWeekHint{flex-basis:100%}
.hb-bubble{width:18px;height:18px;vertical-align:-3.5px;margin-right:7px;stroke:var(--accent);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mp-week-nav{display:flex;align-items:center;gap:6px;margin-left:14px}
.mp-week-btn{background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}
.mp-week-btn:hover{border-color:var(--accent);color:var(--accent)}.mp-week-label{font-size:12px;color:var(--muted);font-weight:700;min-width:96px;text-align:center;white-space:nowrap}.mp-back-now{border-color:var(--accent);color:var(--accent)}
.wukong-generate-btn{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));background:color-mix(in srgb,var(--accent) 20%,var(--surface-2));color:#fff;font-weight:800}
.moments-plan-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:20px;height:clamp(340px,calc(100vh - 260px),520px)}
.mp-day{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;height:100%}.mp-day.is-today{border-color:var(--accent);box-shadow:0 0 0 2px rgba(124,92,255,.15)}
.mp-day-label{padding:10px 8px;text-align:center;font-size:12.5px;font-weight:800;background:var(--surface-2);border-bottom:1px solid var(--line);letter-spacing:.5px}.mp-day.is-today .mp-day-label{color:var(--accent)}.mp-day-date{font-weight:400;font-size:10px;opacity:.55;margin-left:3px}
.mp-day-slots{display:flex;flex-direction:column;gap:1px;flex:1 1 0;min-height:0}.mp-cell{display:flex;flex-direction:column;gap:4px;padding:12px 6px;cursor:pointer;transition:all .15s;border-bottom:1px solid var(--line);flex:1 1 0;min-height:0;justify-content:center}.mp-cell:last-child{border-bottom:0}.mp-cell:hover{background:var(--surface-2)}
.mp-cell.is-done{opacity:.72;background:transparent}.mp-cell.is-done .mp-cell-type{text-decoration:line-through;text-decoration-color:rgba(120,120,140,.5)}.mp-done-chip{font-size:14px;padding:0;white-space:nowrap}.mp-cell.is-now{background:rgba(124,92,255,.1);border-left:3px solid var(--accent)}
.mp-cell-time{font-size:10px;font-weight:700;color:var(--muted)}.mp-cell-type{font-size:10px;color:var(--text);line-height:1.3}.mp-cell-status{font-size:11px;align-self:flex-end}
.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;text-align:center}.empty-state .empty-icon{font-size:38px;opacity:.8;animation:bob 3s ease-in-out infinite}.empty-state .empty-text{font-size:13px;color:var(--muted);line-height:1.7}.empty-state .empty-action{margin-top:6px}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.wukong-progress{margin:0 0 14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.wukong-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11.5px}.wukong-progress span{color:var(--muted)}.wukong-progress-track{height:5px;margin-top:9px;overflow:hidden;border-radius:99px;background:var(--surface-2)}.wukong-progress-track span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s}
.wukong-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:11px 0 2px}.wukong-flow>div{position:relative;min-width:0;padding:0 14px 0 19px;color:var(--muted)}.wukong-flow>div:first-child{padding-left:0}.wukong-flow>div:not(:first-child)::before{content:"";position:absolute;left:0;top:8px;width:10px;height:1px;background:var(--line-strong)}.wukong-flow b,.wukong-flow span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wukong-flow b{font-size:10.5px;color:var(--muted)}.wukong-flow span{margin-top:2px;font-size:9.5px}.wukong-flow>div.is-active b{color:var(--accent)}.wukong-flow>div.is-done b{color:var(--accent-2)}.wukong-flow>div.is-done:not(:first-child)::before,.wukong-flow>div.is-active:not(:first-child)::before{background:var(--accent-2)}
.wukong-progress-track span.is-indeterminate{width:34%!important;animation:wukongProgressSweep 1.35s ease-in-out infinite}@keyframes wukongProgressSweep{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}
.wukong-progress-live{margin-top:10px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));display:flex;flex-direction:column;gap:7px}.wpl-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.wpl-row span{padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:10.5px;color:var(--soft)}.wpl-retry{padding:7px 9px;border-radius:8px;background:color-mix(in srgb,var(--accent-3) 12%,var(--surface));color:var(--accent-3);font-size:10.5px;line-height:1.5}.wpl-latest{padding:9px 10px;border-radius:9px;border:1px solid color-mix(in srgb,var(--accent-2) 28%,var(--line));background:color-mix(in srgb,var(--accent-2) 7%,var(--surface))}.wpl-latest strong{display:block;color:var(--accent-2);font-size:11px;margin-bottom:4px}.wpl-latest p{font-size:10.5px;line-height:1.55;color:var(--soft);white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wpl-events{display:flex;flex-direction:column;gap:2px;max-height:64px;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.45}.wpl-events div:last-child{color:var(--soft)}
.wpl-plan-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.wpl-plan-actions .assist-apply-btn{padding:6px 11px;font-size:11px}.wpl-plan-actions[hidden]{display:none}
.wukong-drafts-list{display:flex!important;align-items:stretch!important;gap:10px!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 0 9px!important;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.wukong-drafts-list>.draft-card{flex:0 0 clamp(250px,18vw,340px)!important;min-width:0;scroll-snap-align:start}
.draft-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:all .15s;cursor:pointer}.draft-card:hover{border-color:var(--accent)}.dtc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.dtc-name{font-size:13px;font-weight:800;display:flex;align-items:center;gap:6px}.dtc-count{font-size:11px;color:var(--muted)}.dtc-preview{font-size:12px;line-height:1.7;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.dtc-foot{font-size:11.5px;color:var(--accent);font-weight:700;margin-top:auto;padding-top:8px}.dtc-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px}.dtc-del-link{color:var(--accent-4);cursor:pointer}
.assist-input{width:100%;box-sizing:border-box;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:13.5px;line-height:1.7;padding:10px 12px;resize:vertical}.assist-input:focus{outline:none;border-color:var(--accent)}.assist-apply-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.assist-apply-btn:hover{filter:brightness(1.1)}.assist-apply-btn:disabled{opacity:.5;cursor:wait}
.create-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:1500;opacity:0;pointer-events:none;transition:opacity .25s;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.create-drawer-overlay.show{opacity:1;pointer-events:auto}
.drawer-header{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:20px 24px;border-bottom:1px solid var(--line)}.drawer-title{font-size:18px;font-weight:800}.modal-close{width:32px;height:32px;border-radius:8px;background:var(--surface-2);border:none;cursor:pointer;display:grid;place-items:center;font-size:16px;color:var(--muted);transition:all .15s}.modal-close:hover{background:var(--line);color:var(--text)}
.moments-picker{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.95);width:min(720px,94vw);max-height:88vh;background:linear-gradient(165deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,var(--surface-2) 86%,transparent));backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);border:1px solid var(--line-strong);border-radius:22px;box-shadow:0 32px 90px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.14);display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1);z-index:1510;overflow:hidden}.moments-picker.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.moments-picker-body{flex:1;min-height:0;overflow-y:auto;padding:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start}.moments-picker-tip{flex:0 0 auto;padding:10px 16px;text-align:center;font-size:11px;color:var(--muted);border-top:1px solid var(--line);background:var(--surface-2)}
.mp-picker-tabs{display:flex;align-items:center;flex:0 0 60px;gap:10px;min-width:0;padding:14px 18px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 95%,var(--accent) 5%),var(--surface-2));border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden}.mp-picker-tab{flex:0 0 auto;border:1px solid var(--line-strong);border-radius:999px;padding:9px 18px;background:var(--surface);color:var(--muted);font-size:13.5px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap}.mp-picker-tab:hover{color:var(--text);border-color:var(--accent)}.mp-picker-tab.is-active{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,var(--accent-5) 30%));border-color:transparent;color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 45%,transparent)}
.mp-picker-panel{grid-column:1/-1;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start;align-items:start;padding-top:4px}.mp-picker-panel.is-active{display:grid}.mp-picker-panel>.mp-style-card{min-width:0}
.mp-style-card{position:relative;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px;cursor:pointer;transition:all .15s;box-shadow:0 1px 2px rgba(0,0,0,.06)}.mp-style-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.18);background:color-mix(in srgb,var(--surface) 60%,var(--accent) 4%)}.mp-style-card.is-selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 48%,transparent)}.mp-style-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mp-style-label{font-size:13px;font-weight:800;color:var(--accent);padding-right:28px}.mp-style-count{font-size:10px;color:var(--muted);background:var(--surface);padding:2px 8px;border-radius:6px}.mp-style-preview{font-size:12.5px;line-height:1.75;color:var(--text);font-weight:400;word-break:break-word;white-space:pre-line}.mp-style-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:25px;margin-top:7px;white-space:nowrap}.mp-expand-toggle{display:block;padding:3px 0 1px;border:0;background:transparent;color:var(--accent);font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap}.mp-expand-toggle:hover{text-decoration:underline}.mp-style-action{text-align:right;font-size:11px;color:var(--accent-2);font-weight:700;white-space:nowrap}.mp-done-banner{grid-column:1/-1;padding:10px 14px;border:1px solid color-mix(in srgb,var(--accent-2) 35%,var(--line));border-radius:10px;color:var(--accent-2);font-size:12px;background:color-mix(in srgb,var(--accent-2) 8%,var(--surface))}
.mp-picker-panel[data-panel="versions"]>.mp-style-card{height:250px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.mp-picker-panel[data-panel="versions"]>.mp-style-card.is-expanded{height:auto;min-height:250px;overflow:visible}.mp-picker-panel[data-panel="versions"]>.mp-style-card .mp-style-head,.mp-picker-panel[data-panel="versions"]>.mp-style-card .mp-style-foot{flex:0 0 auto}.mp-picker-panel[data-panel="versions"]>.mp-style-card .mp-style-preview{flex:1 1 auto;min-height:0;overflow:hidden}.mp-picker-panel[data-panel="versions"]>.mp-style-card.is-expanded .mp-style-preview{flex:0 0 auto;overflow:visible}.mp-picker-panel[data-panel="versions"]>.mp-style-card .mp-style-foot{margin-top:auto;padding-top:7px}
.agent-modal{width:min(720px,calc(100vw - 32px));height:min(640px,calc(100dvh - 16px));max-height:none}.agent-modal .moments-picker-head{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:18px 22px;border-bottom:1px solid var(--line);font-size:18px;font-weight:800}.agent-modal .moments-picker-title{color:var(--text)}.agent-modal .moments-picker-close{width:40px;height:40px;border:0;border-radius:12px;background:var(--surface-2);color:var(--text);font-size:23px;cursor:pointer}.agent-modal .moments-picker-close:hover{background:var(--line)}
.chat-thread{flex:1;min-height:0;overflow-y:auto;padding:20px 26px;display:flex;flex-direction:column;gap:12px}.chat-empty{text-align:center;color:var(--muted);font-size:12.5px;line-height:2;padding:40px 0}.chat-msg{max-width:82%;padding:14px 18px;border-radius:18px;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.chat-msg.agent{align-self:flex-start;background:var(--surface-2);border:1px solid var(--line);border-top-left-radius:4px}.chat-msg.user{align-self:flex-end;background:var(--accent);color:#fff;border-top-right-radius:4px}.chat-actions{display:flex;gap:6px;margin-top:8px}.chat-act{background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--accent);font-size:11px;font-weight:700;padding:3px 10px;cursor:pointer}.chat-foot{display:flex;gap:10px;padding:16px 22px 20px;border-top:1px solid var(--line);align-items:flex-end}.chat-input{flex:1;min-height:64px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;color:var(--text);font-size:14px;line-height:1.6;padding:13px 15px;resize:none}.chat-input:focus{outline:none;border-color:var(--accent)}.agent-modal .assist-apply-btn{min-width:92px;min-height:64px;border-radius:14px;font-size:15px}
.wukong-modal{width:min(720px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px))}.wukong-modal-body{min-height:0;overflow-y:auto;padding:20px 22px}.wukong-modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px 20px;border-top:1px solid var(--line)}.wukong-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wukong-field{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11px}.wukong-field.wide{grid-column:1/-1}.wukong-field textarea,.wukong-field input,.wukong-field select{min-height:42px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);resize:vertical}.wukong-field textarea:focus,.wukong-field input:focus,.wukong-field select:focus{outline:none;border-color:var(--accent)}.wukong-note{grid-column:1/-1;padding:10px 12px;border-radius:10px;color:var(--muted);background:var(--surface-2);font-size:11px;line-height:1.7}.model-route{display:grid;grid-template-columns:86px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;background:var(--surface)}.model-route strong{color:var(--accent);font-size:11px}.model-route span{font-size:12px;overflow:hidden;text-overflow:ellipsis}.model-route small{font-size:10px;color:var(--muted)}.model-test-result{margin-top:12px;color:var(--muted);font-size:11px;line-height:1.8}
.generation-brief-form{gap:14px}.generation-field-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.generation-field-head b{color:var(--soft);font-size:12px}.generation-field-head em{font-style:normal;color:var(--muted);font-size:10px;white-space:nowrap}.generation-brief-form textarea{line-height:1.6}.generation-primary-field textarea{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--surface-2));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--accent) 78%,transparent)}.generation-primary-field small{color:var(--muted);font-size:10px;line-height:1.5}.generation-saved-field textarea{background:color-mix(in srgb,var(--surface-2) 88%,var(--accent) 3%)}.generation-reset{align-self:flex-start;padding:1px 0;border:0;background:transparent;color:var(--accent);font-size:10.5px;cursor:pointer}.generation-reset:hover{text-decoration:underline}.generation-time-hint{margin-right:auto;align-self:center;color:var(--muted);font-size:10.5px}.generation-brief-form+.wukong-note{margin-top:2px}
.generation-target-field{padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.generation-week-picker{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:9px;align-items:center}.generation-week-picker .mp-week-btn{height:36px;padding:0;font-size:20px}.generation-week-picker strong{text-align:center;color:var(--text);font-size:14px}.generation-target-field small{min-height:16px;color:var(--muted);font-size:10.5px;line-height:1.5}.generation-target-field small.has-existing{color:var(--accent-3)}
.generation-goal-field{margin:0;padding:0;border:0}.generation-goal-field legend{margin-bottom:7px;color:var(--soft);font-size:12px;font-weight:700}.generation-goals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.generation-goal-option{position:relative;display:flex;min-width:0;cursor:pointer}.generation-goal-option input{position:absolute;opacity:0;pointer-events:none}.generation-goal-option span{width:100%;padding:9px 8px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-2);color:var(--soft);font-size:11px;font-weight:700;text-align:center;transition:border-color .15s,background .15s,color .15s}.generation-goal-option:hover span{border-color:color-mix(in srgb,var(--accent) 58%,var(--line))}.generation-goal-option input:checked+span{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface-2));color:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.generation-goal-option input:focus-visible+span{outline:2px solid var(--accent-2);outline-offset:2px}
.plan-confirm-modal{width:min(1120px,calc(100vw - 32px));height:min(860px,calc(100vh - 32px));max-height:none}.plan-summary{padding:12px 14px;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));font-size:12px;line-height:1.7;color:var(--soft)}.plan-task-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plan-task-card{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.plan-task-head{display:flex;justify-content:space-between;gap:8px;color:var(--accent);font-size:11px;font-weight:800}.plan-task-card label{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:10px}.plan-task-card input,.plan-task-card textarea{width:100%;min-height:32px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--text);font-size:11.5px;line-height:1.45;resize:vertical}.plan-task-card textarea{min-height:48px}.plan-task-card input:focus,.plan-task-card textarea:focus{outline:none;border-color:var(--accent)}
.plan-confirm-modal .wukong-modal-body{position:relative}.plan-week-overview{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.plan-week-overview span{flex:none;color:var(--accent);font-size:11px;font-weight:800}.plan-week-overview p{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--soft);font-size:11px}.plan-week-overview b{flex:none;padding:3px 7px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:10px}.plan-confirm-week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;align-items:start}.plan-day-column{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 92%,var(--accent) 2%)}.plan-day-column>header{height:45px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--surface-2)}.plan-day-column>header strong{color:var(--accent);font-size:12px}.plan-day-column>header span{color:var(--muted);font-size:9.5px}.plan-slot-card{width:100%;height:118px;padding:10px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:7px;transition:background .15s,border-color .15s}.plan-slot-card:last-child{border-bottom:0}.plan-slot-card:hover{background:color-mix(in srgb,var(--accent) 9%,var(--surface));box-shadow:inset 3px 0 0 var(--accent)}.plan-slot-card.is-edited{background:color-mix(in srgb,var(--accent-2) 8%,var(--surface));box-shadow:inset 3px 0 0 var(--accent-2)}.psc-meta{display:flex;align-items:center;justify-content:space-between;gap:6px}.psc-meta b{font-size:10px;color:var(--muted)}.psc-meta i{font-style:normal;color:var(--accent-2);font-size:10px}.psc-type{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);font-size:9.5px}.psc-topic{font-size:11px;line-height:1.55;font-weight:700;color:var(--soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plan-confirm-count{margin-right:auto;color:var(--accent-2);font-size:11px;font-weight:800}.plan-editor-backdrop{position:absolute;inset:0;z-index:5;background:rgba(5,8,15,.52);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.plan-task-editor{position:absolute;z-index:6;top:0;right:0;bottom:0;width:min(460px,100%);display:flex;flex-direction:column;background:var(--surface-2);border-left:1px solid var(--line-strong);box-shadow:-24px 0 60px rgba(0,0,0,.42)}.plan-task-editor[hidden],.plan-editor-backdrop[hidden]{display:none}.pte-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.pte-head>div{min-width:0;display:flex;flex-direction:column;gap:4px}.pte-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:14px}.pte-head span{color:var(--muted);font-size:10px}.pte-fields{flex:1;overflow-y:auto;padding:15px 16px;display:grid;grid-template-columns:1fr 1fr;gap:11px}.pte-fields label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px}.pte-fields label.wide{grid-column:1/-1}.pte-fields input,.pte-fields textarea{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:11.5px;line-height:1.5;resize:vertical}.pte-fields textarea{min-height:72px}.pte-fields input:focus,.pte-fields textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.pte-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface)}
.plan-task-editor{background:#171b25}.pte-foot{background:#141821}
.wukong-toast{position:fixed;right:24px;bottom:24px;z-index:2000;max-width:min(420px,calc(100vw - 40px));padding:12px 15px;border:1px solid rgba(77,214,192,.28);border-radius:10px;opacity:0;pointer-events:none;color:#dcfff8;background:rgba(10,30,28,.94);font-size:12px;transform:translateY(10px);transition:all .2s}.wukong-toast.show{opacity:1;transform:translateY(0)}.wukong-toast.error{border-color:rgba(255,107,138,.35);color:#ffe7ed;background:rgba(42,13,21,.96)}
.wukong-watermark{position:fixed;inset:0;z-index:1490;pointer-events:none;opacity:.13;background-repeat:repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='280'%3E%3Ctext x='140' y='70' fill='%239db4ff' font-size='15' font-family='sans-serif' text-anchor='middle' transform='rotate(-24 140 70)'%3E%E3%80%90%E6%82%9F%E5%B0%8F%E7%A9%BAAI%E3%80%91%EF%BC%9Amin11538%3C/text%3E%3Ctext x='420' y='210' fill='%239db4ff' font-size='15' font-family='sans-serif' text-anchor='middle' transform='rotate(-24 420 210)'%3E%E3%80%90%E6%82%9F%E5%B0%8F%E7%A9%BAAI%E3%80%91%EF%BC%9Amin11538%3C/text%3E%3C/svg%3E")}
.onboarding-overlay{position:fixed;inset:0;z-index:2200;display:grid;place-items:center;padding:20px;background:rgba(3,6,13,.76);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.onboarding-overlay[hidden]{display:none}.onboarding-dialog{width:min(1120px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:hidden;border:1px solid var(--line-strong);border-radius:22px;background:#121722;box-shadow:0 32px 90px rgba(0,0,0,.56);display:flex;flex-direction:column}.onboarding-head{height:68px;flex:0 0 auto;padding:0 22px 0 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.onboarding-head>div{display:flex;align-items:center;gap:10px}.onboarding-kicker{color:var(--text);font-size:14px;font-weight:800}.onboarding-step-label{padding:4px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:700}.onboarding-close{width:38px;height:38px;border:0;border-radius:11px;background:var(--surface-2);color:var(--soft);font-size:19px;cursor:pointer}.onboarding-close:hover{background:var(--line-strong);color:var(--text)}.onboarding-content{min-height:0;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(290px,.72fr);gap:0}.onboarding-visual{min-width:0;align-self:center;margin:22px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#080c15;aspect-ratio:16/9;display:flex;align-items:stretch}.onboarding-copy{min-width:0;padding:42px 34px 30px 10px;display:flex;flex-direction:column;align-items:flex-start}.onboarding-number{color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.15em}.onboarding-copy h2{margin-top:14px;color:var(--text);font-size:27px;line-height:1.25;letter-spacing:-.02em}.onboarding-copy p{margin-top:18px;color:var(--soft);font-size:14px;line-height:1.9}.onboarding-dots{margin-top:auto;padding-top:28px;display:flex;align-items:center;gap:7px}.onboarding-dots span{width:7px;height:7px;border-radius:999px;background:var(--line-strong);transition:width .16s,background .16s}.onboarding-dots span.is-active{width:24px;background:var(--accent)}.onboarding-foot{min-height:72px;flex:0 0 auto;padding:13px 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:#10151f}.onboarding-skip{border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.onboarding-skip:hover{color:var(--text)}.onboarding-nav{display:flex;align-items:center;gap:9px}.onboarding-nav .mp-week-btn,.onboarding-nav .assist-apply-btn{min-width:92px;padding:10px 16px}.onboarding-nav [hidden]{display:none}
.guide-scene{width:100%;min-width:0;padding:14px;display:grid;align-items:center;gap:12px}.guide-scene-single{grid-template-columns:1fr}.guide-scene-split{grid-template-columns:minmax(0,.78fr) 24px minmax(0,1.22fr)}.guide-scene-arrow{color:#ff5f67;font-size:25px;font-weight:900;text-align:center}.guide-shot-wrap{min-width:0;display:flex;flex-direction:column;gap:7px}.guide-shot-caption{align-self:flex-start;padding:4px 8px;border-radius:999px;background:rgba(255,95,103,.13);color:#ff9ca2;font-size:10px;font-weight:800}.guide-shot{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:10px;background:#080c15;aspect-ratio:1338/688}.guide-shot-app img{position:absolute;left:0;top:-11.63%;width:100%;height:auto;display:block}.guide-marker{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);z-index:2;border:3px solid #ff4e57;border-radius:6px;box-shadow:0 0 0 2px rgba(4,8,18,.7),0 0 15px rgba(255,78,87,.42);pointer-events:none}.guide-marker b{position:absolute;left:-10px;top:-13px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ff4e57;color:#fff;font-size:11px;box-shadow:0 2px 7px rgba(0,0,0,.45)}.guide-marker em{position:absolute;left:3px;top:calc(100% + 5px);max-width:150px;padding:3px 7px;border-radius:5px;background:#ff4e57;color:#fff;font-size:9.5px;font-style:normal;font-weight:800;line-height:1.25;white-space:nowrap;box-shadow:0 3px 9px rgba(0,0,0,.42)}.guide-marker.is-bottom em{top:auto;bottom:calc(100% + 5px)}.guide-progress-scene{width:100%;padding:22px 18px;display:flex;flex-direction:column;justify-content:center;gap:20px}.guide-progress-crop{position:relative;width:100%;overflow:hidden;border:3px solid #ff4e57;border-radius:10px;background:#111629;box-shadow:0 0 18px rgba(255,78,87,.2)}.guide-progress-crop img{position:absolute;display:block;height:auto}.guide-progress-flow{aspect-ratio:14.38/1}.guide-progress-flow img{width:105.96%;left:-1.99%;top:-272.4%}.guide-progress-latest{aspect-ratio:18.75/1}.guide-progress-latest img{width:106.67%;left:-3%;top:-582.5%}.guide-marker-static{left:8px;top:8px;width:auto;height:auto;border:0;box-shadow:none}.guide-marker-static b{position:relative;left:auto;top:auto}.guide-marker-static em{left:28px;top:1px}.guide-storage-scene{width:100%;min-width:0;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:11px}.guide-storage-item{display:flex;gap:12px;align-items:flex-start;padding:12px 15px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02)}.guide-storage-item b{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);font-size:15px}.guide-storage-item strong{display:block;color:var(--text);font-size:13px;font-weight:800}.guide-storage-item span{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.65}.storage-note{margin:4px 0 12px;padding:10px 16px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--muted);font-size:12px;line-height:1.7;text-align:center}
.guide-progress-latest{aspect-ratio:11.5/1}.guide-progress-latest img{top:-350%}
@media(max-width:1000px){.moments-plan-grid{grid-template-columns:repeat(7,minmax(72px,1fr));overflow-x:auto}}
@media(max-width:760px){.wukong-topbar{flex-basis:auto;padding:8px 16px;gap:10px}.wukong-avatar{width:44px;height:44px;border-radius:12px}.wukong-title{font-size:17px;white-space:nowrap}.wukong-subtitle{font-size:10px;white-space:normal;line-height:1.4}.wukong-top-actions{gap:5px}.wukong-help-btn{width:32px;height:32px;font-size:15px}.wukong-api-btn{padding:7px 8px;font-size:11px}.main-content{padding:14px}.section-head{align-items:flex-start}.mp-head-controls{width:100%;margin-left:0;justify-content:space-between}.mp-week-nav{margin-left:0}.moments-plan-grid{grid-template-columns:repeat(7,minmax(80vw,1fr));height:calc(100dvh - 315px);min-height:390px;scroll-snap-type:x mandatory}.mp-day{scroll-snap-align:start}.mp-week-btn{padding:8px 12px;font-size:12px}.mp-week-label{min-width:58px}.wukong-drafts-list>.draft-card{flex-basis:78vw!important}.moments-picker{width:calc(100vw - 16px);max-height:calc(100dvh - 12px)}.moments-picker-body{grid-template-columns:1fr;padding:12px}.mp-picker-tabs{padding:12px;gap:8px}.mp-picker-panel{grid-template-columns:1fr}.agent-modal{width:calc(100vw - 24px);height:calc(100dvh - 12px);border-radius:22px}.agent-modal .moments-picker-head{padding:16px 18px;font-size:19px}.agent-modal .chat-thread{padding:18px}.agent-modal .chat-msg{max-width:92%;padding:14px 16px;font-size:15px}.agent-modal .chat-foot{padding:14px 18px 18px}.wukong-form{grid-template-columns:1fr}.wukong-field.wide,.wukong-note{grid-column:auto}.generation-field-head{align-items:flex-start;flex-direction:column;gap:3px}.generation-field-head em{white-space:normal}.generation-time-hint{display:none}.plan-task-list{grid-template-columns:1fr}.model-route{grid-template-columns:70px 1fr}.model-route small{grid-column:2}.wukong-progress>div:first-child{align-items:flex-start;flex-direction:column;gap:4px}.wukong-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}.wukong-flow>div:nth-child(3){padding-left:0}.wukong-flow>div:nth-child(3)::before{display:none}.wpl-plan-actions{justify-content:flex-start;flex-wrap:wrap}.onboarding-overlay{padding:8px}.onboarding-dialog{width:100%;max-height:calc(100dvh - 16px);border-radius:18px}.onboarding-head{height:56px;padding:0 13px 0 17px}.onboarding-content{display:flex;flex-direction:column;overflow-y:auto}.onboarding-visual{flex:0 0 auto;width:calc(100% - 28px);margin:14px;aspect-ratio:auto;min-height:280px;border-radius:11px}.onboarding-copy{padding:8px 20px 22px}.onboarding-copy h2{margin-top:8px;font-size:22px}.onboarding-copy p{margin-top:12px;font-size:13px;line-height:1.75}.onboarding-dots{margin-top:0;padding-top:20px}.onboarding-foot{min-height:66px;padding:10px 14px}.onboarding-nav .mp-week-btn,.onboarding-nav .assist-apply-btn{min-width:78px;padding:9px 12px}.guide-scene-split{grid-template-columns:1fr}.guide-scene-arrow{height:18px;line-height:18px;transform:rotate(90deg)}.guide-marker{border-width:2px}.guide-marker b{width:18px;height:18px;left:-8px;top:-10px;font-size:9px}.guide-marker em{font-size:8px}.guide-progress-scene{padding:20px 12px}.guide-progress-flow{aspect-ratio:8/1}.guide-progress-flow img{width:105.96%;left:-1.99%;top:-153%}.guide-progress-latest{aspect-ratio:10/1}.guide-progress-latest img{width:106.67%;left:-3%;top:-310%}}
@media(prefers-reduced-motion:reduce){.onboarding-dots span{transition:none}}
@media(max-width:760px){.plan-confirm-modal .wukong-modal-body{overflow-x:auto}.plan-week-overview{position:sticky;left:0;z-index:2}.plan-week-overview p{display:none}.plan-confirm-week-grid{grid-template-columns:repeat(7,minmax(72vw,1fr));min-width:max-content;scroll-snap-type:x mandatory}.plan-day-column{scroll-snap-align:start}.plan-task-editor{position:fixed;inset:8px;width:auto;border:1px solid var(--line-strong);border-radius:16px;overflow:hidden}.plan-confirm-count{display:none}.plan-confirm-modal .wukong-modal-foot{gap:7px}.plan-confirm-modal .wukong-modal-foot button{padding:9px 11px;font-size:11px}}
@media(max-width:760px){.generation-goals{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Responsive product layouts: desktop keeps the 7 x 3 board, tablet pans, mobile focuses one day. */
.board-title-mobile,.mobile-day-nav{display:none}
.mobile-day-nav[hidden]{display:none!important}

@media(min-width:761px) and (max-width:1100px){
  .wukong-topbar{padding:0 28px}
  .main-content{padding:20px}
  .moments-plan-grid{grid-template-columns:repeat(7,minmax(210px,1fr));overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .mp-day{scroll-snap-align:start}
  .mp-head-controls{width:100%;justify-content:flex-end}
  .moments-picker{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
  .agent-modal{height:min(760px,calc(100dvh - 24px))}
  .plan-confirm-modal{width:calc(100vw - 24px)}
}

@media(max-width:760px){
  /* 窄屏抽屉从底部进入，避免沿用桌面居中位移时先飞出屏幕。 */
  .moments-picker{left:1px;right:1px;top:auto;bottom:1px;width:auto;max-width:none;transform:translateY(16px)}
  .wukong-topbar{flex:0 0 64px;padding:8px 12px;gap:9px}
  .wukong-avatar{width:40px;height:40px;border-radius:11px}
  .wukong-brand{gap:0;flex:1}
  .wukong-title{font-size:15.5px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .wukong-subtitle{display:none}
  .wukong-top-actions{gap:6px}
  .wukong-help-btn,.wukong-api-btn{width:38px;height:38px;min-width:38px;padding:0;border-radius:11px}
  .wukong-api-btn{font-size:0}
  .wukong-api-btn::before{content:"⚙";font-size:16px}

  .main-content{padding:12px 11px 28px}
  .section{margin-bottom:16px}
  .section-head{gap:9px 8px;margin-bottom:10px}
  .section-head h2{font-size:16px}
  .board-title-desktop{display:none}
  .board-title-mobile{display:inline}
  .hb-bubble{width:17px;height:17px;margin-right:5px}
  .mp-head-controls{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);gap:8px}
  .mp-week-nav{grid-column:1/-1;width:100%;display:grid;grid-template-columns:1fr minmax(72px,auto) 1fr;gap:6px;margin:0}
  .mp-week-nav .mp-week-btn{width:100%}
  .mp-week-label{min-width:0;align-self:center}
  .mp-back-now{grid-column:1/-1}
  #agentButton,#generateButton{width:100%;min-width:0}
  .mp-week-btn{min-height:44px;padding:10px 9px;font-size:12px}
  #momentsWeekHint{font-size:10.5px;line-height:1.45}

  .mobile-day-nav{display:flex;align-items:center;justify-content:space-between;height:48px;margin:0 0 9px;padding:4px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
  .mobile-day-nav button{width:40px;height:40px;border:0;border-radius:10px;background:var(--surface-2);color:var(--text);font-size:23px;cursor:pointer}
  .mobile-day-nav button:disabled{opacity:.28}
  .mobile-day-nav strong{font-size:13px;color:var(--soft);letter-spacing:.02em}
  .moments-plan-grid{display:grid;grid-template-columns:1fr;height:clamp(420px,calc(100dvh - 330px),560px);min-height:420px;overflow:hidden;scroll-snap-type:none;margin-bottom:16px}
  .moments-plan-grid .mp-day{display:none;width:100%;height:100%;scroll-snap-align:none}
  .moments-plan-grid .mp-day.is-mobile-active{display:flex}
  .mp-day-label{padding:11px 10px;font-size:14px}
  .mp-cell{padding:15px 14px;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:10px;justify-content:stretch}
  .mp-cell-time{font-size:12px}
  .mp-cell-type{font-size:13px;line-height:1.45}
  .mp-cell-status{font-size:13px}
  .wukong-drafts-list>.draft-card{flex-basis:82vw!important}

  .wukong-progress{padding:11px;margin-bottom:11px}
  .wukong-flow{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:5px;row-gap:0;margin-top:10px}
  .wukong-flow>div{padding:0 3px;text-align:center}
  .wukong-flow>div:first-child,.wukong-flow>div:nth-child(3){padding-left:3px}
  .wukong-flow>div:not(:first-child)::before,.wukong-flow>div:nth-child(3)::before{display:none}
  .wukong-flow b{font-size:9.5px;white-space:normal}
  .wukong-flow span{display:none}
  .wpl-row{gap:5px}
  .wpl-row span{font-size:9.5px}
  .wpl-events{display:none}
  .wpl-latest{padding:8px 9px}

  .moments-picker.show,.wukong-modal.show,.agent-modal.show{left:1px;right:1px;top:auto;bottom:1px;width:auto;max-width:none;height:auto;max-height:calc(100dvh - 7px);transform:none;border-radius:20px 20px 0 0;border-bottom:0}
  .agent-modal.show{height:calc(100dvh - 6px)}
  .moments-picker .drawer-header,.agent-modal .moments-picker-head{min-height:60px;padding:12px 15px}
  .drawer-title,.agent-modal .moments-picker-title{font-size:17px}
  .modal-close,.agent-modal .moments-picker-close{width:40px;height:40px;min-width:40px}
  .mp-picker-tabs{flex:0 0 54px;padding:9px 11px;gap:7px}
  .mp-picker-tab{min-height:36px;padding:8px 13px;font-size:12px}
  .moments-picker-body{padding:10px;gap:10px}
  .mp-picker-panel{grid-template-columns:1fr;gap:10px}
  .mp-picker-panel[data-panel="versions"]>.mp-style-card{height:220px}
  .mp-picker-panel[data-panel="versions"]>.mp-style-card.is-expanded{min-height:220px}
  .mp-style-card{padding:13px}
  .mp-style-preview{font-size:13px;line-height:1.65}
  .moments-picker-tip{padding:9px 10px;font-size:10px}

  .agent-modal .chat-thread{padding:14px 12px;gap:10px}
  .agent-modal .chat-msg{max-width:94%;padding:12px 14px;font-size:14px;line-height:1.65;border-radius:15px}
  .agent-modal .chat-foot{padding:10px 11px calc(10px + env(safe-area-inset-bottom));gap:8px}
  .chat-input{min-height:56px;max-height:112px;padding:10px 12px;font-size:14px}
  .agent-modal .assist-apply-btn{min-width:72px;min-height:56px;padding:10px 13px}

  .wukong-modal-body{padding:14px 13px}
  .wukong-modal-foot{padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px}
  .wukong-modal-foot .assist-apply-btn,.wukong-modal-foot .mp-week-btn{min-height:44px}
  .generation-brief-form{gap:12px}
  .generation-goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .generation-goal-option span{min-height:42px;display:grid;place-items:center}
  .generation-week-picker{grid-template-columns:44px minmax(0,1fr) 44px}
  .generation-week-picker .mp-week-btn{height:44px}
  .generation-time-hint{display:none}
  .generation-saved-field textarea[name="writing_instructions"]{max-height:128px}

  .onboarding-dialog{height:calc(100dvh - 16px)}
  .onboarding-content{flex:1}
  .onboarding-visual{min-height:220px;max-height:250px}
  .onboarding-copy{padding:7px 18px 16px}
  .onboarding-copy h2{font-size:20px}
  .onboarding-foot button{min-height:42px}
}

@media(max-width:390px){
  .wukong-title{font-size:14.5px}
  .wukong-help-btn,.wukong-api-btn{width:36px;height:36px;min-width:36px}
  .mp-head-controls{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .mp-week-btn{font-size:11.5px}
  .moments-plan-grid{height:clamp(410px,calc(100dvh - 325px),520px);min-height:410px}
  .mp-cell{grid-template-columns:68px minmax(0,1fr) auto;padding:13px 11px}
  .agent-modal .chat-msg{max-width:96%}
}

/* ---------- 白天主题 ---------- */
.theme-light{--bg:#f5f6fa;--bg2:#f5f6fa;--surface:#f1f3f6;--surface-2:#eaedf2;--line:#e6e8ef;--line-strong:#d8dce5;--text:#1d2433;--muted:#5c6a80;--soft:#3c4a61;--accent:#6a4df0;--accent-2:#0f9d87;--accent-3:#d97c2a;--accent-4:#e04a6b;--accent-5:#2f7fc1;--card-bg:#ffffff;--card-border:#e6e8ef;--card-shadow:0 8px 28px rgba(29,36,51,.07);--scrollbar:#6a4df033;--topbar-bg:rgba(255,255,255,.88)}
.theme-light::before{background:radial-gradient(900px 500px at 10% -5%,rgba(106,77,240,.06),transparent 60%),radial-gradient(700px 400px at 88% 8%,rgba(15,157,135,.04),transparent 55%),radial-gradient(600px 400px at 50% 105%,rgba(217,124,42,.03),transparent 55%)}
.theme-light .wukong-topbar{background:var(--topbar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 #e6e8ef}
.theme-light .wukong-subtitle{color:#5c6a80}
.theme-light .wukong-api-btn{color:#4b3aa8}
.theme-light .assist-input{color:var(--text)}
.theme-light .plan-task-editor{background:#ffffff}
.theme-light .pte-foot{background:#f2f3f8}
.theme-light .onboarding-dialog{background:#ffffff;box-shadow:0 32px 90px rgba(29,36,51,.22)}
.theme-light .onboarding-foot{background:#f6f7fc}
.theme-light .guide-shot{background:#eceef5}
.theme-light .guide-progress-crop{background:#ffffff}
.theme-light .wukong-toast{color:#17332e;background:rgba(237,251,247,.97)}
.theme-light .wukong-toast.error{color:#7e2130;background:rgba(255,240,243,.97)}
.theme-light .wukong-watermark{opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='560' height='280'%3E%3Ctext x='140' y='70' fill='%235c6a80' font-size='15' font-family='sans-serif' text-anchor='middle' transform='rotate(-24 140 70)'%3E%E3%80%90%E6%82%9F%E5%B0%8F%E7%A9%BAAI%E3%80%91%EF%BC%9Amin11538%3C/text%3E%3Ctext x='420' y='210' fill='%235c6a80' font-size='15' font-family='sans-serif' text-anchor='middle' transform='rotate(-24 420 210)'%3E%E3%80%90%E6%82%9F%E5%B0%8F%E7%A9%BAAI%E3%80%91%EF%BC%9Amin11538%3C/text%3E%3C/svg%3E")}
.theme-light .wukong-topbar{color:var(--text)}
.theme-light .wukong-help-btn{color:#4b3aa8}
/* 白天主题：生成进度面板去紫调——白卡承载，紫色只留给激活步骤与进度条，警示用正经琥珀色 */
.theme-light .wukong-progress{border:1px solid var(--line-strong);background:#ffffff;box-shadow:0 8px 28px rgba(29,36,51,.07)}
.theme-light .wukong-progress-live{border-top:1px solid var(--line)}
.theme-light .wpl-row span{background:#f2f3f8}
.theme-light .wpl-retry{background:#fdf3ec;border:1px solid rgba(217,124,42,.26);color:#a8541b}
.theme-light .wpl-latest{border:1px solid rgba(15,157,135,.24);background:#f3f9f8}
.theme-light .wpl-latest strong{color:#0b7d6d}
.theme-light .wukong-generate-btn{background:var(--accent);border-color:var(--accent);color:#fff}
.theme-light .moments-picker{background:#ffffff;box-shadow:0 24px 70px rgba(29,36,51,.16),inset 0 1px 0 rgba(255,255,255,.6)}
@media(max-width:760px){
  .wukong-brand{min-width:0;flex:1 1 auto}
  .wukong-title{overflow:hidden;text-overflow:ellipsis}
}

/* ---------- 设置向导 ---------- */
.wz-modal .moments-picker-head{gap:10px}
.wz-npc{width:40px;height:40px;object-fit:contain;flex:0 0 40px}
.wz-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}
.wz-copy{font-size:14px;line-height:1.8;color:var(--text)}
.wz-copy b{color:var(--accent)}
.wz-lead{font-size:15px}
.wz-chip{display:inline-block;padding:3px 12px;margin-right:8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent);font-weight:800;font-size:13px}
.wz-pain{border-left:3px solid var(--accent);padding:10px 14px;border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--accent) 8%,var(--surface));font-size:14.5px;font-weight:700;line-height:1.7}
.wz-sec{margin-top:4px}
.wz-list{display:flex;flex-direction:column;gap:8px}
.wz-list div{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:9px 12px}
.wz-list i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent);font-style:normal;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.wz-list b{color:var(--text);margin-right:6px}
.wz-pain{border-left:3px solid var(--accent);padding:6px 12px;font-weight:600}
.wz-list{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--soft);padding-left:4px}
.wz-ask{display:flex;flex-direction:column;gap:7px;margin-top:2px}
.wz-ask label{font-size:12.5px;font-weight:700;color:var(--text)}
.wz-ask textarea{width:100%;box-sizing:border-box;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13.5px;color:var(--text);resize:vertical;font-family:inherit}
.wz-file-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.wz-file-row input{font-size:12px;color:var(--soft)}
.wz-privacy{font-size:11.5px;color:var(--muted)}
.wz-foot{flex:0 0 auto;display:flex;gap:10px;justify-content:flex-end;padding:14px 24px 18px;border-top:1px solid var(--line)}
.pf-row{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center}
.pf-label{font-size:12.5px;font-weight:700;color:var(--soft);text-align:right}
.pf-row input{width:100%;box-sizing:border-box;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--text);font-family:inherit}
.pf-demo{border:1px dashed var(--line-strong);border-radius:10px;padding:10px 12px}
.pf-demo summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--accent)}
.pf-demo-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}
.pf-demo-pair p{margin:4px 0 0;font-size:12.5px;line-height:1.7;color:var(--text);white-space:pre-wrap}
.rt-row{display:grid;grid-template-columns:64px 1fr 44px;grid-template-areas:'l i p' 'h h h';gap:6px 10px;align-items:center}
.rt-label{font-size:13px;font-weight:700;color:var(--text);text-align:right}
.rt-row input[type=range]{width:100%;accent-color:var(--accent)}
.rt-pct{font-size:14px;font-weight:800;color:var(--accent);text-align:right}
.rt-hint{grid-area:h;font-size:11px;color:var(--muted)}
.rt-calc{margin-top:6px;padding:8px 12px;border-radius:9px;background:var(--surface-2);font-size:12.5px;font-weight:700;color:var(--soft);text-align:center}
.profile-summary{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));font-size:12.5px;font-weight:600;color:var(--soft)}
.ps-edit{margin-left:auto;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--accent);font-size:11.5px;font-weight:700;padding:4px 12px;cursor:pointer}
@media(max-width:760px){.pf-demo-pair{grid-template-columns:1fr}.pf-row{grid-template-columns:76px 1fr}.wz-body{padding:16px}}

/* ---------- 向导插画与进度点 ---------- */
.wz-art{width:100%;max-height:170px;object-fit:cover;border-radius:12px;border:1px solid var(--line-strong);margin-bottom:2px}
.wz-dots{display:flex;gap:5px;margin-left:auto;margin-right:10px}
.wz-dots i{width:7px;height:7px;border-radius:50%;background:var(--line-strong);display:block}
.wz-dots i.done{background:color-mix(in srgb,var(--accent) 45%,var(--line-strong))}
.wz-dots i.on{background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 60%,transparent)}

/* 产品介绍、操作教学、个人资料：入口分开，沿用同一套视觉。 */
.wukong-top-actions .wukong-api-btn::before{content:none}
.wk-guide-layer{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:20px;background:rgba(5,9,20,.82);isolation:isolate}
.wk-guide-dialog{position:relative;z-index:2;width:min(680px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:24px;background:var(--bg);color:var(--text);box-shadow:0 30px 100px #0005;overflow:hidden}
.wk-guide-dialog header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 16px;gap:16px;border-bottom:1px solid var(--line)}
.wk-guide-dialog header small,.wk-tour-count{color:var(--accent);font-weight:700;font-size:12px;letter-spacing:.06em}
.wk-guide-dialog h2{margin:7px 0 0;font-size:23px;line-height:1.35}
.wk-guide-close{border:0;background:var(--surface-2);color:var(--muted);width:36px;height:36px;flex:0 0 36px;border-radius:50%;cursor:pointer}
.wk-tour-npc{width:48px;height:60px;object-fit:contain;flex:0 0 48px}.wk-guide-dialog header>div{flex:1}
.wk-guide-body{padding:22px 26px;overflow-y:auto;min-height:0;line-height:1.8;font-size:14px}
.wk-guide-body p{margin:12px 0;color:var(--soft)}
.wk-guide-body strong,.wk-guide-body b{color:var(--text);font-weight:750}
.wk-guide-body .wk-guide-takeaway{margin-top:20px;padding:16px 18px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--surface-2)}
.wk-tour-copy{font-size:15px;line-height:1.85}
.wk-tour-copy p{margin:16px 0}.wk-tour-copy p:last-child{margin-bottom:0}
.wk-guide-body small{color:var(--muted)}
.wk-guide-dialog footer{display:flex;gap:9px;align-items:center;justify-content:flex-end;padding:16px 26px;border-top:1px solid var(--line);flex-shrink:0;flex-wrap:wrap}
.wk-guide-dialog footer button:first-child{margin-right:auto}
.wk-intro-art{width:100%;height:190px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.wk-guide-body .wk-guide-lead{font-size:19px;font-weight:700;color:var(--text);line-height:1.55;margin-top:20px}
.wk-guide-tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.wk-guide-tags span{padding:4px 12px;background:var(--surface-2);border-radius:20px;color:var(--accent);font-size:12px}
.wk-guide-body details{border-top:1px solid var(--line);padding-top:14px;margin-top:20px}
.wk-guide-body summary,.generation-saved-details summary{cursor:pointer;color:var(--soft);font-weight:600}
.wk-help-options{display:grid;gap:12px}
.wk-help-options button,.wk-profile-sections button{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;font:inherit;color:var(--text);cursor:pointer}
.wk-help-options button:hover,.wk-profile-sections button:hover{border-color:var(--accent);background:var(--surface-2)}
.wk-help-options span{font-size:11px;font-weight:700;color:var(--accent)}
.wk-help-options b{font-size:18px}
.wk-help-options small{font-size:12px;color:var(--muted)}
.wk-button-index h3{font-size:14px;color:var(--text);margin-bottom:4px}
.wk-button-index p{font-size:13px;margin-top:4px}
.wk-pain-grid{display:grid;gap:10px;margin-top:14px}
.wk-pain-grid div{padding:13px 16px;border:1px solid var(--line);border-radius:12px}
.wk-pain-grid b,.wk-pain-grid span{display:block}
.wk-pain-grid span{font-size:13px;color:var(--muted);margin-top:3px}
.wk-profile-sections{display:grid;gap:10px}
.wk-profile-sections span{font-size:13px;color:var(--muted);line-height:1.6}
.wz-step-label{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}.wz-step-label+.wz-dots{margin-left:0}
.wz-modal.show{height:auto;min-height:360px;max-height:calc(100dvh - 24px)}
.generation-saved-details{grid-column:1/-1;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:13px}
.generation-saved-details label{margin-top:12px}
.wk-guide-layer button:focus-visible,.wk-guide-layer summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:760px){
  .wk-guide-layer{padding:10px}.wk-guide-dialog{max-height:calc(100dvh - 20px);border-radius:20px}
  .wk-guide-dialog header{padding:18px 18px 14px}.wk-guide-dialog h2{font-size:20px}
  .wk-guide-body{padding:16px 18px;font-size:13px}.wk-intro-art{height:150px}
  .wk-guide-dialog footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:6px}
  .wk-guide-dialog footer button{padding:10px 12px;font-size:12px;min-height:42px}
  .wk-guide-body .wk-guide-lead{font-size:17px}.wk-help-options button{padding:15px}
  .wk-profile-sections button{padding:14px}.wz-foot{padding:12px 16px;flex-wrap:wrap}
  .wz-step-label+.wz-dots{display:none}.wz-modal .moments-picker-title{font-size:14px}.wz-npc{width:30px;height:36px;flex-basis:30px}
  .wz-modal .moments-picker-head{display:grid;grid-template-columns:30px minmax(0,1fr) 40px;grid-template-rows:auto auto;gap:2px 10px}
  .wz-modal .wz-npc{grid-column:1;grid-row:1/3}.wz-modal .moments-picker-title{grid-column:2;grid-row:1;min-width:0}
  .wz-modal .wz-step-label{grid-column:2;grid-row:2;margin-left:0}.wz-modal .moments-picker-close{grid-column:3;grid-row:1/3}
}