/* Liquid Glass Theme for Liaoliao (Delicate Light Edition) */
/* 核心理念：通透、精致、轻盈 */

/* 1. 全局容器 - iOS风格基础背景 */
[data-liaoliao-theme="ios"] #liaoliao-screen {
    background: #F2F2F7; /* iOS系统灰色背景，不透明 */
}

/* 柔和的光影氛围 */
[data-liaoliao-theme="ios"] #liaoliao-screen::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* 极淡的极光背景，保持干净 */
    background: radial-gradient(circle at top right, rgba(255,255,255,0.4), transparent 60%),
                radial-gradient(circle at bottom left, rgba(200,220,255,0.2), transparent 60%);
    backdrop-filter: blur(20px) saturate(120%); /* 适度的模糊，保留空气感 */
    -webkit-backdrop-filter: blur(20px) saturate(120%);
    z-index: -1;
    pointer-events: none;
}

/* 2. 头部导航 - 隐形精致 (PWA 适配) */
[data-liaoliao-theme="ios"] .liaoliao-header {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    /* 高度 = 基础高度 + 安全区 */
    height: calc(50px + env(safe-area-inset-top)) !important; 
    /* 顶部内边距 = 安全区 + 微调 */
    padding-top: max(10px, env(safe-area-inset-top)) !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important; /* 确保 padding 算在 height 内 */
}

/* 6. 底部 Dock - 悬浮冰晶 (PWA 适配) */
[data-liaoliao-theme="ios"] #liaoliao-tabbar {
    position: fixed !important; /* 必须！否则 bottom 无效 */
    left: 0 !important;
    right: 0 !important;
    background: rgba(255, 255, 255, 0.65) !important;
    backdrop-filter: blur(30px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-top: none !important; /* 移除基础样式的分割线 */
    border-radius: 30px !important;
    /* 底部悬浮位置 = 安全区 + 20px */
    bottom: max(20px, env(safe-area-inset-bottom)) !important;
    margin: 0 24px !important;
    height: 64px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08) !important;
    justify-content: space-around !important;
    z-index: 100 !important; /* 确保浮在最上层 */
}

/* 4. 列表容器 (PWA 适配) */
[data-liaoliao-theme="ios"] .liaoliao-list {
    /* 底部留白 = Dock高度 + Dock底部间距 + 安全区 + 额外缓冲 */
    padding: 0 0 calc(100px + env(safe-area-inset-bottom)) 0 !important;
}

[data-liaoliao-theme="ios"] .liaoliao-header-title {
    font-weight: 600 !important;
    font-size: 17px !important;
    color: #000 !important;
}

[data-liaoliao-theme="ios"] .liaoliao-header-btn svg,
[data-liaoliao-theme="ios"] .liaoliao-back-btn svg {
    color: #007AFF !important;
    stroke-width: 1.8px !important;
}

/* 3. 搜索栏 - 灵动胶囊 */
[data-liaoliao-theme="ios"] .liaoliao-search {
    background: transparent !important;
    padding: 10px 16px !important;
}

[data-liaoliao-theme="ios"] .liaoliao-search input {
    background: rgba(255, 255, 255, 0.6) !important; /* 半透明白 */
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 18px !important; /* 适度圆润 */
    height: 36px !important; /* 精致高度 */
    font-size: 15px !important;
    color: #000 !important;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02) !important;
    transition: all 0.3s;
}

[data-liaoliao-theme="ios"] .liaoliao-search input:focus {
    background: rgba(255, 255, 255, 0.85) !important;
    text-align: left;
    padding-left: 36px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
}

/* 4. 列表容器 */
[data-liaoliao-theme="ios"] .liaoliao-list {
    padding: 0 0 100px 0 !important; /* 贴边布局，更像原生 */
}

/* 4.1 iOS 模式下隐藏通讯录原始微信风格头部和搜索框 */
/* 因为 iOS 模式会创建专用的 .liaoliao-contacts-header-fixed 结构 */
[data-liaoliao-theme="ios"] #liaoliao-tab-contacts > .liaoliao-header {
    display: none !important;
}
[data-liaoliao-theme="ios"] #liaoliao-tab-contacts > .liaoliao-search {
    display: none !important;
}

/* 4.2 iOS 模式下隐藏消息列表原始微信风格头部和搜索框 */
[data-liaoliao-theme="ios"] #liaoliao-tab-messages > .liaoliao-header {
    display: none !important;
}
[data-liaoliao-theme="ios"] #liaoliao-tab-messages > .liaoliao-search {
    display: none !important;
}

/* 5. 列表项 - 悬浮玻璃条 (Floating Glass Strips) */
[data-liaoliao-theme="ios"] .liaoliao-chat-item,
[data-liaoliao-theme="ios"] .liaoliao-friend-item,
[data-liaoliao-theme="ios"] .liaoliao-discover-item,
[data-liaoliao-theme="ios"] .liaoliao-me-item {
    background: rgba(255, 255, 255, 0.55) !important; /* 关键：半透明！ */
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
    margin: 8px 16px !important; /* 悬浮感 */
    border-radius: 16px !important; /* 适度圆角 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important; /* 极轻的投影 */
    padding: 12px 16px !important;
    /* 禁止长按选中文字（避免与长按菜单/拖动冲突） */
    user-select: none;
    -webkit-user-select: none;
}

/* 置顶消息 - 稍微亮一点 */
[data-liaoliao-theme="ios"] .liaoliao-chat-item.pinned {
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

/* 列表点击态 */
[data-liaoliao-theme="ios"] .liaoliao-chat-item:active,
[data-liaoliao-theme="ios"] .liaoliao-friend-item:active,
[data-liaoliao-theme="ios"] .liaoliao-me-item:active {
    background: rgba(255, 255, 255, 0.8) !important;
    transform: scale(0.99);
}

/* 头像 - 简单干净 */
[data-liaoliao-theme="ios"] .liaoliao-avatar {
    box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
}

/* 字体颜色 */
[data-liaoliao-theme="ios"] .liaoliao-chat-name,
[data-liaoliao-theme="ios"] .liaoliao-me-item-label {
    color: #1d1d1f !important;
    font-weight: 500 !important;
}
[data-liaoliao-theme="ios"] .liaoliao-chat-preview-text {
    color: rgba(0,0,0,0.5) !important;
}

/* 6. 底部 Dock - 悬浮冰晶 (PWA 适配) */
[data-liaoliao-theme="ios"] #liaoliao-tabbar {
    background: rgba(255, 255, 255, 0.65) !important;
    backdrop-filter: blur(30px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 32px !important; /* 更圆润 */
    bottom: max(20px, env(safe-area-inset-bottom)) !important;
    margin: 0 24px !important;
    height: 64px !important; /* 锁定高度 */
    min-height: 64px !important;
    max-height: 64px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.08) !important;
    justify-content: space-around !important;
    align-items: center !important; /* 垂直居中 */
    z-index: 100 !important;
    padding: 0 !important; /* 移除内边距，靠flex控制 */
    box-sizing: border-box !important;
}

/* Dock 图标按钮 */
[data-liaoliao-theme="ios"] .liaoliao-tabbar-btn {
    color: rgba(0,0,0,0.4) !important;
    height: 100% !important;
    width: 60px !important; /* 给定宽度，方便居中 */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    position: relative !important;
}

/* 彻底隐藏文字标签 */
[data-liaoliao-theme="ios"] .liaoliao-tabbar-btn span:not(.liaoliao-tab-badge) {
    display: none !important;
}

/* 调整图标大小 */
[data-liaoliao-theme="ios"] .liaoliao-tab-icon svg {
    width: 26px !important; /* 稍微大一点点，因为没文字了 */
    height: 26px !important;
    margin: 0 !important; /* 去掉可能的边距 */
    display: block !important;
}

/* 徽标位置微调 - 定位到图标右上角 */
[data-liaoliao-theme="ios"] .liaoliao-tab-icon {
    position: relative !important;
}

[data-liaoliao-theme="ios"] .liaoliao-tab-badge {
    position: absolute !important;
    top: -4px !important;
    right: -8px !important;
    min-width: 16px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    padding: 0 4px;
    border-radius: 8px;
}

[data-liaoliao-theme="ios"] .liaoliao-tabbar-btn.active {
    color: #007AFF !important;
}

/* 选中背景 - 完美圆形 */
[data-liaoliao-theme="ios"] .liaoliao-tabbar-btn.active::before {
    content: '';
    position: absolute;
    width: 48px;
    height: 48px;
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 绝对居中 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* 7. 「我」的界面 - 修复散乱布局，回归精致卡片 */
[data-liaoliao-theme="ios"] #liaoliao-tab-me .liaoliao-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-top: 20px !important;
}

