:root{--cream-50:#faf9f5;--cream-100:#f4f2ec;--cream-200:#ecebe3;--cream-300:#e3e1d7;--line:#e6e4da;--line-strong:#d6d3c6;--ink:#191917;--ink-2:#3d3d3a;--ink-3:#6f6e69;--ink-4:#9b9a92;--ink-5:#bab8ae;--accent:#d97757;--accent-hover:#c9663f;--accent-deep:#a84f2f;--accent-soft:#fbf0ea;--accent-line:#f0d8cb;--green:#5f8a58;--green-soft:#eef3ec;--blue:#5b81ab;--blue-soft:#edf1f6;--amber:#b4832c;--amber-soft:#f8f1e2;--red:#b5493c;--red-soft:#f9ecea;--violet:#7d6595;--violet-soft:#f2eff5;--dark:#1f1e1d;--dark-2:#2c2b28;--dark-3:#3d3b37;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:22px;--shadow-sm:0 1px 2px #1919170d;--shadow:0 2px 8px #1919170f;--shadow-lg:0 12px 32px #1919171f;--shadow-float:0 20px 60px #1919172e;--sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--serif:"Georgia", "Songti SC", "STSong", "Noto Serif SC", serif;--mono:"SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);background:var(--cream-100);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}::-webkit-scrollbar-track{background:0 0}.serif{font-family:var(--serif)}.card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff}.muted{color:var(--ink-3)}.dim{color:var(--ink-4)}.tag{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex}.tag-accent{background:var(--accent-soft);color:var(--accent-deep)}.tag-green{background:var(--green-soft);color:var(--green)}.tag-blue{background:var(--blue-soft);color:var(--blue)}.tag-amber{background:var(--amber-soft);color:var(--amber)}.tag-red{background:var(--red-soft);color:var(--red)}.tag-violet{background:var(--violet-soft);color:var(--violet)}.tag-gray{background:var(--cream-200);color:var(--ink-3)}.tag-outline{border:1px solid var(--line-strong);color:var(--ink-3);background:0 0}.btn{border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{background:var(--ink-5);cursor:not-allowed}.btn-ghost{border:1px solid var(--line-strong);color:var(--ink-2);background:#fff}.btn-ghost:hover{background:var(--cream-50)}.btn-quiet{background:var(--cream-200);color:var(--ink-2)}.btn-quiet:hover{background:var(--cream-300)}.btn-sm{border-radius:8px;padding:6px 12px;font-size:13px}.btn-xs{border-radius:7px;padding:4px 10px;font-size:12px}.btn-block{width:100%}.divider{background:var(--line);border:0;height:1px;margin:0}.row{align-items:center;display:flex}.row-between{justify-content:space-between;align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap4{gap:4px}.gap6{gap:6px}.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.grow{flex:1}.wrap{flex-wrap:wrap}.p0{padding:0!important}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}.t11{font-size:11px}.t12{font-size:12px}.t13{font-size:13px}.t15{font-size:15px}.t17{font-size:17px}.t20{font-size:20px}.t26{font-size:26px}.w500{font-weight:500}.w600{font-weight:600}.lh14{line-height:1.4}.pri{letter-spacing:.3px;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.pri-p0{background:var(--red-soft);color:var(--red)}.pri-p1{background:var(--amber-soft);color:var(--amber)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.anim-fade{animation:.28s both fadeUp}.anim-in{animation:.2s both fadeIn}.anim-pop{animation:.3s cubic-bezier(.2,.9,.3,1.2) both pop}.shell{background:radial-gradient(1200px 600px at 50% -10%, #fdfcf8 0%, transparent 70%), var(--cream-100);flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#faf9f5d9;flex:none;align-items:center;gap:20px;height:56px;padding:0 20px;display:flex}.brand{letter-spacing:-.1px;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.brand-mark{background:var(--accent);color:#fff;width:24px;height:24px;font-size:13px;font-family:var(--serif);border-radius:7px;flex:none;place-items:center;display:grid}.brand-sub{color:var(--ink-4);border-left:1px solid var(--line-strong);margin-left:2px;padding-left:10px;font-size:12px;font-weight:400}.seg{background:var(--cream-200);border-radius:10px;gap:2px;padding:3px;display:flex}.seg button{color:var(--ink-3);white-space:nowrap;border-radius:7px;padding:5px 14px;font-size:13px;font-weight:500;transition:all .15s}.seg button:hover{color:var(--ink)}.seg button.on{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff}.topbar-right{color:var(--ink-4);align-items:center;gap:10px;margin-left:auto;font-size:12px;display:flex}.stage{flex:1;min-height:0;display:flex;overflow:hidden}.stage-main{flex:1;justify-content:center;align-items:flex-start;min-width:0;padding:28px;display:flex;overflow:auto}.stage-main.full{align-items:stretch;padding:0}.phone-wrap{align-items:flex-start;gap:28px;display:flex}.phone{width:390px;height:800px;box-shadow:var(--shadow-float);background:#fff;border:10px solid #1f1e1d;border-radius:44px;flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.phone-notch{z-index:60;background:#1f1e1d;border-radius:14px;width:112px;height:26px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.statusbar{height:44px;color:var(--ink);z-index:55;background:0 0;flex:none;justify-content:space-between;align-items:center;padding:0 26px;font-size:12px;font-weight:600;display:flex;position:relative}.statusbar .icons{opacity:.85;align-items:center;gap:5px;display:flex}.capsule{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40;width:84px;height:30px;color:var(--ink-2);background:#ffffffb3;border:1px solid #00000014;border-radius:15px;justify-content:space-around;align-items:center;display:flex;position:absolute;top:52px;right:14px}.capsule .dot3{gap:3px;display:flex}.capsule .dot3 i{background:var(--ink-2);border-radius:50%;width:3.5px;height:3.5px;display:block}.phone-body{scroll-behavior:smooth;flex:1;min-height:0;position:relative;overflow:hidden auto}.phone-body::-webkit-scrollbar{width:0}.tabbar{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;flex:none;height:62px;padding-bottom:8px;display:flex}.tabbar button{color:var(--ink-4);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding-top:6px;font-size:10px;display:flex;position:relative}.tabbar button.on{color:var(--accent)}.tabbar .badge{background:var(--red);color:#fff;border-radius:8px;place-items:center;min-width:15px;height:15px;margin-right:-18px;padding:0 4px;font-size:9px;font-weight:600;display:grid;position:absolute;top:4px;right:50%}.home-indicator{background:var(--ink);opacity:.25;z-index:70;border-radius:2px;width:128px;height:4px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.pg{min-height:100%;padding:0 16px 28px}.pg-head{padding:6px 0 14px}.pg-title{font-size:24px;font-weight:600;font-family:var(--serif);letter-spacing:-.3px}.navbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;align-items:center;gap:10px;margin:0 -16px;padding:10px 16px;font-size:15px;font-weight:600;display:flex;position:sticky;top:0}.sheet-mask{z-index:90;background:#1919176b;align-items:flex-end;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.sheet{background:var(--cream-50);border-radius:20px 20px 0 0;width:100%;max-height:86%;padding:20px 18px 26px;animation:.28s cubic-bezier(.2,.8,.3,1) slideUp;overflow-y:auto}.overlay{background:var(--cream-50);z-index:95;flex-direction:column;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.aside{flex:none;width:268px;position:sticky;top:0}.aside h4{letter-spacing:.4px;color:var(--ink-4);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:600}.aside-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;margin-bottom:12px;padding:14px}.jump{flex-direction:column;gap:2px;display:flex}.jump button{text-align:left;color:var(--ink-2);border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;transition:background .12s;display:flex}.jump button:hover{background:var(--cream-100)}.jump button.on{background:var(--accent-soft);color:var(--accent-deep);font-weight:500}.jump .idx{font-family:var(--mono);color:var(--ink-5);flex:none;width:22px;font-size:10px}.jump button.on .idx{color:var(--accent)}.browser{border-radius:var(--radius-lg);border:1px solid var(--line-strong);width:100%;max-width:1400px;height:calc(100vh - 112px);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;display:flex;overflow:hidden}.browser-bar{background:var(--cream-200);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:8px;height:40px;padding:0 14px;display:flex}.browser-bar .dots{gap:6px;display:flex}.browser-bar .dots i{border-radius:50%;width:11px;height:11px;display:block}.browser-url{border:1px solid var(--line);max-width:460px;height:25px;color:var(--ink-4);background:#fff;border-radius:7px;flex:1;align-items:center;gap:6px;margin:0 auto;padding:0 10px;font-size:11.5px;display:flex}.browser-body{background:var(--cream-50);flex:1;min-height:0;display:flex}.wsidebar{background:var(--dark);color:#cfcdc5;flex-direction:column;flex:none;width:208px;padding:16px 10px;display:flex}.wsidebar .wlogo{color:#fff;align-items:center;gap:9px;padding:4px 8px 16px;font-size:13.5px;font-weight:600;display:flex}.wsidebar .wgroup{letter-spacing:.6px;color:#77746c;text-transform:uppercase;padding:14px 10px 6px;font-size:10.5px;font-weight:600}.wsidebar button{color:#b6b3aa;text-align:left;border-radius:8px;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:13px;transition:background .12s;display:flex}.wsidebar button:hover{background:var(--dark-2);color:#ecebe3}.wsidebar button.on{background:var(--accent);color:#fff}.wsidebar .wuser{border-top:1px solid var(--dark-3);color:#a5a29a;align-items:center;gap:9px;margin-top:auto;padding-top:12px;font-size:12px;display:flex}.wmain{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.wtop{border-bottom:1px solid var(--line);background:#fff;flex:none;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.wtop h2{margin:0;font-size:16px;font-weight:600}.wcontent{flex:1;min-height:0;padding:20px;overflow:auto}.tbl{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.tbl th{text-align:left;color:var(--ink-4);border-bottom:1px solid var(--line);background:var(--cream-50);white-space:nowrap;padding:9px 12px;font-size:12px;font-weight:500}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 12px}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--cream-50)}.tbl tr.sel{background:var(--accent-soft)!important}.kpi{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px 16px}.kpi .k-label{color:var(--ink-4);align-items:center;gap:6px;font-size:12px;display:flex}.kpi .k-value{font-size:26px;font-family:var(--serif);letter-spacing:-.5px;margin-top:4px;font-weight:600;line-height:1.15}.kpi .k-sub{color:var(--ink-4);margin-top:2px;font-size:11.5px}.field{margin-bottom:14px;display:block}.field>label{color:var(--ink-3);margin-bottom:5px;font-size:12px;font-weight:500;display:block}.inp{border:1px solid var(--line-strong);background:#fff;border-radius:8px;outline:none;width:100%;padding:8px 11px;font-size:13px;line-height:1.6;transition:border-color .15s,box-shadow .15s}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.inp{resize:vertical;min-height:70px}.demo-bar{color:var(--ink-3);align-items:center;gap:8px;font-size:12px;display:flex}.demo-bar select{border:1px solid var(--line-strong);background:#fff;border-radius:7px;outline:none;padding:4px 8px;font-size:12px}.spec{background:var(--cream-300);width:15px;height:15px;color:var(--ink-3);cursor:help;vertical-align:middle;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.spec:hover{background:var(--accent);color:#fff}