.powercalc{ --red:#e0122d; --red2:#b70f24; --ink:#101114; --muted:#6b7280;
--line:rgba(0,0,0,.10); --card:#fff; --soft:#fff4f6;
--shadow:0 16px 44px rgba(0,0,0,.14);
font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--ink);
}
.powercalc .pc-card{
background: radial-gradient(1200px 300px at 0% 0%, rgba(224,18,45,.14), rgba(224,18,45,0) 55%),
radial-gradient(900px 260px at 100% 0%, rgba(224,18,45,.10), rgba(224,18,45,0) 60%),
var(--card);
border:1px solid rgba(224,18,45,.22);
border-radius:18px; box-shadow:var(--shadow);
padding:18px; max-width:980px; margin:0 auto;
}
.powercalc .pc-head{ display:flex; gap:14px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; }
.powercalc .pc-title{ font-size:20px; font-weight:950; letter-spacing:.2px; }
.powercalc .pc-sub{ margin-top:4px; font-size:13px; color:var(--muted); line-height:1.35; max-width:720px; }
.powercalc .pc-badge{
display:flex; align-items:center; gap:8px;
background:linear-gradient(90deg, rgba(224,18,45,.12), rgba(224,18,45,.05));
border:1px solid rgba(224,18,45,.22);
padding:10px 12px; border-radius:999px; font-size:13px; font-weight:800; color:var(--red2);
}
.powercalc .pc-dot{ width:10px; height:10px; border-radius:999px; background:var(--red); box-shadow:0 0 0 4px rgba(224,18,45,.12); }
.powercalc .pc-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin-top:14px; }
.powercalc .pc-field label{ display:block; font-weight:900; font-size:12.5px; margin-bottom:6px; }
.powercalc input, .powercalc select{
width:100%; box-sizing:border-box;
padding:11px 12px; border-radius:12px;
border:1px solid var(--line);
background:#fff;
outline:none; font-size:14px;
transition: .15s ease;
}
.powercalc input:focus, .powercalc select:focus{
border-color: rgba(224,18,45,.55);
box-shadow: 0 0 0 4px rgba(224,18,45,.10);
}
.powercalc .pc-hint{ margin-top:6px; font-size:12px; color:var(--muted); }
.powercalc .pc-section{
margin-top:14px;
border:1px dashed rgba(224,18,45,.30);
background:var(--soft);
border-radius:16px; padding:12px;
}
.powercalc .pc-info{
background:#fff; border:1px solid rgba(0,0,0,.08);
border-radius:14px; padding:12px;
}
.powercalc .pc-info-title{ font-weight:950; color:var(--red2); margin-bottom:6px; }
.powercalc .pc-info-text{ font-size:13px; color:var(--muted); line-height:1.35; }
.powercalc .pc-actions{
display:flex; gap:10px; align-items:center; flex-wrap:wrap;
margin-top:14px;
}
.powercalc .pc-btn{
border:0; border-radius:12px; padding:11px 14px;
font-weight:950; cursor:pointer; transition:.15s ease;
}
.powercalc .pc-btn-primary{
background: linear-gradient(180deg, var(--red), var(--red2));
color:#fff; box-shadow:0 10px 22px rgba(224,18,45,.30);
}
.powercalc .pc-btn-primary:hover{ transform: translateY(-1px); }
.powercalc .pc-btn-ghost{
background:#fff; border:1px solid rgba(224,18,45,.28); color:var(--red2);
}
.powercalc .pc-btn-ghost:hover{ background: rgba(224,18,45,.06); }
.powercalc .pc-mini{ margin-left:auto; font-size:13px; color:var(--muted); }
.powercalc .pc-mini b{ color:var(--ink); }
.powercalc .pc-results{
margin-top:16px;
border-top:1px solid rgba(224,18,45,.18);
padding-top:14px;
}
.powercalc .pc-results-head{ display:flex; gap:10px; align-items:baseline; justify-content:space-between; flex-wrap:wrap; }
.powercalc .pc-results-title{ font-weight:1000; font-size:16px; }
.powercalc .pc-results-note{ font-size:12.5px; color:var(--muted); }
.powercalc .pc-table-wrap{ margin-top:10px; overflow:auto; border-radius:14px; border:1px solid rgba(0,0,0,.08); background:#fff; }
.powercalc .pc-table{ width:100%; border-collapse:collapse; min-width:760px; }
.powercalc .pc-table th{
text-align:left; padding:10px 12px; font-size:12.5px;
background: linear-gradient(90deg, rgba(224,18,45,.12), rgba(224,18,45,.03));
border-bottom:1px solid rgba(0,0,0,.08);
}
.powercalc .pc-table td{
padding:10px 12px; border-bottom:1px solid rgba(0,0,0,.06);
font-size:14px;
}
.powercalc .pc-table tr:last-child td{ border-bottom:0; }
.powercalc .pc-pill{
display:inline-block; padding:4px 10px; border-radius:999px;
background: rgba(224,18,45,.08); border:1px solid rgba(224,18,45,.18);
font-size:12px; font-weight:900; color:var(--red2);
margin-left:8px;
}
.powercalc .pc-total{ font-weight:1000; }
.powercalc .pc-footnote{ margin-top:10px; font-size:12px; color:var(--muted); }
.powercalc .pc-hidden{ display:none !important; } .powercalc .pc-lead{
margin-top:16px;
border:1px solid rgba(224,18,45,.18);
border-radius:16px;
background:#fff;
padding:14px;
}
.powercalc .pc-lead-head{ display:flex; gap:10px; justify-content:space-between; flex-wrap:wrap; align-items:baseline; }
.powercalc .pc-lead-title{ font-weight:1000; font-size:16px; }
.powercalc .pc-lead-sub{ font-size:12.5px; color:var(--muted); max-width:760px; line-height:1.35; }
.powercalc .pc-form{ margin-top:10px; }
@media (max-width: 780px){
.powercalc .pc-grid{ grid-template-columns: 1fr; }
.powercalc .pc-mini{ margin-left:0; width:100%; }
}