/* 个人信息区 - 恢复精致磨砂卡片，聚拢信息 */
[data-liaoliao-theme="ios"] .liaoliao-me-profile {
    background: rgba(255, 255, 255, 0.45) !important;
    backdrop-filter: blur(20px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(120%) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 24px !important;
    margin: 0 16px 24px 16px !important; /* 左右留白，下方增加间距 */
    padding: 32px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: auto !important; /* 让margin生效 */
    align-self: stretch !important; /* 撑满容器宽度 */
}

/* 头像 - 纯净圆形 */
[data-liaoliao-theme="ios"] .liaoliao-avatar.large {
    width: 80px !important;
    height: 80px !important;
    border: 3px solid rgba(255,255,255,0.9) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
    margin-bottom: 12px !important;
    position: relative !important;
    background: transparent !important;
    border-radius: 50% !important;
    padding: 0 !important;
    overflow: visible !important; /* 允许呼吸灯溢出 */
}

/* 恢复呼吸灯 (Before Element) - 放在底层 */
[data-liaoliao-theme="ios"] .liaoliao-avatar.large::before {
    content: '';
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    background: linear-gradient(135deg, #A7C5EB, #E2C2FF);
    filter: blur(20px);
    opacity: 0.6;
    z-index: 0; /* 呼吸灯在最底层 */
    animation: pulse-glow 4s infinite ease-in-out;
    display: block !important;
}

/* 强制图片变圆 - 关键修正 */
[data-liaoliao-theme="ios"] .liaoliao-avatar.large img,
[data-liaoliao-theme="ios"] .liaoliao-avatar.large .liaoliao-avatar-placeholder {
    border-radius: 50% !important; /* 必须圆 */
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* 裁剪适应 */
    display: block !important;
    position: relative !important;
    z-index: 1 !important; /* 图片在呼吸灯上面 */
    background-color: #fff; /* 防止透明图片漏底 */
}

/* 菜单项图标 - 强制去色 (Monochrome) */
[data-liaoliao-theme="ios"] .liaoliao-me-item-icon {
    background: transparent !important;
    width: 24px !important;
    height: 24px !important;
    margin-right: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    position: relative; /* 为伪元素定位 */
}

/* 1. 彻底隐藏原来的 SVG */
[data-liaoliao-theme="ios"] .liaoliao-me-item-icon svg {
    display: none !important;
}

/* 2. 定义通用图标样式 (通过伪元素) */
[data-liaoliao-theme="ios"] .liaoliao-me-item-icon::before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8; /* 微调深浅 */
}

/* 3. 分别替换图标 (使用 Lucide 风格的 SVG Data URI) */
/* 注意：这里依赖于 HTML 结构中 Item 的顺序。如果顺序变了，图标会错位。
   目前的顺序是：服务 -> 收藏 -> 朋友圈 -> 卡包 -> 表情 -> 设置
*/

/* 服务 (Credit Card / Wallet) */
/* SVG: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#1d1d1f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="14" x="2" y="5" rx="2"/><line x1="2" x2="22" y1="10" y2="10"/></svg> */
[data-liaoliao-theme="ios"] .liaoliao-me-section:nth-of-type(2) .liaoliao-me-item:nth-child(1) .liaoliao-me-item-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cline x1='2' x2='22' y1='10' y2='10'/%3E%3C/svg%3E");
}

/* 收藏 (Box / Archive) */
/* SVG: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="M10 12h4"/></svg> */
[data-liaoliao-theme="ios"] .liaoliao-me-section:nth-of-type(3) .liaoliao-me-item:nth-child(1) .liaoliao-me-item-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8'/%3E%3Cpath d='M10 12h4'/%3E%3C/svg%3E");
}

/* 朋友圈 (Aperture / Camera Lens) */
/* SVG: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx="12" cy="12" r="10"/><line x1="14.31" x2="20.05" y1="8" y2="17.94"/><line x1="9.69" x2="21.17" y1="8" y2="8"/><line x1="7.38" x2="13.12" y1="12" y2="2.06"/><line x1="9.69" x2="3.95" y1="16" y2="6.06"/><line x1="14.31" x2="2.83" y1="16" y2="16"/><line x1="16.62" x2="10.88" y1="12" y2="21.94"/></svg> */
[data-liaoliao-theme="ios"] .liaoliao-me-section:nth-of-type(3) .liaoliao-me-item:nth-child(2) .liaoliao-me-item-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='14.31' x2='20.05' y1='8' y2='17.94'/%3E%3Cline x1='9.69' x2='21.17' y1='8' y2='8'/%3E%3Cline x1='7.38' x2='13.12' y1='12' y2='2.06'/%3E%3Cline x1='9.69' x2='3.95' y1='16' y2='6.06'/%3E%3Cline x1='14.31' x2='2.83' y1='16' y2='16'/%3E%3Cline x1='16.62' x2='10.88' y1='12' y2='21.94'/%3E%3C/svg%3E");
}

/* 卡包 (Ticket / Wallet) */
/* SVG: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"/><path d="M13 5v2"/><path d="M13 17v2"/><path d="M13 11v2"/></svg> */
[data-liaoliao-theme="ios"] .liaoliao-me-section:nth-of-type(3) .liaoliao-me-item:nth-child(3) .liaoliao-me-item-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z'/%3E%3Cpath d='M13 5v2'/%3E%3Cpath d='M13 17v2'/%3E%3Cpath d='M13 11v2'/%3E%3C/svg%3E");
}

/* 表情 (Smile) */
/* SVG: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/></svg> */
[data-liaoliao-theme="ios"] .liaoliao-me-section:nth-of-type(3) .liaoliao-me-item:nth-child(4) .liaoliao-me-item-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2'/%3E%3Cline x1='9' x2='9.01' y1='9' y2='9'/%3E%3Cline x1='15' x2='15.01' y1='9' y2='9'/%3E%3C/svg%3E");
}

/* 设置 (Settings / Gear) */
/* SVG: <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.1a2 2 0 0 1-1-1.72v-.51a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg> */
[data-liaoliao-theme="ios"] .liaoliao-me-section:last-child .liaoliao-me-item .liaoliao-me-item-icon::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.1a2 2 0 0 1-1-1.72v-.51a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

/* 个人信息容器 - 强制居中 */
[data-liaoliao-theme="ios"] .liaoliao-me-info {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

/* 名字 & ID - 强制居中 */
[data-liaoliao-theme="ios"] .liaoliao-me-name {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1d1d1f !important;
    text-shadow: none !important;
    margin-bottom: 4px !important;
    width: 100% !important;
    text-align: center !important;
}
[data-liaoliao-theme="ios"] .liaoliao-me-id {
    font-size: 13px !important;
    color: rgba(60, 60, 67, 0.6) !important;
    font-family: 'SF Mono', monospace !important;
    background: rgba(255,255,255,0.5);
    padding: 2px 10px;
    border-radius: 10px;
    width: auto !important; /* ID背景自适应 */
}

/* 状态胶囊 - 浅色水晶 */
[data-liaoliao-theme="ios"] .liaoliao-me-status,
[data-liaoliao-theme="ios"] .liaoliao-me-qrcode {
    background: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    color: #333 !important;
    padding: 6px 16px !important;
    border-radius: 18px !important;
    margin: 16px 6px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02) !important;
}

/* 菜单分组容器 */
[data-liaoliao-theme="ios"] .liaoliao-me-section {
    padding: 0 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important; /* 统一间距 */
}

/* "我的"页面、"发现"页面的分组容器透明（避免双层卡片） */
[data-liaoliao-theme="ios"] #liaoliao-me-content .liaoliao-me-section,
[data-liaoliao-theme="ios"] #liaoliao-discover-content .liaoliao-me-section {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
}

/* 菜单项 - 恢复细腻 */
[data-liaoliao-theme="ios"] .liaoliao-me-item {
    background: rgba(255, 255, 255, 0.55) !important;
    height: 54px !important; /* 恢复精致高度 */
    margin-bottom: 0 !important; /* 由 gap 控制 */
    border-radius: 18px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
}

/* 图标 & 文字 */
[data-liaoliao-theme="ios"] .liaoliao-me-item-icon svg {
    fill: #1d1d1f !important;
    width: 22px !important;
    height: 22px !important;
}
[data-liaoliao-theme="ios"] .liaoliao-me-item-label {
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #1d1d1f !important;
}

/* 通讯录索引 */
[data-liaoliao-theme="ios"] .liaoliao-contacts-letter {
    background: rgba(255,255,255,0.3) !important;
    backdrop-filter: blur(10px) !important;
    color: #007AFF !important;
    border-radius: 8px !important;
    margin: 0 16px 8px !important;
}

/* 9. 徽标 */
[data-liaoliao-theme="ios"] .liaoliao-badge, 
[data-liaoliao-theme="ios"] .liaoliao-tab-badge {
    background: #FF3B30 !important;
    box-shadow: 0 2px 4px rgba(255, 59, 48, 0.3);
    border: 1px solid white;
}

/* 10. 设置子页面专属样式 (Settings Subpage) */
[data-liaoliao-theme="ios"] #liaoliao-settings-page {
    background: #F2F2F7 !important; /* iOS 系统背景灰 */
    z-index: 1100 !important; /* 与其他子页面保持一致 */
}

