/* 远程 Mac mini 租赁页，沿用 style.css 的配色与组件，只补充本页独有的版块 */
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px;font-size:12px;color:var(--muted)}
.breadcrumb a{color:#bdcedc}
.breadcrumb a:hover{color:var(--mint)}
.mac-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#57dfea24,transparent 55%),radial-gradient(ellipse at 10% 0,#6af5d312,transparent 50%)}
.mac-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;padding-block:44px 80px}
.mac-hero h1{margin-top:18px;font-size:50px;line-height:1.15;letter-spacing:-1.8px}
.mac-hero h1 span{display:block;margin-top:14px;font-size:24px;font-weight:500;letter-spacing:-.4px;color:#bfe9e3}
.mac-hero-lead{max-width:540px;margin-top:20px;font-size:14px;line-height:2;color:#a9c0ce}
.mac-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.mac-hero-facts{display:flex;gap:34px;margin:36px 0 0;padding:24px 0 0;list-style:none;border-top:1px solid var(--line)}
.mac-hero-facts strong{display:block;font-size:26px;letter-spacing:-.6px;color:var(--text)}
.mac-hero-facts span{display:block;margin-top:4px;font-size:11.5px;color:#88a5b5}
.mac-hero-art{position:relative;padding-top:120px}
.mac-hero-art img{position:relative;z-index:1;display:block;width:100%;height:auto}
.remote-window{position:absolute;top:0;right:4%;width:58%;border:1px solid #35596c;border-radius:12px;background:#0c2032;box-shadow:0 24px 60px #0008;overflow:hidden}
.rw-top{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid #22465a;background:#102a3e;font-size:10.5px;color:#89a8b8}
.rw-top i{width:8px;height:8px;border-radius:50%;background:#ff6b5f}
.rw-top i:nth-child(2){background:#ffc542}
.rw-top i:nth-child(3){background:#3fd06a}
.rw-top span{margin-left:8px}
.rw-body{position:relative;display:block;height:150px;background:linear-gradient(140deg,#1d4e6b,#1a3150 55%,#3a2f5c)}
.rw-menubar{position:absolute;inset:0 0 auto;height:12px;background:#ffffff26}
.rw-term{position:absolute;left:12px;top:24px;padding:10px 12px;border-radius:7px;background:#08141fd9;font:11px/1.8 ui-monospace,Menlo,monospace;color:#d3f7ee}
.rw-term b{font-weight:400;color:var(--mint)}
.rw-dock{position:absolute;left:50%;bottom:8px;display:flex;gap:5px;padding:5px 8px;border-radius:9px;background:#ffffff2e;transform:translateX(-50%)}
.rw-dock i{width:14px;height:14px;border-radius:4px;background:#e9f1f6}
.rw-dock i:nth-child(2){background:var(--mint)}
.rw-dock i:nth-child(3){background:#7fb6ff}
.rw-dock i:nth-child(4){background:var(--gold)}
.mac-hero-art .mac-chip{z-index:2}
.mac-hero-art .chip-link{left:0;right:auto;top:52%}
.mac-hero-art .chip-solo{right:2%;bottom:8%}
.art-note{position:absolute;right:0;bottom:-18px;font-size:10px;color:#6d8a9b}
.value-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.value-grid article{padding:24px 20px;border:1px solid #234559;border-radius:16px;background:linear-gradient(160deg,#102c42,#0b2135)}
.value-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#6af5d314;border:1px solid #6af5d33a;color:var(--mint)}
.value-icon svg{width:21px;height:21px}
.value-grid h3{margin-top:18px;font-size:17px;letter-spacing:-.3px}
.value-grid p{margin-top:9px;font-size:12px;line-height:1.85;color:#9db4c3}
.mac-plans{background:#0b2337;border-block:1px solid var(--line)}
.mac-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mac-plan{display:flex;flex-direction:column;padding:28px;border:1px solid #294456;border-radius:18px;background:linear-gradient(155deg,#102c42,#0b2135)}
.mac-plan.featured{border-color:#4db7ac;background:radial-gradient(ellipse at 100% 0,#6af5d31f,transparent 60%),linear-gradient(145deg,#153d49,#0c283b 65%);box-shadow:0 24px 60px #0006}
.mac-plan-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.status-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#bfe9e3}
.status-pill i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #6af5d322}
.status-pill.pending{color:#d8cba9}
.status-pill.pending i{background:var(--gold);box-shadow:0 0 0 4px #edd09322}
.mac-plan h3{margin-top:22px;font-size:27px;letter-spacing:-.8px}
.spec-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}
.spec-chips li{padding:4px 10px;border:1px solid #2d5466;border-radius:7px;background:#0b2234;font-size:11.5px;color:#cfdde6}
.mac-price{flex:1;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.mac-price small{font-size:11.5px;color:#8fb0c0}
.mac-price strong{display:block;margin-top:4px;font-size:52px;line-height:1;letter-spacing:-2px}
.mac-price strong span{margin-right:4px;font-size:24px;letter-spacing:-1px;font-weight:500}
.mac-price em{margin-left:6px;font-size:13px;font-style:normal;font-weight:400;letter-spacing:0;color:#95adbf}
.mac-price p{margin-top:12px;font-size:11.5px;line-height:1.8;color:#88a5b5}
.mac-plan .button{width:100%;margin-top:22px}
.mac-plan.includes{background:#0c2234}
.mac-plan.includes h3{margin-top:0;font-size:21px}
.include-list{flex:1;display:grid;align-content:start;gap:13px;margin:20px 0 0;padding:0;list-style:none;font-size:13px;color:#d3e1ea}
.include-list li{display:flex;gap:10px;align-items:flex-start}
.include-list svg{flex:none;width:16px;height:16px;margin-top:2px;color:var(--mint)}
.include-list .no{color:#8aa3b3}
.include-list .no span{width:16px;text-align:center}
.gold-link{justify-content:flex-start;gap:6px;margin-top:22px;font-size:12px;color:var(--gold)}
.gold-link svg{width:14px;height:14px}
.mac-footnote{margin-top:20px;font-size:11px;line-height:1.9;color:#718fa3}
.scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.scene-grid article{padding:26px 22px;border-top:2px solid var(--mint);border-radius:2px 2px 14px 14px;background:linear-gradient(180deg,#10304566,transparent)}
.scene-grid svg{width:26px;height:26px;color:var(--mint)}
.scene-grid h3{margin-top:16px;font-size:18px}
.scene-grid p{margin-top:9px;font-size:12.5px;line-height:1.9;color:#9db4c3}
.mac-compare{background:#0b2337;border-block:1px solid var(--line)}
.mac-table{font-size:13px}
.mac-table thead th{font-size:14px;font-weight:650;color:var(--text)}
.mac-table thead th small{display:block;margin-top:3px;font-size:11px;font-weight:400;color:#86a3b3}
.mac-table tbody th{font-weight:550;color:#cfdde6;white-space:nowrap}
.mac-table td{line-height:1.7;color:#a9bfcc}
.mac-table .hl{background:#6af5d30d;color:#e6f5f2}
.mac-table thead .hl,.mac-table thead .hl small{color:var(--mint)}
.flow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:none}
.flow-steps li{position:relative;padding:22px 18px;border:1px solid #234559;border-radius:15px;background:#0c2336}
.flow-steps span{font-size:13px;font-weight:700;color:var(--mint)}
.flow-steps h3{margin-top:12px;font-size:16px}
.flow-steps p{margin-top:8px;font-size:12px;line-height:1.85;color:#9db4c3}
.reserve-form fieldset{margin:20px 0 0;padding:0;border:0}
.reserve-form legend{margin-bottom:10px;font-size:12px;color:#8fb0c0}
.choice{display:flex;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;border:1px solid #2f5062;border-radius:10px;cursor:pointer;transition:border-color .2s,background .2s}
.choice:has(input:checked){border-color:var(--mint);background:#6af5d30f}
.choice input{accent-color:var(--mint)}
.choice strong{display:block;font-size:13px}
.choice small{display:block;margin-top:2px;font-size:11.5px;color:#8fb0c0}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags label{cursor:pointer}
.tags input{position:absolute;opacity:0;pointer-events:none}
.tags span{display:inline-block;padding:7px 14px;border:1px solid #2f5062;border-radius:999px;font-size:12px;color:#c3d4de;transition:border-color .2s,background .2s,color .2s}
.tags input:checked+span{border-color:var(--mint);background:#6af5d31c;color:var(--mint)}
.tags input:focus-visible+span{outline:2px solid var(--mint);outline-offset:2px}
.reserve-form .wechat-box{margin-top:22px}
.reserve-form .modal-actions .button{flex:1}
.reserve-form .modal-actions svg{width:17px;height:17px}
@media(max-width:1150px){.value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.mac-hero h1{font-size:42px}}
@media(max-width:860px){.mac-hero-grid{grid-template-columns:1fr;padding-bottom:60px}.mac-hero-art{max-width:520px;width:100%;margin-inline:auto}.mac-plan-grid{grid-template-columns:1fr}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
.breadcrumb{margin-bottom:18px;font-size:11px}
.mac-hero-grid{gap:28px;padding-block:28px 50px}
.mac-hero h1{font-size:28px;letter-spacing:-1px}.mac-hero h1 span{font-size:18px}
.mac-hero-lead{font-size:13px}
.mac-hero-actions .button{flex:1}
.mac-hero-facts{gap:18px}.mac-hero-facts strong{font-size:20px}.mac-hero-facts span{font-size:10.5px}
.mac-hero-art{padding-top:90px}.remote-window{width:72%}.rw-body{height:110px}.rw-term{top:20px;font-size:9.5px;padding:7px 9px}
.value-grid{grid-template-columns:1fr 1fr;gap:10px}.value-grid article{padding:18px 15px}.value-grid h3{font-size:15px}.value-grid p{font-size:11.5px}
.value-grid article:last-child{grid-column:1/-1}
.mac-plan{padding:24px 20px}.mac-price strong{font-size:46px}
.scene-grid{grid-template-columns:1fr;gap:10px}.scene-grid article{padding:20px 18px}
.flow-steps{grid-template-columns:1fr;gap:10px}
.choice{padding:10px 12px}
}
.mac-price strong.tbd{font-size:36px;letter-spacing:-1px}
@media(max-width:640px){.mac-price strong.tbd{font-size:32px}}