:root{
  --p:#FD5B8F;
  --pl:#FF76B1;
  --p2:#FA80A6;
  --p3:#F95489;
  --bg:#F7EDF3;
  --bg2:#EEE4EC;
  --c:#FFFFFF;
  --t1:#2C2923;
  --t2:#6D6C75;
  --tm:#999999;
  --g:#F5A623;
  --on:#4CD964;
  --d:#FF4D6A;
  --purple:#836FF3;
  --purple2:#D679D8;
  /* 与 首页(1).html 一致：Funnel Sans + Inter */
  --f:'Funnel Sans',Inter,system-ui,sans-serif;
  --shadow:0 8px 24px rgba(253,91,143,0.12);
  --radius:18px;
}
*,::before,::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;width:100%}
body{
  font-family:var(--f);
  background:#fff;
  display:flex;
  justify-content:center;
  align-items:stretch;
  min-height:100%;
  min-height:100dvh;
  padding:0;
  margin:0;
  color:var(--t1);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
[data-pencil-name]{transition:filter .15s,transform .15s}
[style*="cursor:pointer"]:active{opacity:.92}
a{color:inherit;-webkit-tap-highlight-color:transparent}

/* ===== 手机全屏壳 ===== */
.app-shell,
body > [data-pencil-name]{
  width:100% !important;
  max-width:430px !important;
  min-height:100dvh !important;
  height:100dvh !important;
  margin:0 auto !important;
  overflow:hidden !important;
  position:relative !important;
}

/* 浅色页粉底：仿首页粉紫氛围（有背景图的设计稿首页除外） */
body > [data-pencil-name]:not(.app-shell--immersive):not(.app-shell--design):not([style*="background-image"]){
  background:
    linear-gradient(165deg, rgba(249,84,137,0.20) 0%, rgba(131,111,243,0.12) 28%, #F7EDF3 55%, #F3E9F1 100%) !important;
}

/* 设计稿首页：完整保留自身背景图与字体，不做颜色覆盖 */
.app-shell--design,
body > [data-pencil-name].app-shell--design{
  /* 不覆盖 background-image；仅清掉可能残留的实色底 */
  background-color: transparent !important;
  font-family: 'Funnel Sans', Inter, system-ui, sans-serif !important;
}

/* 深色沉浸页：提亮，避免字看不清 */
.app-shell--immersive,
body > [data-pencil-name].app-shell--immersive{
  background: linear-gradient(165deg, #5A3D78 0%, #3D2A5C 50%, #4A3058 100%) !important;
}
[data-pencil-name="语音房"]{
  background: linear-gradient(165deg, #6B4AA8 0%, #4A3580 45%, #5A3A70 100%) !important;
}
[data-pencil-name="视频直播间"]{
  background: #4A2A45 !important;
}
[data-pencil-name="视频直播间"] [data-pencil-name="Live BG"]{
  filter: brightness(1.28) saturate(1.05) contrast(1.02);
}
[data-pencil-name="视频直播间"] [data-pencil-name="Live BG"]::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(80,40,70,.15) 45%, rgba(40,20,40,.35) 100%);
  pointer-events:none;
}
[data-pencil-name="匹配中"],
[data-pencil-name="视频通话"],
[data-pencil-name="语音通话"]{
  background: linear-gradient(165deg, #5A3D78 0%, #3D2A5C 55%, #4A3058 100%) !important;
}
/* 沉浸页文字描边，保证可读 */
.app-shell--immersive{
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

/* 强制吃掉设计稿 375x812 固定尺寸 */
body > [data-pencil-name][style*="375"],
body > [data-pencil-name][style*="812"]{
  width:100% !important;
  height:100dvh !important;
}

/* 可滚动主区域（避开顶栏底栏） */
.app-shell > .page-scroll,
body > [data-pencil-name] > .page-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}

/* 底部原生 tab 栏安全区 */
div[class*="bg-[#eee4ec]"],
div[class*="h-[61px]"]{
  padding-bottom:env(safe-area-inset-bottom,0px) !important;
  box-sizing:border-box !important;
}

/* 底部导航对齐 */
[data-pencil-name="首页"],
[data-pencil-name="发现"],
[data-pencil-name="收藏"],
[data-pencil-name="看房"],
[data-pencil-name="我的"]{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
}
[data-pencil-name="首页"] svg,
[data-pencil-name="发现"] svg,
[data-pencil-name="收藏"] svg,
[data-pencil-name="看房"] svg,
[data-pencil-name="我的"] svg{
  display:block !important;
  margin:0 auto !important;
  width:22px !important;
  height:22px !important;
  flex-shrink:0 !important;
}
[data-pencil-name="首页"] [data-pencil-name="Label"],
[data-pencil-name="发现"] [data-pencil-name="Label"],
[data-pencil-name="收藏"] [data-pencil-name="Label"],
[data-pencil-name="看房"] [data-pencil-name="Label"],
[data-pencil-name="我的"] [data-pencil-name="Label"]{
  text-align:center !important;
  width:100% !important;
  line-height:1.1 !important;
}

/* 浅色页通用组件微调：更贴近首页风格（设计稿首页跳过，避免改样） */
body > [data-pencil-name]:not(.app-shell--immersive):not(.app-shell--design) [style*="border-radius: 20px"],
body > [data-pencil-name]:not(.app-shell--immersive):not(.app-shell--design) [style*="border-radius:20px"]{
  box-shadow:0 6px 18px rgba(253,91,143,0.08);
}
body > [data-pencil-name]:not(.app-shell--immersive):not(.app-shell--design) [style*="background-color: #FD5B8F"],
body > [data-pencil-name]:not(.app-shell--immersive):not(.app-shell--design) [style*="background-color:#FD5B8F"]{
  box-shadow:0 4px 14px rgba(253,91,143,0.28);
}

/* 宽屏预览外框 */
@media (min-width:480px){
  body{
    padding:16px 0;
    background:#1a1a2e;
    align-items:center;
  }
  .app-shell,
  body > [data-pencil-name]{
    border-radius:28px;
    box-shadow:0 0 0 3px #1a1a1a,0 0 0 6px #333,0 20px 60px rgba(0,0,0,.45);
    max-height:min(900px,100dvh);
    height:min(900px,100dvh) !important;
  }
}

/* 小屏紧凑 */
@media (max-width:360px){
  [data-pencil-name="首页"] [data-pencil-name="Label"],
  [data-pencil-name="发现"] [data-pencil-name="Label"],
  [data-pencil-name="收藏"] [data-pencil-name="Label"],
  [data-pencil-name="看房"] [data-pencil-name="Label"],
  [data-pencil-name="我的"] [data-pencil-name="Label"]{
    font-size:11px !important;
  }
}

/* ===== 列表页可滚动（对齐首页粉底 + 白卡片氛围） ===== */
body > [data-pencil-name]:not(.app-shell--immersive){
  display:flex !important;
  flex-direction:column !important;
}
/* 常见内容区：状态栏/顶栏之后可滚 */
[data-pencil-name="Feed List"],
[data-pencil-name="Conversation List"],
[data-pencil-name="Live List"],
[data-pencil-name="Card Area"],
[data-pencil-name="Settings List"],
[data-pencil-name="Bill List"],
[data-pencil-name="Package List"],
[data-pencil-name="Plan List"],
[data-pencil-name="Content"],
[data-pencil-name="Scroll Area"],
[data-pencil-name="Main Content"]{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  padding-bottom:12px !important;
}
/* 有底栏的页面给列表留底 */
body > [data-pencil-name]:not(.app-shell--immersive) [data-pencil-name="Feed List"],
body > [data-pencil-name]:not(.app-shell--immersive) [data-pencil-name="Conversation List"],
body > [data-pencil-name]:not(.app-shell--immersive) [data-pencil-name="Live List"],
body > [data-pencil-name]:not(.app-shell--immersive) [data-pencil-name="Card Area"]{
  padding-bottom:72px !important;
}

/* 顶栏标题统一字重/颜色 */
[data-pencil-name="Top Bar"] [data-pencil-name="Title"],
[data-pencil-name="Nav Bar"] [data-pencil-name="Title"]{
  color:#2C2923 !important;
  font-weight:700 !important;
}

/* 白卡片统一轻阴影（仅圆角卡片；设计稿首页跳过） */
body > [data-pencil-name]:not(.app-shell--immersive):not(.app-shell--design) [style*="border-radius: 16px"][style*="#FFFFFF"],
body > [data-pencil-name]:not(.app-shell--immersive):not(.app-shell--design) [style*="border-radius:16px"][style*="#FFFFFF"],
body > [data-pencil-name]:not(.app-shell--immersive):not(.app-shell--design) [style*="border-radius: 20px"][style*="#FFFFFF"],
body > [data-pencil-name]:not(.app-shell--immersive):not(.app-shell--design) [style*="border-radius:20px"][style*="#fff"],
body > [data-pencil-name]:not(.app-shell--immersive):not(.app-shell--design) [style*="border-radius: 20px"][style*="#fff"],
body > [data-pencil-name]:not(.app-shell--immersive):not(.app-shell--design) [style*="border-radius:20px"][style*="#FFFFFF"]{
  box-shadow:0 4px 16px rgba(253,91,143,0.07);
}

/* 主色按钮圆角与触感 */
body > [data-pencil-name]:not(.app-shell--immersive):not(.app-shell--design) [style*="background-color: #FD5B8F"],
body > [data-pencil-name]:not(.app-shell--immersive):not(.app-shell--design) [style*="background-color:#FD5B8F"]{
  box-shadow:0 4px 14px rgba(253,91,143,0.28);
}

/* 绝对定位底栏页面：主内容留底，避免被挡住 */
body > [data-pencil-name] > [data-pencil-name="Tab Bar"][style*="position: absolute"],
body > [data-pencil-name] > [data-pencil-name="Tab Bar"][style*="position:absolute"]{
  width:100% !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:50 !important;
  background:transparent;
}
/* 有绝对底栏时，给倒数第二个大内容区留白 */
[data-pencil-name="消息"] > [data-pencil-name="Conversation List"],
[data-pencil-name="直播"] > [data-pencil-name="Live List"],
[data-pencil-name="我的(女)"] > [data-pencil-name="Settings Section"],
[data-pencil-name="我的(男)"] > [data-pencil-name="Settings Section"]{
  padding-bottom:88px !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
}

/* ===== 首页：高度适配，中间可滚 ===== */
[data-pencil-name="报价详情内容"]{
  flex:1 1 auto !important;
  min-height:0 !important;
  width:100% !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.app-tabbar{
  flex-shrink:0 !important;
  width:100% !important;
  z-index:50;
}

/* ===== 视频页：布局复位 + 全屏视频 ===== */
[data-pencil-name="视频"]{
  background: linear-gradient(180deg, #2A1A28 0%, #1A1018 100%) !important;
}
[data-pencil-name="视频"] [data-pencil-name="Video Background"]{
  position:absolute !important;
  inset:0 !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
}
[data-pencil-name="视频"] [data-pencil-name="Video Background"] video,
[data-pencil-name="视频"] video.demo-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  z-index:0 !important;
  filter: brightness(1.18) contrast(1.02);
}
[data-pencil-name="视频"] [data-pencil-name="Bottom Gradient"]{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:auto !important;
  bottom:0 !important;
  width:100% !important;
  height:42% !important;
  background:linear-gradient(180deg, transparent 0%, rgba(40,20,35,.5) 100%) !important;
  pointer-events:none;
  z-index:1 !important;
}
[data-pencil-name="视频"] [data-pencil-name="Right Actions"]{
  position:absolute !important;
  left:auto !important;
  right:12px !important;
  top:auto !important;
  bottom:150px !important;
  width:44px !important;
  z-index:30 !important;
}
[data-pencil-name="视频"] [data-pencil-name="Bottom Info"]{
  position:absolute !important;
  left:16px !important;
  right:70px !important;
  top:auto !important;
  bottom:100px !important;
  width:auto !important;
  max-width:calc(100% - 90px) !important;
  z-index:3 !important;
}
[data-pencil-name="视频"] [data-pencil-name="Bottom Info"] [data-pencil-name="Description"]{
  width:auto !important;
  max-width:100% !important;
}
[data-pencil-name="视频"] [data-pencil-name="Tab Bar"]{
  z-index:10 !important;
}

/* ===== 我的页：贴近首页风格（不破坏三列资产卡布局） ===== */
[data-pencil-name="我的(女)"],
[data-pencil-name="我的(男)"]{
  background:
    linear-gradient(165deg, rgba(249,84,137,0.20) 0%, rgba(131,111,243,0.12) 28%, #F7EDF3 55%, #F3E9F1 100%) !important;
}
[data-pencil-name="我的(女)"] [data-pencil-name="Profile Header"],
[data-pencil-name="我的(男)"] [data-pencil-name="Profile Header"]{
  margin: 8px 16px !important;
  padding: 16px !important;
  width: auto !important;
  max-width: none !important;
  align-self: stretch !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, rgba(253,91,143,0.16), rgba(214,121,216,0.12), #fff) !important;
  box-shadow: 0 8px 24px rgba(253,91,143,0.1) !important;
  box-sizing: border-box !important;
}
[data-pencil-name="我的(女)"] [data-pencil-name="Avatar"],
[data-pencil-name="我的(男)"] [data-pencil-name="Avatar"]{
  box-shadow: 0 0 0 3px #fff, 0 6px 16px rgba(253,91,143,0.35) !important;
  flex-shrink: 0 !important;
}
[data-pencil-name="我的(女)"] [data-pencil-name="Info"],
[data-pencil-name="我的(男)"] [data-pencil-name="Info"]{
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
[data-pencil-name="我的(女)"] [data-pencil-name="Edit Btn"],
[data-pencil-name="我的(男)"] [data-pencil-name="Edit Btn"]{
  flex-shrink: 0 !important;
  box-shadow: 0 4px 12px rgba(253,91,143,0.3) !important;
}
[data-pencil-name="我的(女)"] [data-pencil-name="Asset Cards"],
[data-pencil-name="我的(男)"] [data-pencil-name="Asset Cards"]{
  padding: 4px 16px 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  align-items: stretch !important;
}
[data-pencil-name="我的(女)"] [data-pencil-name="VIP Card"],
[data-pencil-name="我的(男)"] [data-pencil-name="VIP Card"],
[data-pencil-name="我的(女)"] [data-pencil-name="Coin Card"],
[data-pencil-name="我的(女)"] [data-pencil-name="Record Card"],
[data-pencil-name="我的(男)"] [data-pencil-name="Coin Card"],
[data-pencil-name="我的(男)"] [data-pencil-name="Record Card"]{
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
}
[data-pencil-name="我的(女)"] [data-pencil-name="VIP Card"],
[data-pencil-name="我的(男)"] [data-pencil-name="VIP Card"]{
  background: linear-gradient(135deg,#FD5B8F,#D679D8) !important;
  box-shadow: 0 8px 20px rgba(253,91,143,0.28) !important;
}
[data-pencil-name="我的(女)"] [data-pencil-name="Coin Card"],
[data-pencil-name="我的(女)"] [data-pencil-name="Record Card"],
[data-pencil-name="我的(男)"] [data-pencil-name="Coin Card"],
[data-pencil-name="我的(男)"] [data-pencil-name="Record Card"]{
  background: #fff !important;
  box-shadow: 0 4px 16px rgba(253,91,143,0.08) !important;
}
[data-pencil-name="我的(女)"] [data-pencil-name="Settings Section"],
[data-pencil-name="我的(男)"] [data-pencil-name="Settings Section"]{
  margin: 4px 16px 0 !important;
  padding: 6px 14px 88px !important;
  width: auto !important;
  align-self: stretch !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 6px 20px rgba(253,91,143,0.08) !important;
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* ===== 我的资产卡：窄屏防挤爆 ===== */
[data-pencil-name="我的(女)"] [data-pencil-name="Bio"],
[data-pencil-name="我的(男)"] [data-pencil-name="Bio"]{
  white-space: normal !important;
  line-height: 1.35 !important;
}
[data-pencil-name="我的(女)"] [data-pencil-name="VIP Expiry"],
[data-pencil-name="我的(男)"] [data-pencil-name="VIP Expiry"],
[data-pencil-name="我的(女)"] [data-pencil-name="Record Sub"],
[data-pencil-name="我的(男)"] [data-pencil-name="Record Sub"]{
  white-space: normal !important;
  font-size: 10px !important;
  line-height: 1.3 !important;
}
[data-pencil-name="我的(女)"] [data-pencil-name="VIP Label"],
[data-pencil-name="我的(女)"] [data-pencil-name="Coin Label"],
[data-pencil-name="我的(女)"] [data-pencil-name="Record Label"],
[data-pencil-name="我的(男)"] [data-pencil-name="VIP Label"],
[data-pencil-name="我的(男)"] [data-pencil-name="Coin Label"],
[data-pencil-name="我的(男)"] [data-pencil-name="Record Label"]{
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}
[data-pencil-name="我的(女)"] [data-pencil-name="VIP Card"],
[data-pencil-name="我的(女)"] [data-pencil-name="Coin Card"],
[data-pencil-name="我的(女)"] [data-pencil-name="Record Card"],
[data-pencil-name="我的(男)"] [data-pencil-name="VIP Card"],
[data-pencil-name="我的(男)"] [data-pencil-name="Coin Card"],
[data-pencil-name="我的(男)"] [data-pencil-name="Record Card"]{
  padding: 12px 10px !important;
  gap: 6px !important;
  overflow: hidden !important;
}

/* ===== VIP / 金币充值页 ===== */
[data-pencil-name="VIP会员"],
[data-pencil-name="金币充值"]{
  background:
    linear-gradient(165deg, rgba(249,84,137,0.20) 0%, rgba(131,111,243,0.12) 28%, #F7EDF3 55%, #F3E9F1 100%) !important;
  overflow: hidden !important;
}
/* VIP 顶部介绍卡：浅色玻璃，保留原稿深色字 */
[data-pencil-name="VIP会员"] [data-pencil-name="Hero Card"]{
  margin: 4px 16px 8px !important;
  width: auto !important;
  align-self: stretch !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, rgba(253,91,143,0.14), rgba(131,111,243,0.10), #fff) !important;
  box-shadow: 0 8px 24px rgba(253,91,143,0.12) !important;
  box-sizing: border-box !important;
}
/* 金币余额卡：保留粉紫渐变，不叠加外层 margin 挤破布局 */
[data-pencil-name="金币充值"] [data-pencil-name="Balance Wrapper"]{
  padding: 8px 16px 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
[data-pencil-name="金币充值"] [data-pencil-name="Balance Card"]{
  margin: 0 !important;
  width: 100% !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg,#FD5B8F,#D679D8) !important;
  box-shadow: 0 10px 28px rgba(253,91,143,0.28) !important;
  box-sizing: border-box !important;
}
[data-pencil-name="VIP会员"] [data-pencil-name="Benefits"],
[data-pencil-name="VIP会员"] [data-pencil-name="Plans Section"],
[data-pencil-name="金币充值"] [data-pencil-name="Packages Section"],
[data-pencil-name="金币充值"] [data-pencil-name="Payment Section"]{
  margin: 8px 16px !important;
  width: auto !important;
  align-self: stretch !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,0.94) !important;
  box-shadow: 0 6px 18px rgba(253,91,143,0.08) !important;
  box-sizing: border-box !important;
  height: auto !important;
  overflow: visible !important;
}
[data-pencil-name="VIP会员"] [data-pencil-name="Plan Row"],
[data-pencil-name="金币充值"] [data-pencil-name="Package Row 1"],
[data-pencil-name="金币充值"] [data-pencil-name="Package Row 2"]{
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
[data-pencil-name="VIP会员"] [data-pencil-name="月卡"],
[data-pencil-name="VIP会员"] [data-pencil-name="季卡"],
[data-pencil-name="VIP会员"] [data-pencil-name="年卡"],
[data-pencil-name="金币充值"] [data-pencil-name$="Package"]{
  flex: 1 1 0 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  cursor: pointer;
}
/* 设计稿绝对定位按钮 → 正常流，避免顶到 680/700px 错位 */
[data-pencil-name="VIP会员"] [data-pencil-name="Buy Button"],
[data-pencil-name="金币充值"] [data-pencil-name="Buy Button"]{
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 12px 16px calc(20px + env(safe-area-inset-bottom,0px)) !important;
  width: calc(100% - 32px) !important;
  max-width: none !important;
  align-self: center !important;
  flex-shrink: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#ff76b1,#fd5b8f) !important;
  box-shadow: 0 8px 20px rgba(253,91,143,0.3) !important;
  box-sizing: border-box !important;
  cursor: pointer;
}
[data-pencil-name="VIP会员"] .vip-scroll,
[data-pencil-name="金币充值"] .pay-scroll{
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.app-toast{
  position:absolute;
  left:50%;
  bottom:88px;
  transform:translateX(-50%) translateY(8px);
  z-index:80;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(26,26,26,0.88);
  color:#fff;
  font-size:13px;
  font-weight:600;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s, transform .2s;
  white-space:nowrap;
}
.app-toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}

/* ===== 直播列表 ===== */
[data-pencil-name="直播"]{
  background:
    linear-gradient(165deg, rgba(249,84,137,0.20) 0%, rgba(131,111,243,0.12) 28%, #F7EDF3 55%, #F3E9F1 100%) !important;
}
[data-pencil-name="直播"] [data-pencil-name="Page Title"],
[data-pencil-name="直播"] [data-pencil-name="Live Tabs"]{
  padding-left:16px !important;
  padding-right:16px !important;
}
[data-pencil-name="直播"] [data-pencil-name="Live List"]{
  flex:1 1 auto !important;
  min-height:0 !important;
  height:auto !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
  padding:8px 16px 96px !important;
  gap:14px !important;
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  box-sizing:border-box !important;
}
[data-pencil-name="直播"] [data-pencil-name$="Card"]{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  min-height:188px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 8px 22px rgba(253,91,143,0.1) !important;
}
[data-pencil-name="直播"] [data-pencil-name="Cover"]{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  width:100% !important;
  height:128px !important;
}
[data-pencil-name="直播"] [data-pencil-name="Cover Overlay"]{
  display:none !important;
}
[data-pencil-name="直播"] [data-pencil-name="Viewers Badge"]{
  position:absolute !important;
  left:12px !important;
  top:12px !important;
}
[data-pencil-name="直播"] [data-pencil-name="Tag"]{
  position:absolute !important;
  left:12px !important;
  top:140px !important;
}
[data-pencil-name="直播"] [data-pencil-name="Host Avatar"]{
  position:absolute !important;
  left:70px !important;
  top:136px !important;
}
[data-pencil-name="直播"] [data-pencil-name="Host Name"]{
  position:absolute !important;
  left:114px !important;
  top:138px !important;
}
[data-pencil-name="直播"] [data-pencil-name="Title"]{
  position:absolute !important;
  left:114px !important;
  top:158px !important;
  width:calc(100% - 130px) !important;
}
.live-room-card:active{ transform:scale(.985); }

/* ===== 视频直播间 ===== */
[data-pencil-name="视频直播间"] [data-pencil-name="Top Bar"]{
  top:calc(12px + env(safe-area-inset-top,0px)) !important;
  width:100% !important;
  left:0 !important;
  padding:0 14px !important;
  box-sizing:border-box !important;
}
[data-pencil-name="视频直播间"] [data-pencil-name="Comments Area"]{
  position:absolute !important;
  left:12px !important;
  right:16px !important;
  bottom:88px !important;
  top:auto !important;
  width:auto !important;
  max-height:34% !important;
  overflow-y:auto !important;
  z-index:5 !important;
}
[data-pencil-name="视频直播间"] [data-pencil-name="Bottom Bar"]{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:calc(56px + env(safe-area-inset-bottom,0px)) !important;
  top:auto !important;
  width:100% !important;
  z-index:6 !important;
  box-sizing:border-box !important;
}
.live-chat-bar{
  position:absolute;
  left:12px; right:12px;
  bottom:calc(14px + env(safe-area-inset-bottom,0px));
  z-index:20;
  display:flex; gap:8px;
  align-items:center;
}
.live-chat-bar input{
  flex:1;
  border:none; outline:none;
  border-radius:999px;
  padding:12px 14px;
  background:rgba(0,0,0,.45);
  color:#fff;
  font-size:14px;
  backdrop-filter:blur(8px);
}
.live-chat-bar button{
  border:none;
  border-radius:999px;
  padding:12px 16px;
  background:linear-gradient(90deg,#ff76b1,#fd5b8f);
  color:#fff;
  font-weight:700;
  cursor:pointer;
}

/* 首页语音房入口可点 */
[data-pencil-name="品牌主视觉"],
[data-pencil-name="探索按钮"],
[data-pencil-name="Product Row"] [data-pencil-name="Product Image"],
[data-pencil-name="Product Row"] [data-pencil-name="整租房源"]{
  cursor:pointer !important;
}
[data-pencil-name="Conversation List"] > [data-pencil-name$="Row"]{
  cursor:pointer;
  transition:background .15s;
}
[data-pencil-name="Conversation List"] > [data-pencil-name$="Row"]:active{
  background:rgba(253,91,143,0.06);
}

/* 视频评论面板 */
.video-comment-panel{
  position:absolute;
  left:0; right:0; bottom:0;
  z-index:40;
  max-height:48%;
  background:rgba(20,12,18,0.94);
  border-radius:20px 20px 0 0;
  padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:10px;
  backdrop-filter:blur(10px);
}
.video-comment-panel input{
  flex:1;
  border:none;
  outline:none;
  border-radius:16px;
  padding:10px 12px;
  background:#2A1F26;
  color:#fff;
  font-size:14px;
}
.video-comment-panel button{
  border:none;
  border-radius:16px;
  padding:10px 14px;
  background:linear-gradient(90deg,#ff76b1,#fd5b8f);
  color:#fff;
  font-weight:600;
  cursor:pointer;
}