/* fraction-calc 分数计算器（额外样式） */

.calc-left { display: flex; flex-direction: column; min-width: 0; }
.calc-right { display: flex; flex-direction: column; min-width: 0; }

/* 分数步骤列表 */
.fc-steps { list-style: none; margin: 10px 0 0; padding: 0; }
.fc-steps li {
    display: flex; align-items: flex-start; gap: 8px;
    padding: 8px 10px; border-radius: 8px;
    font-size: 13px; line-height: 1.8; color: var(--c-text-sub);
}
.fc-steps li:nth-child(even) { background: rgba(0, 150, 220, 0.04); }
.fc-step-no {
    flex-shrink: 0; width: 20px; height: 20px; margin-top: 3px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%; background: #eef4fb; color: #0096dc;
    font-size: 11px; font-weight: 800;
}
.fc-frac-input { width: 150px; font-size: 16px; text-align: center; font-weight: 700; }
.fc-op-select { width: 90px; }

@media (max-width: 480px) {
    #fcMode { grid-auto-flow: row; }
    .fc-frac-input, .fc-op-select { width: 100%; }
    #fcSwap { width: 100%; }
}

/* 常用分数速查表 */
.fc-quick-table { width: 100%; border-collapse: collapse; margin-top: 8px; }
.fc-quick-table th, .fc-quick-table td {
    border: 1px solid var(--c-border);
    padding: 7px 10px; font-size: 13px; text-align: center;
}
.fc-quick-table th { background: var(--c-surface-soft); font-weight: 700; color: var(--c-text); }
.fc-quick-table td:first-child { font-weight: 700; color: #0a7fc0; }

/* 黑夜模式 */
[data-theme="dark"] .fc-steps li:nth-child(even) { background: rgba(255, 255, 255, 0.03); }
[data-theme="dark"] .fc-step-no { background: rgba(255, 255, 255, 0.1); color: #58bdf0; }
[data-theme="dark"] .fc-quick-table th { background: rgba(255, 255, 255, 0.04); }
[data-theme="dark"] .fc-quick-table td:first-child { color: #58bdf0; }