/* ========== 基础 ========== */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;color:#333;background:#e5e5e5;font-size:14px}
a{text-decoration:none;color:inherit}
a.mc-act,a.feat-item,a.list-row,a.art-item,a.hist-item,a.purchased-item,a.visit-item,a.bc-btn,a.ah-btn{display:flex;color:inherit}
a.feat-item{display:block}
a.art-item,a.purchased-item{display:block}
button{border:none;background:none;font:inherit;cursor:pointer}
.hidden{display:none!important}

/* ========== 设备容器 ========== */
#device{
  position:relative;width:100%;max-width:420px;min-height:100vh;margin:0 auto;
  background:#f5f6f8;box-shadow:0 0 30px rgba(0,0,0,.08);overflow:hidden;
  padding-bottom:56px;
}
@media(min-width:500px){
  body{padding:20px 0}
  #device{min-height:calc(100vh - 40px);border-radius:14px}
}

/* ========== 顶栏 ========== */
#topbar{
  display:flex;align-items:center;height:44px;background:#f2f2f2;
  padding:0 12px;border-bottom:1px solid #e8e8e8;
  position:sticky;top:0;z-index:50;
}
#topbar .ico-close,#topbar .ico-more{width:30px;font-size:18px;color:#333;text-align:center;cursor:pointer}
#topbar .ico-close{font-size:0;display:flex;align-items:center;justify-content:center;width:36px;cursor:pointer;opacity:1;transition:opacity .15s}
#topbar .ico-close.hidden-back{opacity:0;pointer-events:none}
#topbar .ico-close::before{content:'';display:block;width:11px;height:11px;border-left:2.5px solid #1a1a1a;border-bottom:2.5px solid #1a1a1a;transform:rotate(45deg) translate(2px,-1px);border-radius:1px}
#topbar .ico-more{letter-spacing:1px}
.tb-center{flex:1;text-align:center;line-height:1.1}
.tb-title{font-size:15px;font-weight:600;color:#222}
.tb-url{font-size:11px;color:#888;margin-top:2px}
.tb-title:empty + .tb-url{font-size:14px;color:#333;margin-top:0}

/* ========== 底部 Tab ========== */
#tabbar{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:420px;height:56px;background:#fff;display:flex;
  border-top:1px solid #eee;z-index:40;
  box-shadow:0 -2px 12px rgba(0,0,0,.06);
}
#tabbar .tab{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  color:#aaa;font-size:11px;gap:3px;transition:color .2s;
}
#tabbar .tab.active{color:#3B7BFF}
#tabbar .tab svg{width:22px;height:22px}
#tabbar .tab span{line-height:1}

/* ========== 悬浮返回按钮 ========== */
#floatBack{
  position:fixed;right:14px;bottom:80px;width:44px;height:44px;border-radius:50%;
  background:#FF7A28;color:#fff;font-size:26px;line-height:44px;
  box-shadow:0 4px 12px rgba(255,122,40,.45);z-index:45;display:none;
}
#floatBack.show{display:block}

/* ========== Toast ========== */
#toast{
  position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);
  background:rgba(0,0,0,.78);color:#fff;padding:10px 18px;border-radius:8px;
  font-size:13px;z-index:999;display:none;max-width:80%;
}

