/* ============================================
   电子微帮帮 · 移动端首页 现代风格
   仅作用于首页，不干扰全站样式
   ============================================ */
body{background:#f2f4f8;}
.wrapper{background:transparent;}

/* ---------- 顶部轮播 ---------- */
.hp-banner{padding:10px 12px 0;}
.hp-banner #slide{border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);}
.hp-banner #indicator{bottom:-14px;}

/* ---------- 站点统计条 ---------- */
.hp-stats{display:-webkit-box;display:-webkit-flex;display:flex;margin:12px 12px 0;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden;}
.hp-stat{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;padding:12px 0 11px;}
.hp-stat + .hp-stat{border-left:1px solid #f0f0f0;}
.hp-stat span{display:block;font-size:11px;color:#999;}
.hp-stat em{display:block;font-size:16px;font-weight:700;color:#ff6b00;font-style:normal;margin-top:2px;}

/* ---------- 分类宫格 ---------- */
.hp-cats{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:12px 12px 0;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:6px 0;}
.hp-cat{width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px 0 8px;color:#333;text-decoration:none;}
.hp-cat-ico{width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,#fff6ef,#ffe9da);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;overflow:hidden;}
.hp-cat-ico img{width:28px;height:28px;display:block;}
.hp-cat-name{font-size:12px;color:#444;margin-top:6px;}

/* ---------- 区块标题 ---------- */
.hp-sec-hd{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:14px 4px 10px;}
.hp-sec-hd span{font-size:15px;font-weight:700;color:#222;position:relative;padding-left:11px;}
.hp-sec-hd span::before{content:'';position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:2px;background:linear-gradient(180deg,#ff9a3d,#ff6b00);}

/* ---------- 最新资讯（横向滚动） ---------- */
.hp-news{margin:12px 12px 0;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:0 12px 12px;}
.hp-news-scroll{display:-webkit-box;display:-webkit-flex;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px;}
.hp-news-scroll::-webkit-scrollbar{display:none;}
.hp-news-card{-webkit-box-flex:0;-webkit-flex:0 0 130px;flex:0 0 130px;width:130px;margin:0 6px;text-decoration:none;}
.hp-news-img{display:block;width:130px;height:84px;border-radius:8px;overflow:hidden;background:#f0f0f0;}
.hp-news-img img{width:100%;height:100%;object-fit:cover;display:block;}
.hp-news-tit{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;color:#333;line-height:1.4;margin-top:6px;}

/* ---------- 外发/接单 Tab ---------- */
.hp-list{margin:12px 12px 0;}
.hp-tabs{display:-webkit-box;display:-webkit-flex;display:flex;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:10px 12px;margin-bottom:10px;}
.hp-tabs .item{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;padding:8px 0 0;font-size:15px;color:#666;}
.hp-tabs .item a{color:#666;text-decoration:none;display:block;position:relative;padding-bottom:9px;}
.hp-tabs .item.current a{color:#ff6b00;font-weight:700;}
.hp-tabs .item.current a::after{content:'';position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:28px;height:3px;border-radius:2px;background:#ff6b00;}

/* ---------- 卡片式信息列表（每条独立卡片） ---------- */
.hp-cards{background:transparent;border-radius:0;box-shadow:none;padding:0;}
.hp-card{display:-webkit-box;display:-webkit-flex;display:flex;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:12px;margin-bottom:10px;text-decoration:none;}
.hp-card-img{-webkit-box-flex:0;-webkit-flex:0 0 96px;flex:0 0 96px;width:96px;height:72px;border-radius:8px;overflow:hidden;background:#f0f0f0;margin-right:12px;}
.hp-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.hp-card-body{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;}
.hp-card-tit{font-size:14px;color:#222;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hp-card-tags{margin-top:6px;min-height:18px;}
.hp-tag{display:inline-block;font-size:10px;font-style:normal;padding:1px 5px;border-radius:3px;margin-right:4px;color:#fff;line-height:1.5;}
.hp-tag-img{background:#339966;}
.hp-tag-video{background:#5cb85c;}
.hp-tag-ding{background:#ff6b00;}
.hp-card-meta{margin-top:auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:11px;color:#999;padding-top:6px;}
.hp-more{display:block;text-align:center;font-size:13px;color:#ff6b00;padding:12px 0;text-decoration:none;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);}

/* ---------- 分类列表页 ---------- */
.hp-cards-list{margin:10px 12px 0;}
.hp-card-price{display:block;font-size:14px;font-weight:700;color:#ff6b00;margin-top:4px;}
.hp-empty{padding:40px 20px;text-align:center;color:#999;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);}

/* ---------- 用户中心 · 我的信息 ---------- */
.mp-cards{margin:10px 12px 0;}
.mp-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.07);padding:12px;margin-bottom:10px;}
.mp-card-tit{font-size:15px;color:#222;margin:0 0 8px;line-height:1.4;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mp-card-tit a{color:#222;text-decoration:none;}
.mp-card-st{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-bottom:2px;}
.mp-tag{display:inline-block;font-size:10px;font-style:normal;padding:1px 5px;border-radius:3px;margin-right:5px;color:#fff;line-height:1.5;vertical-align:1px;}
.mp-tag-ref{background:#ff6b00;}
.mp-tag-on{background:#339966;}
.mp-tag-wait{background:#999;}
.mp-tag-red{background:#e53935;}
.mp-tag-b{background:#5c6bc0;}
.mp-tag-top{background:#8e24aa;}
.mp-card-time{margin-left:auto;font-size:11px;color:#999;white-space:nowrap;}
.mp-card-ops{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;border-top:1px solid #f4f4f4;margin-top:10px;padding-top:10px;}
.mp-card-ops a{-webkit-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%;text-align:center;font-size:12px;color:#333;background:#f5f6fa;border-radius:6px;padding:6px 0;margin:0 2px;text-decoration:none;white-space:nowrap;}
.mp-card-ops .mp-del{color:#e53935;}

/* ---------- 已过期水印 ---------- */
.hp-card-img{position:relative;}
.hp-card-exp .hp-card-img::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(255,255,255,.45);border-radius:8px;z-index:1;}
.hp-card-exp .hp-card-tit{color:#999;}
.hp-watermark{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%) rotate(-28deg);font-size:15px;font-weight:700;color:rgba(102,102,102,.95);background:rgba(255,255,255,.65);padding:2px 10px;border-radius:4px;letter-spacing:2px;white-space:nowrap;text-shadow:0 1px 1px rgba(255,255,255,.6);}

/* ---------- 现代风格确认弹窗 ---------- */
.mp-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:9999;display:none;}
.mp-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;max-width:320px;background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.25);z-index:10000;display:none;overflow:hidden;animation:mpFade .2s ease;}
@keyframes mpFade{from{opacity:0;transform:translate(-50%,-46%);}to{opacity:1;transform:translate(-50%,-50%);}}
.mp-modal-hd{font-size:16px;font-weight:700;color:#222;text-align:center;padding:20px 16px 0;}
.mp-modal-bd{font-size:14px;color:#555;text-align:center;line-height:1.6;padding:12px 20px 22px;}
.mp-modal-ft{display:-webkit-box;display:-webkit-flex;display:flex;border-top:1px solid #f0f0f0;}
.mp-btn{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;font-size:15px;padding:13px 0;text-decoration:none;color:#666;background:#fff;}
.mp-btn-cancel{border-right:1px solid #f0f0f0;}
.mp-btn-cancel:active{background:#f5f6fa;}
.mp-btn-ok{color:#fff;background:linear-gradient(135deg,#ff9a3d,#ff6b00);}
.mp-btn-ok:active{opacity:.9;}