/* ===== P7 算法中心 / 搜索面板 / 听视频 / 为什么推给我 ===== */
#p7toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%) translateY(8px);z-index:400;
  background:rgba(12,28,20,.94);color:#f2e6c0;padding:10px 16px;border-radius:20px;font-size:12.5px;
  border:1px solid rgba(240,185,11,.35);max-width:82vw;text-align:center;opacity:0;pointer-events:none;
  transition:.25s}
#p7toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

#p7wrap{position:fixed;inset:0;z-index:390;display:none}
#p7wrap.on{display:block}
#p7mask{position:absolute;inset:0;background:rgba(3,10,7,.72)}
#p7sheet{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:640px;
  max-height:80%;overflow-y:auto;background:#0e2118;border-radius:16px 16px 0 0;
  padding:16px 15px calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(240,185,11,.28)}
#p7sheet h3{font-size:15.5px;color:#fff;margin:0 34px 4px 0}
#p7sheet .x{position:absolute;right:14px;top:12px;font-size:18px;color:#9db3a7;cursor:pointer}
#p7sheet .cap{font-size:11px;color:#6f8a7c;margin:12px 0 6px}
#p7sheet .wv{font-size:12.5px;color:#e8f2ec;margin:6px 0 2px}
#p7sheet .wrow{display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:8px 10px;margin:5px 0;background:rgba(255,255,255,.04);border-radius:9px}
#p7sheet .wrow span{font-size:11.5px;color:#9db3a7}
#p7sheet .wrow b{font-size:12px;color:#f2d488;font-weight:700;text-align:right}
#p7sheet .wnote{font-size:10.5px;color:#6f8a7c;line-height:1.7;margin:10px 0 4px}
#p7sheet .prow{display:flex;align-items:center;gap:8px;padding:5px 0}
#p7sheet .prow .pn{flex:0 0 64px;font-size:12px;color:#dce8e0}
#p7sheet .prow .pbar{flex:1;height:7px;background:rgba(255,255,255,.07);border-radius:4px;overflow:hidden}
#p7sheet .prow .pbar i{display:block;height:100%;border-radius:4px}
#p7sheet .prow b{flex:0 0 44px;font-size:11.5px;color:#f2d488;text-align:right}
#p7sheet .blkrow{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
#p7sheet .blkrow button{flex:1;background:rgba(240,185,11,.14);color:#f2d488;border:1px solid rgba(240,185,11,.3);
  border-radius:9px;padding:9px 4px;font-size:11.5px;font-family:inherit;cursor:pointer}
#p7sheet .p7main{display:block;width:100%;margin-top:14px;background:var(--gold,#F0B90B);color:#1a1200;
  border:0;border-radius:10px;padding:11px;font-size:13px;font-weight:800;font-family:inherit;cursor:pointer}

/* 为什么角标 */
/* ★ r912 字号收敛：10px → 12px（抖音官方「最小字号 10px、同屏最多 3 档偶数」） */
.p7why{position:absolute;right:64px;top:96px;z-index:6;font-size:12px;color:rgba(240,240,240,.85);
  background:rgba(8,20,14,.55);border:1px solid rgba(255,255,255,.16);border-radius:12px;
  padding:3px 8px;cursor:pointer;backdrop-filter:blur(4px)}

/* 搜索面板 */
#p7search{position:fixed;inset:0;z-index:380;background:#0a1a12;display:none;overflow-y:auto;
  padding:16px 14px calc(30px + env(safe-area-inset-bottom,0px))}
#p7search.on{display:block}
#p7search .sbox{display:flex;gap:8px;margin-bottom:14px}
#p7search input{flex:1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  border-radius:10px;padding:11px 13px;color:#eef5f0;font-size:14px;outline:none;font-family:inherit}
#p7search input:focus{border-color:rgba(240,185,11,.5)}
#p7search .sbox button{background:var(--gold,#F0B90B);color:#1a1200;border:0;border-radius:10px;
  padding:0 18px;font-size:13.5px;font-weight:800;font-family:inherit;cursor:pointer}
#p7search .stt{font-size:11px;color:#6f8a7c;margin:14px 0 7px;display:flex;justify-content:space-between}
#p7search .stt span{cursor:pointer;color:#9db3a7}
#p7search .schips{display:flex;flex-wrap:wrap;gap:8px}
#p7search .chip{padding:6px 12px;border-radius:15px;font-size:12.5px;color:#cfe0d6;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);cursor:pointer}
#p7search .chip.gold{color:#f2d488;border-color:rgba(240,185,11,.35);background:rgba(240,185,11,.1)}
#p7search .srow{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer}
#p7search .srow .no{flex:0 0 20px;font-size:12px;color:#6f8a7c;font-style:normal}
#p7search .srow .no.hot{color:#f2b90b;font-weight:800}
#p7search .srow span{flex:1;font-size:13px;color:#dce8e0}
#p7search .srow em{font-size:10.5px;color:#6f8a7c;font-style:normal}
@media (min-width:700px){
  #p7search,#p7sheet,#p7toast{max-width:420px}
}