/* ========== 弹窗 ========== */
.modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100}
.modal-box{width:78%;max-width:320px;background:#fff;border-radius:14px;overflow:hidden}
.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;border-bottom:1px solid #f0f0f0}
.modal-close{font-size:22px;color:#999;cursor:pointer}
.modal-body{padding:16px;text-align:center}
.kf-row{display:flex;align-items:center;gap:10px;text-align:left;background:#f6f8fb;padding:10px;border-radius:10px}
.kf-ava{width:40px;height:40px;border-radius:50%;background:#e8eefb;display:flex;align-items:center;justify-content:center;font-size:20px}
.kf-name{font-weight:600}
.kf-qq{font-size:12px;color:#888}
.kf-qr{margin:18px auto 8px;width:180px;height:180px;display:flex;align-items:center;justify-content:center}
.kf-qr canvas,.kf-qr img{width:100%;height:100%}
.kf-tip{color:#666;font-size:13px}

/* ========== 首页 ========== */
.home-topbanner{
  background:linear-gradient(180deg,#5AA0FF 0%,#3B7BFF 100%);
  color:#fff;height:44px;display:flex;align-items:center;justify-content:space-between;
  padding:0 20px;font-size:15px;
}
.home-topbanner .cur{font-weight:600}
.merchant-card{
  margin:12px;background:#fff;border-radius:12px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.mc-head{display:flex;align-items:center;gap:10px}
.mc-logo{width:46px;height:46px;border-radius:50%;background:#E94B3C;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.mc-title{font-weight:700;font-size:15px;color:#222}
.mc-tag{display:inline-block;margin-top:4px;background:#fff3e6;color:#E94B3C;font-size:11px;padding:2px 8px;border-radius:4px}
.mc-follow{margin-left:auto;background:#f2f4f7;color:#555;border-radius:16px;padding:5px 12px;font-size:12px}
.mc-follow.active{background:#eef3ff;color:#3B7BFF}
.mc-desc{font-size:12px;color:#666;line-height:1.6;margin:10px 0 12px}
.mc-actions{display:flex;justify-content:space-around;text-align:center}
.mc-act{font-size:12px;color:#666;cursor:pointer}
.mc-act .ico{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 4px}
.mc-act.i1 .ico{background:#e9f0ff;color:#3B7BFF}
.mc-act.i2 .ico{background:#e8f7ec;color:#2CA968}
.mc-act.i3 .ico{background:#fff5e0;color:#F5A524}
.mc-act.i4 .ico{background:#ffeaea;color:#E94B3C}

.notice-bar{
  margin:0 12px 12px;background:#fff8e6;color:#8a6d00;font-size:12px;
  display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;
}
.notice-bar .nb-ico{color:#f5a524}
.notice-bar .nb-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.notice-bar .nb-close{color:#bbb;cursor:pointer}

.search-bar{margin:0 12px 12px;display:flex;gap:8px;background:#fff;padding:8px;border-radius:10px;align-items:center}
.search-bar .sb-filter{font-size:13px;color:#555;padding:0 8px;border-right:1px solid #eee}
.search-bar .sb-input{flex:1;border:none;outline:none;font-size:13px;background:transparent}
.search-bar .sb-btn{background:#3B7BFF;color:#fff;border-radius:16px;padding:5px 16px;font-size:12px}

.art-list{padding:0 12px 20px}
.art-item{
  position:relative;background:#fff;border-radius:10px;padding:14px;margin-bottom:10px;
  box-shadow:0 1px 4px rgba(0,0,0,.03);overflow:hidden;cursor:pointer;
}
.art-item h3{margin:0 0 10px;font-size:15px;font-weight:600;color:#222;line-height:1.4;padding-right:50px}
.art-item .ai-tag{display:inline-block;font-size:11px;font-weight:700;color:#fff;border-radius:3px;padding:2px 6px;margin-right:6px;vertical-align:2px}
.art-item .ai-tag.red{background:#E94B3C}
.art-item .ai-tag.black{background:#222}
.art-item .ai-meta{font-size:12px;color:#999;display:flex;gap:18px}
.art-item .ai-price{position:absolute;right:14px;top:40px;font-weight:700;color:#E94B3C;font-size:15px}
.art-item .ai-free{position:absolute;right:14px;top:40px;color:#FF7A28;font-weight:600;font-size:13px}
.art-item .ai-time{font-size:11px;color:#bbb;margin-top:8px;border-top:1px dashed #f0f0f0;padding-top:8px}
.art-item .ai-badge{
  position:absolute;top:10px;right:-26px;width:90px;transform:rotate(45deg);
  background:#FF7A28;color:#fff;text-align:center;font-size:11px;padding:2px 0;
}

/* ========== 文章详情 ========== */
.art-head{background:#E94B3C;color:#fff;padding:10px 14px;display:flex;align-items:center;gap:8px}
.art-head .ah-logo{width:28px;height:28px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#E94B3C;font-weight:700;font-size:13px}
.art-head .ah-title{flex:1;font-size:14px;font-weight:600}
.art-head .ah-btn{background:rgba(255,255,255,.2);padding:4px 12px;border-radius:14px;font-size:12px;cursor:pointer}
.art-head .ah-btn.active{background:#fff;color:#E94B3C}
.art-detail{padding:16px}
.art-detail h2{margin:0 0 10px;font-size:18px;line-height:1.5;display:flex;align-items:flex-start;gap:8px}
.art-detail h2 .tag{display:inline-block;font-size:12px;font-weight:700;color:#fff;border-radius:4px;padding:3px 8px;flex-shrink:0}
.art-detail h2 .tag.red{background:#E94B3C}.art-detail h2 .tag.black{background:#222}
.art-stats{font-size:13px;color:#888;display:flex;gap:20px;margin-bottom:14px}
.art-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.art-actions .btn-body{background:#E94B3C;color:#fff;padding:8px 24px;border-radius:4px;font-weight:600;font-size:14px}
.art-actions .link-report{color:#3B7BFF;font-size:13px;cursor:pointer}
.art-body{background:#f6f7fa;border-radius:8px;padding:14px;font-size:13px;color:#333;line-height:1.9;min-height:80px}
.art-body .pub-time{font-size:12px;color:#999;margin-bottom:10px}
.art-body .pay-lock{text-align:center;padding:30px 10px;color:#888}
.art-body .pay-lock .btn-buy{display:inline-block;margin-top:12px;background:#E94B3C;color:#fff;padding:9px 30px;border-radius:22px;font-size:14px;font-weight:600;cursor:pointer}
.art-body .num-hd{text-align:center;color:#E9A540;margin-bottom:10px;font-size:13px}
.art-body .num-grid{letter-spacing:2px;font-family:"Menlo",monospace;font-size:14px;word-break:break-all}
.disclaimer{background:#fff5f5;border-radius:8px;padding:14px;margin-top:16px;color:#555;font-size:13px;line-height:1.8}
.disclaimer h4{color:#E94B3C;margin:0 0 8px;font-size:14px}
.disclaimer p{margin:4px 0}

/* ========== 我的 ========== */
.mine-header{background:linear-gradient(180deg,#5AA0FF 0%,#3B7BFF 100%);color:#fff;padding:20px 16px 60px}
.mh-row{display:flex;align-items:flex-end;gap:12px}
.mh-ava{width:64px;height:64px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;color:#bbb;overflow:hidden}
.mh-name{font-size:17px;font-weight:600}
.mh-id{font-size:12px;margin-top:4px;display:flex;align-items:center;gap:6px}
.mh-id .copy{border:1px solid rgba(255,255,255,.6);padding:0 6px;border-radius:3px;font-size:11px;cursor:pointer}
.balance-card{
  background:#fff;border-radius:12px;margin:-40px 16px 0;padding:16px;
  display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 18px rgba(0,0,0,.06);
}
.balance-card .bc-lab{font-size:12px;color:#999}
.balance-card .bc-amt{font-size:26px;font-weight:700;color:#222;margin:4px 0}
.balance-card .bc-desc{font-size:12px;color:#aaa}
.balance-card .bc-btn{background:#FF6B5C;color:#fff;padding:8px 20px;border-radius:20px;font-size:13px;cursor:pointer}

.sec-title{padding:20px 16px 10px;font-weight:600;color:#222}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 16px}
.feat-grid.g3{grid-template-columns:repeat(3,1fr)}
.feat-item{background:#fff;border-radius:10px;padding:14px 4px;text-align:center;cursor:pointer}
.feat-item .fi-ico{width:44px;height:44px;border-radius:10px;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:22px}
.feat-item .fi-name{font-size:12px;color:#333}
.fi-ico.b1{background:#fff0e0;color:#ff9040}
.fi-ico.b2{background:#e8f0ff;color:#3B7BFF}
.fi-ico.b3{background:#e8f7ec;color:#2CA968}
.fi-ico.b4{background:#f4e8ff;color:#9a5bff}
.fi-ico.b5{background:#ffecec;color:#E94B3C}
.fi-ico.b6{background:#e8eef6;color:#5a6b86}
.fi-ico.b7{background:#fff5db;color:#d4a017}

.list-group{background:#fff;margin:12px 16px;border-radius:10px;overflow:hidden}
.list-row{display:flex;align-items:center;padding:14px 14px;border-bottom:1px solid #f2f2f2;cursor:pointer}
.list-row:last-child{border-bottom:none}
.list-row .lr-ico{width:26px;margin-right:10px;font-size:18px;text-align:center}
.list-row .lr-txt{flex:1;font-size:14px;color:#333}
.list-row .lr-arr{color:#bbb;font-size:14px}
.logout-btn{display:block;margin:22px 16px;padding:12px;text-align:center;border:1px solid #E94B3C;color:#E94B3C;border-radius:8px;background:#fff;cursor:pointer;font-size:14px;width:calc(100% - 32px)}
.site-foot{text-align:center;color:#aaa;font-size:12px;padding:10px 0 20px}

/* ========== 历史 / 已购 ========== */
.simple-search{margin:10px 12px;background:#fff;border-radius:24px;display:flex;align-items:center;padding:4px 4px 4px 14px;gap:6px}
.simple-search input{flex:1;border:none;outline:none;font-size:13px;background:transparent;padding:8px 0}
.simple-search button{background:#3B7BFF;color:#fff;padding:7px 16px;border-radius:20px;font-size:12px}
.hist-item{background:#fff;margin:0 12px 10px;border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.hist-item .hi-time{font-size:12px;color:#aaa;margin-bottom:6px}
.hist-item .hi-title{font-size:15px;font-weight:600;color:#222}
.hist-item .hi-arr{color:#bbb}
.purchased-item{background:#fff;margin:0 12px 10px;border-radius:10px;padding:14px;position:relative;cursor:pointer}
.purchased-item .pi-time{font-size:12px;color:#aaa;margin-bottom:6px}
.purchased-item .pi-title{font-size:15px;font-weight:600;color:#222;padding-right:50px}
.purchased-item .pi-tag{position:absolute;right:14px;top:36px;color:#FF7A28;font-weight:600;font-size:13px}
.purchased-item .pi-ops{margin-top:10px;display:flex;gap:8px}
.purchased-item .pi-op{background:#f3f4f7;color:#666;font-size:12px;padding:4px 10px;border-radius:14px}

/* ========== 登录 ========== */
.login-wrap{padding:40px 24px}
.login-logo{text-align:center;margin-bottom:30px}
.login-logo .lg-ico{width:72px;height:72px;border-radius:50%;background:#E94B3C;color:#fff;font-weight:700;font-size:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.login-logo h2{margin:0;font-size:18px}
.login-form .lf-item{background:#fff;border-radius:8px;display:flex;align-items:center;margin-bottom:12px;padding:0 14px;height:48px}
.login-form .lf-item input{flex:1;border:none;outline:none;font-size:14px;background:transparent}
.login-form .lf-item .lf-lab{color:#888;font-size:14px;width:62px}
.btn-primary{width:100%;padding:12px;background:linear-gradient(90deg,#5AA0FF,#3B7BFF);color:#fff;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;margin-top:20px}
.login-divider{display:flex;align-items:center;margin:20px 0 12px;color:#94A3B8;font-size:13px}
.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:#E2E8F0}
.login-divider span{padding:0 12px;white-space:nowrap}
.btn-wechat{width:100%;padding:12px;background:#07C160;color:#fff;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center}

/* 空状态 */
.empty{padding:60px 20px;text-align:center;color:#aaa;font-size:13px}
.empty .em-ico{font-size:40px;margin-bottom:10px;opacity:.5}

/* ========== 二级页通用 ========== */
.sub-wrap{padding:12px}
.muted{color:#999;font-size:12px}
.card{background:#fff;border-radius:12px;padding:14px;margin-bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,.03)}
.card-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.card-t{font-weight:600;margin-bottom:10px;color:#222}
.kv{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;color:#333}
.kv.muted{font-size:12px;color:#999}

/* 消息 */
.msg-item{background:#fff;border-radius:12px;padding:14px;margin-bottom:10px;display:flex;gap:12px;box-shadow:0 1px 4px rgba(0,0,0,.03)}
.msg-ico{width:40px;height:40px;border-radius:50%;background:#eef3ff;color:#3B7BFF;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.msg-head{display:flex;justify-content:space-between;margin-bottom:4px;font-size:14px}
.msg-txt{font-size:13px;color:#555;line-height:1.6}

/* 战绩/提现号码大图 */
.num-grid{letter-spacing:2px;font-family:Menlo,monospace;font-size:13px;line-height:1.9;color:#333;word-break:break-all;background:#f7f9fc;border-radius:8px;padding:10px}

/* 推广 */
.promote-card{background:linear-gradient(135deg,#5AA0FF,#3B7BFF);color:#fff;text-align:center;border-radius:14px}
.promote-card .pc-t{font-size:17px;font-weight:700;margin-top:4px}
.promote-card .pc-d{font-size:12px;opacity:.92;margin-top:6px}
.promote-card .pc-link{background:rgba(255,255,255,.2);color:#fff;font-size:12px;padding:8px 12px;border-radius:8px;margin:0 0 14px;word-break:break-all}
.promote-card .btn-primary{background:#fff;color:#3B7BFF;margin-top:0}

/* 统计卡 */
.stat-row{display:flex;background:#fff;border-radius:12px;padding:16px 0;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,0,.03)}
.stat-cell{flex:1;text-align:center;border-right:1px solid #f0f0f0}
.stat-cell:last-child{border-right:none}
.sc-n{font-size:20px;font-weight:700;color:#3B7BFF}
.sc-l{font-size:12px;color:#999;margin-top:4px}

/* 收益头 */
.income-head{background:linear-gradient(135deg,#FF9040,#FF6B5C);color:#fff;border-radius:12px;padding:20px;text-align:center;margin-bottom:12px}
.ih-l{font-size:13px;opacity:.9}
.ih-n{font-size:32px;font-weight:700;margin:6px 0 10px}
.ih-row{display:flex;justify-content:space-around;font-size:12px;opacity:.95;border-top:1px solid rgba(255,255,255,.25);padding-top:10px}

/* 二级 tab */
.tab-bar-2{display:flex;background:#fff;border-radius:10px;padding:4px;margin-bottom:10px}
.tab-bar-2 .t2{flex:1;text-align:center;padding:8px 0;font-size:13px;color:#666;border-radius:8px;cursor:pointer}
.tab-bar-2 .t2.active{background:#eef3ff;color:#3B7BFF;font-weight:600}

/* 访问/明细 item */
.visit-item{background:#fff;border-radius:10px;padding:12px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px rgba(0,0,0,.03);cursor:pointer}
.vi-t{font-size:14px;color:#222;margin-bottom:4px}
.vi-time{font-size:12px}

/* 绑定手机 验证码按钮 */
.sms-btn{background:#eef3ff;color:#3B7BFF;border-radius:16px;padding:6px 14px;font-size:12px;margin-left:6px}

/* 反馈 */
.fb-type{display:flex;gap:14px;margin-bottom:10px;font-size:13px;color:#555}
.fb-type label{display:flex;align-items:center;gap:4px;cursor:pointer}
.fb-ta{width:100%;min-height:110px;border:1px solid #eee;border-radius:8px;padding:10px;font-size:13px;outline:none;resize:none;background:#fafbfc}
.fb-input{width:100%;margin-top:10px;border:1px solid #eee;border-radius:8px;padding:10px;font-size:13px;outline:none;background:#fafbfc}

/* 文章详情页 */
.art-header{display:flex;align-items:center;gap:10px;background:#E94B3C;color:#fff;padding:12px 16px}
.ah-logo{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;overflow:hidden;flex-shrink:0}
.ah-info{flex:1}
.ah-name{font-size:14px;font-weight:600}
.ah-sub{font-size:11px;opacity:.85;margin-top:2px}
.art-title-area{padding:16px;border-bottom:1px solid #f0f0f0;background:#fff}
.art-title-area h1{font-size:16px;font-weight:600;line-height:1.5;margin:0}
.at-meta{display:flex;gap:14px;margin-top:8px;font-size:12px;color:#999}
.art-content{padding:16px;background:#fff}
.ac-label{font-size:13px;color:#999;margin-bottom:4px}
.art-lock{background:#f8f9fb;border-radius:12px;padding:30px;text-align:center;margin:16px}
.lock-ico{font-size:40px;margin-bottom:8px}
.lock-txt{font-size:14px;color:#999;margin-bottom:16px}
.art-disclaimer{margin:16px;padding:14px;background:#FFF7ED;border-radius:10px;border:1px solid #FFE0B2}
.ad-title{font-size:13px;font-weight:600;color:#E65100;margin-bottom:6px}
.ad-body{font-size:12px;color:#795548;line-height:1.8;white-space:pre-wrap}

/* 搜索筛选 select */
.search-bar select.sb-filter{border:none;background:transparent;font-size:13px;color:#555;padding:0 4px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}

/* 商家切换下拉 */
.merchant-switch{background:#fff;border-radius:12px;padding:12px;margin-bottom:10px;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.ms-title{font-size:13px;color:#999;margin-bottom:8px}
.ms-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14px;transition:background .15s}
.ms-item:hover{background:#EEF3FF}
.ms-item.active{background:#EEF3FF;color:#3B7BFF;font-weight:600}
.ms-item img,.ms-item span{width:28px;height:28px;border-radius:6px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#E2E8F0;color:#64748B;font-size:13px;flex-shrink:0}

/* 关注按钮 active */
.mc-follow.active{background:#3B7BFF;color:#fff;border-color:#3B7BFF}

/* 消息未读 */
.msg-item.unread{background:#EEF3FF;border-left:3px solid #3B7BFF;cursor:pointer}
.msg-item.unread .msg-head b{color:#1E293B}
.unread-badge{position:absolute;top:-4px;right:-4px;background:#E94B3C;color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;text-align:center;line-height:16px;padding:0 4px}
.feat-item{position:relative}

/* 悬浮圆形返回按钮 */
.fab-back{position:fixed;bottom:120px;right:16px;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;border:none;-webkit-tap-highlight-color:transparent}
@media(min-width:440px){.fab-back{right:calc(50% - 194px)}}
.fab-back:active{transform:scale(.92);background:#F1F5F9}
.fab-back::before{content:'';display:block;width:11px;height:11px;border-left:2.5px solid #1a1a1a;border-bottom:2.5px solid #1a1a1a;transform:rotate(45deg) translate(2px,-1px);border-radius:1px}