.yiuh-wrap{max-width:980px;margin:24px auto;padding:0 16px;}
.yiuh-card{background:#fff;border-radius:18px;box-shadow:0 18px 45px rgba(0,0,0,.08);padding:22px;}
.yiuh-head h3{margin:0 0 6px 0;font-size:22px;}
.yiuh-head p{margin:0 0 16px 0;color:#475569;line-height:1.6;}

.yiuh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.yiuh-grid label{display:block;}
.yiuh-grid span{display:block;font-size:12px;color:#64748b;margin-bottom:6px;}
.yiuh-grid small{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.4;}
.yiuh-grid select,.yiuh-grid input{
  width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:12px 12px;outline:none;background:#fff;
}
.yiuh-grid input:focus,.yiuh-grid select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12);}

.yiuh-full{grid-column:1 / -1;}
.yiuh-hide{display:none;}

.yiuh-actions{display:flex;gap:10px;margin-top:14px;}
.yiuh-btn{border:none;border-radius:12px;padding:12px 14px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer;}
.yiuh-btn.ghost{background:#eef2ff;color:#1e3a8a;}

.yiuh-result{margin-top:16px;border-top:1px solid #eef2f7;padding-top:14px;}

.yiuh-kpi{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.yiuh-kpi > div{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:10px;
}
.yiuh-kpi span{display:block;color:#64748b;font-size:12px;margin-bottom:4px;}
.yiuh-kpi strong{font-size:16px;}

.yiuh-table{width:100%;border-collapse:collapse;}
.yiuh-table td{padding:10px 6px;border-bottom:1px dashed #e5e7eb;font-size:14px;vertical-align:top;}
.yiuh-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;}
.yiuh-table strong{font-weight:800;}

.yiuh-total{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:12px;font-weight:900;font-size:16px;
}

.yiuh-error{
  background:#fff1f2;
  border:1px solid #fecdd3;
  color:#9f1239;
  border-radius:14px;
  padding:12px;
  font-weight:700;
}

.yiuh-footnote{margin-top:12px;font-size:12px;color:#64748b;line-height:1.55;}

@media (max-width:768px){
  .yiuh-grid{grid-template-columns:1fr;}
  .yiuh-kpi{grid-template-columns:repeat(2,minmax(0,1fr));}
}