:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-background:#f2f3f5;--panel-background:#fff;--text:#202124;--muted:#68707d;--border:#d6dbe2;--focus:#2563eb;--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#b42318}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--page-background);color:var(--text);margin:0;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}button,input{font:inherit}.page-shell{width:min(100% - 32px,680px);min-height:100vh;margin:0 auto;padding:54px 0 64px}.page-shell h1{text-align:center;letter-spacing:.02em;margin:0 0 28px;font-size:clamp(24px,4vw,32px);line-height:1.25}.calculator-panel{width:100%;margin:0 auto}.calculator-panel fieldset{border:1px solid var(--border);background:var(--panel-background);border-radius:6px;margin:0;padding:18px 24px 24px}.calculator-panel legend{color:var(--text);padding:0 8px;font-size:14px}.form-row{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:16px;display:grid}.result-row{margin-top:18px}.form-row label{color:#353b45;white-space:nowrap;font-size:15px}.form-row input{width:100%;height:44px;color:var(--text);background:#fff;border:1px solid #aeb7c4;border-radius:3px;outline:none;padding:0 12px;font-family:Consolas,SFMono-Regular,monospace;font-size:17px;transition:border-color .12s,box-shadow .12s}.form-row input::placeholder{color:#9aa3af}.form-row input[readonly]{background:#f3f4f6}.form-row input:focus{border-color:var(--focus);box-shadow:0 0 0 3px #2563eb26}.input-hint{color:var(--muted);margin:7px 0 0 120px;font-size:12px}.actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.actions button{cursor:pointer;border:0;border-radius:4px;min-width:128px;height:42px;padding:0 18px;font-size:14px;transition:background-color .12s,opacity .12s}.actions button:focus-visible{outline-offset:2px;outline:3px solid #2563eb47}.actions button:disabled{cursor:not-allowed;opacity:.55}.primary-button{background:var(--primary);color:#fff}.primary-button:hover:not(:disabled){background:var(--primary-hover)}.secondary-button{color:#303743;background:#f8fafc;border:1px solid var(--border)!important}.secondary-button:hover:not(:disabled){background:#eef2f7}.status-message{min-height:20px;margin:10px 2px 0;font-size:13px}.error-message{color:var(--danger)}.success-message{color:#18794e;margin-top:2px}@media (max-width:560px){.page-shell{width:min(100% - 24px,680px);padding-top:32px}.calculator-panel fieldset{padding:16px 16px 20px}.form-row{display:block}.result-row{margin-top:16px}.form-row label{margin-bottom:8px;display:block}.input-hint{margin:7px 0 0}.actions{grid-template-columns:1fr;display:grid}.actions button{width:100%}}