@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#172924;--green:#c8ef83;--dark:#142622;--muted:#66796b;--line:#dce7d9;--bg:#f3f6ef;--mono:'Space Mono',monospace;--body:'DM Sans','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:14px var(--body);color:var(--ink)}button,input,select{font:inherit}button,a,select,.slider{cursor:pointer}a{color:#3a7045}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8bbd69;outline-offset:3px}
.topbar{height:76px;background:#fff;border-bottom:1px solid #e2eade;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,32px)}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:.04em}.brand-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--dark);color:var(--green);font-size:19px}.brand small{font:700 10px var(--mono);letter-spacing:.08em}.brand i{color:#aab9aa;font-style:normal;font-weight:400;margin:0 2px}.top-right{display:flex;align-items:center;gap:12px;color:#65796a;font-size:12px}.top-right a{margin-left:23px;color:#385441;text-decoration:none;font-weight:700}.header-dot,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#83ad54}
.page{max-width:1340px;margin:auto;padding:68px 40px 0}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.eyebrow{display:flex;align-items:center;gap:9px;color:#678d4a;font:700 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.intro h1{font-size:clamp(38px,4.4vw,61px);line-height:1.19;letter-spacing:-.045em;margin:20px 0 15px;font-weight:750}.intro h1 em{font-style:normal;color:#739954}.intro p,.panel-head p,.result-title p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.intro-aside{border-left:1px solid #ccd8ca;padding:2px 0 3px 20px;display:grid;gap:12px;min-width:190px}.intro-aside span,.intro-aside small{font:10px var(--mono);color:#778c7b;line-height:1.8}.intro-aside b{font-size:15px;line-height:1.6}
.dashboard{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(0,1.2fr);gap:24px;align-items:start}.panel{background:#fff;border:1px solid #e1e9de;border-radius:15px}.inputs-panel{padding:28px 32px}.panel-head,.result-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.step{display:inline-grid;place-items:center;background:#eaf2df;color:#638b40;border-radius:5px;font:700 10px var(--mono);width:27px;height:23px;margin-bottom:11px}.panel-head h2,.result-title h2{font-size:20px;margin:0 0 5px;letter-spacing:-.03em}.panel-head p,.result-title p{font-size:12px}.panel-label{font:10px var(--mono);letter-spacing:.13em;color:#829688}.control-section{border-top:1px solid var(--line);padding-top:23px;margin-top:25px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:19px}.num{font:700 10px var(--mono);color:#879b89}.section-title strong{font-size:14px}.hint{margin-left:auto;font:9px var(--mono);letter-spacing:.1em;color:#829587}.field-label{display:block;color:#586e5e;font-size:12px;font-weight:600;margin:0 0 8px}.coin-label{margin-top:14px!important}.grid{display:grid;gap:17px 14px}.two{grid-template-columns:1fr 1fr}
select,.input-wrap{border:1px solid #d8e4d8;background:#f8faf7;border-radius:7px;min-height:46px;outline:none;width:100%}select{height:46px;padding:0 13px;font-weight:600;font-size:13px;color:var(--ink)}.input-wrap{display:flex;align-items:center;padding:0 12px}.input-wrap:focus-within,select:focus{border-color:#79a85c;box-shadow:0 0 0 3px #ddecce}.input-wrap input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-weight:600;font-size:14px;color:#253831}.input-wrap span{color:#687d6c;white-space:nowrap;font:11px var(--mono);margin-left:8px}.search input{font-size:13px}.search span{font-size:20px}.help,.data-note{color:#687c6d;font-size:12px;line-height:1.7;margin:10px 0 0}.data-note{color:#597a50}.electricity{padding-bottom:1px}.rate-top{display:flex;justify-content:space-between;align-items:center}.rate-input{display:flex;align-items:baseline;color:#192d26;font-weight:700}.rate-input>span{font-size:20px;margin-right:5px}.rate-input input{width:120px;border:0;outline:0;padding:0;background:transparent;font:700 35px var(--body);letter-spacing:-.04em;color:#20392d}.rate-input small{font:11px var(--mono);color:#708575}.slider{width:100%;height:5px;appearance:none;background:#dce8d4;border-radius:99px;margin:25px 0 9px;accent-color:#7caf4f}.slider::-webkit-slider-thumb{appearance:none;height:19px;width:19px;background:#719e47;border:4px solid #eaf3df;border-radius:50%;box-shadow:0 1px 5px #829d7140}.slider::-moz-range-thumb{height:11px;width:11px;background:#719e47;border:4px solid #eaf3df;border-radius:50%}.range-labels{display:flex;justify-content:space-between;color:#778d7b;font:10px var(--mono)}
.advanced{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.advanced summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:14px;font-weight:700}.advanced summary::-webkit-details-marker{display:none}.advanced summary .num{margin-right:9px}.chev{font-size:18px;color:#759467;line-height:1}.advanced[open] .chev{transform:rotate(45deg)}.advanced-body{padding-top:20px}.divider{height:1px;background:var(--line);margin:20px 0}.check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.check input{accent-color:#729f50}.advanced .grid{margin-top:14px}.hidden{display:none!important}
.hardware-summary{background:#f3f7f0;border:1px solid #e0eade;border-radius:9px;padding:15px}.hardware-summary>strong{font-size:18px;color:#284b31;word-break:break-word}.hardware-summary .help{margin:7px 0 0}.hardware-summary details{margin-top:12px}.hardware-summary summary{cursor:pointer;color:#3a7045;font-weight:700;font-size:12px}.hardware-list{margin-top:10px;border-top:1px solid #dce7d9}.hardware-row{display:flex;justify-content:space-between;align-items:start;gap:12px;padding:12px 0;border-bottom:1px solid #dce7d9}.hardware-row:last-child{border-bottom:0;padding-bottom:0}.hardware-row strong{font-size:12px}.hardware-kind{color:#66806a;font-size:10px}.hardware-spec{font-size:11px;color:#667b6a;line-height:1.7;margin-top:4px;word-break:break-word}.hardware-row a{font-size:11px;white-space:nowrap}.pue-label{margin-top:18px}
.results{min-width:0}.result-title{padding:4px 2px 20px}.result-title .light{background:#dfebd2}.live-badge{background:#e5efdc;color:#5c804c;border-radius:30px;padding:8px 11px;font-size:10px;font-weight:700;white-space:nowrap}.live-badge span{display:inline-block;width:6px;height:6px;background:#7cad51;border-radius:50%;margin-right:5px}.hero-result{background:var(--dark);border-radius:15px;color:#fff;padding:30px 32px 27px;overflow:hidden;position:relative}.hero-result:after{content:'';position:absolute;right:-70px;top:-120px;border:1px solid #ffffff0d;width:280px;height:280px;border-radius:50%;pointer-events:none}.hero-top{display:flex;justify-content:space-between;gap:10px;position:relative;z-index:1}.overline{font-size:12px;color:#bed0c0}.cost-value{font:700 clamp(32px,4.2vw,52px) var(--body);letter-spacing:-.05em;color:var(--green);margin:14px 0 5px;overflow-wrap:anywhere}.cost-sub{color:#aec3b2;font-size:12px;line-height:1.5}.coin-icon{width:54px;height:54px;flex:0 0 54px;border:1px solid #557056;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:25px}.result-rule{height:1px;background:#476050;margin:29px 0 22px}.hero-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero-bottom div{display:grid;gap:8px}.hero-bottom span{color:#aec3b2;font-size:11px}.hero-bottom strong{font:600 15px var(--body);overflow-wrap:anywhere}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.metric{background:white;border:1px solid #e1e9df;border-radius:10px;padding:16px;min-width:0;display:grid;gap:8px}.metric-icon{font-size:17px;color:#7c9e65}.metric>span:nth-child(2){font-size:12px;color:#667b6a}.metric strong{font-size:15px;overflow-wrap:anywhere}.metric small{color:#758977;font-size:11px;line-height:1.5}.cost-breakdown{background:#fff;border:1px solid #e1e9df;border-radius:10px;padding:22px 24px;margin-top:12px}.break-head{display:flex;justify-content:space-between;align-items:end}.dark{color:#69856d;font-size:9px}.break-head h3{font-size:15px;margin:8px 0 0}.total{font:700 12px var(--mono);color:#42574a}.source-box{display:flex;gap:12px;background:#e8f0e4;border-radius:9px;padding:16px 18px;margin-top:12px;color:#506c55}.source-icon{font-size:18px;color:#64865a}.source-box strong{font-size:12px;color:#3c5e41}.source-box p{font-size:12px;line-height:1.75;margin:5px 0 0}.source-box a{color:#37683c}
.method{display:grid;grid-template-columns:.7fr 1.6fr;gap:50px;padding:95px 0 85px}.method h2{font-size:27px;letter-spacing:-.04em;margin:14px 0}.method>div>p{font-size:12px;color:#667c69;line-height:1.9;max-width:250px}.method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.method-cards article{border-left:1px solid #d3dfd1;padding:4px 0 0 17px}.method-cards article span{font:10px var(--mono);color:#7f9581}.method-cards h3{font-size:13px;margin:20px 0 8px}.method-cards p{font-size:12px;color:#667c69;line-height:1.8;margin:0}footer{border-top:1px solid #dfe8db;padding:28px max(6vw,32px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#728575;font-size:11px}.foot-brand{font-size:15px;color:#536753}.foot-brand .brand-icon{height:28px;width:28px;font-size:14px}.foot-brand small{font-size:8px}
@media(max-width:1000px){.dashboard{grid-template-columns:1fr 1.1fr}.inputs-panel{padding:25px 23px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{min-height:110px}.method{gap:25px}.hero-bottom strong{font-size:13px}}
@media(max-width:760px){.topbar{height:65px;padding:0 20px}.top-right span:not(.header-dot){display:none}.top-right a{margin-left:0}.page{padding:48px 18px 0}.intro{margin-bottom:32px}.intro-aside{display:none}.intro h1{font-size:39px}.intro p{font-size:13px}.dashboard{grid-template-columns:1fr;gap:26px}.result-title{padding-top:3px}.metric-grid{grid-template-columns:repeat(2,1fr)}.method{grid-template-columns:1fr;padding:70px 0 60px;gap:22px}.method>div>p{max-width:none}.method-cards{gap:10px}.method-cards article{padding-left:11px}.method-cards h3{margin-top:12px}footer{padding:25px 20px;flex-wrap:wrap}footer>span:last-child{display:none}}
@media(max-width:390px){.hero-result{padding:25px 20px}.hero-bottom{gap:7px}.hero-bottom strong{font-size:12px}.inputs-panel{padding:24px 19px}.method-cards{grid-template-columns:1fr}.method-cards article{padding-bottom:10px}.two{grid-template-columns:1fr}}

.scenario-controls{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 14px}
.scenario-controls.hidden{display:none}
.scenario-controls button{border:1px solid #d5e0cf;background:#fff;border-radius:8px;padding:8px 11px;color:#425b49;font:inherit;font-size:12px;cursor:pointer}
.scenario-controls button.active{background:#18382c;border-color:#18382c;color:#fff}
.scenario-controls button:focus-visible{outline:2px solid #79a459;outline-offset:2px}
.dag-note{border-left:3px solid #93b278;padding-left:10px;color:#566a50}

.support-card{display:flex;align-items:flex-start;gap:18px;background:#e5efdc;border:1px solid #d5e4ce;border-radius:14px;padding:24px 28px;margin:0 0 48px}
.support-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#d3e6c3;color:#456b3f;font-size:23px}
.support-copy h2{font-size:19px;letter-spacing:-.02em;margin:7px 0 8px}.support-copy p{font-size:13px;line-height:1.75;color:#607761;margin:0 0 12px}.support-eyebrow{font:700 9px var(--mono);letter-spacing:.12em;color:#668657}.support-status{font-size:12px;color:#70836e}
@media(max-width:760px){.support-card{padding:20px;margin-bottom:36px}.support-copy h2{font-size:17px}}
.support-copy{min-width:0;flex:1}.support-networks{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.support-networks span{background:#f5faf2;border:1px solid #d5e4ce;border-radius:7px;padding:7px 9px;font-size:11px;color:#47634c}.support-networks b{font-weight:700;margin-left:4px}.support-address-label{display:block;font-size:12px;font-weight:700;color:#506a53;margin-bottom:7px}.support-address{display:flex;gap:8px;max-width:630px}.support-address input{min-width:0;flex:1;border:1px solid #cbdcc8;border-radius:7px;background:#fff;padding:11px;color:#263d2d;font:12px var(--mono)}.support-address button{flex:0 0 auto;border:0;border-radius:7px;background:#294e35;color:#fff;padding:10px 14px;font-weight:700;font-size:12px}.support-copy .support-warning{font-size:11px;color:#607761;margin:9px 0 2px}.support-status{min-height:18px;display:block}.support-address input:focus{outline:2px solid #79a459;outline-offset:2px}
@media(max-width:480px){.support-card{gap:12px}.support-icon{width:36px;height:36px;flex-basis:36px}.support-address{flex-direction:column}.support-address input{width:100%;font-size:11px}.support-address button{align-self:flex-start}}
.language-select{height:32px;min-height:32px;width:auto;padding:0 8px;font-size:12px;background:#f7faf5}.language-label{font-size:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
[dir="rtl"] .intro-aside{border-left:0;border-right:1px solid #ccd8ca;padding:2px 20px 3px 0}[dir="rtl"] .hint{margin-left:0;margin-right:auto}[dir="rtl"] .top-right a{margin-left:0;margin-right:23px}[dir="rtl"] .support-address input,[dir="rtl"] #coinSearch,[dir="rtl"] .rate-input,[dir="rtl"] .input-wrap input{direction:ltr;text-align:left}[dir="rtl"] .support-networks span{direction:ltr}[dir="rtl"] .coin-icon{direction:ltr}@media(max-width:760px){[dir="rtl"] .top-right a{margin-right:0}.language-select{max-width:125px}}
.currency{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:90px}.currency-label{font-size:11px;color:#586e5e;font-weight:600}.currency-select{width:100%;min-height:36px;padding:5px 8px;font-size:12px}.fx-status{margin:10px 0 12px;overflow-wrap:anywhere}.fx-status a{color:#37683c}.rate-input span{font-size:12px;min-width:2.5em}
@media(max-width:480px){.rate-top{gap:8px;align-items:flex-start}.rate-input input{width:min(24vw,100px);font-size:27px}.currency{min-width:76px}.currency-select{padding:5px}}
