:root{--ink:#111;--paper:#fff;--fog:#f6f7f8;--map-bg:#e9ebee;--map-block:#eef0f3;--map-park:#dce9dc;--map-water:#cfe0e8;--gray-60:#6e6e6e;--gray-40:#a3a3a3;--line:#e4e4e4;--hairline:#ececec;--blue:#2e6bf0;--green:#12a150;--green-bg:#eff7f1;--yellow:#a16207;--yellow-bg:#fbf3e0;--red:#d93025;--r-sheet:24px;--r-card:16px;--r-ctl:12px;--shadow-float:0 2px 10px #1111110d;--shadow-sheet:0 -4px 16px #1111111a;--font-cn:"MiSans", -apple-system, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;--font-num:"Inter", "SF Pro Display", -apple-system, "PingFang SC", sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body,#root{height:100%}.app-screen{background:var(--map-bg);flex-direction:column;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #11111114}body{font-family:var(--font-cn);color:var(--ink);background:#ececee}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.bench{flex-direction:column;align-items:center;min-height:100%;padding:28px 24px 56px;display:flex}.bench-head{justify-content:space-between;align-items:baseline;width:100%;max-width:1060px;margin-bottom:20px;display:flex}.bench-title{letter-spacing:.02em;font-size:15px;font-weight:700}.bench-title span{color:var(--gray-40);margin-left:10px;font-size:12px;font-weight:400}.bench-nav{flex-wrap:wrap;gap:8px;width:100%;max-width:1060px;margin-bottom:28px;display:flex}.bench-tab{border:1px solid var(--line);background:var(--paper);color:var(--gray-60);font-size:13px;font-family:var(--font-cn);cursor:pointer;border-radius:999px;padding:8px 16px;transition:all .15s}.bench-tab:hover{border-color:var(--ink);color:var(--ink)}.bench-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}.bench-group{width:100%;color:var(--gray-40);margin:12px 0 2px;font-size:12px;font-weight:600}.bench-body{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:36px;display:flex}.phone{background:var(--paper);border:1px solid #d8d8da;border-radius:44px;flex-shrink:0;width:390px;height:800px;position:relative;overflow:hidden;box-shadow:0 24px 60px #11111124}.screen{background:var(--map-bg);flex-direction:column;display:flex;position:absolute;inset:0}.focus-note{width:300px;padding-top:8px}.focus-note h3{margin-bottom:4px;font-size:13px;font-weight:700}.focus-note .focus-key{background:var(--ink);color:#fff;border-radius:999px;margin-bottom:14px;padding:3px 10px;font-size:11px;display:inline-block}.focus-note ul{list-style:none}.focus-note li{color:#555;border-bottom:1px solid #e0e0e2;padding:9px 0 9px 16px;font-size:12.5px;line-height:1.5;position:relative}.focus-note li:before{content:"";background:var(--gray-40);border-radius:50%;width:5px;height:5px;position:absolute;top:15px;left:0}.statusbar{z-index:20;pointer-events:none;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 26px 0 30px;font-size:14px;font-weight:600;display:flex;position:relative}.statusbar.on-map{position:absolute;top:0;left:0;right:0}.map-fab{background:var(--paper);width:44px;height:44px;box-shadow:var(--shadow-float);cursor:pointer;color:var(--ink);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.sheet{background:var(--paper);border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--shadow-sheet);z-index:10;flex-direction:column;flex-shrink:0;display:flex;position:relative}.sheet-handle{background:#dcdcdc;border-radius:999px;flex-shrink:0;width:40px;height:4px;margin:10px auto 2px}.btn-primary{background:var(--ink);color:#fff;height:56px;font-size:16px;font-weight:700;font-family:var(--font-cn);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:6px;display:flex}.btn-ghost{border:1px solid var(--line);height:48px;color:var(--gray-60);font-size:14px;font-family:var(--font-cn);cursor:pointer;background:0 0;border-radius:12px}.icon-btn{background:var(--paper);border:1px solid var(--line);cursor:pointer;width:48px;height:48px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hairline{background:var(--hairline);border:none;height:1px}.tabbar{background:var(--paper);border-top:1px solid var(--line);z-index:15;flex-shrink:0;height:72px;display:flex;position:relative}.tabbar-item{color:var(--gray-40);cursor:pointer;font-size:11px;font-family:var(--font-cn);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.tabbar-item.active{color:var(--ink)}.radio{border:2px solid #c9c9c9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.radio.on{border-color:var(--ink);background:var(--ink)}.radio.on:after{content:"";background:#fff;border-radius:50%;width:7px;height:7px}.tag{white-space:nowrap;border-radius:6px;align-items:center;padding:2px 7px;font-size:10.5px;line-height:1.3;display:inline-flex}.tag-green{background:var(--green-bg);color:var(--green);font-weight:600}.tag-yellow{background:var(--yellow-bg);color:var(--yellow);font-weight:600}.tag-fog{background:var(--fog);color:var(--gray-60)}.input-fog{background:var(--fog);border-radius:12px;align-items:center;min-height:52px;padding:0 16px;display:flex}.input-fog input{min-width:0;color:var(--ink);font-size:15px;font-family:var(--font-cn);background:0 0;border:none;outline:none;flex:1}.input-fog input::placeholder{color:var(--gray-40)}.input-fog.readonly input{color:var(--gray-60)}.cell-row{background:var(--paper);cursor:pointer;align-items:center;min-height:52px;padding:0 16px;display:flex}.cell-row+.cell-row{border-top:1px solid var(--hairline)}