/* 手赚同城 · H5 用户端（与设计稿 v2 / task 同一套 token） */
/* 分享海报弹层（覆盖旧 .mask/.sheet 规则） */
.mask{align-items:flex-end;z-index:60;}
.sheet{position:relative;left:auto;right:auto;bottom:auto;max-width:100%;width:100%;
  max-height:92vh;display:flex;flex-direction:column;overflow:hidden;}
.sheet-h{font-size:15px;font-weight:700;text-align:center;margin:0 0 10px;color:#16181D;flex:none;}
.poster-box{flex:1 1 auto;min-height:0;overflow:auto;border-radius:12px;background:#F5F6F8;padding:6px;display:flex;align-items:flex-start;justify-content:center;}
.poster-box img{width:auto;max-width:100%;max-height:46vh;object-fit:contain;display:block;border-radius:10px;}
.sheet-tip{font-size:11.5px;color:#9098A6;line-height:1.7;margin:8px 2px 10px;flex:none;}
.sheet-btns{display:flex;gap:8px;flex:none;}
.sheet-btns .btn{width:auto;flex:1 1 0;min-width:0;font-size:13px;height:42px;}
:root{
  --brand:#FF6B2C; --brand-dark:#E4561A; --brand-soft:#FFF2EB;
  --ink:#16181D; --ink2:#4B5563; --ink3:#9098A6; --line:#EDEFF3; --bg:#F5F6F8;
  --r-l:16px; --r-m:12px; --r-s:9px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,Arial,sans-serif;font-size:14px;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;border:0;background:none;cursor:pointer;color:inherit;}
#app{max-width:520px;margin:0 auto;min-height:100vh;background:var(--bg);padding-bottom:76px;position:relative;}

/* 顶部 */
.nav-bar{position:sticky;top:0;z-index:20;background:#fff;height:50px;display:flex;align-items:center;
  padding:0 14px;gap:10px;border-bottom:1px solid var(--line);}
.nav-bar .back{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#16181D;}
.nav-bar h2{margin:0;font-size:16px;font-weight:600;flex:1;}
.nav-bar .rt{font-size:12.5px;color:var(--ink3);}

/* 首页头部 */
.home-head{background:#fff;padding:12px 14px 12px;}
.home-head .r1{display:flex;align-items:center;gap:10px;}
.loc{font-size:15px;font-weight:600;white-space:nowrap;}
select.loc{border:0;background:transparent;outline:none;color:var(--ink);font-family:inherit;
  appearance:none;-webkit-appearance:none;padding:0 2px;}
.search{flex:1;height:34px;background:var(--bg);border-radius:999px;display:flex;align-items:center;
  gap:7px;padding:0 14px;font-size:13px;color:var(--ink3);}
.search input{border:0;background:none;outline:none;flex:1;font-size:13px;color:var(--ink);}

/* 类目 */
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:6px 4px;padding:14px 6px 4px;background:#fff;}
/* 首页数据条：一行三格，累计浏览 / 今日浏览 / 信息条数 */
.hstat{display:flex;align-items:center;margin:9px 0 0;padding:7px 4px;
  font-size:11px;color:var(--ink3);}
.hstat span{flex:1 1 0;min-width:0;display:flex;align-items:baseline;justify-content:center;gap:4px;
  white-space:nowrap;}
.hstat b{font-size:12.5px;font-weight:700;color:var(--brand-dark);}
.hstat i{width:1px;height:12px;background:var(--line);flex:none;}
.hstat .flame{width:11px;height:11px;flex:none;margin:0 3px 0 0;fill:var(--brand);align-self:center;}
.cat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0;font-size:12px;color:var(--ink2);}
.cat .ic{width:44px;height:44px;border-radius:13px;background:var(--brand-soft);display:flex;
  align-items:center;justify-content:center;font-size:18px;}
.cat .ic svg{width:24px;height:24px;stroke:var(--brand-dark);fill:none;stroke-width:1.7;}
.catico{width:26px;height:26px;object-fit:contain;display:block}

/* 通用块 */
.sec{margin:10px 12px 0;background:#fff;border-radius:var(--r-l);padding:13px 14px;
  box-shadow:0 3px 14px rgba(22,24,29,.05);}
.sec-h{display:flex;align-items:center;margin-bottom:10px;}
.sec-h b{font-size:15px;}
.sec-h .more{margin-left:auto;font-size:12px;color:var(--ink3);}
.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chip{font-size:12px;padding:7px 12px;border-radius:999px;background:var(--bg);color:var(--ink2);border:1px solid transparent;}
.chip.on{background:var(--brand-soft);color:var(--brand-dark);font-weight:600;border-color:#FFD9C6;}

/* 信息卡片 */
.card{background:#fff;border-radius:var(--r-l);overflow:hidden;box-shadow:0 3px 14px rgba(22,24,29,.05);
  margin-bottom:10px;}
.card .cover{height:150px;background:#EDEFF3;position:relative;overflow:hidden;}
.card .cover img{width:100%;height:100%;object-fit:cover;}
.card .cover .pin{position:absolute;top:8px;left:8px;background:rgba(255,107,44,.95);color:#fff;
  font-size:10.5px;padding:3px 7px;border-radius:5px;}
.card .body{padding:11px 13px 13px;}
.card .title{font-size:15px;font-weight:600;line-height:1.4;}
.card .desc{margin-top:5px;font-size:12px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.card .meta{display:flex;align-items:flex-end;justify-content:space-between;margin-top:9px;}
.card .price{color:var(--brand);font-weight:700;font-size:17px;}
.card .price em{font-style:normal;font-size:11px;color:var(--ink3);font-weight:400;margin-left:4px;}
.card .sort{font-size:11px;color:var(--ink3);}

/* 置顶竖排 */
.top-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);}
.top-row:last-child{border-bottom:0;}
.top-row .th{width:64px;height:64px;border-radius:10px;background:#F1F2F5;flex:none;overflow:hidden;}
.top-row .th img{width:100%;height:100%;object-fit:cover;}
.top-row .tb{flex:1;min-width:0;}
.top-row .tb .t{font-size:14px;font-weight:600;line-height:1.4;}
.top-row .tb .m{font-size:11px;color:var(--ink3);margin-top:5px;}
.top-row .go{flex:none;align-self:center;font-size:11.5px;color:var(--brand-dark);background:#FFF7F3;border:1px solid #FFD9C6;border-radius:9px;padding:4px 9px;
  white-space:nowrap;}
.top-row .tp{color:var(--brand);font-weight:700;font-size:14.5px;align-self:center;white-space:nowrap;}

/* 任务速递 */
.tk-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);}
.tk-row:last-child{border-bottom:0;}
.tk-num{width:44px;text-align:center;flex:none;}
.tk-num b{display:block;color:var(--brand);font-size:15px;font-weight:700;}
.tk-num span{font-size:10px;color:var(--ink3);}
.tk-b{flex:1;min-width:0;}
.tk-b .t{font-size:13.5px;font-weight:600;line-height:1.4;}
.tk-b .m{font-size:11px;color:var(--ink3);margin-top:3px;}
.tk-go{flex:none;font-size:12px;color:#fff;background:var(--brand);border-radius:999px;padding:6px 12px;}

/* 列表 */
.list-item{display:flex;gap:10px;background:#fff;border-radius:var(--r-m);padding:11px;
  margin-bottom:9px;box-shadow:0 2px 10px rgba(22,24,29,.04);}
.list-item .im{width:92px;height:76px;border-radius:9px;background:#EDEFF3;flex:none;overflow:hidden;}
.list-item .im img{width:100%;height:100%;object-fit:cover;}
.list-item .bd{flex:1;min-width:0;}
.list-item .t{font-size:14px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;}
.list-item .m{font-size:11px;color:var(--ink3);margin-top:6px;}
.list-item .p{color:var(--brand);font-weight:700;font-size:15px;margin-top:5px;}

/* 按钮 */
.btn{display:flex;align-items:center;justify-content:center;height:46px;border-radius:13px;
  background:var(--brand);color:#fff;font-size:15px;font-weight:600;width:100%;}
.btn.ghost{background:#fff;color:var(--ink2);border:1px solid var(--line);font-weight:500;}
.btn.off{background:#E6E9EE;color:#A8AFBB;}
.btn.sm{height:36px;font-size:13px;border-radius:10px;}
.cta{position:fixed;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;background:#fff;
  border-top:1px solid var(--line);padding:10px 14px 16px;display:flex;gap:10px;z-index:30;}

/* 底栏 */
.tabbar{position:fixed;left:0;right:0;bottom:0;max-width:520px;margin:0 auto;height:60px;background:#fff;
  border-top:1px solid var(--line);display:flex;align-items:center;z-index:31;padding-bottom:2px;}
.tabbar .tb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  font-size:10.5px;color:var(--ink3);}
.tabbar .tb svg{width:22px;height:22px;stroke:var(--ink3);fill:none;stroke-width:1.7;}
.tabbar .tb.on{color:var(--brand-dark);font-weight:600;}
.tabbar .tb.on svg{stroke:var(--brand);}
.tabbar .tb.pub{flex:0 0 58px;}
.tabbar .plus{width:44px;height:44px;border-radius:50%;background:var(--brand);display:flex;
  align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(255,107,44,.35);margin-top:-14px;}
.tabbar .plus svg{width:20px;height:20px;stroke:#fff;stroke-width:2.4;}

/* 表单 */
.frow{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;}
.frow:last-child{border-bottom:0;}
.frow .k{flex:0 0 68px;color:var(--ink2);font-size:13.5px;}
.frow .k i{font-style:normal;color:var(--brand-dark);margin-right:2px;}
.frow input,.frow select,.frow textarea{flex:1;border:0;outline:none;font-size:14px;color:var(--ink);background:none;
  font-family:inherit;}
.frow textarea{min-height:74px;resize:none;padding-top:4px;}
.frow .v{flex:1;color:var(--ink3);font-size:13px;}
.ph{color:#B6BCC7;}

/* 详情 */
.detail-cover{height:190px;background:#EDEFF3;}
.detail-cover img{width:100%;height:100%;object-fit:cover;}
.detail-box{margin:-16px 12px 0;background:#fff;border-radius:var(--r-l);padding:14px;position:relative;
  box-shadow:0 3px 14px rgba(22,24,29,.05);}
.detail-box .t{font-size:18px;font-weight:700;line-height:1.4;}
.detail-box .p{color:var(--brand);font-size:22px;font-weight:700;margin-top:8px;}
.detail-box .m{font-size:11.5px;color:var(--ink3);margin-top:8px;}
.detail-box .txt{font-size:13.5px;color:var(--ink2);line-height:1.85;margin-top:12px;white-space:pre-wrap;}
.phone-locked{display:flex;align-items:center;gap:10px;background:var(--brand-soft);border-radius:12px;
  padding:12px;margin-top:12px;font-size:13px;color:#B0410F;}
.phone-locked svg{width:18px;height:18px;stroke:#E4561A;}

/* 我的 */
.mine-head{background:#fff;padding:16px 14px 14px;display:flex;align-items:center;gap:12px;}
.ava{width:52px;height:52px;border-radius:50%;background:var(--brand-soft);display:flex;align-items:center;
  justify-content:center;color:var(--brand-dark);font-weight:700;font-size:18px;}
.mine-head .nm{font-size:16px;font-weight:600;}
.mine-head .sub{font-size:11.5px;color:var(--ink3);margin-top:4px;}
.bell{margin-left:auto;width:34px;height:34px;border-radius:50%;background:var(--bg);display:flex;
  align-items:center;justify-content:center;position:relative;}
.bell svg{width:19px;height:19px;stroke:var(--ink2);fill:none;stroke-width:1.7;}
.bell .dot{position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--brand);}
.grid9{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 4px;background:#fff;margin:10px 12px 0;
  border-radius:var(--r-l);padding:16px 8px;box-shadow:0 3px 14px rgba(22,24,29,.05);}
.grid9 .g{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--ink2);}
.grid9 .g .gbal{font-size:10.5px;color:var(--brand-dark);margin-top:-3px;font-weight:600;}
.grid9 .g .ic{width:40px;height:40px;border-radius:12px;background:var(--brand-soft);display:flex;
  align-items:center;justify-content:center;font-size:17px;position:relative;}
.grid9 .g .ic svg{width:22px;height:22px;stroke:var(--brand-dark);fill:none;stroke-width:1.7;}
.grid9 .g .need{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;
  background:var(--brand);box-shadow:0 0 0 2px #fff;}

/* 举报行 */
.report-row{display:flex;align-items:center;gap:10px;margin:10px 12px 0;padding:11px 13px;
  background:#fff;border-radius:var(--r-s);box-shadow:0 2px 10px rgba(22,24,29,.04);}
.report-row .ic{width:30px;height:30px;border-radius:9px;background:var(--brand-soft);display:flex;
  align-items:center;justify-content:center;flex:none;}
.report-row .ic svg{width:18px;height:18px;stroke:var(--brand-dark);fill:none;stroke-width:1.7;}
.report-row .tx{flex:1;min-width:0;}
.report-row .tx b{display:block;font-size:12.5px;color:var(--ink);font-weight:600;line-height:1.5;}
.report-row .tx span{display:block;font-size:11px;color:var(--ink3);line-height:1.5;margin-top:2px;}
.report-row .go{flex:none;font-size:12px;color:var(--brand-dark);border:1px solid #FFD9C6;background:#FFF7F3;
  border-radius:999px;padding:4px 10px;}

/* tabs */
.tabs2{display:flex;background:#fff;border-radius:0;border-bottom:1px solid var(--line);position:sticky;top:50px;z-index:19;}
.tabs2 .t2{flex:1;text-align:center;padding:11px 0;font-size:14px;color:var(--ink2);position:relative;}
.tabs2 .t2.on{color:var(--brand-dark);font-weight:600;}
.tabs2 .t2.on:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:3px;
  width:22px;height:3px;border-radius:2px;background:var(--brand);}

/* 消息 */
.msg{display:flex;gap:10px;background:#fff;padding:13px 14px;border-bottom:1px solid var(--line);}
.msg:last-child{border-bottom:0;}
.msg .ic{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);flex:none;display:flex;
  align-items:center;justify-content:center;font-size:15px;}
.msg .bd{flex:1;min-width:0;}
.msg .tt{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;}
.msg .ud{width:6px;height:6px;border-radius:50%;background:var(--brand);}
.msg .ds{font-size:11.5px;color:var(--ink3);line-height:1.6;margin-top:3px;}
.msg .tm{font-size:10.5px;color:#C3C8D1;margin-top:4px;}

/* 空态 / 提示 */
.empty{text-align:center;color:var(--ink3);font-size:12.5px;padding:40px 0;}
.toast{position:fixed;left:50%;bottom:120px;transform:translateX(-50%);background:rgba(22,24,29,.88);
  color:#fff;font-size:13px;padding:10px 16px;border-radius:10px;z-index:99;}
.mask{position:fixed;inset:0;background:rgba(22,24,29,.45);z-index:40;display:flex;align-items:flex-end;
  max-width:520px;margin:0 auto;}
.sheet{width:100%;background:#fff;border-radius:18px 18px 0 0;padding:16px 16px 24px;}
.sheet h3{margin:0 0 4px;font-size:17px;}
.sheet p{margin:0 0 14px;font-size:12.5px;color:var(--ink3);line-height:1.7;}
.choose{display:flex;flex-direction:column;gap:10px;}
.ch{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;padding:14px;}
.ch.on{border-color:#FFCDB2;background:#FFF9F5;}
.ch .ic2{width:40px;height:40px;border-radius:11px;background:var(--brand-soft);display:flex;
  align-items:center;justify-content:center;font-size:18px;}
.ch .ic2 svg{width:22px;height:22px;stroke:var(--brand-dark);fill:none;stroke-width:1.7;}
.ch .tx b{display:block;font-size:14.5px;}
.ch .tx span{font-size:11.5px;color:var(--ink3);}
.szbanner{background:linear-gradient(135deg,#FF7A38,#FF5A16);color:#fff;border-radius:14px;padding:16px;}
.szbanner b{font-size:16px;}
.szbanner p{margin:6px 0 0;font-size:11.5px;opacity:.92;line-height:1.7;}
.pts{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;}
.pts span{font-size:10.5px;background:rgba(255,255,255,.18);border-radius:999px;padding:4px 9px;}

/* 弹层里的补充说明框 */
.sheet textarea{width:100%;min-height:70px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;
  font-size:13px;font-family:inherit;color:var(--ink);outline:none;resize:none;box-sizing:border-box;background:#FAFBFC;}
.sheet textarea:focus{border-color:#FFCDB2;background:#fff;}

.warn-tip{margin:10px 0 0;background:#FFFBEB;border:1px solid #FDE68A;color:#92400E;
  border-radius:11px;padding:9px 12px;font-size:11.5px;line-height:1.7;}
.warn-tip b{display:block;color:#B45309;font-size:12px;margin-bottom:2px;}

.sk-wrap{padding:12px;}
.sk{display:flex;gap:10px;background:#fff;border-radius:14px;padding:12px;margin-bottom:10px;}
.sk-th{width:76px;height:76px;border-radius:11px;flex:none;
  background:linear-gradient(90deg,#F1F2F5 25%,#E8EAF0 37%,#F1F2F5 63%);background-size:400% 100%;
  animation:skm 1.3s ease infinite;}
.sk-bd{flex:1;}
.sk-l{height:12px;border-radius:6px;margin-bottom:9px;
  background:linear-gradient(90deg,#F1F2F5 25%,#E8EAF0 37%,#F1F2F5 63%);background-size:400% 100%;
  animation:skm 1.3s ease infinite;}
.sk-l.w70{width:70%;} .sk-l.w55{width:55%;} .sk-l.w40{width:40%;}
@keyframes skm{0%{background-position:100% 50%;}100%{background-position:0 50%;}}

/* 任务卡（压缩版） */
.tkc{display:flex;gap:10px;align-items:center;background:#fff;border-radius:13px;padding:12px 13px;
  margin:0 0 9px;box-shadow:0 2px 10px rgba(22,24,29,.04);}
.tkc-l{flex:1;min-width:0;}
.tkc-t{font-size:14.5px;font-weight:600;line-height:1.4;color:#16181D;display:flex;align-items:center;gap:6px;}
.tkc-t span.tkc-tag{flex:none;font-size:10.5px;font-weight:600;color:#B0410F;background:#FFF2EB;
  border:1px solid #FFD9C6;border-radius:6px;padding:1px 5px;}
.tkc-t span.tkc-tag.off{color:#6B7280;background:#F1F2F5;border-color:#E3E6EC;}
.tkc-m{font-size:11px;color:#9098A6;margin-top:6px;line-height:1.6;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tkc-r{flex:none;text-align:right;max-width:110px;}
.tkc-r b{display:block;color:#FF6B2C;font-size:17px;font-weight:700;line-height:1.2;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tkc-r span{font-size:10.5px;color:#9098A6;}

/* 报名名单顶部数字 */
.tk-sum{display:flex;gap:10px;margin-top:10px;}
.tk-sum div{flex:1;background:#F7F8FA;border-radius:11px;padding:9px 0;text-align:center;}
.tk-sum b{display:block;color:#FF6B2C;font-size:19px;font-weight:700;}
.tk-sum span{font-size:11px;color:#9098A6;}

/* 开关 */
.sw{width:46px;height:26px;border-radius:13px;background:#E6E9EE;position:relative;flex:0 0 auto;
  transition:background .18s;}
.sw i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.15);transition:left .18s;}
.sw[data-on="1"]{background:#FF6B2C;}
.sw[data-on="1"] i{left:23px;}

/* 下拉刷新提示 */
.ptr{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:80;display:none;
  background:rgba(22,24,29,.82);color:#fff;font-size:12px;padding:6px 14px;border-radius:14px;}

/* ---------- 发布信息：分表单 ---------- */
.pubwrap{padding:0 12px 10px;}
.pubwrap .sec{margin-top:10px;}
.sec-x{float:right;color:#9098A6;font-size:11.5px;font-weight:400;}
.sec-x .req{color:#E4561A;font-style:normal;}
.frow.fcol{display:block;}
.frow.fcol .k{display:block;margin-bottom:6px;}
.frow .unit{color:#9098A6;font-size:12px;flex:0 0 auto;}
.frow .dyn-chips{flex:1;}
.chip.sm{font-size:11.5px;padding:5px 10px;}
.pubtip{font-size:11.5px;color:#9098A6;padding:10px 2px 0;}
.attr-box{background:#FAFBFC;border:1px solid #EDEFF3;border-radius:10px;padding:4px 12px;margin:10px 0 4px;}
.attr-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #F1F3F7;font-size:13px;}
.attr-row:last-child{border-bottom:0;}
.attr-row span{color:#9098A6;flex:0 0 auto;}
.attr-row b{color:#16181D;font-weight:600;text-align:right;}
.pv-mask{position:fixed;inset:0;background:rgba(16,18,22,.55);z-index:60;display:flex;align-items:flex-end;}
.pv{background:#fff;border-radius:16px 16px 0 0;width:100%;max-height:86vh;overflow:auto;padding:18px 16px 20px;}
.pv-h{color:#9098A6;font-size:11.5px;margin-bottom:6px;}
.pv-t{font-size:17px;font-weight:700;color:#16181D;line-height:1.45;}
.pv-rows{margin:10px 0;}
.pv-r{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:6px 0;border-bottom:1px dashed #F1F3F7;}
.pv-r span{color:#9098A6;}
.pv-r b{color:#16181D;}
.pv-c{font-size:13.5px;color:#4B5563;line-height:1.8;margin:10px 0 4px;}
.pv-a{display:flex;gap:10px;margin-top:14px;}
.pv-a .btn{flex:1;}
.btn.ghost{background:#F5F6F8;color:#4B5563;}

/* ---------- 发布页：滚动选择器 ---------- */
.frow.pick{cursor:pointer;}
.frow.pick .v.on{color:#16181D;}
.frow.pick .ar{color:#C7CCD6;flex:0 0 auto;font-size:16px;line-height:1;}
.sheet{background:#fff;width:100%;border-radius:16px 16px 0 0;max-height:72vh;display:flex;flex-direction:column;overflow:hidden;}
.sheet-h{padding:14px 16px;border-bottom:1px solid #EDEFF3;display:flex;align-items:center;justify-content:space-between;font-size:14.5px;font-weight:700;color:#16181D;}
.sheet-h .x{color:#9098A6;font-size:12.5px;font-weight:400;}
.sheet-list{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0 14px;}
.sheet-it{padding:12px 16px;font-size:14px;color:#4B5563;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F7F8FA;}
.sheet-it:last-child{border-bottom:0;}
.sheet-it.on{color:#E4561A;font-weight:700;background:#FFF8F4;}
.sheet-it .ok{color:#FF6B2C;font-size:13px;}

/* 发布页：大类 + 小类并排，一次选完 */
.catrow{display:flex;align-items:stretch;background:#fff;border-radius:12px;overflow:hidden;}
.pickcell{flex:1;display:flex;align-items:center;gap:8px;padding:13px 12px;cursor:pointer;min-width:0;}
.pickcell.has-sub{border-left:1px solid #EDEFF3;}
.pickcell .cl{color:#9098A6;font-size:12px;flex:0 0 auto;}
.pickcell .cv{flex:1;color:#16181D;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pickcell .ar{color:#C7CCD6;font-size:15px;line-height:1;flex:0 0 auto;}

/* 类别选择器：左大类 / 右小类，两列一屏 */
.casc{display:flex;height:52vh;max-height:380px;border-top:1px solid #EDEFF3;}
.casc-col{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0 12px;}
.casc-l{flex:0 0 42%;border-right:1px solid #EDEFF3;background:#FAFBFC;}
.casc-r{flex:1;}
.casc-it{padding:11px 14px;font-size:14px;color:#4B5563;display:flex;align-items:center;justify-content:space-between;}
.casc-l .casc-it.on{background:#FFF2EB;color:#E4561A;font-weight:700;}
.casc-r .casc-it.on{color:#E4561A;font-weight:700;}
.casc-r .casc-it.on:after{content:'✓';color:#FF6B2C;font-size:13px;}
.casc-none{color:#B6BCC8;font-size:13px;padding:16px 14px;}
.casc-ok{padding:10px 14px 14px;}
.casc-ok .btn{width:100%;}

/* 发布页：类别入口（明显的胶囊标记） */
.catpick{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:14px 14px;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.04);}
.catpick .cpill{flex:0 0 auto;background:#FFF2EB;color:#E4561A;border:1px solid #FFD9C6;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;letter-spacing:.5px;}
.catpick .cval{flex:1;font-size:14.5px;font-weight:600;color:#9098A6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.catpick.has .cval{color:#16181D;}
.catpick .ar{color:#C7CCD6;font-size:16px;line-height:1;flex:0 0 auto;}
.dyn-hint{background:#FAFBFC;border:1px dashed #E3E7EE;border-radius:10px;color:#9098A6;font-size:12.5px;padding:14px;margin:10px 0;text-align:center;}

/* 薪资范围：两个数字框 */
.rng{display:flex;align-items:center;gap:6px;flex:1;min-width:0;}
.rng input{flex:1;min-width:0;text-align:right;}
.rng .dash{color:#C7CCD6;font-size:13px;flex:0 0 auto;}

/* 发布页：图片上传 */
.imgwrap{padding:12px 16px;}
.imgwrap .k{display:block;margin-bottom:10px;}
.imgwrap .k .opt{color:#9098A6;font-weight:400;font-size:11.5px;}
.imgs{display:flex;flex-wrap:wrap;gap:8px;}
.img-cell{position:relative;width:76px;height:76px;border-radius:9px;overflow:hidden;background:#F5F6F8;}
.img-cell img{width:100%;height:100%;object-fit:cover;display:block;}
.img-cell .cover{position:absolute;left:0;bottom:0;background:rgba(228,86,26,.9);color:#fff;font-size:10px;padding:1px 5px;border-radius:0 6px 0 0;}
.img-cell .del{position:absolute;right:3px;top:3px;width:17px;height:17px;line-height:15px;text-align:center;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:12px;cursor:pointer;}
.img-cell.add{border:1px dashed #D8DCE4;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#9098A6;font-size:11px;cursor:pointer;}
.img-cell.add b{font-size:19px;color:#FF6B2C;font-weight:400;line-height:1;}
.pv-img img{width:100%;max-height:150px;object-fit:cover;border-radius:8px;margin-bottom:8px;display:block;}
.detail-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;}
.detail-img{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#F5F6F8;}
.detail-img img{width:100%;height:100%;object-fit:cover;display:block;}

/* 详情页：留言输入 */
.cmt-box{display:flex;gap:8px;align-items:center;padding:10px 0 12px;}
.cmt-box input{flex:1;min-width:0;background:#F5F6F8;border:none;border-radius:999px;padding:10px 14px;font-size:13.5px;color:#16181D;outline:none;}
.cmt-box .btn.sm{flex:0 0 auto;padding:0 16px;height:36px;line-height:36px;border-radius:999px;font-size:13px;}

/* 留言输入：修正按钮被拉满宽 */
.cmt-box .btn.sm{width:auto;min-width:74px;flex:0 0 auto;padding:0 16px;}
.cmt-box input{width:auto;flex:1 1 auto;}

/* 详情底部：三个按钮 + 解锁后提示 */
.cta.cta3{gap:8px;}
.cta.cta3 .btn{flex:1 1 0;min-width:0;font-size:13.5px;padding:0 4px;}
.phone-unlocked{background:#E9F8EF;color:#12A150;border-radius:12px;padding:12px 14px;font-size:13.5px;line-height:1.5;margin-top:4px;}

/* 无图底图：分类色块 + 分类文字 */
.ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--ph-bg,#F2F4F7);}
.ph b{color:var(--ph-fg,#4B5563);font-size:14px;font-weight:600;letter-spacing:1px;}
.ph span{color:var(--ph-fg,#4B5563);opacity:.72;font-size:11px;letter-spacing:.5px;}
.detail-cover .ph b{font-size:26px;letter-spacing:3px;}
.detail-cover .ph span{font-size:13px;}
.list-item .im .ph b{font-size:13px;}

/* 同城任务：列表卡片（左图右文，无图用类目色块） */
.tkc2{display:flex;gap:10px;background:#fff;border-radius:13px;padding:10px;margin-bottom:10px;
  box-shadow:0 2px 8px rgba(22,24,29,.05);align-items:stretch;}
.tkc2-th{flex:0 0 92px;height:92px;border-radius:10px;overflow:hidden;background:#F5F6F8;}
.tkc2-th img{width:100%;height:100%;object-fit:cover;display:block;}
.tkc2-bd{flex:1;min-width:0;display:flex;flex-direction:column;}
.tkc2-f{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;}
.tkc2-f b{color:#FF6B2C;font-size:16.5px;font-weight:700;}
.tkc2-f span{font-size:10.5px;color:#9098A6;}

/* 任务详情封面：没图时就是一块类目底色 + 类目名 */
.task-cover .ph{border-radius:0;}

/* 发任务类目弹层：三列小格子 */
.catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px 18px;
  max-height:56vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.cgt{background:#F5F6F8;border:1px solid #EDEFF3;border-radius:12px;padding:12px 6px 10px;text-align:center;}
.cgt i{display:block;width:26px;height:26px;margin:0 auto 6px;color:#4B5563;}
.cgt i svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.cgt b{display:block;font-size:13px;color:#16181D;font-weight:600;}
.cgt span{display:block;font-size:10.5px;color:#9098A6;margin-top:3px;line-height:1.5;}
.cgt.on{background:#FFF2EB;border-color:#FFD2BC;}
.cgt.on i,.cgt.on b{color:#E4561A;}

.cta2{display:flex;gap:10px;}
.cta2 .btn{flex:1;}
/* 任务详情：封面与多图（覆盖历史嵌套块导致失效的旧规则） */
.detail-cover{height:200px;background:#EDEFF3;position:relative;overflow:hidden;}
.detail-cover img{width:100% !important;height:100% !important;object-fit:cover;display:block;}
.detail-cover .ph{height:100%;display:flex;align-items:center;justify-content:center;}
.detail-imgs{display:flex;gap:8px;padding:10px 12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.detail-imgs .detail-img{flex:0 0 112px;height:112px;border-radius:10px;overflow:hidden;background:#F5F6F8;}
.detail-imgs .detail-img img{width:100%;height:100%;object-fit:cover;display:block;}
.attr-box{margin-top:12px;background:#FAFBFC;border:1px solid #EDEFF3;border-radius:10px;overflow:hidden;}
.attr-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:12.5px;}
.attr-row+.attr-row{border-top:1px dashed #EEF0F4;}
.attr-row span{color:#9098A6;}
.attr-row b{color:#16181D;font-weight:600;max-width:65%;text-align:right;}
.phone-unlocked{display:flex;align-items:center;gap:8px;background:#EAF7EF;color:#0E8A5F;border-radius:10px;
  padding:10px 12px;font-size:12.5px;margin-top:12px;}
/* 任务定价：发布页类目费用提示、列表置顶小按钮 */
.feehint{font-size:11.5px;color:#FF6B2C;padding:6px 2px 0;}
.btn.mini{width:auto;height:28px;padding:0 12px;font-size:12px;border-radius:8px;background:#FF6B2C;color:#fff;border:0;flex:none;}
.tkc2-f{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.feehint:empty{display:none;}

/* 首页弹窗广告 */
.adpop{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:0 34px;}
.adpop-card{position:relative;width:100%;max-width:330px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.28);}
.adpop-img{display:block;width:100%;background:#F5F6F8;}
.adpop-img img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;}
.adpop-b{padding:14px 16px 6px;}
.adpop-b b{display:block;font-size:16px;color:#16181D;line-height:1.4;}
.adpop-b p{margin:6px 0 0;font-size:13px;color:#4B5563;line-height:1.6;}
.adpop-btn{display:block;margin:12px 16px 16px;height:42px;line-height:42px;text-align:center;border-radius:21px;background:#FF6B2C;color:#fff;font-size:15px;font-weight:600;text-decoration:none;}
.adpop-x{position:absolute;top:8px;right:10px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:18px;line-height:1;cursor:pointer;}
/* 弹窗广告：只显示图片 + 广告标识 + 位置/频次 */
.adpop{padding:0 30px;}
.adpop-card{background:transparent;box-shadow:none;border-radius:16px;overflow:hidden;max-width:340px;}
.adpop-img img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;}
.adpop-tag{position:absolute;top:10px;left:10px;z-index:2;background:rgba(0,0,0,.45);color:#fff;font-size:11px;line-height:1;padding:4px 8px;border-radius:4px;letter-spacing:1px;}
.adpop-x{background:rgba(0,0,0,.5);}
.adpop-bottom{align-items:flex-end;padding:0;}
.adpop-bottom .adpop-card{width:100%;max-width:100%;border-radius:18px 18px 0 0;}
.adpop-bottom .adpop-img img{border-radius:18px 18px 0 0;}
.adpop-bottom .adpop-x{top:-14px;right:12px;background:rgba(0,0,0,.55);}
/* 站内解锁广告弹层 */
.uad-mask{position:fixed;inset:0;background:rgba(10,12,16,.82);z-index:900;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;}
.uad-card{position:relative;width:100%;max-width:340px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.35);}
.uad-tag{position:absolute;left:10px;top:10px;z-index:2;background:rgba(0,0,0,.55);color:#fff;font-size:11px;line-height:18px;padding:0 7px;border-radius:4px;letter-spacing:1px;}
.uad-media{width:100%;background:#000;}
.uad-media img{display:block;width:100%;height:auto;max-height:62vh;object-fit:contain;background:#000;}
.uad-media video{display:block;width:100%;max-height:62vh;background:#000;object-fit:contain;}
.uad-tip{text-align:center;font-size:13px;color:#16181D;padding:11px 12px 4px;font-weight:600;}
.uad-tip b{color:#FF6B2C;font-size:15px;}
.uad-sub{text-align:center;font-size:11.5px;color:#9098A6;padding:0 12px 13px;}