:root{--ink:#10243b;--muted:#65788c;--line:#d8e3ed;--blue:#165f9d;--blue2:#2b7ec1;--mint:#28c99a;--paper:#fff;--soft:#edf5fb;--orange:#f19a3e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f7fa;color:var(--ink);font:15px/1.65 Inter,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button,a{transition:transform .16s,box-shadow .16s,opacity .16s}button:not(:disabled):active,a:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.42;filter:grayscale(.35);box-shadow:none!important}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.brand,.back{color:#173a5b;text-decoration:none;font-weight:850}.brand{display:flex;align-items:center;gap:10px}.brand i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--ink);color:#fff;font-style:normal}.back{padding:9px 14px;border:1px solid #b9c9d7;border-radius:8px}.hero{padding:54px 0 62px;background:radial-gradient(circle at 20% 15%,#d9f7ed 0,transparent 31%),linear-gradient(145deg,#f9fcff,#e7f1f8)}.hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr);gap:34px;align-items:stretch}.intro-card,.rental-card{border:1px solid #cddde9;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 22px 55px rgba(19,55,86,.11)}.intro-card{overflow:hidden}.intro-card img{width:100%;height:265px;display:block;object-fit:cover}.intro-copy{padding:25px 28px 30px}.eyebrow{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.12em}.intro-copy h1{margin:9px 0 12px;font-size:clamp(31px,4vw,47px);line-height:1.12;letter-spacing:-.035em}.intro-copy p{margin:0;color:var(--muted)}.intro-points{margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none}.intro-points li{padding:9px 11px;border-radius:8px;background:#eef6fb;color:#28516f;font-size:12px;font-weight:750}.rental-card{padding:26px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-title h2{margin:2px 0 3px;font-size:25px}.section-title p{margin:0;color:var(--muted);font-size:12px}.live-pill{padding:6px 10px;border-radius:999px;background:#e5f8f1;color:#13775b;font-size:10px;font-weight:900;white-space:nowrap}.mode-switch,.service-tabs{margin:20px 0 17px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-switch button,.service-tabs button,.count-options button{min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #cbd9e5;border-radius:9px;background:#fff;color:#31536d;font-weight:850;cursor:pointer}.mode-switch button.active,.service-tabs button.active,.count-options button.active{border-color:var(--blue);background:#e8f2fa;color:#104b7e;box-shadow:0 0 0 3px rgba(22,95,157,.09)}.direct-box{padding:20px;border:1px solid #cfe5dd;border-radius:13px;background:#f0faf6}.rates{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rate{padding:13px;border-radius:9px;background:#fff}.rate span,.field span,.summary span{display:block;color:var(--muted);font-size:11px}.rate b{font-size:17px}.receive{margin-top:12px;padding:14px;border-radius:9px;background:#102f49;color:#fff}.receive code,.pay-address code{display:block;margin:5px 0;overflow-wrap:anywhere;font-size:14px}.copy-btn{min-height:38px;padding:0 14px;border:0;border-radius:7px;background:#75e6bc;color:#102f49;font-weight:900;cursor:pointer}.form{display:grid;gap:13px}.field{display:grid;gap:7px}.field input{width:100%;height:50px;padding:0 14px;border:1px solid #bccfdd;border-radius:9px;background:#fff;color:var(--ink);outline:none}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,95,157,.1)}.count-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.summary{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;border-radius:9px;background:#edf5fb}.summary strong{font-size:20px;color:#164e79}.primary,.secondary,.danger{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-weight:900;cursor:pointer}.primary{border:1px solid var(--blue);background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 9px 20px rgba(22,95,157,.2)}.secondary{border:1px solid #b7c9d8;background:#fff;color:#235274}.danger{border:1px solid #e0b5ac;background:#fff4f1;color:#a14535}.feedback{min-height:22px;margin:3px 0;color:#b04435;font-size:12px;font-weight:800}.business{padding:70px 0}.business-head{max-width:760px}.business-head h2,.knowledge h2{margin:7px 0 9px;font-size:32px}.business-head p{color:var(--muted)}.service-tabs{grid-template-columns:repeat(3,1fr);margin-top:26px}.service-tabs button{min-height:80px;flex-direction:column;line-height:1.25}.service-tabs small{margin-top:5px;color:var(--muted);font-size:10px}.service-tabs button.active small{color:#39719d}.operation{margin-top:13px;padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(20,52,80,.06)}.operation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.55fr);gap:25px}.operation h3{margin:0 0 5px;font-size:23px}.operation p{margin:0 0 18px;color:var(--muted)}.mode-note{padding:18px;border-radius:12px;background:#eef6fb}.mode-note strong{display:block;margin-bottom:6px}.mode-note ul{margin:8px 0 0;padding-left:18px;color:#526c82;font-size:12px}.login-box{padding:20px;border:1px solid #c9ddea;border-radius:12px;background:#f5faff}.balance{margin:13px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.balance span{padding:11px;border-radius:8px;background:#fff;color:var(--muted);font-size:10px}.balance b{display:block;color:var(--ink);font-size:15px}.checkout{margin-top:18px;padding:20px;border:1px solid #bcd5e5;border-radius:14px;background:#f7fbfe}.checkout-head{display:flex;align-items:center;justify-content:space-between}.checkout-head h3{margin:0}.status{padding:5px 9px;border-radius:999px;background:#fff0d9;color:#9a5a0c;font-size:10px;font-weight:900}.checkout-grid{margin-top:14px;display:grid;grid-template-columns:.9fr 1.1fr;gap:13px}.order-data,.payment-data{padding:17px;border-radius:11px;background:#fff}.order-data dl{margin:0}.order-data div{padding:7px 0;display:flex;justify-content:space-between;gap:16px;border-bottom:1px dashed #dfe7ed}.order-data dt{color:var(--muted);font-size:11px}.order-data dd{margin:0;text-align:right;font-weight:800;overflow-wrap:anywhere}.credential{margin-top:12px;padding:10px;border-radius:8px;background:#f1f5f8}.credential code{display:block;overflow-wrap:anywhere;font-size:10px}.pay-amount{padding:14px;border-radius:9px;background:#102f49;color:#fff}.pay-amount span{display:block;color:#bcd2e1;font-size:10px}.pay-amount strong{font-size:24px}.pay-address{margin-top:10px;padding:14px;border:2px solid #2a7fbf;border-radius:9px;background:#eef7fd}.pay-address span{color:#2c6389;font-size:10px;font-weight:900}.checkout-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.checkout-actions button{flex:1}.knowledge{padding:65px 0;background:#eaf2f7}.knowledge-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.knowledge article{padding:23px;border:1px solid #d3e0e9;border-radius:13px;background:#fff}.knowledge h3{margin:6px 0 8px}.knowledge p{margin:0;color:var(--muted);font-size:12px}.steps{counter-reset:step}.steps article h3:before{counter-increment:step;content:"0" counter(step);margin-right:8px;color:var(--blue);font-size:11px}.faq{padding:60px 0}.faq article{padding:17px 0;border-bottom:1px solid var(--line)}.faq h3{margin:0 0 5px;font-size:16px}.faq p{margin:0;color:var(--muted)}footer{padding:25px 0;background:#10283d;color:#bcd0df}footer .wrap{display:flex;justify-content:space-between;gap:15px}footer a{color:#fff}.hidden{display:none!important}
@media(max-width:900px){.hero-grid,.operation-grid{grid-template-columns:1fr}.intro-card img{height:230px}.knowledge-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:min(100% - 24px,1160px)}.nav{height:60px}.back{padding:7px 10px}.hero{padding:22px 0 35px}.intro-card,.rental-card{border-radius:14px}.intro-copy,.rental-card,.operation{padding:18px}.intro-card img{height:190px}.intro-points{grid-template-columns:1fr}.section-title{display:block}.live-pill{display:inline-block;margin-top:8px}.count-options{grid-template-columns:repeat(3,1fr)}.service-tabs{grid-template-columns:1fr}.service-tabs button{min-height:62px}.business{padding:46px 0}.business-head h2,.knowledge h2{font-size:27px}.checkout-grid,.knowledge-grid{grid-template-columns:1fr}.checkout-actions{display:grid}.rates{grid-template-columns:1fr}.summary{align-items:flex-start;flex-direction:column}.pay-amount strong{font-size:20px}footer .wrap{flex-direction:column}.intro-copy h1{font-size:32px}}
.nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.top-gap{margin-top:10px}
.rate small{display:block;margin-top:4px;color:#6b7d8d;font-size:10px;line-height:1.45}.rate.recommended{border:1px solid #f0b46f;background:#fff9f1}.rate.recommended b{color:#b76516}.energy-consumption-tip{margin:12px 0;padding:13px 14px;border:1px solid #efc58f;border-radius:9px;background:#fff8ed}.energy-consumption-tip strong{color:#9b5519;font-size:12px}.energy-consumption-tip p{margin:3px 0 0!important;color:#745d48!important;font-size:11px;line-height:1.6}
.hero-grid{align-items:start}.intro-card{align-self:start}
