*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system;}
body{background:#f5f5f5;color:#222;padding-bottom:30px;}
.container{max-width:720px;margin:0 auto;padding:12px;}
h2{margin:12px 0;}
.shop-name-link{display:inline-block;font-size:15px;color:#007aff;margin:12px 0 6px;font-weight:bold;text-decoration:none;}
.goods-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.goods-card{display:block;background:#fff;border-radius:10px;overflow:hidden;text-decoration:none;color:#222;}
.goods-card img{width:100%;aspect-ratio:1/1;object-fit:cover;}
.no-img{width:100%;aspect-ratio:1/1;background:#eee;display:flex;align-items:center;justify-content:center;color:#999;}
.info{padding:10px;}
.model{font-size:13px;color:#f56c6c;margin-bottom:4px;}
.title{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;}

.back-btn{display:inline-block;margin-bottom:12px;color:#007aff;text-decoration:none;font-size:16px;}
.top-img{background:#fff;border-radius:10px;overflow:hidden;margin-bottom:12px;}
.top-img img{width:100%;}
.goods-info{background:#fff;padding:14px;border-radius:10px;margin-bottom:12px;}
.goods-info .model{font-size:15px;color:#e4393c;margin-bottom:6px;}
.goods-info .title{font-size:16px;line-height:1.5;}
.btn-group{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;}
.pic-btn{padding:12px 6px;border:none;border-radius:8px;background:#fff;color:#222;font-size:14px;}
.pic-btn:active{background:#007aff;color:#fff;}

.popup-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:999;display:none;}
.popup-mask.show{display:block;}
.popup-box{width:100%;height:100%;position:relative;}
.close-btn{position:absolute;top:15px;right:18px;font-size:32px;color:#fff;z-index:10;cursor:pointer;}
.swiper-wrap{width:100%;height:100%;overflow:hidden;}
.img-wrap{height:100%;display:flex;transition:transform 0.3s ease;}
.img-wrap img{width:100%;height:100%;object-fit:contain;flex-shrink:0;}
.page-num{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);color:#fff;font-size:16px;}
.arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:40px;color:#fff;padding:10px;cursor:pointer;}
.left{left:8px;}
.right{right:8px;}

/* 分页：居中、去掉下划线 */
.page-box{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:20px;align-items:center;}
.page-btn{padding:6px 10px;border-radius:6px;background:#fff;color:#222;text-decoration:none;font-size:14px;}
.page-btn.active{background:#007aff;color:#fff;}
.page-btn:active{background:#007aff;color:#fff;}