/* 百分比计算器：6 个小计算器 */

.pc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1rem}
.pc-box{display:flex;flex-direction:column;gap:.5rem;padding:.875rem;border:1px solid #eef1f5;border-radius:.625rem;background:#fff}
.pc-box:hover{border-color:#dfe5ec}
.pc-title{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.875rem;font-weight:600;color:#2b3441}
.pc-no{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.25rem;height:1.25rem;
  border-radius:50%;background:var(--site-tint);color:var(--site-primary);font-size:.6875rem;font-weight:600}

.pc-line{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.pc-num{width:6.5rem;min-width:4.5rem;flex:1 1 5rem;padding:.3rem .5rem;font-size:.9375rem}
.pc-word{flex:none;font-size:.8125rem;color:#8a94a3}
.pc-suffix{position:relative;display:inline-flex;align-items:center;flex:1 1 5rem;min-width:4.5rem}
.pc-suffix .pc-num{width:100%;padding-right:1.4rem}
.pc-suffix-txt{position:absolute;right:.5rem;font-size:.8125rem;color:#adb5bd;pointer-events:none}
.pc-dir{width:auto;flex:none;padding:.3rem 2rem .3rem .5rem;font-size:.875rem}

.pc-out{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .6rem;
  border-radius:.5rem;background:var(--site-tint);border:1px solid rgba(var(--site-primary-rgb),.25)}
.pc-res{font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--site-primary);word-break:break-all}
.pc-res.is-err{color:#dc2626}
.pc-sub{font-size:.8125rem;color:#5b6675;min-height:1.1rem}
.pc-sub:empty{display:none}
.pc-formula{font-size:.75rem;line-height:1.6;color:#8a94a3;word-break:break-all}

.pc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem}

@media (max-width:575.98px){
  .pc-grid{grid-template-columns:1fr}
  .pc-res{font-size:1.125rem}
  .pc-num{width:5.5rem}
}