/* ========================================== 🦊 七夕狐妖男娘 · 擦枪走火主题 特点: 绯红狐火、七夕星河、暧昧金边、妖冶撩人 ========================================== */ /* 1. 移除默认顶部装饰条 */ [class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; } /* 2. 统一聊天框 — 深夜绯红渐变 */ .bg-gray-100\/90.relative.inline-block { background: linear-gradient( 135deg, #1A0A0F 0%, #2D0F1A 15%, #3D1525 30%, #2A0D18 45%, #1F0A12 60%, #2D1020 80%, #1A0A0F 100% ) !important; border: 1.5px solid rgba(220, 80, 80, 0.45) !important; box-shadow: 0 0 0 1px rgba(255, 120, 60, 0.15), 0 0 18px rgba(200, 50, 50, 0.25), 0 4px 32px rgba(180, 40, 40, 0.2), 0 8px 48px rgba(120, 20, 20, 0.15), inset 0 1px 0 rgba(255, 180, 100, 0.12), inset 0 -1px 0 rgba(200, 60, 60, 0.1) !important; border-radius: 20px !important; isolation: isolate !important; position: relative !important; overflow: hidden !important; padding: 20px !important; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } .bg-gray-100\/90.relative.inline-block:hover { border-color: rgba(255, 100, 80, 0.65) !important; box-shadow: 0 0 0 2px rgba(255, 120, 60, 0.25), 0 0 28px rgba(220, 60, 60, 0.4), 0 6px 40px rgba(180, 40, 40, 0.3), 0 12px 60px rgba(120, 20, 20, 0.2), inset 0 1px 0 rgba(255, 200, 120, 0.18), inset 0 -1px 0 rgba(220, 80, 60, 0.15) !important; transform: translateY(-2px) scale(1.004) !important; } /* 3. 背景装饰 — 七夕星河与狐火 (SVG SMIL) */ .bg-gray-100\/90.relative.inline-block::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 0 !important; pointer-events: none !important; opacity: 0.55 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3C!-- 星河背景星点 --%3E%3Ccircle cx='45' cy='30' r='1.2' fill='%23FFD4A0' opacity='0.9'%3E%3Canimate attributeName='opacity' values='0.9;0.3;0.9' dur='2.1s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='120' cy='55' r='0.8' fill='%23FFBCBC' opacity='0.8'%3E%3Canimate attributeName='opacity' values='0.8;0.2;0.8' dur='1.7s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='200' cy='25' r='1.4' fill='%23FFD4A0' opacity='0.85'%3E%3Canimate attributeName='opacity' values='0.85;0.25;0.85' dur='2.4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='310' cy='40' r='1' fill='%23FFC8C8' opacity='0.75'%3E%3Canimate attributeName='opacity' values='0.75;0.2;0.75' dur='1.9s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='420' cy='20' r='1.3' fill='%23FFD4A0' opacity='0.9'%3E%3Canimate attributeName='opacity' values='0.9;0.3;0.9' dur='2.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='510' cy='50' r='0.9' fill='%23FFBCBC' opacity='0.8'%3E%3Canimate attributeName='opacity' values='0.8;0.25;0.8' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='570' cy='30' r='1.1' fill='%23FFD4A0' opacity='0.85'%3E%3Canimate attributeName='opacity' values='0.85;0.3;0.85' dur='1.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='80' cy='120' r='0.7' fill='%23FFC8C8' opacity='0.7'%3E%3Canimate attributeName='opacity' values='0.7;0.15;0.7' dur='2.3s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='160' cy='100' r='1.2' fill='%23FFD4A0' opacity='0.8'%3E%3Canimate attributeName='opacity' values='0.8;0.2;0.8' dur='2.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='260' cy='90' r='0.9' fill='%23FFBCBC' opacity='0.75'%3E%3Canimate attributeName='opacity' values='0.75;0.2;0.75' dur='2.1s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='370' cy='110' r='1.1' fill='%23FFD4A0' opacity='0.85'%3E%3Canimate attributeName='opacity' values='0.85;0.25;0.85' dur='1.6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='470' cy='85' r='0.8' fill='%23FFC8C8' opacity='0.7'%3E%3Canimate attributeName='opacity' values='0.7;0.15;0.7' dur='2.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='545' cy='105' r='1.3' fill='%23FFD4A0' opacity='0.9'%3E%3Canimate attributeName='opacity' values='0.9;0.3;0.9' dur='2.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3C!-- 牛郎织女连线 --%3E%3Cline x1='150' y1='200' x2='450' y2='200' stroke='%23FFD4A0' stroke-width='0.4' opacity='0.18' stroke-dasharray='3 6'%3E%3Canimate attributeName='opacity' values='0.18;0.08;0.18' dur='4s' repeatCount='indefinite'/%3E%3C/line%3E%3C!-- 狐火球 --%3E%3Ccircle cx='100' cy='280' r='8' fill='none' stroke='%23FF6040' stroke-width='1.2' opacity='0.22'%3E%3Canimate attributeName='r' values='6;12;6' dur='3s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.22;0.06;0.22' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='100' cy='280' r='4' fill='%23FF8060' opacity='0.35'%3E%3Canimate attributeName='r' values='3;6;3' dur='3s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.35;0.12;0.35' dur='3s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;8,-15;0,0' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='480' cy='300' r='7' fill='none' stroke='%23FF7050' stroke-width='1' opacity='0.2'%3E%3Canimate attributeName='r' values='5;11;5' dur='3.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.2;0.05;0.2' dur='3.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='480' cy='300' r='3.5' fill='%23FF9070' opacity='0.3'%3E%3Canimate attributeName='r' values='2.5;5.5;2.5' dur='3.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.3;0.1;0.3' dur='3.5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;-6,-12;0,0' dur='3.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='300' cy='350' r='6' fill='none' stroke='%23FF5030' stroke-width='1' opacity='0.18'%3E%3Canimate attributeName='r' values='4;10;4' dur='2.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.18;0.05;0.18' dur='2.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='300' cy='350' r='3' fill='%23FF7050' opacity='0.28'%3E%3Canimate attributeName='r' values='2;5;2' dur='2.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.28;0.08;0.28' dur='2.8s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;5,-10;0,0' dur='2.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3C!-- 心形 --%3E%3Cpath d='M 200,240 C 200,232 192,230 190,238 C 188,230 180,232 180,240 C 180,248 190,256 190,256 C 190,256 200,248 200,240 Z' fill='%23FF6080' opacity='0.28'%3E%3Canimate attributeName='opacity' values='0.28;0.55;0.28' dur='2.5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-8;0,0' dur='4s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 400,260 C 400,252 392,250 390,258 C 388,250 380,252 380,260 C 380,268 390,276 390,276 C 390,276 400,268 400,260 Z' fill='%23FF8060' opacity='0.24'%3E%3Canimate attributeName='opacity' values='0.24;0.5;0.24' dur='3s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='translate' values='0,0;0,-10;0,0' dur='4.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") !important; background-size: cover !important; background-repeat: no-repeat !important; } /* 4. 背景装饰 — 狐尾轮廓与流光 (SVG SMIL) */ .bg-gray-100\/90.relative.inline-block::after { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 0 !important; pointer-events: none !important; opacity: 0.28 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3C!-- 狐尾曲线 --%3E%3Cpath d='M 50,380 Q 120,300 80,220 Q 40,140 130,100 Q 180,80 160,150 Q 140,200 180,240 Q 220,280 200,340' fill='none' stroke='%23C84040' stroke-width='1.5' opacity='0.35' stroke-linecap='round'%3E%3Canimate attributeName='opacity' values='0.35;0.12;0.35' dur='5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M 550,380 Q 480,300 520,220 Q 560,140 470,100 Q 420,80 440,150 Q 460,200 420,240 Q 380,280 400,340' fill='none' stroke='%23C84040' stroke-width='1.5' opacity='0.3' stroke-linecap='round'%3E%3Canimate attributeName='opacity' values='0.3;0.1;0.3' dur='5.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C!-- 流光粒子 --%3E%3Ccircle cx='0' cy='0' r='2.5' fill='%23FFB060' opacity='0'%3E%3CanimateMotion path='M 50,380 Q 120,300 80,220 Q 40,140 130,100' dur='4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.7;0.7;0' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='0' cy='0' r='2' fill='%23FF8060' opacity='0'%3E%3CanimateMotion path='M 550,380 Q 480,300 520,220 Q 560,140 470,100' dur='4.5s' repeatCount='indefinite' begin='1.5s'/%3E%3Canimate attributeName='opacity' values='0;0.65;0.65;0' dur='4.5s' repeatCount='indefinite' begin='1.5s'/%3E%3C/circle%3E%3C!-- 金色菱形装饰 --%3E%3Cpolygon points='300,15 308,25 300,35 292,25' fill='none' stroke='%23FFB060' stroke-width='1' opacity='0.4'%3E%3Canimate attributeName='opacity' values='0.4;0.15;0.4' dur='3s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 300 25;45 300 25;0 300 25' dur='6s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='300,370 306,378 300,386 294,378' fill='none' stroke='%23FFB060' stroke-width='1' opacity='0.35'%3E%3Canimate attributeName='opacity' values='0.35;0.12;0.35' dur='3.5s' repeatCount='indefinite'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 300 378;45 300 378;0 300 378' dur='7s' repeatCount='indefinite'/%3E%3C/polygon%3E%3C!-- 暧昧光晕 --%3E%3Cellipse cx='300' cy='200' rx='180' ry='100' fill='none' stroke='%23C84040' stroke-width='0.8' opacity='0.08'%3E%3Canimate attributeName='rx' values='180;200;180' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.08;0.03;0.08' dur='6s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E") !important; background-size: cover !important; background-repeat: no-repeat !important; } /* 5. 主文本内容 */ .markdown-body { color: #F5D5C0 !important; font-family: system-ui, -apple-system, "Segoe UI", "Noto Sans SC", "PingFang SC", sans-serif !important; background: transparent !important; position: relative !important; z-index: 1 !important; line-height: 1.85 !important; letter-spacing: 0.02em !important; font-weight: 500 !important; } .markdown-body strong { color: #FFB060 !important; font-weight: 700 !important; background: rgba(200, 80, 40, 0.2) !important; padding: 1px 5px !important; border-radius: 4px !important; } .markdown-body::before { content: "🦊 " !important; } .markdown-body code { background: rgba(200, 60, 40, 0.22) !important; color: #FFB880 !important; border-radius: 6px !important; padding: 3px 7px !important; border: 1px solid rgba(220, 80, 60, 0.35) !important; font-size: 0.92em !important; font-weight: 600 !important; } .markdown-body pre { background: rgba(10, 3, 5, 0.85) !important; border: 1.5px solid rgba(200, 60, 40, 0.35) !important; border-radius: 14px !important; box-shadow: 0 4px 20px rgba(180, 40, 20, 0.2) !important; overflow: hidden !important; margin: 1.5em 0 !important; position: relative !important; z-index: 1 !important; } .markdown-body pre > div > div.flex.justify-between.h-8, .markdown-body pre > div > div.border-b { background: linear-gradient(135deg, rgba(60,15,20,0.95), rgba(40,10,15,0.95)) !important; border-bottom: 1px solid rgba(200, 60, 40, 0.3) !important; padding: 0 18px !important; height: 42px !important; } .markdown-body pre > div > div.flex.justify-between > div:first-child { color: #FF9060 !important; font-weight: 700 !important; font-family: 'Consolas', 'Monaco', monospace !important; text-transform: uppercase !important; font-size: 13px !important; letter-spacing: 1.2px !important; } .markdown-body pre div[data-tooltip-id^="copy-tooltip"], .markdown-body pre .copy-btn-legacy { background: rgba(200, 60, 40, 0.18) !important; border: 1px solid rgba(220, 80, 60, 0.4) !important; color: #FF9060 !important; border-radius: 8px !important; transition: all 0.3s ease !important; } .markdown-body pre div[data-tooltip-id^="copy-tooltip"]:hover, .markdown-body pre .copy-btn-legacy:hover { background: rgba(200, 60, 40, 0.32) !important; box-shadow: 0 0 10px rgba(220, 80, 60, 0.4) !important; } .markdown-body pre > div > div[node] { background: rgba(8, 2, 4, 0.9) !important; color: #F0C8A0 !important; padding: 22px !important; font-family: 'Fira Code', 'JetBrains Mono', 'Consolas', monospace !important; font-size: 14.5px !important; line-height: 1.75 !important; overflow-x: auto !important; } .markdown-body pre > div > div[node]::-webkit-scrollbar { height: 8px !important; } .markdown-body pre > div > div[node]::-webkit-scrollbar-track { background: rgba(40,10,15,0.8) !important; border-radius: 4px !important; } .markdown-body pre > div > div[node]::-webkit-scrollbar-thumb { background: rgba(200,60,40,0.5) !important; border-radius: 4px !important; } .markdown-body pre > div > div[node]::-webkit-scrollbar-thumb:hover { background: rgba(220,80,60,0.7) !important; } .markdown-body blockquote { border-left: 4px solid #C84040 !important; background: linear-gradient(90deg, rgba(200,60,40,0.15) 0%, transparent 100%) !important; padding: 14px 18px !important; margin: 18px 0 !important; border-radius: 0 12px 12px 0 !important; color: #F0C8A0 !important; font-style: italic !important; position: relative !important; z-index: 1 !important; } .markdown-body a { color: #FFB060 !important; text-decoration: none !important; border-bottom: 1.5px solid rgba(255,176,96,0.4) !important; transition: all 0.3s ease !important; font-weight: 600 !important; } .markdown-body a:hover { color: #FFCF90 !important; border-bottom-color: #FFCF90 !important; filter: drop-shadow(0 0 5px rgba(255,176,96,0.5)) !important; } .markdown-body hr { height: 1.5px !important; background: linear-gradient(90deg, transparent, rgba(200,64,40,0.6), rgba(255,176,96,0.5), rgba(200,64,40,0.6), transparent) !important; border: none !important; margin: 28px 0 !important; box-shadow: 0 0 8px rgba(200,64,40,0.3) !important; } .markdown-body table { display: block !important; max-width: 100% !important; overflow-x: auto !important; border-collapse: collapse !important; width: 100% !important; margin: 18px 0 !important; border-radius: 10px !important; box-shadow: 0 4px 16px rgba(180,40,20,0.2) !important; position: relative !important; z-index: 1 !important; } .markdown-body th { background: linear-gradient(135deg, rgba(60,15,20,0.95), rgba(40,10,15,0.95)) !important; color: #FFB060 !important; font-weight: 700 !important; padding: 14px !important; border: 1px solid rgba(200,60,40,0.3) !important; } .markdown-body td { background: rgba(20,5,8,0.75) !important; padding: 14px !important; border: 1px solid rgba(200,60,40,0.18) !important; color: #F5D5C0 !important; transition: background 0.3s ease !important; } .markdown-body tr:hover td { background: rgba(200,60,40,0.15) !important; } .markdown-body li::marker { color: #C84040 !important; } .markdown-body details { background: rgba(20,5,8,0.7) !important; border: 1.5px solid rgba(200,60,40,0.3) !important; border-radius: 12px !important; padding: 14px 18px !important; margin: 14px 0 !important; box-shadow: 0 4px 12px rgba(180,40,20,0.15) !important; transition: all 0.3s ease !important; position: relative !important; z-index: 1 !important; } .markdown-body details:hover { border-color: rgba(220,80,60,0.5) !important; } .markdown-body summary { cursor: pointer !important; color: #FFB060 !important; font-weight: 700 !important; list-style: none !important; display: flex !important; align-items: center !important; outline: none !important; } .markdown-body summary::-webkit-details-marker { display: none !important; } .markdown-body summary::before { content: "🦊" !important; font-size: 13px !important; margin-right: 10px !important; transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; } .markdown-body details[open] summary::before { transform: rotate(20deg) scale(1.2) !important; } .markdown-body details[open] summary { margin-bottom: 14px !important; border-bottom: 1px dashed rgba(200,60,40,0.3) !important; padding-bottom: 10px !important; } /* 6. 底部附加元素 */ .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary, button { color: #C87060 !important; border-radius: 8px !important; transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important; position: relative !important; z-index: 1 !important; font-weight: 600 !important; } .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover, button:hover { color: #FFB060 !important; background: rgba(200,60,40,0.18) !important; filter: drop-shadow(0 0 5px rgba(200,80,40,0.4)) !important; transform: translateY(-1px) !important; } .MuiTypography-root.MuiTypography-body2.css-6c0gf2 { color: #C87060 !important; font-style: italic !important; position: relative !important; z-index: 1 !important; font-weight: 600 !important; } .text-orange-500 { color: #C87060 !important; position: relative !important; z-index: 1 !important; font-weight: 600 !important; } /* 7. 加载动画 — 狐火三球 (SVG SMIL) 【完整修正版】 */ .style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text { display: none !important; } .flex.items-center.justify-center.w-6.h-5 { position: relative !important; min-height: 52px !important; min-width: 52px !important; } .flex.items-center.justify-center.w-6.h-5::before { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 52px !important; height: 52px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cdefs%3E%3CradialGradient id='fire1' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23FFD080'/%3E%3Cstop offset='100%25' stop-color='%23C84040' stop-opacity='0.6'/%3E%3C/radialGradient%3E%3CradialGradient id='fire2' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23FFB060'/%3E%3Cstop offset='100%25' stop-color='%23C86030' stop-opacity='0.6'/%3E%3C/radialGradient%3E%3CradialGradient id='fire3' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23FF9060'/%3E%3Cstop offset='100%25' stop-color='%23A83020' stop-opacity='0.6'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='20' cy='40' r='7' fill='url(%23fire1)'%3E%3Canimate attributeName='cy' values='40;28;40' dur='1.2s' repeatCount='indefinite' begin='0s'/%3E%3Canimate attributeName='r' values='7;9;7' dur='1.2s' repeatCount='indefinite' begin='0s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='40' r='4' fill='%23FFEECC' opacity='0.7'%3E%3Canimate attributeName='cy' values='40;28;40' dur='1.2s' repeatCount='indefinite' begin='0s'/%3E%3C/circle%3E%3Ccircle cx='40' cy='40' r='7' fill='url(%23fire2)'%3E%3Canimate attributeName='cy' values='40;28;40' dur='1.2s' repeatCount='indefinite' begin='0.2s'/%3E%3Canimate attributeName='r' values='7;9;7' dur='1.2s' repeatCount='indefinite' begin='0.2s'/%3E%3C/circle%3E%3Ccircle cx='40' cy='40' r='4' fill='%23FFEECC' opacity='0.7'%3E%3Canimate attributeName='cy' values='40;28;40' dur='1.2s' repeatCount='indefinite' begin='0.2s'/%3E%3C/circle%3E%3Ccircle cx='60' cy='40' r='7' fill='url(%23fire3)'%3E%3Canimate attributeName='cy' values='40;28;40' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3Canimate attributeName='r' values='7;9;7' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3C/circle%3E%3Ccircle cx='60' cy='40' r='4' fill='%23FFEECC' opacity='0.7'%3E%3Canimate attributeName='cy' values='40;28;40' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3C/circle%3E%3Cellipse cx='20' cy='56' rx='6' ry='2' fill='%23C84040' opacity='0.18'%3E%3Canimate attributeName='rx' values='6;8;6' dur='1.2s' repeatCount='indefinite' begin='0s'/%3E%3Canimate attributeName='opacity' values='0.18;0.06;0.18' dur='1.2s' repeatCount='indefinite' begin='0s'/%3E%3C/ellipse%3E%3Cellipse cx='40' cy='56' rx='6' ry='2' fill='%23C84040' opacity='0.18'%3E%3Canimate attributeName='rx' values='6;8;6' dur='1.2s' repeatCount='indefinite' begin='0.2s'/%3E%3Canimate attributeName='opacity' values='0.18;0.06;0.18' dur='1.2s' repeatCount='indefinite' begin='0.2s'/%3E%3C/ellipse%3E%3Cellipse cx='60' cy='56' rx='6' ry='2' fill='%23C84040' opacity='0.18'%3E%3Canimate attributeName='rx' values='6;8;6' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3Canimate attributeName='opacity' values='0.18;0.06;0.18' dur='1.2s' repeatCount='indefinite' begin='0.4s'/%3E%3C/ellipse%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; z-index: 2 !important; } .flex.items-center.justify-center.w-6.h-5::after { content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 60px !important; height: 60px !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='34' fill='none' stroke='%23C84040' stroke-width='1.2' opacity='0.2' stroke-dasharray='5 9'%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 40 40;360 40 40' dur='7s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.2;0.07;0.2' dur='3.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='40' cy='40' r='28' fill='none' stroke='%23FFB060' stroke-width='0.8' opacity='0.15' stroke-dasharray='3 7'%3E%3CanimateTransform attributeName='transform' type='rotate' values='360 40 40;0 40 40' dur='9s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.15;0.05;0.15' dur='4.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; z-index: 1 !important; } /* 8. 移动端适配 */ @media (max-width: 480px) { .bg-gray-100\/90.relative.inline-block { margin: 10px !important; border-radius: 16px !important; padding: 16px !important; } .markdown-body { font-size: 15px !important; line-height: 1.75 !important; } .markdown-body pre { border-radius: 10px !important; margin: 1em 0 !important; } .markdown-body pre > div > div[node] { padding: 14px !important; font-size: 13px !important; } .flex.items-center.justify-center.w-6.h-5 { min-height: 44px !important; min-width: 44px !important; } .flex.items-center.justify-center.w-6.h-5::before { width: 44px !important; height: 44px !important; } .flex.items-center.justify-center.w-6.h-5::after { width: 52px !important; height: 52px !important; } } /* 9. 低动效偏好适配 */ @media (prefers-reduced-motion: reduce) { .bg-gray-100\/90.relative.inline-block::before, .bg-gray-100\/90.relative.inline-block::after { opacity: 0.18 !important; } .bg-gray-100\/90.relative.inline-block:hover { transform: translateY(-1px) !important; } .MuiButtonBase-root.MuiButton-text.MuiButton-textPrimary:hover, button:hover { transform: none !important; } }