:root{--ink:#17343f;--muted:#65777c;--teal:#087d82;--teal-light:#e9f5f3;--line:#dce5e5;--bg:#f4f7f7;--red:#b44532;--red-bg:#fff1eb;--amber:#8d5b16}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;font-size:15px;line-height:1.55}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #65bec1;outline-offset:3px}input:focus,select:focus{outline:2px solid var(--teal);outline-offset:1px}.shell{max-width:1136px;margin:auto;padding:36px 28px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{margin:0 0 9px;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--teal)}h1{margin:0;font-size:34px;letter-spacing:-.04em;line-height:1.3}.intro{margin:10px 0 0;color:var(--muted);font-size:16px}.quiet{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 16px;white-space:nowrap;min-height:44px}.quiet:hover{border-color:var(--teal)}.notice{border:1px solid #eadfc7;background:#fff8e9;color:#735627;display:flex;gap:10px;padding:12px 16px;border-radius:10px;font-size:13px;margin-bottom:28px}.noticeDot{width:6px;height:6px;flex:none;border-radius:100%;background:#c78c38;margin-top:7px}.step{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px;margin-bottom:18px}.stepTitle{display:flex;align-items:center;gap:10px;margin-bottom:20px}.stepNumber{display:inline-flex;width:28px;height:28px;background:var(--teal-light);color:var(--teal);font-size:14px;font-weight:750;border-radius:8px;align-items:center;justify-content:center}h2{font-size:19px;margin:0;letter-spacing:-.02em}.stepHint{color:var(--muted);font-size:12px;margin-left:auto}.mechanics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mechanics button{background:#fff;border:1px solid var(--line);padding:17px 20px;text-align:left;border-radius:10px;transition:border-color .15s,background .15s}.mechanics button:hover{border-color:var(--teal)}.mechanics button[aria-pressed=true]{background:var(--teal-light);border:2px solid var(--teal);padding:16px 19px}.mechanicTitle{display:block;font-size:18px;font-weight:700}.mechanicTitle>span{color:var(--teal);margin-right:5px;font-size:22px}.mechanics small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.basicFields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.field{display:block;min-width:0}.field>span{display:block;font-size:13px;font-weight:650;margin-bottom:7px}.inputWrap{position:relative;display:flex;align-items:center}.inputWrap input,.inputWrap select{width:100%;min-width:0;border:1px solid #cddada;border-radius:8px;background:#fff;color:var(--ink);height:46px;padding:10px 52px 10px 12px;font-size:17px;font-variant-numeric:tabular-nums;font-weight:600}.inputWrap input::-webkit-inner-spin-button{display:none}.inputWrap input{-moz-appearance:textfield}.inputWrap select{padding-right:20px;font-size:14px}.unit{position:absolute;right:12px;font-size:11px;color:var(--muted);pointer-events:none}.field small{font-size:11px;line-height:1.45;display:block;color:var(--muted);margin-top:7px}.inputFoot{display:flex;gap:16px;justify-content:space-between;font-size:12px;color:var(--muted);margin:16px 0 20px}.inputFoot>span:first-child{font-weight:650;color:var(--teal)}.preset{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border-radius:9px;background:#f3f6f6}.presetLabel{font-size:11px;color:var(--muted);font-weight:650}.preset p{margin:3px 0 0;font-size:13px}.preset a{color:var(--teal);font-size:12px;text-decoration:none;white-space:nowrap;padding:8px 0}.preset a:hover{text-decoration:underline}details{border-top:1px solid var(--line);margin-top:18px}summary{padding:14px 0;font-size:13px;font-weight:650;min-height:44px}summary span{font-weight:400;color:var(--muted);margin-left:6px}.advancedInner{padding-bottom:4px}.helper{font-size:12px;color:var(--muted);margin:0 0 15px}.advancedFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}h3{font-size:15px;margin:0 0 12px}.advancedInner h3{border-top:1px solid var(--line);padding-top:18px}.error{padding:13px;margin-top:16px;border:1px solid #efc3b9;background:var(--red-bg);color:var(--red);border-radius:8px;font-size:13px}.keyResults{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}.breakEvenCard,.costCard{border-radius:11px;padding:23px;min-width:0}.breakEvenCard{background:var(--ink);color:#fff}.costCard{border:1px solid var(--line);background:#fbfcfc}.cardLabel{font-size:13px;color:#d6e7e7}.costCard .cardLabel{color:var(--muted)}.bigMetric{font-size:38px;font-weight:750;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:10px 0 4px;line-height:1.25;overflow-wrap:anywhere}.bigMetric small{font-size:15px;font-weight:500;margin-left:7px;letter-spacing:0}.breakEvenPercent{margin:0;font-size:15px;color:#a4e0da;font-weight:600}.micro{font-size:11px;color:#b5c9cc;margin:13px 0 0}.costMetric{font-size:29px;font-weight:700;letter-spacing:-.03em;margin:10px 0 7px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.costMetric small{font-size:13px;font-weight:500;margin-left:5px;letter-spacing:0}.budgetStatus{font-size:12px;margin:0;font-weight:600;color:var(--teal)}.budgetStatus.over{color:var(--red)}.costFormula{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.scenarioHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 12px}.scenarioHead h3{margin:0}.scenarioHead>span{font-size:11px;color:var(--muted)}.scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.scenario{border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0}.scenario.selected{border:2px solid var(--teal);padding:15px;background:#f5fbfa}.scenarioTop{display:flex;align-items:center;justify-content:space-between;gap:6px}.scenarioSelect{border:0;background:transparent;padding:5px 0;color:var(--muted);text-align:left;font-size:12px;min-height:34px}.scenarioSelect:before{content:'○';font-size:15px;margin-right:6px;color:var(--muted)}.selected .scenarioSelect{color:var(--teal);font-weight:700}.selected .scenarioSelect:before{content:'●';color:var(--teal)}.upliftInput{display:flex;align-items:center;gap:4px}.upliftInput input{width:58px;min-height:38px;border:1px solid #ccdcda;border-radius:6px;background:#fff;padding:5px;text-align:center;font-weight:650;font-size:16px;color:var(--ink);-moz-appearance:textfield}.upliftInput input::-webkit-inner-spin-button{display:none}.upliftInput span{font-size:12px;color:var(--muted)}.profitLabel{font-size:11px;color:var(--muted);margin:14px 0 3px}.scenarioProfit{font-size:23px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--teal)}.negative{color:var(--red)!important}.scenarioProfit small{font-size:10px;font-weight:500;letter-spacing:0;margin-left:3px}.scenarioMeta{font-size:11px;color:var(--muted);margin-top:8px}.scenarioNote{font-size:11px;color:var(--muted);margin:13px 0 0;line-height:1.65}.riskNote{margin-top:16px;padding:12px 14px;background:#f0f5f5;border-left:3px solid var(--teal);font-size:12px;border-radius:0 6px 6px 0}.riskNote.warning{background:var(--red-bg);border-color:#c46b50;color:#85442e}.calculationInner{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:3px 0 14px}.breakdown .line{display:flex;justify-content:space-between;gap:14px;font-size:12px;padding:8px 0;border-bottom:1px solid #edf1f1}.breakdown .line:last-child{font-weight:700}.breakdown strong{text-align:right;white-space:nowrap;font-size:12px}.formulas{font-size:11px;color:var(--muted);line-height:1.7}.formulas p{margin:0 0 9px}.formulas strong{color:var(--ink)}.resultActions{display:flex;align-items:center;gap:18px;padding-top:16px;border-top:1px solid var(--line);margin-top:4px}.primary{border:0;background:var(--teal);color:#fff;padding:12px 20px;border-radius:8px;min-height:44px;font-weight:600;white-space:nowrap}.primary:hover{background:#066b6f}.primary:disabled{opacity:.45;cursor:not-allowed}.resultActions span{font-size:11px;color:var(--muted)}footer{text-align:center;color:#7b8b8e;font-size:10px;line-height:1.8;margin-top:24px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:white;padding:12px 20px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;font-size:13px;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(max-width:760px){.shell{padding:24px 16px}header{align-items:flex-start;gap:10px}h1{font-size:27px}.eyebrow{font-size:10px}.intro{font-size:13px;max-width:240px}.quiet{font-size:12px;padding:8px 10px}.notice{font-size:11px;padding:11px 13px;margin-bottom:20px}.step{padding:18px}.stepTitle{gap:8px;flex-wrap:wrap;margin-bottom:16px}h2{font-size:17px}.stepHint{font-size:10px}.mechanics{gap:7px}.mechanics button{padding:12px 9px}.mechanics button[aria-pressed=true]{padding:11px 8px}.mechanicTitle{font-size:14px}.mechanicTitle>span{display:none}.mechanics small{font-size:10px;line-height:1.5}.basicFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.field>span{font-size:12px}.inputWrap input{font-size:16px;padding-left:10px;padding-right:45px}.field small{font-size:10px}.inputFoot{flex-direction:column;gap:5px;font-size:11px}.preset{padding:12px;gap:10px}.preset p{font-size:11px}.preset a{font-size:11px}.advancedFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.keyResults{gap:10px;grid-template-columns:1fr 1fr}.breakEvenCard,.costCard{padding:16px}.cardLabel{font-size:11px}.bigMetric{font-size:30px}.costMetric{font-size:24px}.costMetric small{display:block;margin:2px 0 0;font-size:10px}.breakEvenPercent{font-size:12px}.micro{font-size:10px}.budgetStatus{font-size:11px}.costFormula{font-size:10px}.scenarioHead{align-items:flex-start;flex-direction:column;gap:3px}.scenarioHead h3{font-size:14px}.scenarios{gap:7px}.scenario{padding:11px 9px}.scenario.selected{padding:10px 8px}.scenarioTop{flex-direction:column;align-items:flex-start;gap:2px}.scenarioSelect{min-height:30px;font-size:11px}.upliftInput{margin-top:2px}.upliftInput input{width:48px;min-height:36px}.scenarioProfit{font-size:18px}.scenarioProfit small{display:block;margin:1px 0 0}.scenarioMeta{font-size:10px;line-height:1.7}.profitLabel{margin-top:12px;font-size:10px}.scenarioNote{font-size:10px}.riskNote{font-size:11px}.calculationInner{grid-template-columns:1fr;gap:16px}.resultActions{gap:12px;align-items:flex-start;flex-direction:column}.resultActions .primary{width:100%}.resultActions span{font-size:10px}footer{font-size:9px}}
@media(max-width:380px){.shell{padding:18px 12px}.step{padding:15px}.keyResults{grid-template-columns:1fr}.costMetric small{display:inline;margin-left:5px}h1{font-size:24px}.stepHint{width:100%;margin-left:36px}.scenarios{gap:5px}.scenarioProfit{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{body{background:#fff}.shell{max-width:none;padding:0}.quiet,.primary,.preset a,.toast{display:none}.step{break-inside:avoid}.notice{font-size:11px}details:not([open]){display:none}header{margin:0 0 18px}}
@media(max-width:560px){.keyResults{grid-template-columns:1fr}.breakEvenCard,.costCard{padding:20px}.bigMetric{font-size:36px}.costMetric{font-size:28px}.costMetric small{display:inline;margin-left:5px}.scenarios{grid-template-columns:1fr;gap:9px}.scenario,.scenario.selected{display:grid;grid-template-columns:1fr 1.15fr;column-gap:16px;padding:14px 16px}.scenarioTop{grid-column:1;grid-row:1/3;align-self:center}.scenarioSelect{font-size:12px}.upliftInput input{width:64px;min-height:40px}.profitLabel{grid-column:2;margin:0 0 3px}.scenarioProfit{grid-column:2;font-size:25px}.scenarioProfit small{display:inline;margin-left:4px;font-size:10px}.scenarioMeta{grid-column:1/-1;border-top:1px solid var(--line);padding-top:8px;margin-top:10px;font-size:11px}.scenarioMeta br{display:none}.scenarioMeta br:after{content:' · '}.stepHint{font-size:10px}.breakEvenPercent{font-size:14px}}
.scenarioMeta span{display:block}@media(max-width:560px){.scenarioMeta span{display:inline}.scenarioMeta span+span:before{content:' · ';white-space:pre}}
.mechanicTitle svg{width:22px;height:22px;vertical-align:-4px;color:var(--teal);margin-right:5px}@media(max-width:760px){.mechanicTitle svg{display:none}}
@media(max-width:380px){.scenarioProfit{font-size:18px}.scenarioProfit small{font-size:9px}}