:root{--ns001-main:#00cc88;--ns001-main2:#1bd7ff;--ns001-dark:#0b172f;--ns001-text:#222;--ns001-muted:#666;--ns001-line:#e9edf1;--ns001-bg:#f4f8f7;--ns001-radius:22px;--ns001-shadow:0 22px 60px rgba(0,0,0,.08)}
*{box-sizing:border-box}
body{margin:0;background:#f4f8f7;color:var(--ns001-text);font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.ns001{background:var(--ns001-bg);min-height:100vh;overflow:hidden}
.ns001 .container-center{max-width:1440px;width:85.666%;margin:0 auto}
.ns001 .products_main{padding:0}
.ns001 .breadcrumb{padding:26px 0;color:#7a7f88;font-size:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ns001 .breadcrumb span:last-child{color:#333}
.ns001 #pro_detail_info{background:#fff;padding:60px 0 84px}
.ns001 .box{display:flex;justify-content:space-between;align-items:flex-start;gap:70px}
.ns001 .pro_pic{width:34%;min-width:390px}
.ns001 .main-img{height:468px;border-radius:var(--ns001-radius);overflow:hidden;background:#f7fbff;box-shadow:var(--ns001-shadow);position:relative;cursor:zoom-in}
.ns001 .main-img img{width:100%;height:100%;object-fit:cover;transition:.35s transform}
.ns001 .main-img:hover img{transform:scale(1.035)}
.ns001 .zoom-badge{position:absolute;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.85);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.12);font-size:20px;color:#111}
.ns001 .thumb-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:14px}
.ns001 .thumbs{display:flex;gap:12px;flex:1;overflow:hidden;scroll-behavior:smooth;padding:2px}
.ns001 .thumb{height:78px;flex:0 0 calc((100% - 36px) / 4);border-radius:10px;overflow:hidden;border:2px solid transparent;cursor:pointer;background:#fff;transition:.25s;padding:0}
.ns001 .thumb img{width:100%;height:100%;object-fit:cover}
.ns001 .thumb.active{border-color:var(--ns001-main);box-shadow:0 8px 22px rgba(0,204,136,.18)}
.ns001 .gallery-btn{border:0;background:#f0f3f5;color:#999;width:34px;height:56px;border-radius:10px;font-size:24px;cursor:pointer;transition:.25s;flex:0 0 auto}
.ns001 .gallery-btn:hover{background:#e8f8f2;color:#111}
.ns001 .pro_info{flex:1;min-width:0}
.ns001 .pro_info .one{padding-bottom:35px;border-bottom:1px solid var(--ns001-line)}
.ns001 .tagline{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#eafcf5;color:#008b61;font-weight:600;margin-bottom:18px;font-size:14px}
.ns001 .name{font-size:32px;line-height:1.45;color:#333;font-weight:700;margin:0}
.ns001 .brief{margin-top:17px;color:#666;font-size:16px;line-height:1.75;max-width:850px}
.ns001 .two{padding:30px 0 34px;border-bottom:1px solid var(--ns001-line);display:flex;flex-wrap:wrap;gap:14px 34px}
.ns001 .item{display:flex;align-items:center;gap:18px;font-size:16px;color:#666}
.ns001 .item_tit{white-space:nowrap}
.ns001 .item_desc{min-width:92px;text-align:center;padding:12px 23px;border-radius:50px;border:1px solid #e5e5e5;color:#333;background:#fff}
.ns001 .three{padding-top:34px}
.ns001 .btn_ul{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.ns001 .buy-btn{width:220px;height:52px;border-radius:16px;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:18px;transition:.25s;box-shadow:0 15px 35px rgba(0,0,0,.1)}
.ns001 .buy-btn:hover{transform:translateY(-2px);filter:saturate(1.08)}
.ns001 .btn_jd{background:linear-gradient(90deg,#f16d6d,#eb4343)}
.ns001 .btn_tm{background:linear-gradient(90deg,#f7a656,#f1851a)}
.ns001 .share_ul{display:flex;align-items:center;gap:16px;font-size:16px;color:#666}
.ns001 .share-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f5f6f7;color:#a5a9ad;transition:.25s;border:0;cursor:pointer;font-size:18px}
.ns001 .share-icon:hover{background:#eafcf5;color:var(--ns001-main)}
.ns001 .copy-tip{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:20px;padding:28px 34px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.18);z-index:20;display:none}
.ns001 .copy-tip.show{display:block}
.ns001 .copy-tip .ok{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#eafcf5;color:var(--ns001-main);margin:0 auto 12px;font-weight:700}
.ns001 .copy-tip button{border:0;background:var(--ns001-main);color:#fff;border-radius:999px;padding:10px 24px;cursor:pointer;margin-top:14px}
.ns001 #imageModule{position:fixed;inset:0;background:rgba(255,255,255,.97);display:none;z-index:1000;align-items:center;justify-content:center}
.ns001 #imageModule.open{display:flex}
.ns001 .modal-inner{position:relative;width:min(92vw,1100px);height:min(88vh,880px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.ns001 .modal-img-wrap{width:100%;height:calc(100% - 92px);display:grid;place-items:center;overflow:hidden}
.ns001 .modal-img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s;cursor:grab}
.ns001 .modal-top{position:absolute;left:0;right:0;top:0;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;z-index:2}
.ns001 .modal-count{font-size:18px;color:#333;background:rgba(255,255,255,.8);border-radius:999px;padding:8px 16px}
.ns001 .modal-controls{display:flex;gap:10px}
.ns001 .modal-controls button,.ns001 .modal-arrow{border:0;background:rgba(0,0,0,.08);width:44px;height:44px;border-radius:14px;cursor:pointer;color:#111;font-size:18px}
.ns001 .modal-arrow{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:56px;height:56px;color:#fff;background:rgba(0,0,0,.35);font-size:30px}
.ns001 .modal-arrow.prev{left:0}.ns001 .modal-arrow.next{right:0}
.ns001 .modal-thumbs{height:82px;display:flex;gap:12px;align-items:center;justify-content:center;max-width:100%;overflow:auto;padding:10px 0}
.ns001 .modal-thumbs img{width:70px;height:70px;object-fit:cover;border-radius:12px;border:2px solid transparent;cursor:pointer;flex:0 0 auto}
.ns001 .modal-thumbs img.active{border-color:var(--ns001-main)}
.ns001 .hide{display:none!important}
@media (max-width:1200px){.ns001 .box{gap:40px}.ns001 .pro_pic{min-width:340px}.ns001 .main-img{height:390px}}
@media (max-width:992px){.ns001 .container-center{width:92%}.ns001 #pro_detail_info{padding:40px 0 60px}.ns001 .box{flex-direction:column}.ns001 .pro_pic,.ns001 .pro_info{width:100%;min-width:0}.ns001 .main-img{height:88vw;max-height:640px}.ns001 .thumbs{overflow:hidden}.ns001 .thumb{flex-basis:74px;min-width:74px}}
@media (max-width:576px){.ns001 .breadcrumb{font-size:12px}.ns001 .name{font-size:24px}.ns001 .brief{font-size:15px}.ns001 .two{gap:12px}.ns001 .item{width:100%;justify-content:space-between}.ns001 .btn_ul{gap:12px}.ns001 .buy-btn{width:calc(50% - 6px);font-size:15px;height:48px}.ns001 .modal-arrow{width:42px;height:42px}.ns001 .modal-controls button{width:38px;height:38px;border-radius:12px}.ns001 .modal-count{font-size:14px}.ns001 .modal-thumbs img{width:58px;height:58px}}