/* 头部微调 - 设置页不需要全透明，稍微实一点 */
[data-liaoliao-theme="ios"] #liaoliao-settings-page .liaoliao-header {
    background: rgba(249, 249, 249, 0.94) !important; /* iOS Navigation Bar Default */
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(0,0,0,0.15) !important;
}

/* 列表容器 */
[data-liaoliao-theme="ios"] #liaoliao-settings-page .liaoliao-list {
    padding: 20px 16px !important;
    background: transparent !important;
}

/* 分组卡片 */
[data-liaoliao-theme="ios"] #liaoliao-settings-page .liaoliao-me-section {
    background: #FFFFFF !important;
    border-radius: 12px !important; /* 标准分组圆角 */
    overflow: hidden !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    width: 100% !important;
    display: block !important; /* 覆盖之前的 flex */
}

/* 列表项 */
[data-liaoliao-theme="ios"] #liaoliao-settings-page .liaoliao-me-item {
    background: #FFFFFF !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #E5E5EA !important; /* 内部细分割线 */
    height: 50px !important; /* 标准高度 */
    padding: 0 16px !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
}

/* 最后一项去边框 */
[data-liaoliao-theme="ios"] #liaoliao-settings-page .liaoliao-me-item:last-child {
    border-bottom: none !important;
}

/* 点击态 */
[data-liaoliao-theme="ios"] #liaoliao-settings-page .liaoliao-me-item:active {
    background: #E5E5EA !important; /* 按下变灰 */
    transform: none !important; /* 设置页不需要缩放动画 */
}

/* 文本样式 */
[data-liaoliao-theme="ios"] #liaoliao-settings-page .liaoliao-me-item-label {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #000 !important;
    flex: 1 !important;
}

[data-liaoliao-theme="ios"] #liaoliao-settings-page .liaoliao-me-item-value {
    font-size: 16px !important;
    color: #8E8E93 !important;
    margin-right: 6px !important;
}

/* 设置页面 - 深色模式 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page {
    background: #000000 !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-header {
    background: rgba(28, 28, 30, 0.94) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-header-title {
    color: #FFFFFF !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-back-btn {
    color: #FFFFFF !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-list {
    background: transparent !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-section {
    background: #1C1C1E !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item {
    background: #1C1C1E !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item:active {
    background: #2C2C2E !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item-label {
    color: #FFFFFF !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item-value {
    color: #8E8E93 !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item-arrow {
    color: #48484A !important;
}

/* 设置页面图标 - 深色模式 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item-icon::before {
    filter: invert(1) !important;
    opacity: 0.9 !important;
}

/* ========================================
   11. 主题选择器页面样式
   ======================================== */

/* 主题选择项 */
.liaoliao-theme-select-item {
    flex-direction: row !important;
    justify-content: space-between !important;
    padding: 14px 16px !important;
    cursor: pointer;
}

.liaoliao-theme-select-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.liaoliao-theme-select-name {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.liaoliao-theme-select-desc {
    font-size: 13px;
    color: #8E8E93;
}

.liaoliao-theme-check {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}

/* 选中态 */
.liaoliao-theme-select-item.selected {
    background: rgba(0, 122, 255, 0.05) !important;
}

/* iOS 主题下的主题选择器 */
[data-liaoliao-theme="ios"] #liaoliao-theme-selector-page {
    background: #F2F2F7 !important;
    z-index: 1101 !important; /* 在美化设置页面之上 */
}

[data-liaoliao-theme="ios"] #liaoliao-theme-selector-page .liaoliao-subpage-header {
    background: rgba(249, 249, 249, 0.94) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(0,0,0,0.15) !important;
}

[data-liaoliao-theme="ios"] #liaoliao-theme-selector-page .liaoliao-me-section {
    background: #FFFFFF !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin: 20px 16px !important;
    box-shadow: none !important;
}

[data-liaoliao-theme="ios"] .liaoliao-theme-select-item {
    border-bottom: 1px solid #E5E5EA !important;
}

[data-liaoliao-theme="ios"] .liaoliao-theme-select-item:last-child {
    border-bottom: none !important;
}

[data-liaoliao-theme="ios"] .liaoliao-theme-select-item:active {
    background: #E5E5EA !important;
}

/* 主题选择器页面 - 深色模式 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page {
    background: #000000 !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page .liaoliao-subpage-header {
    background: rgba(28, 28, 30, 0.94) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page .liaoliao-subpage-title {
    color: #FFFFFF !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page .liaoliao-subpage-back {
    color: #FFFFFF !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page .liaoliao-me-section {
    background: #1C1C1E !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-theme-select-item {
    background: #1C1C1E !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-theme-select-item:active {
    background: #2C2C2E !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-theme-select-name {
    color: #FFFFFF !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-theme-select-desc {
    color: #8E8E93 !important;
}

/* 微信主题下的样式 */
[data-liaoliao-theme="wechat"] .liaoliao-theme-select-item,
:not([data-liaoliao-theme]) .liaoliao-theme-select-item {
    background: #fff;
    border-bottom: 1px solid #EDEDED;
}

[data-liaoliao-theme="wechat"] .liaoliao-theme-select-item:last-child,
:not([data-liaoliao-theme]) .liaoliao-theme-select-item:last-child {
    border-bottom: none;
}

[data-liaoliao-theme="wechat"] .liaoliao-theme-check,
:not([data-liaoliao-theme]) .liaoliao-theme-check {
    stroke: #07C160 !important;
}

/* ========================================
   12. 美化设置页面样式
   ======================================== */

/* 禁用状态 */
.liaoliao-me-item.disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* 背景图片预览区域 */
.liaoliao-bg-preview-section {
    padding: 20px 16px;
}

.liaoliao-bg-preview {
    width: 100%;
    aspect-ratio: 9 / 16;
    max-height: 300px;
    border-radius: 12px;
    overflow: hidden;
    background: #F2F2F7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.liaoliao-bg-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.liaoliao-bg-preview-empty {
    color: #8E8E93;
    font-size: 14px;
}

.liaoliao-bg-tips {
    padding: 12px 16px;
    color: #8E8E93;
    font-size: 12px;
    line-height: 1.6;
}

.liaoliao-bg-tips p {
    margin: 0;
}

/* ========================================
   13. iOS 风格 + 背景图片毛玻璃效果
   ======================================== */

/* 有背景图时的聊聊主界面 - 全屏背景 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image {
    background-color: #000 !important; /* 底色防止闪白 */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

/* 有背景图时隐藏默认的渐变伪元素 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image::before {
    display: none !important;
}

/* 有背景图时 - 顶部导航栏完全透明（透出背景） */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-header {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: none !important;
}

/* 有背景图时 - 内容区域完全透明（让背景图透出） */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-tab {
    background: transparent !important;
}

/* 有背景图时 - Tab 内的列表容器也透明 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-list {
    background: transparent !important;
    background-color: transparent !important;
}

/* 有背景图时 - Tab 容器透明 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image #liaoliao-tabs {
    background: transparent !important;
}

/* 有背景图时 - 聊天列表项变成毛玻璃卡片 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-chat-item {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.06) 0%, transparent 40%, rgba(0,0,0,0.02) 100%),
        rgba(200, 200, 200, 0.35) !important;
    backdrop-filter: blur(30px) saturate(200%) brightness(1.1) !important;
    -webkit-backdrop-filter: blur(30px) saturate(200%) brightness(1.1) !important;
    border-radius: 16px !important;
    margin: 6px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08), inset 0 0 0 0.5px rgba(255, 255, 255, 0.3) !important;
}

/* 有背景图时 - 分组卡片变成毛玻璃 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-me-section {
    background: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-radius: 16px !important;
    margin: 8px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* 有背景图时 - 发现页面的分组容器透明（避免双层卡片） */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image #liaoliao-discover-content .liaoliao-me-section {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 有背景图时 - "我的"页面的分组容器透明（避免双层卡片） */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image #liaoliao-me-content .liaoliao-me-section {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 有背景图时 - 分组内的列表项背景透明 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-me-item {
    background: transparent !important;
}

/* 有背景图时 - 个人资料卡片变成毛玻璃 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-me-profile {
    background: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-radius: 16px !important;
    margin: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* 有背景图时 - 底部 Tabbar 透明毛玻璃 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image #liaoliao-tabbar {
    background: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* 有背景图时 - 通讯录的功能入口也透明 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-contacts-section {
    background: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-radius: 16px !important;
    margin: 8px 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* 有背景图时 - 通讯录项背景透明 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-contacts-item {
    background: transparent !important;
}

/* 有背景图时 - 发现页的项目 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-discover-item {
    background: transparent !important;
}

/* ========================================
   14. 深色模式样式
   ======================================== */

