/* Product Detail */
.productTop{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}
.mainImage img{width:100%;aspect-ratio:4/4;object-fit:cover;border:1px solid #ddd}
.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:15px}
.thumbs img{width:100%;aspect-ratio:1;object-fit:cover;cursor:pointer;border:1px solid #ddd}
.info h2{font-size:42px;margin:15px 0}
.info p{line-height:2}
.featureList{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:25px 0;list-style:none}
.featureList li{padding:12px;border:1px solid #e5d6bf}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.card{padding:35px;border:1px solid #e5d6bf;background:#fff;text-align:center}
.introGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.introGrid img{width:100%;aspect-ratio:4/4;object-fit:cover}
.detailBanner{padding:150px 0;background:url('../images/detail.jpg') center/cover;color:#fff;text-align:center}
.detailBanner h2{font-size:52px}
.moreGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.moreGrid img{width:100%;aspect-ratio:3/4;object-fit:cover}
.moreGrid h3{text-align:center;margin:15px 0 0}
@media(max-width:900px){
.productTop,.introGrid{grid-template-columns:1fr}
.grid4,.moreGrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
.grid4,.moreGrid{grid-template-columns:1fr}
.thumbs{grid-template-columns:repeat(5,1fr)}
.info h2,.detailBanner h2{font-size:32px}
}


.mainImage{position:relative;display:block;overflow:hidden;border:1px solid #d8c4a2;background:#111}
.mainImage:before{content:"";position:absolute;inset:14px;border:1px solid rgba(214,179,98,0);transition:.35s;z-index:2}
.mainImage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,233,180,.08),transparent 60%);opacity:0;transition:.35s}
.mainImage img{width:100%;aspect-ratio:4/4;object-fit:cover;transition:.45s}
.zoomIcon{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;z-index:3;opacity:0;transition:.35s}
.mainImage:hover img{transform:scale(1.05)}
.mainImage:hover:before{border-color:#d6b362}
.mainImage:hover:after{opacity:1;box-shadow:0 0 45px rgba(214,179,98,.35) inset}
.mainImage:hover .zoomIcon{opacity:1}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.3s;z-index:9999}
.lightbox.show{opacity:1;pointer-events:auto}
.lightbox img{max-width:90vw;max-height:90vh}
.lightbox .close{position:absolute;top:20px;right:30px;color:#fff;font-size:48px;cursor:pointer}
.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:15px}
.thumbs img{width:100%;aspect-ratio:1;object-fit:cover;cursor:pointer;border:1px solid #ddd}



.featureIcons{
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background:
        linear-gradient(rgba(20,20,20,.78),rgba(20,20,20,.78)),
        url("../images/featurebg.jpg") center center/cover no-repeat;
}

.featureIcons::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 20%,rgba(201,164,92,.15),transparent 35%),
        radial-gradient(circle at 80% 70%,rgba(201,164,92,.12),transparent 40%);
    pointer-events:none;
}

.featureIcons .wrap{
    position:relative;
    z-index:2;
}

.featureIcons .card{
    padding:45px 35px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(201,164,92,.25);
    backdrop-filter:blur(8px);
    transition:.35s;
    text-align:center;
}

.featureIcons .card:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,.08);
    border-color:#c9a45c;
    box-shadow:0 20px 40px rgba(0,0,0,.35);
}

.featureIcons h3{
    color:#d8b26b;
    margin-bottom:12px;
    letter-spacing:2px;
}

.featureIcons p{
    color:#ddd;
    line-height:1.8;
}


.detailBanner h2{
    text-align:center;
    font-size:36px;
    letter-spacing:.12em;
    color:rgba(250,246,238,.72);   /* 半透明白 */
    text-shadow:0 3px 15px rgba(0,0,0,.18);
}