/* ============ 蜜桃陪玩 pink 预存模板（粉嫩玻璃 · 陪玩列表） ============ */
body.pink-on { background: linear-gradient(180deg, #fde7ee, #fceef2 40%, #fdeef0); }
.pk-wrap {
  flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; box-sizing: border-box;
  padding: 12px 12px 100px; box-sizing: border-box;
  background: linear-gradient(180deg, #fddfe8, #fcebf1 30%, #fdeff2);
}
/* 搜索条：白玻璃胶囊 + 深红搜索钮 */
.pk-search {
  display: flex; align-items: center; gap: 8px; padding: 7px 7px 7px 14px;
  background: rgba(255,255,255,.75); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  border-radius: 999px; box-shadow: 0 2px 10px rgba(214,110,130,.10), inset 0 .5px 0 rgba(255,255,255,.9);
}
.pk-search svg { width: 17px; height: 17px; flex-shrink: 0; }
.pk-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font-size: 13.5px; color: #6b4a52; }
.pk-search input::placeholder { color: #c9a5b0; }
.pk-search-go {
  border: 0; border-radius: 999px; padding: 8px 18px; font-size: 13.5px; font-weight: 700; color: #fff;
  background: linear-gradient(135deg, #a4133c, #800f37); flex-shrink: 0;
}
.pk-search-go:active { transform: scale(.95); }
/* 双 banner */
.pk-banners { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.pk-bn {
  position: relative; height: 74px; border-radius: 14px; overflow: hidden;
  display: flex; flex-direction: column; justify-content: center; padding: 0 12px; box-sizing: border-box;
  box-shadow: 0 4px 14px rgba(214,110,130,.18);
}
.pk-bn img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pk-bn b { position: relative; font-size: 16px; font-weight: 900; color: #fff; letter-spacing: .02em; text-shadow: 0 1px 3px rgba(0,0,0,.15); }
.pk-bn span { position: relative; font-size: 9.5px; color: rgba(255,255,255,.92); margin-top: 3px; }
.pk-bn-a { background: linear-gradient(135deg, #7f7fd5, #86a8e7 55%, #91eae4); }
.pk-bn-b { background: linear-gradient(135deg, #f7971e, #ffd200); }
.pk-bn-a::after, .pk-bn-b::after { content: ""; position: absolute; right: -18px; top: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(255,255,255,.25); }
/* 陪玩列表卡：白玻璃 */
.pk-list { margin-top: 12px; display: flex; flex-direction: column; gap: 10px; }
.pk-card {
  position: relative; display: flex; align-items: center; gap: 11px; padding: 13px 12px;
  background: rgba(255,255,255,.78); -webkit-backdrop-filter: blur(14px) saturate(1.6); backdrop-filter: blur(14px) saturate(1.6);
  border-radius: 18px; box-shadow: 0 3px 14px rgba(214,110,130,.10), inset 0 .5px 0 rgba(255,255,255,.95);
}
.pk-av { width: 56px; height: 56px; border-radius: 14px; object-fit: cover; flex-shrink: 0; background: #f3e3e8; }
.pk-info { flex: 1; min-width: 0; }
.pk-row1 { display: flex; align-items: center; gap: 6px; }
.pk-row1 b { font-size: 15.5px; font-weight: 800; color: #232323; max-width: 46%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-sex { font-style: normal; font-size: 11px; color: #4aa3f0; }
.pk-dot { width: 5px; height: 5px; border-radius: 50%; background: #c2c2c2; }
.pk-st { font-size: 11px; color: #9a9a9a; }
.pk-row2 { font-size: 12px; color: #6f6f6f; margin-top: 4px; }
.pk-row3 { display: flex; align-items: center; gap: 6px; margin-top: 6px; }
.pk-lv {
  font-size: 10px; color: #8a5a00; padding: 2px 8px; border-radius: 4px 10px 4px 10px;
  background: linear-gradient(135deg, #3d2b12, #6b4423); color: #f5d78e;
  box-shadow: inset 0 0 0 .5px rgba(245,215,142,.4);
}
.pk-tag { font-size: 10px; color: #4aa3f0; background: rgba(74,163,240,.12); padding: 2px 7px; border-radius: 999px; }
.pk-buy {
  border: 0; border-radius: 999px; padding: 9px 13px; font-size: 12.5px; font-weight: 800; color: #fff; flex-shrink: 0;
  background: linear-gradient(135deg, #2b2b2b, #111); box-shadow: 0 3px 10px rgba(0,0,0,.25);
}
.pk-buy:active { transform: scale(.93); }
.pk-empty { text-align: center; color: #c9a5b0; font-size: 12.5px; padding: 40px 0; }
/* 底部导航：白玻璃胶囊 + 橙色选人凸钮 + 橙透镜 */
body.pink-on #tabbar {
  position: fixed; left: 14px; right: 14px; bottom: 10px; z-index: 1200;
  display: block; background: transparent; border-top: 0; padding: 0; box-shadow: none; pointer-events: none;
}
body.pink-on .pk-wrap { padding-bottom: 100px; }
body.pink-on #tabbar.hidden { display: none; }
body.pink-on #tabbar .tab { display: none; }
body.pink-on .ql-glass { background: rgba(255,255,255,.66); }
body.pink-on .ql-lens {
  background: linear-gradient(135deg, rgba(255,237,224,.95), rgba(255,214,190,.7));
  box-shadow: inset 0 1px 1px rgba(255,255,255,.95), inset 0 -1px 1px rgba(255,138,76,.2), 0 6px 18px -6px rgba(255,138,76,.4);
}
body.pink-on .ql-tab.on { color: #ff7a1a; }
body.pink-on .shop-pick-slot { width: auto; flex: none; }
body.pink-on .shop-pick-btn {
  width: 52px; height: 52px; margin-top: -20px; border-radius: 50%; border: 3px solid rgba(255,255,255,.9);
  background: linear-gradient(160deg, #ffb26b, #ff7a1a 60%, #f56b0c);
  box-shadow: 0 6px 16px -4px rgba(255,122,26,.55); display: flex; align-items: center; justify-content: center;
}
body.pink-on .shop-pick-btn .shop-pick-img { display: none; }
body.pink-on .shop-pick-btn::after { content: "选人"; color: #fff; font-size: 13px; font-weight: 900; letter-spacing: .05em; text-shadow: 0 1px 2px rgba(150,60,0,.3); }
body.pink-on .shop-pick-slot { position: relative; z-index: 3; }

.ql-tab, .ql-tab img, .ql-tab .tabic {
  -webkit-user-drag: none; user-select: none; -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.ql-tab img[draggable] { pointer-events: none; }