@charset "UTF-8";
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050509;color:#fff;font-family:"Microsoft JhengHei","Noto Sans TC",Arial,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.visual-home{position:relative;width:100%;min-height:100vh;background:#050509;overflow:hidden}
.visual-home picture,.visual-home img{display:block;width:100%}
.visual-home img{height:auto;image-rendering:auto}
.hit{position:absolute;display:block;z-index:5;border-radius:12px}
.hit:hover{background:rgba(255,255,255,.035)}
.nav-home{left:31.2%;top:2.2%;width:4.6%;height:4.2%}
.nav-products{left:36.5%;top:2.2%;width:6.2%;height:4.2%}
.nav-feature{left:43.8%;top:2.2%;width:6.5%;height:4.2%}
.nav-review{left:51.5%;top:2.2%;width:6.5%;height:4.2%}
.nav-store{left:59.0%;top:2.2%;width:6.5%;height:4.2%}
.google-btn{left:3.7%;top:43.3%;width:14.1%;height:5.5%}
.promo-btn{left:19.3%;top:43.3%;width:11.9%;height:5.5%}
.side-hot{right:1.0%;top:29.0%;width:5.2%;height:13.0%}
.side-store{right:1.0%;top:42.2%;width:5.2%;height:13.0%}
.side-service{right:1.0%;top:55.5%;width:5.2%;height:13.0%}
.side-top{right:1.0%;top:68.8%;width:5.2%;height:8.4%}

.content-section{padding:86px 6vw;background:radial-gradient(circle at 15% 10%,rgba(255,25,56,.13),transparent 28%),#050509}
.section-title{text-align:center;margin-bottom:36px}
.section-title p,.contact p{margin:0 0 10px;color:#ff1938;font-weight:900;letter-spacing:.18em}
.section-title h2,.contact h2{font-size:clamp(34px,5vw,62px);margin:0}
.cards,.promo-grid,.contact-grid{display:grid;gap:18px}
.cards{grid-template-columns:repeat(4,1fr)}
.promo-grid,.contact-grid{grid-template-columns:repeat(3,1fr)}
.cards article,.promo-grid article,.contact-grid a{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.075);border-radius:26px;padding:26px;backdrop-filter:blur(14px);transition:.25s}
.cards article:hover,.promo-grid article:hover,.contact-grid a:hover{transform:translateY(-8px);border-color:rgba(255,25,56,.65);background:rgba(255,255,255,.13)}
.cards span{font-size:38px}.cards h3,.promo-grid h3{font-size:24px}.cards p,.promo-grid p,.contact span,.contact small{color:#c8c9d4;line-height:1.7}.promo-grid b{color:#ffd84a}
.contact{padding:88px 6vw;background:#030306;display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center;border-top:1px solid rgba(255,255,255,.14)}
.contact-grid a b{font-size:20px}.contact-grid a small{display:block;margin-top:10px}

@media(max-width:900px){
  .visual-home{height:100vh}
  .visual-home picture,.visual-home img{height:100%}
  .visual-home img{width:auto;max-width:none;transform:translateX(-22%);object-fit:cover}
  .hit{display:none}
  .cards,.promo-grid,.contact,.contact-grid{grid-template-columns:1fr}
  .content-section,.contact{padding-left:18px;padding-right:18px}
}