/* ============================================================
   纽约指南 · 微信端 H5 样式
   移动优先 / 微信绿视觉 / iOS 安全区适配
   ============================================================ */

:root{
  --wx-green:#07C160;
  --wx-green-dark:#06AD56;
  --wx-green-light:#E8F7EE;
  --wx-blue:#576B95;
  --bg:#F5F6F7;
  --card:#FFFFFF;
  --text:#1A1A1A;
  --text-2:#576B95;
  --text-3:#9AA0A6;
  --line:#EDEDED;
  --danger:#FA5151;
  --radius:12px;
  --tabbar-h:calc(52px + env(safe-area-inset-bottom));
  --header-h:48px;
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{height:100%;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;
  background:var(--bg);
  color:var(--text);
  font-size:15px;
  line-height:1.6;
  overscroll-behavior-y:none;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;cursor:pointer;}
button{border:none;background:none;font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;}
ul,li{list-style:none;}

/* ---------- 微信顶部安全区（全面屏模拟） ---------- */
.wx-notch{height:env(safe-area-inset-top);background:var(--wx-green);}

/* ---------- 顶部导航栏 ---------- */
.app-header{
  position:sticky;top:0;z-index:100;
  background:var(--wx-green);
  color:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}
.header-inner{
  height:var(--header-h);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 12px;
}
.brand{display:flex;align-items:center;gap:6px;font-weight:600;font-size:17px;}
.brand-logo{font-size:20px;}
.header-actions{display:flex;gap:4px;}
.icon-btn{
  width:36px;height:36px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;transition:background .2s;
}
.icon-btn:active{background:rgba(255,255,255,.2);}

/* ---------- 主内容 ---------- */
#main{
  min-height:100vh;
  padding-bottom:var(--tabbar-h);
}
.page{display:none;animation:fadeIn .18s ease;}
.page.active{display:block;}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:none;}}

