.lp{--bg:#f7f9fb;--surface:#fff;--surface-2:#f2f4f6;--surface-3:#eceef0;--surface-4:#e6e8ea;--ink:#1e293b;--ink-2:#475569;--sub:#6b7178;--line:#e2e8f0;--blue:#2563eb;--blue-700:#1b47c4;--blue-050:#eaf0fe;--blue-100:#dbe1ff;--blue-on-100:#003ea8;--sec-100:#d5e0f8;--sec-on:#3c475a;--amber-100:#ffdbcd;--amber-on:#9a3412;--ink-950:#0c1322;--success:#10b981;--sans:"Inter", "PingFang SC", "SF Pro Display", -apple-system, BlinkMacSystemFont, system-ui, "Microsoft YaHei", sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-align:left;scroll-behavior:smooth;font-size:16px;line-height:1.6;position:fixed;inset:0;overflow:hidden auto}.lp *,.lp :before,.lp :after{box-sizing:border-box}.lp .wrap{max-width:1200px;margin-inline:auto;padding-inline:24px}.lp h1,.lp h2,.lp h3{letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.1}.lp p{margin:0}.lp a{color:inherit;text-decoration:none}.lp button{font-family:inherit}.lp :focus-visible{outline:2.5px solid var(--blue);outline-offset:3px;border-radius:8px}.lp .mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.lp .btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.lp .btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 24px -10px #2563eb99}.lp .btn-primary:hover{background:var(--blue-700);transform:translateY(-1px)}.lp .btn-ghost{background:var(--surface);color:var(--ink-2);border-color:var(--line)}.lp .btn-ghost:hover{background:var(--surface-2);transform:translateY(-1px)}.lp .btn-lg{border-radius:14px;padding:15px 30px;font-size:15px}.lp .top{z-index:50;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid #0000;transition:border-color .3s,box-shadow .3s;position:sticky;top:0}.lp .top.scrolled{border-bottom-color:var(--line);box-shadow:0 1px 12px #1018280a}.lp .top .row{align-items:center;gap:16px;height:64px;display:flex}.lp .brand{letter-spacing:-.01em;color:var(--blue);cursor:pointer;background:0 0;border:none;align-items:center;gap:9px;padding:0;font-size:19px;font-weight:800;display:inline-flex}.lp .brand svg{flex:none}.lp .top nav{align-items:center;gap:26px;margin-left:auto;display:flex}.lp .langsw{letter-spacing:.04em;color:var(--sub);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.lp .langsw button{color:var(--sub);font:inherit;cursor:pointer;text-align:center;background:0 0;border:none;width:26px;padding:2px 0;transition:color .15s}.lp .langsw button:hover{color:var(--blue)}.lp .langsw button.on{color:var(--blue);font-weight:800}.lp .langsw .sep{opacity:.3}.lp .top .navlink{letter-spacing:.02em;color:var(--ink-2);cursor:pointer;font-size:13px;font-weight:600;transition:color .15s}.lp .top .navlink:hover{color:var(--blue)}.lp .top .actions{align-items:center;gap:12px;display:flex}.lp .top .link-btn{color:var(--ink-2);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:14px;font-weight:600;transition:color .15s}.lp .top .link-btn:hover{color:var(--blue)}.lp .top .btn{padding:9px 20px}.lp .menu-btn{color:var(--ink-2);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:6px;display:none}@media (width<=900px){.lp .top .navlink,.lp .top .actions{display:none}.lp .menu-btn{display:inline-flex}}.lp .hero{padding-block:clamp(56px,8vw,120px) clamp(64px,10vw,140px);position:relative;overflow:hidden}.lp .hero .grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid}.lp .badge{background:var(--blue-100);color:var(--blue-on-100);letter-spacing:.04em;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.lp .hero h1{margin-top:22px;font-size:clamp(36px,5.4vw,60px);font-weight:800;line-height:1.08}.lp .hero h1 .grad{background:linear-gradient(100deg, var(--blue), #4f46e5 55%, #7c3aed);color:#0000;-webkit-background-clip:text;background-clip:text}.lp .hero .lede{max-width:40ch;color:var(--sub);margin-top:22px;font-size:clamp(16px,1.7vw,18px)}.lp .hero .cta-row{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.lp .hero .cta-row .btn{padding:14px 28px}.lp .stores{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.lp .store{background:var(--ink-950);color:#fff;border-radius:12px;align-items:center;gap:10px;padding:9px 16px;transition:transform .15s,opacity .2s;display:inline-flex}.lp .store:hover{opacity:.92;transform:translateY(-1px)}.lp .store .st-1{text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-size:8.5px;font-weight:700;line-height:1}.lp .store .st-2{margin-top:2px;font-size:15px;font-weight:700;line-height:1.15}@media (width<=880px){.lp .hero .grid{text-align:center;grid-template-columns:1fr;gap:8px}.lp .hero .lede{max-width:52ch;margin-inline:auto}.lp .hero .cta-row,.lp .stores{justify-content:center}.lp .phone-wrap{display:none}}.lp .phone-wrap{place-items:center;display:grid;position:relative}.lp .phone-wrap:before{content:"";background:var(--blue-100);filter:blur(90px);opacity:.55;border-radius:50%;width:340px;height:340px;position:absolute;top:-40px;right:-30px}.lp .phone-wrap:after{content:"";background:var(--sec-100);filter:blur(90px);opacity:.55;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-40px;left:-30px}.lp .phone{z-index:1;background:#0f172a;border:11px solid #0f172a;border-radius:42px;width:300px;max-width:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1);position:relative;transform:rotate(6deg);box-shadow:0 40px 80px -34px #0f172a8c}.lp .phone-wrap:hover .phone{transform:rotate(0)}.lp .screen{aspect-ratio:9/19.5;background:#fff;border-radius:30px;flex-direction:column;display:flex;overflow:hidden}.lp .dash-top{background:var(--blue);color:#fff;padding:16px 16px 14px}.lp .dash-top .d-brand{letter-spacing:-.01em;align-items:center;gap:7px;font-size:13px;font-weight:800;display:flex}.lp .dash-top .d-sub{opacity:.8;margin-top:3px;font-size:9.5px}.lp .dash-tabs{gap:14px;margin-top:12px;font-size:9px;font-weight:600;display:flex}.lp .dash-tabs span{opacity:.6;padding-bottom:6px}.lp .dash-tabs span.on{opacity:1;border-bottom:2px solid #fff}.lp .dash-body{flex-direction:column;flex:1;justify-content:space-between;gap:12px;padding:14px;display:flex}.lp .dash-kpi{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lp .dash-kpi>div{border:1px solid var(--line);border-radius:10px;padding:8px 10px}.lp .dash-kpi .kpi-k{color:var(--sub);letter-spacing:.04em;font-size:9px;font-weight:600;display:block}.lp .dash-kpi .kpi-v{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);margin-top:3px;font-size:14px;font-weight:700;display:block}.lp .dash-kpi small{color:var(--sub);font-size:9px;font-weight:500}.lp .dash-nav{border-top:1px solid var(--line);color:var(--sub);justify-content:space-around;align-items:center;padding:11px 0 13px;display:flex}.lp .dash-nav span{display:inline-flex}.lp .dash-nav .on{color:var(--blue)}.lp .dash-card{border:1px solid var(--line);border-radius:12px;padding:12px}.lp .dash-card .dc-k{color:var(--sub);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:600}.lp .dash-card .dc-row{justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.lp .dash-card .dc-v{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:22px;font-weight:700}.lp .dash-card .dc-u{color:var(--sub);font-size:9px}.lp .spark{width:100%;height:44px;margin-top:8px;display:block}.lp .dash-status .ds-h{color:var(--ink);margin-bottom:8px;font-size:10px;font-weight:700}.lp .ds-row{border-top:1px solid var(--line);align-items:center;gap:8px;padding:7px 0;display:flex}.lp .ds-row .ds-dot{border-radius:50%;flex:none;width:8px;height:8px}.lp .ds-row .ds-name{color:var(--ink);flex:1;font-size:10.5px;font-weight:600}.lp .ds-row .ds-tag{border-radius:999px;padding:2px 7px;font-size:8.5px;font-weight:700}.lp .tag-ok{color:#0b7c55;background:#e4f8f0}.lp .tag-warn{color:#b4700e;background:#fcf1df}.lp .tag-due{color:#c0362b;background:#fde7e7}.lp .dot-ok{background:var(--success)}.lp .dot-warn{background:#f59e0b}.lp .dot-due{background:#ef4444}.lp .band{padding-block:clamp(64px,9vw,96px)}.lp .sec-head{text-align:center;margin-inline:auto;max-width:640px;margin-bottom:clamp(40px,6vw,64px)}.lp .sec-head h2{color:var(--ink);font-size:clamp(28px,3.6vw,34px);font-weight:800}.lp .sec-head p{color:var(--sub);margin-top:16px;font-size:15px}.lp .features{background:var(--surface)}.lp .features .grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.lp .feat{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s}.lp .feat:hover{border-color:color-mix(in srgb, var(--blue) 30%, var(--line));transform:translateY(-4px);box-shadow:0 24px 44px -30px #10182866}.lp .feat .ic{border-radius:14px;place-items:center;width:54px;height:54px;margin-bottom:20px;transition:transform .2s;display:grid}.lp .feat:hover .ic{transform:scale(1.08)}.lp .ic-blue{background:var(--blue-100);color:var(--blue)}.lp .ic-sec{background:var(--sec-100);color:var(--sec-on)}.lp .ic-amber{background:var(--amber-100);color:var(--amber-on)}.lp .feat h3{color:var(--ink);letter-spacing:-.01em;margin-bottom:10px;font-size:17px;font-weight:700}.lp .feat p{color:var(--sub);font-size:14px}@media (width<=980px){.lp .features .grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.lp .features .grid{grid-template-columns:1fr}}.lp .showcase{background:var(--surface-3);overflow:hidden}.lp .showcase .grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(36px,6vw,64px);display:grid}.lp .shot{background:linear-gradient(135deg,#e7edfb,#f3f0ff);border-radius:28px;padding:26px;position:relative;box-shadow:0 30px 60px -40px #10182880}.lp .shot-card{background:var(--surface);border-radius:18px;padding:18px;box-shadow:0 14px 30px -18px #10182859}.lp .shot-card .sh-top{justify-content:space-between;align-items:center;display:flex}.lp .shot-card .sh-t{color:var(--ink);font-size:13px;font-weight:700}.lp .shot-card .sh-s{color:var(--sub);font-size:10px}.lp .shot-bars{align-items:flex-end;gap:8px;height:96px;margin-top:16px;display:flex}.lp .shot-bars i{background:var(--blue-100);border-radius:6px 6px 3px 3px;flex:1}.lp .shot-bars i.on{background:var(--blue)}.lp .shot-legend{border-top:1px solid var(--line);gap:16px;margin-top:14px;padding-top:12px;display:flex}.lp .shot-legend div{color:var(--sub);font-size:10px}.lp .shot-legend b{font-family:var(--mono);color:var(--ink);margin-top:2px;font-size:15px;font-weight:700;display:block}.lp .sc-copy h2{color:var(--ink);font-size:clamp(28px,3.6vw,36px);font-weight:800}.lp .sc-copy p{color:var(--sub);margin-top:20px;font-size:17px}.lp .sc-copy p strong{color:var(--ink);font-weight:700}.lp .chips{grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;display:grid}.lp .chip{background:var(--surface);color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:600;display:flex;box-shadow:0 6px 18px -12px #1018284d}@media (width<=880px){.lp .showcase .grid{text-align:center;grid-template-columns:1fr}.lp .sc-copy p{max-width:52ch;margin-inline:auto}.lp .chips{max-width:420px;margin-inline:auto}}@media (width<=560px){.lp .chips{grid-template-columns:1fr}}.lp .bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:20px;display:grid}.lp .bento .chart-card{background:var(--surface);border:1px solid var(--line);border-radius:26px;flex-direction:column;grid-area:span 2/span 3;min-height:420px;padding:30px;display:flex}.lp .chart-card .cc-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lp .chart-card .cc-head h3{color:var(--ink);font-size:20px;font-weight:700}.lp .chart-card .cc-head p{color:var(--sub);margin-top:4px;font-size:14px}.lp .chart-card select{background:var(--surface-2);color:var(--ink-2);cursor:pointer;border:none;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:600}.lp .chart-card .bars{flex:1;align-items:flex-end;gap:12px;margin-top:28px;display:flex}.lp .chart-card .bars i{background:var(--blue-100);border-radius:10px 10px 4px 4px;flex:1;transition:background .2s}.lp .chart-card .bars i:hover,.lp .chart-card .bars i.on{background:var(--blue)}.lp .stat-card{border-radius:26px;flex-direction:column;justify-content:space-between;min-height:200px;padding:28px;display:flex}.lp .stat-card .sc-ic{display:inline-flex}.lp .stat-card .sc-k{opacity:.8;font-size:12px;font-weight:600}.lp .stat-card .sc-v{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin-top:4px;font-size:26px;font-weight:700}.lp .stat-blue{background:var(--blue);color:#fff;box-shadow:0 20px 40px -24px #2563ebb3}.lp .stat-sec{background:var(--sec-100);color:var(--sec-on)}.lp .stat-sec .sc-v{color:var(--ink)}@media (width<=900px){.lp .bento{grid-template-columns:1fr 1fr}.lp .bento .chart-card{grid-area:auto/span 2}}@media (width<=560px){.lp .bento{grid-template-columns:1fr}.lp .bento .chart-card{grid-column:span 1}}.lp .foot{background:var(--surface-4);border-top:1px solid var(--line);padding-block:44px}.lp .foot .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.lp .foot .links{color:var(--sub);gap:24px;font-size:12px;font-weight:600;display:flex}.lp .foot .links a:hover{color:var(--blue)}.lp .foot .copy{color:var(--sub);font-size:12px;font-weight:600}.lp .foot .status{color:var(--success);align-items:center;gap:7px;font-size:11px;font-weight:600;display:inline-flex}.lp .foot .status .pulse{background:var(--success);border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite lp-pulse}@keyframes lp-pulse{0%,to{opacity:1}50%{opacity:.3}}.lp .reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(20px)}.lp .reveal.inview{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.lp .reveal{opacity:1!important;transition:none!important;transform:none!important}.lp .phone{transition:none!important;transform:rotate(6deg)!important}.lp .foot .status .pulse{animation:none}.lp{scroll-behavior:auto}}:root{--primary:#004ac6;--primary-container:#2563eb;--bg:#f7f9fb;--surface:#fff;--ink:#2b2f33;--sub:#6b7178;--border:#e2e8f0;--field:#f1f5f9;--success:#10b981;--warning:#f59e0b;--error:#ba1a1a;--radius:16px;--radius-sm:12px}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}#root{max-width:960px;margin:0 auto;padding:0 16px 48px}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:20px;padding:14px 0;display:flex}.topbar h1{color:var(--primary);font-size:20px;font-weight:700}.topbar .spacer{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.kpi{background:var(--field);border-radius:var(--radius-sm);padding:12px}.kpi .label{color:var(--sub);letter-spacing:.05em;font-size:12px;font-weight:600}.kpi .value{margin-top:4px;font-size:22px;font-weight:700}.kpi .value.blue{color:var(--primary)}.kpi .value.green{color:var(--success)}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:none;padding:10px 18px;font-weight:600}button.primary{background:var(--primary);color:#fff}button.primary:disabled{opacity:.5;cursor:default}button.ghost{color:var(--primary);background:0 0}button.outline{color:var(--ink);border:1px solid var(--border);background:0 0}button.danger{color:var(--error);border:1px solid var(--border);background:0 0}label{color:var(--sub);margin:12px 0 6px;font-size:12px;font-weight:600;display:block}input,select{font:inherit;border-radius:var(--radius-sm);background:var(--field);border:1px solid #0000;width:100%;padding:11px 14px}input:focus,select:focus{border-color:var(--primary);background:#fff;outline:none}.lang-select{border:1px solid var(--border);cursor:pointer;flex:none;width:auto;padding:7px 10px;font-size:13px;font-weight:600}.row{gap:12px;display:flex}.row>*{flex:1}.timeline-item{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 0;display:flex}.timeline-item:last-child{border-bottom:none}.timeline-item .icon{background:var(--field);border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.timeline-item .main{flex:1;min-width:0}.timeline-item .title{font-weight:600}.timeline-item .sub{color:var(--sub);margin-top:2px;font-size:12px}.timeline-item .amount{color:var(--primary);text-align:right;font-weight:700}.timeline-item .eff{color:var(--success);text-align:right;font-size:12px;font-weight:700}.pill{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.pill.warn{color:#92400e;background:#fef3cd}.pill.ok{color:#065f46;background:#d1fae5}.modal-backdrop{z-index:50;background:#14182873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:460px;max-height:90vh;padding:24px;overflow-y:auto}.modal h2{margin-bottom:4px;font-size:18px}.banner{border-radius:var(--radius-sm);margin-bottom:12px;padding:10px 14px;font-size:14px}.banner.ok{color:#065f46;background:#d1fae5}.banner.err{color:var(--error);background:#ffe4e1}.muted{color:var(--sub);font-size:13px}.section-title{margin:20px 0 10px;font-weight:700}a{color:var(--primary);text-decoration:none}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/material-icons.ttf)format("truetype")}.mi{letter-spacing:normal;text-transform:none;vertical-align:-.22em;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Icons;font-size:1.2em;font-style:normal;font-weight:400;line-height:1;display:inline-block}.topnav{gap:14px;margin-left:18px;display:flex}.topnav a{color:var(--sub,#64748b);font-size:14px;font-weight:600;text-decoration:none}.topnav a:hover{color:var(--primary)}@media (prefers-color-scheme:dark){:root{--bg:#101418;--card:#1a1f24;--border:#2e3742;--sub:#9ba3ac;--text:#e4e8ec;--field:#232a31;--primary:#9db8ff;--primary-soft:#2c3a52}body{background:var(--bg);color:var(--text)}.card,.modal{background:var(--card);border-color:var(--border)}input,select,textarea{background:var(--field);color:var(--text);border-color:var(--border)}.kpi{background:var(--card)}.topbar{background:var(--card);border-color:var(--border)}button.outline{border-color:var(--border);color:var(--text)}}
