*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;padding:0;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#333;background:#f4f4f4;-webkit-text-size-adjust:100%}
a,img{max-width:100%;vertical-align:middle}
a{color:inherit;text-decoration:none}
img{display:block}

/* Header */
.jd-header{display:flex;align-items:center;padding:10px 12px;background:#e4393c;position:sticky;top:0;z-index:100}
.jd-logo{font-size:22px;margin-right:8px;flex-shrink:0}
.jd-search{flex:1;display:flex;align-items:center;background:#fff;border-radius:16px;height:34px;overflow:hidden}
.jd-search-input{flex:1;border:none;outline:none;padding:0 12px;font-size:13px;background:transparent;height:100%}
.jd-search-btn{width:40px;height:34px;border:none;background:transparent;font-size:15px;cursor:pointer}
.jd-user{font-size:20px;margin-left:8px;flex-shrink:0}

/* Banner */
.jd-banner{background:#fff}
.jd-banner .swiper-slide img{width:100%;display:block}

/* Category Icons */
.jd-cate{display:flex;flex-wrap:wrap;background:#fff;padding:14px 8px 6px}
.jd-cate-item{flex:0 0 25%;display:flex;flex-direction:column;align-items:center;margin-bottom:12px}
.jd-cate-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:6px}
.jd-cate-item span:last-child{font-size:12px;color:#666}

/* Section */
.jd-section{background:#fff;margin:8px 0;padding:12px}
.jd-section-hd{font-size:14px;font-weight:700;color:#333;margin-bottom:10px}

/* Product Grid & Card */
.jd-product-grid{display:flex;flex-wrap:wrap;gap:10px}
.jd-product-card{flex:0 0 calc(50% - 5px);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);position:relative}
.jd-product-card>a{display:block;color:inherit;text-decoration:none}
.jd-product-img{width:100%;padding-bottom:100%;position:relative;background:#fafafa;overflow:hidden}
.jd-product-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;padding:6px}
.jd-product-info{padding:8px 8px 10px}
.jd-product-name{font-size:13px;color:#333;line-height:1.4;height:2.8em;overflow:hidden;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.jd-product-orig{font-size:11px;color:#999;text-decoration:line-through}
.jd-product-price{font-size:16px;color:#e4393c;font-weight:700;font-family:Arial}
.jd-product-price span{font-size:12px}

/* ===== Cart Button ===== */
.jd-cart-btn{position:absolute;bottom:46px;right:8px;width:30px;height:30px;background:linear-gradient(135deg,#ff6b6b,#e4393c);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;box-shadow:0 2px 8px rgba(228,57,60,.4);z-index:10;border:none;padding:0;line-height:1;transition:transform .15s}
.jd-cart-btn:active{transform:scale(.85)}

/* ===== Category Page ===== */
.jd-category-page{display:flex;background:#fff;min-height:calc(100vh - 110px)}
.jd-cate-sidebar{flex:0 0 78px;background:#f5f5f5;overflow-y:auto;-webkit-overflow-scrolling:touch;border-right:1px solid #eee}
.jd-cate-sidebar-item{display:block;padding:13px 4px;font-size:11px;color:#666;text-align:center;border-left:3px solid transparent;line-height:1.3;transition:all .1s}
.jd-cate-sidebar-item:active{background:#eee}
.jd-cate-sidebar-item.active{background:#fff;color:#e4393c;border-left-color:#e4393c;font-weight:700}

.jd-cate-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px}

/* Brand Cards */
.jd-brand-section{margin-bottom:14px}
.jd-brand-title{font-size:13px;font-weight:700;color:#333;margin:0 0 10px;padding-left:8px;border-left:3px solid #e4393c}
.jd-brand-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.jd-brand-card{flex:0 0 calc(25% - 6px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 2px;background:#fff;border-radius:8px;border:1px solid #f0f0f0;transition:all .15s}
.jd-brand-card:active{transform:scale(.95);border-color:#e4393c}
.jd-brand-card .brand-emoji{font-size:24px;margin-bottom:4px}
.jd-brand-card .brand-name{font-size:11px;color:#333;font-weight:500;text-align:center;white-space:nowrap}

.jd-cate-prod-title{font-size:13px;font-weight:700;color:#333;margin:14px 0 10px;padding-left:8px;border-left:3px solid #e4393c}

/* Pagination */
.jd-page{text-align:center;padding:16px 0}
.jd-page a,.jd-page span{padding:6px 12px;background:#f4f4f4;border-radius:4px;margin:0 3px;font-size:13px;color:#666;display:inline-block}
.jd-page .on{background:#e4393c;color:#fff}

/* Sort Bar */
.jd-sort-bar{display:flex;background:#fff;padding:0 8px;border-bottom:1px solid #f0f0f0;position:sticky;top:54px;z-index:90}
.sort-item{flex:1;text-align:center;padding:12px 4px;font-size:13px;color:#666}
.sort-item.active{color:#e4393c;font-weight:700}

/* ===== Detail Page ===== */
.jd-detail-banner{background:#fff}
.jd-detail-banner .swiper-slide img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fafafa}
.jd-detail-info{background:#fff;padding:14px 12px 12px;margin-bottom:8px}
.jd-detail-price{margin-bottom:8px}
.jd-price-main{font-size:22px;color:#e4393c;font-weight:700;font-family:Arial}
.jd-price-orig{font-size:13px;color:#999;text-decoration:line-through;margin-left:8px}
.jd-detail-title{font-size:15px;font-weight:700;color:#333;line-height:1.5;margin:0 0 8px}
.jd-detail-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:#999}
.jd-detail-meta span{background:#f5f5f5;padding:2px 8px;border-radius:10px}
.jd-detail-section{background:#fff;margin:8px 0;padding:12px}
.jd-section-title{font-size:14px;font-weight:700;color:#333;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}
.jd-detail-content{font-size:14px;line-height:1.8;color:#666}
.jd-detail-content img{max-width:100%;height:auto}

/* Detail Footer */
.jd-detail-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;background:#fff;box-shadow:0 -2px 8px rgba(0,0,0,.1);z-index:200;padding:6px 10px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}
.jd-footer-home,.jd-footer-service{flex:0 0 44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#666;border-right:1px solid #f0f0f0;margin-right:6px}
.jd-footer-service{border-right:none;margin-right:0}
.jd-footer-buy{flex:1;background:linear-gradient(135deg,#ff6b6b,#e4393c);color:#fff;height:42px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;border-radius:21px;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(228,57,60,.3)}

/* ===== Footer Nav ===== */
.jd-footer-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -1px 4px rgba(0,0,0,.08);z-index:200;padding-bottom:env(safe-area-inset-bottom)}
.jd-footer-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0;color:#666;font-size:10px;gap:2px;background:#fff}
.jd-footer-nav .nav-item .nav-icon{font-size:20px}
.jd-footer-nav .nav-item.active{color:#e4393c}

/* ===== Mini Program Popup ===== */
.jd-mp-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9998}
.jd-mp-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background:#fff;border-radius:16px;padding:28px 24px 20px;text-align:center;width:300px;max-width:90%}
.mp-close-btn{position:absolute;top:10px;right:14px;font-size:20px;color:#999;cursor:pointer;line-height:1}
.mp-icon{font-size:48px;margin-bottom:8px}
.mp-title{font-size:18px;font-weight:700;color:#333;margin-bottom:4px}
.mp-desc{font-size:13px;color:#999;margin-bottom:16px}
.mp-open-btn{display:block;width:100%;padding:12px;background:linear-gradient(135deg,#ff6b6b,#e4393c);color:#fff;font-size:16px;font-weight:700;border-radius:24px;text-decoration:none;margin-bottom:12px;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(228,57,60,.3)}
.mp-tip{font-size:11px;color:#bbb}