:root{--bj-ink: #33383D;--bj-accent: #E08A2E;--bj-canvas: #F5F6F7;--bj-paper: #ffffff;--bj-muted: color-mix(in srgb, #33383D 62%, transparent);--bj-hair: color-mix(in srgb, #33383D 16%, transparent);--bj-soft: color-mix(in srgb, #33383D 6%, transparent);--bj-radius: 6px;--bj-font: ui-sans-serif, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--bj-wrap: 1120px;--bj-measure: 66ch;--bj-s2: 8px;--bj-s3: 14px;--bj-s4: 22px;--bj-s5: 32px;--bj-s6: 48px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bj-canvas);color:var(--bj-ink);font-family:var(--bj-font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}h1,h2,h3{line-height:1.22;letter-spacing:-.02em;margin:0 0 var(--bj-s4);text-wrap:balance}h1{font-size:clamp(2rem,1.35rem + 2.6vw,3.15rem)}h2{font-size:clamp(1.35rem,1.15rem + 1vw,1.95rem)}h3{font-size:1.12rem}p{margin:0 0 var(--bj-s4);max-width:var(--bj-measure)}a{color:var(--bj-accent);text-underline-offset:3px}.wrap{width:100%;max-width:var(--bj-wrap);margin-inline:auto;padding-inline:var(--bj-s5)}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--bj-paper);padding:var(--bj-s3) var(--bj-s4);border-radius:var(--bj-radius);border:1px solid var(--bj-hair)}.skip:focus{left:var(--bj-s4);top:var(--bj-s4)}:where(a,button,input,textarea):focus-visible{outline:2px solid var(--bj-accent);outline-offset:2px}.bj-top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bj-canvas) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--bj-hair)}.bj-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--bj-s4);min-height:64px}.bj-logo{display:inline-flex;align-items:center;gap:var(--bj-s3);color:var(--bj-ink);text-decoration:none;font-weight:650;letter-spacing:-.02em}.bj-logo span{display:flex;flex-direction:column;line-height:1.2}.bj-logo small{font-size:.72rem;font-weight:450;color:var(--bj-muted);letter-spacing:0}.bj-nav{display:flex;gap:var(--bj-s5);align-items:center}.bj-nav a{color:var(--bj-muted);text-decoration:none;font-size:.94rem;padding:var(--bj-s2) 0;border-bottom:2px solid transparent}.bj-nav a:hover{color:var(--bj-ink)}.bj-nav a[aria-current=page]{color:var(--bj-ink);border-bottom-color:var(--bj-accent)}.bj-menu{display:none;background:none;border:1px solid var(--bj-hair);border-radius:var(--bj-radius);padding:6px 12px;font:inherit;font-size:.9rem;color:var(--bj-ink);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--bj-s2);padding:11px 20px;border-radius:var(--bj-radius);text-decoration:none;font-weight:600;font-size:.96rem;border:1px solid transparent;cursor:pointer;font-family:inherit}.btn-solid{background:var(--bj-ink);color:var(--bj-canvas)}.btn-solid:hover{background:color-mix(in srgb,var(--bj-ink) 84%,var(--bj-accent));color:#fff}.btn-line{background:transparent;color:var(--bj-ink);border-color:var(--bj-hair)}.btn-line:hover{border-color:var(--bj-accent);color:var(--bj-accent)}.hero{padding:var(--bj-s6) 0 var(--bj-s5)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--bj-s6);align-items:start}.hero-eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bj-accent);font-weight:700;margin-bottom:var(--bj-s3)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--bj-s3);margin-top:var(--bj-s5)}.hero-points{margin:0 0 var(--bj-s4);padding-left:1.1em;color:var(--bj-muted);font-size:.96rem}.hero-points li{margin-bottom:6px}.calc-shell{background:var(--bj-paper);border:1px solid var(--bj-hair);border-radius:var(--bj-radius);padding:var(--bj-s5);box-shadow:0 18px 44px -28px color-mix(in srgb,var(--bj-ink) 45%,transparent)}.calc-head h2{margin-bottom:var(--bj-s2);font-size:1.35rem}.calc-head p{font-size:.9rem;color:var(--bj-muted);margin-bottom:var(--bj-s4)}.calc-form{display:grid;gap:var(--bj-s3)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.9rem;font-weight:600}.field input{width:100%;min-height:46px;padding:11px 13px;font:inherit;font-size:.98rem;border:1px solid var(--bj-hair);border-radius:var(--bj-radius);background:var(--bj-canvas);color:var(--bj-ink)}.field input::placeholder{color:color-mix(in srgb,var(--bj-ink) 38%,transparent)}.field input[aria-invalid=true]{border-color:#b3402f}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--bj-s3)}.err{margin:0;font-size:.84rem;color:#b3402f}.calc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bj-s3);margin-top:var(--bj-s3)}.calc-status{margin:var(--bj-s3) 0 0;font-size:.88rem;color:var(--bj-muted);min-height:1.4em}.result{margin-top:var(--bj-s5);padding-top:var(--bj-s4);border-top:1px solid var(--bj-hair)}.result h3{margin-bottom:var(--bj-s3)}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bj-s3);margin:0 0 var(--bj-s3)}.result-grid>div{background:var(--bj-soft);border-radius:var(--bj-radius);padding:var(--bj-s3);min-width:0}.result-grid dt{font-size:.82rem;color:var(--bj-muted);margin-bottom:2px}.result-grid dd{margin:0;font-size:1.14rem;font-weight:700;letter-spacing:-.01em;word-break:break-all}.result-grid .result-main{grid-column:1 / -1;background:color-mix(in srgb,var(--bj-accent) 12%,var(--bj-paper))}.result-grid .result-main dd{font-size:1.6rem}.result-note{font-size:.84rem;color:var(--bj-muted);margin:0 0 var(--bj-s3)}.copy-status{font-size:.86rem;color:var(--bj-muted)}.band{padding:var(--bj-s6) 0;border-top:1px solid var(--bj-hair)}.band-soft{background:var(--bj-soft)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--bj-s4)}.card{background:var(--bj-paper);border:1px solid var(--bj-hair);border-radius:var(--bj-radius);padding:var(--bj-s4)}.card h3{margin-bottom:var(--bj-s2)}.card p{font-size:.94rem;color:var(--bj-muted);margin-bottom:var(--bj-s2)}.list-plain{margin:0;padding-left:1.1em;font-size:.92rem;color:var(--bj-muted)}.list-plain li{margin-bottom:4px}.formula-note{margin-top:var(--bj-s5);background:var(--bj-paper);border:1px solid var(--bj-hair);border-radius:var(--bj-radius);padding:var(--bj-s4)}.formula-note h3{margin-bottom:var(--bj-s2)}.formula-note .list-plain{color:var(--bj-ink)}.steps{counter-reset:st;display:grid;gap:var(--bj-s3)}.step{counter-increment:st;display:grid;grid-template-columns:38px 1fr;gap:var(--bj-s3);align-items:start}.step:before{content:counter(st);width:30px;height:30px;border-radius:50%;background:var(--bj-soft);color:var(--bj-accent);display:grid;place-items:center;font-weight:700;font-size:.88rem}.step b{display:block}.step p{margin:2px 0 0;font-size:.94rem;color:var(--bj-muted)}.foot-note{color:var(--bj-muted);font-size:.88rem;margin:0}.doc{max-width:72ch}.doc h2{margin-top:var(--bj-s5)}.doc ul{padding-left:1.2em}.doc li{margin-bottom:6px}.doc ol{padding-left:1.4em}.doc ol li{margin-bottom:8px}.doc .meta{font-size:.85rem;color:var(--bj-muted);margin-bottom:var(--bj-s5)}.doc article h1{margin-bottom:var(--bj-s3)}.bj-foot{border-top:1px solid var(--bj-hair);padding:var(--bj-s5) 0 var(--bj-s6);font-size:.88rem;color:var(--bj-muted)}.bj-foot .wrap{display:flex;flex-wrap:wrap;gap:var(--bj-s4);justify-content:space-between}.bj-foot nav{display:flex;gap:var(--bj-s4);flex-wrap:wrap}.bj-foot a{color:var(--bj-muted)}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:var(--bj-s5)}}@media(max-width:760px){.bj-menu{display:inline-flex}.bj-nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:var(--bj-s2);padding:var(--bj-s3) 0}.bj-nav.open{display:flex}.bj-top .wrap{flex-wrap:wrap}.wrap{padding-inline:var(--bj-s4)}.calc-shell{padding:var(--bj-s4)}.field-row,.result-grid{grid-template-columns:1fr}.result-grid .result-main dd{font-size:1.35rem}}fieldset.field{border:1px solid var(--bj-hair);border-radius:var(--bj-radius);padding:var(--bj-s3);margin:0;gap:8px}fieldset.field legend{font-size:.9rem;font-weight:600;padding:0 4px}fieldset.field label{font-weight:450;display:flex;gap:8px;align-items:flex-start;line-height:1.5}fieldset.field input[type=radio],fieldset.field input[type=checkbox]{width:auto;min-height:0;margin-top:4px;flex:none}.field select{width:100%;min-height:46px;padding:10px 12px;font:inherit;font-size:.98rem;border:1px solid var(--bj-hair);border-radius:var(--bj-radius);background:var(--bj-canvas);color:var(--bj-ink)}.field textarea{width:100%;min-height:96px;padding:11px 13px;font:inherit;font-size:.98rem;resize:vertical;border:1px solid var(--bj-hair);border-radius:var(--bj-radius);background:var(--bj-canvas);color:var(--bj-ink)}:where(select):focus-visible{outline:2px solid var(--bj-accent);outline-offset:2px}[hidden]{display:none!important}.step>div{min-width:0}.step p,.step b,.card p{overflow-wrap:anywhere}