| 1 |
- .page[data-v-d249c4c2]{max-width:1100px}.page-hero[data-v-d249c4c2]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.hero-info h2[data-v-d249c4c2]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0}.hero-info p[data-v-d249c4c2]{font-size:14px;color:#888;margin:4px 0 0}.empty-state[data-v-d249c4c2]{display:flex;align-items:center;justify-content:center;height:300px;color:#bbb;font-size:15px}.history-layout[data-v-d249c4c2]{display:flex;gap:20px;align-items:flex-start}.hl-left[data-v-d249c4c2]{width:240px;flex-shrink:0;background:#fff;border-radius:10px;padding:16px;box-shadow:0 1px 4px #0000000a;border:1px solid #f0f0f0;max-height:calc(100vh - 200px);overflow-y:auto}.hll-head[data-v-d249c4c2]{font-size:13px;font-weight:700;color:#888;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #eee}.hll-item[data-v-d249c4c2]{padding:10px 12px;border-radius:8px;cursor:pointer;margin-bottom:4px;transition:all .15s}.hll-item[data-v-d249c4c2]:hover{background:#f5f3ff}.hll-item.selected[data-v-d249c4c2]{background:#f5f3ff;border:1px solid #d4cdf0}.hlli-name[data-v-d249c4c2]{font-size:14px;font-weight:600;color:#333}.hlli-date[data-v-d249c4c2]{font-size:11px;color:#999;margin-top:2px}.hl-right[data-v-d249c4c2]{flex:1;min-width:0}.hlr-empty[data-v-d249c4c2]{display:flex;align-items:center;justify-content:center;height:300px;color:#ccc;font-size:15px}.no-data[data-v-d249c4c2]{text-align:center;padding:60px;color:#ccc;font-size:14px;background:#fff;border-radius:10px}.score-hero[data-v-d249c4c2]{display:flex;align-items:center;gap:32px;background:linear-gradient(135deg,#fafaff,#f0fcff);border-radius:16px;padding:32px 40px;margin-bottom:24px;border:1px solid #e8e8f0}.grade-ring[data-v-d249c4c2]{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid #ddd;flex-shrink:0}.grade-ring.grade-S[data-v-d249c4c2]{border-color:#f1c40f;background:#fef9e7}.grade-ring.grade-A[data-v-d249c4c2]{border-color:#27ae60;background:#eafaf1}.grade-ring.grade-B[data-v-d249c4c2]{border-color:#3498db;background:#ebf5fb}.grade-ring.grade-C[data-v-d249c4c2]{border-color:#e74c3c;background:#fdedec}.grade-letter[data-v-d249c4c2]{font-size:48px;font-weight:800;color:#1a1a2e}.score-main[data-v-d249c4c2]{flex:1}.score-number[data-v-d249c4c2]{font-size:48px;font-weight:700;color:#1a1a2e;line-height:1}.score-number small[data-v-d249c4c2]{font-size:20px;color:#999;font-weight:400}.score-label[data-v-d249c4c2]{font-size:15px;color:#555;margin:6px 0}.score-meta[data-v-d249c4c2]{font-size:13px;color:#aaa}.score-breakdown[data-v-d249c4c2]{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;flex-shrink:0}.break-item[data-v-d249c4c2]{text-align:right}.break-label[data-v-d249c4c2]{font-size:12px;color:#999;display:block}.break-value[data-v-d249c4c2]{font-size:18px;font-weight:600;color:#333}.break-item.bonus .break-value[data-v-d249c4c2]{color:#27ae60}.break-item.penalty .break-value[data-v-d249c4c2]{color:#e74c3c}.compare-row[data-v-d249c4c2]{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px}.compare-card[data-v-d249c4c2]{background:#fff;border-radius:12px;padding:16px 28px;text-align:center;box-shadow:0 1px 4px #0000000a;border:1px solid #f0f0f0}.compare-card.self[data-v-d249c4c2]{border-left:4px solid #3498db}.compare-card.final[data-v-d249c4c2]{border-left:4px solid #27ae60}.compare-label[data-v-d249c4c2]{font-size:12px;color:#999;margin-bottom:4px}.compare-score[data-v-d249c4c2]{font-size:28px;font-weight:700;color:#1a1a2e}.compare-score small[data-v-d249c4c2]{font-size:14px;color:#999;font-weight:400}.compare-arrow[data-v-d249c4c2]{font-size:24px;color:#ccc}.two-col[data-v-d249c4c2]{display:flex;gap:20px}.col[data-v-d249c4c2]{flex:1;background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 4px #0000000a;border:1px solid #f0f0f0}.col-head[data-v-d249c4c2]{font-size:15px;font-weight:700;color:#1a1a2e;margin-bottom:16px}.mini-okr[data-v-d249c4c2]{padding:10px;margin-bottom:10px;background:#fafbfc;border-radius:8px;border:1px solid #f0f0f0}.mini-o[data-v-d249c4c2]{font-weight:600;font-size:13px;color:#2b1f99;margin-bottom:6px}.mini-kr[data-v-d249c4c2]{display:flex;justify-content:space-between;font-size:12px;color:#666;padding:2px 0}.mini-val[data-v-d249c4c2]{color:#999}.fb-block[data-v-d249c4c2]{margin-bottom:14px}.fb-label[data-v-d249c4c2]{font-size:11px;font-weight:600;color:#3ad4d8;letter-spacing:1px;margin-bottom:4px}.fb-text[data-v-d249c4c2]{font-size:13px;color:#555;line-height:1.6}.fb-empty[data-v-d249c4c2]{color:#ccc;font-size:13px;text-align:center;padding:30px}
|
