:root{--dgreen:#86BC25;--dgreen-2:#A6D93F;--dnavy:#0A1A26;--dnavy-2:#0F2231;--dblue:#00A3E0;--gray:#53565A;--bg:#070f16;--panel:#0e1c27;--panel-2:#12242f;--card:rgba(255,255,255,.035);--card-brd:rgba(255,255,255,.08);--ink:#EAF1F5;--muted:#8AA0AD;--muted-2:#5f7481;--red:#FF5A63;--amber:#F2B33D;--ok:#5FD07A;--radius:16px;--sh:0 10px 40px rgba(0,0,0,.35)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 82% -8%,rgba(0,163,224,.1),transparent 60%),radial-gradient(1000px 700px at 10% 110%,rgba(134,188,37,.1),transparent 55%),var(--bg);-webkit-font-smoothing:antialiased}::selection{background:#86bc2559}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}.app{display:flex;height:100vh;overflow:hidden}.side{width:248px;flex:0 0 248px;background:linear-gradient(180deg,var(--dnavy-2),var(--dnavy));border-right:1px solid var(--card-brd);display:flex;flex-direction:column;position:relative;z-index:5}.brand{padding:22px 22px 18px;border-bottom:1px solid var(--card-brd)}.brand .logo{font-size:20px;font-weight:800;letter-spacing:.3px;display:flex;align-items:center;gap:2px}.brand .logo .dot{color:var(--dgreen);font-size:24px;line-height:0}.brand .sub{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.5}.nav{padding:14px 0;flex:1;overflow:auto}.nav .grp{font-size:10px;letter-spacing:2px;color:var(--muted-2);padding:14px 22px 8px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 18px;margin:2px 12px;border-radius:12px;color:var(--muted);font-size:13.5px;cursor:pointer;border:1px solid transparent;transition:.16s;position:relative}.nav-item .step{width:22px;height:22px;flex:0 0 22px;border-radius:7px;border:1px solid rgba(255,255,255,.14);font-size:11px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700}.nav-item:hover{background:#ffffff0a;color:var(--ink)}.nav-item.active{background:linear-gradient(90deg,#86bc2533,#86bc250a);color:#fff;border-color:#86bc2559}.nav-item.active .step{background:var(--dgreen);color:#08131a;border-color:var(--dgreen)}.nav-item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;background:var(--dgreen);border-radius:3px}.side-foot{padding:14px 22px;font-size:10.5px;color:var(--muted-2);border-top:1px solid var(--card-brd);line-height:1.6}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--card-brd);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1a2680}.topbar .vtitle{font-size:18px;font-weight:700}.topbar .vtitle small{font-size:12px;color:var(--muted);font-weight:400;margin-left:12px}.tools{display:flex;align-items:center;gap:12px}.seg{display:flex;border:1px solid var(--card-brd);border-radius:10px;overflow:hidden;background:var(--card)}.seg button{border:0;background:transparent;padding:7px 14px;font-size:12.5px;color:var(--muted);cursor:pointer;font-family:inherit;transition:.15s}.seg button.on{background:var(--dgreen);color:#08131a;font-weight:700}.pill{font-size:12px;color:var(--muted);background:var(--card);border:1px solid var(--card-brd);border-radius:20px;padding:7px 14px;display:flex;align-items:center;gap:7px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 #5fd07a99;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #5fd07a80}70%{box-shadow:0 0 0 8px #5fd07a00}to{box-shadow:0 0 #5fd07a00}}.content{flex:1;overflow:auto;padding:24px 28px 60px}.grid{display:grid;gap:18px}.card{background:var(--card);border:1px solid var(--card-brd);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative;overflow:hidden}.card.pad{padding:18px 20px}.card-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-h .t{font-size:14.5px;font-weight:700}.card-h .s{font-size:11px;color:var(--muted)}.glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(400px 120px at 100% 0,rgba(0,163,224,.1),transparent 70%)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.kpi{background:linear-gradient(160deg,#ffffff0d,#ffffff04);border:1px solid var(--card-brd);border-radius:var(--radius);padding:18px 20px;position:relative;overflow:hidden}.kpi .bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--dgreen)}.kpi.red .bar{background:var(--red)}.kpi.amber .bar{background:var(--amber)}.kpi.blue .bar{background:var(--dblue)}.kpi .k{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px}.kpi .v{font-size:30px;font-weight:800;margin-top:8px;line-height:1;letter-spacing:-.5px}.kpi .v small{font-size:14px;font-weight:600;color:var(--muted)}.kpi .d{font-size:11.5px;margin-top:10px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.delta-up{color:var(--red);font-weight:700}.delta-down{color:var(--ok);font-weight:700}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;white-space:nowrap}.dotk{width:7px;height:7px;border-radius:50%}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:600;padding:11px 12px;border-bottom:1px solid var(--card-brd);font-size:11.5px;white-space:nowrap}td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05)}.vtable tbody tr{transition:background .14s}.vtable tbody tr:hover{background:#ffffff06}.vtable tbody tr:last-child td{border-bottom:0}tr.clk{cursor:pointer;transition:.12s}tr.clk:hover td{background:#86bc2514}.mono{font-variant-numeric:tabular-nums}.link{color:var(--dblue);font-weight:600;cursor:pointer}.bar-track{height:8px;border-radius:6px;background:#ffffff12;overflow:hidden}.bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--dgreen),var(--dgreen-2))}.btn{border:0;border-radius:11px;padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:8px;transition:.15s}.btn.primary{background:linear-gradient(135deg,var(--dgreen),var(--dgreen-2));color:#08131a}.btn.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.ghost{background:var(--card);border:1px solid var(--card-brd);color:var(--ink)}.btn.ghost:hover{border-color:#fff3}.hero{border-radius:22px;padding:40px 44px;position:relative;overflow:hidden;background:linear-gradient(120deg,var(--dnavy-2),#123246 60%,#0c2333);border:1px solid var(--card-brd)}.hero:after{content:"";position:absolute;right:-60px;top:-60px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(134,188,37,.28),transparent 60%);filter:blur(10px)}.hero .ey{font-size:12px;letter-spacing:3px;color:var(--dgreen-2);font-weight:700;text-transform:uppercase}.hero h1{font-size:34px;font-weight:800;margin-top:12px;line-height:1.2;max-width:760px}.hero h1 .g{color:var(--dgreen-2)}.hero p{font-size:14.5px;color:#b9ccd6;margin-top:14px;max-width:720px;line-height:1.7}.pain-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.pain{background:var(--card);border:1px solid var(--card-brd);border-radius:14px;padding:16px;position:relative}.pain .pn{font-size:11px;color:var(--red);font-weight:700}.pain h4{font-size:13.5px;margin:8px 0 6px}.pain p{font-size:11.5px;color:var(--muted);line-height:1.5}.loop{display:flex;align-items:stretch;gap:0}.loop .node{flex:1;background:linear-gradient(160deg,#ffffff0d,#ffffff04);border:1px solid var(--card-brd);border-radius:16px;padding:20px;cursor:pointer;transition:.18s;position:relative;overflow:hidden}.loop .node:hover{transform:translateY(-5px);border-color:#86bc2566;box-shadow:0 16px 40px #0006}.loop .node .num{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;background:#86bc2529;color:var(--dgreen-2);border:1px solid rgba(134,188,37,.3)}.loop .node h4{font-size:16px;margin:14px 0 8px}.loop .node p{font-size:12px;color:var(--muted);line-height:1.55}.loop .node .ic{position:absolute;right:16px;top:16px;color:#ffffff1f}.loop .conn{flex:0 0 34px;display:flex;align-items:center;justify-content:center;color:var(--dgreen)}.legend{font-size:12.5px}.legend .li{display:flex;align-items:center;gap:9px;margin-bottom:11px}.legend .sw{width:11px;height:11px;border-radius:3px;flex:0 0 11px}.legend .nm{color:var(--muted);flex:1}.legend .vv{font-weight:700}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.fcat{border:1px solid var(--card-brd);border-radius:14px;overflow:hidden;background:var(--card)}.fcat .fh{padding:13px 16px;font-weight:700;font-size:13.5px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--card-brd)}.fcat .fh .cnt{font-size:11px;color:var(--muted);font-weight:500}.fcat .fb{padding:6px 16px 12px}.fitem{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05)}.fitem:last-child{border-bottom:0}.fitem .nm{font-size:12.5px;font-weight:600;display:flex;justify-content:space-between;gap:8px}.fitem .nm .th{color:var(--amber);font-size:11px;font-weight:700;white-space:nowrap}.fitem .fm{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.45}.fitem .rk{font-size:10.5px;color:var(--red);margin-top:4px}.mcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mcard{border:1px solid var(--card-brd);border-radius:16px;padding:20px;background:var(--card);border-top:3px solid var(--dblue);position:relative;overflow:hidden}.mcard h4{font-size:15.5px;display:flex;align-items:center;gap:8px}.mcard .price{font-size:22px;font-weight:800;margin:12px 0 2px;letter-spacing:-.5px}.mcard .feat{font-size:11.5px;color:var(--muted);margin-bottom:12px}.mcard ol{list-style:none;counter-reset:s}.mcard ol li{counter-increment:s;font-size:11.5px;color:var(--ink);padding:6px 0 6px 26px;position:relative;line-height:1.45;border-bottom:1px solid rgba(255,255,255,.04)}.mcard ol li:before{content:counter(s);position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:6px;background:#ffffff14;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--muted)}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a0f99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;display:flex;justify-content:flex-end}.drawer{width:640px;max-width:94vw;height:100%;background:linear-gradient(180deg,var(--panel),var(--dnavy));border-left:1px solid var(--card-brd);overflow:auto;box-shadow:-30px 0 80px #00000080}.drawer .dh{padding:22px 26px;border-bottom:1px solid var(--card-brd);position:sticky;top:0;background:#0e1c27eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.drawer .dh .top{display:flex;justify-content:space-between;align-items:flex-start}.drawer .dh h3{font-size:20px;font-weight:800}.drawer .dh .meta{font-size:12px;color:var(--muted);margin-top:6px}.drawer .dh .x{background:var(--card);border:1px solid var(--card-brd);color:var(--muted);border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:18px}.drawer .db{padding:22px 26px}.sec-t{font-size:13px;font-weight:700;margin:6px 0 14px;display:flex;align-items:center;gap:9px}.sec-t:before{content:"";width:4px;height:15px;background:var(--dgreen);border-radius:2px}.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.kv .i{background:var(--card);border:1px solid var(--card-brd);border-radius:11px;padding:12px 14px}.kv .i .k{font-size:11px;color:var(--muted)}.kv .i .v{font-size:19px;font-weight:800;margin-top:4px}.hit{border:1px solid var(--card-brd);border-left:3px solid var(--red);border-radius:11px;padding:13px 15px;margin-bottom:11px;background:#ff5a630d}.hit .ht{font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:8px}.hit .hm{font-size:11.5px;color:var(--muted);margin-top:5px;line-height:1.5}.hit .hval{font-size:11px;font-weight:700;color:var(--red)}.recon-row{display:flex;align-items:center;gap:10px;font-size:12.5px;padding:7px 0}.recon-row .lbl{width:110px;color:var(--muted);flex:0 0 110px}.recon-row .track{flex:1;height:22px;background:#ffffff0a;border-radius:6px;position:relative;overflow:hidden}.recon-row .seg{position:absolute;top:0;bottom:0;border-radius:6px}.recon-row .num{width:90px;text-align:right;font-weight:700;flex:0 0 90px}.diff-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:11px;font-weight:800;font-size:15px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 10px;border-radius:8px;background:var(--card);border:1px solid var(--card-brd);color:var(--muted)}.split2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.obox{border:1px solid var(--card-brd);border-radius:14px;padding:18px;background:var(--card)}.obox.good{border-top:3px solid var(--ok)}.obox.bad{border-top:3px solid var(--red)}.obox h4{font-size:14.5px;margin-bottom:12px}.ostep{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12.5px;color:var(--ink)}.ostep:last-child{border-bottom:0}.ostep .sn{width:22px;height:22px;flex:0 0 22px;border-radius:7px;background:#ffffff12;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--muted)}.flow{display:flex;align-items:center;gap:0}.flow .fx{flex:1;background:var(--card);border:1px solid var(--card-brd);border-radius:12px;padding:14px;text-align:center}.flow .fx .fi{font-size:11px;color:var(--muted)}.flow .fx .ft{font-size:14px;font-weight:700;margin-top:5px}.flow .fa{flex:0 0 36px;text-align:center;color:var(--dgreen)}.activity .ai{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.activity .ai:last-child{border-bottom:0}.activity .adot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:0 0 9px}.activity .atx{font-size:12.5px;line-height:1.5}.activity .amt{font-size:11px;color:var(--muted-2);margin-top:3px}.fade-in{animation:fadeIn .3s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.run-anim{width:40%;background:linear-gradient(90deg,var(--dblue),var(--dgreen-2));animation:runbar 1.5s ease-in-out infinite}@keyframes runbar{0%{margin-left:0;width:20%}50%{width:70%}to{margin-left:100%;width:10%}}.bulb{width:28px;height:28px;border-radius:9px;border:1px solid var(--card-brd);background:var(--card);color:var(--amber);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s}.bulb:hover{border-color:var(--amber);background:#f2b33d1f}.popover{position:absolute;right:0;top:34px;width:320px;z-index:31;background:linear-gradient(180deg,var(--panel),var(--dnavy));border:1px solid var(--card-brd);border-radius:12px;box-shadow:0 20px 50px #00000080;overflow:hidden}.popover-h{padding:11px 14px;font-size:12.5px;font-weight:700;border-bottom:1px solid var(--card-brd);display:flex;justify-content:space-between;align-items:center}.popover-b{padding:12px 14px;font-size:11.5px;color:var(--muted);line-height:1.55}.x-sm{background:none;border:0;color:var(--muted);cursor:pointer;padding:0;display:flex}.modal{background:linear-gradient(180deg,var(--panel),var(--dnavy));border:1px solid var(--card-brd);border-radius:16px;max-height:88vh;overflow:auto;box-shadow:0 30px 80px #0000008c}.tabs{display:inline-flex;gap:4px;background:var(--card);border:1px solid var(--card-brd);border-radius:10px;padding:3px}.tabs button{border:0;background:transparent;color:var(--muted);font-size:12.5px;padding:6px 14px;border-radius:8px;cursor:pointer;font-family:inherit;transition:.15s}.tabs button.on{background:var(--dgreen);color:#08131a;font-weight:700}.pipe{display:flex;align-items:stretch;gap:0;margin-bottom:4px}.pipe .st{flex:1;background:var(--card);border:1px solid var(--card-brd);border-radius:12px;padding:12px 14px;cursor:pointer;transition:.15s;position:relative}.pipe .st.on{border-color:#86bc2580;background:#86bc2514}.pipe .st .sn{font-size:10.5px;color:var(--muted-2);font-weight:700}.pipe .st .stt{font-size:13.5px;font-weight:700;margin-top:3px}.pipe .st .sd{font-size:10.5px;color:var(--muted);margin-top:3px;line-height:1.35}.pipe .parrow{flex:0 0 26px;display:flex;align-items:center;justify-content:center;color:var(--dgreen)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:5px;background:#ffffff1f;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--dgreen);cursor:pointer;box-shadow:0 0 0 4px #86bc2533}.phone{width:300px;flex:0 0 300px;background:linear-gradient(180deg,#0c1c26,#0a1620);border:1px solid var(--card-brd);border-radius:26px;padding:16px 14px;box-shadow:0 20px 50px #0006}.phone .pbar{display:flex;justify-content:space-between;font-size:10px;color:var(--muted-2);margin-bottom:8px}.phone .ptitle{text-align:center;font-size:13px;font-weight:700;margin-bottom:12px}.phone2{width:312px;flex:0 0 312px;background:#0a0d12;border-radius:46px;padding:11px;box-shadow:0 26px 64px #0009,inset 0 0 0 2px #ffffff0d;position:relative}.phone2 .screen{background:#eef1f5;border-radius:36px;overflow:hidden;position:relative;height:588px;display:flex;flex-direction:column}.phone2 .notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:132px;height:27px;background:#0a0d12;border-radius:0 0 17px 17px;z-index:6}.phone2 .sbar{display:flex;justify-content:space-between;align-items:center;padding:10px 22px 5px;font-size:12.5px;font-weight:700;color:#0a0d12;background:#eef1f5}.phone2 .sbar .ic{display:flex;gap:5px;align-items:center}.phone2 .apphead{background:linear-gradient(135deg,#86bc25,#5f9e1a);color:#fff;padding:11px 16px 13px;display:flex;align-items:center;justify-content:space-between}.phone2 .apphead .title{font-size:14.5px;font-weight:800;letter-spacing:.3px}.phone2 .apphead .sub{font-size:10px;opacity:.9;margin-top:2px;font-weight:500}.phone2 .capsule{display:flex;align-items:center;border:1px solid rgba(255,255,255,.55);border-radius:15px;overflow:hidden;height:26px}.phone2 .capsule i{display:flex;align-items:center;justify-content:center;width:30px;height:100%}.phone2 .capsule i+i{border-left:1px solid rgba(255,255,255,.45)}.phone2 .pbody{flex:1;overflow-y:auto;padding:14px 13px 26px;color:#1a2530}.phone2 .home{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:118px;height:5px;border-radius:3px;background:#00000052;z-index:6}.phone2 .mp-card{background:#fff;border:1px solid #e3e7ec;border-radius:13px;padding:12px;margin-bottom:10px;box-shadow:0 2px 8px #14283c0d}.phone2 .mp-title{font-size:13px;font-weight:800;color:#16202b;margin-bottom:2px}.phone2 .mp-sub{font-size:11px;color:#7a8794}.phone2 .mp-btn{border:0;border-radius:9px;background:#86bc25;color:#fff;font-family:inherit;font-weight:700;font-size:12px;padding:7px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.phone2 .mp-btn.ghost{background:#eef4e2;color:#5f9e1a}.phone2 .mp-badge{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:20px}.switch{width:38px;height:20px;border-radius:12px;background:#ffffff24;position:relative;cursor:pointer;transition:.18s;border:0;padding:0}.switch.on{background:var(--dgreen)}.switch .knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.18s}.switch.on .knob{left:20px}.segbig{display:inline-flex;gap:6px;background:var(--card);border:1px solid var(--card-brd);border-radius:12px;padding:5px}.segbig button{border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:700;padding:9px 22px;border-radius:9px;cursor:pointer;font-family:inherit;transition:.15s;display:flex;align-items:center;gap:8px}.segbig button.on{background:var(--dnavy);color:#fff;box-shadow:0 4px 14px #0000004d}.segbig button.on.g{background:var(--dgreen);color:#08131a}.mi-row{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.mi-row:last-child{border-bottom:0}.verdict-card{border:1px solid var(--card-brd);border-top:3px solid var(--dgreen);border-radius:14px;padding:15px 16px;background:var(--card);display:flex;flex-direction:column;gap:6px}.verdict-card .vc-h{font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:7px}.verdict-card .vc-n{font-size:24px;font-weight:800;letter-spacing:-.5px}.verdict-card .vc-n small{font-size:12px;font-weight:600;color:var(--muted)}.verdict-card .vc-d{font-size:11px;color:var(--muted);line-height:1.5}
