:root{--bg: #eef3f8;--card: #ffffff;--ink: #1b2a41;--muted: #5b6b7c;--line: #d7e1ea;--brand: #1f4e79;--brand-2: #2d6ea3;--warn: #ffe566;--danger: #c0392b;--ok: #1f7a4d;--shadow: 0 18px 40px rgba(27, 42, 65, .08)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:radial-gradient(1200px 420px at 8% -10%,rgba(45,110,163,.18),transparent 55%),linear-gradient(180deg,#f7fafc 0%,var(--bg) 100%)}.app{max-width:1180px;margin:0 auto;padding:32px 20px 48px}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.hero h1{margin:0 0 8px;font-size:28px;letter-spacing:.02em}.hero p{margin:0;color:var(--muted);line-height:1.7}.summary-badge{display:flex;align-items:center;gap:10px;flex-shrink:0;white-space:nowrap;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:12px 18px;text-align:right}.summary-badge .label{color:var(--muted);font-size:12px}.summary-badge .value{font-size:15px;font-weight:700;color:var(--brand);line-height:1}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px}.uploader{display:flex;align-items:center;justify-content:center;gap:12px;border:1.5px dashed #9bb4c9;border-radius:14px;padding:14px 20px;text-align:center;background:#f8fbfe;cursor:pointer;transition:.2s ease;white-space:nowrap}.uploader:hover,.uploader.active{border-color:var(--brand-2);background:#eef6fc}.uploader strong{font-size:15px}.uploader span{color:var(--muted);font-size:13px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}button,.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.primary{background:var(--brand);color:#fff}.primary:disabled{opacity:.5;cursor:not-allowed}.ghost{background:#e8eef4;color:var(--ink)}.error{margin-top:12px;color:var(--danger);font-size:13px}.table-wrap{margin-top:18px;overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:center;font-size:13px}th{background:var(--brand);color:#fff;font-weight:700;position:sticky;top:0}td:first-child,th:first-child{text-align:left}tr.highlight td{background:var(--warn)}tr:nth-child(2n):not(.highlight) td{background:#f6f9fc}.empty{padding:28px;text-align:center;color:var(--muted)}.hint{margin-top:10px;color:var(--muted);font-size:12px}