:root{--bg: #f4f5f7;--bg-canvas: #eceef3;--panel: #ffffff;--panel-2: #f7f8fa;--panel-3: #f1f2f5;--ink: #17181c;--ink-2: #565c68;--ink-3: #8a919e;--line: #e5e8ee;--line-2: #d4d9e2;--accent: #e8552f;--accent-hover: #d4471f;--accent-soft: #fdeee9;--ok: #129a5c;--ok-soft: #e6f6ee;--warn: #c77f00;--danger: #d92f2f;--danger-soft: #fdecec;--r-s: 8px;--r: 10px;--r-l: 14px;--sh-1: 0 1px 2px rgba(23, 24, 28, .05);--sh-2: 0 2px 6px rgba(23, 24, 28, .07), 0 10px 28px rgba(23, 24, 28, .06);--sh-3: 0 12px 40px rgba(23, 24, 28, .14);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:13px}::selection{background:#e8552f29}button{font-family:inherit;font-size:12px;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:12px;color:var(--ink)}:focus-visible{outline:2px solid rgba(232,85,47,.5);outline-offset:1px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cfd4dd;border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#b6bdc9;background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-track{background:transparent}.app{display:flex;flex-direction:column;height:100%}.topbar{height:54px;flex:0 0 54px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 14px;z-index:20}.brand{display:flex;align-items:center;gap:9px;user-select:none;flex:none}.brand .mark{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--accent),#ff7a58);color:#fff;font-size:13px;font-weight:900;display:grid;place-items:center;box-shadow:0 1px 3px #e8552f59}.brand .bt{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:14px;letter-spacing:-.2px}.brand span{font-size:10px;color:var(--ink-3)}.tabs{display:flex;gap:2px;background:var(--panel-3);padding:3px;border-radius:10px;flex:none}.tabs button{padding:6px 14px;border-radius:7px;color:var(--ink-2);font-weight:600;transition:all .13s;white-space:nowrap}.tabs button:hover{color:var(--ink)}.tabs button.on{background:var(--panel);color:var(--ink);box-shadow:var(--sh-1)}.spacer{flex:1}.v-div{width:1px;height:22px;background:var(--line);flex:none}.topbar-group{display:flex;align-items:center;gap:8px}.toolbar{display:flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);padding:4px}.user-chip{display:flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--line-2);border-radius:20px;background:var(--panel-2);font-size:11px;transition:border-color .12s;max-width:280px}.user-chip:hover{border-color:var(--ink-3)}.uc-name{font-weight:700;color:var(--ink);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-plan{color:var(--accent);font-weight:700}.uc-quota{color:var(--ink-3)}.btn{height:28px;padding:0 12px;display:inline-flex;align-items:center;gap:5px;border-radius:var(--r-s);background:var(--panel);border:1px solid var(--line-2);color:var(--ink);font-weight:600;white-space:nowrap;transition:all .12s}.btn:hover{border-color:var(--ink-3);background:var(--panel-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 1px 2px #e8552f40}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{border-color:transparent;background:transparent;color:var(--ink-2)}.btn.ghost:hover{background:var(--panel-3);color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.sm{height:22px;padding:0 8px;font-size:11px;border-radius:6px}.work{flex:1;display:grid;grid-template-columns:300px 1fr 300px;overflow:hidden}.col{overflow-y:auto;background:var(--panel)}.col.left{border-right:1px solid var(--line)}.col.right{border-left:1px solid var(--line)}.sec{border-bottom:1px solid var(--line)}.sec:last-child{border-bottom:none}.sec-h{display:flex;align-items:center;gap:8px;padding:13px 16px 9px;font-size:12px;font-weight:700;color:var(--ink);letter-spacing:-.1px}.sec-h .cnt{font-size:11px;font-weight:700;color:var(--ink-3);background:var(--panel-3);border-radius:20px;padding:1px 8px}.sec-b{padding:0 16px 15px}.field{margin-bottom:10px}.field:last-child{margin-bottom:0}.field label{display:block;font-size:11px;color:var(--ink-2);margin-bottom:5px;font-weight:600}.field input,.field select,.field textarea{width:100%;height:28px;padding:0 9px;border:1px solid var(--line-2);border-radius:var(--r-s);background:var(--panel);outline:none;transition:border-color .12s,box-shadow .12s}.field textarea{height:auto;padding:8px 9px;resize:vertical;min-height:74px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8552f1a}.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hint{font-size:11px;color:var(--ink-3);line-height:1.6}.hint b{color:var(--ink-2)}.chips{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip-b{padding:4px 11px;border-radius:20px;background:var(--panel-3);color:var(--ink-2);font-size:11px;font-weight:600;white-space:nowrap;flex:none;transition:all .12s}.chip-b:hover{background:var(--line)}.chip-b.on{background:var(--ink);color:#fff}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tpl{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:all .14s;background:var(--panel);position:relative}.tpl:hover{border-color:var(--line-2);transform:translateY(-1px);box-shadow:var(--sh-2)}.tpl canvas{width:100%;display:block;background:var(--panel-2)}.tpl .n{padding:7px 9px;font-size:11px;font-weight:600;border-top:1px solid var(--line);line-height:1.35;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tpl:hover .n{color:var(--ink)}.stage{display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-canvas);background-image:radial-gradient(circle,#d3d8e2 1px,transparent 1px);background-size:22px 22px}.stage-bar{height:48px;flex:0 0 48px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 12px;overflow-x:auto}.stage-bar .grp{display:flex;align-items:center;gap:6px}.stage-bar .lbl{font-size:11px;color:var(--ink-3);font-weight:600;white-space:nowrap;margin-right:2px}.stage-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:40px}.stage-card{background:#fff;padding:12px;border-radius:var(--r-l);max-width:100%;box-shadow:var(--sh-3)}.stage-card canvas{display:block;border-radius:4px;max-width:100%;max-height:72vh;width:auto;height:auto}.size-pill{height:26px;padding:0 10px;display:inline-flex;align-items:center;border-radius:7px;border:1px solid var(--line-2);background:var(--panel);font-size:11px;font-weight:600;white-space:nowrap;color:var(--ink-2);transition:all .12s}.size-pill:hover{border-color:var(--ink-3)}.size-pill.on{background:var(--ink);color:#fff;border-color:var(--ink)}.layer-item{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:var(--r-s);cursor:pointer;font-size:11.5px;border-left:2px solid transparent;transition:background .1s}.layer-item:hover{background:var(--panel-2)}.layer-item.on{background:var(--accent-soft);color:var(--accent);font-weight:600;border-left-color:var(--accent)}.layer-item .tagl{font-size:10px;padding:1px 6px;border-radius:5px;background:var(--panel-3);color:var(--ink-3);font-weight:600;flex:0 0 auto}.layer-item.on .tagl{background:#e8552f1f;color:var(--accent)}.layer-item .tx{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eye{width:20px;text-align:center;opacity:.35;flex:0 0 20px;border-radius:5px}.eye:hover{background:var(--panel-3)}.eye.on{opacity:1}.card{border:1px solid var(--line);border-radius:var(--r);padding:13px;background:var(--panel);margin-bottom:10px}.card:last-child{margin-bottom:0}.card.hl{background:linear-gradient(180deg,#fff8f5,#fff);border-color:#ffd9ce}.card.danger{background:var(--danger-soft);border-color:#f6c9c5}.big-num{font-size:30px;font-weight:800;letter-spacing:-.6px;line-height:1.05}.big-num small{font-size:13px;font-weight:600;color:var(--ink-3);margin-left:3px}.kv{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:11.5px;border-bottom:1px dashed var(--line)}.kv:last-child{border-bottom:none}.kv span{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kv b{font-weight:700;white-space:nowrap}.verdict{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:10.5px;font-weight:700}.verdict.healthy{background:var(--ok-soft);color:var(--ok)}.verdict.warning{background:#fdf3e0;color:var(--warn)}.verdict.danger{background:var(--danger-soft);color:var(--danger)}.advice{font-size:11.5px;line-height:1.7;color:var(--ink-2);margin:0;padding-left:15px}.advice li{margin-bottom:5px}.advice b{color:var(--ink)}.q-list{margin:0;padding-left:16px;font-size:11.5px;line-height:1.75;color:var(--ink-2)}.seg{display:flex;border:1px solid var(--line-2);border-radius:var(--r-s);overflow:hidden;background:var(--panel)}.seg button{flex:1;height:28px;font-size:11px;font-weight:600;color:var(--ink-2);border-right:1px solid var(--line-2);transition:all .12s}.seg button:last-child{border-right:none}.seg button:hover{background:var(--panel-2)}.seg button.on{background:var(--ink);color:#fff}.page{flex:1;overflow-y:auto;padding:28px}.page-in{max-width:880px;margin:0 auto}.page h1{font-size:22px;margin:0 0 4px;letter-spacing:-.4px}.page h2{font-size:14px;margin:22px 0 10px;padding-left:9px;border-left:3px solid var(--accent)}.page p.lead{color:var(--ink-2);font-size:13px;line-height:1.7;margin:0 0 4px}.gen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.empty{padding:36px 20px;text-align:center;color:var(--ink-3);font-size:12px;line-height:1.7}.sysbar{background:var(--accent-soft);color:var(--accent-hover);font-size:12px;font-weight:600;text-align:center;padding:7px 16px;flex:none}.sysbar.warn{background:#fdf6e7;color:#7a5a1a}.tour-hole{position:fixed;border-radius:12px;box-shadow:0 0 0 200vmax #000000b3;transition:all .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.tour-hole:after{content:"";position:absolute;inset:-5px;border-radius:14px;border:2px solid rgba(255,255,255,.55);box-shadow:0 0 22px 2px #e8552f66}.tour-bubble{position:fixed;background:var(--panel);border-radius:12px;padding:14px 16px 12px;box-shadow:0 18px 48px #17181c59;animation:tourBounce 3s ease-in-out infinite;transform-origin:center}@keyframes tourBounce{0%{transform:scale(.9)}5%{transform:scale(1.05)}10%{transform:scale(1)}16%{transform:scale(.9)}21%{transform:scale(1.05)}26%{transform:scale(1)}to{transform:scale(1)}}.tour-bubble-h{display:flex;align-items:center;gap:8px;margin-bottom:6px}.tour-num{background:var(--accent);color:#fff;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700}.tour-title{font-size:14px;font-weight:700}.tour-desc{font-size:12.5px;color:var(--ink-2);line-height:1.7;margin:0 0 12px}.tour-btns{display:flex;align-items:center;gap:8px}.tour-hint{margin-top:8px;font-size:11px;color:var(--ink-3);text-align:right}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:var(--r);font-size:12px;font-weight:600;z-index:100;box-shadow:0 8px 28px #00000040;animation:toast-in .16s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}}.modal-mask{position:fixed;inset:0;background:#17181c66;display:flex;align-items:center;justify-content:center;z-index:90;animation:fade-in .14s ease}@keyframes fade-in{0%{opacity:0}}.modal{background:var(--panel);border-radius:var(--r-l);width:min(680px,calc(100vw - 40px));max-height:84vh;display:flex;flex-direction:column;box-shadow:var(--sh-3);animation:pop-in .16s ease;overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.modal-h{display:flex;align-items:baseline;gap:10px;padding:18px 20px 12px;font-size:16px}.modal-body{padding:14px 20px 20px;overflow-y:auto}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.plan{position:relative;border:1px solid var(--line);border-radius:var(--r);padding:16px 14px;background:var(--panel-2);display:flex;flex-direction:column;transition:all .14s}.plan:hover{border-color:var(--line-2);box-shadow:var(--sh-2);transform:translateY(-1px)}.plan.cur{border-color:#ffb3a8;background:linear-gradient(180deg,#fff7f5,#fff)}.plan-tag{position:absolute;top:-8px;right:12px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}.plan-n{font-size:14px;font-weight:800}.plan-p{font-size:26px;font-weight:800;letter-spacing:-.5px;margin:8px 0 2px}.plan-p small{font-size:12px;font-weight:600;color:var(--ink-3)}.plan-d{font-size:11.5px;color:var(--ink-2);line-height:1.55;margin-bottom:6px}.plan-q{font-size:11px;color:var(--ink-3);margin-top:auto;padding-top:6px;border-top:1px dashed var(--line)}