:root{color-scheme:light;--ink:#183b3e;--muted:#637577;--line:#dce5e5;--accent:#1f6667;--paper:#f3f6f6;--gold:#e9c78d;font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:16px;color:#203537;background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #cbd8d8;background:#fff;border-radius:7px;color:var(--ink);padding:.65rem 1rem;font-size:.875rem;min-height:40px}button:hover{background:#eaf0f0}button:disabled{cursor:wait;opacity:.5}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:#185354}input,textarea,select{border:1px solid #c8d5d5;background:#fff;border-radius:6px;padding:.7rem;color:inherit;min-width:0}textarea{resize:vertical;line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,p{margin-top:0}h1{font-size:1.8rem;font-weight:650;letter-spacing:-.02em;margin-bottom:.6rem}h2{font-size:1.05rem;font-weight:650;margin-bottom:.7rem}label{font-size:.875rem}:focus-visible{outline:3px solid #b88b36;outline-offset:3px}[hidden]{display:none!important}.muted,.note{color:var(--muted);line-height:1.65}.muted{font-size:.9375rem;margin-bottom:0}.note{font-size:.8125rem}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:600;color:var(--muted);margin-bottom:.7rem}.seal{display:grid;place-items:center;background:#933e34;color:#fff4e2;width:42px;height:42px;flex:none;border-radius:50%;font:italic 1.35rem Georgia,serif;box-shadow:inset 0 0 0 3px #ac574b,inset 0 0 0 4px #793329}.login-view{min-height:100vh;background:radial-gradient(ellipse at 15% 20%,#275456,transparent 60%),#102c30;display:flex;flex-direction:column;align-items:center;padding:3rem 1.25rem;color:#fff}.login-brand{display:flex;align-items:center;gap:1rem;align-self:flex-start;letter-spacing:.07em;font-size:.875rem}.login-card{background:#fff;color:var(--ink);width:min(100%,430px);padding:2.5rem;border-radius:12px;margin:auto;box-shadow:0 24px 80px #0003}.login-card label{display:block;margin:1.5rem 0 .5rem}.login-card input,.login-card button{width:100%}.login-card .note{margin:1rem 0 0;text-align:center}.login-view footer{font-size:.8125rem;color:#a7bfc0;padding-top:2rem}.error{color:#a52d25;font-size:.875rem;line-height:1.5;min-height:1.2rem}.workspace{display:flex;min-height:100vh}.sidebar{width:224px;background:var(--ink);color:#e9f0f0;padding:2rem 1.15rem;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:.8rem;color:#fff;font:1.6rem Georgia,serif;margin:0 .4rem 2.8rem}.brand small{display:block;font:.75rem "Microsoft YaHei",sans-serif;color:#a7c0c1;margin-top:.4rem}.nav-label{font-size:.75rem;color:#9eb7b8;padding-left:1rem;letter-spacing:.08em}.sidebar nav{display:grid;gap:.5rem}.sidebar nav a{display:flex;align-items:center;gap:.9rem;color:#c4d5d5;padding:.85rem 1rem;border-radius:7px;font-size:.9375rem}.sidebar nav a:hover{background:#ffffff09;text-decoration:none}.sidebar nav a.active{background:#fff1;color:#fff;box-shadow:inset 3px 0 var(--gold)}.sidebar nav a span{font-size:1.1rem;width:20px}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff24;padding:1.25rem .5rem 0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.875rem}.sidebar-button{color:#c3d7d7;border:0;background:none;padding:.4rem}.sidebar-button:hover{background:#fff1}.main{margin-left:224px;padding:2.4rem 2.5rem;width:calc(100% - 224px);max-width:1700px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.8rem}.refresh-area{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.notice{margin:0 0 1rem;color:#9a3b2c;font-size:.875rem;line-height:1.6}.notice:empty{display:none}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.6rem}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.4rem;box-shadow:0 3px 12px #153e3d04}.metric:first-child{background:var(--ink);color:#fff;border-color:var(--ink)}.metric-label{font-size:.875rem;color:var(--muted);margin-bottom:1rem}.metric:first-child .metric-label,.metric:first-child .note{color:#c2d6d6}.metric-value{font-size:2.5rem;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.metric .note{margin:.7rem 0 0}.overview-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:1.5rem}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.6rem;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.panel-heading a{font-size:.8755rem;white-space:nowrap}.version-row{display:grid;grid-template-columns:minmax(100px,1fr) 3fr 40px;gap:1rem;align-items:center;margin:1.4rem 0;font-size:.875rem}.version-label small{display:block;color:var(--muted);margin-top:.3rem}.bar{height:9px;border-radius:5px;background:#edf2f2;overflow:hidden}.bar-fill{height:100%;background:#408180;border-radius:5px;min-width:2px}.count{text-align:right;font-variant-numeric:tabular-nums}.todo-row{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;border-bottom:1px solid var(--line);font-size:.9375rem}.todo-row strong{font-size:1.4rem;font-variant-numeric:tabular-nums}.text-link{display:inline-block;margin-top:1.5rem;font-size:.875rem}.info-panel{border-top:1px solid var(--line);padding-top:1.6rem;margin-top:2rem;max-width:900px}.info-panel h2{color:#536d6e;font-size:.875rem}.info-panel p{font-size:.8125rem;line-height:1.8;color:var(--muted);margin-bottom:.4rem}.toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.3rem}.search{display:flex;gap:.6rem}.search input{width:min(300px,60vw)}.table-panel{padding:0;overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.875rem;white-space:nowrap}th{background:#edf3f3;color:#587172;text-align:left;font-weight:500;font-size:.8125rem}th,td{padding:1rem 1.2rem;border-bottom:1px solid var(--line)}tr:last-child td{border:0}td small{display:block;color:var(--muted);margin-top:.35rem}tbody tr:hover{background:#f7fafa}.badge{font-size:.8125rem;background:#eaf1f0;color:#356c64;border-radius:4px;padding:.25rem .5rem;display:inline-block}.badge.pending{background:#fff0d5;color:#8f5c10}.badge.processing{background:#e7eef9;color:#3d6598}.badge.offline{background:#edf0f1;color:#68777b}.empty{text-align:center;padding:3rem 1.5rem;color:var(--muted);font-size:.9375rem;line-height:1.7}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-top:1.5rem;font-size:.875rem}.feedback-list{display:grid;gap:1.2rem}.feedback-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.5rem}.feedback-card header{display:flex;justify-content:space-between;gap:1rem;align-items:center}.feedback-card .content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:1.25rem 0;font-size:1rem}.feedback-card .meta{display:flex;gap:1rem;flex-wrap:wrap;overflow-wrap:anywhere}.feedback-card textarea{width:100%;margin:.5rem 0 .8rem}.feedback-card form{margin-top:1.1rem;border-top:1px solid var(--line);padding-top:1rem}.actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.feedback-result{font-size:.875rem;margin:.6rem 0 0;color:var(--accent)}dialog{border:1px solid var(--line);border-radius:12px;width:min(560px,92vw);padding:1.5rem;color:var(--ink);box-shadow:0 25px 80px #0003}dialog::backdrop{background:#0c262b99}dialog label{display:block;margin-bottom:.7rem}dialog textarea{width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1100px){.main{padding:2rem 1.5rem}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.sidebar{width:195px}.main{margin-left:195px;width:calc(100% - 195px)}}@media(max-width:760px){.workspace{display:block}.sidebar{position:static;width:100%;padding:1rem}.brand{font-size:1.25rem;margin:0}.brand small,.nav-label{display:none}.seal{width:34px;height:34px;font-size:1.1rem}.sidebar nav{display:flex;overflow-x:auto;gap:.3rem;margin-top:1rem}.sidebar nav a{white-space:nowrap;padding:.7rem;font-size:.875rem}.sidebar nav a span{display:none}.sidebar-bottom{position:absolute;right:1rem;top:1rem;border:0;margin:0;padding:0}.main{margin:0;width:100%;padding:1.5rem 1rem}.page-header{align-items:flex-start;flex-direction:column}h1{font-size:1.55rem}.refresh-area{width:100%;justify-content:space-between}.metrics{gap:.7rem}.metric{padding:1.05rem}.metric-value{font-size:2rem}.metric-label{font-size:.8125rem}.panel{padding:1.1rem}.table-panel{padding:0}.panel-heading{flex-wrap:wrap}.version-row{grid-template-columns:100px 1fr 35px;gap:.6rem}.login-card{padding:1.7rem}.feedback-card{padding:1rem}.feedback-card header{flex-wrap:wrap}.pagination{justify-content:center}}