:root{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#172f37;background:#f1f5f7;font-size:16px;line-height:1.5;--green:#0d7669;--line:#dce5e9;--red:#b83737}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b7d96a;outline-offset:3px}header.top{background:#122f3b;color:#fff;padding:24px max(24px,calc((100vw - 1360px)/2));display:flex;align-items:center;gap:16px}h1{font-size:1.5rem;margin:0;font-weight:700}header p{margin:3px 0 0;color:#bfced4;font-size:.875rem}.brand-mark{height:48px;width:48px;display:grid;place-items:center;background:#b9da69;color:#122f3b;font-size:1.6rem;font-weight:700;border-radius:12px;flex-shrink:0}.badge{margin-left:auto;border:1px solid #49616a;border-radius:30px;padding:7px 13px;font-size:.875rem;white-space:nowrap}main{max-width:1408px;margin:auto;padding:24px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.intro p{margin:0}span[lang=vi],label>span,h2>span,h3>span,b>span,p>span{display:block}.intro span, .helper span{color:#647782;font-size:.875rem}button{background:white;color:#24434f;border:1px solid #cbd8df;border-radius:9px;padding:9px 16px;white-space:nowrap}button span{font-size:.875rem}.workspace{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);gap:24px;align-items:start}form{display:grid;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}h2{font-size:1.0625rem;margin:0 0 18px;font-weight:700}h2>span,h3>span{font-size:.875rem;font-weight:400;color:#6a7b85;margin-top:2px}.section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.section-title h2{margin:0}.step{font-size:.875rem;font-weight:700;letter-spacing:.04em;background:#edf4f3;color:var(--green);padding:5px 8px;border-radius:6px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}label{display:block;font-size:.9375rem;font-weight:600;min-width:0}label>span{font-size:.8125rem;color:#6a7b85;font-weight:400;min-height:38px;line-height:1.4;margin:4px 0 6px}.input-unit{position:relative}input[type=number]{width:100%;min-width:0;border:1px solid #ccd9df;border-radius:8px;background:#f9fbfc;color:#14343e;height:46px;padding:9px 76px 9px 12px;font-weight:600;font-variant-numeric:tabular-nums}input:focus{border-color:var(--green);background:#fff}.input-unit b{position:absolute;right:10px;top:13px;font-weight:400;color:#6a7b85;font-size:.75rem;pointer-events:none}.helper{font-size:.8125rem;line-height:1.6;color:#6a7b85;margin:15px 0 0}.segmented{border:0;padding:0;margin:0 0 18px;display:flex;gap:8px}.segmented legend{font-size:.875rem;color:#566e79;margin-bottom:8px}.segmented label{padding:8px 10px;background:#f0f5f6;border-radius:7px;font-size:.875rem;font-weight:400;flex:1;cursor:pointer}.segmented input{accent-color:var(--green);margin-right:4px}details{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}summary{cursor:pointer;font-weight:600;font-size:.9375rem}summary span{font-weight:400;font-size:.875rem;color:#6a7b85}details .fields{margin-top:18px}.results #result-content{display:grid;gap:18px}.profit-panel{background:#0d7669;color:#fff;border-radius:15px;padding:28px;box-shadow:0 7px 22px #0d766915}.eyebrow{font-size:.9375rem;opacity:.9}.main-number{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.03em;margin:8px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.main-number small{font-size:.9375rem;letter-spacing:0;font-weight:400}.profit-cny{font-size:1.0625rem;color:#e1f0b3;margin-top:5px}.profit-meta{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #ffffff35;padding-top:14px;margin-top:18px;font-size:.875rem}.profit-panel p{font-size:.8125rem;opacity:.85;margin:14px 0 0}.profit-panel p span{font-size:.8125rem}.profit-panel.negative{background:#a33a37}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metric h3{margin:0;font-size:.9375rem;font-weight:600}.metric strong{display:block;font-size:1.65rem;letter-spacing:-.03em;margin-top:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric small{display:block;color:#6a7b85;font-size:.8125rem;margin-top:4px}.funding-number{font-size:1.9rem;font-weight:700;color:#143b4a;font-variant-numeric:tabular-nums}.funding-number small{font-size:.875rem;font-weight:400}.funding p{margin:4px 0 15px}.funding-track{height:9px;border-radius:9px;background:#e9eff1;overflow:hidden;margin:20px 0 10px}.funding-track div{height:100%;background:#0d7669;width:0;transition:width .2s}.funding-labels{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.875rem}.funding-labels strong{color:var(--red)}.funding .insight{background:#edf5f3;padding:12px 14px;border-radius:8px;margin-top:17px;font-size:.9375rem}.cost-chart{display:flex;height:18px;overflow:hidden;border-radius:4px;margin-bottom:18px;background:#edf1f3}.cost-chart>div{min-width:0}.cost-chart .purchase{background:#254957}.cost-chart .shipping{background:#679ba7}.cost-chart .other{background:#a4bbc4}.cost-chart .fixed{background:#ccd9dd}.cost-chart .profit{background:#88b744}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th{text-align:left;color:#647883;font-size:.8125rem;font-weight:500;padding:10px 8px;border-bottom:1px solid var(--line)}td{padding:11px 8px;border-bottom:1px solid #edf1f3;font-variant-numeric:tabular-nums}th:first-child,td:first-child{padding-left:0}td:not(:first-child),th:not(:first-child){text-align:right}td span{display:block;color:#6a7b85;font-size:.8125rem}tr.total td{font-weight:700;border-top:2px solid var(--line)}tr.profit-row td{font-weight:700;color:var(--green)}.neg{color:var(--red)!important}.thresholds{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.thresholds p{font-size:.875rem;margin:0}.thresholds b{display:block;margin-top:5px;font-size:1.125rem}.notice{margin:0;font-size:.875rem;color:#71571e;background:#fff7e5;border:1px solid #efdfb4;border-radius:9px;padding:14px 18px}.notice:empty{display:none}.comparison,.workflow{margin-top:24px}.comparison .helper{margin-bottom:16px}.comparison-table{min-width:760px}.comparison-table td{padding-top:16px;padding-bottom:16px}.comparison-table .current{background:#edf5f3}.comparison-table td:nth-child(4){font-weight:700;color:var(--green)}.workflow ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;counter-reset:steps;padding:0;margin:0}.workflow li{counter-increment:steps;border-top:2px solid #d5e4e4;padding-top:12px}.workflow li:before{content:counter(steps,decimal-leading-zero);font-size:.875rem;color:var(--green);font-weight:700;display:block;margin-bottom:6px}.workflow b{font-size:.9375rem}.workflow b span{font-size:.875rem;font-weight:400;color:#647883}.workflow p{font-size:.875rem;color:#647883;margin:9px 0 0}.assumptions{padding:24px 4px;color:#647883;max-width:1100px}.assumptions h2{font-size:.9375rem;margin-bottom:12px}.assumptions p{font-size:.8125rem;margin:8px 0}footer{text-align:center;font-size:.8125rem;color:#78909a;padding:0 20px 28px}#error{background:#fff0ef;color:#a12d2d;padding:16px;border:1px solid #eec6c1;border-radius:10px;margin-bottom:18px}[hidden]{display:none!important}.invalid #result-content,.invalid .comparison{opacity:.35;pointer-events:none}@media(max-width:950px){.workspace{grid-template-columns:minmax(310px,360px) minmax(0,1fr)}.panel{padding:20px}.metric-grid{grid-template-columns:1fr}.profit-panel{padding:23px}.funding-number{font-size:1.6rem}.thresholds{grid-template-columns:1fr}.profit-meta{gap:8px}.main-number{font-size:2rem}}@media(max-width:730px){header.top{padding:18px 16px;gap:12px}h1{font-size:1.2rem}header p{font-size:.8125rem}.badge{display:none}main{padding:18px 14px}.intro{align-items:flex-start;gap:12px}.intro p{font-size:.875rem}.intro button{padding:7px 9px;font-size:.8125rem}.intro button span{font-size:.75rem}.workspace{grid-template-columns:1fr;gap:20px}.metric-grid{grid-template-columns:1fr 1fr}.metric strong{font-size:1.4rem}.workflow ol{grid-template-columns:repeat(2,1fr)}.main-number{font-size:2.4rem}.profit-panel{padding:24px}.thresholds{grid-template-columns:1fr 1fr}}@media(max-width:380px){.fields{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr}.workflow ol{grid-template-columns:1fr}.thresholds{grid-template-columns:1fr}.intro{flex-direction:column}label>span{min-height:0}.main-number{font-size:2rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
span[data-language-copy]{font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;min-height:0;margin:0;display:inline}.radio-copy{display:inline}#language-select{margin-left:auto;color:white;background:#244451;border:1px solid #57717c;border-radius:9px;padding:10px 12px;font:inherit;min-width:112px;cursor:pointer}#language-select:focus-visible{outline:3px solid #b7d96a;outline-offset:3px}#language-select option{color:#172f37;background:white}.input-unit input{padding-right:90px}@media(max-width:730px){header.top{align-items:flex-start}.brand-mark{width:38px;height:38px;font-size:1.25rem}#language-select{min-width:100px;max-width:120px;padding:8px;font-size:.875rem;flex-shrink:0}header.top h1{font-size:1.0625rem}header.top p{font-size:.75rem}}html:not([data-language=vi]) span[lang=vi],html:not([data-language=vi]) .assumptions p[lang=vi]{display:none}
.workflow ol{gap:32px 38px}.workflow li{position:relative;border:0;padding:0}.workflow li:before{content:none}.flow-icon{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#eaf5f2;color:#0d7669;margin-bottom:16px;border:1px solid #d5e9e2}.flow-icon svg{width:28px;height:28px}.flow-number{position:absolute;right:-7px;bottom:-6px;background:#0d7669;color:white;border:3px solid white;border-radius:20px;min-width:29px;height:29px;display:grid;place-items:center;font-size:.75rem;font-weight:700}.flow-number:before{content:counter(steps,decimal-leading-zero)}.workflow li:not(:nth-child(3n)):after{content:'';position:absolute;left:78px;right:-14px;top:28px;height:7px;background:linear-gradient(#c3dcd5,#c3dcd5) left center/calc(100% - 6px) 1px no-repeat;clip-path:polygon(0 43%,calc(100% - 7px) 43%,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,calc(100% - 7px) 57%,0 57%);background-color:#c3dcd5}.workflow b{display:block;font-size:1rem;color:#173c46}.workflow p{line-height:1.7;margin-top:8px}.workflow li:nth-child(6) .flow-icon{background:#f0f6dd;color:#657c24;border-color:#e1eac5}@media(max-width:730px){.workflow ol{grid-template-columns:1fr;gap:24px}.workflow li{padding-left:78px;min-height:72px}.flow-icon{position:absolute;left:0;top:0;margin:0}.workflow li:not(:nth-child(3n)):after{content:none}.workflow li:not(:last-child):after{content:'';position:absolute;left:28px;top:68px;bottom:-15px;right:auto;width:1px;height:auto;background:#c3dcd5;clip-path:none}.workflow b{padding-top:2px}.workflow li:last-child{min-height:58px}}
/* PWA install controls */
.input-unit b{font-size:.6875rem}
.brand-copy{min-width:0}.install-app{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;background:#b9da69;color:#122f3b;border:0;font-weight:700;padding:10px 14px}.install-app svg{width:19px;height:19px;flex:none}.install-app:hover{background:#c8e584}.install-app:focus-visible{outline:3px solid white;outline-offset:3px}.top #language-select{margin-left:0}.install-help{width:min(420px,calc(100vw - 32px));border:1px solid #dce5e9;border-radius:18px;padding:26px;color:#172f37;box-shadow:0 20px 70px #102a3650}.install-help::backdrop{background:#0c202bb0}.install-help form{position:absolute;top:8px;right:8px}.dialog-close{border:0;background:transparent;font-size:1.6rem;padding:4px 10px;color:#617781}.install-dialog-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#eaf5f2;color:#0d7669;font-size:1.7rem;font-weight:700}.install-help h2{margin:16px 32px 8px 0}.install-help p{color:#536a74;line-height:1.7;white-space:pre-line;margin:0}.dialog-ok{margin-top:20px;background:#0d7669;color:#fff;border-color:#0d7669;width:100%}@media(max-width:730px){header.top{flex-wrap:wrap;align-items:center}.brand-copy{flex:1}.install-app{margin-left:50px;padding:8px 10px;font-size:.8125rem}.top #language-select{margin-left:auto}.brand-mark{align-self:flex-start}}
/* Explicit, device-local parameter save controls */
.intro-actions{display:grid;gap:5px;justify-items:end;max-width:50%}.intro-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.intro-buttons #save-params{background:#0d7669;color:#fff;border-color:#0d7669;font-weight:700}.intro-buttons #save-params:hover{background:#0a6258}.save-status{margin:0;text-align:right;font-size:.75rem;line-height:1.4;color:#48636d}.save-status:empty{display:none}.save-status.is-error{color:#a12d2d}@media(max-width:730px){.intro-actions{max-width:100%;justify-items:start}.intro-buttons{justify-content:flex-start}.save-status{text-align:left}}
@media(max-width:730px){header.top{display:grid;grid-template-columns:38px minmax(0,1fr) 38px auto;grid-template-rows:38px;align-items:center;gap:8px;padding:9px 14px}.brand-mark{grid-column:1;grid-row:1;width:38px;height:38px;border-radius:10px;font-size:1.2rem;align-self:center}.brand-copy{grid-column:2;grid-row:1;min-width:0}.brand-copy h1{font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-copy p{font-size:.6875rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 0}.install-app{grid-column:3;grid-row:1;width:38px;height:38px;min-width:0;margin:0;padding:8px;gap:0}.install-app svg{width:20px;height:20px}.install-app #install-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header.top #language-select{grid-column:4;grid-row:1;width:auto;min-width:80px;max-width:92px;height:38px;margin:0;padding:5px 7px;font-size:.8125rem}main{padding:12px 14px}.intro{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px}.intro>p{font-size:.875rem;line-height:1.4}.intro-actions{width:100%;max-width:100%;justify-items:start;gap:3px}.intro-buttons{justify-content:flex-start;gap:6px}.intro-buttons button{min-height:38px;padding:6px 11px}.save-status{text-align:left;font-size:.6875rem}}@media(max-width:350px){header.top{grid-template-columns:34px minmax(0,1fr) 34px 76px;gap:6px;padding-left:10px;padding-right:10px}.brand-mark{width:34px;height:34px}.install-app{width:34px;height:34px;padding:7px}header.top #language-select{min-width:76px;max-width:76px;padding:5px;font-size:.75rem}.brand-copy h1{font-size:.9375rem}}

/* Compact the mobile header and actions while keeping the title readable. */