/* ---------- 首页搜索 ---------- */
.home-search{
  margin:10px 12px;
  height:38px;border-radius:19px;
  background:#fff;
  display:flex;align-items:center;gap:8px;
  padding:0 14px;color:var(--text-3);font-size:14px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.home-search:active{background:#fafafa;}

/* ---------- 九宫格快捷入口 ---------- */
.quick-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:4px;
  background:#fff;margin:0 12px;padding:14px 6px;
  border-radius:var(--radius);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.qg-item{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:6px 2px;font-size:12px;color:#444;border-radius:10px;
  transition:background .15s;
}
.qg-item:active{background:var(--bg);}
.qg-ico{font-size:24px;line-height:1;}

/* ---------- 朋友圈裂变活动条 ---------- */
.promo-bar{
  margin:10px 12px;padding:10px 14px;
  background:linear-gradient(90deg,#FFF4E6,#FFE8CC);
  border-radius:var(--radius);
  display:flex;align-items:center;gap:8px;
  font-size:13px;color:#A15C00;
}
.promo-ico{font-size:18px;}
.promo-txt{flex:1;}
.promo-txt b{color:#E8590C;}
.promo-go{
  font-size:12px;color:#fff;background:#FA8C16;
  padding:3px 10px;border-radius:20px;white-space:nowrap;
}
.promo-bar:active{filter:brightness(.97);}

/* ---------- 头条置顶卡 ---------- */
.headline-card{
  margin:12px;padding:16px;
  background:linear-gradient(135deg,#07C160,#059B4E);
  color:#fff;border-radius:var(--radius);
  position:relative;overflow:hidden;
  box-shadow:0 4px 14px rgba(7,193,96,.25);
}
.headline-card::after{
  content:"";position:absolute;right:-30px;top:-30px;
  width:110px;height:110px;border-radius:50%;
  background:rgba(255,255,255,.12);
}
.hc-badge{
  display:inline-block;font-size:11px;padding:1px 8px;
  background:rgba(255,255,255,.25);border-radius:20px;margin-bottom:8px;
}
.hc-title{font-size:17px;line-height:1.5;font-weight:600;margin-bottom:6px;position:relative;}
.hc-desc{font-size:13px;opacity:.9;line-height:1.6;margin-bottom:10px;position:relative;}
.hc-meta{display:flex;align-items:center;gap:10px;font-size:12px;position:relative;}
.tag{
  display:inline-block;font-size:11px;padding:1px 8px;border-radius:20px;
}
.tag-green{background:rgba(255,255,255,.25);color:#fff;}
.muted{color:var(--text-3);}
.hc-meta .muted{color:rgba(255,255,255,.8);}

/* ---------- 信息流 ---------- */
.feed-title{
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 16px 4px;font-size:15px;font-weight:600;
}
.feed-refresh{font-size:13px;color:var(--wx-blue);font-weight:400;}
.feed-refresh:active{opacity:.6;}

.feed{padding:0 12px;display:flex;flex-direction:column;gap:10px;}
.feed-card{
  background:var(--card);border-radius:var(--radius);
  padding:14px;box-shadow:0 1px 4px rgba(0,0,0,.04);
  transition:transform .12s;
}
.feed-card:active{transform:scale(.985);}
.fc-top{display:flex;gap:10px;align-items:flex-start;}
.fc-thumb{
  width:64px;height:64px;border-radius:10px;flex-shrink:0;
  background:var(--wx-green-light);
  display:flex;align-items:center;justify-content:center;
  font-size:28px;
}
.fc-main{flex:1;min-width:0;}
.fc-title{
  font-size:15px;font-weight:600;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;margin-bottom:6px;
}
.fc-desc{
  font-size:13px;color:var(--text-2);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.fc-bottom{
  display:flex;align-items:center;gap:8px;margin-top:10px;
  font-size:12px;color:var(--text-3);
}
.fc-cat{
  font-size:11px;color:var(--wx-green);
  background:var(--wx-green-light);padding:1px 8px;border-radius:20px;
}
.fc-author{margin-left:auto;}

/* ---------- 版块列表 / 二级页 ---------- */
.sub-header{
  position:sticky;top:0;z-index:50;
  height:var(--header-h);background:var(--wx-green);color:#fff;
  display:flex;align-items:center;padding:0 8px;
}
.sub-header h1{font-size:16px;font-weight:600;flex:1;text-align:center;padding-right:36px;}
.back-btn{
  width:36px;height:36px;font-size:28px;line-height:1;color:#fff;
  display:flex;align-items:center;justify-content:center;
}

/* 版块分类总览 */
.cat-section{padding:14px 12px 0;}
.cat-section h3{font-size:13px;color:var(--text-3);margin:6px 4px 8px;font-weight:500;}
.cat-list{background:#fff;border-radius:var(--radius);overflow:hidden;}
.cat-row{
  display:flex;align-items:center;gap:12px;padding:14px 16px;
  border-bottom:1px solid var(--line);
}
.cat-row:last-child{border-bottom:none;}
.cat-row:active{background:var(--bg);}
.cat-row .cr-ico{font-size:22px;width:26px;text-align:center;}
.cat-row .cr-name{flex:1;font-size:15px;}
.cat-row .cr-desc{font-size:12px;color:var(--text-3);}
.cat-row .cr-arrow{color:#ccc;font-size:18px;}

/* ---------- 详情页 ---------- */
.detail-body{padding:16px;background:#fff;min-height:60vh;}
.detail-title{font-size:20px;font-weight:700;line-height:1.45;margin-bottom:10px;}
.detail-meta{
  display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-3);
  padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px;
}
.detail-content{font-size:16px;line-height:1.85;color:#333;}
.detail-content p{margin-bottom:14px;}
.detail-content h3{font-size:16px;margin:18px 0 8px;color:var(--text);}
.detail-content .hl{background:#FFF8E1;padding:10px 14px;border-left:3px solid #F5A623;border-radius:6px;font-size:14px;color:#7A5C00;margin-bottom:14px;}
.detail-content .cta-box{
  background:var(--wx-green-light);border-radius:10px;padding:14px;text-align:center;margin-top:20px;
}
.cta-box .cta-title{font-size:14px;color:#0A7A3E;margin-bottom:10px;font-weight:600;}
.wx-contact-btn{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--wx-green);color:#fff;font-size:14px;font-weight:500;
  padding:10px 22px;border-radius:22px;
}
.wx-contact-btn:active{background:var(--wx-green-dark);}

/* 详情页底部操作条 */
.detail-actions{
  position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);
  display:flex;align-items:center;gap:12px;padding:10px 16px;
  padding-bottom:calc(10px + env(safe-area-inset-bottom));
}
.da-btn{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--text-2);gap:2px;min-width:46px;}
.da-btn:active{opacity:.6;}
.da-main{
  flex:1;background:var(--wx-green);color:#fff;font-weight:600;font-size:15px;
  height:42px;border-radius:21px;display:flex;align-items:center;justify-content:center;
}
.da-main:active{background:var(--wx-green-dark);}

/* ---------- 我的 ---------- */
.mine-hero{
  background:linear-gradient(160deg,#07C160,#04A24F);
  color:#fff;padding:26px 20px 46px;
  display:flex;align-items:center;gap:14px;
  position:relative;
}
.avatar{
  width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.25);
  display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;
}
.mine-info{flex:1;}
.mine-name{font-size:18px;font-weight:600;}
.mine-title{font-size:12px;opacity:.85;margin-top:2px;}
.wx-login-btn{
  background:#fff;color:var(--wx-green);font-size:13px;font-weight:600;
  padding:7px 14px;border-radius:20px;white-space:nowrap;
}
.wx-login-btn:active{opacity:.85;}

.score-card{
  margin:-30px 12px 12px;background:#fff;border-radius:var(--radius);
  padding:18px;box-shadow:0 4px 16px rgba(0,0,0,.06);position:relative;z-index:2;
}
.score-num{font-size:34px;font-weight:700;color:var(--wx-green);line-height:1;}
.score-label{font-size:12px;color:var(--text-3);margin:4px 0 14px;}
.score-tasks{display:flex;flex-direction:column;gap:2px;}
.task{
  display:flex;align-items:center;justify-content:space-between;
  font-size:14px;padding:9px 0;border-top:1px solid var(--line);color:#444;
}
.task b{color:var(--danger);font-weight:600;font-size:13px;}
.task.done{color:var(--text-3);}
.task.done b{color:var(--wx-green);}
.task:not(.done){cursor:pointer;}
.task:not(.done):active{opacity:.6;}

.invite-card{
  margin:0 12px 12px;background:#fff;border-radius:var(--radius);padding:16px;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.invite-title{font-size:14px;font-weight:600;margin-bottom:10px;}
.invite-link{
  background:var(--bg);border-radius:8px;padding:10px 12px;
  font-size:13px;color:var(--wx-blue);word-break:break-all;margin-bottom:10px;
}
.invite-copy{
  width:100%;height:40px;border-radius:20px;
  background:var(--wx-green);color:#fff;font-size:14px;font-weight:600;
}
.invite-copy:active{background:var(--wx-green-dark);}
.invite-tip{font-size:12px;color:var(--text-3);margin-top:8px;text-align:center;}

.mine-list{
  margin:0 12px 20px;background:#fff;border-radius:var(--radius);overflow:hidden;
}
.ml-item{
  display:flex;align-items:center;justify-content:space-between;
  padding:15px 16px;border-bottom:1px solid var(--line);font-size:15px;
}
.ml-item:last-child{border-bottom:none;}
.ml-item:active{background:var(--bg);}
.ml-arrow{color:#ccc;font-size:18px;}

/* ---------- 底部 Tab 栏 ---------- */
.tabbar{
  position:fixed;left:0;right:0;bottom:0;z-index:200;
  height:var(--tabbar-h);
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);
  border-top:1px solid var(--line);
  display:flex;align-items:flex-start;
  padding-bottom:env(safe-area-inset-bottom);
}
.tab{
  flex:1;height:52px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:2px;
  font-size:10px;color:#999;
}
.tab svg{color:#999;}
.tab.active{color:var(--wx-green);}
.tab.active svg{color:var(--wx-green);}
.tab-post{position:relative;}
.post-plus{
  width:40px;height:40px;border-radius:50%;
  background:var(--wx-green);color:#fff;font-size:26px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  margin-top:-14px;box-shadow:0 3px 10px rgba(7,193,96,.4);
}
.tab-post:active .post-plus{transform:scale(.94);}

/* ---------- 悬浮积分中心 ---------- */
.score-float{
  position:fixed;right:12px;bottom:calc(var(--tabbar-h) + 16px);z-index:150;
  width:50px;height:50px;border-radius:50%;
  background:linear-gradient(135deg,#FFB800,#FF8C00);
  color:#fff;box-shadow:0 4px 14px rgba(255,140,0,.4);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:11px;line-height:1;
}
.score-float:active{transform:scale(.93);}
.sf-ico{font-size:16px;}
.sf-num{font-size:11px;font-weight:700;margin-top:1px;}

/* ---------- 分享引导遮罩 ---------- */
.share-mask{
  position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.78);
  display:none;padding-top:env(safe-area-inset-top);
}
.share-mask.show{display:block;animation:fadeIn .2s;}
.share-arrow{
  position:absolute;top:14px;right:26px;font-size:44px;color:#fff;
  transform:rotate(-15deg);
}
.share-text{
  position:absolute;top:76px;right:26px;color:#fff;font-size:17px;
  text-align:right;line-height:1.7;font-weight:500;
}

/* ---------- 弹层 ---------- */
.modal{
  position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.45);
  display:none;align-items:center;justify-content:center;padding:32px;
}
.modal.show{display:flex;animation:fadeIn .15s;}
.modal-box{
  background:#fff;border-radius:16px;width:100%;max-width:320px;
  padding:22px;text-align:center;
}
.modal-box h3{font-size:17px;margin-bottom:10px;}
.modal-box p{font-size:14px;color:var(--text-2);line-height:1.7;margin-bottom:16px;}
.modal-box .m-btn{
  width:100%;height:42px;border-radius:21px;background:var(--wx-green);
  color:#fff;font-size:15px;font-weight:600;
}
.modal-box .m-btn:active{background:var(--wx-green-dark);}

/* ---------- Toast ---------- */
.toast{
  position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);
  background:rgba(0,0,0,.8);color:#fff;font-size:14px;
  padding:10px 20px;border-radius:8px;z-index:1000;
  opacity:0;pointer-events:none;transition:all .22s;max-width:70%;text-align:center;
}
.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1);}

.list-end{text-align:center;font-size:12px;color:var(--text-3);padding:20px 0 8px;}

/* ============================================================
   追加：个人品牌版样式
   ============================================================ */

/* ---------- 个人 Hero ---------- */
.profile-hero{
  background:linear-gradient(160deg,#07C160,#049B4D);
  color:#fff;padding:22px 18px 0;
}
.ph-inner{display:flex;align-items:center;gap:14px;}
.ph-avatar{
  width:62px;height:62px;border-radius:50%;flex-shrink:0;
  background:rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;font-size:32px;
  border:2px solid rgba(255,255,255,.4);
}
.ph-name{font-size:19px;font-weight:700;display:flex;align-items:center;gap:8px;}
.ph-badge{
  font-size:11px;font-weight:500;background:#FFD666;color:#874D00;
  padding:1px 8px;border-radius:20px;
}
.ph-sub{font-size:12.5px;opacity:.88;margin-top:3px;}
.ph-stats{
  display:flex;margin-top:20px;
  background:rgba(255,255,255,.16);border-radius:12px 12px 0 0;overflow:hidden;
}
.ph-stat{flex:1;text-align:center;padding:12px 4px;}
.ph-stat b{display:block;font-size:20px;font-weight:700;}
.ph-stat span{font-size:11px;opacity:.85;}

/* ---------- 定位语 ---------- */
.pitch{
  background:#fff;margin:0;padding:16px 18px;
  font-size:14.5px;line-height:1.75;color:#444;
}
.pitch b{color:#07C160;}

/* ---------- 区块标题 ---------- */
.sec-title{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 18px 10px;font-size:16px;font-weight:700;
}
.sec-sub{font-size:12px;color:#9AA0A6;font-weight:400;}

/* ---------- 服务卡网格 ---------- */
.service-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 12px;
}
.svc-card{
  background:#fff;border-radius:14px;padding:16px 14px;
  box-shadow:0 1px 6px rgba(0,0,0,.05);
  transition:transform .12s;
}
.svc-card:active{transform:scale(.97);}
.svc-ico{
  width:44px;height:44px;border-radius:12px;font-size:24px;
  display:flex;align-items:center;justify-content:center;margin-bottom:10px;
}
.svc-name{font-size:15.5px;font-weight:600;margin-bottom:4px;}
.svc-tag{font-size:11.5px;color:#9AA0A6;line-height:1.5;}

/* ---------- 资质背书 ---------- */
.cred-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 12px;
}
.cred-item{
  background:#fff;border-radius:10px;padding:12px;
  display:flex;align-items:center;gap:8px;
  font-size:12.5px;line-height:1.45;color:#444;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.cred-ico{font-size:18px;flex-shrink:0;}

/* ---------- 微信 CTA 条 ---------- */
.wx-cta{
  margin:20px 12px 8px;padding:16px;
  background:linear-gradient(100deg,#07C160,#05A852);
  border-radius:14px;display:flex;align-items:center;gap:12px;
  box-shadow:0 4px 14px rgba(7,193,96,.28);
  color:#fff;
}
.wx-cta:active{filter:brightness(.96);}
.wxc-left{flex:1;}
.wxc-title{font-size:15px;font-weight:600;margin-bottom:3px;}
.wxc-sub{font-size:12px;opacity:.9;}
.wxc-btn{
  background:#fff;color:#07C160;font-size:14px;font-weight:700;
  padding:9px 18px;border-radius:22px;white-space:nowrap;
}

/* ---------- 服务详情 ---------- */
.svc-head{
  border-radius:14px;padding:24px 20px;color:#fff;margin-bottom:18px;
  text-align:center;
}
.sh-ico{font-size:40px;margin-bottom:8px;}
.svc-head h1{font-size:22px;font-weight:700;margin-bottom:4px;}
.svc-head p{font-size:13px;opacity:.9;margin-bottom:10px;}
.sh-license{
  display:inline-block;font-size:12px;background:rgba(255,255,255,.22);
  padding:4px 12px;border-radius:20px;
}
.svc-desc{font-size:15px;line-height:1.8;color:#444;margin-bottom:20px;}
.svc-h3{font-size:15px;font-weight:700;margin:8px 0 12px;}
.svc-ul{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;}
.svc-ul li{
  display:flex;gap:10px;font-size:15px;line-height:1.6;color:#333;
  padding-left:2px;
}
.tick{
  color:#07C160;font-weight:700;flex-shrink:0;
  width:20px;height:20px;border-radius:50%;background:#E8F7EE;
  display:flex;align-items:center;justify-content:center;font-size:12px;
  margin-top:2px;
}

/* ---------- 流程步骤 ---------- */
.process-wrap{padding:20px 16px 8px;background:#fff;min-height:60vh;}
.step-item{display:flex;gap:14px;}
.step-line{display:flex;flex-direction:column;align-items:center;}
.step-dot{
  width:30px;height:30px;border-radius:50%;flex-shrink:0;
  background:#07C160;color:#fff;font-size:14px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
}
.step-bar{width:2px;flex:1;background:#E8F7EE;margin:2px 0;min-height:34px;}
.step-body{padding-bottom:22px;flex:1;}
.step-title{font-size:15.5px;font-weight:600;margin-bottom:4px;}
.step-desc{font-size:13.5px;color:#7A8085;line-height:1.6;}

/* ---------- 关于我 ---------- */
.about-wrap{background:#fff;min-height:60vh;padding-bottom:24px;}
.about-card{padding:24px 20px;text-align:center;border-bottom:8px solid #F5F6F7;}
.about-avatar{
  width:72px;height:72px;border-radius:50%;margin:0 auto 12px;
  background:linear-gradient(135deg,#07C160,#049B4D);
  display:flex;align-items:center;justify-content:center;font-size:36px;
}
.about-card h2{font-size:18px;font-weight:700;margin-bottom:14px;}
.about-card p{font-size:14.5px;line-height:1.85;color:#555;text-align:left;margin-bottom:12px;}
.about-card p b{color:#07C160;}

.why-list{padding:0 16px;display:flex;flex-direction:column;gap:14px;}
.why-item{display:flex;gap:12px;align-items:flex-start;}
.wi-ico{
  width:38px;height:38px;border-radius:10px;background:#E8F7EE;
  display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;
}
.why-item b{font-size:15px;display:block;margin-bottom:3px;}
.why-item p{font-size:13.5px;color:#7A8085;line-height:1.6;}

/* ---------- FAQ ---------- */
.faq-wrap{padding:0 16px;}
.faq-item{border-bottom:1px solid #F0F0F0;}
.faq-q{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 2px;font-size:15px;font-weight:500;color:#222;
}
.faq-q:active{opacity:.6;}
.faq-arrow{
  font-size:20px;color:#07C160;flex-shrink:0;width:22px;text-align:center;
  transition:transform .2s;
}
.faq-a{
  font-size:14px;line-height:1.8;color:#666;
  max-height:0;overflow:hidden;transition:max-height .28s ease,padding .28s;
  padding:0 2px;
}
.faq-item.open .faq-a{max-height:400px;padding:0 2px 16px;}

/* ---------- 联系页 ---------- */
.contact-wrap{background:#fff;min-height:60vh;padding:20px 16px 30px;}
.contact-card{
  background:linear-gradient(160deg,#07C160,#049B4D);
  border-radius:16px;padding:26px 20px;text-align:center;color:#fff;
  box-shadow:0 6px 20px rgba(7,193,96,.28);
}
.cc-ico{font-size:40px;margin-bottom:10px;}
.contact-card h2{font-size:19px;font-weight:700;margin-bottom:10px;}
.contact-card p{font-size:13.5px;line-height:1.7;opacity:.92;margin-bottom:16px;}
.cc-wxid{
  font-size:15px;background:rgba(255,255,255,.2);
  padding:10px;border-radius:10px;margin-bottom:12px;
}
.cc-wxid b{font-size:18px;letter-spacing:2px;}
.cc-copy{
  width:100%;height:44px;border-radius:22px;background:#fff;color:#07C160;
  font-size:15px;font-weight:700;
}
.cc-copy:active{transform:scale(.98);}
.cc-tip{font-size:12px;opacity:.85;margin-top:12px;margin-bottom:0 !important;}

.contact-info{margin-top:18px;background:#F8F9FA;border-radius:14px;padding:6px 16px;}
.ci-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #EDEDED;}
.ci-row:last-child{border-bottom:none;}
.ci-row span:first-child{font-size:18px;}
.ci-row b{font-size:14px;display:block;margin-bottom:2px;color:#333;}
.ci-row p{font-size:13px;color:#7A8085;line-height:1.5;}

.services-foot{
  text-align:center;font-size:12.5px;color:#9AA0A6;
  padding:20px 20px 30px;
}

/* 7 项服务：最后一张卡片跨列展示，避免落单 */
.service-grid > .svc-card:last-child:nth-child(odd){
  grid-column:1 / -1;
  display:flex;align-items:center;gap:14px;
}
.service-grid > .svc-card:last-child:nth-child(odd) .svc-ico{margin-bottom:0;}
.service-grid > .svc-card:last-child:nth-child(odd) .svc-name{font-size:16px;}
.service-grid > .svc-card:last-child:nth-child(odd) .svc-tag{flex:1;}

/* ============================================================
   追加：信息入口版样式
   ============================================================ */

/* ---------- 品牌 Hero ---------- */
.brand-hero{
  background:linear-gradient(160deg,#07C160,#049B4D);
  color:#fff;padding:26px 20px 22px;
}
.bh-title{font-size:21px;font-weight:700;line-height:1.45;margin-bottom:8px;}
.bh-sub{font-size:13.5px;opacity:.9;line-height:1.7;margin-bottom:14px;}
.bh-tags{display:flex;flex-wrap:wrap;gap:6px;}
.bh-tags span{
  font-size:11.5px;background:rgba(255,255,255,.2);
  padding:3px 10px;border-radius:20px;
}

/* ---------- 需求输入 ---------- */
.need-entry{
  margin:-12px 12px 0;background:#fff;border-radius:14px;
  padding:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);position:relative;z-index:2;
}
.ne-label{font-size:13px;color:#7A8085;margin-bottom:10px;}
.ne-input{
  height:44px;border-radius:22px;background:#F5F6F7;
  display:flex;align-items:center;gap:8px;padding:0 16px;
  color:#9AA0A6;font-size:14px;
}
.ne-input:active{background:#EFF0F1;}
.ne-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.ne-chip{
  font-size:13px;color:#07C160;background:#E8F7EE;
  padding:5px 14px;border-radius:20px;
}
.ne-chip:active{background:#d5f0e0;}

/* ---------- 七板块网格 ---------- */
.info-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 12px;
}
.info-card{
  background:#fff;border-radius:14px;padding:16px 14px;
  box-shadow:0 1px 6px rgba(0,0,0,.05);
  transition:transform .12s;
}
.info-card:active{transform:scale(.97);}
.ic-ico{
  width:44px;height:44px;border-radius:12px;font-size:24px;
  display:flex;align-items:center;justify-content:center;margin-bottom:10px;
}
.ic-name{font-size:16px;font-weight:600;margin-bottom:4px;}
.ic-desc{font-size:11.5px;color:#9AA0A6;line-height:1.5;margin-bottom:8px;}
.ic-cnt{font-size:12px;color:#07C160;font-weight:500;}

/* ---------- 信息卡金额 ---------- */
.fc-pay{color:#FA5151;font-weight:600;}

/* ---------- 板块筛选条 ---------- */
.tab-filter{
  position:sticky;top:var(--header-h);z-index:40;
  display:flex;gap:8px;overflow-x:auto;padding:10px 12px;
  background:#fff;border-bottom:1px solid #EDEDED;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.tab-filter::-webkit-scrollbar{display:none;}
.tf-chip{
  flex-shrink:0;font-size:13px;color:#576B95;
  background:#F5F6F7;padding:6px 14px;border-radius:18px;white-space:nowrap;
  transition:all .15s;
}
.tf-chip.on{background:#07C160;color:#fff;font-weight:600;}
.tf-chip:active{opacity:.8;}

/* ---------- 信息详情头 ---------- */
.lg-head{
  border-radius:14px;padding:22px 20px;color:#fff;margin-bottom:16px;
  display:flex;align-items:center;gap:14px;
}
.lg-ico{font-size:38px;}
.lg-cat{font-size:15px;font-weight:600;opacity:.95;}
.lg-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;}
.lg-tag{
  font-size:12.5px;color:#576B95;background:#F5F6F7;
  padding:4px 12px;border-radius:20px;
}
.lg-tag.lg-price{color:#FA5151;background:#FFF1F0;font-weight:600;}

/* ---------- 服务入口说明 ---------- */
.svc-intro{padding:16px 18px 4px;background:#fff;}
.svc-intro p{font-size:14px;line-height:1.7;color:#555;}
.svc-intro b{color:#07C160;}

/* ---------- 免费发布提示 ---------- */
.pub-note{
  margin-top:18px;background:#FFF8E1;border-radius:14px;padding:16px;
  border-left:3px solid #F5A623;
}
.pub-note b{font-size:14.5px;color:#8A5A00;display:block;margin-bottom:6px;}
.pub-note p{font-size:13.5px;color:#7A5C00;line-height:1.7;}

/* ============================================================
   追加：文化板块 + 反诈骗样式
   ============================================================ */

/* ---------- 英文副标题 ---------- */
.fc-en{
  font-size:12px;color:#576B95;font-style:italic;
  margin-bottom:4px;letter-spacing:.2px;
}
.lg-en{font-size:12.5px;opacity:.85;font-style:italic;}
.lg-en-big{
  font-size:14px;color:#576B95;font-style:italic;
  margin:-6px 0 12px;
}
.ic-en{
  font-size:10.5px;color:#8C8C8C;font-style:italic;
  margin-bottom:6px;line-height:1.4;
}

/* ---------- 文化介绍 ---------- */
.culture-intro{
  padding:0 18px 10px;font-size:13px;color:#7A8085;line-height:1.6;
}

/* ---------- 防诈骗警示框 ---------- */
.fraud-box{
  background:#FFF1F0;border:1px solid #FFCCC7;border-radius:10px;
  padding:13px 15px;font-size:13.5px;line-height:1.7;color:#CF1322;
  margin:18px 0;
}
.fraud-box::before{content:"";display:block;}

/* ---------- 举报按钮（复用 da-btn，颜色区分） ---------- */
#daReport{color:#FA5151;}

/* ---------- 免费互助入口 ---------- */
.help-promo{
  margin:12px;padding:16px;border-radius:14px;
  background:linear-gradient(100deg,#FFF7E6,#FFEFDB);
  border:1px solid #FFD591;
  display:flex;align-items:center;gap:12px;
}
.help-promo:active{filter:brightness(.98);}
.hp-ico{font-size:26px;}
.hp-body{flex:1;min-width:0;}
.hp-title{font-size:14.5px;font-weight:700;color:#874D00;margin-bottom:3px;}
.hp-sub{font-size:12px;color:#A15C00;}
.hp-go{
  font-size:12px;color:#fff;background:#FA8C16;
  padding:4px 10px;border-radius:16px;white-space:nowrap;
}

/* ---------- 中英切换按钮 ---------- */
.lang-btn{
  height:30px;padding:0 12px;border-radius:15px;
  background:rgba(255,255,255,.22);
  border:1px solid rgba(255,255,255,.4);
  color:#fff;font-size:13px;font-weight:600;line-height:28px;
  font-family:inherit;flex:none;
}
.lang-btn:active{background:rgba(255,255,255,.4);}

/* ---------- 英文模式提示条 ---------- */
.en-note{
  margin:0 0 12px;padding:10px 14px;border-radius:10px;
  background:#E8F3FF;color:#1C6DD0;
  font-size:12.5px;line-height:1.7;
}

/* ---------- 关注我们（视频号/公众号） ---------- */
.follow-card{
  margin:0 12px 10px;padding:14px;border-radius:14px;
  background:#fff;border:1px solid #EAEAEA;
  display:flex;align-items:center;gap:12px;
}
.follow-card:active{background:#F7F7F7;}
.fl-ico{
  width:44px;height:44px;border-radius:12px;flex:none;
  display:flex;align-items:center;justify-content:center;font-size:24px;
  background:#F2F9F4;
}
.fl-body{flex:1;min-width:0;}
.fl-name{font-size:15px;font-weight:700;color:#1A1A1A;display:flex;align-items:center;gap:6px;}
.fl-badge{
  font-size:10px;font-weight:600;color:#07C160;background:#E8F8EE;
  padding:1px 6px;border-radius:8px;flex:none;
}
.fl-sub{font-size:12px;color:#999;margin-top:3px;}
.fl-go{font-size:12px;color:#07C160;white-space:nowrap;flex:none;}

/* ---------- 免责声明按钮 ---------- */
.disc-btn{
  display:block;width:100%;margin:14px 0 4px;padding:11px 14px;
  border:1px dashed #D9D9D9;border-radius:10px;background:#FAFAFA;
  color:#999;font-size:12px;line-height:1.6;font-family:inherit;text-align:center;
}
.disc-btn:active{background:#F0F0F0;}

/* ============================================================
   电脑端适配（≥820px）：窄列居中、栅格紧凑
   ============================================================ */
@media (min-width: 820px){
  html{background:#E8ECEE;}
  body{
    max-width:850px;margin:0 auto;
    box-shadow:0 0 60px rgba(0,0,0,.10);
    font-size:15.5px;
  }
  .tabbar{
    left:50%;right:auto;transform:translateX(-50%);
    width:100%;max-width:850px;
  }
  .score-float{
    right:calc(50% - 425px + 16px);
  }
  .service-grid,
  .info-grid{
    grid-template-columns:repeat(3,1fr);gap:13px;padding:0 18px;
  }
  .cred-grid{
    grid-template-columns:repeat(3,1fr);gap:12px;padding:0 18px;
  }
  .svc-card,.info-card{padding:16px 14px;}
  .ml-list,.ne-chips{padding:0 16px;}
  .app-header .header-inner{max-width:850px;margin:0 auto;padding:0 16px;}
}

/* ============================================================
   首页紧凑卡片墙（门户风）
   ============================================================ */
.mini-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:0 12px;
}
.mini-card{
  background:#fff;border-radius:12px;padding:11px 11px 9px;
  box-shadow:0 1px 5px rgba(0,0,0,.05);
  display:flex;flex-direction:column;gap:6px;
  cursor:pointer;transition:transform .12s,box-shadow .12s;
  min-height:96px;
}
.mini-card:active{transform:scale(.97);}
.mc-top{display:flex;align-items:center;justify-content:space-between;gap:6px;}
.mc-ico{font-size:17px;line-height:1;}
.mc-badge{
  font-size:10px;color:#07C160;background:#E8F7EE;
  padding:1.5px 6px;border-radius:8px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:74px;
}
.mc-title{
  font-size:13px;font-weight:600;line-height:1.42;color:#1A1A1A;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  flex:1;
}
.mc-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;}
.mc-pay{font-size:11.5px;font-weight:700;color:#FA5151;white-space:nowrap;}
.mc-tag{font-size:10px;color:#9AA0A6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* 电脑端：门户网格加密到 4 列 */
@media (min-width: 820px){
  .mini-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 14px;}
  .mini-card{min-height:110px;padding:14px 13px 11px;}
  .mc-title{font-size:14px;}
}

/* ---------- 关于页：三类朋友 + 三条坚持 ---------- */
.focus-list{display:flex;flex-direction:column;gap:10px;padding:0 12px;}
.focus-item{
  background:#fff;border-radius:12px;padding:14px;
  display:flex;gap:11px;box-shadow:0 1px 5px rgba(0,0,0,.05);
}
.fi-ico{
  width:40px;height:40px;border-radius:11px;flex-shrink:0;
  background:#E8F7EE;font-size:20px;
  display:flex;align-items:center;justify-content:center;
}
.fi-t{font-size:14.5px;font-weight:700;margin-bottom:4px;color:#1A1A1A;}
.fi-p{font-size:12.5px;line-height:1.65;color:#666;}

.rule-list{display:flex;flex-direction:column;gap:8px;padding:0 12px;}
.rule-item{
  background:#fff;border-radius:10px;padding:12px 14px;
  display:flex;gap:10px;align-items:flex-start;
  font-size:12.5px;line-height:1.65;color:#555;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.ri-n{
  width:20px;height:20px;border-radius:50%;flex-shrink:0;
  background:#07C160;color:#fff;font-size:11.5px;font-weight:700;
  display:flex;align-items:center;justify-content:center;margin-top:1px;
}
@media (min-width: 820px){
  .focus-list,.rule-list{padding:0 16px;}
}

/* ---------- 免费发布入口 ---------- */
.pub-banner{
  margin:12px 12px 4px;padding:14px;
  background:linear-gradient(135deg,#FFF8E8,#FFF2D6);
  border:1px solid #F5E0B0;border-radius:14px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  cursor:pointer;
}
.pb-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;}
.pb-ico{font-size:22px;flex-shrink:0;}
.pb-title{font-size:14.5px;font-weight:700;color:#8A5A00;margin-bottom:2px;}
.pb-sub{font-size:11.5px;color:#A98545;line-height:1.5;}
.pb-btn{
  flex-shrink:0;font-size:12.5px;font-weight:600;color:#fff;
  background:#FF9F0A;padding:7px 14px;border-radius:20px;
  white-space:nowrap;
}
.pub-banner:active .pb-btn{opacity:.85;}

.pub-inline{
  margin:10px 12px 0;padding:11px 13px;
  background:#F3FBF7;border:1px dashed #B9E5CC;border-radius:11px;
  display:flex;align-items:center;gap:8px;
  font-size:12px;color:#3C7A5A;cursor:pointer;
}
.pi-ico{font-size:14px;flex-shrink:0;}
.pi-txt{flex:1;line-height:1.5;}
.pi-btn{color:#07C160;font-weight:600;white-space:nowrap;}
@media (min-width: 820px){
  .pub-banner{margin:14px 16px 6px;}
  .pub-inline{margin:12px 16px 0;}
}

/* ---------- 分享二维码卡片 ---------- */
.qr-card{
  margin:14px 16px 6px;background:#fff;border-radius:18px;
  padding:20px 18px 16px;text-align:center;
  border:1.5px solid #E6F7EE;
  box-shadow:0 3px 14px rgba(7,193,96,.09);
}
.qr-head{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;}
.qr-t{font-size:16.5px;font-weight:800;color:#1A1A1A;}
.qr-s{font-size:12.5px;color:#8A9099;}
.qr-img-wrap{
  display:inline-block;padding:10px;border-radius:14px;
  background:#fff;border:1.5px solid #EDF1F4;
}
.qr-img-wrap img{display:block;width:190px;height:190px;border-radius:8px;}
.qr-foot{margin-top:12px;}
.qr-url{font-size:15px;font-weight:700;color:#07C160;letter-spacing:.3px;}
.qr-tip{margin-top:6px;font-size:12px;color:#B0B6BD;}
@media (min-width: 820px){
  .qr-card{margin:16px 18px 8px;}
  .qr-img-wrap img{width:170px;height:170px;}
}

/* ---------- 分享二维码：紧凑横条 ---------- */
.qr-bar{
  margin:14px 16px 8px;background:#fff;border-radius:16px;
  padding:12px 14px;display:flex;align-items:center;gap:12px;
  border:1.5px solid #EEF2F5;
}
.qb-img{width:74px;height:74px;border-radius:10px;border:1px solid #EDF1F4;flex-shrink:0;}
.qb-body{display:flex;flex-direction:column;gap:3px;min-width:0;}
.qb-t{font-size:14.5px;font-weight:700;color:#1A1A1A;}
.qb-s{font-size:12px;color:#8A9099;}
.qb-url{font-size:13px;font-weight:700;color:#07C160;margin-top:2px;}
@media (min-width: 820px){
  .qr-bar{margin:16px 18px 8px;}
  .qb-img{width:84px;height:84px;}
}

/* ---------- 品牌信息卡 ---------- */
.brand-card{
  margin:0 16px 14px;background:#fff;border-radius:18px;
  padding:18px 16px;border:1.5px solid #EDF1F4;
}
.bc-name{font-size:17px;font-weight:800;color:#07C160;margin-bottom:10px;}
.bc-row{font-size:13.5px;color:#444;line-height:2;}
.bc-note{
  margin-top:10px;padding-top:10px;border-top:1px dashed #E4E9ED;
  font-size:12.5px;color:#7A848E;line-height:1.9;text-align:justify;
}
@media (min-width:820px){ .brand-card{margin:0 18px 14px;} }

/* 可点击地点标签 */
.lg-loc{cursor:pointer;color:#1a73e8;border-color:#D6E4FF;}
.lg-loc:active{opacity:.7;}

/* 可点击地点标签 */
.lg-loc{cursor:pointer;color:#1a73e8;}
.lg-loc:active{opacity:.7;}