:root{--bg:#f3f6fb;--panel:#fff;--line:#d9e1ec;--text:#172033;--muted:#66758a;--brand:#1769e0;--brand-weak:#eaf2ff;--green:#10845f;--green-weak:#e9f8f2;--orange:#b66a00;--orange-weak:#fff4dd;--red:#c23b32;--red-weak:#fff0ee;--cyan:#087990;--cyan-weak:#e8f7fb;--shadow:0 10px 30px #19264014;font-family:Microsoft YaHei,PingFang SC,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes softZoom{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}body{min-width:1180px;color:var(--text);background:var(--bg);margin:0}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button,[role=button],.black-card,.metric,.face-tile,.thumb-btn{will-change:transform}.layout{grid-template-columns:224px 1fr;min-height:100vh;display:grid}.side{color:#d9e6f7;background:#111827;flex-direction:column;display:flex}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:72px;padding:0 18px;display:flex}.logo{background:linear-gradient(135deg,#1769e0,#13a889 68%,#f2b84b);border-radius:8px;width:34px;height:34px;position:relative}.logo:after{content:"";border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:9px;left:9px}.brand strong{color:#fff;white-space:nowrap;font-size:clamp(13px,.82vw,15px);line-height:1.35;display:block}.nav{gap:8px;padding:18px 12px;display:grid}.nav button{color:#c9d6e7;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;height:42px;padding:0 12px;font-size:14px;transition:background .16s,color .16s,border-color .16s,transform .16s,box-shadow .16s;display:flex}.nav button:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.nav button:active{transform:translate(2px)scale(.99)}.nav button.active:not(.sub-menu):not(.main-link){color:#fff;background:#ffffff1a;border:1px solid #ffffff24;box-shadow:inset 3px 0 #39bdf8,0 8px 18px #0000001f}.nav .main-link{background:#ffffff09;border:1px solid #ffffff14;margin-top:4px}.nav .main-link.active{color:#fff;background:#ffffff1a;border-color:#ffffff24;box-shadow:inset 3px 0 #39bdf8,0 8px 18px #0000001f}.subnav{gap:6px;padding:2px 0 0 14px;display:grid;position:relative}.subnav:before{content:"";background:linear-gradient(#39bdf8b3,#ffffff14);width:1px;position:absolute;top:8px;bottom:8px;left:0}.nav .sub-menu{color:#b9c6d8;background:#ffffff09;border:1px solid #0000;border-radius:7px;height:35px;padding:0 11px;font-size:13px;position:relative}.nav .sub-menu:before{content:"";opacity:.7;background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.nav .sub-menu:hover{color:#fff;background:#ffffff14;border-color:#ffffff1a;transform:translate(2px)}.nav .sub-menu.active{color:#0d4f9a;background:#eef6ff;border-color:#39bdf873;font-weight:700;box-shadow:0 8px 18px #0000002e}.nav .sub-menu.active:before{opacity:1;background:#13a889}.nav i{text-align:center;opacity:.9;width:22px;font-style:normal}.menu-icon{color:#fff;background:#ffffff2e;border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font-size:13px;font-style:normal;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff24}.side-status{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;gap:8px;margin:auto 14px 16px;padding:12px;font-size:13px;display:grid}.status-row{justify-content:space-between;gap:10px;display:flex}.dot{background:#20c997;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.main{grid-template-rows:72px auto;display:grid}.top{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.title strong{font-size:20px;line-height:1.2;display:block}.title span{color:var(--muted);margin-top:6px;font-size:12px;display:block}.top-actions{align-items:center;gap:10px;display:flex}.top-actions:empty{display:none}.search{border:1px solid var(--line);background:#f8fafc;border-radius:6px;outline:none;width:260px;height:36px;padding:0 12px}.btn{color:#0f55b2;white-space:nowrap;background:#eef4ff;border:1px solid #d3e2fa;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:32px;padding:0 11px;font-size:13px;transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.btn:hover{background:#e4efff;border-color:#b8cdea;transform:translateY(-1px);box-shadow:0 4px 12px #1769e01f}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:#0f5fd0;border-color:#0f5fd0}.btn.ghost{color:var(--muted);border-color:var(--line);background:#fff}.btn.ghost:hover{color:var(--brand);background:#f8fbff;border-color:#bdd2ef}.btn.danger{color:var(--red);background:#fff5f3;border-color:#ffd2cd}.btn.danger:hover{color:#a73028;background:#fff0ee;border-color:#f3aaa2}.btn:active,.tab:active,.mini-tab:active,.device-tab:active,.drawer-btn:active,.step-btn:active,.thumb-btn:active,.face-add:active,.face-actions button:active,.link:active{transform:translateY(1px)scale(.99)}.content{grid-template-rows:max-content max-content;align-content:start;gap:8px;padding:18px 20px 24px;display:grid}.content.blacklist-mode{grid-template-rows:max-content;gap:0}.content.blacklist-mode .summary{display:none}.summary{grid-template-columns:repeat(5,minmax(0,1fr));align-self:start;gap:10px;min-height:100px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-content:center;gap:6px;height:100px;min-height:100px;padding:13px 12px;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;display:grid;box-shadow:0 8px 20px #1926400a}.metric[data-jump-page]{cursor:pointer}.metric:hover{border-color:#bdd2ef;transform:translateY(-2px);box-shadow:0 12px 26px #19264014}.metric span{color:var(--muted);white-space:normal;font-size:13px;line-height:1.25}.metric strong{font-size:24px;line-height:1}.metric em{color:var(--green);white-space:normal;font-size:12px;font-style:normal;line-height:1.35}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;align-self:start;min-width:0;animation:.22s both fadeUp}.tabs{border-bottom:1px solid var(--line);background:#f8fafc;border-radius:8px 8px 0 0;gap:6px;padding:8px 10px;display:flex;overflow-x:auto}.tab{height:32px;color:var(--muted);white-space:nowrap;background:0 0;border-radius:6px;padding:0 12px;font-size:13px;transition:background .16s,color .16s,box-shadow .16s,transform .16s}.tab:hover{color:var(--brand);background:#edf3fb;transform:translateY(-1px)}.tab.active{color:#fff;background:var(--brand);box-shadow:0 4px 10px #1769e029}.page{padding:10px 12px 12px;display:none}.page.active{animation:.22s both fadeUp;display:block}.page-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:14px;display:grid}.section{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:10px;padding:12px;animation:.24s both fadeUp}.section h3{margin:0 0 12px;font-size:15px}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.section-title h3{margin:0}.section-title p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:6px;display:grid}.field label{color:var(--muted);font-size:13px}.input,.select{border:1px solid var(--line);width:100%;height:36px;color:var(--text);background:#fff;border-radius:6px;outline:none;padding:0 10px;font-size:13px;transition:border-color .16s,box-shadow .16s,background .16s}.input:focus,.select:focus{background:#fff;border-color:#9fbee8;box-shadow:0 0 0 3px #1769e014}.flow{grid-template-columns:repeat(4,minmax(120px,1fr));align-items:center;gap:12px;display:grid}.flow-step{border:1px solid var(--line);background:#f8fbff;border-radius:8px;min-height:74px;padding:10px 12px;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s;position:relative}.flow-step:hover{transform:translateY(-2px);box-shadow:0 8px 18px #19264012}.flow-step:not(:last-child):after{content:">";color:#8ba0ba;z-index:2;font-size:18px;font-weight:800;position:absolute;top:37px;right:-17px}.flow-step b{margin-bottom:6px;font-size:15px;display:block}.flow-step span{color:var(--muted);font-size:13px;line-height:1.35;display:block}.drawer-row{cursor:pointer;background:#fff;transition:background .18s,box-shadow .18s}.drawer-row:hover{background:#f2f7ff}.drawer-row.open{background:#eef5ff}.drawer-detail{background:#fff}.drawer-detail td{text-align:left;background:#fff;border-bottom:1px solid #dbe5f2;padding:0 12px}.drawer-content{opacity:0;max-height:0;padding:0;transition:max-height .26s,opacity .22s,padding .22s,transform .22s;overflow:hidden;transform:translateY(-4px)}.drawer-row.open+.drawer-detail .drawer-content{opacity:1;max-height:520px;padding:12px 0;transform:translateY(0)}.drawer-detail .flow-step{background:#fff}.drawer-detail .flow-step.role-start-card{background:#f5f9ff;border-color:#cfe0f8}.drawer-detail .flow-step.role-mid-card{background:#fff9ed;border-color:#f1ddb4}.drawer-detail .flow-step.role-end-card{background:#fff6f5;border-color:#f1cbc7}.drawer-detail .flow-step.role-start-card b{color:#0f55b2}.drawer-detail .flow-step.role-mid-card b{color:#9a5a00}.drawer-detail .flow-step.role-end-card b{color:#b7352d}.drawer-btn{border:1px solid var(--line);width:26px;height:26px;color:var(--brand);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex}.drawer-btn:hover{background:#eef5ff;border-color:#bdd2ef;transform:translateY(-1px);box-shadow:0 4px 10px #1769e01f}.drawer-row.open .drawer-btn{background:var(--brand-weak)}.tag{color:#506075;white-space:nowrap;background:#eff3f8;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 8px;font-size:12px;display:inline-flex}.tag.blue{background:var(--brand-weak);color:#0f55b2}.tag.green{background:var(--green-weak);color:var(--green)}.tag.orange{background:var(--orange-weak);color:var(--orange)}.tag.red{background:var(--red-weak);color:var(--red)}.tag.cyan{background:var(--cyan-weak);color:var(--cyan)}.tag.role-start{color:#0f55b2;background:#eaf2ff}.tag.role-mid{color:#9a5a00;background:#fff4dd}.tag.role-end{color:#b7352d;background:#fff0ee}.toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.toolbar .input{max-width:280px}.search-box{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;width:360px;max-width:100%;height:34px;padding:3px 4px 3px 10px;transition:border-color .16s,box-shadow .16s;display:grid}.search-box:hover{border-color:#bdd2ef;box-shadow:0 4px 12px #1926400a}.search-box:focus-within{border-color:#9fbee8;box-shadow:0 0 0 3px #1769e014}.search-box .input{max-width:none;height:26px;box-shadow:none;background:0 0;border:0;padding:0}.search-box .btn{border-radius:5px;height:26px;padding:0 9px;font-size:12px}.group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.group-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:14px;display:grid}.group-card strong{font-size:16px}.group-card .meta{color:var(--muted);font-size:13px;line-height:1.7}table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #dbe5f2;border-radius:8px;width:100%;font-size:13px;overflow:hidden;box-shadow:0 8px 20px #1926400a}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5edf7;padding:11px 12px}tbody tr{transition:background .18s,box-shadow .18s}tbody tr:nth-child(2n):not(.drawer-detail){background:#fcfdff}tbody tr:hover:not(.drawer-detail){background:#f2f7ff}th{color:#5f6f85;white-space:nowrap;background:linear-gradient(#f8fbff 0%,#f3f6fb 100%);font-weight:700}td{color:#10254a}thead th:first-child{border-top-left-radius:8px}thead th:last-child{border-top-right-radius:8px}th:last-child,td:last-child{text-align:right}tr:last-child td{border-bottom:0}.op{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 10px;display:flex}.table-cell-stack{gap:3px;line-height:1.45;display:grid}.table-cell-stack strong{color:var(--text);font-size:13px;font-weight:700}.table-cell-stack span{color:#909399;font-size:12px}.link{color:var(--brand);background:0 0;height:auto;padding:0;font-size:12px;transition:color .16s,text-decoration-color .16s,transform .16s}.link:hover{color:#0f4fa8;text-underline-offset:3px;text-decoration:underline;transform:translateY(-1px)}.link.danger{color:var(--red)}.link.danger:hover{color:#a73028}.checkline{gap:9px;display:grid}.check{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;display:flex}.params{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.param{border:1px solid var(--line);background:#fff;border-radius:8px;gap:8px;padding:12px;display:grid}.param label{color:var(--muted);font-size:13px}.param strong{font-size:18px}.switch{background:var(--green);border-radius:999px;flex:none;width:44px;height:24px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;right:3px;box-shadow:0 2px 6px #0003}.blacklist-tabs{gap:8px;margin-bottom:12px;display:flex}.mini-tab{height:31px;color:var(--muted);background:#f1f5fb;border-radius:6px;padding:0 11px;font-size:13px;transition:background .16s,color .16s,box-shadow .16s,transform .16s}.mini-tab:hover{color:var(--brand);background:#e8f0fb;transform:translateY(-1px)}.mini-tab.active{background:var(--brand);color:#fff;box-shadow:0 4px 10px #1769e024}.blacklist-view{display:none}.blacklist-view.active{animation:.2s both fadeUp;display:block}.black-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.black-card{border:1px solid var(--line);background:#fff;border-radius:8px;align-content:start;gap:10px;min-height:150px;padding:13px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;box-shadow:0 8px 18px #1926400a}.vehicle-card{grid-template-rows:auto auto 1fr;align-content:stretch;row-gap:16px;min-height:138px}.black-card:hover{border-color:#bdd2ef;transform:translateY(-2px);box-shadow:0 12px 26px #19264017}.black-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.black-card-person{align-items:center;gap:10px;min-width:0;display:flex}.black-card-person .avatar{flex:none;margin-right:0}.black-card-person strong,.black-card-head strong{color:var(--text);font-size:15px}.black-card-meta{color:var(--muted);gap:6px;font-size:12px;line-height:1.45;display:grid}.black-card-meta span{word-break:break-all}.black-card .op{justify-content:flex-start;margin-top:2px}.vehicle-card .op{align-self:end;margin-top:auto}.device-tabs{gap:6px;margin-bottom:12px;display:flex}.device-tab{height:31px;color:var(--muted);background:#f1f5fb;border-radius:6px;padding:0 11px;font-size:13px;transition:background .16s,color .16s,box-shadow .16s,transform .16s}.device-tab:hover{color:var(--brand);background:#e8f0fb;transform:translateY(-1px)}.device-tab.active{background:var(--brand);color:#fff;box-shadow:0 4px 10px #1769e024}.device-view{display:none}.device-view.active{animation:.2s both fadeUp;display:block}.avatar{object-fit:cover;border:1px solid var(--line);vertical-align:middle;background:#eef2f7;border-radius:50%;width:38px;height:38px;margin-right:8px}.plate{color:#fff;background:#175cd3;border:1px solid #0d43a4;border-radius:4px;justify-content:center;align-items:center;min-width:86px;height:28px;font-weight:800;display:inline-flex}.plate.green-plate{color:#063d25;background:linear-gradient(90deg,#1fbf75,#58d68d);border-color:#15945a;min-width:98px}.reason{border-left:4px solid var(--brand);background:#f6f9ff;border-radius:0 8px 8px 0;padding:12px 14px;font-size:14px;line-height:1.7}.warning-image{border:1px solid var(--line);background:#0f172a;border-radius:8px;overflow:hidden}.warning-image h4{color:var(--text);border-bottom:1px solid var(--line);background:#f8fafc;margin:0;padding:10px 12px;font-size:14px}.warning-image img{object-fit:contain;background:#0b0f19;width:100%;max-height:330px;display:block}.warning-table th,.warning-table td{padding-top:9px;padding-bottom:9px}.warning-table td{height:62px}.thumb-btn{border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:center;align-items:center;width:82px;height:50px;padding:2px;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;overflow:hidden}.thumb-btn:hover{border-color:#9fbee8;transform:translateY(-1px);box-shadow:0 4px 12px #1769e024}.thumb-btn img{object-fit:cover;border-radius:4px;width:100%;height:100%;display:block}.image-preview{background:#fff;border:1px solid #e4e7ed;border-radius:8px;width:min(900px,92vw);overflow:hidden;box-shadow:0 18px 48px #0f172a3d}.modal-backdrop.open .image-preview{animation:.22s cubic-bezier(.23,1,.32,1) both softZoom}.image-preview-head{background:#fff;border-bottom:1px solid #ebeef5;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:14px 20px 13px;display:flex}.image-preview-head strong{color:#303133;font-size:16px;font-weight:600}.image-preview-stage{background:#0b0f19;justify-content:center;align-items:center;height:min(620px,66vh);padding:18px;display:flex;overflow:hidden}.image-preview-stage img{object-fit:contain;max-width:100%;max-height:100%;transform:rotate(var(--preview-rotate,0deg));transition:transform .18s}.image-preview-footer{background:#fafafa;border-top:1px solid #ebeef5;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.image-preview-actions{flex-wrap:wrap;gap:8px;display:flex}.record-head{grid-template-columns:110px 1fr auto;align-items:center;gap:12px;margin-bottom:14px;display:grid}.big-plate{color:#fff;background:#175cd3;border:1px solid #0d43a4;border-radius:5px;justify-content:center;align-items:center;min-width:96px;height:36px;font-weight:800;display:inline-flex}.snapshots{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.shot{color:#fff;background:linear-gradient(135deg,#111827e0,#2c3a54c7),repeating-linear-gradient(45deg,#ffffff0a 0 2px,#0000 2px 12px);border:1px solid #25324a;border-radius:8px;align-content:space-between;min-height:110px;padding:10px;font-size:13px;display:grid}.shot span{color:#c9d6e7;font-size:12px}.mini{color:var(--muted);font-size:13px;line-height:1.6}.footer-actions{justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:saturate(120%)blur(1px);backdrop-filter:saturate(120%)blur(1px);background:#0000007a;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.modal-backdrop.open{animation:.18s both backdropFade;display:flex}.modal{background:#fff;border:1px solid #e4e7ed;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto auto;width:min(720px,92vw);max-height:calc(100vh - 48px);display:grid;overflow:visible;box-shadow:0 18px 48px #0f172a3d}.modal-backdrop.open .modal{animation:.22s cubic-bezier(.23,1,.32,1) both softZoom}.modal-head{background:#fff;border-bottom:1px solid #ebeef5;border-radius:8px 8px 0 0;padding:18px 24px 15px}.modal-head h3{color:#303133;margin:0;font-size:16px;font-weight:600;line-height:1.35}.modal-head p{color:#909399;margin:8px 0 0;font-size:13px;line-height:1.65}.modal-body{overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff;gap:22px;min-height:0;max-height:calc(100vh - 190px);padding:24px;display:grid;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-thumb{background:#c8d5e6;border-radius:999px}.modal-body::-webkit-scrollbar-track{background:#f5f7fb}.modal-error{color:#f56c6c;background:#fef0f0;border:1px solid #fab6b6;border-radius:4px;margin:0 24px 14px;padding:10px 12px;font-size:13px;line-height:1.55;animation:.16s both fadeUp;display:none}.modal-error.show{display:block}.modal-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.modal-list li{background:#fafafa;border:1px solid #ebeef5;border-radius:6px;padding:12px 14px;font-size:13px;line-height:1.7}.modal-kv{color:var(--muted);grid-template-columns:92px 1fr;gap:10px 12px;font-size:13px;line-height:1.65;display:grid}.modal-kv strong{color:var(--text)}.modal-form{gap:22px;display:grid}.warning-detail{gap:26px}.modal table{box-shadow:none}.warning-detail table{box-shadow:none;border-color:#dbe5f2}.warning-detail table th,.warning-detail table td{padding:13px 14px;text-align:left!important}.warning-detail table th{color:#5f6f85;background:#f7faff;width:118px;font-weight:700}.warning-detail table td{color:var(--text);background:#fff}.warning-detail table tr:hover th,.warning-detail table tr:hover td{background:#f5faff}.modal .field{gap:9px}.modal .input,.modal .select{height:38px}.modal .input.invalid,.modal .select.invalid,.check-select.invalid .check-select-toggle,.fence-select.invalid .fence-select-toggle,.single-select.invalid .single-select-toggle{border-color:#e17971;box-shadow:0 0 0 3px #e179711f}.native-select-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.single-select{position:relative}.single-select.open{z-index:45}.single-select-toggle{border:1px solid var(--line);width:100%;height:38px;color:var(--text);text-align:left;background:linear-gradient(#fff,#fbfdff);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:13px;transition:border-color .16s,box-shadow .16s,background .16s,transform .12s;display:flex}.single-select-toggle:hover{background:#fff;border-color:#9fbee8;box-shadow:0 4px 12px #1769e00f}.single-select-toggle:active{transform:translateY(1px)}.single-select-toggle:after{content:"⌄";color:var(--muted);font-size:14px;transition:transform .16s}.single-select.open .single-select-toggle{border-color:var(--brand);box-shadow:0 0 0 3px #1769e01a}.single-select.open .single-select-toggle:after{transform:rotate(180deg)}.single-select-placeholder{color:var(--muted)}.single-select-panel{z-index:72;opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;background:#fff;border:1px solid #d4e0ef;border-radius:8px;gap:4px;max-height:230px;padding:6px;transition:opacity .18s,transform .18s,visibility 0s linear .18s;display:grid;position:absolute;inset:calc(100% + 8px) 0 auto;overflow:auto;transform:translateY(-6px)scale(.98);box-shadow:0 14px 30px #19264024}.single-select.open .single-select-panel{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.single-select.drop-up .single-select-panel{transform-origin:bottom;top:auto;bottom:calc(100% + 8px);transform:translateY(6px)scale(.98)}.single-select.drop-up.open .single-select-panel{transform:translateY(0)scale(1)}.single-select-option{min-height:36px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:1fr 24px;align-items:center;gap:10px;padding:0 9px;font-size:13px;transition:background .16s,color .16s,transform .12s;display:grid}.single-select-option:hover{color:var(--brand);background:#f2f7ff}.single-select-option:active{transform:scale(.99)}.single-select-option.selected{color:#0f55b2;background:#eaf2ff;font-weight:700}.single-select-option:disabled{color:#a5b0bf;cursor:not-allowed;background:#f7f9fc}.single-option-check{color:var(--brand);opacity:0;text-align:right;font-size:14px;transition:opacity .16s,transform .16s;transform:scale(.7)}.single-select-option.selected .single-option-check{opacity:1;transform:scale(1)}.fence-select{position:relative}.fence-select.open{z-index:40}.fence-select-toggle{border:1px solid var(--line);width:100%;height:38px;color:var(--text);text-align:left;background:linear-gradient(#fff,#fbfdff);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:13px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex}.fence-select-toggle:hover{background:#fff;border-color:#9fbee8}.fence-select-toggle:after{content:"⌄";color:var(--muted);font-size:14px;transition:transform .16s}.fence-select.open .fence-select-toggle{border-color:var(--brand);box-shadow:0 0 0 3px #1769e01a}.fence-select.open .fence-select-toggle:after{transform:rotate(180deg)}.fence-select-placeholder{color:var(--muted)}.fence-select-panel{z-index:70;opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;background:#fff;border:1px solid #d4e0ef;border-radius:8px;gap:4px;max-height:240px;padding:6px;transition:opacity .18s,transform .18s,visibility 0s linear .18s;display:grid;position:absolute;inset:calc(100% + 8px) 0 auto;overflow:auto;transform:translateY(-6px)scale(.98);box-shadow:0 14px 30px #19264024}.fence-select.open .fence-select-panel{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.fence-select.drop-up .fence-select-panel{transform-origin:bottom;top:auto;bottom:calc(100% + 8px);transform:translateY(6px)scale(.98)}.fence-select.drop-up.open .fence-select-panel{transform:translateY(0)scale(1)}.fence-select-option{min-height:36px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:0 9px;font-size:13px;transition:background .16s,color .16s;display:grid}.fence-select-option:hover{color:var(--brand);background:#f2f7ff}.fence-select-option.selected{color:#0f55b2;background:#eaf2ff;font-weight:700}.fence-select-option.disabled{color:#9aa7b7;cursor:not-allowed;opacity:1;background:#f5f7fb}.fence-select-option.disabled:hover{color:#9aa7b7;background:#f5f7fb}.fence-option-status{color:#7f8da0;text-align:right;min-width:44px;font-size:12px}.fence-select-option.disabled .fence-option-status{color:#b7352d;font-weight:700}.check-select{position:relative}.check-select.open{z-index:30}.check-select-toggle{border:1px solid var(--line);width:100%;height:38px;color:var(--muted);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:0 10px;font-size:13px;transition:border-color .16s,box-shadow .16s,background .16s;display:flex}.check-select-toggle:after{content:"⌄";color:var(--muted);font-size:14px;transition:transform .16s}.check-select.open .check-select-toggle{border-color:#9fbee8;box-shadow:0 0 0 3px #1769e014}.check-select.open .check-select-toggle:after{transform:rotate(180deg)}.check-select-panel{z-index:60;border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;background:#fff;border-radius:8px;gap:4px;max-height:230px;padding:6px;transition:opacity .18s,transform .18s,visibility 0s linear .18s;display:grid;position:absolute;inset:calc(100% + 8px) 0 auto;overflow:auto;transform:translateY(-6px)scale(.98);box-shadow:0 12px 24px #1926401a}.check-select.open .check-select-panel{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.check-select.drop-up .check-select-panel{transform-origin:bottom;top:auto;bottom:calc(100% + 8px);transform:translateY(6px)scale(.98)}.check-select.drop-up.open .check-select-panel{transform:translateY(0)scale(1)}.check-option{min-height:34px;color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:13px;transition:background .16s,color .16s;display:flex}.check-option:hover{color:var(--brand);background:#f2f7ff}.check-option:has(input:checked){color:#0f55b2;background:#eaf2ff;font-weight:700}.check-select.locked .check-option{color:var(--muted);cursor:not-allowed;background:#f7f9fc}.check-select.locked .check-option:hover{color:var(--muted);background:#f7f9fc}.check-option input{appearance:none;background:#fff;border:1px solid #b9c9dc;border-radius:4px;place-items:center;width:15px;height:15px;transition:border-color .16s,background .16s,box-shadow .16s,transform .12s;display:grid}.check-option input:checked{border-color:var(--brand);background:var(--brand);box-shadow:0 3px 8px #1769e02e}.check-option input:checked:after{content:"✓";color:#fff;font-size:11px;line-height:1;transform:translateY(-1px)}.check-option input:disabled{opacity:.78}.modal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;display:grid}.upload-control{background:#f8fbff;border:1px dashed #bdd2ef;border-radius:6px;gap:6px;min-height:38px;padding:8px 10px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.upload-control:hover{background:#f2f7ff;border-color:#9fbee8;box-shadow:0 4px 12px #1769e014}.upload-control input[type=file]{width:100%;color:var(--text);font-size:13px}.upload-control span{color:var(--muted);word-break:break-all;font-size:12px;line-height:1.4}.face-field{grid-column:1/-1}.face-grid{flex-wrap:wrap;gap:12px;display:flex}.face-tile,.face-add{border:1px solid var(--line);background:#f8fafc;border-radius:8px;flex:none;width:86px;height:86px;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;position:relative;overflow:hidden}.face-tile:hover{border-color:#9fbee8;transform:translateY(-2px);box-shadow:0 8px 18px #1926401f}.face-tile img{object-fit:cover;width:100%;height:100%;display:block}.face-actions{opacity:0;background:#0f172aad;grid-template-columns:1fr 1fr;transition:opacity .16s,transform .16s;display:grid;position:absolute;inset:auto 0 0;transform:translateY(8px)}.face-tile:hover .face-actions{opacity:1;transform:translateY(0)}.face-actions button{color:#fff;background:0 0;border-radius:0;height:24px;font-size:12px}.face-actions button:hover{background:#ffffff29}.face-add{color:var(--brand);cursor:pointer;border-style:dashed;border-color:#bdd2ef;place-items:center;transition:background .16s,border-color .16s,color .16s;display:grid}.face-add:hover{color:#0f55b2;background:#eef5ff;border-color:#8fb4e5}.face-add input{opacity:0;cursor:pointer;position:absolute;inset:0}.face-add span{font-size:32px;font-weight:300;line-height:1}.modal-point-list{gap:14px;display:grid}.point-row{grid-template-columns:80px 1fr;align-items:center;gap:14px;display:grid}.point-row label{color:var(--muted);font-size:13px}.point-row .tag{justify-self:start;min-width:54px}.point-list-actions{justify-content:flex-end;margin-top:2px;display:flex}.add-point-btn{width:auto;min-width:104px;padding:0 14px;font-weight:700;box-shadow:0 8px 18px #1769e024}.stepper{grid-template-columns:34px 1fr 34px auto;align-items:center;gap:10px;display:grid}.step-btn{border:1px solid var(--line);height:32px;color:var(--text);background:#f8fafc;border-radius:6px;font-size:16px;line-height:1;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s}.step-btn:hover{color:var(--brand);background:#eef5ff;border-color:#bdd2ef;transform:translateY(-1px);box-shadow:0 4px 10px #1769e01a}.stepper input{text-align:center}.unit{color:var(--muted);white-space:nowrap;font-size:13px}.modal-footer{background:#fafafa;border-top:1px solid #ebeef5;border-radius:0 0 8px 8px;justify-content:flex-end;gap:10px;padding:12px 24px 18px;display:flex}.modal-footer .btn{border-radius:4px;min-width:72px;height:32px;padding:0 12px;font-size:13px}.modal-footer .btn.modal-close-only{color:#606266;background:#fff;border:1px solid #dcdfe6;min-width:58px;height:30px;padding:0 10px;font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1280px){body{min-width:1100px}.summary{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.flow{grid-template-columns:repeat(2,minmax(180px,1fr))}.flow-step:not(:last-child):after{display:none}.params{grid-template-columns:repeat(2,minmax(0,1fr))}}body,.main,.content,.panel,.page,.section{min-width:0}.brand strong{letter-spacing:0;font-size:13px}.logo{flex-shrink:0}.brand{gap:8px;padding-inline:12px}.top{gap:16px}.top-actions{flex-shrink:0}.section{overflow-x:auto}.warning-table{min-width:1120px}.field>label.required:after{content:" *";color:#f56c6c}.point-row{grid-template-columns:68px minmax(0,1fr) 28px}.point-row>.fence-select{grid-column:2}.point-remove{color:#909399;background:0 0;border-radius:4px;width:28px;height:28px}.point-remove:hover{color:#f56c6c;background:#fef0f0}.app-message{z-index:300;color:#529b2e;background:#f0f9eb;border:1px solid #e1f3d8;border-radius:6px;max-width:min(640px,90vw);padding:12px 20px;font-size:13px;animation:.18s softZoom;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000012}.app-message.error{color:#c45656;background:#fef0f0;border-color:#fde2e2}.empty-state{color:#909399;text-align:center;padding:36px;font-size:13px}.empty-state[hidden]{display:none}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}button:focus-visible,[role=button]:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #409eff}.data-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.data-count{border-bottom:1px solid #ebeef5;justify-content:space-between;padding:12px 0;font-size:13px;display:flex}.data-actions{flex-wrap:wrap;gap:12px;display:flex}.upload-control input{max-width:100%}.modal .upload-control{gap:14px}.modal{max-height:calc(100dvh - 32px)}.modal-body{max-height:min(620px,100dvh - 200px)}.modal-backdrop{padding:16px}.image-preview{max-height:calc(100dvh - 32px)}.image-preview-stage{min-height:0}.metric:focus-visible{outline-offset:3px;outline:2px solid #409eff}@media (max-width:1280px){body{min-width:0}.content{padding:16px}.metric{padding:12px}}@media (max-width:800px){.layout{grid-template-columns:176px minmax(0,1fr)}.brand{height:64px;padding:10px}.brand .logo{width:24px;height:24px}.brand .logo:after{width:9px;height:9px;top:6px;left:6px}.brand strong{font-size:11px}.nav{padding:12px 8px}.nav button{padding-inline:10px;font-size:12px}.top{align-items:flex-start;height:auto;min-height:72px;padding:14px}.title span{line-height:1.6}.title strong{font-size:18px}.summary{grid-template-columns:repeat(5,144px);padding-bottom:4px;overflow-x:auto}.content{padding:12px}.section-title,.toolbar{flex-wrap:wrap;gap:12px}.search-box{max-width:100%}.black-card-grid,.modal-form-grid{grid-template-columns:1fr}.warning-detail table{min-width:560px}.warning-detail{overflow-x:auto}}@media (max-width:600px){.layout{display:block}.side{width:100%}.brand{height:48px;padding:10px 14px}.brand strong{font-size:14px}.nav{flex-wrap:nowrap;gap:6px;padding:8px 10px;display:flex;overflow-x:auto}.nav .fence-main,.side-status{display:none}.subnav{display:contents}.nav button{flex-shrink:0;height:34px;margin:0}.nav .sub-menu{padding:0 10px}.nav .main-link{margin:0}.top{padding:14px 12px}.title{min-width:0}.title strong{font-size:17px}.title span{font-size:12px}.page{padding:8px}.section{padding:10px}.section-title h3{font-size:14px}.section-title p{font-size:12px}.toolbar{align-items:stretch}.search-box{width:100%;min-width:0}.modal-head{padding:16px}.modal-body{padding:18px 16px}.modal-form-grid{gap:20px}.modal-footer{padding:12px 16px}.modal-head p{font-size:12px}.image-preview-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.image-preview-stage{height:380px}}