:root{color-scheme:light;--blue:#3478ee;--blue-dark:#2362ce;--blue-soft:#edf4ff;--ink:#273347;--muted:#8793a5;--line:#e9edf4;--bg:#f5f7fb;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{transition:background .16s,color .16s,border-color .16s}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b6d1ff;outline-offset:2px}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1240px)/2));gap:18px}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:.3px}.brand-mark{display:grid;place-items:center;width:34px;height:36px;background:#3478ee;border-radius:9px;color:#fff;box-shadow:0 3px 8px #3478ee18}.brand-mark svg{width:24px;height:24px;stroke-width:1.65}.top-actions{display:flex;align-items:center;gap:20px}.readonly{display:flex;align-items:center;gap:6px;font-size:11px;color:#8190a5}.readonly svg{width:15px;height:15px;color:#6a9aec}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:8px 14px;border:1px solid #dfe5ef;border-radius:6px;background:white;color:#66748a;font-size:12px;white-space:nowrap}.button:hover:not(:disabled){background:#f5f9ff;border-color:#bed3f4;color:var(--blue)}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff;min-width:68px}.button.primary:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}.button.quiet{border-color:transparent;background:transparent;color:#8490a2;padding-left:9px;padding-right:9px}.button.quiet:hover{color:var(--blue)}.workspace{max-width:1296px;margin:auto;padding:34px 28px 22px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.page-heading h1{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:600;margin:0;letter-spacing:.5px}.count{background:#eaf2ff;color:#5d87c9;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:500;letter-spacing:0;min-width:25px;text-align:center}.page-heading p{margin:8px 0 0;font-size:12px;color:var(--muted)}.heading-right{display:flex;align-items:center;gap:17px}.heading-right>span{font-size:10px;color:#a1abba}.heading-right svg{width:15px;height:15px;color:#568be6}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 2px 4px #172f4d02}.filters{display:flex;align-items:center;gap:10px;padding:20px 23px}.search-group{display:flex;align-items:center;gap:10px;border:1px solid #e1e7f0;border-radius:6px;height:36px;min-width:0;width:460px;max-width:60%}.search-group select{border:0;background:transparent;padding:0 8px 0 11px;outline-offset:2px;width:94px;flex-shrink:0}.search-divider{height:15px;width:1px;background:#e5eaf1;flex-shrink:0}.search-group svg{color:#9aabc2;width:15px;height:15px}.search-group input{width:100%;min-width:50px;border:0;padding:8px 8px 8px 0;font-size:12px;outline:0;color:var(--ink);background:transparent}.search-group input::placeholder{color:#a7b0bf}.search-group:focus-within{border-color:#a0bff5;box-shadow:0 0 0 2px #edf4ff}.filter-right{margin-left:auto;display:flex;align-items:center;gap:12px}select{border:1px solid #e1e7f0;border-radius:6px;color:#69768c;background:#fff;padding:8px 10px;font-size:12px;height:35px}.table-head,.order-row{display:grid;grid-template-columns:minmax(215px,1.55fr) minmax(158px,1.05fr) minmax(185px,1.4fr) 95px;gap:25px;padding-left:25px;padding-right:25px;align-items:center}.table-head{padding-top:12px;padding-bottom:12px;background:#f8faff;border-top:1px solid #eff2f7;border-bottom:1px solid var(--line);color:#8795aa;font-size:11px}.action-heading{text-align:right}.order-row{min-height:65px;padding-top:17px;padding-bottom:17px;border-bottom:1px solid #f0f3f8;transition:background .15s}.order-row:last-child{border-bottom:0}.order-row:hover{background:#f8fbff}.order-number{font-family:Consolas,"SFMono-Regular",monospace;color:#4f6078;font-size:12px;font-weight:500;overflow-wrap:anywhere;line-height:1.6}.order-time{color:#97a2b1;font-size:11px;white-space:nowrap}.order-reason{font-size:12px;line-height:1.7;color:#68778c;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.detail-button{display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;padding:5px 0;border:0;background:transparent;color:#4c88ed;font-size:12px;white-space:nowrap}.detail-button svg{width:12px;height:12px;transition:transform .15s}.detail-button:hover{color:#1b61d2}.detail-button:hover svg{transform:translateX(2px)}.mobile-label{display:none}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:15px 23px;font-size:11px;color:#9aa6b7}.pagination>div{display:flex;align-items:center;gap:9px}.pagination select{font-size:11px;min-height:30px;height:31px;padding:5px 9px}.pagination .page-button{font-size:11px;min-height:30px;padding:6px 10px}#page-number{min-width:29px;height:30px;display:grid;place-items:center;color:var(--blue);background:#edf4ff;border:1px solid #d9e8ff;border-radius:5px}.page-footnote{display:flex;align-items:center;justify-content:center;gap:5px;color:#a8b1bf;font-size:10px;margin:19px 0 0}.page-footnote svg{width:12px;height:12px;color:#9aacc6}.notice{padding:12px 15px;background:#fff8ef;border:1px solid #f3e5d4;border-radius:7px;color:#a57642;font-size:12px;line-height:1.8;margin-bottom:15px}.loading{padding:70px 20px;text-align:center;color:#8c9bb1;font-size:12px}.loading:before{content:'';display:block;border:2px solid #e1eafb;border-top-color:#6e9fea;width:21px;height:21px;border-radius:50%;margin:0 auto 12px;animation:spin .7s linear infinite}.empty{padding:72px 20px;text-align:center}.empty svg{color:#96b8ea;width:32px;height:32px;margin-bottom:10px}.empty h3{font-size:15px;font-weight:500;color:#6c7d94;margin:0 0 9px}.empty p{font-size:12px;color:#9aa8bb;line-height:1.8;margin:0}.is-refreshing{opacity:.45;transition:opacity .12s}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.icon-button{border:0;background:transparent;color:#9aa8bd;display:grid;place-items:center;width:32px;height:32px;border-radius:6px}.icon-button:hover{background:#f0f5fd;color:#4e7dc0}dialog{border:0;padding:0;color:var(--ink)}dialog::backdrop{background:#172b4d66;animation:fade .14s ease}#detail-dialog{width:min(560px,100vw);height:100dvh;max-width:100vw;max-height:100dvh;margin:0 0 0 auto;background:#fff;box-shadow:-8px 0 36px #1c315817;overflow:auto}#detail-dialog[open]{animation:slide-in .2s ease-out}.drawer-head{height:72px;padding:0 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;z-index:1}.drawer-head h2{font-size:16px;font-weight:600;margin:0;display:flex;align-items:center;gap:9px}.drawer-head h2 svg{color:#528de9;width:20px;height:20px}.drawer-body{padding:25px 27px 35px}.detail-meta{padding:17px 18px;border-radius:8px;background:#f6f9ff;border:1px solid #eaf0fa;margin-bottom:27px}.meta-item{display:grid;grid-template-columns:74px 1fr;gap:8px;font-size:12px;line-height:1.8}.meta-item+.meta-item{margin-top:10px}.meta-item .label{color:#9aa7b9}.meta-item .value{color:#566780;overflow-wrap:anywhere}.detail-section{margin-top:25px}.detail-section h3{margin:0 0 11px;font-weight:500;font-size:12px;color:#93a0b4;display:flex;align-items:center;gap:6px}.detail-section h3 svg{width:16px;height:16px;color:#7da5e6}.detail-section.reason-section h3 svg{color:#7894d6}.detail-section.images-section h3 svg{color:#8c9fe0}.detail-text{font-size:13px;line-height:1.9;color:#60718b;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.detail-reason{font-size:15px;font-weight:500;color:#3e5577}.gallery{display:flex;gap:11px;flex-wrap:wrap}.thumbnail{width:101px;height:119px;padding:4px;border:1px solid #e2eaf7;background:#fafcff;border-radius:7px;cursor:zoom-in;transition:box-shadow .15s,border-color .15s}.thumbnail:hover{border-color:#a9c7f7;box-shadow:0 4px 14px #2768cb0d}.thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:3px}.image-failure{font-size:11px;line-height:1.7;color:#94a1b5}.no-images,.image-note{color:#a1adbd;font-size:11px;line-height:1.8}.image-note{margin:9px 0 0}.detail-loading{padding:25px 0 0;color:#9aa9bd;font-size:12px;display:flex;gap:9px;align-items:center}.detail-loading:before{content:'';width:12px;height:12px;border:2px solid #e4edfb;border-top-color:#709feb;border-radius:50%;animation:spin .7s linear infinite}#lightbox{width:min(1000px,94vw);border-radius:10px;background:#f6f8fc;box-shadow:0 20px 70px #15284944;max-height:94dvh}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;background:#fff;color:#7d8ca3;font-size:12px}.lightbox-top span{overflow-wrap:anywhere}.lightbox-bottom{justify-content:center;gap:25px}.image-stage{min-height:250px;display:grid;place-items:center;padding:16px;overflow:auto}.image-stage img{max-width:100%;max-height:65dvh;object-fit:contain}.image-stage p{font-size:12px;color:#98a5b6;padding:20px}.access-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f5f8fe}.access-card{width:min(420px,100%);margin:0;padding:38px 34px 28px;background:#fff;border:1px solid #e7eef9;border-radius:12px;box-shadow:0 8px 36px #1a458108}.access-card>.brand-mark{margin-bottom:27px}.access-card h1{font-size:23px;margin:0 0 10px;font-weight:600}.access-card .intro{font-size:12px;line-height:1.8;color:#98a5b8;margin:0}.access-card form{margin-top:27px}.access-card label{display:block;color:#7b8ba3;font-size:12px;margin-bottom:9px}.access-card input,.access-card textarea{width:100%;border:1px solid #dfe8f6;border-radius:6px;background:#fcfdff;padding:12px;font-size:13px;color:#506582;min-width:0}.access-card input::placeholder,.access-card textarea::placeholder{color:#aab5c6;font-size:12px}.access-card form>.button{margin-top:18px;width:100%;min-height:41px}.access-note{font-size:11px;color:#acb7c8;text-align:center;margin:22px 0 0}.access-note a{color:#6c95d4;text-decoration:none}.access-card #access-error,.error-message{color:#bd6571;font-size:12px;line-height:1.7;margin:12px 0 0}.success-message{color:#4b7dc2;font-size:12px;line-height:1.8}.setup-card{width:min(540px,100%)}.setup-card label{margin-top:18px}.setup-card textarea{resize:vertical;font-family:Consolas,monospace;line-height:1.7}.setup-card details{font-size:12px;line-height:1.9;color:#99a7bb;margin-top:24px}.setup-card summary{color:#6f8dbb;cursor:pointer}.setup-card ol{padding-left:20px}.brand-caption,.eyebrow{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide-in{from{transform:translateX(20px);opacity:.6}to{transform:none;opacity:1}}@media(max-width:1000px){.table-head,.order-row{grid-template-columns:minmax(185px,1.45fr) minmax(145px,1.1fr) minmax(140px,1.2fr) 84px;gap:16px;padding-left:20px;padding-right:20px}.workspace{padding-left:20px;padding-right:20px}.filters{padding-left:20px;padding-right:20px}.search-group{max-width:58%}.filter-right{gap:4px}}@media(max-width:760px){.topbar{height:60px;padding:0 16px}.brand{font-size:15px;gap:8px}.brand-mark{width:29px;height:31px;border-radius:8px}.brand-mark svg{width:21px;height:21px}.top-actions{gap:9px}.readonly{font-size:10px;gap:4px}.readonly svg{width:13px;height:13px}.top-actions .button{font-size:11px;padding:6px;min-height:30px}.workspace{padding:22px 14px 16px}.page-heading{margin-bottom:17px;gap:10px}.page-heading h1{font-size:20px}.page-heading p{font-size:11px;margin-top:7px}.heading-right>span{display:none}.heading-right .button{padding:7px 10px;min-height:32px;font-size:11px}.filters{padding:14px;gap:9px;flex-wrap:wrap}.search-group{max-width:none;flex:1;width:auto}.search-group select{font-size:11px;width:80px;padding-left:8px;padding-right:0}.search-group svg{width:13px;height:13px}.search-group{gap:6px}.search-group input{font-size:11px}.filters>.primary{min-width:55px;padding-left:11px;padding-right:11px}.filter-right{flex-basis:100%;justify-content:space-between;margin:0}.filter-right select{font-size:11px;height:31px;padding:4px 8px;min-width:100px}.filter-right .button{font-size:11px;min-height:30px}.table-head{display:none}.order-row{grid-template-columns:minmax(0,1fr) 83px;gap:8px 12px;padding:16px;border-top:1px solid #eff3fa;border-bottom:0;min-height:105px}.order-number{grid-column:1/-1;font-size:12px;color:#506687}.order-time{grid-column:1;grid-row:2;font-size:10px;color:#a0adbf}.order-reason{grid-column:1;grid-row:3;font-size:12px;-webkit-line-clamp:2}.detail-button{grid-column:2;grid-row:2/4;font-size:11px;align-self:center}.pagination{padding:13px 10px;flex-wrap:wrap;justify-content:center;gap:11px}.pagination>span{width:100%;text-align:center;font-size:10px}.pagination>div{gap:7px}.pagination select{font-size:10px}.page-footnote{font-size:9px;margin-top:16px}.drawer-head{height:60px;padding:0 19px}.drawer-body{padding:20px 19px 30px}.drawer-head h2{font-size:15px}.detail-meta{padding:15px}.meta-item{font-size:11px;grid-template-columns:65px 1fr}.detail-text{font-size:12px}.detail-reason{font-size:14px}.thumbnail{width:93px;height:110px}.lightbox-top,.lightbox-bottom{padding:11px}.lightbox-top span{font-size:10px}.image-stage{padding:10px}.access-card{padding:30px 24px 25px}.access-card h1{font-size:22px}.access-page{padding:18px}}@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}}

.setup-card #connection-mode{width:100%;height:42px;font-size:13px;background:#fcfdff;border-color:#dfe8f6}.setup-hint{font-size:11px;line-height:1.8;color:#98a5b8;margin:16px 0 0}.setup-card code{overflow-wrap:anywhere}
