@charset "UTF-8";
#betaCalc *{box-sizing:border-box}
#betaCalc{overflow-x:hidden;font-family:'Poppins','Noto Sans SC','Noto Sans TC','PingFang SC','PingFang TC','Microsoft YaHei','Microsoft JhengHei','Hiragino Sans GB','Heiti SC',Arial,sans-serif}
#betaCalc h2{color:#003366;margin:0 0 16px}
#betaCalc input,#betaCalc select{background:#FAFAFA;border:1px solid #e5e7eb;border-radius:12px;padding:10px;width:100%}
#betaCalc input::placeholder{color:#9aa3ab;opacity:1;font-weight:400}
#betaCalc .kpi{color:#003366;font-weight:700}
#betaCalc .col-del{width:56px;text-align:right;padding-right:12px}
#betaCalc .del,#betaCalc .del:hover,#betaCalc .del:focus{border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important;color:#b91c1c;font-size:22px;font-weight:800;width:28px;height:28px;line-height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
#betaCalc table{width:100%;border-collapse:collapse;table-layout:fixed}
#betaCalc th{font-weight:600;color:#333;white-space:nowrap}
#betaCalc td,#betaCalc th{padding:10px;border-bottom:1px solid #eee}
#betaCalc .top-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#betaCalc .top-grid>*{min-width:0}
#betaCalc #result{min-width:0;border:1px solid #e5e7eb;border-radius:16px;background:#fafafa;padding:14px}
#betaCalc #breakdown{margin-top:10px;color:#555;font-size:14px;line-height:1.6;overflow-wrap:anywhere;word-break:break-word}
#betaCalc .section{margin-top:24px}
#betaCalc .section + .section{margin-top:28px}
#betaCalc .btn{padding:10px 16px;border:1px solid #003366;color:#003366;background:#fff;border-radius:50px}
#betaCalc .btn.primary{padding:12px 18px;background:#003366;color:#fff;border:none}
#betaCalc .actions{margin-top:22px;display:flex;justify-content:flex-end}

/* 统一按钮与表格的间距：两处都为 10px */
#betaCalc #stockTable{margin-bottom:10px}
#betaCalc #addStock{margin-top:0}
#betaCalc #optTable{margin-bottom:0}
#betaCalc #optTable+div{margin-top:10px!important}

#betaCalc #stockTable col:nth-child(1){width:18%}
#betaCalc #stockTable col:nth-child(2){width:14%}
#betaCalc #stockTable col:nth-child(3){width:16%}
#betaCalc #stockTable col:nth-child(4){width:12%}
#betaCalc #stockTable col:nth-child(5){width:14%}
#betaCalc #stockTable col:nth-child(6){width:6%}
#betaCalc #optTable col:nth-child(1){width:16%}
#betaCalc #optTable col:nth-child(2){width:12%}
#betaCalc #optTable col:nth-child(3){width:10%}
#betaCalc #optTable col:nth-child(4){width:10%}
#betaCalc #optTable col:nth-child(5){width:14%}
#betaCalc #optTable col:nth-child(6){width:18%}
#betaCalc #optTable col:nth-child(7){width:12%}
#betaCalc #optTable col:nth-child(8){width:8%}
#betaCalc #optTable col:nth-child(9){width:6%}

@media (max-width:980px){
  #betaCalc .top-grid{grid-template-columns:1fr!important}
}
@media (max-width:680px){
  #betaCalc colgroup{display:none}
  #betaCalc thead{display:none}
  #betaCalc table{display:block;width:100%}
  #betaCalc tbody{display:block;width:100%}
  #betaCalc tbody tr{display:block;width:100%;border:1px solid #eee;border-radius:12px;padding:8px;margin-bottom:12px}
  #betaCalc tbody td{display:block;width:100%!important;border:none;padding:8px 10px}
  #betaCalc tbody td::before{content:attr(data-label);display:block;margin:0 0 6px;color:#666;font-weight:600}
  #betaCalc tbody td input,#betaCalc tbody td select{display:block;width:100%!important;max-width:100%!important}
  #betaCalc .col-del{padding:8px 10px;text-align:right}
  #betaCalc .col-del::before{content:'';display:none}
}