| 1 |
- .page[data-v-aeccd1cd]{max-width:1100px}.page-hero[data-v-aeccd1cd]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.hero-info h2[data-v-aeccd1cd]{font-size:28px;font-weight:700;color:#1a1a2e;margin:0}.hero-info p[data-v-aeccd1cd]{font-size:14px;color:#888;margin:4px 0 0}.empty-state[data-v-aeccd1cd]{display:flex;align-items:center;justify-content:center;height:300px;color:#bbb;font-size:15px}.form-banner[data-v-aeccd1cd]{padding:14px 20px;background:#e0f7fa;border-radius:10px;font-size:14px;color:#00838f;border:1px solid #b2ebf2;margin-bottom:20px}.form-card[data-v-aeccd1cd]{background:#fff;border-radius:10px;padding:20px 24px;margin-bottom:16px;box-shadow:0 1px 4px #0000000a;border:1px solid #f0f0f0}.form-section-title[data-v-aeccd1cd]{font-size:15px;font-weight:700;color:#1a1a2e;margin-bottom:16px}.fst-sub[data-v-aeccd1cd]{font-size:12px;color:#aaa;font-weight:400}.kr-score-row[data-v-aeccd1cd]{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #f5f5f5}.kr-score-row[data-v-aeccd1cd]:first-child{border-top:none}.ksr-label[data-v-aeccd1cd]{flex:1;min-width:0}.ksr-num[data-v-aeccd1cd]{font-size:12px;font-weight:700;color:#3ad4d8;margin-right:6px}.ksr-title[data-v-aeccd1cd]{font-size:13px;color:#333}.ksr-progress[data-v-aeccd1cd]{font-size:11px;color:#999;margin-left:6px}.ksr-inputs[data-v-aeccd1cd]{display:flex;align-items:center;gap:6px;flex-shrink:0}.ksr-eq[data-v-aeccd1cd]{font-size:12px;color:#999;white-space:nowrap}.no-okr-hint[data-v-aeccd1cd]{font-size:13px;color:#ccc;padding:20px 0;text-align:center}.okr-subtotal[data-v-aeccd1cd]{text-align:right;font-size:14px;color:#2b1f99;padding-top:12px;border-top:1px dashed #e0e0e0;margin-top:8px}.dim-row[data-v-aeccd1cd]{padding:14px 0;border-top:1px solid #f5f5f5}.dim-row[data-v-aeccd1cd]:first-child{border-top:none}.dim-head[data-v-aeccd1cd]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dim-num[data-v-aeccd1cd]{width:22px;height:22px;border-radius:50%;background:#2b1f99;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.dim-name[data-v-aeccd1cd]{font-size:14px;font-weight:600;color:#1a1a2e}.dim-max[data-v-aeccd1cd]{font-size:12px;color:#999}.dim-score-hint[data-v-aeccd1cd]{font-size:13px;color:#999;margin-left:6px}.bonus-row[data-v-aeccd1cd]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bonus-label[data-v-aeccd1cd]{font-size:13px;color:#666}.result-preview[data-v-aeccd1cd]{background:linear-gradient(135deg,#f5f3ff,#e8f5f5);border-radius:12px;padding:20px;text-align:center;border:1px solid #dcd4f0;margin-bottom:16px}.rp-formula[data-v-aeccd1cd]{font-size:12px;color:#888}.rp-score[data-v-aeccd1cd]{font-size:40px;font-weight:700;color:#2b1f99;margin:6px 0;line-height:1}.rp-score small[data-v-aeccd1cd]{font-size:18px;color:#999;font-weight:400}.rp-grade[data-v-aeccd1cd]{font-size:14px;color:#666}.submit-row[data-v-aeccd1cd]{display:flex;align-items:center;gap:16px}.submit-hint[data-v-aeccd1cd]{font-size:13px;color:#aaa}.score-hero[data-v-aeccd1cd]{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}.score-hero.self-submitted[data-v-aeccd1cd]{background:linear-gradient(135deg,#fffcf5,#fef9e7);border-color:#f9e79f}.grade-ring[data-v-aeccd1cd]{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-aeccd1cd]{border-color:#f1c40f;background:#fef9e7}.grade-ring.grade-A[data-v-aeccd1cd]{border-color:#27ae60;background:#eafaf1}.grade-ring.grade-B[data-v-aeccd1cd]{border-color:#3498db;background:#ebf5fb}.grade-ring.grade-C[data-v-aeccd1cd]{border-color:#e74c3c;background:#fdedec}.grade-letter[data-v-aeccd1cd]{font-size:48px;font-weight:800;color:#1a1a2e}.score-main[data-v-aeccd1cd]{flex:1}.score-number[data-v-aeccd1cd]{font-size:48px;font-weight:700;color:#1a1a2e;line-height:1}.score-number small[data-v-aeccd1cd]{font-size:20px;color:#999;font-weight:400}.score-label[data-v-aeccd1cd]{font-size:15px;color:#555;margin:6px 0}.score-meta[data-v-aeccd1cd]{font-size:13px;color:#aaa}.score-breakdown[data-v-aeccd1cd]{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;flex-shrink:0}.break-item[data-v-aeccd1cd]{text-align:right}.break-label[data-v-aeccd1cd]{font-size:12px;color:#999;display:block}.break-value[data-v-aeccd1cd]{font-size:18px;font-weight:600;color:#333}.break-value small[data-v-aeccd1cd]{font-size:12px;color:#aaa;font-weight:400}.break-item.bonus .break-value[data-v-aeccd1cd]{color:#27ae60}.break-item.penalty .break-value[data-v-aeccd1cd]{color:#e74c3c}.score-pending[data-v-aeccd1cd]{background:#fff;border-radius:16px;padding:60px;text-align:center;margin-bottom:24px;border:1px solid #eee}.pending-icon[data-v-aeccd1cd]{font-size:48px;margin-bottom:12px}.pending-text[data-v-aeccd1cd]{font-size:15px;color:#999}.confirm-bar[data-v-aeccd1cd]{display:flex;align-items:center;justify-content:space-between;background:#fef9e7;border:2px solid #f9e79f;border-radius:12px;padding:18px 24px;margin-bottom:24px}.confirm-info[data-v-aeccd1cd]{display:flex;align-items:center;gap:10px;font-size:14px;color:#7d6608}.confirm-icon[data-v-aeccd1cd]{font-size:20px}.confirmed-bar[data-v-aeccd1cd]{background:#eafaf1;border:1px solid #abebc6;border-radius:10px;padding:14px 24px;text-align:center;font-size:14px;color:#1e8449;margin-bottom:24px}.compare-row[data-v-aeccd1cd]{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px}.compare-card[data-v-aeccd1cd]{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-aeccd1cd]{border-left:4px solid #3498db}.compare-card.final[data-v-aeccd1cd]{border-left:4px solid #27ae60}.compare-label[data-v-aeccd1cd]{font-size:12px;color:#999;margin-bottom:4px}.compare-score[data-v-aeccd1cd]{font-size:28px;font-weight:700;color:#1a1a2e}.compare-score small[data-v-aeccd1cd]{font-size:14px;color:#999;font-weight:400}.compare-arrow[data-v-aeccd1cd]{font-size:24px;color:#ccc}.two-col[data-v-aeccd1cd]{display:flex;gap:20px}.col[data-v-aeccd1cd]{flex:1;background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 4px #0000000a;border:1px solid #f0f0f0}.col-head[data-v-aeccd1cd]{font-size:15px;font-weight:700;color:#1a1a2e;margin-bottom:16px}.mini-okr[data-v-aeccd1cd]{padding:10px;margin-bottom:10px;background:#fafbfc;border-radius:8px;border:1px solid #f0f0f0}.mini-o[data-v-aeccd1cd]{font-weight:600;font-size:13px;color:#2b1f99;margin-bottom:6px}.mini-kr[data-v-aeccd1cd]{display:flex;justify-content:space-between;font-size:12px;color:#666;padding:2px 0}.mini-val[data-v-aeccd1cd]{color:#999}.fb-block[data-v-aeccd1cd]{margin-bottom:14px}.fb-label[data-v-aeccd1cd]{font-size:11px;font-weight:600;color:#3ad4d8;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.fb-text[data-v-aeccd1cd]{font-size:13px;color:#555;line-height:1.6}.fb-empty[data-v-aeccd1cd]{color:#ccc;font-size:13px;text-align:center;padding:30px}@media (max-width: 860px){.score-hero[data-v-aeccd1cd]{flex-direction:column;text-align:center}.score-breakdown[data-v-aeccd1cd]{grid-template-columns:1fr}.two-col[data-v-aeccd1cd]{flex-direction:column}}
|
