/* ==========================================================================
   砺进AI店员 · 公共设计系统（大厅 + 三个模块页共用）
   --------------------------------------------------------------------------
   ⚠️ 这个文件是「品牌皮肤」：改它会影响所有页面。
      单个模块特有的样式，请写在该模块自己的 HTML 的 <style> 里，
      不要加到这里 —— 那样才能做到「改一个模块不影响别的模块」。
   ========================================================================== */

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
:root{
  --blue:#3a8bff;
  --blue-soft:#5aa8ff;
  --grad:linear-gradient(135deg,#5cc8f7 0%,#2f7bff 100%);
  --bg:#0e1116;
  --card:#161b24;
  --bd:#222b38;
  --gold:#ffc400;
}
body { margin:0; font-family:-apple-system,"Microsoft YaHei",sans-serif;
       background:var(--bg); color:#f2f5fa; }
.wrap { max-width:520px; margin:0 auto; padding:10px 14px 28px; min-height:100vh; display:flex; flex-direction:column; }
.hd { text-align:center; padding:4px 0 0; }
.logo { width:30px; height:30px; border-radius:8px; margin:0 auto 4px;
        background:var(--grad); color:#fff; font-size:18px; font-weight:800;
        display:flex; align-items:center; justify-content:center;
        box-shadow:0 3px 9px rgba(47,123,255,.35); }
.hd h1 { font-size:15px; margin:0; letter-spacing:0; font-weight:800; }
.hd p { color:#8a97a8; font-size:11px; margin:2px 0 0; }

/* 步骤指示器 */
.steps { display:flex; align-items:flex-start; justify-content:center; margin:4px 0 0; }
.step { display:flex; flex-direction:column; align-items:center; gap:3px; }
.step span { width:18px; height:18px; border-radius:50%; display:flex;
             align-items:center; justify-content:center; font-size:10px; font-weight:700;
             background:#222b38; color:#8a97a8; }
.step em { font-style:normal; font-size:9px; color:#8a97a8; }
.step.on span { background:var(--grad); color:#fff; box-shadow:0 0 6px rgba(47,123,255,.5); }
.step.on em { color:#cfe0ff; }
.bar { width:16px; height:2px; background:#222b38; margin:7px 6px 0; }

.card { background:var(--card); border:1px solid var(--bd); border-radius:16px;
        padding:14px; margin-top:4px; }
label { display:block; font-size:13px; color:#b3bccb; margin:11px 0 5px; }
label:first-child { margin-top:0; }
select, input[type=text], textarea {
  width:100%; background:var(--bg); border:1px solid #2c3744; color:#fff;
  border-radius:11px; padding:12px 13px; font-size:15px; outline:none; }
select:focus, input:focus, textarea:focus { border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(58,139,255,.15); }
textarea { resize:vertical; min-height:52px; }
.up { border:1.5px dashed #33404f; border-radius:13px; padding:14px;
      text-align:center; color:#8a97a8; font-size:14px; cursor:pointer;
      transition:.2s; }
.up.on { border-color:var(--blue); color:#fff; background:rgba(58,139,255,.06); }
input[type=file] { display:none; }
.thumbs { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.thumbs div { width:62px; height:62px; border-radius:9px; overflow:hidden;
              position:relative; background:#000; }
.thumbs img, .thumbs video { width:100%; height:100%; object-fit:cover; }
/* 上传缩略图增强：序号+删除+大小/时长 */
.thumb { width:62px; height:62px; border-radius:9px; overflow:hidden; position:relative; background:#000; }
.thumb video { width:100%; height:100%; object-fit:cover; display:block; }
.thumb-rm { position:absolute; top:2px; right:2px; width:18px; height:18px; line-height:16px;
            border:0; border-radius:50%; background:rgba(0,0,0,.6); color:#fff; font-size:14px;
            cursor:pointer; padding:0; }
.thumb-rm:active { background:rgba(255,80,80,.85); }
.thumb-info { width:100%; margin-top:3px; font-size:10px; color:#8a97a8; text-align:center;
              white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.thumb-dur { color:#5aa8ff; }
.thumb-clear { width:100%; margin-top:8px; padding:7px; border:1px solid #2c3744; border-radius:9px;
               background:#1c2430; color:#8a97a8; font-size:12px; cursor:pointer; }
.thumb-clear:active { background:#26303d; }
/* 缺失项红框闪烁 */
.err-flash { box-shadow:0 0 0 3px rgba(255,80,80,.5) !important; border-color:#ff6b6b !important; }
.btn { width:100%; margin-top:12px; padding:13px; border:0; border-radius:13px;
       background:var(--grad); color:#fff; font-size:17px; font-weight:700;
       letter-spacing:1px; cursor:pointer; box-shadow:0 6px 18px rgba(47,123,255,.3); }
.btn:disabled { opacity:.55; }
.loading { text-align:center; color:var(--blue-soft); font-size:14px; margin-top:12px; display:none; }
.cute-wait{text-align:center;color:var(--blue-soft);}
.cute-wait .dots{display:flex;justify-content:center;gap:8px;margin-bottom:12px;}
.cute-wait .dots span{width:12px;height:12px;border-radius:50%;background:#6cb0ff;animation:bob 1.2s infinite ease-in-out;}
.cute-wait .dots span:nth-child(2){background:#1ec98a;animation-delay:.2s;}
.cute-wait .dots span:nth-child(3){background:#ffb454;animation-delay:.4s;}
@keyframes bob{0%,80%,100%{transform:translateY(0) scale(.7);opacity:.5}40%{transform:translateY(-8px) scale(1);opacity:1}}
.cute-wait .wait-tx{font-size:15px;}
.spin { display:inline-block; width:16px; height:16px; border:2px solid var(--blue-soft);
        border-top-color:transparent; border-radius:50%; animation:s 1s linear infinite;
        vertical-align:-3px; margin-right:6px; }
@keyframes s { to { transform:rotate(360deg); } }
.err { color:#ff6b6b; font-size:14px; margin-top:12px; text-align:center; display:none; line-height:1.7; }
.hint { color:#6f7a8a; font-size:12px; text-align:center; margin-top:12px; line-height:1.7; }
/* 手机端适配 */
@media (max-width:420px){
  .wrap{ padding:8px 10px 24px; }
  .hd h1{ font-size:15px; }
  .hd p{ font-size:10px; }
  .logo{ width:28px; height:28px; font-size:16px; }
  .btn{ font-size:16px; padding:12px; }
  .card{ padding:12px; }
  label{ font-size:12px; }
  select,input[type=text],textarea{ font-size:14px; padding:9px; }
}

/* 测试期密钥解锁遮罩 */
#gate { position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center;
        background:rgba(8,10,14,.96); padding:20px; }
.gate-card { width:100%; max-width:340px; background:var(--card); border:1px solid var(--bd);
             border-radius:18px; padding:26px 22px; text-align:center; box-shadow:0 10px 40px rgba(0,0,0,.5); }
.g-logo { width:52px; height:52px; border-radius:14px; margin:0 auto 12px; background:var(--grad);
          color:#fff; font-size:28px; font-weight:800; display:flex; align-items:center; justify-content:center;
          box-shadow:0 4px 12px rgba(47,123,255,.35); }
.gate-card h2 { margin:0; font-size:18px; font-weight:800; }
.g-sub { color:#8a97a8; font-size:13px; margin:8px 0 18px; }
#keyInput { text-transform:uppercase; letter-spacing:1px; text-align:center; }
#keyBtn { width:100%; margin-top:12px; padding:12px; border:0; border-radius:12px; background:var(--grad);
          color:#fff; font-size:16px; font-weight:700; cursor:pointer; box-shadow:0 6px 18px rgba(47,123,255,.3); }
#keyBtn:disabled { opacity:.6; }
/* ★ 紧急关闭：门口整体变灰 */
.g-closed { display:none; margin:0 auto 14px; padding:5px 14px; border-radius:20px;
            background:rgba(120,130,145,.16); border:1px solid rgba(120,130,145,.35);
            color:#9aa6b6; font-size:12px; font-weight:700; width:fit-content; }
#gate.closed .g-closed { display:block; }
#gate.closed .g-logo { background:#39414d; box-shadow:none; }
#gate.closed #keyInput, #gate.closed #keyBtn { opacity:.42; filter:grayscale(.85); }
#gate.closed .g-sub { color:#6f7a8a; }
.gate-card .err { color:#ff6b6b; font-size:13px; margin-top:12px; display:none; }
.g-tip { color:#5f6a7a; font-size:11px; margin:16px 0 0; line-height:1.6; }
/* 已解锁徽章 */
#badge { position:fixed; top:10px; right:10px; z-index:9998; display:none; align-items:center; gap:6px;
         background:rgba(22,27,36,.92); border:1px solid #2c5; border-radius:20px; padding:6px 12px;
         font-size:11px; color:#bdf5c8; box-shadow:0 2px 10px rgba(0,0,0,.4); max-width:62vw; }
#badge .b-dot { width:7px; height:7px; border-radius:50%; background:#3ad07a; box-shadow:0 0 6px #3ad07a; flex:none; }
#badge .b-shop { font-weight:700; color:#eafff0; }
#badge .b-exp { color:#9fdcc0; }
#badge .b-remain { color:#ffe08a; }
@media (max-width:420px){ #badge{ font-size:10px; padding:5px 10px; } }

/* ===== 大厅：模块卡片 ===== */
.channels { display:flex; flex-direction:column; gap:14px; margin-top:8px; flex:1; }
.ch { position:relative; border-radius:16px; padding:18px 16px 18px; border:1px solid var(--bd); overflow:hidden; flex:1; min-height:0; display:flex; flex-direction:column; justify-content:space-between; }
.ch-a { background:linear-gradient(135deg, rgba(92,200,247,.14), rgba(47,123,255,.18)); border-color:rgba(58,139,255,.5); }
.ch-c { background:linear-gradient(135deg, rgba(255,196,0,.10), rgba(47,123,255,.17)); border-color:rgba(255,196,0,.36); }
.ch-b { background:rgba(20,25,33,.6); border-style:dashed; border-color:#33404f; filter:saturate(.62); opacity:.94; }
.ch-tag { position:absolute; top:11px; right:11px; font-size:10px; padding:3px 9px; border-radius:20px; font-weight:700; }
.ch-tag.on { background:rgba(30,201,138,.18); color:#5fe0a6; border:1px solid rgba(30,201,138,.4); }
.ch-tag.soon { background:rgba(120,130,145,.18); color:#9aa6b6; border:1px solid rgba(120,130,145,.35); }
.ch h3 { margin:0 0 4px; font-size:16px; font-weight:800; }
.ch-desc { margin:0; font-size:13px; color:#aab4c2; line-height:1.7; }
.ch-price { margin:10px 0 14px; font-size:15px; font-weight:800; color:#f2d28a; }
.ch-price.dim { color:#7d8794; font-weight:700; font-size:13px; }
.ch-btn { width:100%; padding:13px; border:0; border-radius:12px; background:var(--grad);
          color:#fff; font-size:16px; font-weight:700; cursor:pointer; box-shadow:0 5px 14px rgba(47,123,255,.3); }
.ch-btn.soon-btn { background:#2a323e; color:#9aa6b6; box-shadow:none; }
/* 大厅提示 */
.hall-tip{ text-align:center; font-size:12px; color:#9aa6b6; margin:18px 0 6px; }
.hall-hint{ margin-top:16px; }
.hall-hint b{ color:var(--blue-soft); }

/* ===== 模块页通用框架（每个模块页都用） ===== */
.page-head{ display:flex; align-items:center; gap:12px; padding:14px 14px 10px; border-bottom:1px solid var(--bd); }
.page-head .back-btn, .back-btn{ width:34px; height:34px; border-radius:10px; background:var(--card); border:1px solid var(--bd);
           color:#fff; font-size:20px; cursor:pointer; display:grid; place-items:center; flex:none; }
.page-head h3{ margin:0; font-size:16px; font-weight:800; flex:1; }
.page-head .mod-no{ font-size:11px; color:#8a97a8; margin-right:2px; }
.page-body{ flex:1; overflow:auto; padding:12px 14px 40px; }
.page-body .steps{ margin:4px 0 12px; }
/* 模块状态横幅（内测/未开放时压在工作流顶部） */
.mod-banner{ display:flex; align-items:center; gap:8px; font-size:12.5px; line-height:1.6;
             border-radius:12px; padding:10px 12px; margin:6px 0 12px; }
.mod-banner.testing{ background:rgba(255,196,0,.09); border:1px solid rgba(255,196,0,.28); color:#ffd980; }
.mod-banner.coming{ background:rgba(120,130,145,.13); border:1px solid rgba(120,130,145,.3); color:#a7b2c1; }

/* 介绍页卡片（模块介绍用） */
.hero-card{ background:linear-gradient(135deg, rgba(92,200,247,.12), rgba(47,123,255,.1)); border:1px solid rgba(92,200,247,.2);
             border-radius:16px; padding:22px; text-align:center; margin:6px 0 18px; }
.hero-card .icon{ font-size:36px; margin-bottom:8px; }
.hero-card h4{ margin:0 0 6px; font-size:17px; }
.hero-card p{ margin:0; font-size:13px; color:#aab4c2; line-height:1.6; }
.how-card{ background:var(--card); border:1px solid var(--bd); border-radius:16px; padding:16px; margin-bottom:14px; }
.how-card h4{ margin:0 0 12px; font-size:15px; }
.how-step{ display:flex; gap:12px; margin-bottom:12px; }
.how-step:last-child{ margin-bottom:0; }
.how-num{ width:26px; height:26px; border-radius:50%; background:var(--grad); color:#fff;
          display:grid; place-items:center; font-weight:800; font-size:13px; flex:none; }
.how-step h5{ margin:0 0 3px; font-size:14px; }
.how-step p{ margin:0; font-size:12px; color:#8b95a4; line-height:1.5; }
.m-step { font-size:13px; color:#cdd6e2; line-height:1.9; }
.soon-box{ background:rgba(20,25,33,.6); border:1px dashed #33404f; border-radius:16px; padding:18px;
           text-align:center; margin-top:16px; }
.soon-box h4{ margin:0 0 6px; font-size:15px; color:#9aa6b6; }
.soon-box p{ margin:0 0 12px; font-size:12px; color:#8b95a4; line-height:1.6; }

/* AI超级探店 说明弹窗 */
.modal-mask { position:fixed; inset:0; z-index:9997; display:none; align-items:center; justify-content:center;
              background:rgba(8,10,14,.82); padding:20px; }
.modal-mask.show { display:flex; }
.modal { width:100%; max-width:340px; background:var(--card); border:1px solid var(--bd);
         border-radius:18px; padding:22px 20px; box-shadow:0 12px 40px rgba(0,0,0,.5); }
.m-hd { font-size:17px; font-weight:800; margin-bottom:6px; }
.m-sub { font-size:13px; color:var(--blue-soft); font-weight:700; margin:14px 0 7px; }
.m-sub:first-child { margin-top:0; }
.m-eff { font-size:13px; color:#cdd6e2; line-height:1.8; }
.m-foot { font-size:12px; color:#ffce6b; margin-top:14px; line-height:1.7;
          background:rgba(255,206,107,.08); border:1px solid rgba(255,206,107,.25);
          border-radius:10px; padding:9px 11px; }
.m-close { width:100%; margin-top:16px; padding:11px; border:0; border-radius:11px; background:var(--grad);
           color:#fff; font-size:15px; font-weight:700; cursor:pointer; }

@media (max-width:420px){
  .ch{ padding:14px 13px; }
  .ch h3{ font-size:14px; }
  .ch-desc{ font-size:11px; line-height:1.55; }
  .ch-price{ font-size:13px; margin:8px 0 10px; }
  .ch-btn{ padding:11px; font-size:14px; }
}

/* ===== 新门面（2026-10-15 改版：参考图风格 + 底部 tab） ===== */
.hp-head { display:flex; align-items:center; gap:10px; padding:14px 2px 8px; }
.hp-logo { width:34px; height:34px; border-radius:10px; background:var(--grad); color:#fff; font-size:20px; font-weight:800;
           display:flex; align-items:center; justify-content:center; box-shadow:0 3px 10px rgba(47,123,255,.35); }
.hp-brand { flex:1; font-size:17px; font-weight:800; line-height:1.2; }
.hp-brand small { display:block; font-size:10.5px; font-weight:500; color:#8a97a8; margin-top:2px; }
.hp-status { font-size:11px; padding:4px 10px; border-radius:20px; background:rgba(120,130,145,.16);
             border:1px solid rgba(120,130,145,.35); color:#9aa6b6; font-weight:700; }

.hp-hero { position:relative; margin:6px 0 14px; border-radius:20px; overflow:hidden; padding:26px 20px 22px;
           background:linear-gradient(135deg,#6a5cff 0%,#2f7bff 100%); box-shadow:0 10px 30px rgba(58,92,255,.32); }
.hp-hero-robot { position:absolute; right:10px; top:10px; width:96px; height:auto; opacity:.98; filter:drop-shadow(0 5px 12px rgba(15,25,80,.35)); }
.hp-hero h1 { margin:0 0 8px; font-size:23px; font-weight:900; line-height:1.3; color:#fff; letter-spacing:.5px; }
.hp-hero p { margin:0 0 16px; font-size:13px; color:rgba(255,255,255,.85); }
.hp-hero-btn { width:100%; padding:13px; border:0; border-radius:13px; background:#fff; color:#2f4bff;
               font-size:15px; font-weight:800; cursor:pointer; box-shadow:0 6px 16px rgba(0,0,0,.18); }

.hp-lib { display:flex; align-items:center; gap:12px; background:var(--card); border:1px solid var(--bd);
          border-radius:14px; padding:12px 14px; margin-bottom:16px; cursor:pointer; }
.hp-lib:active { background:#1c2430; }
.hp-lib-ic { width:38px; height:38px; border-radius:10px; background:rgba(58,139,255,.14); display:flex;
              align-items:center; justify-content:center; font-size:20px; flex:none; }
.hp-lib-tx { flex:1; display:flex; flex-direction:column; }
.hp-lib-tx b { font-size:14px; }
.hp-lib-tx span { font-size:11px; color:#8a97a8; margin-top:2px; }
.hp-lib-go { font-size:13px; color:var(--blue-soft); font-weight:700; }

.hp-sec { font-size:14px; font-weight:800; margin:4px 0 10px; color:#eaf0f8; }
.hp-feats { display:flex; flex-direction:column; gap:12px; }
/* 功能入口卡（与「一键生同款」同款紧凑横排风格） */
.feat { display:flex; align-items:center; gap:12px; padding:13px 16px;
  background:linear-gradient(135deg,#fff5ec,#ffeede); border:1px solid #ffd9b8; border-radius:16px; }
.feat:active { background:linear-gradient(135deg,#ffeede,#ffe3cc); }
.feat-ic { width:46px; height:46px; object-fit:contain; flex:none; font-size:30px; line-height:46px; text-align:center;
  filter:drop-shadow(0 3px 6px rgba(180,90,20,.25)); }
.feat-tx { flex:1; min-width:0; }
.feat-tx b { display:block; font-size:15px; color:#a8430a; line-height:1.4; }
.feat-tx span { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  font-size:12px; color:#9a6a44; line-height:1.5; margin-top:2px; }
.feat-tag { display:inline-block; font-style:normal; font-size:10px; font-weight:700; padding:2px 7px;
  border-radius:20px; margin-left:7px; vertical-align:2px; }
.feat-tag.on { background:#e2f6e8; color:#0a8f4c; }
.feat-tag.soon { background:#f3e3c3; color:#a1732a; }
.feat-go { font-size:13px; font-weight:800; color:#ff6a2c; flex:none; }
.feat-go.dim { color:#b08968; font-weight:700; }

/* 首页「一键生同款」入口卡 */
.hp-same { display:flex; align-items:center; gap:12px; margin:0 0 14px; padding:13px 16px;
  background:linear-gradient(135deg,#fff5ec,#ffeede); border:1px solid #ffd9b8; border-radius:16px; }
.hp-same-ic { width:46px; height:46px; object-fit:contain; flex:none; filter:drop-shadow(0 3px 6px rgba(180,90,20,.25)); }
.hp-same-tx { flex:1; min-width:0; }
.hp-same-tx b { display:block; font-size:15px; color:#a8430a; }
.hp-same-tx span { font-size:12px; color:#9a6a44; }
.hp-same-go { font-size:13px; font-weight:800; color:#ff6a2c; flex:none; }

.hp-works { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.hp-work { border-radius:14px; padding:14px 12px; min-height:96px; display:flex; flex-direction:column; justify-content:space-between;
           border:1px solid var(--bd); }
.hp-work.w-a { background:linear-gradient(135deg, rgba(92,200,247,.16), rgba(47,123,255,.2)); }
.hp-work.w-b { background:linear-gradient(135deg, rgba(255,140,0,.14), rgba(255,196,0,.16)); }
.hp-work.w-c { background:linear-gradient(135deg, rgba(120,92,255,.16), rgba(47,123,255,.18)); }
.hp-work-ic { font-size:26px; }
.hp-work-tx b { display:block; font-size:13px; }
.hp-work-tx span { font-size:10.5px; color:#aab4c2; }
.hp-works-note { font-size:11px; color:#6f7a8a; text-align:center; margin-top:10px; line-height:1.6; }
.hp-foot { text-align:center; font-size:11.5px; color:#7d8794; margin:22px 0 4px; line-height:1.6; }

/* 底部 tab（固定） */
.wrap { padding-bottom:80px; }
.tabbar { position:fixed; left:0; right:0; bottom:0; z-index:60; display:flex; max-width:520px; margin:0 auto;
          background:rgba(14,17,22,.96); border-top:1px solid #222b38;
          padding:6px 0 calc(6px + env(safe-area-inset-bottom)); }
.tab { flex:1; display:flex; flex-direction:column; align-items:center; gap:2px; padding:6px 0; text-decoration:none;
       color:#7d8794; font-size:11px; }
.tab i { font-size:20px; font-style:normal; }
.tab span { font-size:11px; }
.tab.on { color:var(--blue-soft); }
.tab.on i { filter:drop-shadow(0 0 6px rgba(58,139,255,.7)); }

/* 模块页「从素材库选」按钮 */
.lib-btn { width:100%; margin-top:8px; padding:10px; border:1px solid rgba(58,139,255,.5); border-radius:11px;
           background:rgba(58,139,255,.08); color:var(--blue-soft); font-size:13px; font-weight:700; cursor:pointer; }
.lib-btn:active { background:rgba(58,139,255,.18); }

/* 我的页 */
.mine-card { background:var(--card); border:1px solid var(--bd); border-radius:16px; padding:14px; margin:10px 0; }
.mine-code-hd { font-size:12px; color:#8a97a8; margin-bottom:6px; }
.mine-code { font-size:13.5px; color:#eaf0f8; line-height:1.6; }
.mine-lib-hd { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.mine-lib-hd b { font-size:15px; }
.mine-lib-sub { display:block; font-size:10.5px; color:#8a97a8; margin-top:3px; font-weight:500; }
.lib-add { border:1px solid rgba(58,139,255,.5); background:var(--grad); color:#fff; font-size:13px; font-weight:700;
           padding:8px 14px; border-radius:10px; cursor:pointer; flex:none; }
.lib-add:disabled { opacity:.6; }
.mine-lib-list { display:flex; flex-direction:column; gap:8px; }
.mine-lib-empty { font-size:12.5px; color:#8a97a8; line-height:1.7; text-align:center; padding:14px 6px; }
.lib-row { display:flex; align-items:center; gap:10px; background:#11151c; border:1px solid var(--bd); border-radius:12px; padding:8px; }
.lib-th { width:60px; height:78px; object-fit:cover; border-radius:8px; flex:none; background:#000; }
.lib-th-ph { display:flex; align-items:center; justify-content:center; color:#5a6678; font-size:24px; }
.lib-meta { flex:1; display:flex; flex-direction:column; min-width:0; }
.lib-meta b { font-size:13px; color:#eaf0f8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lib-meta span { font-size:11px; color:#8a97a8; margin-top:3px; }
.lib-del { border:1px solid rgba(255,80,80,.4); background:rgba(255,80,80,.1); color:#ff8a8a; font-size:12px;
           padding:7px 11px; border-radius:9px; cursor:pointer; flex:none; }
.lib-del:active { background:rgba(255,80,80,.22); }
.mine-tip { font-size:12px; color:#6f7a8a; line-height:1.7; margin:8px 4px 0; }