:root{--bg:#fff;--surface:#f7f8fa;--surface-warm:#eff6ff;--fg:#1f1f1f;--fg-2:#4b5563;--muted:#697386;--meta:#1677ff;--border:#d9dce3;--border-soft:#eef0f4;--accent:#1677ff;--accent-on:#fff;--accent-hover:color-mix(in oklab, var(--accent), black 8%);--accent-active:color-mix(in oklab, var(--accent), black 14%);--success:#22a06b;--warn:#faad14;--danger:#1677ff;--font-display:"Ant Sans", "Alibaba PuHuiTi", Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-body:"Ant Sans", "Alibaba PuHuiTi", Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:22px;--text-2xl:32px;--text-3xl:48px;--text-4xl:64px;--leading-body:1.52;--leading-tight:1.08;--tracking-display:-.018em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:9999px;--elev-flat:none;--elev-ring:0 0 0 1px var(--border);--elev-raised:0 18px 42px #1f1f1f1a;--focus-ring:0 0 0 4px #1677ff38;--motion-fast:.14s;--motion-base:.22s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--rail-w-left:268px;--rail-w-right:324px;--line:var(--border);--ink:var(--fg);--brand:var(--accent);--brand-soft:var(--surface-warm);--radius:var(--radius-md);--shadow:var(--elev-raised)}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--surface);color:var(--fg);font-size:var(--text-sm);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--fg)}svg{width:18px;height:18px;display:block}.hidden{display:none!important}.store-login{background:#f7faff;grid-template-columns:minmax(360px,1.15fr) minmax(440px,.85fr);min-height:100vh;display:grid}.login-intro{color:#f7fbff;background:linear-gradient(140deg,#095ad7 0%,#147cff 53%,#73b6ff 150%);flex-direction:column;justify-content:space-between;min-height:680px;padding:clamp(38px,7vw,88px);display:flex;position:relative;overflow:hidden}.login-intro:before{content:"";border:1px solid #ffffff40;border-radius:50%;width:64vw;height:64vw;position:absolute;bottom:-40vw;right:-27vw;box-shadow:0 0 0 54px #ffffff0e,0 0 0 108px #ffffff0a}.login-intro__brand,.login-panel__brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.login-intro__brand img{filter:brightness(0)invert();width:126px;height:auto}.login-intro__brand span{letter-spacing:.12em;border-left:1px solid #ffffff73;padding-left:12px;font-size:12px}.login-intro__copy{z-index:1;max-width:520px;position:relative}.login-panel__eyebrow{letter-spacing:.16em;margin:0 0 14px;font-size:11px;font-weight:800}.login-intro h1{letter-spacing:-.055em;white-space:nowrap;margin:0;font-size:clamp(42px,5.3vw,74px);font-weight:760;line-height:1.04}.login-intro__steps{z-index:1;gap:14px;max-width:430px;margin:42px 0 0;padding:0;list-style:none;display:grid;position:relative}.login-intro__steps li{color:#ffffffdb;border-top:1px solid #ffffff47;grid-template-columns:42px 1fr;align-items:baseline;gap:14px;padding-top:14px;font-size:14px;display:grid}.login-intro__steps b{color:#d9ebff;letter-spacing:.09em;font-size:12px}.login-intro__orbit{z-index:0;border:1px solid #ffffff40;border-radius:50%;width:140px;height:140px;position:absolute}.orbit-a{top:23%;right:11%}.orbit-b{background:#ffffff29;border:0;width:48px;height:48px;top:18%;right:20%}.login-panel{flex-direction:column;justify-content:center;width:min(440px,100% - 64px);margin:0 auto;padding:64px 0;display:flex}.login-panel__brand img{width:132px;height:auto}.login-panel__eyebrow{color:var(--accent);margin-top:58px}.login-panel h2{color:#102a4d;letter-spacing:-.045em;margin:0;font-size:36px;line-height:1.16}.login-panel__lead{color:#71829a;margin:12px 0 0;font-size:15px}.login-panel form{gap:20px;margin-top:42px;display:grid}.login-panel label{color:#29425f;gap:9px;font-size:13px;font-weight:700;display:grid}.login-panel input{height:48px;font:inherit;transition:border-color var(--motion-fast), box-shadow var(--motion-fast), background var(--motion-fast);background:#fbfdff;border:1px solid #d6e1ef;border-radius:8px;outline:none;padding:0 14px}.login-panel input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);background:#fff}.login-panel button{background:var(--accent);color:#fff;letter-spacing:.01em;height:50px;transition:transform var(--motion-fast), background var(--motion-fast), box-shadow var(--motion-fast);border:0;border-radius:8px;margin-top:8px;font-weight:750;box-shadow:0 10px 20px #1677ff38}.login-panel button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 13px 24px #1677ff47}.login-panel button:disabled{cursor:wait;opacity:.7}.login-panel [role=alert]{color:#0958d9;background:#eff6ff;border:1px solid #b7d4ff;border-radius:7px;padding:10px 12px;font-size:13px;line-height:1.5}.login-panel__hint{color:#8b9aae;margin:20px 0 0;font-size:12px;line-height:1.7}@media (width<=820px){.store-login{background:#fff;display:block}.login-intro{min-height:300px;padding:32px 28px}.login-intro__copy{margin-top:44px}.login-intro h1{font-size:clamp(30px,10vw,38px)}.login-intro__steps{display:none}.login-panel{width:min(440px,100% - 48px);padding:48px 0}.login-panel__eyebrow{margin-top:42px}}.app{flex-direction:column;min-width:1240px;height:100vh;display:flex}.topbar{align-items:center;gap:var(--space-4);height:56px;padding:0 var(--space-5);background:var(--bg);border-bottom:1px solid var(--border);z-index:30;flex:none;display:flex;position:relative}.tb-left{align-items:center;gap:var(--space-3);display:flex}.tb-back{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--fg-2);place-items:center;display:grid}.tb-back:hover{background:var(--surface);color:var(--fg)}.tb-crumb{font-size:var(--text-sm);color:var(--muted)}.tb-crumb b{color:var(--fg);font-weight:600}.brand-mark{object-fit:contain;width:88px;height:auto}.tb-tplname{font-weight:600;font-size:var(--text-base);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;min-width:60px;margin-left:2px;padding:4px 8px}.tb-tplname:hover{background:var(--surface);border-color:var(--border-soft)}.tag-hq{color:var(--accent);background:var(--surface-warm);border-radius:var(--radius-pill);border:1px solid #cfe2ff;padding:2px 7px;font-size:11px;font-weight:600}.tb-mid{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.seg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;display:inline-flex}.seg button{font-size:var(--text-sm);color:var(--fg-2);border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-weight:500;display:inline-flex}.seg button.on{background:var(--bg);color:var(--fg);font-weight:600;box-shadow:0 1px 2px #1f1f1f14}.store-pill{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--fg);background:var(--bg);align-items:center;gap:8px;padding:6px 12px;font-weight:500;display:inline-flex}.store-pill:hover{border-color:var(--accent);color:var(--accent)}.store-pill .pin{width:14px;height:14px;color:var(--accent)}.tb-right{align-items:center;gap:var(--space-2);display:flex}.btn{border-radius:var(--radius-md);height:34px;font-size:var(--text-sm);transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast);white-space:nowrap;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:inline-flex}.btn-ghost{color:var(--fg-2);border:1px solid var(--border);background:var(--bg)}.btn-ghost:hover{color:var(--fg);border-color:var(--muted)}.btn-primary{background:var(--accent);color:var(--accent-on)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-active)}.btn-soft{background:var(--surface-warm);color:var(--accent);border:1px solid #cfe2ff}.btn-soft:hover{background:color-mix(in oklab, var(--surface-warm), white 40%)}.btn svg{width:15px;height:15px}.body{flex:1;min-height:0;position:relative}.workspace{display:flex;position:absolute;inset:0}.rail{background:var(--bg);flex-direction:column;min-height:0;display:flex}.rail-left{width:var(--rail-w-left);border-right:1px solid var(--border)}.rail-right{width:var(--rail-w-right);overscroll-behavior:contain;border-left:1px solid var(--border);overflow-y:auto}.rail-right::-webkit-scrollbar{width:8px}.rail-right::-webkit-scrollbar-thumb{background:#d2d5dd;border-radius:8px}.rail-right::-webkit-scrollbar-track{background:0 0}.rail-scroll{padding:var(--space-5);flex:1;overflow-y:auto}.rail-scroll::-webkit-scrollbar{width:8px;height:8px}#previewScroll::-webkit-scrollbar{width:8px;height:8px}.ws-share::-webkit-scrollbar{width:8px;height:8px}.rail-scroll::-webkit-scrollbar-thumb{background:#d2d5dd;border-radius:8px}#previewScroll::-webkit-scrollbar-thumb{background:#d2d5dd;border-radius:8px}.ws-share::-webkit-scrollbar-thumb{background:#d2d5dd;border-radius:8px}.rail-scroll::-webkit-scrollbar-track{background:0 0}#previewScroll::-webkit-scrollbar-track{background:0 0}.ws-share::-webkit-scrollbar-track{background:0 0}.section-label{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-bottom:var(--space-3);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.section-label .count{font-family:var(--font-mono);color:var(--fg-2);letter-spacing:0;background:var(--surface);border-radius:var(--radius-pill);padding:1px 7px;font-weight:600}.palette{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.add-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);text-align:left;transition:all var(--motion-fast) var(--ease-standard);flex-direction:column;align-items:flex-start;gap:6px;padding:10px;display:flex}.add-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 6px 16px #1677ff1a}.add-btn.disabled,.add-btn.disabled:hover{cursor:not-allowed;opacity:.48;color:var(--muted);border-color:var(--border);background:var(--surface);box-shadow:none;transform:none}.add-btn.disabled .ic,.add-btn.disabled:hover .ic{background:var(--border-soft);color:var(--muted)}.add-btn .ic{background:var(--surface);width:30px;height:30px;color:var(--fg-2);border-radius:8px;place-items:center;display:grid}.add-btn:hover .ic{background:var(--surface-warm);color:var(--accent)}.add-btn .ic svg{width:17px;height:17px}.add-btn b{font-size:var(--text-sm);font-weight:600}.add-btn small{color:var(--muted);font-size:11px}.outline{margin-top:var(--space-2);flex-direction:column;gap:4px;display:flex}.ol-item{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:8px;display:flex}.ol-item:hover{background:var(--surface)}.ol-item.sel{background:var(--surface-warm);border-color:#cfe2ff}.ol-item .grip{color:#c2c6cf;cursor:grab;flex:none}.ol-item .ol-ic{background:var(--surface);width:24px;height:24px;color:var(--fg-2);border-radius:6px;flex:none;place-items:center;display:grid}.ol-item.sel .ol-ic{background:var(--accent);color:var(--accent-on)}.ol-item .ol-ic svg{width:14px;height:14px}.ol-item .ol-name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.ol-item .ol-acts{opacity:0;gap:2px;display:flex}.ol-item:hover .ol-acts,.ol-item.sel .ol-acts{opacity:1}.ol-act{width:22px;height:22px;color:var(--muted);border-radius:5px;place-items:center;display:grid}.ol-act:hover{background:var(--bg);color:var(--fg)}.ol-act.del:hover{color:var(--danger)}.ol-act svg{width:13px;height:13px}.ol-empty{padding:var(--space-6) var(--space-2);text-align:center;color:var(--muted);font-size:var(--text-sm);border:1px dashed var(--border);border-radius:var(--radius-md)}.stage{background:var(--surface);flex-direction:column;flex:1;min-width:0;display:flex}.stage-bar{align-items:center;gap:var(--space-3);height:48px;padding:0 var(--space-5);border-bottom:1px solid var(--border-soft);background:var(--bg);flex:none;display:flex}.stage-bar .hint{font-size:var(--text-sm);color:var(--muted)}.mode-switch{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);margin-left:auto;padding:3px;display:inline-flex}.mode-switch button{border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--fg-2);align-items:center;gap:5px;padding:5px 14px;font-weight:500;display:inline-flex}.mode-switch button.on{background:var(--bg);color:var(--fg);box-shadow:0 1px 2px #1f1f1f1a}.mode-switch svg{width:14px;height:14px}.canvas-wrap{background:var(--surface);flex:1;justify-content:center;min-height:0;padding:16px 24px 0;display:flex}.canvas-col{flex-direction:column;height:100%;margin-left:-26px;display:flex}.canvas-caption{color:var(--muted);font-size:11px;font-family:var(--font-mono);text-align:center;letter-spacing:.02em;padding:0 0 8px}.canvas-caption b{color:var(--fg-2);font-weight:600}.canvas{background:var(--bg);width:427px;min-height:0;transition:box-shadow var(--motion-fast);flex:1;overflow:hidden auto;box-shadow:0 10px 30px #1f1f1f14}.canvas.drag-on{box-shadow:0 0 0 2px var(--accent), 0 12px 32px #1677ff2e}.canvas::-webkit-scrollbar{width:8px}.canvas::-webkit-scrollbar-thumb{background:#cfd3db;border-radius:8px}.canvas::-webkit-scrollbar-thumb:hover{background:#b6bbc6}.canvas::-webkit-scrollbar-track{background:0 0}.mp-page{flex:none;width:375px;min-height:860px;position:relative}.mp-topbar{z-index:6;background:var(--bg);border-bottom:1px solid var(--border-soft);justify-content:center;align-items:center;height:44px;display:flex;position:sticky;top:0}.mp-tb-title{font-size:var(--text-base);color:var(--fg);font-weight:600}.mp-tb-capsule{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);align-items:center;height:30px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.mp-tb-btn{width:34px;height:30px;color:var(--fg-2);place-items:center;display:grid}.mp-tb-btn svg{width:16px;height:16px}.mp-tb-div{background:var(--border);width:1px;height:16px}.canvas-inner{align-items:stretch;min-height:860px;display:flex}.h-ruler{background:var(--surface);border-right:1px solid var(--border-soft);flex:none;width:52px;position:relative}.h-tick{border-top:1px dashed color-mix(in oklab, var(--accent), white 40%);position:absolute;left:0;right:0}.h-tick span{font-size:9px;font-family:var(--font-mono);color:var(--accent);background:var(--bg);border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #cfe2ff;padding:1px 4px;position:absolute;top:2px;left:3px;box-shadow:0 1px 3px #1f1f1f0f}.drop-line{background:var(--accent);z-index:8;pointer-events:none;border-radius:3px;height:3px;display:none;position:absolute;left:6px;right:6px;box-shadow:0 0 0 1px #1677ff40}.preview-note{color:var(--muted);text-align:center;padding:10px 16px 16px;font-size:11px}.pv-empty{text-align:center;color:var(--muted);padding:64px 28px}.pv-empty .ic{width:56px;height:56px;margin:0 auto var(--space-3);background:var(--surface);color:var(--border);border-radius:16px;place-items:center;display:grid}.pv-empty .ic svg{width:28px;height:28px}.pv-empty b{color:var(--fg-2);font-size:var(--text-base);margin-bottom:4px;display:block}.cmp{cursor:pointer;position:relative}.stage.mode-preview .cmp{cursor:default}.cmp.sel:before{content:"";border:2px solid var(--accent);pointer-events:none;z-index:5;border-radius:6px;position:absolute;inset:0}.cmp.sel .cmp-tag{opacity:1;transform:translateY(0)}.cmp-tag{z-index:6;background:var(--accent);color:var(--accent-on);opacity:0;transition:all var(--motion-fast);pointer-events:none;border-radius:6px 0;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:-1px;left:-1px;transform:translateY(-4px)}.cmp-delete{z-index:7;border:2px solid var(--bg);background:var(--danger);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #00000029}.cmp-delete:hover{transform:scale(1.06)}.cmp-delete svg{width:13px;height:13px}.cmp-pad{padding:var(--pad-t,12px) var(--pad-r,16px) var(--pad-b,12px) var(--pad-l,16px)}.img-slot{border-radius:var(--radius-md);color:#ffffffd1;background:radial-gradient(120% 120% at 20% 10%,#5ab0ff 0%,#0000 55%),radial-gradient(120% 120% at 90% 90%,#092f71 0%,#0000 60%),linear-gradient(135deg,#0d5fd7,#092f71 70%);place-items:center;min-height:60px;display:grid;position:relative;overflow:hidden}.img-slot.alt2{background:radial-gradient(120% 120% at 80% 10%,#39c4ff 0%,#0000 55%),radial-gradient(120% 120% at 10% 90%,#0a3d86 0%,#0000 60%),linear-gradient(135deg,#1976d2,#092f71 70%)}.img-slot.alt3{background:radial-gradient(120% 120% at 30% 20%,#5e8cff 0%,#0000 55%),radial-gradient(120% 120% at 90% 80%,#152c78 0%,#0000 60%),linear-gradient(135deg,#3b5ccc,#172760 70%)}.img-slot:after{content:"";background:radial-gradient(60% 50% at 50% 40%,#ffffff1f,#0000 70%);position:absolute;inset:0}.img-slot .is-inner{z-index:1;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.img-slot svg{opacity:.85;width:22px;height:22px}.img-slot small{letter-spacing:.04em;font-size:11px}.ig-single .img-slot{aspect-ratio:4/3}.ig-row{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.ig-row .img-slot{aspect-ratio:1;flex:0 0 108px}.ig-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ig-grid .img-slot{aspect-ratio:1}.ig-up{border-radius:var(--radius-md);background:#f2f2f2 50%/cover no-repeat}.ig-single .ig-up{aspect-ratio:4/3;width:100%}.ig-row .ig-up{aspect-ratio:1;flex:0 0 108px}.ig-grid .ig-up{aspect-ratio:1}.car-item{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);margin-bottom:8px;padding:10px}.car-item-h{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.car-add{justify-content:center;width:100%;margin-top:2px}.car-img{background:#f2f2f2 50%/cover no-repeat;width:100%}.car-slide .car-img{aspect-ratio:16/9}.car-slide.multi .car-img{aspect-ratio:4/3}.cap-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.cap-row .cap-i{background:var(--surface);width:20px;height:20px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.car-viewport{border-radius:var(--radius-md);overflow:hidden}.car-track{transition:transform .5s var(--ease-standard);display:flex}.car-slide{flex:0 0 100%}.car-slide .img-slot{aspect-ratio:16/9}.car-slide.multi .img-slot{aspect-ratio:4/3}.car-cap{padding:10px 4px 2px}.car-cap b{font-size:var(--text-sm);font-weight:600}.car-cap p{color:var(--muted);margin-top:2px;font-size:12px}.car-dots{justify-content:center;gap:5px;padding:8px 0 2px;display:flex}.car-dot{background:var(--border);width:6px;height:6px;transition:all var(--motion-fast);cursor:pointer;border-radius:50%}.car-dot.on{background:var(--accent);border-radius:4px;width:16px}.vid-box{border-radius:var(--radius-md);position:relative;overflow:hidden}.vid-box .img-slot{aspect-ratio:16/9}.vid-play{z-index:2;place-items:center;display:grid;position:absolute;inset:0}.vid-play .ring{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#00000073;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.vid-play .ring svg{width:24px;height:24px;margin-left:3px}.vid-badge{z-index:2;color:#fff;border-radius:var(--radius-sm);background:#00000080;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;bottom:8px;left:8px}.vid-badge svg{width:11px;height:11px}.nav-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--bg)}.nav-card .nc-title{font-weight:600;font-size:var(--text-base);align-items:center;gap:8px;margin-bottom:10px;display:flex}.nav-card .nc-title svg{width:17px;height:17px;color:var(--accent)}.nc-row{font-size:var(--text-sm);color:var(--fg-2);align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.nc-row svg{width:15px;height:15px;color:var(--muted);flex:none;margin-top:2px}.nc-go{border-radius:var(--radius-md);background:var(--accent);width:100%;height:38px;color:var(--accent-on);transition:background var(--motion-fast);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-weight:600;display:inline-flex}.nc-go:hover{background:var(--accent-hover)}.nc-go svg{width:16px;height:16px}.booking{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.booking .bk-title{letter-spacing:.06em;color:var(--accent);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.booking .bk-greet{font-size:var(--text-lg);margin-bottom:var(--space-3);font-weight:700;line-height:1.3}.booking .bk-greet .ph{color:var(--accent)}.bk-table{flex-direction:column;display:flex}.bk-row{border-bottom:1px dashed var(--border-soft);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.bk-row:last-child{border-bottom:none}.bk-row .k{color:var(--muted);font-size:var(--text-sm);align-items:center;gap:7px;display:flex}.bk-row .k svg{width:14px;height:14px;color:var(--fg-2)}.bk-row .v{font-weight:600;font-size:var(--text-sm);text-align:right}.bk-pre{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-soft)}.bk-pre-h{font-size:var(--text-sm);align-items:center;gap:6px;margin-bottom:8px;font-weight:600;display:flex}.bk-pre-h svg{width:14px;height:14px;color:var(--accent)}.bk-pre-cat{color:var(--fg-2);border-left:2px solid var(--accent);margin:9px 0 1px;padding-left:6px;font-size:12px;font-weight:600}.bk-pre-cat:first-child{margin-top:0}.bk-pre-row{font-size:var(--text-sm);justify-content:space-between;padding:5px 0;display:flex}.bk-pre-row .n{color:var(--fg-2)}.bk-pre-row .q{color:var(--muted);font-family:var(--font-mono)}.cmp-text{word-break:break-word;font-size:16px;line-height:1.6}.cmp-text.size-base{font-size:var(--text-base)}.cmp-text.size-lg{font-size:var(--text-lg)}.cmp-text.size-xl{font-size:var(--text-xl);line-height:1.25}.cmp-text.size-2xl{font-size:26px;font-weight:700;line-height:1.22}.cmp-text .ph{color:var(--accent);font-weight:inherit}.cmp-divider .line{width:100%}.cmp-footer{z-index:6;position:sticky;bottom:0}.ft-bar{padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border-soft);gap:10px;display:flex;box-shadow:0 -6px 18px #1f1f1f0f}.ft-btn{border-radius:var(--radius-md);height:44px;font-size:var(--text-base);border:1px solid #0000001a;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex}.ft-btn svg{width:17px;height:17px}.ft-empty{text-align:center;color:var(--muted);font-size:var(--text-sm);border:1px dashed var(--border);border-radius:var(--radius-md);margin:14px;padding:16px}.insp-head{z-index:2;padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid var(--border-soft);background:var(--bg);position:sticky;top:0}.insp-head .ih-eyebrow{letter-spacing:.06em;color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:700}.insp-head h3{font-size:var(--text-lg);align-items:center;gap:8px;margin-top:2px;font-weight:700;display:flex}.insp-head h3 svg{width:18px;height:18px;color:var(--fg-2)}.insp-head p{font-size:var(--text-sm);color:var(--muted);margin-top:4px}.insp-body{padding:var(--space-4) var(--space-5) var(--space-8)}.f-row{margin-bottom:var(--space-4)}.f-label{font-size:var(--text-sm);color:var(--fg);margin-bottom:6px;font-weight:600;display:block}.f-label .opt{color:var(--muted);font-size:12px;font-weight:400}.f-help{color:var(--muted);margin-top:5px;font-size:12px}.inp{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;height:36px;color:var(--fg);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);padding:0 11px}.inp:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}textarea.inp{resize:vertical;height:auto;min-height:64px;padding:9px 11px;line-height:1.5}select.inp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23697386' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.seg-field{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;display:inline-flex;overflow:hidden}.seg-field button{height:34px;font-size:var(--text-sm);color:var(--fg-2);border-right:1px solid var(--border);background:var(--bg);flex:1}.seg-field button:last-child{border-right:none}.seg-field button.on{background:var(--surface-warm);color:var(--accent);font-weight:600}.switch-row{justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.switch-row .sr-text{flex:1}.switch-row .sr-text b{font-size:var(--text-sm);font-weight:500;display:block}.switch-row .sr-text small{color:var(--muted);font-size:12px}.sw{width:36px;height:20px;transition:background var(--motion-fast);background:#cfd3db;border-radius:10px;flex:none;position:relative}.sw:after{content:"";width:16px;height:16px;transition:transform var(--motion-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.sw.on{background:var(--accent)}.sw.on:after{transform:translate(16px)}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chip{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);color:var(--fg-2);align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip code{font-family:var(--font-mono);color:var(--accent);font-size:11px}.bk-field-row{border-bottom:1px dashed var(--border-soft);align-items:center;gap:8px;padding:7px 0;display:flex}.bk-field-row .bk-fname{flex:1}.bk-field-row .sw{transform-origin:0;transform:scale(.9)}.bk-field-help{color:var(--muted);margin:0 0 4px;font-size:12px}.bk-field-row.is-dragging{opacity:.45}.bk-drag-handle{width:24px;height:28px;color:var(--muted);cursor:grab;flex:0 0 24px;place-items:center;padding:0;display:grid}.bk-drag-handle:active{cursor:grabbing;color:var(--accent)}.bk-drag-handle svg{width:16px;height:16px}.margin-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.margin-grid .mg{align-items:center;gap:6px;display:flex}.margin-grid .mg span{color:var(--muted);width:14px;font-size:12px}.margin-grid .inp{height:32px}.color-row{align-items:center;gap:8px;display:flex}.color-pick{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);cursor:pointer;flex:none;width:38px;height:36px;padding:0}.color-pick::-webkit-color-swatch-wrapper{padding:3px}.color-pick::-webkit-color-swatch{border:none;border-radius:4px}.color-text{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.03em;flex:1}.rt-toolbar{border:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--surface);border-bottom:none;gap:4px;padding:6px 8px;display:flex}.rt-btn{width:28px;height:26px;color:var(--fg-2);border-radius:5px;place-items:center;font-size:13px;display:grid}.rt-btn:hover{background:var(--bg);color:var(--accent)}.rt-color-in{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:5px;flex:none;width:30px;height:26px;margin-left:2px;padding:0}.rt-color-in::-webkit-color-swatch-wrapper{padding:2px}.rt-color-in::-webkit-color-swatch{border:none;border-radius:3px}.rt-size{border:1px solid var(--border);background:var(--bg);height:26px;color:var(--fg-2);cursor:pointer;border-radius:5px;flex:none;margin-left:2px;padding:0 4px;font-size:12px}.rt-editor{border:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--bg);min-height:72px;max-height:220px;color:var(--fg);line-height:1.6;font-size:var(--text-sm);outline:none;padding:9px 11px;overflow-y:auto}.rt-editor:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.rt-editor:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.rt-editor b,.rt-editor strong{font-weight:700}.rt-editor i,.rt-editor em{font-style:italic}.rt-editor u{text-decoration:underline}.page-set-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);width:100%;color:var(--fg-2);font-weight:600;font-size:var(--text-sm);margin-bottom:var(--space-4);transition:all var(--motion-fast) var(--ease-standard);align-items:center;gap:8px;padding:10px 12px;display:flex}.page-set-btn svg{width:16px;height:16px}.page-set-btn:hover{border-color:var(--accent);color:var(--accent)}.page-set-btn.active{background:var(--surface-warm);color:var(--accent);border-color:#cfe2ff}.upload-box{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--muted);font-size:var(--text-sm);transition:all var(--motion-fast);flex-direction:column;align-items:center;gap:6px;padding:22px 12px;display:flex}.upload-box svg{width:22px;height:22px;color:var(--fg-2)}.upload-box:hover{border-color:var(--accent);color:var(--accent)}.upload-box:hover svg{color:var(--accent)}.bg-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bg-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);text-align:left;min-width:0;transition:border-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast);padding:5px;position:relative}.bg-card:hover{border-color:var(--accent);transform:translateY(-1px)}.bg-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.bg-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.bg-thumb{aspect-ratio:9/7;border-radius:var(--radius-sm);background:var(--surface) center/cover no-repeat;width:100%;color:var(--muted);place-items:center;display:grid;position:relative;overflow:hidden}.bg-thumb svg{width:22px;height:22px}.bg-card-label{color:var(--fg-2);justify-content:space-between;align-items:center;gap:4px;padding:6px 3px 2px;font-size:12px;font-weight:600;display:flex}.bg-card.on .bg-card-label{color:var(--accent)}.bg-check{background:var(--accent);width:16px;height:16px;color:var(--accent-on);border-radius:50%;flex:none;place-items:center;display:none}.bg-card.on .bg-check{display:grid}.bg-check svg{width:10px;height:10px}.bg-custom-empty{background:var(--surface);border:1px dashed var(--border)}.bg-custom-empty:after{content:"选择图片";color:var(--muted);margin-top:4px;font-size:11px}.theme-help{margin-top:-8px;margin-bottom:var(--space-4)}.iu-box{align-items:stretch;gap:10px;display:flex}.iu-thumb{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface) center/cover no-repeat;flex:1;height:64px}.iu-acts{flex-direction:column;justify-content:center;gap:6px;display:flex}.iu-acts .btn{height:28px;padding:0 10px;font-size:12px}.iu-remove{border-radius:var(--radius-sm);border:1px solid var(--border);height:28px;color:var(--muted);background:var(--bg);padding:0 10px;font-size:12px}.iu-remove:hover{color:var(--danger);border-color:var(--danger)}.insp-empty{padding:var(--space-12) var(--space-6);text-align:center}.insp-empty svg{width:36px;height:36px;color:var(--border);margin-bottom:var(--space-3)}.insp-empty b{font-size:var(--text-base);margin-bottom:4px;display:block}.insp-empty p{font-size:var(--text-sm);color:var(--muted)}.ws-share{padding:var(--space-8);background:var(--surface);width:100%;overflow-y:auto}.share-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr) 416px;max-width:1140px;margin:0 auto;display:grid}.share-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.share-card h4{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700}.share-card .sc-sub{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--space-5)}.title-counter{font-family:var(--font-mono);color:var(--muted);font-size:12px}.title-counter.over{color:var(--danger)}.wx-scene{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.wx-scene h4{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700}.wx-scene .sc-sub{color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--space-5)}.chat{border-radius:var(--radius-md);box-sizing:border-box;background:#ededed;width:375px;max-width:100%;margin:0 auto;padding:18px 12px 28px}.chat-time{text-align:center;color:#a6a6a6;margin-bottom:16px;font-size:12px}.chat-msg{align-items:flex-start;gap:8px;display:flex}.chat-avatar{color:#fff;background:linear-gradient(135deg,#1677ff,#0d47a1);border-radius:6px;flex:none;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:grid}.wx-card{background:#fff;border-radius:4px;width:250px;overflow:hidden;box-shadow:0 1px 2px #00000014}.wc-head{padding:11px 12px 10px}.wc-source{color:#8c8c8c;align-items:center;gap:5px;min-width:0;margin-bottom:7px;font-size:12px;line-height:18px;display:flex}.wc-source svg{color:#9a9a9a;flex:none;width:14px;height:14px}.wc-title{color:#1a1a1a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:17px;font-weight:400;line-height:1.45;display:-webkit-box;overflow:hidden}.wx-cover{aspect-ratio:5/4;color:#ffffffe0;background:#f1f1f1 50%/cover no-repeat;border-radius:2px;place-items:center;width:calc(100% - 24px);margin:0 12px 10px;display:grid;overflow:hidden}.wx-cover.br-default{background:radial-gradient(120% 120% at 20% 10%,#5ab0ff 0%,#0000 55%),linear-gradient(135deg,#0d5fd7,#092f71 70%)}.wx-cover svg{width:30px;height:30px}.wc-footer{color:#a3a3a3;border-top:1px solid #ededed;align-items:center;gap:5px;height:34px;margin:0 12px;font-size:12px;display:flex}.wc-footer svg{color:#8fa8da;width:14px;height:14px}.wx-size-note{text-align:center;color:var(--muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.02em;margin-top:10px}.wx-tip{color:var(--muted);background:var(--surface);border-radius:var(--radius-sm);border-left:3px solid var(--accent);margin-top:12px;padding:10px 12px;font-size:12px}.toast{background:var(--fg);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);opacity:0;pointer-events:none;transition:all var(--motion-base);z-index:100;align-items:center;gap:8px;padding:11px 20px;font-weight:500;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 12px 30px #0003}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast svg{width:16px;height:16px;color:var(--success)}.preview-modal{z-index:200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pm-overlay{background:#00000080;position:absolute;inset:0}.pm-panel{background:var(--bg);border-radius:16px;flex-direction:column;width:375px;max-height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.pm-bar{border-bottom:1px solid var(--border-soft);background:var(--bg);flex:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pm-title{font-weight:600;font-size:var(--text-base)}.pm-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--fg-2);place-items:center;display:grid}.pm-close:hover{background:var(--surface)}.pm-close svg{width:18px;height:18px}.pm-scroll{flex:1;overflow:hidden auto}.pm-scroll::-webkit-scrollbar{width:6px}.pm-scroll::-webkit-scrollbar-thumb{background:#d2d5dd;border-radius:6px}.confirm-modal{z-index:240;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-modal__overlay{background:#0a182e70;position:absolute;inset:0}.confirm-modal__panel{border-radius:var(--radius-lg);background:var(--bg);width:min(390px,100%);padding:28px;position:relative;box-shadow:0 22px 56px #0a182e3d}.confirm-modal__icon{background:var(--surface-warm);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:14px;display:grid}.confirm-modal__icon svg{width:19px;height:19px}.confirm-modal h3{font-size:var(--text-lg);color:var(--fg);margin:0}.confirm-modal p{color:var(--muted);font-size:var(--text-sm);margin:8px 0 22px;line-height:1.65}.confirm-modal__actions{justify-content:flex-end;gap:8px;display:flex}.btn-danger{background:var(--accent);color:#fff}.btn-danger:hover{background:var(--accent-hover)}.popover{top:52px;right:var(--space-5);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:300px;box-shadow:var(--elev-raised);padding:var(--space-4);z-index:40;position:absolute}.popover h5{font-size:var(--text-sm);margin-bottom:4px;font-weight:700}.popover p{color:var(--muted);margin-bottom:var(--space-3);font-size:12px}.popover .sub-chips{margin-bottom:var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.popover .sub-chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);cursor:pointer;padding:5px 10px;font-size:12px}.popover .sub-chip.on{border-color:var(--accent);background:var(--surface-warm);color:var(--accent)}@media (width<=1280px){.app{min-width:1240px}}