*{box-sizing:border-box} :root{font-family:Arial,Helvetica,sans-serif;color:#14273d;background:#f2f5f8;font-size:16px;line-height:1.5;color-scheme:light}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:#19637d}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1689b0;outline-offset:3px}input:focus,select:focus{outline:2px solid #1689b0;outline-offset:1px}header{height:80px;background:#fff;border-bottom:1px solid #dce3eb;display:flex;align-items:center;gap:25px;padding:0 max(24px,calc((100vw - 1400px)/2))}.brand{font-weight:900;font-size:24px;letter-spacing:1px;text-decoration:none;color:#11273d}.brand span{color:#d89312}.product-name{font-size:13px;letter-spacing:2px;color:#65758a;border-left:1px solid #d5dfe9;padding-left:25px}.workspace{margin-left:auto;text-decoration:none;font-size:14px}main{max-width:1450px;margin:auto;padding:40px 25px 50px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#7c6428;margin:0 0 9px}h1{font-size:clamp(30px,3.4vw,46px);line-height:1.15;letter-spacing:-1.4px;margin:0 0 12px}p{margin:0 0 14px}.intro p:last-child{color:#617287;margin:0}.version,.badge{font-size:12px;background:#e4ebf1;border-radius:5px;padding:5px 9px;color:#40566c;white-space:nowrap}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,1fr);gap:25px;align-items:start}.inputs,.results{display:grid;gap:22px}.card{background:white;border:1px solid #dde5ed;border-radius:14px;padding:26px;min-width:0}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:21px;flex-wrap:wrap}.section-title h2{font-size:20px;line-height:1.3;margin:0;letter-spacing:-.4px}.step{font-size:12px;font-weight:bold;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#edf2f7;color:#546a80}.muted{color:#6c7e91;font-size:13px;margin-left:auto}.mode-group{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode{background:white;border:1px solid #d3dfe8;border-radius:9px;text-align:left;padding:15px 12px;min-width:0;color:#1b334b}.mode span{font-size:16px;font-weight:bold;display:block}.mode small{display:block;color:#65788a;font-size:12px;margin-top:5px}.mode.active{background:#10283f;border-color:#10283f;color:#fff;box-shadow:inset 0 3px #f5b841}.mode.active small{color:#c4d4e1}.hint{color:#607186;font-size:14px;line-height:1.55;margin-top:14px}.add-row{display:flex;gap:10px}.add-row select{flex:1;min-width:0}.primary{background:#f3b743;border:1px solid #e8ab31;padding:10px 15px;color:#13263c;font-weight:bold;border-radius:7px;white-space:nowrap}.primary:hover{background:#fac963}select,input{width:100%;min-width:0;border:1px solid #ced9e2;border-radius:6px;background:#fff;color:#16314a;padding:10px 9px;height:44px}input:invalid{border-color:#c15746;background:#fff8f6}.load-head,.load-main{display:grid;grid-template-columns:minmax(110px,1fr) 85px 60px 88px 28px;gap:9px;align-items:center}.load-head{font-size:11px;letter-spacing:.6px;font-weight:bold;color:#708195;padding:7px 0}.load{border-top:1px solid #e8edf2;padding:15px 0}.load input{padding:9px 7px;font-size:14px}.remove{border:0;background:#f0f3f6;color:#68798b;border-radius:5px;width:28px;height:30px;font-size:20px}.remove:hover{background:#ffe4df;color:#8c2920}.load-meta{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:12px;color:#64778b;flex-wrap:wrap}.load-meta label{display:flex;align-items:center;gap:5px}.load-meta input[type=number]{height:29px;width:54px;padding:3px;font-size:12px}.load-meta input[type=checkbox]{width:16px;height:16px;accent-color:#18445d}.load-meta .energy{margin-left:auto}.load-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dfe7ed;padding-top:17px;margin-top:5px;font-size:14px}.load-total strong{font-size:21px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fields label{font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:7px}.fields small{font-size:12px;color:#748397;font-weight:normal}.card details{border-top:1px solid #e4eaf0;margin-top:20px;padding-top:16px}summary{cursor:pointer;font-size:14px;font-weight:bold;padding:3px 0}details[open]>summary{margin-bottom:18px}.result-card{background:#10263e;color:white;border-radius:14px;padding:28px}.result-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.result-heading .eyebrow{color:#f6bc50;margin:0}.result-heading>span{font-size:11px;letter-spacing:.8px;background:#284157;color:#ccd9e4;padding:4px 7px;border-radius:4px}.result-card h2{font-size:27px;line-height:1.2;letter-spacing:-.6px;margin:20px 0 10px}.result-sub{color:#9fb3c8;font-size:14px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.metric{padding:16px 14px;background:#1d354d;border:1px solid #304a63;border-radius:9px}.metric label{font-size:12px;color:#adc2d5;display:block;margin-bottom:5px}.metric strong{font-size:29px;font-weight:600;letter-spacing:-.7px}.metric strong small{font-size:14px;letter-spacing:0}.metric>small{display:block;font-size:12px;color:#c0d2e0;margin-top:3px}.metric:first-child{border-color:#987942}.metric:first-child strong{color:#ffd075}.result-foot{font-size:12px;color:#a1b6c9;margin:20px 0 0}.component{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #e7edf2}.component:first-child{padding-top:0}.component:last-child{border:0;padding-bottom:0}.component .number{font-size:12px;font-weight:bold;width:28px;height:28px;border:1px solid #d7e2eb;border-radius:6px;display:grid;place-items:center;color:#72869a}.component h3{font-size:15px;margin:0 0 3px}.component p{font-size:13px;color:#5d7286;margin:0;line-height:1.5}.notice{font-size:13px;color:#735528;background:#fff6e4;border-left:3px solid #e7b254;padding:12px;margin-bottom:10px}.notice:last-child{margin-bottom:0}.check{font-size:13px;color:#346776;background:#edf6f8;padding:12px;border-left:3px solid #4092a4;margin-bottom:10px}#errors{background:#fceae6;color:#7b2419;padding:14px;border-radius:7px;font-size:14px}#errors p{margin:4px 0}.diagram-card{margin:25px 0}.diagram-card .section-title h2{margin-right:auto}.secondary{border:1px solid #cddae4;color:#264963;background:white;border-radius:6px;font-size:13px;padding:8px 12px}.secondary:hover{background:#eef4f8}#diagram{overflow:auto;background-color:#f8fafc;background-image:radial-gradient(#d8e2ea 1px,transparent 1px);background-size:18px 18px;border:1px solid #e3ebf1;border-radius:8px;padding:12px}#diagram svg{width:100%;min-width:710px;display:block}.legend{display:flex;gap:24px;justify-content:center;font-size:12px;margin-top:16px;color:#526a80}.legend i{display:inline-block;height:3px;width:20px;vertical-align:middle;margin-right:7px}.dc{background:#c38b23}.storage{background:#187c85}.ac{background:#4977ad}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{font-size:12px;color:#688095;background:#f3f6f9}td,th{padding:14px;border-bottom:1px solid #e3eaf0;white-space:nowrap}.protection{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px}.protection h3{font-size:15px;margin:0 0 6px}.protection p{font-size:14px;color:#62748a;margin:0}.methodology{margin-top:24px}.methodology p{font-size:14px;color:#52667e}footer{display:flex;align-items:center;gap:30px;padding:25px max(24px,calc((100vw - 1400px)/2));background:#fff;border-top:1px solid #dce3eb;font-size:13px;color:#688095}footer>a:last-child{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.noscript{position:fixed;inset:0;background:white;padding:40px;font-size:24px}#empty{font-size:14px;color:#65758a;padding:25px 0} @media(max-width:1100px){.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(310px,.8fr)}.card{padding:19px}.load-head,.load-main{grid-template-columns:minmax(90px,1fr) 66px 48px 65px 28px;gap:5px}.load-head{font-size:10px}.mode{padding:12px 9px}.result-card{padding:23px}.metric strong{font-size:25px}}@media(max-width:850px){.workspace-grid{grid-template-columns:1fr}.results{grid-template-columns:1fr 1fr}.result-card{grid-column:1/-1}.metrics{grid-template-columns:repeat(4,1fr)}.result-card h2 br{display:none}.load-head,.load-main{grid-template-columns:minmax(100px,1fr) 85px 60px 88px 28px;gap:9px}.version{display:none}}@media(max-width:560px){header{height:66px;padding:0 17px;gap:12px}.brand{font-size:21px}.product-name{font-size:10px;letter-spacing:1px;padding-left:12px}.workspace{font-size:12px}main{padding:25px 13px}.intro{margin-bottom:22px}h1{letter-spacing:-.8px}.intro p:last-child{font-size:14px}.results{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.card{padding:17px}.fields{gap:14px}.mode small{font-size:11px}.mode span{font-size:14px}.add-row{flex-direction:column}.load-head,.load-main{grid-template-columns:minmax(78px,1fr) 62px 42px 60px 25px;gap:5px}.load input{font-size:13px;padding:5px 4px}.load-head{font-size:10px;letter-spacing:0}.remove{width:25px}.section-title h2{font-size:18px}.protection{grid-template-columns:1fr}.legend{gap:12px;font-size:11px}footer{padding:22px 17px;flex-wrap:wrap;gap:12px}footer>a:last-child{margin-left:0}.diagram-card .section-title{gap:9px}.diagram-card .section-title h2{flex:1}.diagram-card .secondary{flex:1}.load-meta{font-size:11px}}@media print{header .workspace,.add-row,.remove,.secondary,footer,.version{display:none!important}body{background:#fff;color:#000}main{max-width:none;padding:0}.workspace-grid{display:block}.inputs,.results{display:block}.card,.result-card{break-inside:avoid;margin-bottom:15px;border:1px solid #bbb;box-shadow:none}.result-card,.metric{background:white;color:#111}.metric strong,.metric:first-child strong,.metric label,.metric>small,.result-foot,.result-sub,.result-heading .eyebrow{color:#111}.metrics{grid-template-columns:repeat(4,1fr)}#diagram svg{min-width:0}.table-wrap,#diagram{overflow:visible}.methodology{display:block}.mode{color:#111}.mode.active{background:#eee;color:#111}.mode.active small{color:#333}header{height:55px}a{text-decoration:none;color:#111}.diagram-card{break-before:page}.hint{color:#333}}

/* v2: collapsible workspace and persistent live results */
.workspace-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);align-items:stretch}.results{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto;display:block;scrollbar-width:thin}.results .metrics{margin-top:17px}.result-card{padding:23px}.metric{padding:12px}.module>summary{display:flex;align-items:center;gap:12px;list-style:none;font-size:19px;line-height:1.3;margin:0;position:relative;padding-right:25px}.module>summary::-webkit-details-marker{display:none}.module>summary:after{content:'+';position:absolute;right:0;font-size:25px;color:#6d8298}.module[open]>summary:after{content:'−'}.module>summary small{display:block;margin-top:6px;font-size:13px;font-weight:400;color:#64798d}.module[open]>summary{margin-bottom:22px}.module .done{margin-top:18px}.wide{margin-top:25px}.quick-list,.loss-summary{padding-top:14px;margin-top:14px;border-top:1px solid #3b4f65}.quick-list>div,.loss-summary>div{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:7px}.quick-list small,.loss-summary small{display:block;color:#b0c3d4;font-size:12px;line-height:1.4}.loss-summary h3{margin:0 0 10px;font-size:15px;color:#ffd075}.result-link{display:block;text-align:center;background:#f3b743;color:#13283f;text-decoration:none;border-radius:6px;padding:10px;font-size:14px;font-weight:bold;margin-top:18px}.result-foot{margin-top:12px}.sunlight{background:#eff5f8;padding:17px;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sunlight small,.tilt small{display:block;font-size:11px;letter-spacing:.6px;color:#5e7185}.sunlight strong{display:block;font-size:27px;letter-spacing:-.7px}.sunlight strong span{font-weight:normal;font-size:13px;letter-spacing:0}.sunlight p{grid-column:1/-1;font-size:13px;color:#536c80;margin:0}.tilt{display:grid;grid-template-columns:1fr 1fr;gap:20px;border:1px solid #dfE7ed;border-radius:9px;padding:17px;margin-top:13px}.tilt strong{display:block;font-size:34px;line-height:1.3;color:#917023}.tilt span{display:block;font-size:13px;color:#526c82}.months{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:4px}.months>div{display:flex;flex-direction:column;align-items:center;font-size:10px;gap:5px}.months i{display:block;background:#e8ae42;width:70%;border-radius:3px 3px 0 0}.months b{font-size:10px;font-weight:normal}.load-main{grid-template-columns:minmax(90px,1fr) 62px 44px 68px 72px 25px;align-items:end;gap:6px}.load-main label{font-size:11px;color:#64798d;display:flex;flex-direction:column;gap:5px}.load-main input,.load-main select{height:39px;padding:5px;font-size:13px;color:#17334a}.load-main .remove{margin-bottom:4px}.load-meta{font-size:12px}.simple-label{display:flex;flex-direction:column;gap:8px;font-size:14px;max-width:330px}.diagram-toolbar{display:flex;gap:10px;flex-wrap:wrap}.diagram-card{margin:25px 0}.table-wrap td{white-space:normal;vertical-align:top}.table-wrap td:nth-child(1){min-width:70px}.table-wrap td:nth-child(2){min-width:150px}.table-wrap td:nth-child(3){min-width:250px}.table-wrap td:last-child{min-width:160px;font-size:13px;color:#64778b}.mobile-results{display:none}.module:not([open]){padding-top:20px;padding-bottom:20px}.methodology{margin-top:20px}.module{scroll-margin-top:20px}#shopping-module .secondary{margin-top:18px}#diagram svg{min-width:800px}.legend{flex-wrap:wrap}
@media(max-width:1100px){.workspace-grid{grid-template-columns:minmax(0,1fr) 330px}.load-main{grid-template-columns:1fr 1fr 1fr}.load-main label:first-child{grid-column:1/3}.load-main .remove{grid-column:3;justify-self:end}.module>summary{font-size:18px}.metric strong{font-size:24px}}
@media(max-width:850px){.workspace-grid{display:flex;flex-direction:column}.inputs{width:100%}.results{position:static;max-height:none;width:100%;overflow:visible}.metrics{grid-template-columns:repeat(4,1fr)}.mobile-results{display:block;position:fixed;bottom:12px;left:14px;right:14px;z-index:30;padding:13px;border:1px solid #587086;background:#10263e;color:#fff;box-shadow:0 3px 18px #11283f33;border-radius:9px;font-size:14px}footer{padding-bottom:85px}.load-main{grid-template-columns:minmax(100px,1fr) 80px 55px 85px 85px 25px}.load-main label:first-child{grid-column:auto}.load-main .remove{grid-column:auto}.results{scroll-margin-top:20px}}
@media(max-width:560px){.metrics{grid-template-columns:1fr 1fr}.load-main{grid-template-columns:1fr 1fr 1fr}.load-main label:first-child{grid-column:1/3}.load-main .remove{grid-column:3;justify-self:end}.load-main label{font-size:12px}.load-main input,.load-main select{font-size:14px}.sunlight{padding:13px}.sunlight strong{font-size:25px}.tilt{padding:13px;gap:12px}.module>summary{font-size:17px}.product-name{font-size:9px}.sunlight small,.tilt small{font-size:10px}.months{grid-template-columns:repeat(6,1fr);row-gap:12px}.intro h1{font-size:32px}.version{display:none}.legend{justify-content:flex-start}.table-wrap td{font-size:13px}}
@media print{.workspace-grid{display:block}.results{position:static;max-height:none;overflow:visible}.done,.diagram-toolbar,.mobile-results,.result-link,#download-list{display:none!important}.module>summary:after{display:none}.quick-list,.loss-summary{border-color:#ccc}.quick-list small,.loss-summary small,.loss-summary h3{color:#222}.metrics{grid-template-columns:repeat(4,1fr)}.module{break-inside:auto}.table-wrap{overflow:visible}table{font-size:11px}.table-wrap td{min-width:0!important;font-size:11px!important}td,th{padding:8px;white-space:normal}.diagram-card{break-before:page}#diagram svg{min-width:0;width:100%}.module>summary{font-size:18px}.monthly{display:block}.sunlight,.tilt{background:white}footer{display:none}}

/* v3 empty-state guidance */
input::placeholder{color:#9aa7b4;opacity:1}select:has(option[value=""]:checked){color:#8794a3}input[aria-invalid="true"],select[aria-invalid="true"]{border-color:#c9926d}.sunlight:empty,.tilt:empty{display:none}#print-list{margin:18px 10px 0 0}

.language-picker{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;white-space:nowrap}.language-picker select{width:165px;height:38px}.workspace{margin-left:8px}.city-field{grid-column:1/-1}#location-status{color:#6e5730;font-size:14px}html[lang="zh-CN"]{font-family:Arial,"Microsoft YaHei",sans-serif}@media(max-width:700px){header{height:auto;min-height:80px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}.product-name{display:none}.language-picker{margin-left:auto}.language-picker span{display:none}.language-picker select{width:142px}.workspace{font-size:11px}.mode-group{gap:5px}.mode span{font-size:13px}}@media print{.language-picker,#retry-location{display:none}}

#purchase-view{width:min(960px,96vw);height:94vh;max-height:94vh;padding:0;border:0;border-radius:12px}#purchase-view::backdrop{background:#10263eb3}.purchase-toolbar{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #ddd}.purchase-toolbar strong{margin-right:auto}#purchase-frame{width:100%;height:calc(100% - 68px);border:0;display:block}@media(max-width:600px){#purchase-view{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.purchase-toolbar{flex-wrap:wrap;padding:10px;gap:8px}.purchase-toolbar strong{font-size:14px}#purchase-frame{height:calc(100% - 90px)}}