.d4{--d4-bg:#0b0716;--d4-panel:#150d2b;--d4-card:#1c1240;--d4-ink:#f0ecff;--d4-muted:#9d92c4;--d4-purple:#8b5cf6;--d4-violet:#a855f7;--d4-cyan:#22d3ee;--d4-line:rgba(139,92,246,.2);font-family:PingFang TC,Microsoft JhengHei,Noto Sans TC,-apple-system,sans-serif;background:var(--d4-bg);color:var(--d4-ink);line-height:1.7;min-height:100vh}.d4 ::-moz-selection{background:rgba(139,92,246,.4)}.d4 ::selection{background:rgba(139,92,246,.4)}.d4-header{position:sticky;top:0;z-index:60;background:rgba(8,4,20,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--d4-line)}.d4-header-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px}.d4-logo{font-size:26px;font-weight:900;letter-spacing:2px;font-family:Segoe UI,system-ui,sans-serif}.d4-logo span{font-size:12px;letter-spacing:3px;margin-left:8px;color:var(--d4-muted)}.d4-nav{display:flex;gap:26px}.d4-nav a{font-size:14px;color:#c4badf;transition:color .2s}.d4-nav a:hover{color:var(--d4-cyan)}.d4-nav-cta{background:linear-gradient(90deg,var(--d4-purple),var(--d4-violet));color:#fff;font-weight:700;padding:9px 22px;border-radius:8px;font-size:14px;box-shadow:0 4px 18px rgba(139,92,246,.4);transition:box-shadow .2s,transform .2s}.d4-nav-cta:hover{box-shadow:0 6px 28px rgba(139,92,246,.65);transform:translateY(-1px)}.d4-hero{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden}.d4-hero-img{position:absolute;inset:0;background-size:cover;background-position:50%;filter:brightness(.6)}.d4-hero:before{background:linear-gradient(90deg,rgba(8,4,20,.93),rgba(8,4,20,.65) 55%,rgba(8,4,20,.3))}.d4-hero:after,.d4-hero:before{content:"";position:absolute;inset:0}.d4-hero:after{background:radial-gradient(700px 300px at 75% 30%,rgba(34,211,238,.14),transparent)}.d4-hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:40px 24px;width:100%}.d4-hero-tag{display:inline-block;border:1px solid var(--d4-cyan);color:var(--d4-cyan);font-size:12px;letter-spacing:4px;padding:5px 14px;border-radius:4px;font-weight:700}.d4-hero h1{font-size:clamp(40px,6.5vw,68px);font-weight:900;letter-spacing:2px;margin-top:20px;line-height:1.1}.d4-hero h1 span{background:linear-gradient(90deg,var(--d4-purple),var(--d4-violet),var(--d4-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.d4-hero p{margin-top:16px;color:#ded6f2;font-size:16px;max-width:500px;text-shadow:0 2px 12px rgba(0,0,0,.5)}.d4-hero-stats{display:flex;gap:30px;margin-top:28px;flex-wrap:wrap}.d4-hero-stat b{font-size:26px;font-weight:900;color:var(--d4-cyan);font-family:Segoe UI,monospace}.d4-hero-stat span{display:block;font-size:12.5px;color:var(--d4-muted)}.d4-hero-ctas{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}.d4-btn{display:inline-block;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:800;letter-spacing:1px;transition:all .2s}.d4-btn-primary{background:linear-gradient(90deg,var(--d4-purple),var(--d4-violet));color:#fff;box-shadow:0 8px 26px rgba(139,92,246,.4)}.d4-btn-primary:hover{box-shadow:0 10px 36px rgba(139,92,246,.65);transform:translateY(-2px)}.d4-btn-cyan{border:1.5px solid var(--d4-cyan);color:var(--d4-cyan)}.d4-btn-cyan:hover{background:rgba(34,211,238,.1)}.d4-section{max-width:1200px;margin:0 auto;padding:84px 24px}.d4-sec-head{margin-bottom:44px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.d4-kicker{color:var(--d4-cyan);font-size:12px;letter-spacing:4px;font-weight:700;text-transform:uppercase}.d4-sec-head h2{font-size:clamp(26px,3.6vw,36px);font-weight:900;margin-top:6px}.d4-sec-head p{color:var(--d4-muted);font-size:14.5px}.d4-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.d4-plan{position:relative;background:linear-gradient(160deg,var(--d4-card),#140b28);border:1px solid var(--d4-line);border-radius:18px;padding:30px 24px;transition:transform .25s,border-color .25s}.d4-plan:hover{transform:translateY(-6px);border-color:rgba(139,92,246,.6)}.d4-plan.hot{border-color:rgba(34,211,238,.55)}.d4-plan-badge{position:absolute;top:-12px;right:18px;background:linear-gradient(90deg,var(--d4-purple),var(--d4-cyan));color:#fff;font-size:11px;font-weight:800;padding:4px 14px;border-radius:999px;letter-spacing:1px}.d4-plan-icon{font-size:32px}.d4-plan h3{font-size:18px;font-weight:800;margin-top:12px}.d4-plan .d4-spec{font-size:12px;color:var(--d4-muted);letter-spacing:1px}.d4-plan-price{margin:16px 0}.d4-plan-price b{font-size:32px;font-weight:900;color:var(--d4-cyan);font-family:Segoe UI,sans-serif}.d4-plan-price span{font-size:13px;color:var(--d4-muted)}.d4-plan ul{list-style:none;display:grid;gap:8px;margin-bottom:20px}.d4-plan li{font-size:13.5px;color:#c9c0e2;display:flex;gap:8px}.d4-plan li:before{content:"▸";color:var(--d4-violet)}.d4-plan-btn{display:block;text-align:center;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.4);color:#d6ccff;border-radius:10px;padding:11px;font-size:14px;font-weight:700;transition:all .2s}.d4-plan-btn:hover{background:var(--d4-purple);color:#fff}.d4-rig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.d4-rig-card{border-radius:18px;overflow:hidden;background:var(--d4-panel);border:1px solid var(--d4-line);transition:transform .25s,border-color .25s}.d4-rig-card:hover{transform:translateY(-5px);border-color:rgba(34,211,238,.45)}.d4-rig-img{height:210px;background-size:cover;background-position:50%}.d4-rig-body{padding:22px}.d4-rig-body h3{font-size:18px;font-weight:800;display:flex;justify-content:space-between}.d4-rig-body h3 span{color:var(--d4-cyan);font-size:15px}.d4-rig-body p{color:var(--d4-muted);font-size:13.5px;margin-top:8px}.d4-rig-specs{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.d4-spec-tag{background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.25);color:#cfc4ef;font-size:11.5px;padding:3px 10px;border-radius:999px}.d4-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.d4-gallery div{height:240px;border-radius:16px;background-size:cover;background-position:50%}.d4-page-hero{padding:76px 24px 44px;text-align:center}.d4-page-hero h1{font-size:clamp(30px,4.6vw,46px);font-weight:900;letter-spacing:3px}.d4-page-hero p{color:var(--d4-muted);margin-top:8px}.d4-form{max-width:680px;margin:0 auto;display:grid;gap:16px;background:var(--d4-panel);border:1px solid var(--d4-line);border-radius:20px;padding:36px}.d4-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.d4-field label{display:block;font-size:13px;color:#c4badf;margin-bottom:6px}.d4-field input,.d4-field select,.d4-field textarea{width:100%;padding:12px 14px;background:hsla(0,0%,100%,.05);border:1px solid var(--d4-line);border-radius:10px;color:var(--d4-ink);font-size:15px}.d4-field input:focus,.d4-field select:focus,.d4-field textarea:focus{outline:none;border-color:var(--d4-purple);box-shadow:0 0 0 3px rgba(139,92,246,.2)}.d4-field select option{background:var(--d4-bg)}.d4-form-submit{background:linear-gradient(90deg,var(--d4-purple),var(--d4-violet));color:#fff;border:0;border-radius:12px;padding:16px;font-size:16px;font-weight:800;letter-spacing:1px}.d4-form-note{font-size:12.5px;color:var(--d4-muted);text-align:center}.d4-success{max-width:620px;margin:40px auto;text-align:center;background:var(--d4-panel);border:1px solid rgba(34,211,238,.4);border-radius:20px;padding:54px 30px}.d4-success .d4-ok{font-size:50px}.d4-success h3{font-size:24px;font-weight:900;margin-top:12px}.d4-success p{color:var(--d4-muted);margin-top:8px}.d4-footer{background:#070410;border-top:1px solid var(--d4-line)}.d4-footer-inner{max-width:1200px;margin:0 auto;padding:46px 24px 30px;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.d4-footer-logo{font-size:22px;font-weight:900}.d4-footer-logo span{font-size:12px;color:var(--d4-muted);letter-spacing:2px}.d4-footer p{font-size:13.5px;color:var(--d4-muted)}.d4-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.d4-footer-cols b{color:#fff;display:block;margin-bottom:8px}.d4-demo-strip{text-align:center;padding:14px;font-size:13px;background:#04020a;color:#565066}@media (max-width:1000px){.d4-gallery,.d4-plans,.d4-rig-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.d4-nav{display:none}.d4-gallery,.d4-plans,.d4-rig-grid{grid-template-columns:1fr}.d4-section{padding:60px 18px}.d4-footer-cols,.d4-form-row{grid-template-columns:1fr}.d4-footer-cols{gap:20px}}