:root{--bg:#f6f7f9;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--dark:#111827;--soft:#eef2f7}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans TC",sans-serif}
.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;background:rgba(246,247,249,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.eyebrow{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.1em}.topbar h1{font-size:20px;margin:3px 0 0}
.wrap{max-width:900px;margin:auto;padding:12px}.status-card,.panel,.card{background:var(--card);border:1px solid var(--line);border-radius:15px}
.status-card{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;margin-bottom:10px}.small{font-size:11px;color:var(--muted)}.strong{font-size:13px;font-weight:800;margin-top:3px}.chip{background:var(--soft);padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}
.panel{padding:12px}.searchbox{position:relative}.searchbox input{width:100%;padding:13px 42px 13px 12px;border:1px solid #cbd5e1;border-radius:12px;font-size:16px;outline:none}.searchbox input:focus{border-color:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.12)}.clear{position:absolute;right:9px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:24px;color:var(--muted)}
.filters,.toolbar,.button-row{display:flex;gap:7px;flex-wrap:wrap}.filters{margin-top:10px}.toolbar{margin-top:10px}.filter,.ghost,.secondary,.primary,.danger,.filebtn{border-radius:999px;padding:8px 11px;font-size:13px;font-weight:700;cursor:pointer}.filter,.ghost,.secondary,.filebtn{border:1px solid var(--line);background:#fff}.filter.active{background:var(--dark);color:#fff;border-color:var(--dark)}.primary{background:var(--dark);color:#fff;border:0;border-radius:10px}.danger{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;border-radius:10px}.secondary{border-radius:10px}.ghost{border-radius:10px}.filebtn{display:inline-flex;align-items:center;border-radius:10px}.filebtn input{display:none}
.count{font-size:12px;color:var(--muted);padding:10px 2px 7px}.grid{display:grid;gap:9px}.card{padding:12px;cursor:pointer}.top{display:flex;justify-content:space-between;gap:10px}.badge{display:inline-block;background:var(--soft);border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800;color:#334155;margin-right:5px}.source{background:#f3f4f6}.name{font-size:16px;font-weight:800;margin-top:6px}.cn{font-size:13px;color:var(--muted);margin-top:2px}.code{font-size:12px;font-weight:800;text-align:right;word-break:break-all}.meta{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.45}.boxes{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.box{background:var(--soft);border-radius:9px;padding:8px;font-size:12px}.box b{display:block;font-size:10px;margin-bottom:2px}.empty{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:36px 16px;text-align:center;color:var(--muted)}
dialog{width:min(700px,calc(100% - 20px));max-height:90vh;border:1px solid var(--line);border-radius:16px;padding:0;box-shadow:0 20px 60px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(17,24,39,.45)}.dhead{display:flex;justify-content:space-between;gap:10px;padding:15px;border-bottom:1px solid var(--line)}.dhead h2{font-size:19px;margin:6px 0 0}.close{border:0;background:none;font-size:26px;color:var(--muted)}.details{display:grid;grid-template-columns:125px 1fr;padding:8px 15px 15px;overflow:auto}.k,.v{padding:9px 0;border-bottom:1px solid var(--line)}.k{font-size:12px;color:var(--muted)}.v{font-size:13px;font-weight:600;word-break:break-word}
.manager-body{padding:14px;overflow:auto;max-height:calc(90vh - 75px)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.summary div{background:var(--soft);padding:11px;border-radius:10px;text-align:center}.summary b{display:block;font-size:19px}.summary span{font-size:10px;color:var(--muted)}.manager-section{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.manager-section h3{font-size:15px;margin:0 0 6px}.manager-section p{font-size:12px;color:var(--muted);line-height:1.5}.field{display:block;margin:8px 0}.field span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.field input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:9px}.notice{margin-top:9px;background:var(--soft);padding:9px;border-radius:9px;font-size:12px;white-space:pre-wrap}.tip{margin-top:9px!important;font-size:11px!important}
@media(max-width:560px){.wrap{padding:10px}.boxes{grid-template-columns:1fr}.details{grid-template-columns:105px 1fr}}