.rent-page{background:#080c10}.rent-hero{height:500px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 35%,rgba(17,156,147,.22),transparent 28%)}.rent-head{width:min(var(--max),calc(100% - 48px));margin:55px auto 0;position:relative;z-index:2}.rent-head>small{font:700 10px "Space Grotesk";letter-spacing:.2em;color:var(--mint)}.rent-head h1{font-size:clamp(50px,6vw,78px);margin:15px 0}.rent-head p{max-width:600px;color:var(--muted);font-size:13px;line-height:1.8}.rent-layout{width:min(var(--max),calc(100% - 48px));margin:auto;padding:80px 0 110px;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:42px;align-items:start}.config-head{display:flex;gap:13px;align-items:start;padding-top:38px;margin:38px 0 18px;border-top:1px solid var(--line)}.config-head:first-child{margin-top:0;padding-top:0;border:0}.config-head>span{font:700 10px "Space Grotesk";color:var(--mint);margin-top:6px}.config-head h2{font-size:22px;margin:0}.config-head p{font-size:10px;color:#697680;margin:5px 0}.plan-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-card{position:relative;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer;transition:.2s}.plan-card:hover,.plan-card.selected{border-color:var(--mint);background:rgba(92,240,208,.055)}.plan-card input{position:absolute;opacity:0}.plan-card>small{font-size:9px;color:var(--mint)}.plan-card h3{font-size:17px;margin:8px 0 13px}.plan-specs{display:flex;gap:12px;flex-wrap:wrap}.plan-specs span{font:10px "Space Grotesk";color:#83909a}.plan-foot{display:flex;justify-content:space-between;align-items:end;margin-top:17px;padding-top:13px;border-top:1px solid var(--line)}.plan-foot span{font-size:9px;color:#65727c}.plan-foot b{font:700 26px "Space Grotesk";color:var(--mint)}.plan-foot b i{font-size:10px;font-style:normal;color:#6d7983}.system-config{display:grid;grid-template-columns:1fr 1fr;gap:10px}.system-config>label{padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.system-config label>span{display:block;font-size:10px;color:#71808a;margin-bottom:10px}.system-config select{width:100%;padding:12px;border:0;border-radius:5px;background:#090e12;color:#fff}.disk-picker{display:flex;align-items:center;gap:12px}.disk-picker input{flex:1;accent-color:var(--mint)}.disk-picker b{font:700 12px "Space Grotesk";white-space:nowrap}.disk-picker em{color:var(--mint);font-style:normal}.system-config small{display:block;color:#5f6c76;font-size:9px;margin-top:8px}.system-config small i{font-style:normal;color:var(--mint)}.term-list{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.term-card{padding:16px 11px;border:1px solid var(--line);border-radius:7px;background:var(--panel);cursor:pointer;position:relative}.term-card input{position:absolute;opacity:0}.term-card.selected{border-color:var(--mint);background:rgba(92,240,208,.055)}.term-card b{display:block;font-size:13px}.term-card small{color:#687580;font-size:10px}.term-card em{position:absolute;right:6px;top:6px;background:var(--mint);color:#06100e;font-style:normal;font-size:7px;padding:3px 5px;border-radius:3px}.service-note{margin-top:30px;padding:20px;border-left:2px solid var(--mint);background:rgba(92,240,208,.045)}.service-note b{font-size:13px}.service-note p{font-size:10px;color:#72808a;line-height:1.7;margin-bottom:0}.summary-card{position:sticky;top:25px;padding:26px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#131a20;box-shadow:0 30px 80px rgba(0,0,0,.35)}.summary-live{font-size:9px;color:#77848e}.summary-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint);margin-right:6px}.summary-card h2{font-size:25px;margin:9px 0 20px}.selected-plan{padding:13px;background:#0a0f13;border-radius:6px;display:flex;align-items:center;gap:11px}.selected-plan>span{width:43px;height:38px;border-radius:5px;background:rgba(92,240,208,.1);color:var(--mint);display:grid;place-items:center;font-size:9px}.selected-plan div{display:flex;flex-direction:column}.selected-plan b{font-size:12px}.selected-plan small{font-size:9px;color:#65717b;margin-top:3px}.summary-card dl{margin:18px 0}.summary-card dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px}.summary-card dt{color:#697681}.summary-card dd{margin:0;color:#d8dfe3}.summary-card dl .green dd{color:var(--mint)}.total{display:flex;justify-content:space-between;align-items:end;padding:18px 0}.total>span{font-size:12px;display:flex;flex-direction:column}.total small{font-size:9px;color:#66737d;margin-top:4px}.total strong{font:700 15px "Space Grotesk";color:var(--mint)}.total strong b{font-size:39px}.summary-card .btn{width:100%}.summary-card>p{text-align:center;color:#5f6b75;font-size:9px;line-height:1.6}.toast{position:fixed;left:50%;bottom:25px;z-index:60;transform:translate(-50%,25px);padding:11px 17px;background:#fff;color:#07110f;border-radius:5px;font-size:11px;opacity:0;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.infra-badges{display:flex;gap:9px;margin-top:24px;flex-wrap:wrap}.infra-badges>span{min-width:125px;padding:10px 13px;border:1px solid rgba(92,240,208,.15);border-radius:6px;background:rgba(8,15,18,.55);backdrop-filter:blur(8px)}.infra-badges small{display:block;color:#667680;font-size:8px}.infra-badges b{display:block;color:#dffbf5;font:600 11px "Space Grotesk","Noto Sans SC";margin-top:3px}
@media(max-width:900px){.rent-layout{grid-template-columns:1fr}.summary-card{position:relative;top:auto}.rent-head{width:calc(100% - 48px)}}@media(max-width:620px){.rent-hero{height:550px}.rent-head{width:calc(100% - 30px)}.infra-badges>span{min-width:calc(50% - 5px)}.rent-layout{width:calc(100% - 30px);padding:60px 0 80px}.plan-list,.system-config{grid-template-columns:1fr}.term-list{grid-template-columns:1fr 1fr}}
.plan-list{display:grid;grid-template-columns:1fr;gap:30px}.plan-group{padding:20px;border:1px solid var(--line);border-radius:10px;background:rgba(14,20,25,.45)}.plan-group-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px;padding-bottom:14px;border-bottom:1px solid var(--line)}.plan-group-head>div{display:flex;align-items:center;gap:9px}.plan-group-head span{font:700 9px "Space Grotesk";color:var(--mint)}.plan-group-head h3{font-size:16px;margin:0}.plan-group-head p{max-width:420px;margin:0;color:#6c7983;font-size:9px;line-height:1.6;text-align:right}.plan-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-group{border-color:rgba(92,240,208,.14)}.vps-group{border-color:rgba(101,167,255,.2);background:rgba(12,18,27,.55)}.vps-group .plan-group-head span,.plan-vps>small{color:#75b7ff}.plan-vps:hover,.plan-vps.selected{border-color:#75b7ff;background:rgba(69,137,221,.06)}
@media(max-width:900px){.plan-group-head{display:block}.plan-group-head p{text-align:left;margin-top:7px}}@media(max-width:620px){.plan-group{padding:14px}.plan-group-grid{grid-template-columns:1fr}}
.purchase-dialog{width:min(650px,calc(100% - 30px));padding:34px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.35)}.purchase-dialog::backdrop{background:rgba(5,11,14,.72);backdrop-filter:blur(8px)}.purchase-dialog>small{color:var(--mint);font:700 9px "Space Grotesk";letter-spacing:.18em}.purchase-dialog h2{font-size:28px;margin:9px 0}.purchase-dialog>p{color:var(--muted);font-size:11px}.purchase-close{position:absolute;right:18px;top:12px;border:0;background:none;color:#83909a;font-size:27px;cursor:pointer}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0}.qr-grid>div>span{display:block;font-size:11px;margin-bottom:8px}.qr-image{aspect-ratio:1;border:1px dashed var(--line);border-radius:9px;background:var(--bg);display:grid;place-items:center;text-align:center;overflow:hidden}.qr-image b{font-size:13px}.qr-image small{display:block;color:#687580;margin-top:-40%;font-size:9px}.qr-image img{width:100%;height:100%;object-fit:contain;background:#fff;padding:8px}.purchase-done{width:100%}
html[data-theme="light"] .rent-page{background:#f5f7f9}html[data-theme="light"] .rent-hero{background:radial-gradient(circle at 80% 35%,rgba(61,205,184,.18),transparent 28%),linear-gradient(145deg,#f8fbfc,#eaf4f3)}html[data-theme="light"] .infra-badges>span{background:rgba(255,255,255,.78);border-color:rgba(17,106,95,.15)}html[data-theme="light"] .infra-badges b{color:#19342f}html[data-theme="light"] .plan-group,html[data-theme="light"] .plan-card,html[data-theme="light"] .system-config>label,html[data-theme="light"] .term-card,html[data-theme="light"] .summary-card{background:#fff;box-shadow:0 12px 35px rgba(37,66,64,.055)}html[data-theme="light"] .vps-group{background:#f8fbff}html[data-theme="light"] .plan-card:hover,html[data-theme="light"] .plan-card.selected{background:#f0fbf8}html[data-theme="light"] .plan-vps:hover,html[data-theme="light"] .plan-vps.selected{background:#f0f6ff}html[data-theme="light"] .system-config select,html[data-theme="light"] .selected-plan{background:#f2f5f6;color:#172027}html[data-theme="light"] .service-note{background:#eaf8f5}html[data-theme="light"] .purchase-dialog{background:#fff;color:#172027}html[data-theme="light"] .qr-image{background:#f4f7f8}
@media(max-width:620px){.qr-grid{grid-template-columns:1fr}.purchase-dialog{padding:25px}.qr-image{max-height:280px}}
.contact-choices{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}.contact-choice{min-height:105px;padding:17px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:13px;text-align:left;cursor:pointer;transition:.2s}.contact-choice:hover{transform:translateY(-3px);border-color:var(--mint);box-shadow:0 12px 30px rgba(31,154,138,.12)}.contact-choice>span{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:#20b76a;color:#fff;font-weight:800}.qq-choice>span{background:#4b9cff}.contact-choice>div{display:flex;flex-direction:column}.contact-choice b{font-size:14px}.contact-choice small{color:var(--muted);font-size:9px;margin-top:4px}.contact-choice em{font-style:normal;color:var(--mint);font-size:18px}.qr-preview-dialog{width:min(720px,calc(100% - 30px));max-height:94vh;padding:30px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.4);overflow:auto}.qr-preview-dialog::backdrop{background:rgba(5,11,14,.78);backdrop-filter:blur(8px)}.qr-preview-dialog>small{color:var(--mint);font:700 9px "Space Grotesk";letter-spacing:.18em}.qr-preview-dialog h2{font-size:27px;margin:8px 0}.qr-preview-dialog>p{color:var(--muted);font-size:10px}.qr-close{position:absolute;right:17px;top:10px;border:0;background:none;color:#83909a;font-size:27px;cursor:pointer}.full-qr{margin:20px auto;width:min(100%,560px);background:#fff;border-radius:10px;overflow:hidden}.full-qr img{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain}.qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.qr-actions .btn{width:100%}html[data-theme="light"] .contact-choice{background:#f5f8f9}html[data-theme="light"] .qr-preview-dialog{background:#fff;color:#172027}
@media(max-width:620px){.contact-choices{grid-template-columns:1fr}.purchase-dialog,.qr-preview-dialog{padding:23px}.qr-actions{grid-template-columns:1fr}.full-qr img{max-height:65vh}}