:root{--bg: #f4f6f9;--card: #ffffff;--bg-soft: #f8fafc;--border: #e5e9f0;--text: #1f2328;--text-2: #57606a;--muted: #8a929e;--accent: #1f6feb;--accent-soft: rgba(31, 111, 235, .08);--success: #1a9e55;--success-soft: rgba(26, 158, 85, .1);--danger: #d1242f;--danger-soft: rgba(209, 36, 47, .08);--warn: #9a6700;--warn-soft: rgba(154, 103, 0, .1);--max-w: 480px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}#app{max-width:var(--max-w);margin:0 auto;padding:12px 12px 32px}.page-header{background:linear-gradient(135deg,#1f6feb,#2f81f7);color:#fff;border-radius:14px;padding:18px 18px 16px;margin-bottom:12px}.page-header .title{font-size:19px;font-weight:700;letter-spacing:1px}.page-header .sub{font-size:12px;opacity:.88;margin-top:3px}.page-header .row{display:flex;justify-content:space-between;align-items:center}.page-header .link-home{color:#fff;text-decoration:none;font-size:12px;background:#ffffff2e;padding:5px 12px;border-radius:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:12px}.card h2{font-size:15px;margin:0 0 10px}.card .hint{font-size:12px;color:var(--muted);margin:0 0 10px}.emp-line{display:flex;align-items:center;gap:10px}.emp-line .name{font-size:17px;font-weight:700}.emp-line .tag,.tag{display:inline-block;font-size:11px;padding:2px 9px;border-radius:10px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.tag.g-a{background:var(--success-soft);color:var(--success)}.tag.g-b{background:var(--accent-soft);color:var(--accent)}.tag.g-c{background:var(--warn-soft);color:var(--warn)}.tag.g-d{background:#e362091f;color:#b35900}.tag.g-e{background:var(--danger-soft);color:var(--danger)}.tag.gray{background:#eef1f5;color:var(--text-2)}.tag.ok{background:var(--success-soft);color:var(--success)}.tag.err{background:var(--danger-soft);color:var(--danger)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.list-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 2px;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.list-item .li-main{min-width:0}.list-item .li-title{font-weight:600;font-size:14px}.list-item .li-sub{font-size:12px;color:var(--muted);margin-top:2px}.list-item .li-right{text-align:right;flex-shrink:0}.list-item .score{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.score-hero{background:linear-gradient(135deg,var(--accent-soft),var(--success-soft));border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.score-hero .num{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums}.score-hero .lbl{font-size:12px;color:var(--text-2)}table.detail{width:100%;border-collapse:collapse;font-size:13px}table.detail th,table.detail td{padding:8px 6px;border-bottom:1px solid var(--border);text-align:center}table.detail th{color:var(--text-2);font-weight:500;font-size:12px;background:var(--bg-soft)}table.detail td:first-child,table.detail th:first-child{text-align:left}table.detail tr:last-child td{border-bottom:none}td.diff-mark{color:var(--danger);font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.btn{display:inline-block;border:none;border-radius:9px;cursor:pointer;font-size:14px;font-family:inherit;padding:11px 18px;text-align:center}.btn.primary{background:var(--accent);color:#fff}.btn.success{background:var(--success);color:#fff}.btn.danger-ghost{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(209,36,47,.25)}.btn.ghost{background:#fff;color:var(--text);border:1px solid var(--border)}.btn.block{display:block;width:100%}.btn:disabled{opacity:.5;cursor:default}.btn-row{display:flex;gap:10px;margin-top:14px}.btn-row .btn{flex:1}a.link{color:var(--accent);text-decoration:none;font-size:13px}.field{margin-bottom:14px}.field>label{display:block;font-size:13px;color:var(--text-2);margin-bottom:6px;font-weight:600}.field textarea,.field input[type=text],.field select{width:100%;border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-size:14px;font-family:inherit;background:#fff;color:var(--text)}.field textarea{resize:vertical;min-height:88px}.score-group{border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:12px;background:var(--bg-soft)}.score-group .g-title{font-weight:700;font-size:14px}.score-group .g-weight{font-size:11px;color:var(--muted);margin-left:6px}.score-opts{display:flex;flex-direction:column;gap:6px;margin-top:8px}.score-opt{display:flex;align-items:flex-start;gap:8px;background:#fff;border:1px solid var(--border);border-radius:9px;padding:9px 10px;cursor:pointer;font-size:13px}.score-opt input{margin-top:3px}.score-opt .lv{font-weight:700;flex-shrink:0}.score-opt .desc{color:var(--text-2)}.score-opt.checked{border-color:var(--accent);background:var(--accent-soft)}.notice{border-radius:10px;padding:12px 14px;font-size:13px;margin-bottom:12px}.notice.info{background:var(--accent-soft);color:var(--accent)}.notice.warn{background:var(--warn-soft);color:var(--warn)}.notice.err{background:var(--danger-soft);color:var(--danger)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:55vh;color:var(--text-2)}.spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{text-align:center;padding:70px 24px}.center-screen .icon{font-size:52px;margin-bottom:10px}.center-screen h1{font-size:19px;margin:8px 0}.center-screen p{color:var(--text-2);margin:8px 0}.footer-note{text-align:center;color:var(--muted);font-size:11px;margin-top:18px}.hidden{display:none!important}