/* iOS 深色模式 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-screen:not(.has-bg-image) {
    background: #000000 !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-tab {
    background: #1C1C1E !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-list {
    background: #1C1C1E !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-header {
    background: rgba(28, 28, 30, 0.94) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-header-title {
    color: #FFFFFF !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-tabbar {
    background: rgba(28, 28, 30, 0.94) !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-tab-item {
    color: #8E8E93 !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-tab-item.active {
    color: #0A84FF !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-chat-item {
    background: #1C1C1E !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-chat-name {
    color: #FFFFFF !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-chat-preview-text {
    color: #8E8E93 !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-me-section {
    background: #1C1C1E !important;
}

/* 深色模式 - "我的"页面、"发现"页面的分组容器透明（避免双层卡片） */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-me-content .liaoliao-me-section,
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-discover-content .liaoliao-me-section {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-me-item {
    background: #1C1C1E !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-me-item-label {
    color: #FFFFFF !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-me-item-value {
    color: #8E8E93 !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-me-item-arrow {
    color: #48484A !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-me-profile {
    background: #1C1C1E !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-me-name {
    color: #FFFFFF !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-me-id {
    color: #8E8E93 !important;
}

/* iOS 深色模式 + 背景图片 - 全屏背景 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-screen.has-bg-image {
    background-color: #000 !important;
}

/* 深色模式 + 背景图 - 顶部导航栏完全透明 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-screen.has-bg-image .liaoliao-header {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: none !important;
}

/* 深色模式 + 背景图 - 内容区域透明 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-screen.has-bg-image .liaoliao-tab {
    background: transparent !important;
}

/* 深色模式 + 背景图 - 聊天列表项 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-screen.has-bg-image .liaoliao-chat-item {
    background: rgba(50, 50, 50, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 深色模式 + 背景图 - 分组卡片 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-screen.has-bg-image .liaoliao-me-section {
    background: rgba(50, 50, 50, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 深色模式 + 背景图 - 发现页面分组容器透明（避免双层卡片） */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-screen.has-bg-image #liaoliao-discover-content .liaoliao-me-section {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 深色模式 + 背景图 - "我的"页面分组容器透明（避免双层卡片） */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-screen.has-bg-image #liaoliao-me-content .liaoliao-me-section {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 深色模式 + 背景图 - 个人资料卡片 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-screen.has-bg-image .liaoliao-me-profile {
    background: rgba(50, 50, 50, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 深色模式 + 背景图 - 底部 Tabbar */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-screen.has-bg-image #liaoliao-tabbar {
    background: rgba(50, 50, 50, 0.5) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 深色模式 + 背景图 - 通讯录分组 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-screen.has-bg-image .liaoliao-contacts-section {
    background: rgba(50, 50, 50, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 微信深色模式 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-screen,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-screen {
    background: #111111 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-tab,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-tab {
    background: #191919 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-header,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-header {
    background: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-header-title,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-header-title {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-tabbar,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-tabbar {
    background: #191919 !important;
    border-top-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-tab-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-tab-item {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-tab-item.active,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-tab-item.active {
    color: #07C160 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-chat-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-chat-item {
    background: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-chat-name,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-chat-name {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-chat-preview-text,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-chat-preview-text {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-section,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-section {
    background: #191919 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-item {
    background: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-item-label,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-item-label {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-item-value,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-item-value {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-profile,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-profile {
    background: #191919 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-name,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-name {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-id,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-id {
    color: #7A7A7A !important;
}

/* ========================================
   微信夜间模式 - 设置页面
   ======================================== */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-settings-page {
    background: #111111 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-header,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-header {
    background: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-header-title,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-header-title {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-back-btn,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-back-btn {
    color: #07C160 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-list,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-list {
    background: #111111 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-section,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-section {
    background: #191919 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item {
    background: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item-label,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item-label {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item-value,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item-value {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item-arrow,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-settings-page .liaoliao-me-item-arrow {
    color: #4A4A4A !important;
}

/* ========================================
   微信夜间模式 - 美化设置页面
   ======================================== */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-beautify-page,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-beautify-page {
    background: #111111 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-subpage-header,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-subpage-header {
    background: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-subpage-title,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-subpage-title {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-subpage-back,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-subpage-back {
    color: #07C160 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-subpage-content,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-subpage-content {
    background: #111111 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-me-section,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-me-section {
    background: #191919 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-me-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-me-item {
    background: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-me-item-label,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-me-item-label {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-me-item-value,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-me-item-value {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-me-item-arrow,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-beautify-page .liaoliao-me-item-arrow {
    color: #4A4A4A !important;
}

/* ========================================
   微信夜间模式 - 主题选择器页面
   ======================================== */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page {
    background: #111111 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page .liaoliao-subpage-header,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page .liaoliao-subpage-header {
    background: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page .liaoliao-subpage-title,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page .liaoliao-subpage-title {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page .liaoliao-subpage-back,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page .liaoliao-subpage-back {
    color: #07C160 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page .liaoliao-subpage-content,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-theme-selector-page .liaoliao-subpage-content {
    background: #111111 !important;
}

/* ========================================
   微信夜间模式 - 颜色模式选择器页面
   ======================================== */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-colormode-selector-page,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-colormode-selector-page {
    background: #111111 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-colormode-selector-page .liaoliao-subpage-header,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-colormode-selector-page .liaoliao-subpage-header {
    background: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-colormode-selector-page .liaoliao-subpage-title,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-colormode-selector-page .liaoliao-subpage-title {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-colormode-selector-page .liaoliao-subpage-back,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-colormode-selector-page .liaoliao-subpage-back {
    color: #07C160 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-colormode-selector-page .liaoliao-subpage-content,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-colormode-selector-page .liaoliao-subpage-content {
    background: #111111 !important;
}

/* ========================================
   微信夜间模式 - 背景图片选择器页面
   ======================================== */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-background-picker-page,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-background-picker-page {
    background: #111111 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-background-picker-page .liaoliao-subpage-header,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-background-picker-page .liaoliao-subpage-header {
    background: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-background-picker-page .liaoliao-subpage-title,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-background-picker-page .liaoliao-subpage-title {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-background-picker-page .liaoliao-subpage-back,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-background-picker-page .liaoliao-subpage-back {
    color: #07C160 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-background-picker-page .liaoliao-subpage-content,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-background-picker-page .liaoliao-subpage-content {
    background: #111111 !important;
}

/* ========================================
   微信夜间模式 - 通用组件样式
   ======================================== */

/* 主题选择项 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-theme-select-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-theme-select-item {
    background: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-theme-select-item.selected,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-theme-select-item.selected {
    background: rgba(7, 193, 96, 0.15) !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-theme-select-name,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-theme-select-name {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-theme-select-desc,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-theme-select-desc {
    color: #7A7A7A !important;
}

/* 背景预览 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-bg-preview,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-bg-preview {
    background: #191919 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-bg-preview-empty,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-bg-preview-empty {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-bg-tips,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-bg-tips {
    color: #7A7A7A !important;
}

/* 好友列表 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-friend-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-friend-item {
    background: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-friend-name,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-friend-name {
    color: #E5E5E5 !important;
}

/* 发现页面 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-discover-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-discover-item {
    background: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-discover-label,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-discover-label {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-discover-arrow,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-discover-arrow {
    color: #4A4A4A !important;
}

/* 分组管理 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-manage-card,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-manage-card {
    background: #191919 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-manage-header h3,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-manage-header h3 {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-group-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-group-item {
    background: #1E1E1E !important;
    border-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-group-name,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-group-name {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-group-count,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-group-count {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-group-empty,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-group-empty {
    background: #1E1E1E !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-group-empty p,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-group-empty p {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-ungrouped-info,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-ungrouped-info {
    background: #1E1E1E !important;
    color: #7A7A7A !important;
}

/* 对话框 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-glass-dialog,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-glass-dialog {
    background: #191919 !important;
    border-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-dialog-header,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-dialog-header {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-dialog-input,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-dialog-input {
    background: #2C2C2C !important;
    border-color: #3C3C3C !important;
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-dialog-input::placeholder,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-dialog-input::placeholder {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-dialog-footer,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-dialog-footer {
    border-top-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-dialog-btn,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-dialog-btn {
    color: #07C160 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-dialog-btn.cancel,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-dialog-btn.cancel {
    color: #7A7A7A !important;
    border-right-color: #2C2C2C !important;
}

/* 分组子标签 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-manage-subtab,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-manage-subtab {
    background: #1E1E1E !important;
    color: #7A7A7A !important;
    border-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-manage-subtab.active,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-manage-subtab.active {
    background: rgba(7, 193, 96, 0.2) !important;
    color: #07C160 !important;
    border-color: rgba(7, 193, 96, 0.3) !important;
}

/* 搜索框 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-search input,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-search input {
    background: #2C2C2C !important;
    border-color: #3C3C3C !important;
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-search input::placeholder,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-search input::placeholder {
    color: #7A7A7A !important;
}

/* 深色模式下的子页面 */
[data-liaoliao-color-mode="dark"] .liaoliao-subpage {
    background: #000000 !important;
}

[data-liaoliao-color-mode="dark"] .liaoliao-subpage-header {
    background: rgba(28, 28, 30, 0.94) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-liaoliao-color-mode="dark"] .liaoliao-subpage-title {
    color: #FFFFFF !important;
}

[data-liaoliao-color-mode="dark"] .liaoliao-subpage-back {
    color: #0A84FF !important;
}

[data-liaoliao-color-mode="dark"] .liaoliao-subpage-add {
    color: #0A84FF !important;
}

[data-liaoliao-color-mode="dark"] .liaoliao-subpage-content {
    background: #000000 !important;
}

/* 添加成员列表 - 深色模式 */
[data-liaoliao-color-mode="dark"] .liaoliao-add-member-item {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-liaoliao-color-mode="dark"] .liaoliao-add-member-item:active,
[data-liaoliao-color-mode="dark"] .liaoliao-add-member-item.selected {
    background: rgba(10, 132, 255, 0.2);
}

[data-liaoliao-color-mode="dark"] .liaoliao-theme-select-name {
    color: #FFFFFF !important;
}

[data-liaoliao-color-mode="dark"] .liaoliao-theme-select-desc {
    color: #8E8E93 !important;
}

[data-liaoliao-color-mode="dark"] .liaoliao-theme-select-item {
    background: #1C1C1E !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-liaoliao-color-mode="dark"] .liaoliao-theme-select-item.selected {
    background: rgba(10, 132, 255, 0.15) !important;
}

[data-liaoliao-color-mode="dark"] .liaoliao-bg-preview {
    background: #1C1C1E !important;
}

[data-liaoliao-color-mode="dark"] .liaoliao-bg-preview-empty {
    color: #8E8E93 !important;
}

[data-liaoliao-color-mode="dark"] .liaoliao-bg-tips {
    color: #8E8E93 !important;
}

/* ========================================
   15. 聊聊主界面 - 有背景图时的特殊样式
   ======================================== */

/* 有背景图时 - 左上角返回按钮完全透明 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-back-btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-back-btn svg {
    stroke: #fff !important;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));
}

/* 有背景图时 - 标题白色 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-header-title {
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* 有背景图时 - 右上角按钮液态玻璃效果 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-header-btn {
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 22px !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow:
        0 4px 16px rgba(0,0,0,0.1),
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -1px 0 rgba(0,0,0,0.05) !important;
    transition: all 0.2s ease !important;
}

[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-header-btn svg {
    stroke: #fff !important;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}

[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-header-btn:active {
    background: rgba(255, 255, 255, 0.4) !important;
    transform: scale(0.95);
}

/* 深色模式 + 背景图 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] #liaoliao-screen.has-bg-image .liaoliao-header-btn {
    background: rgba(80, 80, 80, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* ========================================
   16. iOS 风格 + 背景图 - 圆形头像
   ======================================== */

/* 有背景图时 - 所有头像强制圆形，无边框 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-avatar {
    border-radius: 50% !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: none !important;
}

[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-avatar img {
    border-radius: 50% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-avatar-placeholder {
    border-radius: 50% !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ========================================
   17. 「我」界面 - 禁止水平滚动
   ======================================== */

[data-liaoliao-theme="ios"] #liaoliao-tab-me {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

[data-liaoliao-theme="ios"] #liaoliao-tab-me .liaoliao-list {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

/* ========================================
   18. iOS 风格通讯录 - 全新设计
   ======================================== */

/* === 18.1 通讯录整体布局 === */
/* 注意：必须加 .active 选择器，否则会覆盖 .liaoliao-tab 的 display: none */
[data-liaoliao-theme="ios"] #liaoliao-tab-contacts.active {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: hidden;
}

/* === 18.2 固定头部区域 === */
[data-liaoliao-theme="ios"] .liaoliao-contacts-header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    /* 微调：加一点点顶部间距 */
    padding: 10px 20px 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none;
}

[data-liaoliao-theme="ios"] .liaoliao-contacts-header-fixed > * {
    pointer-events: auto;
}

/* 头部导航栏 */
[data-liaoliao-theme="ios"] .liaoliao-contacts-header {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 28px;
    width: 100%;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 标题居中 */
[data-liaoliao-theme="ios"] .liaoliao-contacts-header .liaoliao-header-title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    color: #fff;
}

/* 返回按钮 - 左侧绝对定位 */
[data-liaoliao-theme="ios"] .liaoliao-contacts-header .liaoliao-back-btn {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff;
}

[data-liaoliao-theme="ios"] .liaoliao-contacts-header .liaoliao-back-btn svg {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

/* 小飞机按钮 - 右侧绝对定位 (液态玻璃) */
[data-liaoliao-theme="ios"] .liaoliao-contacts-fab {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff !important;
    box-shadow:
        0 4px 15px rgba(0,0,0,0.1),
        inset 0 1px 0 rgba(255,255,255,0.4),
        inset 0 -1px 0 rgba(255,255,255,0.1) !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

[data-liaoliao-theme="ios"] .liaoliao-contacts-fab:active {
    transform: translateY(-50%) scale(0.95) !important;
    background: rgba(255, 255, 255, 0.2) !important;
}

[data-liaoliao-theme="ios"] .liaoliao-contacts-fab svg {
    width: 22px !important;
    height: 22px !important;
    stroke-width: 2;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

/* === 18.3 搜索框 (居中胶囊) === */
[data-liaoliao-theme="ios"] .liaoliao-contacts-search-wrapper {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

[data-liaoliao-theme="ios"] .liaoliao-contacts-search-pill {
    width: 100%;
    max-width: 100%;
    height: 36px;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s;
    padding: 0 16px;
    box-sizing: border-box;
}

[data-liaoliao-theme="ios"] .liaoliao-contacts-search-pill svg {
    width: 14px;
    height: 14px;
    opacity: 0.7;
    flex-shrink: 0;
    stroke: currentColor;
}

[data-liaoliao-theme="ios"] .liaoliao-contacts-search-pill input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-align: center;
}

[data-liaoliao-theme="ios"] .liaoliao-contacts-search-pill input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

/* === 18.4 分类标签栏 === */
[data-liaoliao-theme="ios"] .liaoliao-contacts-tabs {
    display: flex;
    gap: 12px;
    justify-content: center;
    padding-bottom: 4px;
}

[data-liaoliao-theme="ios"] .liaoliao-contacts-tab {
    padding: 6px 16px;
    border-radius: 20px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s;
    cursor: pointer;
}

[data-liaoliao-theme="ios"] .liaoliao-contacts-tab.active {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    font-weight: 500;
}

[data-liaoliao-theme="ios"] .liaoliao-contacts-tab:active {
    transform: scale(0.95);
}

/* === 18.5 内容区域 (CSS Mask 滚动效果) === */
[data-liaoliao-theme="ios"] .liaoliao-contacts-content {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 16px;
    /* 同步头部：gap从8px减到4px，共减8px */
    padding-top: 132px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;

    /* 魔法 Mask：头部区域透明，列表滚上去消失 */
    mask-image: linear-gradient(to bottom,
        transparent 0px,
        transparent 122px,
        black 162px,
        black 100%
    );
    -webkit-mask-image: linear-gradient(to bottom,
        transparent 0px,
        transparent 122px,
        black 162px,
        black 100%
    );
}

[data-liaoliao-theme="ios"] .liaoliao-contacts-content::-webkit-scrollbar {
    display: none;
}

/* PWA模式下：mask透明区域需要加上安全区域高度 + 额外偏移 */
/* 使用 data-pwa-mode 属性（由JS在main.js中设置在html上）*/
[data-pwa-mode="true"][data-liaoliao-theme="ios"] .liaoliao-contacts-content {
    /* PWA模式下往下移动约40px，让列表从按钮下方开始 */
    padding-top: calc(172px + env(safe-area-inset-top, 0px));

    mask-image: linear-gradient(to bottom,
        transparent 0px,
        transparent calc(162px + env(safe-area-inset-top, 0px)),
        black calc(202px + env(safe-area-inset-top, 0px)),
        black 100%
    );
    -webkit-mask-image: linear-gradient(to bottom,
        transparent 0px,
        transparent calc(162px + env(safe-area-inset-top, 0px)),
        black calc(202px + env(safe-area-inset-top, 0px)),
        black 100%
    );
}

/* iOS 模式下的好友列表容器 */
[data-liaoliao-theme="ios"] #liaoliao-friend-list,
[data-liaoliao-theme="ios"] .liaoliao-contacts-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* === 18.5.1 消息列表 iOS 模式结构 === */
/* 消息列表Tab容器 */
[data-liaoliao-theme="ios"] #liaoliao-tab-messages.active {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: hidden;
}

/* 消息列表固定头部 */
[data-liaoliao-theme="ios"] .liaoliao-messages-header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    padding: 10px 20px 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none;
}

[data-liaoliao-theme="ios"] .liaoliao-messages-header-fixed > * {
    pointer-events: auto;
}

/* 消息列表头部导航栏 */
[data-liaoliao-theme="ios"] .liaoliao-messages-header {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 28px;
    width: 100%;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 消息列表标题 */
[data-liaoliao-theme="ios"] .liaoliao-messages-header .liaoliao-header-title {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    color: #fff;
}

/* 消息列表返回按钮 */
[data-liaoliao-theme="ios"] .liaoliao-messages-header .liaoliao-back-btn {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff;
}

[data-liaoliao-theme="ios"] .liaoliao-messages-header .liaoliao-back-btn svg {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

/* 消息列表添加按钮 */
[data-liaoliao-theme="ios"] .liaoliao-messages-header .liaoliao-header-btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff;
}

[data-liaoliao-theme="ios"] .liaoliao-messages-header .liaoliao-header-btn svg {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

/* 消息列表搜索栏容器 */
[data-liaoliao-theme="ios"] .liaoliao-messages-search-wrapper {
    display: flex;
    justify-content: center;
    padding: 4px 0;
}

/* 消息列表搜索胶囊 */
[data-liaoliao-theme="ios"] .liaoliao-messages-search-pill {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    padding: 10px 20px;
    width: 100%;
    max-width: 320px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

[data-liaoliao-theme="ios"] .liaoliao-messages-search-pill svg {
    width: 18px;
    height: 18px;
    color: rgba(255, 255, 255, 0.5);
    flex-shrink: 0;
}

[data-liaoliao-theme="ios"] .liaoliao-messages-search-pill input {
    background: transparent;
    border: none;
    outline: none;
    font-size: 15px;
    color: #fff;
    width: 100%;
}

[data-liaoliao-theme="ios"] .liaoliao-messages-search-pill input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

/* 消息列表搜索框 - 浅色模式 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-messages-search-pill {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-messages-search-pill svg {
    color: rgba(0, 0, 0, 0.4);
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-messages-search-pill input {
    color: #000;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-messages-search-pill input::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

/* 消息列表内容区域 */
[data-liaoliao-theme="ios"] .liaoliao-messages-content {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 16px;
    padding-top: 100px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;

    /* 魔法 Mask：头部区域透明，列表滚上去消失 */
    mask-image: linear-gradient(to bottom,
        transparent 0px,
        transparent 90px,
        black 130px,
        black 100%
    );
    -webkit-mask-image: linear-gradient(to bottom,
        transparent 0px,
        transparent 90px,
        black 130px,
        black 100%
    );
}

[data-liaoliao-theme="ios"] .liaoliao-messages-content::-webkit-scrollbar {
    display: none;
}

/* PWA模式下消息列表调整 */
[data-pwa-mode="true"][data-liaoliao-theme="ios"] .liaoliao-messages-content {
    padding-top: calc(140px + env(safe-area-inset-top, 0px));

    mask-image: linear-gradient(to bottom,
        transparent 0px,
        transparent calc(130px + env(safe-area-inset-top, 0px)),
        black calc(170px + env(safe-area-inset-top, 0px)),
        black 100%
    );
    -webkit-mask-image: linear-gradient(to bottom,
        transparent 0px,
        transparent calc(130px + env(safe-area-inset-top, 0px)),
        black calc(170px + env(safe-area-inset-top, 0px)),
        black 100%
    );
}

/* 消息列表容器 */
[data-liaoliao-theme="ios"] .liaoliao-messages-list {
    display: flex;
    flex-direction: column;
}

/* === 18.6 毛玻璃卡片样式 === */
[data-liaoliao-theme="ios"] .liaoliao-glass-card {
    background: rgba(30, 30, 30, 0.4);
    backdrop-filter: blur(25px) saturate(150%);
    -webkit-backdrop-filter: blur(25px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.2);
    overflow: hidden;
}

/* 置顶卡片 (包含多个置顶联系人) */
[data-liaoliao-theme="ios"] .liaoliao-pinned-card {
    display: flex;
    flex-direction: column;
    padding: 0;
    background: rgba(40, 40, 40, 0.5); /* 置顶稍微深一点 */
}

/* 普通列表卡片 */
[data-liaoliao-theme="ios"] .liaoliao-list-card {
    display: flex;
    flex-direction: column;
    padding: 0;
}

/* 分组卡片 - 每个分组独立的气泡卡片（间距由父容器的gap控制） */
[data-liaoliao-theme="ios"] .liaoliao-grouped-card {
    /* 与置顶卡片样式一致 */
}

/* 联系人项 */
[data-liaoliao-theme="ios"] .liaoliao-contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    position: relative;
    border: none !important;
    cursor: pointer;
    transition: background 0.2s;
    /* 禁止长按选中文字（避免与长按菜单冲突） */
    user-select: none;
    -webkit-user-select: none;
}

[data-liaoliao-theme="ios"] .liaoliao-contact-item:active {
    background: rgba(255, 255, 255, 0.05);
}

/* 无分割线 */
[data-liaoliao-theme="ios"] .liaoliao-contact-item::after {
    display: none !important;
}

/* 联系人头像 */
[data-liaoliao-theme="ios"] .liaoliao-contact-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    border: none;
    flex-shrink: 0;
}

[data-liaoliao-theme="ios"] .liaoliao-contact-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 联系人信息 */
[data-liaoliao-theme="ios"] .liaoliao-contact-info {
    flex: 1;
    min-width: 0;
}

[data-liaoliao-theme="ios"] .liaoliao-contact-name {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-liaoliao-theme="ios"] .liaoliao-contact-desc {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 时间/状态 */
[data-liaoliao-theme="ios"] .liaoliao-contact-time {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    flex-shrink: 0;
}

/* === 18.7 底部 Dock 极光效果 (夜间模式) === */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-tabbar-btn.active::before {
    content: '';
    position: absolute;
    top: auto !important; /* 重置通用样式的 top: 50% */
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 3px;
    background: #fff;
    border-radius: 2px;
    box-shadow:
        0 -2px 10px #00ffff,
        0 -4px 20px #007aff,
        0 -6px 30px #ff00ff;
    z-index: 1;
}

/* 极光倒影 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="dark"] .liaoliao-tabbar-btn.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20%;
    width: 60%;
    height: 20px;
    background: linear-gradient(to top, rgba(0, 255, 255, 0.2), transparent);
    filter: blur(8px);
    z-index: 0;
}

/* === 18.8 底部 Dock 极光效果 (日间模式) === */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-tabbar-btn.active::before {
    content: '';
    position: absolute;
    top: auto !important; /* 重置通用样式的 top: 50% */
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 3px;
    background: #007AFF;
    border-radius: 2px;
    box-shadow:
        0 -2px 10px rgba(0, 122, 255, 0.3),
        0 -4px 20px rgba(0, 122, 255, 0.2);
    z-index: 1;
}

/* 日间倒影 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-tabbar-btn.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20%;
    width: 60%;
    height: 20px;
    background: linear-gradient(to top, rgba(0, 122, 255, 0.1), transparent);
    filter: blur(8px);
    z-index: 0;
}

/* === 18.9 日间模式样式覆盖 === */
/* 头部文字颜色 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contacts-header .liaoliao-header-title {
    color: #000;
    text-shadow: none;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contacts-header .liaoliao-back-btn {
    color: #000;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contacts-header .liaoliao-back-btn svg {
    filter: none;
    stroke: #000;
}

/* 小飞机按钮 - 日间 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contacts-fab {
    background: rgba(255, 255, 255, 0.45) !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    color: #007AFF !important;
    box-shadow:
        0 4px 15px rgba(0,0,0,0.05),
        inset 0 1px 0 rgba(255,255,255,0.8),
        inset 0 -1px 0 rgba(255,255,255,0.2) !important;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contacts-fab svg {
    filter: none;
    stroke: #007AFF;
}

/* 搜索框 - 日间 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contacts-search-pill {
    background: rgba(255, 255, 255, 0.5);
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contacts-search-pill input {
    color: #000;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contacts-search-pill input::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

/* 分类标签 - 日间 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contacts-tab {
    color: rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contacts-tab.active {
    background: rgba(255, 255, 255, 0.75);
    color: #000;
    border-color: rgba(255, 255, 255, 0.6);
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* 毛玻璃卡片 - 日间 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-glass-card {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(30px) saturate(150%);
    -webkit-backdrop-filter: blur(30px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 20px rgba(0,0,0,0.02), 0 1px 2px rgba(0,0,0,0.02);
}

/* 置顶卡片 - 日间 (稍微实一点) */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-pinned-card {
    background: rgba(255, 255, 255, 0.7);
}

/* 联系人项 - 日间 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contact-item:active {
    background: rgba(0, 0, 0, 0.03);
}

/* 联系人头像 - 日间 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contact-avatar {
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border: 2px solid #fff;
}

/* 联系人文字 - 日间 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contact-name {
    color: #1d1d1f;
    font-weight: 600;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contact-desc {
    color: rgba(0, 0, 0, 0.5);
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-contact-time {
    color: rgba(0, 0, 0, 0.3);
}

/* 分组分隔线 - 日间 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-group-separator {
    background: rgba(0, 0, 0, 0.06);
}

/* 发现页面文字 - 日间 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-discover-label {
    color: #1d1d1f;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-discover-arrow {
    color: rgba(0, 0, 0, 0.3);
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-discover-item {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(0, 0, 0, 0.05);
}

/* 我的页面文字 - 日间 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-me-name {
    color: #1d1d1f;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-me-id {
    color: rgba(0, 0, 0, 0.5);
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-me-item-label {
    color: #1d1d1f;
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-me-item-arrow {
    color: rgba(0, 0, 0, 0.3);
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-empty p {
    color: rgba(0, 0, 0, 0.5);
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] .liaoliao-empty .hint {
    color: rgba(0, 0, 0, 0.3);
}

/* === 18.9.5 有背景模式专属样式 === */

/* 有背景 + 夜间：深色玻璃 (参考 contacts-preview(9).html) */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-glass-card {
    background: rgba(30, 30, 30, 0.4);
    backdrop-filter: blur(25px) saturate(150%);
    -webkit-backdrop-filter: blur(25px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.2);
}

[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-pinned-card {
    background: rgba(40, 40, 40, 0.5);
}

[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-contact-avatar {
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    border: 1px solid rgba(255,255,255,0.1);
}

/* 有背景 + 日间：乳白玻璃 (参考 contacts-preview-light.html) */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] #liaoliao-screen.has-bg-image .liaoliao-glass-card {
    background: rgba(255, 255, 255, 0.55);
    backdrop-filter: blur(30px) saturate(150%);
    -webkit-backdrop-filter: blur(30px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 24px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.02), 0 1px 2px rgba(0,0,0,0.02);
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] #liaoliao-screen.has-bg-image .liaoliao-pinned-card {
    background: rgba(255, 255, 255, 0.7);
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] #liaoliao-screen.has-bg-image .liaoliao-contact-avatar {
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    border: 2px solid #fff;
}

/* 有背景模式下的搜索框 - 夜间 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-contacts-search-pill {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* 有背景模式下的搜索框 - 日间 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] #liaoliao-screen.has-bg-image .liaoliao-contacts-search-pill {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] #liaoliao-screen.has-bg-image .liaoliao-contacts-search-pill input::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

/* 有背景模式下的分类标签 - 夜间 */
[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-contacts-tab {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.6);
}

[data-liaoliao-theme="ios"] #liaoliao-screen.has-bg-image .liaoliao-contacts-tab.active {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

/* 有背景模式下的分类标签 - 日间 */
[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] #liaoliao-screen.has-bg-image .liaoliao-contacts-tab {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(0, 0, 0, 0.5);
}

[data-liaoliao-theme="ios"][data-liaoliao-color-mode="light"] #liaoliao-screen.has-bg-image .liaoliao-contacts-tab.active {
    background: rgba(255, 255, 255, 0.75);
    border-color: rgba(255, 255, 255, 0.6);
    color: #000;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* === 18.10 长按菜单样式 === */
.liaoliao-context-menu-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 999;
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
}

.liaoliao-context-menu-backdrop.show {
    opacity: 1;
    pointer-events: auto;
}

.liaoliao-context-menu {
    position: fixed;
    z-index: 1000;
    min-width: 160px;
    background: rgba(30, 30, 30, 0.8);
    backdrop-filter: blur(30px) saturate(150%);
    -webkit-backdrop-filter: blur(30px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 8px 0;
    box-shadow: 0 8px 32px rgba(0,0,0,0.4);
    transform: scale(0.9);
    opacity: 0;
    transition: all 0.2s ease;
    pointer-events: none;
}

.liaoliao-context-menu.show {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.liaoliao-context-menu-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    transition: background 0.2s;
}

.liaoliao-context-menu-item:active {
    background: rgba(255, 255, 255, 0.1);
}

.liaoliao-context-menu-item svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    fill: none;
}

.liaoliao-context-menu-item.danger {
    color: #ff453a;
}

/* 长按菜单 - 日间模式 */
[data-liaoliao-color-mode="light"] .liaoliao-context-menu {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 8px 32px rgba(0,0,0,0.15);
}

[data-liaoliao-color-mode="light"] .liaoliao-context-menu-item {
    color: #1d1d1f;
}

[data-liaoliao-color-mode="light"] .liaoliao-context-menu-item:active {
    background: rgba(0, 0, 0, 0.05);
}

[data-liaoliao-color-mode="light"] .liaoliao-context-menu-item.danger {
    color: #ff3b30;
}

/* === 18.11 分组管理样式 === */
[data-liaoliao-theme="ios"] .liaoliao-manage-card {
    padding: 16px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    margin: 12px 16px;
}

[data-liaoliao-theme="ios"] .liaoliao-manage-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 8px 16px;
    border-bottom: none;
}

[data-liaoliao-theme="ios"] .liaoliao-manage-header h3 {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}

[data-liaoliao-theme="ios"] .liaoliao-manage-add-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

[data-liaoliao-theme="ios"] .liaoliao-manage-add-btn:active {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(0.95);
}

[data-liaoliao-theme="ios"] .liaoliao-manage-add-btn svg {
    stroke: currentColor;
}

/* 分组列表 */
[data-liaoliao-theme="ios"] .liaoliao-group-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
}

[data-liaoliao-theme="ios"] .liaoliao-group-empty {
    padding: 30px 16px;
    text-align: center;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 14px;
}

[data-liaoliao-theme="ios"] .liaoliao-group-empty p {
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 8px;
}

[data-liaoliao-theme="ios"] .liaoliao-group-empty .hint {
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
}

/* 分组项 - 独立卡片样式 */
[data-liaoliao-theme="ios"] .liaoliao-group-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    cursor: pointer;
    transition: all 0.2s;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-liaoliao-theme="ios"] .liaoliao-group-item:active {
    background: rgba(255, 255, 255, 0.18);
    transform: scale(0.98);
}

[data-liaoliao-theme="ios"] .liaoliao-group-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(0, 122, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-liaoliao-theme="ios"] .liaoliao-group-icon svg {
    stroke: #007AFF;
}

[data-liaoliao-theme="ios"] .liaoliao-group-info {
    flex: 1;
    min-width: 0;
}

[data-liaoliao-theme="ios"] .liaoliao-group-name {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 2px;
}

[data-liaoliao-theme="ios"] .liaoliao-group-count {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
}

[data-liaoliao-theme="ios"] .liaoliao-group-actions {
    display: flex;
    gap: 8px;
}

[data-liaoliao-theme="ios"] .liaoliao-group-actions button {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

[data-liaoliao-theme="ios"] .liaoliao-group-actions button:active {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(0.95);
}

[data-liaoliao-theme="ios"] .liaoliao-group-actions button svg {
    stroke: currentColor;
}

[data-liaoliao-theme="ios"] .liaoliao-group-delete-btn:active {
    color: #ff453a;
}

/* 未分组提示 */
[data-liaoliao-theme="ios"] .liaoliao-ungrouped-info {
    padding: 14px 16px;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
}

/* === 18.13 分组管理子标签 === */
[data-liaoliao-theme="ios"] .liaoliao-manage-subtabs {
    display: flex;
    gap: 10px;
    padding: 0 0 16px;
}

[data-liaoliao-theme="ios"] .liaoliao-manage-subtab {
    flex: 1;
    padding: 12px 16px;
    border: none;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

[data-liaoliao-theme="ios"] .liaoliao-manage-subtab:active {
    transform: scale(0.97);
}

[data-liaoliao-theme="ios"] .liaoliao-manage-subtab.active {
    background: rgba(0, 122, 255, 0.25);
    color: #fff;
    border-color: rgba(0, 122, 255, 0.3);
}

/* === 18.14 分组拖动排序样式 === */
[data-liaoliao-theme="ios"] .liaoliao-group-item {
    position: relative;
    z-index: 1;
    user-select: none;
    -webkit-user-select: none;
}

/* 拖动手柄 */
[data-liaoliao-theme="ios"] .liaoliao-drag-handle {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.35);
    cursor: grab;
    flex-shrink: 0;
    margin-right: 4px;
    border-radius: 6px;
    transition: all 0.15s ease;
}

[data-liaoliao-theme="ios"] .liaoliao-drag-handle:hover {
    color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.08);
}

[data-liaoliao-theme="ios"] .liaoliao-drag-handle:active {
    cursor: grabbing;
    color: #007AFF;
}

/* 长按等待状态 */
[data-liaoliao-theme="ios"] .liaoliao-group-item.press-pending {
    background: rgba(255, 255, 255, 0.18);
    transform: scale(0.98);
}

[data-liaoliao-theme="ios"] .liaoliao-group-item.dragging {
    z-index: 100;
    background: rgba(0, 122, 255, 0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    border-radius: 14px;
    transform-origin: center center;
}

[data-liaoliao-theme="ios"] .liaoliao-group-item.dragging .liaoliao-drag-handle {
    color: #007AFF;
}

[data-liaoliao-theme="ios"] .liaoliao-group-list.drag-mode {
    position: relative;
}

[data-liaoliao-theme="ios"] .liaoliao-group-list.drag-mode .liaoliao-group-item:not(.dragging) {
    opacity: 0.6;
}

/* === 18.12 通用对话框样式 === */
.liaoliao-dialog-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    padding: 20px;
    box-sizing: border-box;
}

.liaoliao-dialog.liaoliao-glass-dialog {
    width: calc(100% - 40px);
    max-width: 320px;
    background: rgba(30, 30, 30, 0.85);
    backdrop-filter: blur(40px) saturate(150%);
    -webkit-backdrop-filter: blur(40px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 20px;
    overflow: hidden;
    box-shadow:
        0 25px 80px rgba(0,0,0,0.4),
        0 0 0 1px rgba(255,255,255,0.05) inset;
}

.liaoliao-dialog-header {
    padding: 20px 20px 12px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.liaoliao-dialog-body {
    padding: 0 20px 20px;
}

.liaoliao-dialog-input {
    width: 100%;
    padding: 14px 16px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    outline: none;
    transition: border-color 0.2s, background 0.2s;
    box-sizing: border-box;
}

.liaoliao-dialog-input:focus {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(0, 122, 255, 0.5);
}

.liaoliao-dialog-input.error {
    border-color: #ff453a;
}

.liaoliao-dialog-input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.liaoliao-dialog-footer {
    display: flex;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.liaoliao-dialog-btn {
    flex: 1;
    padding: 16px;
    background: transparent;
    border: none;
    color: #007AFF;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.liaoliao-dialog-btn:active {
    background: rgba(255, 255, 255, 0.05);
}

.liaoliao-dialog-btn.cancel {
    color: rgba(255, 255, 255, 0.6);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.liaoliao-dialog-btn.confirm {
    font-weight: 600;
}

/* === 18.13 移动到分组选择列表 === */
.liaoliao-group-select-list {
    max-height: 300px;
    overflow-y: auto;
}

.liaoliao-group-select-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    cursor: pointer;
    transition: background 0.2s;
    border-radius: 8px;
    margin: 4px 0;
}

.liaoliao-group-select-item:active {
    background: rgba(255, 255, 255, 0.1);
}

.liaoliao-group-select-item.selected {
    background: rgba(0, 122, 255, 0.2);
}

.liaoliao-group-select-name {
    color: #fff;
    font-size: 16px;
}

.liaoliao-group-select-check {
    color: #007AFF;
    font-weight: 600;
}

/* === 18.14 移出分组按钮 === */
.liaoliao-remove-from-group-btn {
    padding: 6px 12px;
    background: rgba(255, 69, 58, 0.2);
    border: 1px solid rgba(255, 69, 58, 0.3);
    border-radius: 8px;
    color: #ff453a;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.2s;
}

.liaoliao-remove-from-group-btn:active {
    background: rgba(255, 69, 58, 0.3);
    transform: scale(0.95);
}

/* === 18.15 分组管理 - 日间模式 === */
[data-liaoliao-color-mode="light"] .liaoliao-manage-header {
    border-bottom-color: rgba(0, 0, 0, 0.1);
}

[data-liaoliao-color-mode="light"] .liaoliao-manage-header h3 {
    color: #1d1d1f;
}

[data-liaoliao-color-mode="light"] .liaoliao-manage-add-btn {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
    color: #007AFF;
}

[data-liaoliao-color-mode="light"] .liaoliao-group-empty p {
    color: rgba(0, 0, 0, 0.5);
}

[data-liaoliao-color-mode="light"] .liaoliao-group-empty .hint {
    color: rgba(0, 0, 0, 0.3);
}

[data-liaoliao-color-mode="light"] .liaoliao-group-item:active {
    background: rgba(0, 0, 0, 0.03);
}

[data-liaoliao-color-mode="light"] .liaoliao-group-name {
    color: #1d1d1f;
}

[data-liaoliao-color-mode="light"] .liaoliao-group-count {
    color: rgba(0, 0, 0, 0.5);
}

[data-liaoliao-color-mode="light"] .liaoliao-group-actions button {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.5);
}

[data-liaoliao-color-mode="light"] .liaoliao-ungrouped-info {
    border-top-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.4);
}

/* 分组子标签 - 日间 */
[data-liaoliao-color-mode="light"] .liaoliao-manage-subtab {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.5);
}

[data-liaoliao-color-mode="light"] .liaoliao-manage-subtab.active {
    background: rgba(0, 122, 255, 0.15);
    color: #007AFF;
}

/* 拖动状态 - 日间 */
[data-liaoliao-color-mode="light"] .liaoliao-drag-handle {
    color: rgba(0, 0, 0, 0.25);
}

[data-liaoliao-color-mode="light"] .liaoliao-drag-handle:hover {
    color: rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.05);
}

[data-liaoliao-color-mode="light"] .liaoliao-group-item.press-pending {
    background: rgba(0, 0, 0, 0.08);
}

[data-liaoliao-color-mode="light"] .liaoliao-group-item.dragging {
    background: rgba(0, 122, 255, 0.12);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

/* 对话框 - 日间 */
[data-liaoliao-color-mode="light"] .liaoliao-glass-dialog {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(255, 255, 255, 0.8);
}

[data-liaoliao-color-mode="light"] .liaoliao-dialog-header {
    color: #1d1d1f;
}

[data-liaoliao-color-mode="light"] .liaoliao-dialog-input {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
    color: #1d1d1f;
}

[data-liaoliao-color-mode="light"] .liaoliao-dialog-input::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

[data-liaoliao-color-mode="light"] .liaoliao-dialog-footer {
    border-top-color: rgba(0, 0, 0, 0.1);
}

[data-liaoliao-color-mode="light"] .liaoliao-dialog-btn.cancel {
    color: rgba(0, 0, 0, 0.5);
    border-right-color: rgba(0, 0, 0, 0.1);
}

[data-liaoliao-color-mode="light"] .liaoliao-group-select-item:active {
    background: rgba(0, 0, 0, 0.05);
}

[data-liaoliao-color-mode="light"] .liaoliao-group-select-name {
    color: #1d1d1f;
}

/* ============================================ */
/* 微信夜间模式 - 主标签页样式（聊天/通讯录/发现/我的） */
/* ============================================ */

/* Header 区域 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-header,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-header {
    background-color: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-header-title,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-header-title {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-back-btn svg,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-back-btn svg {
    color: #07C160 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-header-btn svg,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-header-btn svg {
    color: #E5E5E5 !important;
}

/* 搜索框 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-search,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-search {
    background-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-search svg,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-search svg {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-search input,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-search input {
    color: #E5E5E5 !important;
    background-color: transparent !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-search input::placeholder,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-search input::placeholder {
    color: #7A7A7A !important;
}

/* 列表容器 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-list,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-list {
    background-color: #111111 !important;
}

/* 聊天列表项 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-chat-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-chat-item {
    background-color: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-chat-item:active,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-chat-item:active {
    background-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-chat-name,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-chat-name {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-chat-time,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-chat-time {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-chat-preview-text,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-chat-preview-text {
    color: #7A7A7A !important;
}

/* 好友列表 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-friend-group,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-friend-group {
    background-color: #191919 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-friend-letter,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-friend-letter {
    background-color: #111111 !important;
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-friend-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-friend-item {
    background-color: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-friend-item:active,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-friend-item:active {
    background-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-friend-name,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-friend-name {
    color: #E5E5E5 !important;
}

/* 底部 Tab 栏 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-tabbar,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-tabbar {
    background-color: #191919 !important;
    border-top-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-tabbar-btn,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-tabbar-btn {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-tabbar-btn.active,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-tabbar-btn.active {
    color: #07C160 !important;
}

/* 「我」页面 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-profile,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-profile {
    background-color: #191919 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-name,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-name {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-id,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-id {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-section,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-section {
    background-color: #191919 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-item {
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-item:active,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-item:active {
    background-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-item-label,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-item-label {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-item-value,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-item-value {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-item-arrow,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-item-arrow {
    color: #4A4A4A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-qrcode,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-qrcode {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-me-arrow,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-me-arrow {
    color: #4A4A4A !important;
}

/* 发现页面 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-discover-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-discover-item {
    background-color: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-discover-item:active,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-discover-item:active {
    background-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-discover-label,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-discover-label {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-discover-arrow,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-discover-arrow {
    color: #4A4A4A !important;
}

/* 通讯录 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-contacts-section,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-contacts-section {
    background-color: #191919 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-contacts-letter,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-contacts-letter {
    background-color: #111111 !important;
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-contacts-item,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-contacts-item {
    background-color: #191919 !important;
    border-bottom-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-contacts-item:active,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-contacts-item:active {
    background-color: #2C2C2C !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-contacts-name,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-contacts-name {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-contacts-label,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-contacts-label {
    color: #E5E5E5 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-contacts-arrow,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-contacts-arrow {
    color: #4A4A4A !important;
}

/* 空状态 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-empty,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-empty {
    color: #7A7A7A !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-empty .hint,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-empty .hint {
    color: #5A5A5A !important;
}

/* Tab 容器背景 */
[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] #liaoliao-tabs,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] #liaoliao-tabs {
    background-color: #111111 !important;
}

[data-liaoliao-theme="wechat"][data-liaoliao-color-mode="dark"] .liaoliao-tab,
:not([data-liaoliao-theme])[data-liaoliao-color-mode="dark"] .liaoliao-tab {
    background-color: #111111 !important;
}