水滴 学院 儿媳 肉丝 富婆 混血哥 康先生 内裤哥 约哥 C仔 轻吻 世界那么大 押尾猫 小岛酱 萌白酱 范范 毛婷 艾栗栗 刘玥 汤不热 康爱福 麻豆 SWAG 探花 韩国 91 自拍 抖音 内射 偷拍 情侣 MD 空姐 模特 护士 丝袜 日本 双飞 强奸 迷奸 巨乳 制服 剧情 网红 搭讪 表姐 外卖 处女 勾引 黑丝 主播 肛交 口交 无码 动漫 3P SM 另类 同事 素人 少妇 大奶 直播 嫩妹 学妹 COS 约炮 无套 后入 尤物 嫩逼 美腿 高跟 巨乳 萝莉 乱伦 御姐 偷情 乳交 下药 自慰 做爱 援交 爆乳 一本道 上司 学生 野外 萌妹 摄像头 大秀 丰满 乱伦 唯美 另类 露脸 爆菊 炮友 白虎 淑女 孙女 偷看 滴蜡 长腿 高潮 酒店 Paco 变态 性虐 护士 抽插 外围 女神 唯美 白丝 黑丝 淫乱 90后 会所 后门 肥臀 美眉 粉嫩 国语 虐待 厕所 一字马 女神 大屌 女儿 姐姐 妈妈 爸爸 办公室 连衣裙 按摩器 粉木耳 更衣室 捆绑 迷药 吹箫 爆乳 泳池 推油 ktv 迷晕 卫生间 大胸 处女 调教 灌醉 搭讪 办公室 嫩模 秘书 混血哥 康先生 内裤哥 约哥 凤吟鸟唱 C仔 轻吻 萝莉 爆菊 特写 爆菊 丰满 炮友 全裸 插b 极品 性感 勾引 双穴 长腿 苗条 闺蜜 高挑 黑丝 高潮 双女 后门 美少女 高中 大学 初中 白嫩 嫩 白虎 嫩妞 粉色 富二代 牛仔裤 爆操 骚逼 父亲 女儿 初恋 女友 透明 诱惑 猛插 妈妈 儿子 圣诞 厨房 厕所 发情 开放 酒店 宾馆 嫩穴 约炮 妹妹 表妹 表姐 小姨子 姐夫 沙发 翘臀 淫叫 抽插 拜金女 多水 超正 淫穴 护士 大吊 医院 粉nen 气质 长裙 短裙 喝酒 大公鸡 A片 天使 啪啪 面具 骚女 淫荡 医生 宅男 病房 房东 针孔 打炮 鲜肉 家里 颜值 外围 土豪 淫乱 销魂 开档 无套 超美 女神 唯美 野性 学院派 约操 高跟 连衣裙 约战 白丝 灰丝 白领 爱液 娇嫩 呻吟 19岁 18岁 室友 Carib 屁眼 受虐 女王 96 妹纸 咪咪 很紧 插进去 小媳妇 纹身 不雅 肤白 女孩 会所 嫩逼 淫水 后入 精油 淋浴 白富美 粉b 宝儿 喷潮 狂操 特色 胸大 小穴 金发 国外 肥臀 镜头 椅子 野鸡 肛门 太太 长发 美眉 粉嫩 风骚 火辣 办公室 狠插 修女 痴女 韵味 舔 窗户 洞洞 水多 艺校 仙女 高难度 痛 绝色 一字马 大屌 爸爸 肉丝 屁屁 湿透 互舔 欧洲 非洲 乌克兰 推油 成人 足交 口交 服务号 活好 舌头 班花 校花 0% { transform: translateX(0); } 10% { transform: translateX(-2px) rotate(-1deg); } 20% { transform: translateX(2px) rotate(1deg); } 30% { transform: translateX(-2px) rotate(-1deg); } 40% { transform: translateX(2px) rotate(1deg); } 50% { transform: translateX(-1px) rotate(-0.5deg); } 60% { transform: translateX(1px) rotate(0.5deg); } 70% { transform: translateX(-1px) rotate(-0.5deg); } 80% { transform: translateX(1px) rotate(0.5deg); } 90% { transform: translateX(0) rotate(0deg); } 100% { transform: translateX(0); } } /* 图标选中时的抖动效果 */ .btm-nav-icon.shake { animation: btm-nav-shake 0.6s ease-in-out; } /* 脉冲放大动画 */ @keyframes btm-nav-pulse-scale { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .btm-nav-icon.pulse { animation: btm-nav-pulse-scale 0.4s ease-in-out; } .btm-nav-text { font-size: 11px; font-weight: 400; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; line-height: 1.2; transition: color 0.2s ease; } /* 嵌入式网页容器 */ .btm-nav-iframe { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; /* 使用视口宽度 */ max-width: 760px; height: 100vh; background: #ffffff; z-index: 99999; display: none; opacity: 1; } .btm-nav-iframe-header { background: #ffffff; color: #333333; padding: 0px 10px 5px 10px; /* 无上边距，避免与状态栏重叠，底部5px分隔 */ height: 35px; /* 35px高度 */ display: flex; align-items: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); position: relative; } .btm-nav-iframe-title { font-size: 14px; font-weight: 500; flex: 1; text-align: center; margin: 0 8px; /* 左右留出空间 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .btm-nav-iframe-close { background: #f0f0f0; /* 浅灰色背景 */ border: none; /* 无边框 */ color: #555555; /* SVG stroke颜色 */ width: 28px; height: 28px; border-radius: 50%; /* 圆形背景 */ cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; flex-shrink: 0; /* 不缩小 */ padding: 0; /* 确保无内边距影响SVG居中 */ } .btm-nav-iframe-close svg { display: block; /* 确保SVG正确显示 */ } .btm-nav-iframe-more { background: #f0f0f0; /* 与返回键相同的背景 */ border: none; color: #555555; width: 28px; height: 28px; border-radius: 50%; /* 圆形背景 */ cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: normal; transition: all 0.2s ease; flex-shrink: 0; } .btm-nav-iframe-more:hover { background: #e0e0e0; } .btm-nav-iframe-more:active { background: #d0d0d0; transform: scale(0.95); } /* 悬停效果 */ .btm-nav-iframe-close:hover { background: #e0e0e0; /* 悬停时背景变深 */ } /* 点击效果 */ .btm-nav-iframe-close:active { background: #d0d0d0; /* 点击时背景更深 */ transform: scale(0.95); /* 轻微缩小效果 */ } /* 更多菜单下拉框 */ .btm-nav-more-menu { position: absolute; top: 35px; /* 紧贴关闭栏底部 */ right: 10px; /* 与更多按钮右对齐 */ background: #ffffff; border: 1px solid #e0e0e0; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 10001; display: none; /* 默认隐藏 */ min-width: 120px; } .btm-nav-more-item { display: flex; align-items: center; padding: 8px 12px; cursor: pointer; transition: background-color 0.2s ease; border-bottom: 1px solid #f0f0f0; } .btm-nav-more-item:last-child { border-bottom: none; } .btm-nav-more-item:hover { background: #f8f9fa; } .btm-nav-more-item:active { background: #e9ecef; } .btm-nav-more-icon { margin-right: 8px; color: #666666; width: 16px; display: flex; align-items: center; justify-content: center; } .btm-nav-more-icon svg { display: block; } .btm-nav-more-text { font-size: 13px; color: #333333; white-space: nowrap; } /* 加载动画 */ .btm-nav-loading { position: absolute; top: 35px; /* 在关闭栏下方 */ left: 0; right: 0; bottom: 0; background: #fafafa; /* 浅灰背景，与纯白有区别 */ display: none; /* 默认隐藏 */ align-items: center; justify-content: center; z-index: 10000; } .btm-nav-loading-content { text-align: center; max-width: 280px; padding: 20px; } .btm-nav-loading-spinner { width: 40px; height: 40px; border: 3px solid #e0e0e0; border-top: 3px solid #007bff; border-radius: 50%; animation: btm-nav-spin 1s linear infinite; margin: 0 auto 16px auto; } .btm-nav-loading-title { font-size: 16px; font-weight: 500; color: #333333; margin-bottom: 8px; } .btm-nav-loading-subtitle { font-size: 14px; color: #666666; margin-bottom: 20px; } .btm-nav-loading-tip { background: #f0f7ff; border: 1px solid #d1ecf1; border-radius: 6px; padding: 12px; font-size: 12px; color: #0c5460; line-height: 1.4; } .btm-nav-loading-tip-line { margin-bottom: 4px; } .btm-nav-loading-tip-line:last-child { margin-bottom: 0; } .btm-nav-loading-icon { background: #e9ecef; color: #495057; padding: 2px 6px; border-radius: 3px; font-weight: bold; margin: 0 2px; } /* 提示内容控制 */ .btm-nav-loading-tip-with-bar, .btm-nav-loading-tip-no-bar { display: none; /* 默认都隐藏 */ } .btm-nav-loading-tip.show-with-bar .btm-nav-loading-tip-with-bar { display: block; /* 有关闭栏时显示 */ } .btm-nav-loading-tip.show-no-bar .btm-nav-loading-tip-no-bar { display: block; /* 无关闭栏时显示 */ } @keyframes btm-nav-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .btm-nav-iframe-content { width: 100%; border: none; /* height由JavaScript动态设置 */ } /* 移动端响应式设计 */ @media (max-width: 760px) { .btm-nav-menu { left: 0 !important; right: 0 !important; transform: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; border-top-left-radius: 12px; border-top-right-radius: 12px; will-change: transform; backface-visibility: hidden; } .btm-nav-iframe { left: 0 !important; transform: none !important; width: 100% !important; max-width: none !important; } .btm-nav-container { padding: 0 8px !important; } .btm-nav-item { padding: 6px 1px; } .btm-nav-icon { width: 26px; height: 26px; font-size: 24px; margin-bottom: 3px; } .btm-nav-text { font-size: 10px; } } /* iPhone X/11/12等带有Home指示器的设备适配 */ @supports (padding: max(0px)) { /* 为安全区域创建独立的背景层，不影响菜单栏 */ body::before { content: ''; position: fixed; bottom: 0; left: 0; right: 0; height: env(safe-area-inset-bottom, 0); /* 安全区域背景保持完整高度 */ background: #ffffff; /* 白色背景 */ z-index: 10000; /* 提高层级，确保在最上层 */ pointer-events: none; /* 避免影响交互 */ } /* 简化iframe高度计算 */ .btm-nav-iframe.btm-nav-fullscreen { height: 100vh !important; /* 全屏时占满整个视口 */ } .btm-nav-iframe.btm-nav-with-menu { height: calc(100vh - var(--btm-nav-menu-height, 60px)) !important; /* 有菜单时减去菜单栏高度 */ } } ↑