/* MU-GM灵智技术开发 · static/css/points-calc.css —— 满点计算器(/points.html,v1.321):三标签页 + 配置分组卡 + 输入网格 + 结果明细(v1.321:撤销提示行 nowrap 防超长文案穿出卡片,仅标签保留禁折行;v1.320:隐藏数字输入框步进箭头,输入列加宽至 320px) */
.pointcalc-page{padding-bottom:80px}
.pointcalc-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.pointcalc-tab{padding:10px 20px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.92rem;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.pointcalc-tab:hover{color:var(--text-main);border-color:var(--primary)}
.pointcalc-tab.is-active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-color:transparent}
.pointcalc-panel{display:none}
.pointcalc-panel.is-active{display:flex;flex-direction:column;gap:18px}
.pointcalc-group{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 26px}
.pointcalc-group__title{margin:0 0 14px;font-size:1.05rem;color:var(--text-main);display:flex;align-items:center;gap:10px}
.pointcalc-group__title::before{content:'';flex:0 0 auto;width:4px;height:17px;border-radius:2px;background:linear-gradient(180deg,var(--primary),var(--primary-hover))}
.pointcalc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.pointcalc-field{display:flex;flex-direction:column;gap:7px;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;font-size:.9rem}
.pointcalc-field:focus-within{border-color:var(--primary)}
.pointcalc-field--wide{max-width:420px}
.pointcalc-field__label{color:var(--text-main);font-weight:600;white-space:nowrap}
.pointcalc-field__input{width:100%;background:rgba(9,15,28,.6);border:1px solid var(--line);border-radius:8px;color:var(--text-main);font-size:.92rem;padding:8px 10px;outline:none;transition:border-color .15s}
.pointcalc-field__input:focus{border-color:var(--primary)}
.pointcalc-field__input[type=number]{appearance:textfield;-moz-appearance:textfield}
.pointcalc-field__input[type=number]::-webkit-outer-spin-button,.pointcalc-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}
.pointcalc-field__tip{color:var(--text-muted);font-size:.8rem;line-height:1.6}
.pointcalc-actions{display:flex;justify-content:center;padding:6px 0}
.pointcalc-result{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 26px}
.pointcalc-result__title{margin:0 0 14px;font-size:1.05rem;color:var(--text-main)}
.pointcalc-error{margin:0;padding:10px 14px;background:rgba(255,83,100,.08);border:1px solid rgba(255,83,100,.4);border-radius:10px;color:var(--accent);font-size:.9rem;line-height:1.7}
.pointcalc-rows{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.pointcalc-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:9px 2px;border-bottom:1px dashed var(--line);font-size:.92rem}
.pointcalc-row:last-child{border-bottom:none}
.pointcalc-row__key{color:var(--text-muted);flex:0 0 auto}
.pointcalc-row__val{color:var(--text-main);font-weight:600;text-align:right}
.pointcalc-total{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--line);text-align:center;font-size:1.25rem;font-weight:700;color:var(--primary)}
.pointcalc-note{margin-top:24px;background:var(--bg-section);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 26px}
.pointcalc-note__title{margin:0 0 10px;font-size:1rem;color:var(--text-main)}
.pointcalc-note p{margin:0 0 8px;color:var(--text-muted);font-size:.88rem;line-height:1.9}
.pointcalc-note p:last-child{margin-bottom:0}
.pointcalc-note__init{color:var(--text-secondary)}
@media (max-width:768px){
    .pointcalc-group{padding:16px}
    .pointcalc-grid{grid-template-columns:1fr}
    .pointcalc-field--wide{max-width:none}
    .pointcalc-result{padding:16px}
    .pointcalc-row{flex-direction:column;gap:4px}
    .pointcalc-row__val{text-align:left}
}