/* --- 防截断CSS规则 --- */ #sub1, #sub2, #sub3, #sub4, #sub5, #sub6, #sub7, #sub8, #sub9, #sub10, #sub11, #sub12, #sub13, #sub14, #sub15, #sub16, #sub17, #sub18, #sub19, #sub20, #sub21, #sub22, #sub23, #sub24, #sub25, #sub26, #sub27, #sub28, #sub29, #sub30, #sub31, #sub32, #sub33, #sub34, #sub35, #sub36, #sub37, #sub38, #sub39, #sub40, #sub41, #sub42, #sub43, #sub44, #sub45, #sub46, #sub47, #sub48, #sub49, #sub50, #sub51, #sub52, #sub53, #sub54, #sub55, #sub56, #sub57, #sub58, #sub59, #sub60, #sub61, #sub62, #sub63, #sub64, #sub65, #sub66, #sub67 { display: inline-block; visibility: hidden; white-space: nowrap; } /* 性器官（直接与俗称） */ #sub1::after { content: "阴茎"; visibility: visible; display: inline-block; white-space: nowrap; } #sub2::after { content: "肉棒"; visibility: visible; display: inline-block; white-space: nowrap; } #sub3::after { content: "鸡巴"; visibility: visible; display: inline-block; white-space: nowrap; } #sub4::after { content: "阳具"; visibility: visible; display: inline-block; white-space: nowrap; } #sub5::after { content: "龟头"; visibility: visible; display: inline-block; white-space: nowrap; } #sub6::after { content: "冠状沟"; visibility: visible; display: inline-block; white-space: nowrap; } #sub7::after { content: "阴囊"; visibility: visible; display: inline-block; white-space: nowrap; } #sub8::after { content: "睾丸"; visibility: visible; display: inline-block; white-space: nowrap; } #sub9::after { content: "阴道"; visibility: visible; display: inline-block; white-space: nowrap; } #sub10::after { content: "小穴"; visibility: visible; display: inline-block; white-space: nowrap; } #sub11::after { content: "蜜穴"; visibility: visible; display: inline-block; white-space: nowrap; } #sub12::after { content: "肉穴"; visibility: visible; display: inline-block; white-space: nowrap; } #sub13::after { content: "阴唇"; visibility: visible; display: inline-block; white-space: nowrap; } #sub14::after { content: "阴蒂"; visibility: visible; display: inline-block; white-space: nowrap; } #sub15::after { content: "子宫"; visibility: visible; display: inline-block; white-space: nowrap; } #sub16::after { content: "花蕊"; visibility: visible; display: inline-block; white-space: nowrap; } #sub17::after { content: "后庭"; visibility: visible; display: inline-block; white-space: nowrap; } #sub18::after { content: "肛门"; visibility: visible; display: inline-block; white-space: nowrap; } #sub19::after { content: "菊蕾"; visibility: visible; display: inline-block; white-space: nowrap; } #sub20::after { content: "肠壁"; visibility: visible; display: inline-block; white-space: nowrap; } /* 性生活与动作 */ #sub21::after { content: "做爱"; visibility: visible; display: inline-block; white-space: nowrap; } #sub22::after { content: "性交"; visibility: visible; display: inline-block; white-space: nowrap; } #sub23::after { content: "交合"; visibility: visible; display: inline-block; white-space: nowrap; } #sub24::after { content: "交媾"; visibility: visible; display: inline-block; white-space: nowrap; } #sub25::after { content: "插入"; visibility: visible; display: inline-block; white-space: nowrap; } #sub26::after { content: "抽插"; visibility: visible; display: inline-block; white-space: nowrap; } #sub27::after { content: "操"; visibility: visible; display: inline-block; white-space: nowrap; } #sub28::after { content: "干"; visibility: visible; display: inline-block; white-space: nowrap; } #sub29::after { content: "抽送"; visibility: visible; display: inline-block; white-space: nowrap; } #sub30::after { content: "顶弄"; visibility: visible; display: inline-block; white-space: nowrap; } #sub31::after { content: "研磨"; visibility: visible; display: inline-block; white-space: nowrap; } #sub32::after { content: "进出"; visibility: visible; display: inline-block; white-space: nowrap; } #sub33::after { content: "贯穿"; visibility: visible; display: inline-block; white-space: nowrap; } #sub34::after { content: "撞击"; visibility: visible; display: inline-block; white-space: nowrap; } #sub35::after { content: "侵犯"; visibility: visible; display: inline-block; white-space: nowrap; } #sub36::after { content: "进入"; visibility: visible; display: inline-block; white-space: nowrap; } #sub37::after { content: "口交"; visibility: visible; display: inline-block; white-space: nowrap; } #sub38::after { content: "舔舐"; visibility: visible; display: inline-block; white-space: nowrap; } #sub39::after { content: "深喉"; visibility: visible; display: inline-block; white-space: nowrap; } #sub40::after { content: "肛交"; visibility: visible; display: inline-block; white-space: nowrap; } #sub41::after { content: "指交"; visibility: visible; display: inline-block; white-space: nowrap; } #sub42::after { content: "爱抚"; visibility: visible; display: inline-block; white-space: nowrap; } #sub43::after { content: "揉捏"; visibility: visible; display: inline-block; white-space: nowrap; } #sub44::after { content: "自慰"; visibility: visible; display: inline-block; white-space: nowrap; } #sub45::after { content: "手淫"; visibility: visible; display: inline-block; white-space: nowrap; } #sub46::after { content: "高潮"; visibility: visible; display: inline-block; white-space: nowrap; } #sub47::after { content: "潮吹"; visibility: visible; display: inline-block; white-space: nowrap; } #sub48::after { content: "射精"; visibility: visible; display: inline-block; white-space: nowrap; } #sub49::after { content: "中出"; visibility: visible; display: inline-block; white-space: nowrap; } #sub50::after { content: "内射"; visibility: visible; display: inline-block; white-space: nowrap; } #sub51::after { content: "颜射"; visibility: visible; display: inline-block; white-space: nowrap; } /* 体液与生理反应 */ #sub52::after { content: "淫水"; visibility: visible; display: inline-block; white-space: nowrap; } #sub53::after { content: "爱液"; visibility: visible; display: inline-block; white-space: nowrap; } #sub54::after { content: "蜜汁"; visibility: visible; display: inline-block; white-space: nowrap; } #sub55::after { content: "精液"; visibility: visible; display: inline-block; white-space: nowrap; } #sub56::after { content: "白浊"; visibility: visible; display: inline-block; white-space: nowrap; } #sub57::after { content: "润滑"; visibility: visible; display: inline-block; white-space: nowrap; } #sub58::after { content: "湿滑"; visibility: visible; display: inline-block; white-space: nowrap; } #sub59::after { content: "红肿"; visibility: visible; display: inline-block; white-space: nowrap; } #sub60::after { content: "充血"; visibility: visible; display: inline-block; white-space: nowrap; } #sub61::after { content: "硬挺"; visibility: visible; display: inline-block; white-space: nowrap; } #sub62::after { content: "勃起"; visibility: visible; display: inline-block; white-space: nowrap; } #sub63::after { content: "肿胀"; visibility: visible; display: inline-block; white-space: nowrap; } #sub64::after { content: "紧致"; visibility: visible; display: inline-block; white-space: nowrap; } #sub65::after { content: "痉挛"; visibility: visible; display: inline-block; white-space: nowrap; } #sub66::after { content: "收缩"; visibility: visible; display: inline-block; white-space: nowrap; } /* 强制与侵犯行为 */ #sub67::after { content: "强奸"; visibility: visible; display: inline-block; white-space: nowrap; } /* ===== 1. 隐藏聊天框顶部原本的彩色装饰条 ===== */ [class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; } /* ===== 2. 统一聊天框：粉蓝渐变圆润边框 + 多层纸张效果 ===== */ .bg-gray-100\/90.relative.inline-block { border: 3px solid transparent !important; border-radius: 24px !important; background: linear-gradient(rgba(255,255,255,0.97), rgba(255,255,255,0.97)) padding-box, linear-gradient(135deg, #99d8ff 0%, #ffb8d8 45%, #ffb8d8 55%, #99d8ff 100%) border-box !important; box-shadow: 0 1px 2px rgba(0,0,0,0.03), 0 3px 6px rgba(153,216,255,0.12), 0 6px 12px rgba(255,184,216,0.18), 0 12px 24px rgba(153,216,255,0.22), 0 20px 40px rgba(255,184,216,0.20), inset 0 0 0 1px rgba(255,255,255,0.7), inset 0 0 24px rgba(255,255,255,0.35) !important; padding: 14px 16px !important; } /* ===== 3. 正文内容：极淡粉蓝薄纱渐变 ===== */ .markdown-body { background: linear-gradient( 165deg, rgba(153,216,255,0.16) 0%, rgba(255,184,216,0.12) 50%, rgba(153,216,255,0.08) 100% ) !important; color: #334155 !important; border-radius: 16px !important; padding: 14px 16px !important; box-shadow: 0 2px 6px rgba(153,216,255,0.08), 0 8px 20px rgba(255,184,216,0.10) !important; font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif !important; line-height: 1.7 !important; } /* 正文里的强调、链接、代码块：保证浅色底下的可读性 */ .markdown-body strong, .markdown-body b { font-weight: bold !important; color: #0a3a5e !important; } .markdown-body a { color: #1a7fc4 !important; } .markdown-body pre, .markdown-body code { background: rgba(255,255,255,0.65) !important; color: #3b4b5e !important; border-radius: 8px !important; } /* ===== 4. 底部附加元素：与粉蓝主题呼应 ===== */ .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary { color: #5ba8d9 !important; border-radius: 8px !important; transition: all 0.2s ease !important; } .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover { color: #ff7ab0 !important; background: rgba(255,184,216,0.18) !important; } .MuiTypography-root.MuiTypography-body2.css-6c0gf2 { color: #6b8ea3 !important; } .text-orange-500 { color: #e89ac2 !important; } /* ===== 5. 自定义加载动画：Q版小人从左跑到右，脚下延伸粉蓝渐变足迹 ===== */ /* 隐藏默认的三个跳动的点 */ .style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text { display: none !important; } /* 加载动画容器：给小人跑动留出空间 */ .flex.items-center.justify-center.w-6.h-5 { position: relative !important; width: 260px !important; height: 60px !important; display: block !important; margin: 0 auto !important; background: transparent !important; overflow: visible !important; pointer-events: none !important; } /* ::before —— 跑动小人与脚下的粉蓝渐变足迹（内嵌 SVG，SMIL 动画） */ .flex.items-center.justify-center.w-6.h-5::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 60'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%2399d8ff'/%3E%3Cstop offset='0.5' stop-color='%23ffb8d8'/%3E%3Cstop offset='1' stop-color='%2399d8ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='2' y='52' width='0' height='4' rx='2' fill='url(%23g)' opacity='0.85'%3E%3Canimate attributeName='width' values='0;222' dur='2.4s' repeatCount='indefinite'/%3E%3C/rect%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='translate' values='8,0;208,0' dur='2.4s' repeatCount='indefinite'/%3E%3Cellipse cx='24' cy='50' rx='15' ry='3' fill='%2399d8ff' opacity='0.35'/%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 24 39;-32 24 39;0 24 39' dur='0.55s' repeatCount='indefinite'/%3E%3Crect x='20' y='38' width='8' height='13' rx='4' fill='%2399d8ff'/%3E%3C/g%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 24 39;32 24 39;0 24 39' dur='0.55s' repeatCount='indefinite'/%3E%3Crect x='20' y='38' width='8' height='13' rx='4' fill='%23ffb8d8'/%3E%3C/g%3E%3Crect x='16' y='27' width='16' height='16' rx='8' fill='%23ffe3f1'/%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 20 31;28 20 31;0 20 31' dur='0.55s' repeatCount='indefinite'/%3E%3Crect x='13' y='28' width='5' height='12' rx='2.5' fill='%2399d8ff'/%3E%3C/g%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 28 31;-28 28 31;0 28 31' dur='0.55s' repeatCount='indefinite'/%3E%3Crect x='30' y='28' width='5' height='12' rx='2.5' fill='%23ffb8d8'/%3E%3C/g%3E%3Ccircle cx='24' cy='16' r='12' fill='white' stroke='%2399d8ff' stroke-width='2'/%3E%3Cpath d='M12,16a12,12 0 0,1 24,0h-24z' fill='%2399d8ff'/%3E%3Ccircle cx='20' cy='17' r='1.6' fill='%233b4b5e'/%3E%3Ccircle cx='28' cy='17' r='1.6' fill='%233b4b5e'/%3E%3Cellipse cx='17' cy='20' rx='2.4' ry='1.5' fill='%23ffb8d8'/%3E%3Cellipse cx='31' cy='20' rx='2.4' ry='1.5' fill='%23ffb8d8'/%3E%3Cpath d='M21.5 21.5c1.5 1.2 4 1.2 5.5 0' fill='none' stroke='%23ff7ab0' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M24 4c3-3 5-2 6-1' fill='none' stroke='%23ffb8d8' stroke-width='2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; } /* ::after —— 小人身后飘出的粉蓝小星星（SMIL 动画） */ .flex.items-center.justify-center.w-6.h-5::after { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 60'%3E%3Ccircle cx='32' cy='42' r='3' fill='%2399d8ff' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0.9;0' keyTimes='0;0.3;1' dur='1.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='32;8' dur='1.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='42;10' dur='1.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='32' cy='42' r='2.4' fill='%23ffb8d8' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0.8;0' keyTimes='0;0.3;1' dur='1.8s' begin='0.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='32;4' dur='1.8s' begin='0.6s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='42;20' dur='1.8s' begin='0.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='32' cy='42' r='2' fill='%23a5e0ff' opacity='0'%3E%3Canimate attributeName='opacity' values='0;0.7;0' keyTimes='0;0.3;1' dur='1.8s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='32;12' dur='1.8s' begin='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='42;8' dur='1.8s' begin='1.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; pointer-events: none !important; } /* ===== 6. 移动端适配 ===== */ @media (max-width: 480px) { .flex.items-center.justify-center.w-6.h-5 { width: 190px !important; height: 48px !important; } } /* ===== 7. 降低动效偏好：保留静态小人，减少运动幅度 ===== */ @media (prefers-reduced-motion: reduce) { .flex.items-center.justify-center.w-6.h-5 { width: 160px !important; height: 48px !important; } .flex.items-center.justify-center.w-6.h-5::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 48'%3E%3Crect x='4' y='42' width='152' height='3' rx='1.5' fill='%2399d8ff' opacity='0.6'/%3E%3Cg transform='translate(64,0)'%3E%3Cellipse cx='24' cy='40' rx='12' ry='2' fill='%2399d8ff' opacity='0.3'/%3E%3Crect x='20' y='30' width='8' height='12' rx='4' fill='%2399d8ff'/%3E%3Crect x='13' y='22' width='5' height='11' rx='2.5' fill='%2399d8ff'/%3E%3Crect x='30' y='22' width='5' height='11' rx='2.5' fill='%23ffb8d8'/%3E%3Crect x='16' y='22' width='16' height='13' rx='7' fill='%23ffe3f1'/%3E%3Ccircle cx='24' cy='13' r='11' fill='white' stroke='%2399d8ff' stroke-width='2'/%3E%3Cpath d='M13,13a11,11 0 0,1 22,0h-22z' fill='%2399d8ff'/%3E%3Ccircle cx='20' cy='14' r='1.5' fill='%233b4b5e'/%3E%3Ccircle cx='28' cy='14' r='1.5' fill='%233b4b5e'/%3E%3Cellipse cx='17' cy='17' rx='2.2' ry='1.4' fill='%23ffb8d8'/%3E%3Cellipse cx='31' cy='17' rx='2.2' ry='1.4' fill='%23ffb8d8'/%3E%3Cpath d='M21.5 18.5c1.5 1.2 4 1.2 5.5 0' fill='none' stroke='%23ff7ab0' stroke-width='1.6' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") !important; } .flex.items-center.justify-center.w-6.h-5::after { display: none !important; } } /* ===================================================== 书页折叠状态栏美化 · 浅蓝色（#99d8ff）＝ 用户状态栏 · 浅粉色（#ffb8d8）＝ 角色状态栏 · 收起 → 合上的书页；展开 → 翻开的书页（带中缝折痕） ===================================================== */ /* ---------- 用户状态栏（蓝色书页） ---------- */ /* 场景①：用户消息中的状态栏 */ .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) details, /* 场景②：AI消息中同时出现多个状态栏时的第一个 */ .chat-answer-container details:first-of-type:not(:only-of-type) { position: relative !important; border: 2px solid #99d8ff !important; border-radius: 4px 16px 16px 4px !important; background: linear-gradient(135deg, rgba(153, 216, 255, 0.16) 0%, rgba(153, 216, 255, 0.04) 100%) !important; box-shadow: inset 3px 0 0 rgba(153, 216, 255, 0.20), 0 2px 6px rgba(153, 216, 255, 0.10), 0 8px 24px -6px rgba(153, 216, 255, 0.22) !important; margin: 14px 6px !important; padding: 0 !important; overflow: hidden !important; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* 蓝色书页的摘要（书签） */ .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) details summary, .chat-answer-container details:first-of-type:not(:only-of-type) summary { list-style: none !important; display: block !important; padding: 12px 18px !important; color: #0e5a8a !important; font-weight: 700 !important; font-size: 14px !important; letter-spacing: 1px !important; cursor: pointer !important; user-select: none !important; background: linear-gradient(to right, rgba(153, 216, 255, 0.35) 0%, rgba(153, 216, 255, 0.05) 100%) !important; border-bottom: 1px solid rgba(153, 216, 255, 0.25) !important; } /* 移除默认箭头 */ .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) details summary::-webkit-details-marker, .chat-answer-container details:first-of-type:not(:only-of-type) summary::-webkit-details-marker { display: none !important; } /* 蓝色书页展开后的翻页效果 */ .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) details[open], .chat-answer-container details[open]:first-of-type:not(:only-of-type) { box-shadow: inset 0 0 0 1px rgba(153, 216, 255, 0.10), inset 12px 0 24px -14px rgba(153, 216, 255, 0.35), 0 4px 16px rgba(153, 216, 255, 0.14) !important; } /* 蓝色书页中缝折痕 */ .bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90) details[open]::before, .chat-answer-container details[open]:first-of-type:not(:only-of-type)::before { content: '' !important; position: absolute !important; left: 50% !important; top: 0 !important; bottom: 0 !important; width: 2px !important; background: linear-gradient(to bottom, transparent, rgba(153, 216, 255, 0.28) 30%, rgba(153, 216, 255, 0.28) 70%, transparent) !important; transform: translateX(-50%) !important; z-index: 2 !important; pointer-events: none !important; } /* ---------- 角色状态栏（粉色书页） ---------- */ /* 场景①：AI消息中唯一的状态栏 */ .chat-answer-container details:only-of-type, /* 场景②：AI消息中同时出现多个状态栏时的最后一个 */ .chat-answer-container details:last-of-type:not(:only-of-type) { position: relative !important; border: 2px solid #ffb8d8 !important; border-radius: 4px 16px 16px 4px !important; background: linear-gradient(135deg, rgba(255, 184, 216, 0.16) 0%, rgba(255, 184, 216, 0.04) 100%) !important; box-shadow: inset 3px 0 0 rgba(255, 184, 216, 0.20), 0 2px 6px rgba(255, 184, 216, 0.10), 0 8px 24px -6px rgba(255, 184, 216, 0.22) !important; margin: 14px 6px !important; padding: 0 !important; overflow: hidden !important; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* 粉色书页的摘要（书签） */ .chat-answer-container details:only-of-type summary, .chat-answer-container details:last-of-type:not(:only-of-type) summary { list-style: none !important; display: block !important; padding: 12px 18px !important; color: #8a1a4a !important; font-weight: 700 !important; font-size: 14px !important; letter-spacing: 1px !important; cursor: pointer !important; user-select: none !important; background: linear-gradient(to right, rgba(255, 184, 216, 0.35) 0%, rgba(255, 184, 216, 0.05) 100%) !important; border-bottom: 1px solid rgba(255, 184, 216, 0.25) !important; } /* 移除默认箭头 */ .chat-answer-container details:only-of-type summary::-webkit-details-marker, .chat-answer-container details:last-of-type:not(:only-of-type) summary::-webkit-details-marker { display: none !important; } /* 粉色书页展开后的翻页效果 */ .chat-answer-container details[open]:only-of-type, .chat-answer-container details[open]:last-of-type:not(:only-of-type) { box-shadow: inset 0 0 0 1px rgba(255, 184, 216, 0.10), inset 12px 0 24px -14px rgba(255, 184, 216, 0.35), 0 4px 16px rgba(255, 184, 216, 0.14) !important; } /* 粉色书页中缝折痕 */ .chat-answer-container details[open]:only-of-type::before, .chat-answer-container details[open]:last-of-type:not(:only-of-type)::before { content: '' !important; position: absolute !important; left: 50% !important; top: 0 !important; bottom: 0 !important; width: 2px !important; background: linear-gradient(to bottom, transparent, rgba(255, 184, 216, 0.28) 30%, rgba(255, 184, 216, 0.28) 70%, transparent) !important; transform: translateX(-50%) !important; z-index: 2 !important; pointer-events: none !important; } /* ---------- 状态栏内部文字可读性保障 ---------- */ details p, details li, details div, details span, details blockquote { color: #444444 !important; } /* ---------- 移动端适配 ---------- */ @media (max-width: 480px) { details, .chat-answer-container details { margin: 10px 2px !important; border-radius: 3px 12px 12px 3px !important; } details summary, .chat-answer-container details summary { padding: 10px 14px !important; font-size: 13px !important; } } /* ---------- 降低动态效果（无障碍） ---------- */ @media (prefers-reduced-motion: reduce) { details, .chat-answer-container details { transition: none !important; } }