/* =========================================================
   任务悬赏 Hunter · 前台样式（PC / 平板 / 手机 响应式单套）
   ========================================================= */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --hf-p:#ff7a1a; --hf-pd:#f2630c; --hf-pl:#ffa058;
  --hf-grad:linear-gradient(135deg,#ff8a2a,#f2630c);
  --hf-ink:#20242d; --hf-sub:#858b99; --hf-line:#eceef3;
  --hf-bg:#f4f5f9; --hf-card:#fff; --hf-r:12px;
  --hf-red:#e5484d; --hf-green:#2f9e44; --hf-orange:#f08c00;
  --hf-blue:#1c7ed6; --hf-purple:#7048e8; --hf-cyan:#0ca678;
}
html{-webkit-text-size-adjust:100%;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--hf-ink);background:var(--hf-bg);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:var(--hf-blue);text-decoration:none;}
a:hover{color:var(--hf-p);}
img{border:0;}
.wrap{max-width:1120px;margin:0 auto;padding:0 14px;}

/* ---------- 顶栏 ---------- */
.hf-top{background:var(--hf-card);border-bottom:1px solid var(--hf-line);position:sticky;top:0;z-index:100;}
.hf-top-in{display:flex;align-items:center;height:60px;gap:8px;}
.hf-logo{font-size:20px;font-weight:800;color:var(--hf-p);letter-spacing:.5px;display:flex;align-items:center;gap:8px;white-space:nowrap;}
.hf-logo i{display:inline-flex;width:34px;height:34px;border-radius:10px;background:var(--hf-grad);color:#fff;font-style:normal;font-weight:800;align-items:center;justify-content:center;font-size:17px;}
.hf-nav{display:flex;gap:2px;margin-left:14px;flex:1;min-width:0;overflow:visible;align-items:center;}
.hf-nav > a{flex:0 0 auto;padding:7px 12px;border-radius:8px;color:var(--hf-sub);font-size:14px;white-space:nowrap;}
.hf-nav > a.on{background:#fff1e6;color:var(--hf-p);font-weight:600;}
.hf-nav > a:hover{color:var(--hf-p);background:#fff7ef;}
/* 功能导航（后台管理，最多三级：一级平铺 + 二级下拉 + 三级右滑） */
.hf-nav-i{position:relative;flex:0 0 auto;}
.hf-nav-a{display:block;padding:7px 11px;border-radius:8px;color:var(--hf-sub);font-size:14px;white-space:nowrap;cursor:pointer;}
.hf-nav-a .hf-nav-caret{display:inline-block;margin-left:3px;font-size:10px;line-height:1;color:#c3c8d2;font-style:normal;transform:scaleY(.85);}
.hf-nav-i:hover > .hf-nav-a{color:var(--hf-p);background:#fff7ef;}
.hf-nav-a.on{background:#fff1e6;color:var(--hf-p);font-weight:600;}
.hf-nav-i.has:hover > .hf-nav-a{border-radius:8px 8px 2px 2px;}
.hf-nav-sub{position:absolute;left:0;top:calc(100% + 6px);min-width:180px;padding:6px;background:#fff;border:1px solid var(--hf-line);border-radius:12px;box-shadow:0 10px 30px rgba(32,36,45,.12);opacity:0;visibility:hidden;transform:translateY(6px);transition:all .18s ease;z-index:160;}
.hf-nav-sub::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;}
.hf-nav-i:hover > .hf-nav-sub{opacity:1;visibility:visible;transform:none;}
.hf-nav-s{position:relative;}
.hf-nav-b{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:8px;color:var(--hf-sub);font-size:13px;white-space:nowrap;}
.hf-nav-b .hf-nav-more{font-size:10px;line-height:1;color:#c3c8d2;font-style:normal;}
.hf-nav-s:hover > .hf-nav-b{color:var(--hf-p);background:#fff7ef;}
.hf-nav-s.on > .hf-nav-b{color:var(--hf-p);font-weight:600;}
.hf-nav-sub3{position:absolute;left:100%;top:-7px;margin-left:2px;min-width:170px;padding:6px;background:#fff;border:1px solid var(--hf-line);border-radius:12px;box-shadow:0 10px 30px rgba(32,36,45,.12);opacity:0;visibility:hidden;transform:translateX(-6px);transition:all .16s ease;z-index:170;}
.hf-nav-sub3::before{content:"";position:absolute;right:100%;top:0;bottom:0;width:8px;}
.hf-nav-s:hover > .hf-nav-sub3{opacity:1;visibility:visible;transform:none;}
.hf-nav-c{display:block;padding:7px 10px;border-radius:8px;color:var(--hf-sub);font-size:13px;white-space:nowrap;}
.hf-nav-c:hover{color:var(--hf-p);background:#fff7ef;}
.hf-nav-c.on{color:var(--hf-p);background:#fff1e6;font-weight:600;}
.hf-user{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap;}
.hf-btn{display:inline-block;padding:8px 16px;border-radius:20px;background:var(--hf-grad);color:#fff!important;font-size:13px;font-weight:600;border:0;cursor:pointer;line-height:1.4;text-align:center;}
.hf-btn:hover{opacity:.92;color:#fff!important;}
.hf-btn-o{background:#fff;border:1px solid var(--hf-p);color:var(--hf-p)!important;}
.hf-btn-o:hover{background:#fff5ec;color:var(--hf-p)!important;}
.hf-btn-ghost{background:transparent;color:var(--hf-sub)!important;}
.hf-btn-ghost:hover{color:var(--hf-p)!important;}
.hf-btn-sm{padding:5px 12px;border-radius:16px;font-size:12px;}
.hf-nick{max-width:120px;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--hf-sub);}

/* ---------- 底部（含移动端底部导航） ---------- */
.hf-foot{background:#fff;border-top:1px solid var(--hf-line);margin-top:34px;padding:22px 0 84px;text-align:center;color:var(--hf-sub);font-size:12px;}
.hf-foot a{margin:0 8px;color:var(--hf-sub);}
.hf-tabbar{display:none;}

/* ---------- 通用面板 ---------- */
.hf-card{background:var(--hf-card);border-radius:var(--hf-r);box-shadow:0 1px 3px rgba(32,36,45,.05);}
.hf-sec-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;margin:22px 0 14px;}
.hf-sec-title::before{content:"";width:4px;height:16px;border-radius:2px;background:var(--hf-grad);}

/* ---------- 徽章 / 按钮组 ---------- */
.hf-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;line-height:20px;color:#fff;font-weight:600;white-space:nowrap;}
.st0{background:var(--hf-green);}.st1{background:var(--hf-blue);}.st2{background:var(--hf-orange);}
.st3{background:var(--hf-sub);}.st4{background:var(--hf-line);color:#a0a6b4;}.st5{background:var(--hf-red);}
.st6{background:var(--hf-orange);}.st7{background:var(--hf-line);color:#a0a6b4;}
.hf-cc-points{color:var(--hf-p);font-weight:700;}
.hf-cc-coins{color:var(--hf-purple);font-weight:700;}
.hf-money{color:var(--hf-red);font-weight:800;}
.hf-muted{color:var(--hf-sub);font-size:12px;}
.hf-empty{padding:56px 16px;text-align:center;color:var(--hf-sub);font-size:14px;}

/* ---------- 分页（think\Page show() 输出：.dataTables_paginate > ul.pagination > li.paginate_button > a） ---------- */
.hf-page{margin:22px 0;}
.hf-page .dataTables_paginate{display:flex;justify-content:center;}
.hf-page .pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:0;list-style:none;}
.hf-page .pagination li{list-style:none;}
.hf-page .pagination a{display:inline-block;min-width:32px;height:32px;line-height:30px;text-align:center;border-radius:8px;background:#fff;border:1px solid var(--hf-line);color:var(--hf-sub);font-size:13px;padding:0 8px;box-sizing:border-box;text-decoration:none;}
.hf-page .pagination a:hover{border-color:var(--hf-p);color:var(--hf-p);}
.hf-page .pagination li.active a{background:var(--hf-grad);border-color:transparent;color:#fff;font-weight:700;}
.hf-page .pagination li.disabled a{opacity:.5;pointer-events:none;}

/* ---------- 大厅 ---------- */
.hf-banner{border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(120deg,#2b2f42,#10131f);color:#fff;padding:30px 30px;margin:16px 0 6px;}
.hf-banner h1{font-size:26px;font-weight:800;margin-bottom:8px;}
.hf-banner p{color:#c7cbd8;font-size:14px;max-width:640px;line-height:1.9;}
.hf-banner-stats{display:flex;gap:22px;margin-top:18px;flex-wrap:wrap;}
.hf-banner-stats b{display:block;font-size:22px;color:var(--hf-p);}
.hf-banner-stats span{font-size:12px;color:#aeb3c2;}
.hf-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px;margin:14px 0;}
.hf-tab{display:inline-block;padding:6px 14px;border-radius:18px;background:#f2f3f8;color:var(--hf-sub);font-size:13px;cursor:pointer;}
.hf-tab.on{background:var(--hf-grad);color:#fff;font-weight:600;}
.hf-search{display:flex;gap:8px;margin-left:auto;}
.hf-search input{height:34px;border:1px solid var(--hf-line);border-radius:18px;padding:0 14px;font-size:13px;outline:0;width:200px;}
.hf-search input:focus{border-color:var(--hf-p);}
.hf-search button{height:34px;padding:0 16px;border:0;border-radius:18px;background:var(--hf-ink);color:#fff;font-size:13px;cursor:pointer;}
.hf-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0;}
.hf-task{display:flex;flex-direction:column;padding:16px;background:var(--hf-card);border-radius:var(--hf-r);border:1px solid transparent;transition:box-shadow .2s,border-color .2s;}
.hf-task:hover{box-shadow:0 6px 18px rgba(32,36,45,.08);border-color:#ffe2cc;}
.hf-task-top{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;}
.hf-task-title{font-size:15px;font-weight:700;color:var(--hf-ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;}
.hf-task-desc{color:var(--hf-sub);font-size:12px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;margin-bottom:10px;word-break:break-all;line-height:1.7;}
.hf-task-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:auto;}
.hf-meta-item{font-size:12px;color:var(--hf-sub);}
.hf-meta-item b{color:var(--hf-ink);font-weight:600;}
.hf-task-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed var(--hf-line);margin-top:12px;padding-top:10px;}
.hf-reward{font-size:13px;}
.hf-reward i{font-style:normal;font-size:17px;}

/* ---------- 详情 ---------- */
.hf-crumb{font-size:12px;color:var(--hf-sub);padding:14px 0 4px;}
.hf-crumb a{color:var(--hf-sub);}
.hf-detail{display:grid;grid-template-columns:1fr 320px;gap:14px;margin-top:8px;}
.hf-d-main{min-width:0;}
.hf-d-head{padding:22px 24px;}
.hf-d-title{font-size:21px;font-weight:800;line-height:1.5;word-break:break-all;}
.hf-d-sub{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--hf-sub);font-size:12px;margin-top:12px;align-items:center;}
.hf-d-reward{background:#fff7ef;border:1px solid #ffe1c8;border-radius:10px;padding:14px 18px;margin:16px 0 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.hf-d-reward .num{font-size:26px;font-weight:800;}
.hf-d-sec{padding:18px 24px;margin-top:14px;}
.hf-d-sec h3{font-size:15px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:6px;}
.hf-d-sec h3::before{content:"";width:4px;height:14px;border-radius:2px;background:var(--hf-grad);}
.hf-content{white-space:pre-wrap;word-break:break-all;color:#3a3f4c;font-size:14px;line-height:1.9;}
.hf-d-side{min-width:0;}
.hf-box{padding:18px;}
.hf-box h4{font-size:14px;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:6px;}
.hf-box h4::before{content:"";width:4px;height:14px;border-radius:2px;background:var(--hf-grad);}
.hf-kv{margin:0;}
.hf-kv div{display:flex;padding:6px 0;font-size:13px;border-bottom:1px dashed #f2f3f6;}
.hf-kv div:last-child{border-bottom:0;}
.hf-kv label{width:86px;color:var(--hf-sub);flex-shrink:0;}
.hf-kv span{flex:1;word-break:break-all;}
.hf-ops{display:flex;flex-direction:column;gap:10px;margin-top:6px;}
.hf-ops .hf-btn{width:100%;border-radius:10px;padding:11px 16px;font-size:14px;}
.hf-finish-box,.hf-eval-box,.hf-mdi-box,.hf-reason-box{background:#fff8f3;border:1px solid #ffe0c6;border-radius:10px;padding:12px;margin-top:14px;display:none;}
.hf-finish-box textarea,.hf-eval-box textarea,.hf-mdi-box textarea,.hf-reason-box textarea{width:100%;min-height:84px;border:1px solid #ffd9b8;border-radius:8px;padding:10px;font-size:13px;resize:vertical;outline:0;font-family:inherit;}
.hf-sub-line{margin-top:10px;display:flex;gap:10px;justify-content:flex-end;}
.hf-countdown{color:var(--hf-orange);font-weight:700;}
.hf-warnbox{background:#fff7e6;border:1px solid #ffe1a6;color:#9a6700;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.8;margin-bottom:12px;}
.hf-mediator-box{background:#fff0f0;border:1px solid #ffc9c9;color:#a61e1e;border-radius:10px;padding:14px;font-size:13px;margin-top:14px;line-height:1.9;word-break:break-all;}
.hf-evals .hf-eval{padding:14px 0;border-bottom:1px dashed var(--hf-line);}
.hf-evals .hf-eval:last-child{border-bottom:0;}
.hf-eval-top{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--hf-sub);flex-wrap:wrap;}
.hf-eval-stars{color:#ffb020;letter-spacing:1px;font-size:13px;}
.hf-eval-text{font-size:13px;margin-top:6px;word-break:break-all;line-height:1.8;color:#3a3f4c;}

/* ---------- 表单 ---------- */
.hf-form{padding:20px 24px;max-width:720px;margin-top:14px;}
.hf-form h2{font-size:17px;font-weight:800;margin-bottom:4px;}
.hf-form .tip{font-size:12px;color:var(--hf-sub);margin-bottom:18px;}
.hf-f-row{margin-bottom:16px;}
.hf-f-row label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;}
.hf-f-row label em{color:var(--hf-red);font-style:normal;margin-right:3px;}
.hf-f-row input[type=text],.hf-f-row textarea,.hf-f-row input[type=number]{width:100%;border:1px solid var(--hf-line);border-radius:10px;padding:10px 12px;font-size:14px;outline:0;font-family:inherit;transition:border-color .2s;}
.hf-f-row textarea{min-height:140px;resize:vertical;line-height:1.8;}
.hf-f-row input:focus,.hf-f-row textarea:focus{border-color:var(--hf-p);}
.hf-radio{display:inline-flex;align-items:center;gap:6px;margin-right:18px;cursor:pointer;font-size:14px;}
.hf-radio input{accent-color:var(--hf-p);width:15px;height:15px;}
.hf-balance{background:#fff7ef;border:1px dashed #ffd0a8;border-radius:10px;padding:10px 14px;font-size:13px;color:#a3500c;margin-bottom:16px;}
.hf-amounts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px;}
.hf-amt{flex:1 1 22%;min-width:96px;border:1px solid var(--hf-line);border-radius:10px;padding:14px 8px;text-align:center;cursor:pointer;transition:all .15s;}
.hf-amt.on{border-color:var(--hf-p);background:#fff3e8;box-shadow:0 0 0 1px var(--hf-p) inset;}
.hf-amt b{display:block;font-size:17px;color:var(--hf-ink);}
.hf-amt span{font-size:11px;color:var(--hf-sub);}
.hf-rate-note{font-size:12px;color:var(--hf-sub);margin:6px 0 4px;}

/* ---------- 发布页：主表单 + 右侧栏 ---------- */
.hf-pub{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:14px;margin-top:14px;align-items:start;}
.hf-pub-main{min-width:0;}
.hf-pub-main .hf-form{max-width:none;margin-top:0;}
.hf-pub-side{min-width:0;display:flex;flex-direction:column;gap:14px;}
.hf-side-hd-tt{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:var(--hf-ink);}
.hf-side-hd-tt .h5-icn{font-style:normal;font-size:16px;}
.hf-side-hd-sub{margin-left:auto;font-size:12px;color:var(--hf-sub);white-space:nowrap;}
.hf-side-hd-sub:hover{color:var(--hf-p);}

/* 发布流程（竖排步骤） */
.hf-ps{padding:6px 16px 10px;}
.hf-ps-step{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px dashed #f2f3f6;}
.hf-ps-step:last-child{border-bottom:0;}
.hf-ps-no{width:24px;height:24px;border-radius:50%;background:var(--hf-grad);color:#fff;font-style:normal;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;margin-top:2px;}
.hf-ps-step b{display:block;font-size:13px;color:var(--hf-ink);}
.hf-ps-step p{margin:2px 0 0;font-size:12px;color:var(--hf-sub);line-height:1.7;}

/* 平台保障（图标列表） */
.hf-g-ls{padding:2px 16px 8px;}
.hf-g-item{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed #f2f3f6;}
.hf-g-item:last-child{border-bottom:0;}
.hf-g-item .ic{width:28px;height:28px;border-radius:9px;background:#fff1e6;color:var(--hf-p);font-style:normal;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;}
.hf-g-item b{display:block;font-size:13px;color:var(--hf-ink);}
.hf-g-item p{margin:2px 0 0;font-size:12px;color:var(--hf-sub);line-height:1.7;}

/* 快捷入口 */
.hf-pub-nav{padding:0;}
.hf-pub-nav-bd{padding:12px 16px 16px;}
.hf-pub-nav-tip{font-size:12px;color:var(--hf-sub);line-height:1.8;margin-bottom:12px;}
.hf-pub-nav-btns{display:flex;gap:10px;}
.hf-pub-nav-btns .hf-btn{flex:1;border-radius:10px;padding:9px 0;font-size:13px;}

/* 我的任务侧栏：栏目导航 */
.hf-my-nav{padding:6px 10px 10px;}
.hf-my-nav a{display:flex;align-items:center;gap:8px;padding:8px 8px;border-radius:8px;color:var(--hf-ink);font-size:13px;min-width:0;}
.hf-my-nav a:hover{background:#fff7ef;color:var(--hf-p);}
.hf-my-nav a i{font-style:normal;font-size:15px;width:20px;text-align:center;flex-shrink:0;}
.hf-my-nav a b{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hf-my-nav a .n{background:#fff1e6;color:var(--hf-p);font-size:11px;font-weight:700;min-width:20px;height:20px;line-height:20px;border-radius:10px;text-align:center;padding:0 6px;flex-shrink:0;}
.hf-my-nav a.on{color:var(--hf-p);background:#fff5ec;font-weight:600;}
.hf-my-nav a.on .n{background:var(--hf-grad);color:#fff;}

/* ---------- 钱包 ---------- */
.hf-wallet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px;}
.hf-wcard{padding:20px;display:flex;align-items:center;gap:14px;}
.hf-wcard .ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0;}
.hf-wcard .ic.pt{background:var(--hf-grad);}
.hf-wcard .ic.cn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);}
.hf-wcard b{font-size:22px;font-weight:800;display:block;line-height:1.3;}
.hf-wcard span{font-size:12px;color:var(--hf-sub);}
.hf-tabline{display:flex;gap:4px;border-bottom:1px solid var(--hf-line);margin:20px 0 0;overflow-x:auto;}
.hf-tabline a{padding:10px 16px;font-size:14px;color:var(--hf-sub);border-bottom:2px solid transparent;white-space:nowrap;}
.hf-tabline a.on{color:var(--hf-p);border-color:var(--hf-p);font-weight:700;}
.hf-flow{background:#fff;border-radius:var(--hf-r);}
.hf-flow .row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #f5f6f9;}
.hf-flow .row:last-child{border-bottom:0;}
.hf-flow .t{flex:1;min-width:0;}
.hf-flow .t b{display:block;font-size:13px;color:var(--hf-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hf-flow .t span{font-size:11px;color:var(--hf-sub);}
.hf-f-in{color:var(--hf-green);font-weight:800;font-size:15px;white-space:nowrap;}
.hf-f-out{color:var(--hf-red);font-weight:800;font-size:15px;white-space:nowrap;}

/* ---------- 充值 ---------- */
.hf-recharge-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;}
.hf-order-tbl{width:100%;font-size:13px;border-collapse:collapse;}
.hf-order-tbl th{background:#f8f9fc;padding:10px 12px;text-align:left;color:var(--hf-sub);font-weight:600;white-space:nowrap;}
.hf-order-tbl td{padding:10px 12px;border-top:1px solid var(--hf-line);white-space:nowrap;}
.hf-pay-tips{background:#fff8f3;border:1px dashed #ffcf9e;border-radius:10px;padding:14px 16px;font-size:13px;line-height:2;color:#8a4b0b;word-break:break-all;}

/* ---------- 订单支付页（pay.htm） ---------- */
.hf-pay-item{display:flex;align-items:center;gap:12px;border:1px solid var(--hf-line);border-radius:12px;padding:14px 16px;margin-bottom:12px;background:#fff;transition:border-color .2s,box-shadow .2s;}
.hf-pay-item:hover{border-color:var(--hf-p);box-shadow:0 4px 14px rgba(99,102,241,.08);}
.hf-pay-item .hf-pay-ic{width:42px;height:42px;border-radius:10px;color:#fff;font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hf-pay-ic.wechat{background:#07c160;}
.hf-pay-ic.alipay{background:#1677ff;}
.hf-pay-item .hf-pay-info{flex:1;min-width:0;}
.hf-pay-item .hf-pay-name{font-size:14px;font-weight:600;color:var(--hf-ink);}
.hf-pay-item .hf-pay-desc{font-size:12px;color:var(--hf-sub);margin-top:3px;}
/* 单选指示圈 */
.hf-pay-item .hf-pay-check{width:18px;height:18px;border-radius:50%;border:2px solid #d4d8e2;flex-shrink:0;position:relative;transition:border-color .2s;box-sizing:border-box;}
.hf-pay-item.active .hf-pay-check{border-color:var(--hf-p);}
.hf-pay-item.active .hf-pay-check::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--hf-grad);}
/* 统一支付按钮（选择渠道后点击支付） */
.hf-pay-go{width:100%;padding:12px 16px;font-size:15px;border-radius:24px;margin-top:4px;}
.hf-pay-go[disabled]{opacity:.6;cursor:not-allowed;}
/* 主按钮下的次要操作：弱化为细链接行 */
.hf-pay-acts{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;font-size:12.5px;}
.hf-pay-acts a{color:var(--hf-sub);text-decoration:none;transition:color .2s;}
.hf-pay-acts a:hover{color:var(--hf-p);}
.hf-pay-acts i{width:1px;height:10px;background:#e2e6ee;}
.hf-mask{position:fixed;inset:0;background:rgba(15,18,26,.55);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;}
.hf-mask.show{display:flex;}
.hf-qr-box{background:#fff;border-radius:14px;padding:26px 30px;max-width:340px;width:100%;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.18);}
.hf-qr-box .hf-qr-img{width:204px;height:204px;margin:16px auto 0;border:1px solid #eef0f4;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;}
.hf-qr-box .hf-qr-img img{width:200px;height:200px;}
.hf-qr-box .tip{font-size:13px;color:#e5484d;margin:14px 0 0;font-weight:600;}
.hf-qr-box .sub{font-size:12px;color:#858b99;margin-top:6px;line-height:1.7;}
.hf-qr-box .hf-qr-close{margin-top:16px;width:100%;}
/* 双栏布局 */
.hf-pay-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;margin-top:16px;align-items:start;}
.hf-pay-grid .hf-form{max-width:none;margin-top:0;}
.hf-pay-grid .hf-form h2{display:flex;align-items:center;gap:8px;}
.hf-pay-grid .hf-form h2::before{content:"";width:4px;height:18px;border-radius:2px;background:var(--hf-grad);}
.hf-pay-side{display:flex;flex-direction:column;gap:14px;min-width:0;}
.hf-pay-side .hf-card{padding:18px 20px;}
.hf-ps-tt{font-size:14px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:7px;color:var(--hf-ink);}
.hf-ps-tt::before{content:"";width:3px;height:14px;border-radius:2px;background:var(--hf-grad);}
/* 金额摘要卡 */
.hf-ps-sum{background:linear-gradient(135deg,var(--hf-p),#a855f7);color:#fff;box-shadow:0 6px 16px rgba(99,102,241,.22);}
.hf-ps-sum .t{font-size:12px;opacity:.85;}
.hf-ps-sum .amt{font-size:34px;font-weight:800;line-height:1.25;display:block;margin:4px 0;word-break:break-all;}
.hf-ps-sum .amt small{font-size:13px;font-weight:500;opacity:.9;}
.hf-ps-sum .misc{display:flex;justify-content:space-between;align-items:center;font-size:12px;opacity:.95;padding-top:12px;margin-top:12px;border-top:1px dashed rgba(255,255,255,.35);}
.hf-ps-sum .misc .ok{display:inline-block;padding:2px 9px;border-radius:20px;background:rgba(255,255,255,.22);}
/* 提示列表 */
.hf-ps-list{list-style:none;margin:0;padding:0;}
.hf-ps-list li{display:flex;gap:9px;padding:6px 0;font-size:12.5px;color:var(--hf-sub);line-height:1.7;}
.hf-ps-list li:last-child{padding-bottom:0;}
.hf-ps-list li i{flex-shrink:0;width:19px;height:19px;border-radius:50%;background:#eef0fe;color:var(--hf-p);font-style:normal;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:3px;}
/* 流程步骤 */
.hf-ps-steps{list-style:none;counter-reset:st;margin:0;padding:0;}
.hf-ps-steps li{counter-increment:st;position:relative;padding:0 0 18px 32px;font-size:13px;color:var(--hf-sub);line-height:1.7;}
.hf-ps-steps li:last-child{padding-bottom:0;}
.hf-ps-steps li b{color:var(--hf-ink);}
.hf-ps-steps li::before{content:counter(st);position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--hf-grad);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.hf-ps-steps li::after{content:"";position:absolute;left:9px;top:24px;bottom:0;width:2px;background:#eef0fe;}
.hf-ps-steps li:last-child::after{display:none;}
@media (max-width:900px){
  .hf-pay-grid{grid-template-columns:1fr;}
  .hf-pay-side{order:2;}
}

/* ---------- 我的任务卡片复用列表 ---------- */
.hf-mini-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;}

/* =========================================================
   P2 多功能化：分类导航 / 动态字段 / 附件上传 / 附件展示 /
   帮助中心 / 提现弹窗
   ========================================================= */
/* 大厅分类导航 */
.hf-catbar{padding:12px 14px;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:14px 18px;}
.hf-cat-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px 4px;border-left:1px dashed var(--hf-line);padding-left:16px;}
.hf-cat-group:first-of-type{border-left:0;padding-left:0;}
.hf-cat{display:inline-block;padding:5px 12px;border-radius:16px;font-size:13px;color:var(--hf-sub);background:#f2f3f8;cursor:pointer;}
.hf-cat.on{background:var(--hf-grad);color:#fff;font-weight:600;}
.hf-cat-subs{display:inline-flex;flex-wrap:wrap;gap:4px;}
.hf-cat-subs a{padding:3px 9px;border-radius:14px;font-size:12px;color:var(--hf-sub);}
.hf-cat-subs a.on{color:var(--hf-p);background:#fff1e6;font-weight:600;}
.hf-cat-subs a:hover{background:#fff7ef;}

/* 表单：分类选择 / select 样式 */
.hf-f-row select,.ht-ctl select,.ht-ctl input[type=text],.ht-ctl input[type=number],.ht-ctl input[type=date],.ht-ctl textarea{
  width:100%;border:1px solid var(--hf-line);border-radius:10px;padding:10px 12px;font-size:14px;outline:0;font-family:inherit;background:#fff;transition:border-color .2s;
}
.ht-ctl textarea{min-height:84px;resize:vertical;line-height:1.8;}
.hf-f-row select:focus,.ht-ctl select:focus,.ht-ctl input:focus,.ht-ctl textarea:focus{border-color:var(--hf-p);}
.hf-cat-sel{display:flex;gap:10px;flex-wrap:wrap;}
.hf-cat-sel select{flex:1 1 46%;min-width:200px;}

/* 附件上传组件 */
.ht-up .ht-up-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;}
.ht-up-item{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--hf-line);background:#f8f9fc;border-radius:10px;padding:5px 8px;max-width:100%;}
.ht-up-item img{width:34px;height:34px;border-radius:6px;object-fit:cover;flex-shrink:0;}
.ht-up-item .ht-up-ic{font-style:normal;font-size:18px;color:var(--hf-sub);flex-shrink:0;line-height:1;}
.ht-up-item a{font-size:12px;color:var(--hf-ink);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ht-up-item a:hover{color:var(--hf-p);}
.ht-up-del{font-style:normal;cursor:pointer;color:#a0a6b4;font-size:16px;padding:0 2px;flex-shrink:0;}
.ht-up-del:hover{color:var(--hf-red);}

/* 详情：任务要求 + 附件展示 */
.hf-cond .hf-cond-row{display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed #f2f3f6;font-size:13px;line-height:1.8;}
.hf-cond .hf-cond-row:last-child{border-bottom:0;}
.hf-cond-row label{width:120px;flex-shrink:0;color:var(--hf-sub);word-break:break-all;}
.hf-cond-row .c{flex:1;min-width:0;color:#3a3f4c;word-break:break-all;}
.hf-att{display:flex;flex-direction:column;gap:8px;}
.hf-att-item{display:flex;align-items:center;gap:8px;border:1px solid var(--hf-line);border-radius:10px;padding:8px 12px;color:var(--hf-ink);font-size:13px;background:#fbfcfe;}
.hf-att-item:hover{border-color:var(--hf-p);color:var(--hf-p);}
.hf-att-item i{font-style:normal;color:var(--hf-sub);}
.hf-att-item .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hf-att-item .m{font-size:11px;color:var(--hf-sub);flex-shrink:0;}

/* 钱包工具条 */
.hf-wtools{padding:16px;margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;}

/* 提现 / 通用弹窗 */
.ht-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(16,19,31,.55);z-index:300;display:flex;align-items:center;justify-content:center;padding:14px;}
.ht-dialog{background:#fff;border-radius:14px;width:100%;max-width:440px;max-height:88vh;overflow:auto;display:flex;flex-direction:column;}
.ht-dialog .hd{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--hf-line);font-size:16px;font-weight:700;}
.ht-mask-close{font-style:normal;cursor:pointer;color:#a0a6b4;font-size:20px;line-height:1;padding:0 2px;}
.ht-mask-close:hover{color:var(--hf-red);}
.ht-dialog .bd{padding:16px 18px;}
.ht-dialog .ft{display:flex;justify-content:flex-end;gap:10px;padding:0 18px 18px;}

/* 帮助中心 */
.hf-art{padding:6px 18px;}
.hf-art-item{display:block;padding:15px 2px;border-bottom:1px solid #f2f3f6;}
.hf-art-item:last-child{border-bottom:0;}
.hf-art-item .t{font-size:15px;font-weight:600;color:var(--hf-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hf-art-item:hover .t{color:var(--hf-p);}
.hf-art-item .m{display:flex;align-items:center;gap:10px;margin-top:7px;font-size:12px;color:var(--hf-sub);}
.hf-art-detail{padding:22px 26px;}
.hf-art-detail h1{font-size:20px;font-weight:800;line-height:1.5;word-break:break-all;}
.hf-art-detail .m{display:flex;align-items:center;gap:10px;margin:12px 0 18px;font-size:12px;color:var(--hf-sub);}
.hf-art-detail .hf-content{max-width:760px;}
.hf-catmenu{display:flex;flex-direction:column;gap:2px;}
.hf-catmenu a{padding:8px 10px;border-radius:8px;font-size:13px;color:var(--hf-sub);}
.hf-catmenu a:hover{background:#fff7ef;color:var(--hf-p);}
.hf-catmenu a.on{background:#fff1e6;color:var(--hf-p);font-weight:600;}

/* =========================================================
   P3 报名审核 + 多单名额 + 会员中心
   ========================================================= */
/* 详情头部：招募名额条 */
.ht-mode-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;background:#fff;border:1px dashed #e3e6f0;border-radius:10px;padding:10px 14px;margin:14px 0 0;font-size:13px;color:#4b5162;}
.ht-mode-bar b{font-weight:800;color:var(--hf-ink);}
.ht-bg-mode1{background:linear-gradient(135deg,#8b5cf6,#6d28d9);}
.ht-c-warn{color:var(--hf-orange);font-weight:700;}
.ht-c-gray{color:#a0a6b4;font-weight:400;}

/* 招募与承接卡片 */
.ht-slot-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;background:#f8f9fc;border:1px dashed #e0e3ee;border-radius:10px;padding:10px 14px;font-size:13px;color:#4b5162;margin-bottom:6px;}
.ht-slot-line b{font-weight:800;color:var(--hf-ink);}
.ht-btn-danger-o{background:#fff;border:1px solid var(--hf-red);color:var(--hf-red)!important;}
.ht-btn-danger-o:hover{background:#fff5f5;color:var(--hf-red)!important;}

.ht-my-signup{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#f3f9ff;border:1px solid #cfe6ff;border-radius:10px;padding:9px 14px;font-size:13px;color:#1c4e7d;margin:10px 0;}
.ht-my-signup b{color:#0b3d75;}
.ht-link-del{color:var(--hf-red);font-weight:600;font-size:12px;}

.ht-signup-hd{font-size:13px;font-weight:700;color:#3a3f4c;margin:12px 0 8px;}
.ht-signups{display:flex;flex-direction:column;gap:8px;}
.ht-signup-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;border:1px solid var(--hf-line);border-radius:10px;padding:10px 14px;background:#fff;}
.ht-signup-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1;}
.ht-signup-info b{font-size:13px;color:var(--hf-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;}
.ht-signup-st{display:inline-block;padding:1px 10px;border-radius:20px;font-size:11px;line-height:18px;background:#eef0f5;color:#7b8190;font-weight:600;white-space:nowrap;}
.ht-signup-st.ht-st-wait{background:#fff3e0;color:#e8590c;}
.ht-signup-memo{flex-basis:100%;font-size:12px;color:#6b7280;background:#fafbfe;border-left:3px solid #ffc078;padding:5px 9px;border-radius:0 6px 6px 0;margin:0;word-break:break-all;}
.ht-signup-ops{display:flex;gap:8px;}

.ht-accepts{display:flex;flex-direction:column;gap:10px;}
.ht-accept{border:1px solid var(--hf-line);border-radius:12px;padding:12px 14px;background:#fff;}
.ht-accept-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;}
.ht-accept-top b{font-size:14px;color:var(--hf-ink);}
.ht-accept-mid{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:13px;color:#4b5162;padding:4px 0;}
.ht-accept-mid b{color:var(--hf-ink);}
.ht-accept-memo{background:#fff8e6;border-left:3px solid #ffd43b;border-radius:0 6px 6px 0;padding:6px 10px;font-size:12px;color:#664d03;margin:8px 0 0;word-break:break-all;line-height:1.7;}
.ht-accept-ops{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}

/* 交付时间线 */
.ht-timeline{position:relative;padding-left:22px;margin-top:2px;}
.ht-timeline::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:2px;border-radius:2px;background:linear-gradient(180deg,#ffc078,#f2630c);}
.ht-tl-item{position:relative;padding:0 0 18px 12px;}
.ht-tl-item:last-child{padding-bottom:2px;}
.ht-tl-ic{position:absolute;left:-26px;top:4px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--hf-p);box-sizing:border-box;}
.ht-tl-body{font-size:13px;color:#3a3f4c;line-height:1.7;}
.ht-tl-body b{color:var(--hf-ink);}
.ht-tl-body p{margin:4px 0 0;font-size:12px;color:#6b7280;word-break:break-all;background:#fafbfe;border-radius:8px;padding:6px 10px;}

/* P3 弹层（承接单完结/打回/评价） */
.ht-overlay{position:fixed;inset:0;background:rgba(16,19,31,.55);z-index:400;display:flex;align-items:center;justify-content:center;padding:14px;}
.ht-modal{background:#fff;border-radius:14px;width:100%;max-width:480px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(16,19,31,.25);}
.ht-modal-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--hf-line);font-size:16px;font-weight:700;}
.ht-modal-x{font-style:normal;color:#a0a6b4;font-size:22px;line-height:1;cursor:pointer;padding:0 2px;}
.ht-modal-x:hover{color:var(--hf-red);}
.ht-modal-b{padding:16px 18px;overflow:auto;}
.ht-modal-b textarea{width:100%;min-height:96px;border:1px solid var(--hf-line);border-radius:10px;padding:10px 12px;font-size:13px;resize:vertical;outline:0;font-family:inherit;line-height:1.7;}
.ht-modal-b textarea:focus{border-color:var(--hf-p);}

/* 资金增减（钱包/会员中心共用） */
.ht-f-in{color:var(--hf-green);font-weight:800;font-size:15px;white-space:nowrap;}
.ht-f-out{color:var(--hf-red);font-weight:800;font-size:15px;white-space:nowrap;}

/* 任务卡：报名审核小标 + 名额进度 */
.ht-tag-m1{display:inline-block;padding:1px 8px;border-radius:20px;font-size:11px;line-height:17px;background:#f3f0ff;color:#7048e8;border:1px solid #d9ccff;font-weight:600;white-space:nowrap;}

/* ---------- 会员中心（member.htm） ---------- */
.hm-bal{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 0;}
.hm-bal .hm-btn{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:4px 12px;border-radius:16px;font-size:12px;background:#fff;border:1px solid var(--hf-line);color:var(--hf-sub);cursor:pointer;font-weight:600;}
.hm-bal .hm-btn:hover{border-color:var(--hf-p);color:var(--hf-p);}
.hm-stat{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0;}
.hm-scard{background:#fff;border:1px solid var(--hf-line);border-radius:12px;padding:12px 14px;}
.hm-scard .t{font-size:12px;color:var(--hf-sub);margin-bottom:3px;}
.hm-scard .n{font-size:22px;font-weight:800;color:var(--hf-ink);line-height:1.3;}
.hm-scard .n small{font-size:11px;color:var(--hf-sub);font-weight:400;margin-left:4px;}
.hm-scard .n a{font-size:11px;color:var(--hf-blue);font-weight:400;margin-left:6px;}
.hm-cols{display:grid;grid-template-columns:1fr 330px;gap:14px;margin-top:14px;align-items:start;}
.hm-card{background:#fff;border-radius:var(--hf-r);box-shadow:0 1px 3px rgba(32,36,45,.05);padding:16px 18px;margin-bottom:14px;}
.hm-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--hf-ink);}
.hm-title::before{content:"";width:4px;height:14px;border-radius:2px;background:var(--hf-grad);}
.hm-title .more{margin-left:auto;font-size:12px;font-weight:400;color:var(--hf-blue);}
.hm-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px dashed #f2f3f6;font-size:13px;}
.hm-row:last-child{border-bottom:0;}
.hm-row .tt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--hf-ink);}
.hm-row .tt:hover{color:var(--hf-p);}
.hm-row .sub{display:block;font-size:11px;color:var(--hf-sub);margin-top:1px;font-weight:400;}
.hm-row .hm-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 12px;border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;text-decoration:none;line-height:20px;flex-shrink:0;}
.hm-row .hm-btn:hover{opacity:.85;}
.hm-cur{color:var(--hf-red);font-weight:800;}
.hm-acts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.hm-act{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--hf-line);border-radius:12px;background:#fff;color:var(--hf-ink);font-size:13px;font-weight:600;transition:all .15s;}
.hm-act i{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-style:normal;background:#fff1e6;color:var(--hf-p);font-size:16px;flex-shrink:0;}
.hm-act:hover{border-color:var(--hf-p);color:var(--hf-p);box-shadow:0 4px 12px rgba(32,36,45,.06);}
.hm-flow-head{margin-bottom:6px;}
.hm-scard .t a{color:var(--hf-ink);font-weight:700;text-decoration:none;}
.hm-scard .t a:hover{color:var(--hf-p);}
.hm-scard .s{font-size:12px;color:var(--hf-sub);margin-top:5px;line-height:1.8;}
.hm-pill{display:inline-block;padding:1px 8px;border-radius:20px;font-size:11px;line-height:17px;font-weight:600;white-space:nowrap;flex-shrink:0;}
.hm-p-go{background:#e7f5ff;color:#1971c2;}
.hm-p-wait{background:#fff3e0;color:#e8590c;}
.hm-p-ok{background:#ebfbee;color:#2b8a3e;}
.hm-p-no{background:#f1f3f5;color:#868e96;}
.hm-p-bad{background:#fff0f0;color:#c92a2a;}

/* P3 响应式微调 */
@media (max-width: 900px){
  .hm-cols{grid-template-columns:1fr;}
  .hm-stat{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 640px){
  .hm-bal{grid-template-columns:1fr;}
  .ht-signup-info b{max-width:110px;}
  .hm-acts{grid-template-columns:1fr;}
  .ht-tl-item{padding-left:8px;}
}

/* ---------- 响应式 ---------- */
@media (max-width: 900px){
  .hf-list{grid-template-columns:repeat(2,1fr);}
  .hf-detail{grid-template-columns:1fr;}
  .hf-mini-list{grid-template-columns:1fr;}
  .hf-pub{grid-template-columns:1fr;}
}
@media (max-width: 640px){
  .hf-top-in{height:52px;}
  .hf-logo{font-size:17px;}
  .hf-logo i{width:28px;height:28px;font-size:14px;}
  .hf-nav{display:none;}
  .hf-user .hf-btn{display:none;}
  .hf-list{grid-template-columns:1fr;}
  .hf-banner{padding:22px 18px;}
  .hf-banner h1{font-size:20px;}
  .hf-search{margin-left:0;width:100%;margin-top:6px;}
  .hf-search form{display:flex;gap:8px;flex:1;}
  .hf-search input{width:auto;flex:1;min-width:0;}
  .hf-filter{flex-wrap:wrap;}
  /* 底部导航切换为固定底栏 */
  .hf-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;height:56px;background:#fff;border-top:1px solid var(--hf-line);z-index:200;}
  .hf-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--hf-sub);font-size:11px;}
  .hf-tabbar a i{font-style:normal;font-size:19px;line-height:1;}
  .hf-tabbar a.on{color:var(--hf-p);}
  .hf-tabbar .plus{width:52px;height:52px;border-radius:50%;background:var(--hf-grad);color:#fff!important;margin-top:-18px;box-shadow:0 4px 12px rgba(242,99,12,.35);justify-content:center;}
  .hf-foot{padding-bottom:76px;}
  .hf-wallet-grid{grid-template-columns:1fr;}
  .hf-recharge-grid{grid-template-columns:1fr;}
  .hf-form{padding:18px 16px;}
  .hf-d-head,.hf-d-sec{padding:16px;}
  .hf-d-title{font-size:18px;}
  .hf-order-tbl{display:block;overflow-x:auto;}
  .hf-amounts{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;}
  .hf-amt{flex:0 0 31%;}
  .hf-cond .hf-cond-row{flex-direction:column;gap:2px;}
  .hf-cond-row label{width:auto;}
  .hf-art-detail{padding:16px;}
  .hf-cat-sel select{flex:1 1 100%;min-width:0;}
}

/* ---------- P4d 站内消息中心 ---------- */
.hm-msgbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #ffd8a8;border-left:4px solid var(--hf-p);border-radius:12px;padding:11px 16px;margin:12px 0 0;color:var(--hf-ink);text-decoration:none;}
.hm-msgbar b{font-size:14px;color:#c2410c;}
.hm-msgbar span{font-size:12px;color:var(--hf-sub);}
.hm-msgbar i{margin-left:auto;font-style:normal;color:var(--hf-p);font-size:16px;}
.hm-msgbar:hover{border-color:var(--hf-p);}
.hm-badge{background:#ff4d4f;color:#fff;border-radius:999px;font-size:11px;font-weight:700;line-height:16px;min-width:16px;padding:0 5px;text-align:center;margin-left:auto;font-style:normal;flex-shrink:0;}

.hm-msg-item{display:flex;gap:10px;align-items:flex-start;padding:13px 2px;border-bottom:1px dashed #f2f3f6;}
.hm-msg-item:last-child{border-bottom:0;}
.hm-msg-dot{width:8px;height:8px;border-radius:50%;background:#ff4d4f;margin-top:7px;flex-shrink:0;}
.hm-msg-item.read .hm-msg-dot{background:#d9dce3;}
.hm-msg-main{flex:1;min-width:0;}
.hm-msg-tt{font-size:14px;font-weight:700;color:var(--hf-ink);}
.hm-msg-item.read .hm-msg-tt{font-weight:600;color:#6b7280;}
.hm-msg-ct{font-size:12.5px;color:#4b5563;margin-top:4px;line-height:1.75;word-break:break-all;}
.hm-msg-meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:11px;color:var(--hf-sub);flex-wrap:wrap;}
.hm-msg-tag{background:#f1f3f7;color:#57606f;padding:1px 7px;border-radius:6px;}
.hm-msg-item.read .hm-msg-tag{background:#f6f7f9;color:#9aa1ac;}
.hm-msg-side{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-top:2px;}
.hm-msg-side .hf-btn{line-height:22px;padding:0 10px;font-size:12px;}
.hf-badge-dot{position:absolute;top:-4px;right:-12px;background:#ff4d4f;color:#fff;border-radius:999px;font-size:10px;font-weight:700;line-height:15px;min-width:15px;padding:0 4px;text-align:center;font-style:normal;}
@media (max-width:640px){
  .hm-msg-item{flex-wrap:wrap;}
  .hm-msg-side{flex-direction:row;align-items:center;width:100%;justify-content:flex-end;}
}

/* =========================================================
   P4e 信用分与认证（credit.htm）
   ========================================================= */
.hc-hero{padding:22px 26px;margin-top:14px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;background:linear-gradient(120deg,#fff,#fff7ef);}
.hc-num{flex-shrink:0;min-width:150px;}
.hc-num .t{font-size:13px;color:var(--hf-sub);}
.hc-num b{font-size:52px;font-weight:800;color:var(--hf-p);line-height:1.25;letter-spacing:-1px;}
.hc-lv{display:inline-block;margin-top:2px;padding:2px 14px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap;}
.hc-lv-a{background:#fff7e6;color:#d9480f;}
.hc-lv-b{background:#e7f5ff;color:#1971c2;}
.hc-lv-c{background:#ebfbee;color:#2b8a3e;}
.hc-lv-d{background:#fff3e0;color:#e8590c;}
.hc-lv-e{background:#f1f3f5;color:#868e96;}
.hc-tip{flex:1;min-width:220px;font-size:12.5px;color:var(--hf-sub);line-height:1.9;}
.hc-tip p{margin:0 0 4px;}
.hc-ops{display:flex;flex-direction:column;gap:8px;flex-shrink:0;}
.hc-cert p{margin:0;}
.hc-cert .hf-muted{line-height:1.7;}

/* 达人榜（experts.htm） */
.hf-banner-sm{padding:22px 26px;margin:16px 0 0;}
.hf-banner-sm h1{font-size:22px;}
.hr-board{display:flex;flex-direction:column;gap:10px;margin:14px 0;}
.hr-item{display:flex;align-items:center;gap:14px;padding:14px 18px;}
.hr-item.hr-top1{background:linear-gradient(120deg,#fffdf5,#fff6dd);border:1px solid #ffe3a3;}
.hr-item.hr-top2{background:linear-gradient(120deg,#fbfcfe,#f1f3f8);border:1px solid #e3e7f0;}
.hr-item.hr-top3{background:linear-gradient(120deg,#fff9f4,#ffe8d8);border:1px solid #ffd6b5;}
.hr-no{width:30px;height:30px;border-radius:50%;background:#f2f3f8;color:#7b8190;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hr-top1 .hr-no{background:linear-gradient(135deg,#ffd43b,#f59f00);color:#fff;}
.hr-top2 .hr-no{background:linear-gradient(135deg,#ced4da,#868e96);color:#fff;}
.hr-top3 .hr-no{background:linear-gradient(135deg,#ffb08a,#e8590c);color:#fff;}
.hr-ava{width:42px;height:42px;border-radius:50%;background:var(--hf-grad);color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hr-main{flex:1;min-width:0;}
.hr-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.hr-name b{font-size:15px;font-weight:700;color:var(--hf-ink);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hr-pill{display:inline-block;padding:1px 9px;border-radius:20px;font-size:11px;line-height:18px;background:#ebfbee;color:#2b8a3e;border:1px solid #b2f2bb;font-weight:600;white-space:nowrap;}
.hr-sub{font-size:12px;color:var(--hf-sub);margin-top:4px;}
.hr-side{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;}
.hr-score{display:flex;flex-direction:column;align-items:flex-end;min-width:56px;}
.hr-score b{font-size:24px;font-weight:800;color:var(--hf-ink);line-height:1.15;}
.hr-score span{font-size:11px;color:var(--hf-sub);}
.hr-lv{font-size:11px;color:var(--hf-sub);background:#f2f3f8;border-radius:16px;padding:3px 10px;white-space:nowrap;}
@media (max-width:640px){
  .hc-hero{gap:14px;padding:18px;}
  .hc-num b{font-size:40px;}
  .hc-ops{flex-direction:row;width:100%;}
  .hr-item{flex-wrap:wrap;}
  .hr-main{flex-basis:calc(100% - 120px);}
  .hr-side{width:100%;justify-content:space-between;}
}

/* ---------- P4f 大厅高级筛选（index.htm） ---------- */
.hf-adv{margin:10px 0 0;}
.hf-adv form{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;width:100%;}
.hf-adv .hf-fl{font-size:12px;color:var(--hf-sub);white-space:nowrap;}
.hf-adv .hf-rng{width:86px;height:30px;border:1px solid var(--hf-line);border-radius:16px;padding:0 10px;font-size:13px;outline:0;box-sizing:border-box;}
.hf-adv .hf-rng:focus{border-color:var(--hf-p);}
.hf-adv .hf-order-sel{height:30px;border:1px solid var(--hf-line);border-radius:16px;padding:0 8px;font-size:13px;outline:0;background:#fff;color:var(--hf-ink);}
.hf-adv .hf-btn{margin-left:auto;}
@media (max-width:640px){
  .hf-adv .hf-btn{margin-left:0;}
}

/* ---------- P4e 详情页档案卡 / 评价回复（view.htm） ---------- */
.hf-prof .hf-prof-row{display:flex;align-items:center;gap:10px;}
.hf-prof-ava{width:40px;height:40px;border-radius:50%;background:var(--hf-grad);color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hf-prof-ava-b{background:linear-gradient(135deg,#4dabf7,#1971c2);}
.hf-prof-main{flex:1;min-width:0;}
.hf-prof-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.hf-prof-name b{font-size:14px;color:var(--hf-ink);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hf-prof-line{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px;color:var(--hf-sub);}
.hf-prof-fav{margin-left:auto;font-size:12px;color:var(--hf-blue);border:1px solid #a5d8ff;background:#fff;padding:3px 12px;border-radius:16px;font-weight:600;cursor:pointer;white-space:nowrap;}
.hf-prof-fav:hover{background:#e7f5ff;}
.hf-prof-fav.on{background:#fff3e0;border-color:#ffc078;color:#e8590c;}
.hf-eval-reply-btn{font-size:12px;color:var(--hf-blue);cursor:pointer;border:1px solid #a5d8ff;border-radius:14px;padding:1px 10px;background:#fff;}
.hf-eval-reply-btn:hover{background:#e7f5ff;}
.hf-eval-reply{background:#f8f9fc;border-left:3px solid #d0bfff;border-radius:0 8px 8px 0;padding:10px 12px;margin:8px 0 0;}
.hf-eval-reply .hf-eval-top b{color:#7048e8;}
.hf-eval-reply-box{background:#fff8f3;border:1px solid #ffe0c6;border-radius:10px;padding:10px 12px;margin-top:10px;}
.hf-eval-reply-box textarea{width:100%;min-height:72px;border:1px solid #ffd9b8;border-radius:8px;padding:9px 10px;font-size:13px;resize:vertical;outline:0;font-family:inherit;box-sizing:border-box;line-height:1.7;}

/* ---------- P4e 会员中心信用概览卡（member.htm） ---------- */
.hm-credit{display:flex;align-items:center;gap:14px;padding:16px 20px;margin:14px 0 0;flex-wrap:wrap;background:linear-gradient(120deg,#fff,#f6fef7);border:1px solid #b7ebc5;}
.hm-credit .hm-credit-ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#37b24d,#2f9e44);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.hm-credit .hm-credit-main{flex:1;min-width:220px;}
.hm-credit .hm-credit-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.hm-credit .hm-credit-top span{font-size:13px;color:var(--hf-sub);}
.hm-credit .hm-credit-top b{font-size:26px;font-weight:800;color:var(--hf-p);line-height:1.2;}
.hm-credit .hm-credit-main p{font-size:12px;color:var(--hf-sub);margin:6px 0 0;line-height:1.7;}
.hm-credit .hm-credit-ops{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0;}
.hm-credit .hm-btn{display:inline-flex;align-items:center;padding:6px 16px;border-radius:16px;font-size:12px;font-weight:600;background:#fff;border:1px solid #37b24d;color:#2f9e44;cursor:pointer;text-decoration:none;}
.hm-credit .hm-btn:hover{background:#ebfbee;}
.hm-credit .hm-btn.hm-btn-line{border-color:var(--hf-line);color:var(--hf-sub);}
.hm-credit .hm-btn.hm-btn-line:hover{border-color:var(--hf-p);color:var(--hf-p);background:#fff;}
@media (max-width:640px){.hm-credit .hm-credit-ops{width:100%;}}

/* ---------- P4g 客服中心（前台：service / service_open / chat / 悬浮窗） ---------- */
.ht-sv-stat{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 4px;}
.ht-sv-stat .it{flex:1;min-width:130px;background:#fff;border:1px solid var(--hf-line);border-radius:12px;padding:12px 16px;}
.ht-sv-stat .it span{font-size:12px;color:var(--hf-sub);display:block;}
.ht-sv-stat .it b{font-size:24px;font-weight:800;color:var(--hf-ink);display:block;margin-top:2px;line-height:1.3;}
.ht-sv-stat .it b.c-a{color:#e8590c;}
.ht-sv-stat .it b.c-b{color:#1971c2;}
.ht-sv-stat .it b.c-c{color:#2f9e44;}
.ht-sv-tool{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px;flex-wrap:wrap;}
.ht-sv-tool .t{font-size:17px;font-weight:700;color:var(--hf-ink);}
.ht-sv-typetabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;}
.ht-sv-typetabs a{padding:6px 16px;border-radius:16px;border:1px solid var(--hf-line);background:#fff;color:var(--hf-sub);font-size:13px;text-decoration:none;}
.ht-sv-typetabs a.on{background:var(--hf-p);border-color:var(--hf-p);color:#fff;font-weight:600;}
.ht-sv-item{background:#fff;border:1px solid var(--hf-line);border-radius:12px;padding:14px 16px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.03);}
.ht-sv-item .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ht-sv-item .top .tt{flex:1;min-width:120px;font-size:15px;font-weight:600;color:var(--hf-ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ht-sv-item .top .tt:hover{color:var(--hf-p);}
.ht-sv-type{display:inline-flex;align-items:center;padding:2px 10px;border-radius:11px;font-size:12px;font-weight:600;flex-shrink:0;}
.ht-sv-type.sv-t-consult{background:#e7f5ff;color:#1971c2;}
.ht-sv-type.sv-t-complain{background:#fff0f0;color:#e03131;}
.ht-sv-type.sv-t-feedback{background:#f3f0ff;color:#6741d9;}
.ht-sv-type.sv-t-aftersale{background:#fff3e0;color:#e8590c;}
.ht-sv-st{display:inline-flex;align-items:center;padding:2px 10px;border-radius:11px;font-size:12px;font-weight:600;flex-shrink:0;}
.ht-sv-st.sv-s-0{background:#fff3e0;color:#e8590c;}
.ht-sv-st.sv-s-1{background:#e7f5ff;color:#1971c2;}
.ht-sv-st.sv-s-2{background:#ebfbee;color:#2f9e44;}
.ht-sv-st.sv-s-3{background:#f1f3f5;color:#868e96;}
.ht-sv-brief{color:var(--hf-sub);font-size:13px;margin:8px 0 6px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ht-sv-meta{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;font-size:12px;color:#adb5bd;}
.ht-sv-meta .u{color:#ff4d4f;font-weight:700;}
.ht-sv-meta .ok{color:#2f9e44;font-weight:600;}
.ht-sv-meta .stars{color:#fab005;letter-spacing:2px;font-weight:700;}
.ht-sv-meta .no{color:#adb5bd;}

/* 发起会话表单 */
.ht-so-form{background:#fff;border:1px solid var(--hf-line);border-radius:14px;padding:18px 20px;margin:14px 0 20px;}
.ht-so-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0 6px;}
.ht-so-type{border:1.5px solid var(--hf-line);border-radius:12px;padding:12px 14px;cursor:pointer;background:#fff;}
.ht-so-type .nm{font-weight:700;font-size:14px;color:var(--hf-ink);display:flex;align-items:center;gap:6px;}
.ht-so-type .ds{font-size:12px;color:var(--hf-sub);margin-top:4px;line-height:1.6;}
.ht-so-type.on{border-color:var(--hf-p);background:#fff8f3;box-shadow:0 2px 8px rgba(255,122,26,.12);}
.ht-so-type input{display:none;}
.ht-f-row{margin:14px 0;}
.ht-f-row>label{display:block;font-size:13px;color:var(--hf-ink);font-weight:600;margin-bottom:6px;}
.ht-f-row>label .req{color:#ff4d4f;margin-left:2px;}
.ht-f-row .hlp{font-size:12px;color:#adb5bd;margin-top:5px;line-height:1.6;}
.ht-input{width:100%;border:1px solid #e5e7eb;border-radius:9px;padding:9px 12px;font-size:13px;font-family:inherit;outline:0;box-sizing:border-box;background:#fff;color:var(--hf-ink);line-height:1.6;}
.ht-input:focus{border-color:var(--hf-p);}
textarea.ht-input{min-height:96px;resize:vertical;}
select.ht-input{appearance:auto;}
.ht-so-aftersale{background:#fff8f3;border:1px dashed #ffc078;border-radius:12px;padding:2px 14px 12px;margin-top:4px;}
.ht-radio-l{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--hf-line);border-radius:16px;padding:6px 14px;margin:0 10px 8px 0;font-size:13px;color:var(--hf-ink);background:#fff;cursor:pointer;}
.ht-radio-l.on{border-color:var(--hf-p);color:var(--hf-p);background:#fff3e0;font-weight:600;}
.ht-radio-l input{display:none;}

/* 聊天页 */
.ht-chat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hf-line);border-radius:14px;margin:14px 0 20px;overflow:hidden;height:calc(100vh - 270px);min-height:420px;max-height:720px;}
.ht-chat-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--hf-line);flex-wrap:wrap;background:#fafbfc;flex-shrink:0;}
.ht-chat-head .tt{flex:1;min-width:140px;font-size:15px;font-weight:700;color:var(--hf-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ht-chat-head .ops{display:flex;gap:8px;align-items:center;flex-shrink:0;flex-wrap:wrap;}
.ht-chat-head .ops a{font-size:12px;text-decoration:none;}
.ht-chat-sub{background:#fffbe8;border-bottom:1px solid #ffe3a3;padding:8px 16px;font-size:12px;color:#997404;line-height:1.8;flex-shrink:0;}
.ht-chat-msgs{flex:1;overflow-y:auto;padding:16px;background:#f7f8fa;}
.ht-cm{margin-bottom:14px;}
.ht-cm.system{text-align:center;}
.ht-cm.system .bub{display:inline-block;max-width:94%;background:#e9ecef;color:#495057;font-size:12px;border-radius:12px;padding:6px 12px;line-height:1.6;}
.ht-cm .meta{font-size:11px;color:#adb5bd;margin:0 0 4px;}
.ht-cm.user{display:flex;flex-direction:column;align-items:flex-end;}
.ht-cm.user .bub{background:linear-gradient(135deg,#ff8c33,#f2630c);color:#fff;border-radius:14px 14px 4px 14px;padding:9px 13px;max-width:78%;line-height:1.7;font-size:13px;white-space:pre-wrap;word-break:break-word;}
.ht-cm.admin{display:flex;align-items:flex-start;gap:8px;}
.ht-cm.admin .ava{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#4dabf7,#1971c2);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ht-cm.admin .cnt{display:flex;flex-direction:column;align-items:flex-start;max-width:80%;}
.ht-cm.admin .bub{background:#fff;border:1px solid var(--hf-line);color:#343a40;border-radius:14px 14px 14px 4px;padding:9px 13px;line-height:1.7;font-size:13px;white-space:pre-wrap;word-break:break-word;}
.ht-chat-banner{margin:0 16px;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.7;flex-shrink:0;}
.ht-chat-banner.result{background:#ebfbee;border:1px solid #b7ebc5;color:#2b8a3e;}
.ht-chat-banner.info{background:#e7f5ff;border:1px solid #a5d8ff;color:#1971c2;}
.ht-chat-in{display:flex;gap:8px;padding:12px;border-top:1px solid var(--hf-line);align-items:flex-end;flex-shrink:0;}
.ht-chat-in textarea{flex:1;border:1px solid #e5e7eb;border-radius:10px;padding:9px 12px;font-size:13px;font-family:inherit;resize:none;height:44px;outline:0;line-height:1.6;box-sizing:border-box;background:#fff;color:var(--hf-ink);}
.ht-chat-in textarea:focus{border-color:var(--hf-p);}
.ht-chat-in .go{height:44px;padding:0 22px;border-radius:10px;border:0;background:var(--hf-p);color:#fff;font-size:14px;font-weight:600;cursor:pointer;flex-shrink:0;}
.ht-chat-in .go:disabled{opacity:.55;cursor:not-allowed;}
.ht-rate-stars{font-size:34px;letter-spacing:10px;cursor:pointer;color:#e9ecef;text-align:center;user-select:none;padding:4px 0;}
.ht-rate-stars em{font-style:normal;transition:color .15s;}
.ht-rate-stars em.on{color:#fab005;}

/* 在线客服悬浮窗（注入全部 hunter 页面） */
.htkf-ball{position:fixed;right:18px;bottom:92px;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#ff8c33,#f2630c);box-shadow:0 6px 18px rgba(242,99,12,.38);z-index:998;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;cursor:pointer;text-decoration:none;line-height:1;}
.htkf-ball:active{transform:scale(.95);}
.htkf-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ff4d4f;border:2px solid #fff;color:#fff;font-size:11px;line-height:14px;font-weight:700;text-align:center;box-sizing:content-box;}
.htkf-panel{position:fixed;right:18px;bottom:158px;width:320px;max-width:calc(100vw - 24px);background:#fff;border-radius:14px;box-shadow:0 12px 36px rgba(0,0,0,.18);z-index:999;overflow:hidden;display:none;flex-direction:column;max-height:70vh;}
.htkf-panel.open{display:flex;}
.htkf-panel .hd{background:linear-gradient(135deg,#ff8c33,#f2630c);color:#fff;padding:12px 16px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;flex-shrink:0;}
.htkf-panel .hd .nm{display:flex;align-items:center;gap:6px;white-space:nowrap;}
.htkf-panel .hd .dot{width:8px;height:8px;border-radius:50%;background:#c8f7c5;display:inline-block;box-shadow:0 0 0 2px rgba(200,247,197,.35);}
.htkf-panel .hd .dot.off{background:#ffc9c9;box-shadow:0 0 0 2px rgba(255,201,201,.35);}
.htkf-panel .hd .st{margin-left:auto;font-size:11px;font-weight:400;opacity:.95;display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.htkf-panel .hd .x{margin-left:4px;cursor:pointer;font-size:20px;line-height:1;color:#fff;text-decoration:none;font-weight:400;}
.htkf-body{overflow-y:auto;padding:10px 14px;}
.htkf-tips{font-size:12px;color:#868e96;line-height:1.8;margin:8px 0 10px;background:#f8f9fa;border-radius:8px;padding:8px 10px;}
.htkf-login{text-align:center;padding:14px 4px 10px;color:var(--hf-sub);font-size:13px;line-height:1.9;}
.htkf-recent .row{display:flex;align-items:center;gap:8px;padding:11px 6px;border-bottom:1px dashed var(--hf-line);text-decoration:none;color:inherit;}
.htkf-recent .row:last-child{border-bottom:0;}
.htkf-recent .row .tt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--hf-ink);}
.htkf-recent .row .tt small{display:block;color:#adb5bd;font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.htkf-recent .row .n{flex-shrink:0;background:#ff4d4f;color:#fff;border-radius:8px;font-size:11px;min-width:16px;height:16px;line-height:16px;text-align:center;padding:0 3px;box-sizing:content-box;}
.htkf-ft{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--hf-line);flex-shrink:0;}
.htkf-ft a{flex:1;text-align:center;padding:8px 0;border-radius:9px;font-size:13px;font-weight:600;text-decoration:none;}
.htkf-ft .p{background:var(--hf-p);color:#fff;}
.htkf-ft .o{background:#fff;border:1px solid var(--hf-p);color:var(--hf-p);}
/* 客服悬浮窗内 AI 智能问答 */
.htkf-ai{margin-left:auto;font-size:11px;line-height:20px;padding:0 9px;border-radius:11px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);color:#fff;text-decoration:none;font-weight:600;white-space:nowrap;cursor:pointer;}
.htkf-ai:hover{background:rgba(255,255,255,.32);}
.htkf-ai:active{transform:scale(.96);}
.htai{display:none;flex:1;min-height:0;flex-direction:column;}
.htai-chat{flex:1;overflow-y:auto;padding:12px 12px 4px;}
.htai-row{display:flex;margin-bottom:10px;}
.htai-row.user{justify-content:flex-end;}
.htai-bub{max-width:86%;padding:8px 11px;border-radius:12px;font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word;}
.htai-row.ai .htai-bub{background:#f1f3f5;color:#333;border-top-left-radius:3px;max-width:92%;}
.htai-row.user .htai-bub{background:linear-gradient(135deg,#ff8c33,#f2630c);color:#fff;border-top-right-radius:3px;}
.htai-bar{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--hf-line);flex-shrink:0;}
.htai-bar input{flex:1;min-width:0;height:36px;border:1px solid #e3e6eb;border-radius:18px;padding:0 14px;font-size:13px;color:var(--hf-ink);box-sizing:border-box;outline:none;}
.htai-bar input:focus{border-color:var(--hf-p);}
.htai-send{flex-shrink:0;height:36px;line-height:36px;padding:0 16px;border-radius:18px;background:var(--hf-p);color:#fff;font-size:13px;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;}
.htai-send:hover{opacity:.9;}
.htai-send.off{opacity:.55;pointer-events:none;}
@media (max-width:640px){
  .htkf-ball{right:12px;bottom:80px;width:48px;height:48px;font-size:21px;}
  .htkf-panel{right:10px;bottom:140px;}
  .ht-chat{height:calc(100vh - 220px);min-height:380px;}
}

/* =========================================================
   P5 首页富化（index.htm）：轮播 / 公告+数据 / 横幅广告 / 两栏 / 分类墙 / 流程
   ========================================================= */
.h5-card{background:var(--hf-card);border-radius:var(--hf-r);box-shadow:0 1px 3px rgba(32,36,45,.05);}
.h5-card-hd{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--hf-line);}
.h5-hd-tt{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:var(--hf-ink);}
.h5-hd-tt .h5-icn{font-style:normal;font-size:16px;}
.h5-more{margin-left:auto;font-size:12px;color:var(--hf-sub);white-space:nowrap;}
.h5-more:hover{color:var(--hf-p);}
.h5-more i{font-style:normal;}

/* ---------- 顶部大图轮播 ---------- */
.h5-hero{position:relative;margin:16px 0 0;border-radius:16px;}
.h5-track{position:relative;height:330px;}
.h5-slide{height:330px;position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s;border-radius:16px;overflow:hidden;display:block;}
.h5-slide.on{opacity:1;visibility:visible;}
.h5-slide img{width:100%;height:100%;object-fit:cover;display:block;}
.h5-slide-cap{position:absolute;left:0;right:0;bottom:0;padding:46px 30px 20px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55));color:#fff;display:block;}
.h5-slide-cap .h5-cap-tag{display:inline-block;font-style:normal;font-size:11px;line-height:20px;padding:0 10px;border-radius:20px;background:var(--hf-grad);color:#fff;margin-bottom:6px;font-weight:600;}
.h5-slide-cap b{display:block;font-size:20px;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.h5-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:6px;z-index:5;}
.h5-dots a{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55);display:block;cursor:pointer;}
.h5-dots a.on{background:var(--hf-p);width:20px;border-radius:6px;}
.h5-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:56px;background:rgba(0,0,0,.25);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:5;border-radius:8px;opacity:0;transition:opacity .2s;}
.h5-hero:hover .h5-hero-arrow{opacity:1;}
.h5-hero-prev{left:10px;}
.h5-hero-next{right:10px;}
.h5-hero-arrow:hover{background:var(--hf-p);color:#fff;}
/* 默认引导图 */
.h5-slide-def{position:absolute;inset:0;background:linear-gradient(120deg,#2b2f42,#10131f);color:#fff;padding:0 46px;display:flex;flex-direction:column;justify-content:center;}
.h5-slide-def h1{font-size:27px;font-weight:800;margin-bottom:10px;}
.h5-slide-def p{color:#c7cbd8;font-size:14px;max-width:620px;line-height:1.9;margin-bottom:20px;}
.h5-def-btns{display:flex;gap:12px;flex-wrap:wrap;}
.h5-def-feat{display:flex;gap:34px;margin-top:26px;flex-wrap:wrap;}
.h5-def-feat b{display:block;font-size:17px;color:var(--hf-p);}
.h5-def-feat span{font-size:12px;color:#aeb3c2;}

/* ---------- 公告 + 平台数据条 ---------- */
.h5-board{display:flex;gap:12px;margin:12px 0 0;}
.h5-notice{flex:1;min-width:0;}
.h5-stats{width:100%;display:grid;grid-template-columns:repeat(4,1fr);padding:4px 0;}
.h5-stats-narrow{width:440px;flex-shrink:0;}
.h5-st{text-align:center;padding:14px 6px;border-right:1px dashed var(--hf-line);}
.h5-st:last-child{border-right:0;}
.h5-st b{display:block;font-size:24px;font-weight:800;color:var(--hf-p);line-height:1.3;}
.h5-st span{font-size:12px;color:var(--hf-sub);}
.h5-notice-list{padding:4px 16px 8px;}
.h5-notice-list a,.h5-help-list a{display:flex;align-items:center;gap:8px;padding:8px 0;color:var(--hf-ink);font-size:13px;border-bottom:1px dashed #f2f3f6;min-width:0;}
.h5-notice-list a:last-child,.h5-help-list a:last-child{border-bottom:0;}
.h5-nt-dot{width:6px;height:6px;border-radius:50%;background:var(--hf-p);flex-shrink:0;}
.h5-help-list .h5-nt-dot{background:#d5d9e0;}
.h5-nt-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.h5-notice-list a:hover .h5-nt-txt,.h5-help-list a:hover .h5-nt-txt{color:var(--hf-p);}
.h5-notice-list em,.h5-help-list em{font-style:normal;font-size:11px;color:#a0a6b4;flex-shrink:0;}

/* ---------- 任务列表上方横幅广告（top：整行大横幅，多条纵向堆叠） ---------- */
.h5-strip{display:flex;flex-direction:column;gap:10px;margin:12px 0 0;}
.h5-strip-item{position:relative;display:block;width:100%;height:150px;border-radius:12px;overflow:hidden;background:#f0f1f5;}
.h5-strip-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.h5-strip-item:hover img{transform:scale(1.03);}
.h5-strip-cap{position:absolute;left:0;right:0;bottom:0;padding:36px 18px 12px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.65));color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ---------- 两栏主区 ---------- */
.h5-cols{display:grid;grid-template-columns:1fr 344px;gap:14px;margin:14px 0 0;align-items:start;}
.h5-main{min-width:0;}
.h5-main-hd{display:flex;align-items:center;gap:8px;padding:0 2px 12px;}
.h5-main-sub{font-size:12px;color:var(--hf-sub);margin-left:auto;white-space:nowrap;}
.h5-main-sub i{font-style:normal;color:#d5d9e0;}
.h5-cols .hf-list{grid-template-columns:repeat(2,1fr);}
.h5-cols .hf-list .hf-task{padding:14px;}
.h5-side{display:flex;flex-direction:column;gap:12px;min-width:0;}
.h5-cta{display:block;border-radius:14px;padding:18px;background:linear-gradient(120deg,#ff8a2a,#f2630c);color:#fff;text-decoration:none;}
.h5-cta b{display:block;font-size:17px;font-weight:800;margin-bottom:4px;}
.h5-cta span{font-size:12px;opacity:.95;display:block;}
.h5-cta span i{font-style:normal;font-size:14px;}
.h5-cta:hover{color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(242,99,12,.3);transition:all .2s;}
/* 达人榜 */
.h5-rank-list{padding:4px 14px 10px;}
.h5-rank-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed #f2f3f6;min-width:0;}
.h5-rank-row:last-child{border-bottom:0;}
.h5-rank-no{width:20px;height:20px;border-radius:6px;background:#f2f3f8;color:#7b8190;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.h5-rank-no.top{background:linear-gradient(135deg,#ffd43b,#f59f00);color:#fff;}
.h5-rank-ava{width:32px;height:32px;border-radius:50%;background:var(--hf-grad);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.h5-rank-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:var(--hf-ink);}
.h5-rank-meta{font-size:11px;color:var(--hf-sub);flex-shrink:0;}
.h5-rank-meta b{color:var(--hf-p);font-weight:700;font-size:13px;}
/* 区块广告墙（auto-fit：单条自动铺满一行，避免奇数条留空列） */
.h5-blockads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:14px;}
.h5-blockad{position:relative;display:block;border-radius:10px;overflow:hidden;background:#f0f1f5;aspect-ratio:4/3;}
.h5-blockad img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.h5-blockad:hover img{transform:scale(1.05);}
.h5-blockad-tt{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 5px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55));color:#fff;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
/* 热门帮助 */
.h5-help-list{padding:4px 16px 8px;}
/* 热门分类墙 */
.h5-hotcats{margin:14px 0 0;}
.h5-hotcats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 16px;}
.h5-hotcat{display:flex;align-items:center;gap:10px;padding:12px 12px;border:1px solid var(--hf-line);border-radius:12px;color:var(--hf-ink);transition:all .15s;min-width:0;}
.h5-hotcat:hover{border-color:var(--hf-p);color:var(--hf-p);box-shadow:0 4px 12px rgba(32,36,45,.06);}
.h5-hotcat-ic{width:40px;height:40px;border-radius:10px;background:#fff1e6;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.h5-hotcat-tx{flex:1;min-width:0;display:flex;flex-direction:column;}
.h5-hotcat-tx b{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.h5-hotcat-tx em{font-style:normal;font-size:11px;color:var(--hf-sub);}
.h5-hotcat-go{font-style:normal;color:#d5d9e0;font-size:16px;flex-shrink:0;}
/* 流程引导 */
.h5-flow{margin:14px 0 0;}
.h5-flow-grid{display:flex;align-items:stretch;gap:8px;padding:16px;}
.h5-flow-step{flex:1;display:flex;gap:12px;align-items:flex-start;padding:6px 10px;min-width:0;}
.h5-flow-no{width:30px;height:30px;border-radius:50%;background:var(--hf-grad);color:#fff;font-style:normal;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.h5-flow-step b{display:block;font-size:14px;font-weight:700;margin-bottom:3px;}
.h5-flow-step p{font-size:12px;color:var(--hf-sub);line-height:1.8;margin:0;}
.h5-flow-arrow{display:flex;align-items:center;color:#d5d9e0;font-size:22px;flex-shrink:0;}

/* ---------- P5 响应式 ---------- */
@media (max-width: 1000px){
  .h5-cols{grid-template-columns:1fr 300px;}
  .h5-stats-narrow{width:auto;}
}
@media (max-width: 900px){
  .h5-cols{grid-template-columns:1fr;}
  .h5-track,.h5-slide{height:280px;}
  .h5-hotcats-grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width: 640px){
  .h5-track,.h5-slide{height:210px;}
  .h5-slide-cap{padding:30px 16px 16px;}
  .h5-slide-cap b{font-size:15px;}
  .h5-slide-def{padding:0 20px;}
  .h5-slide-def h1{font-size:19px;}
  .h5-slide-def p{font-size:12px;margin-bottom:12px;}
  .h5-def-btns .hf-btn{font-size:12px;padding:6px 12px;}
  .h5-def-feat{gap:16px;margin-top:14px;}
  .h5-def-feat b{font-size:14px;}
  .h5-def-feat span{font-size:10px;}
  .h5-board{flex-direction:column;}
  .h5-stats{grid-template-columns:repeat(2,1fr);}
  .h5-st{border-right:1px dashed var(--hf-line);}
  .h5-st:nth-child(2n){border-right:0;}
  .h5-st:nth-child(n+3){border-top:1px dashed var(--hf-line);}
  .h5-stats-narrow{width:100%;}
  .h5-cols .hf-list{grid-template-columns:1fr;}
  /* 横幅广告：移动端整行堆叠（宽度100%，高度压低） */
  .h5-strip{gap:10px;margin:10px 0 0;}
  .h5-strip-item{width:100%;height:104px;border-radius:10px;}
  .h5-strip-cap{font-size:13px;padding:28px 14px 10px;}
  .h5-hotcats-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px;}
  .h5-flow-grid{flex-direction:column;padding:12px 14px;}
  .h5-flow-arrow{display:none;}
  .h5-main-hd{padding:0 2px 10px;}
  .h5-hero-arrow{display:none;}
}

/* =========================================================
   P7 论坛（forum / forum_view / forum_add）
   ========================================================= */
.hf-fhd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--hf-line);}
.hf-fhd h2{font-size:17px;font-weight:800;display:flex;align-items:center;gap:8px;}
.hf-fhd h2 .hf-fnum{font-size:11px;font-weight:600;color:#fff;background:var(--hf-grad);border-radius:20px;padding:2px 10px;line-height:18px;}
.hf-fhd .hf-fsearch{margin-left:auto;display:flex;gap:6px;align-items:center;}
.hf-fhd .hf-fsearch input{height:32px;border:1px solid var(--hf-line);border-radius:16px;padding:0 13px;font-size:13px;outline:0;width:190px;color:var(--hf-ink);}
.hf-fhd .hf-fsearch input:focus{border-color:var(--hf-p);}
.hf-fhd .hf-fsearch button{height:32px;padding:0 15px;border:0;border-radius:16px;background:var(--hf-ink);color:#fff;font-size:12.5px;cursor:pointer;}
.hf-fnav{display:flex;gap:4px;flex-wrap:wrap;padding:10px 16px 12px;align-items:center;}
.hf-fnav .hf-tab{color:var(--hf-sub);}
.hf-fnav .hf-fcrumb{font-size:12px;color:var(--hf-sub);margin-right:2px;}
.hf-fnav .hf-fcrumb a{color:var(--hf-sub);}
.hf-fnav .hf-fcrumb a:hover{color:var(--hf-p);}
.hf-fnotice{margin:0 16px;border:1px solid #ffe3ba;background:linear-gradient(120deg,#fffdf6,#fff8ea);border-radius:10px;padding:10px 14px;font-size:13px;}
.hf-fnotice b{color:#c2410c;margin-right:8px;}
.hf-fnotice .hf-fn-list{margin-top:4px;display:flex;flex-direction:column;gap:4px;}
.hf-fnotice .hf-fn-list a{color:#6b4f16;display:flex;gap:8px;align-items:baseline;font-size:12.5px;}
.hf-fnotice .hf-fn-list a:hover{color:var(--hf-p);}
.hf-fnotice .hf-fn-list em{font-style:normal;flex-shrink:0;color:#adb5bd;font-size:11px;margin-left:auto;}
.hf-fplate{padding:12px 16px 6px;display:flex;flex-direction:column;gap:10px;}
.hf-fplate .grp{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;}
.hf-fplate .grp .gt{flex:0 0 96px;font-size:12px;font-weight:700;color:var(--hf-ink);display:flex;align-items:center;gap:4px;}
.hf-fplate .chips{display:flex;gap:8px;flex-wrap:wrap;}
.hf-fplate .chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:16px;background:#f5f6fa;color:var(--hf-ink);font-size:12.5px;text-decoration:none;border:1px solid transparent;}
.hf-fplate .chip:hover{border-color:#ffd0ac;color:var(--hf-p);background:#fff7ef;}
.hf-fplate .chip i{font-style:normal;}
.hf-fplate .chip.on{background:var(--hf-grad);color:#fff;font-weight:600;}
.hf-fplate .chip small{font-size:11px;color:#adb5bd;}
.hf-fplate .chip.on small{color:rgba(255,255,255,.75);}
.hf-fstat{display:flex;gap:18px;padding:12px 16px;color:var(--hf-sub);font-size:12px;flex-wrap:wrap;border-top:1px dashed #f2f3f6;}
.hf-fstat b{color:var(--hf-p);font-size:16px;margin-right:3px;vertical-align:-1px;}
.hf-frow{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid #f4f5f8;align-items:flex-start;}
.hf-frow:hover{background:#fffdfa;}
.hf-frow .hf-fava{width:38px;height:38px;border-radius:50%;flex-shrink:0;overflow:hidden;}
.hf-frow-main{flex:1;min-width:0;}
.hf-frow .tt{font-size:15px;font-weight:700;color:var(--hf-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hf-frow a.tt:hover{color:var(--hf-p);}
.hf-frow .flags{display:inline-flex;gap:5px;margin-left:6px;vertical-align:1px;}
.hf-fbadge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:10.5px;line-height:16px;font-weight:600;white-space:nowrap;flex-shrink:0;}
.hf-fbadge.hf-fb-notice{background:#fff1f0;color:#cf1322;border:1px solid #ffccc7;}
.hf-fbadge.hf-fb-topg{background:#fff7e6;color:#d46b08;border:1px solid #ffe58f;}
.hf-fbadge.hf-fb-top{background:#e6f4ff;color:#0958d9;border:1px solid #91caff;}
.hf-fbadge.hf-fb-ess{background:#f9f0ff;color:#722ed1;border:1px solid #d3adf7;}
.hf-fbadge.hf-fb-lock{background:#f5f5f5;color:#8c8c8c;border:1px solid #d9d9d9;}
.hf-frow .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px;font-size:12px;color:var(--hf-sub);}
.hf-frow .meta .plate{color:var(--hf-p);font-weight:600;}
.hf-frow .brief{color:#8a90a0;font-size:12.5px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hf-frow .ftags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;}
.hf-ftag{display:inline-block;padding:0 8px;border-radius:8px;background:#f1f3f8;color:#57606f;font-size:11px;line-height:20px;text-decoration:none;}
.hf-ftag:hover{background:#ffe9d6;color:#d9480f;}
.hf-frow-side{flex-shrink:0;text-align:right;display:flex;flex-direction:column;gap:4px;align-items:flex-end;}
.hf-frow-side .nums{color:var(--hf-sub);font-size:11.5px;}
.hf-frow-side .nums b{color:var(--hf-ink);font-size:15px;margin-right:2px;}
.hf-frow-side .who{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--hf-sub);}
.hf-fava{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffa058,#f2630c);color:#fff;font-weight:800;font-size:14px;border-radius:50%;flex-shrink:0;}
.hf-fava img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;}
.hf-fava.hf-fava-sm{width:22px;height:22px;font-size:10px;}
.hf-fava.hf-fava-xs{width:16px;height:16px;font-size:8px;}
.hf-fside-list{display:flex;flex-direction:column;gap:8px;}
.hf-fside-item{display:flex;gap:8px;align-items:baseline;font-size:12.5px;color:var(--hf-ink);}
.hf-fside-item a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;}
.hf-fside-item a:hover{color:var(--hf-p);}
.hf-fside-item em{font-style:normal;font-size:10.5px;color:#adb5bd;flex-shrink:0;}
.hf-fside-item em b{color:var(--hf-p);font-size:12px;margin-right:2px;}
.hf-flv-line{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--hf-sub);padding:4px 0;}
.hf-flv-dot{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,#ffa058,#f2630c);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hf-flv-line .bar{flex:1;height:6px;background:#f1f3f7;border-radius:3px;overflow:hidden;}
.hf-flv-line .bar i{display:block;height:100%;background:linear-gradient(90deg,#ffb27a,#f2630c);border-radius:3px;}
/* 勋章墙 */
.hf-medalwall{display:flex;flex-direction:column;gap:4px;}
.hf-mw-item{display:flex;align-items:baseline;gap:6px;padding:4px 2px;border-bottom:1px dashed #f6eee6;}
.hf-mw-item:last-child{border-bottom:0;}
.hf-mw-ic{font-size:16px;line-height:1;flex-shrink:0;transform:translateY(2px);}
.hf-mw-nm{font-size:12.5px;font-weight:600;color:var(--hf-ink);white-space:nowrap;}
.hf-mw-tip{flex:1;text-align:right;font-style:normal;font-size:11px;color:#adb5bd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* 本版版主 */
.hf-mods{font-size:12px;color:#6c584c;}
.hf-mods .hf-pm{display:inline-block;background:#fff8f0;border:1px solid #f0dfcd;border-radius:12px;padding:1px 9px;color:#8a5a2b;font-weight:600;margin-bottom:4px;}

/* ---- 帖子详情（forum_view） ---- */
.hf-fv-head{padding:18px 20px 6px;}
.hf-fv-title{font-size:20px;font-weight:800;line-height:1.5;word-break:break-all;}
.hf-fv-flags{display:inline-flex;gap:5px;margin-left:6px;vertical-align:2px;}
.hf-fv-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--hf-sub);font-size:12px;margin-top:10px;padding-bottom:14px;border-bottom:1px solid #f4f5f8;}
.hf-fv-meta .who{display:flex;align-items:center;gap:6px;}
.hf-fv-main{padding:18px 20px;}
.hf-fv-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 20px;border-top:1px solid #f4f5f8;}
.hf-fbtn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:18px;border:1px solid var(--hf-line);background:#fff;color:var(--hf-sub);font-size:12.5px;cursor:pointer;}
.hf-fbtn:hover{border-color:var(--hf-p);color:var(--hf-p);}
.hf-fbtn.on{background:#fff1e6;border-color:#ffc98a;color:var(--hf-p);font-weight:600;}
.hf-fbtn .cnt{font-weight:700;}
/* P7.6 楼主自管按钮（编辑/删除自己的帖子） */
.hf-fself{padding:7px 14px;font-size:12.5px;border-radius:18px;}
.hf-fself:hover{background:#fff1e6;border-color:#ffc98a;color:#d9480f;}
.hf-fself-del{color:#e5484d;}
.hf-fself-del:hover{background:#fdf1f1;border-color:#f3a8ab;color:#c92a2a;}
.hf-floor{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid #f4f5f8;align-items:flex-start;}
.hf-floor .hf-fava{width:40px;height:40px;}
.hf-floor-main{flex:1;min-width:0;}
.hf-floor-user{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.hf-floor-user .hf-fava{display:none;}
.hf-fu{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.hf-fu .hf-fava{display:inline-flex;}
.hf-fu .nm{font-size:13.5px;font-weight:700;color:var(--hf-ink);}
.hf-lvpill{display:inline-block;padding:0 8px;border-radius:10px;font-size:10.5px;line-height:16px;background:#fff1e6;color:#d9480f;font-weight:600;white-space:nowrap;}
.hf-titlepill{display:inline-block;padding:0 8px;border-radius:10px;font-size:10.5px;line-height:16px;background:#e7f5ff;color:#1971c2;white-space:nowrap;}
.hf-medal{font-style:normal;font-size:13px;line-height:1;}
/* 版主管理条 */
.hf-modbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:10px;border-top:1px dashed #f0e6dc;}
.hf-modbar .hf-mt{font-size:12px;font-weight:700;color:#b08968;margin-right:2px;white-space:nowrap;}
.hf-modbar button{border:1px solid #f0cfae;background:#fff8f0;color:#b45309;border-radius:6px;font-size:12px;line-height:22px;padding:0 10px;cursor:pointer;white-space:nowrap;}
.hf-modbar button:hover{background:#b45309;color:#fff;}
.hf-modbar button.danger{border-color:#ffc9c9;background:#fff5f5;color:#c92a2a;}
.hf-modbar button.danger:hover{background:#c92a2a;color:#fff;}
.hf-modbar .hf-mbadge{font-size:11px;color:#adb5bd;margin-left:auto;white-space:nowrap;}
.hf-floor-body{margin-top:8px;font-size:14px;line-height:1.9;color:#333a48;word-break:break-word;white-space:pre-wrap;}
.hf-quote{border-left:3px solid #ffd0ac;background:#fffaf5;padding:7px 11px;margin-bottom:8px;font-size:12.5px;color:#8a90a0;border-radius:0 8px 8px 0;}
.hf-quote b{color:#d9480f;font-weight:600;margin-right:6px;}
.hf-floor-side{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;}
.hf-floor-no{font-size:11.5px;color:#c2c7d1;font-weight:700;}
.hf-floor-ops{display:flex;gap:8px;align-items:center;}
.hf-floor-ops .hf-fbtn{padding:3px 10px;font-size:11.5px;border-radius:12px;}
.hf-floor-time{font-size:11px;color:#adb5bd;}
.hf-reply-box{padding:16px 20px;}
.hf-reply-quote{display:none;background:#fff6ed;border:1px dashed #ffc98a;border-radius:8px;padding:7px 10px;font-size:12px;color:#8a90a0;margin-bottom:8px;}
.hf-reply-quote b{color:#d9480f;}
.hf-reply-box textarea{width:100%;min-height:120px;border:1px solid var(--hf-line);border-radius:10px;padding:12px 14px;font-size:13.5px;resize:vertical;outline:0;font-family:inherit;color:var(--hf-ink);box-sizing:border-box;}
.hf-reply-box textarea:focus{border-color:var(--hf-p);}
.hf-reply-tools{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap;}
.hf-reply-tools .hf-tip{font-size:11.5px;}
.hf-reply-sub{margin-left:auto;}
.hf-lock-tip{background:#fff7f7;border:1px solid #ffd4d4;color:#c0392b;border-radius:10px;padding:12px 14px;font-size:13px;}
.hf-login-tip{text-align:center;padding:22px 16px;color:var(--hf-sub);font-size:13px;line-height:2;}

/* ---- 发帖（forum_add） ---- */
.hf-form{padding:22px 26px;}
.hf-form .row{margin-bottom:16px;}
.hf-form label.f{display:block;font-size:13px;font-weight:700;margin-bottom:7px;color:var(--hf-ink);}
.hf-form label.f i{color:var(--hf-red);font-style:normal;margin-left:3px;}
.hf-form .note{font-size:11.5px;color:var(--hf-sub);margin-top:5px;line-height:1.7;}
.hf-form input[type=text],.hf-form select,.hf-form textarea{width:100%;border:1px solid var(--hf-line);border-radius:8px;padding:9px 12px;font-size:13.5px;outline:0;background:#fff;color:var(--hf-ink);font-family:inherit;box-sizing:border-box;}
.hf-form input[type=text]:focus,.hf-form select:focus,.hf-form textarea:focus{border-color:var(--hf-p);}
.hf-form textarea{min-height:230px;resize:vertical;line-height:1.8;}
.hf-form .row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.hf-fadd-side .tip-card{font-size:12.5px;color:var(--hf-sub);line-height:2;}
.hf-fadd-side .tip-card b{color:var(--hf-ink);}
.hf-fadd-side .rules{display:flex;flex-direction:column;gap:4px;margin-top:4px;}
.hf-fadd-side .rules span{color:var(--hf-ink);font-size:12.5px;}
@media (max-width:640px){
  .hf-fhd .hf-fsearch{width:100%;}
  .hf-fhd .hf-fsearch input{flex:1;width:auto;min-width:0;}
  .hf-fplate .grp .gt{flex:0 0 100%;}
  .hf-frow{flex-wrap:wrap;}
  .hf-frow-side{flex-direction:row;align-items:center;width:100%;justify-content:space-between;}
  .hf-floor{flex-direction:column;}
  .hf-floor-user .hf-fava{display:none;}
  .hf-floor-main .hf-fu .hf-fava{display:inline-flex;}
  .hf-floor-side{flex-direction:row;align-items:center;width:100%;justify-content:space-between;}
  .hf-form{padding:16px;}
  .row-2{grid-template-columns:1fr;}
  .hf-fv-head{padding:14px;}
  .hf-fv-main{padding:14px;}
  .hf-fv-title{font-size:17px;}
}

/* ---------- P10 备案链接 / 站点维护页 ---------- */
.hf-icp{color:var(--hf-sub);}
.hf-foot a.hf-icp{margin-left:8px;color:var(--hf-sub);}
@media (max-width:640px){
  .hf-foot a.hf-icp{display:block;margin:4px 0 0;}
}
.hf-maint{min-height:calc(100vh - 0px);display:flex;align-items:center;justify-content:center;padding:40px 16px;}
.hf-maint-card{background:#fff;border-radius:18px;box-shadow:0 12px 40px rgba(32,36,45,.08);max-width:620px;width:100%;padding:46px 34px;text-align:center;}
.hf-maint-ico{width:88px;height:88px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,#fff3e0,#ffe0c2);display:flex;align-items:center;justify-content:center;font-size:42px;}
.hf-maint-tt{font-size:22px;font-weight:800;margin-bottom:8px;color:var(--hf-ink);}
.hf-maint-txt{color:var(--hf-sub);font-size:14px;line-height:1.9;margin-bottom:16px;word-break:break-all;}
.hf-maint-kf{display:inline-block;padding:10px 26px;border-radius:22px;background:var(--hf-grad);color:#fff!important;font-size:14px;font-weight:600;}
.hf-maint-icp{margin-top:28px;color:#b0b6c4;font-size:12px;}
.hf-maint-icp a{color:#b0b6c4;}
.hf-maint-back{margin-top:14px;font-size:12.5px;color:var(--hf-sub);}
.hf-maint-back a{margin-left:6px;}

/* ===== P10 任务标签（发布页勾选 / 标签导航页） ===== */
.hf-tag-pick{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;}
.hf-tag-chk{cursor:pointer;display:inline-flex;align-items:center;padding:4px 13px;border-radius:20px;background:#fff;border:1px solid #e2e4ec;color:#57606f;font-size:13px;transition:all .15s;user-select:none;}
.hf-tag-chk:hover{border-color:#b197fc;color:#7048e8;}
.hf-tag-chk.on{background:#f3f0ff;border-color:#7048e8;color:#7048e8;font-weight:600;}
.hf-tag-chk.disabled{opacity:.4;pointer-events:none;}
.hf-tag-chk input{display:none;}
/* P10b 默认直排前 N 个，其余隐藏收进「更多标签」 */
.hf-tag-hide{display:none;}
.hf-tag-more{cursor:pointer;display:inline-flex;align-items:center;gap:2px;padding:4px 13px;border-radius:20px;background:#f8f6ff;border:1px dashed #b197fc;color:#7048e8;font-size:13px;transition:all .15s;font-family:inherit;}
.hf-tag-more:hover{background:#f3f0ff;border-color:#7048e8;}
.hf-tag-more b{font-weight:700;}
.hf-tag-more-box{width:min(560px,96vw);max-width:560px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 34px rgba(0,0,0,.18);display:flex;flex-direction:column;max-height:76vh;}
.hf-tag-more-hd{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid #eef0f4;flex-shrink:0;}
.hf-tag-more-hd b{font-size:15px;color:var(--hf-ink);}
.hf-tag-more-hd b i{font-style:normal;color:var(--hf-sub);font-weight:400;font-size:12px;margin-left:4px;}
.hf-tag-more-hd .hf-muted{margin-left:auto;}
.hf-tag-more-x{margin-left:6px;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#f1f3f8;color:#858b99;font-size:11px;line-height:22px;text-align:center;text-decoration:none;transition:all .15s;}
.hf-tag-more-x:hover{background:#ffe3e3;color:#e5484d;}
.hf-tag-more-ls{display:flex;flex-wrap:wrap;gap:8px;padding:16px 18px;overflow-y:auto;flex:1;align-content:flex-start;}
.hf-tag-more-ft{display:flex;align-items:center;gap:10px;justify-content:flex-end;padding:12px 18px;border-top:1px solid #eef0f4;flex-shrink:0;}
.hf-tag-more-ft .hf-muted{margin-right:auto;}
.hf-tag-wrap{display:flex;flex-wrap:wrap;gap:12px;}
.hf-tag-card{display:block;min-width:150px;background:var(--hf-card);border:1px solid var(--hf-line);border-radius:12px;padding:14px 18px;color:var(--hf-ink);transition:all .15s;}
.hf-tag-card:hover{border-color:#b197fc;box-shadow:0 6px 18px rgba(112,72,232,.10);transform:translateY(-2px);}
.hf-tag-card b{color:#7048e8;font-size:15px;}
.hf-tag-card span{display:block;font-size:12px;color:var(--hf-sub);margin-top:4px;}

/* ===== P10 会员个人资料页（我的资料） ===== */
.pf-row{display:flex;gap:16px;align-items:center;padding:13px 0;border-bottom:1px dashed var(--hf-line);}
.pf-row > label{width:92px;flex-shrink:0;color:var(--hf-sub);font-size:13px;font-weight:600;}
.pf-row .val{flex:1;min-width:0;font-size:13.5px;line-height:1.7;}
@media (max-width:640px){
  .pf-row{flex-direction:column;align-items:flex-start;gap:6px;}
  .pf-row > label{width:auto;}
}

/* ===== P12 任务推广：标题加粗/标红 与 顶部角标文案 ===== */
.hf-t-bold{font-weight:800;}
.hf-t-red{color:#e5484d;}
.hf-promo-flag{display:inline-flex;align-items:center;gap:4px;margin-left:6px;vertical-align:middle;flex-wrap:wrap;}
.hf-task-tt{display:flex;align-items:center;gap:6px;min-width:0;flex:1;}
.hf-task-tt .hf-task-title{flex:1;min-width:0;}
.hf-promo-badge{display:inline-block;padding:0 6px;font-size:11px;line-height:18px;border-radius:4px;font-weight:600;font-style:normal;white-space:nowrap;}
.hf-promo-top{background:#7c3aed;color:#fff;}
.hf-promo-bold{background:#1c7ed6;color:#fff;}
.hf-promo-essence{background:#f59f00;color:#fff;}
.hf-promo-red{background:#e5484d;color:#fff;}
.hf-promo-end{font-size:11px;color:var(--hf-sub);font-weight:400;margin-left:2px;}

/* ===== P12 前台推广购买页 ===== */
.hf-promo-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(90deg,#f3f0ff,#fff);border:1px solid #e6e0fb;border-radius:12px;margin:14px 0;}
.hf-promo-bar .ico{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#b197fc);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.hf-promo-bar .tx{flex:1;min-width:0;}
.hf-promo-bar .tx b{font-size:15px;color:#3b2f68;}
.hf-promo-bar .tx p{margin:3px 0 0;font-size:12.5px;color:var(--hf-sub);line-height:1.7;}
.hf-promo-bal{display:flex;gap:18px;padding:14px 18px;}
.hf-promo-bal .it{flex:1;}
.hf-promo-bal .lb{font-size:12px;color:var(--hf-sub);}
.hf-promo-bal .nm{font-size:17px;font-weight:800;margin-top:2px;}
.hf-promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:6px;}
.hf-promo-card{background:var(--hf-card);border:1px solid var(--hf-line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;transition:all .15s;position:relative;}
.hf-promo-card:hover{border-color:#b197fc;box-shadow:0 8px 22px rgba(112,72,232,.10);transform:translateY(-2px);}
.hf-promo-card .tt{font-size:16px;font-weight:800;color:var(--hf-ink);display:flex;align-items:center;gap:8px;}
.hf-promo-card .tp{font-size:12.5px;color:var(--hf-sub);line-height:1.75;min-height:38px;}
.hf-promo-card .feat{display:flex;flex-wrap:wrap;gap:6px;}
.hf-promo-card .ft{display:inline-block;padding:1px 8px;border-radius:4px;font-size:11px;line-height:18px;border:1px solid var(--hf-line);color:#57606f;}
.hf-promo-card .ft.off{opacity:.35;text-decoration:line-through;}
.hf-promo-card .pr{display:flex;align-items:flex-end;gap:4px;}
.hf-promo-card .pr .n{font-size:22px;font-weight:800;color:#e5484d;line-height:1;}
.hf-promo-card .pr .c{font-size:12px;color:var(--hf-sub);padding-bottom:2px;}
.hf-promo-card .ft2{font-size:11.5px;color:#868e96;}
.hf-promo-card .btnrow{display:flex;gap:8px;margin-top:2px;}
.hf-promo-empty{color:var(--hf-sub);font-size:13px;text-align:center;padding:34px 10px;}
.hf-promo-table{width:100%;border-collapse:collapse;font-size:12.5px;}
.hf-promo-table th,.hf-promo-table td{padding:8px 10px;border-bottom:1px solid var(--hf-line);text-align:left;color:var(--hf-ink);}
.hf-promo-table th{color:var(--hf-sub);font-weight:600;background:#f8f9fb;white-space:nowrap;}
.hf-promo-table td{color:#57606f;white-space:nowrap;}
.hf-promo-more{text-align:center;margin-top:6px;font-size:12.5px;color:var(--hf-sub);}