css
div[class*="message"] .top-bar,
.top-bar {
background: linear-gradient(180deg, #3e2723 0%, #2c1810 100%) !important;
color: #d7ccc8 !important;
padding: 14px 20px !important;
border-radius: 8px !important;
border: 2px solid #8d6e63 !important;
border-bottom: 4px solid #5d4037 !important;
margin: 0 0 20px 0 !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1) !important;
position: relative !important;
}
.top-bar::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background: repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(0,0,0,0.05) 2px, rgba(0,0,0,0.05) 4px) !important;
pointer-events: none !important;
border-radius: 6px !important;
}
.top-bar p {
margin: 0 !important;
font-size: 13px !important;
line-height: 1.6 !important;
text-shadow: 1px 1px 3px rgba(0,0,0,0.6) !important;
position: relative !important;
z-index: 1 !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
}
div[class*="message"] text,
text {
display: block !important;
background: #fff !important;
padding: 22px !important;
border-radius: 8px !important;
margin: 0 0 20px 0 !important;
border: 1px solid #d7ccc8 !important;
border-left: 4px solid #a1887f !important;
box-shadow: 0 3px 10px rgba(62,39,35,0.15), inset 0 0 100px rgba(161,136,127,0.02) !important;
position: relative !important;
color: #333 !important;
font-size: 15px !important;
line-height: 1.9 !important;
}
text::after {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background: repeating-linear-gradient(0deg, transparent, transparent 28px, rgba(161,136,127,0.05) 28px, rgba(161,136,127,0.05) 29px) !important;
pointer-events: none !important;
border-radius: 8px !important;
}
text p {
margin: 0 0 14px 0 !important;
text-indent: 2em !important;
position: relative !important;
z-index: 1 !important;
}
text p:last-child {
margin-bottom: 0 !important;
}
div[class*="message"] details,
details {
background: linear-gradient(135deg, #efebe9 0%, #d7ccc8 100%) !important;
border: 2px solid #a1887f !important;
border-radius: 8px !important;
margin-bottom: 14px !important;
overflow: hidden !important;
box-shadow: 0 3px 8px rgba(62,39,35,0.2), inset 0 1px 0 rgba(255,255,255,0.5) !important;
transition: all 0.3s ease !important;
}
details:hover {
border-color: #8d6e63 !important;
box-shadow: 0 4px 14px rgba(62,39,35,0.3), inset 0 1px 0 rgba(255,255,255,0.6) !important;
transform: translateY(-2px) !important;
}
details[open] {
background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%) !important;
border-color: #c9a86a !important;
box-shadow: 0 6px 18px rgba(201,168,106,0.4), inset 0 2px 4px rgba(201,168,106,0.2) !important;
animation: warm-glow 4s ease-in-out infinite !important;
}
div[class*="message"] summary,
summary {
font-weight: bold !important;
font-size: 14px !important;
cursor: pointer !important;
color: #5d4037 !important;
background: linear-gradient(90deg, #d7ccc8 0%, #bcaaa4 100%) !important;
padding: 14px 20px !important;
border-bottom: 1px solid rgba(93,64,55,0.1) !important;
transition: all 0.2s ease !important;
list-style: none !important;
display: flex !important;
align-items: center !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
user-select: none !important;
}
summary::-webkit-details-marker {
display: none !important;
}
summary::before {
content: "📁 " !important;
margin-right: 8px !important;
transition: transform 0.3s ease !important;
display: inline-block !important;
}
details[open] summary::before {
content: "📂 " !important;
}
summary:hover {
background: linear-gradient(90deg, #bcaaa4 0%, #a1887f 100%) !important;
padding-left: 24px !important;
}
details[open] summary {
border-bottom: 2px solid #c9a86a !important;
color: #6d4c41 !important;
background: linear-gradient(90deg, #ffe082 0%, #ffd54f 100%) !important;
box-shadow: 0 2px 4px rgba(201,168,106,0.3) !important;
}
details p {
margin: 10px 18px !important;
padding: 10px 14px !important;
background: rgba(255,255,255,0.8) !important;
border-left: 3px solid #a1887f !important;
border-radius: 4px !important;
color: #4e342e !important;
font-size: 13px !important;
line-height: 1.8 !important;
box-shadow: 0 1px 3px rgba(62,39,35,0.1) !important;
transition: all 0.2s ease !important;
}
details p:hover {
background: rgba(255,248,225,0.95) !important;
border-left-color: #8d6e63 !important;
transform: translateX(4px) !important;
box-shadow: 0 2px 6px rgba(62,39,35,0.15) !important;
}
details p:first-of-type {
margin-top: 14px !important;
}
details p:last-of-type {
margin-bottom: 14px !important;
}
details strong,
details b {
color: #c9a86a !important;
font-weight: bold !important;
text-shadow: 0 1px 2px rgba(201,168,106,0.2) !important;
}
.fund-status {
background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%) !important;
border: 2px solid #5c6bc0 !important;
}
.fund-status:hover {
border-color: #3f51b5 !important;
box-shadow: 0 4px 14px rgba(63,81,181,0.3) !important;
}
.fund-status[open] {
background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%) !important;
border-color: #7986cb !important;
box-shadow: 0 6px 18px rgba(121,134,203,0.4) !important;
animation: fund-glow 3s ease-in-out infinite !important;
}
.fund-status summary {
background: linear-gradient(90deg, #9fa8da 0%, #7986cb 100%) !important;
color: #1a237e !important;
}
.fund-status summary::before {
content: "💰 " !important;
}
.fund-status[open] summary {
background: linear-gradient(90deg, #7986cb 0%, #5c6bc0 100%) !important;
border-bottom: 2px solid #5c6bc0 !important;
}
.fund-status p {
background: rgba(232,234,246,0.9) !important;
border-left: 3px solid #5c6bc0 !important;
color: #1a237e !important;
}
.technician-list {
background: linear-gradient(135deg, #fce4ec 0%, #f8bbd0 100%) !important;
border: 2px solid #ec407a !important;
}
.technician-list:hover {
border-color: #e91e63 !important;
box-shadow: 0 4px 14px rgba(233,30,99,0.3), inset 0 1px 0 rgba(255,255,255,0.6) !important;
}
.technician-list[open] {
background: linear-gradient(135deg, #fff0f5 0%, #ffe0f0 100%) !important;
border-color: #f06292 !important;
box-shadow: 0 6px 20px rgba(240,98,146,0.5), inset 0 2px 6px rgba(240,98,146,0.2) !important;
animation: pink-glow 3s ease-in-out infinite !important;
}
.technician-list summary {
background: linear-gradient(90deg, #f8bbd0 0%, #f48fb1 100%) !important;
color: #880e4f !important;
}
.technician-list summary::before {
content: "💋 " !important;
}
.technician-list[open] summary::before {
content: "💃 " !important;
}
.technician-list summary:hover {
background: linear-gradient(90deg, #f48fb1 0%, #ec407a 100%) !important;
}
.technician-list[open] summary {
background: linear-gradient(90deg, #ff80ab 0%, #ff4081 100%) !important;
color: #fff !important;
text-shadow: 0 2px 4px rgba(136,14,79,0.4) !important;
border-bottom: 2px solid #f06292 !important;
}
.technician-list p {
background: rgba(255,240,245,0.9) !important;
border-left: 3px solid #ec407a !important;
color: #880e4f !important;
}
.technician-list p:hover {
background: rgba(255,228,236,1) !important;
border-left-color: #e91e63 !important;
box-shadow: 0 2px 8px rgba(233,30,99,0.3) !important;
}
.npc-info {
background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%) !important;
border: 2px solid #ff6f00 !important;
box-shadow: 0 3px 8px rgba(255,111,0,0.25), inset 0 1px 0 rgba(255,255,255,0.6) !important;
}
.npc-info:hover {
border-color: #e65100 !important;
box-shadow: 0 4px 14px rgba(230,81,0,0.35), inset 0 1px 0 rgba(255,255,255,0.7) !important;
transform: translateY(-2px) !important;
}
.npc-info[open] {
background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%) !important;
border-color: #ff8f00 !important;
box-shadow: 0 6px 20px rgba(255,143,0,0.5), inset 0 2px 6px rgba(255,111,0,0.2) !important;
animation: npc-glow 3s ease-in-out infinite !important;
}
.npc-info summary {
background: linear-gradient(90deg, #ffcc80 0%, #ffb74d 100%) !important;
color: #e65100 !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
}
.npc-info summary::before {
content: "👤 " !important;
filter: drop-shadow(0 0 6px rgba(255,111,0,0.5)) !important;
}
.npc-info[open] summary::before {
content: "🔍 " !important;
animation: npc-pulse 2s ease-in-out infinite !important;
}
.npc-info summary:hover {
background: linear-gradient(90deg, #ffb74d 0%, #ffa726 100%) !important;
}
.npc-info[open] summary {
background: linear-gradient(90deg, #ffa726 0%, #ff9800 100%) !important;
border-bottom: 2px solid #ff6f00 !important;
box-shadow: 0 3px 8px rgba(255,111,0,0.4) !important;
color: #fff !important;
text-shadow: 0 2px 4px rgba(230,81,0,0.6) !important;
}
.npc-info p {
background: rgba(255,248,225,0.9) !important;
border-left: 3px solid #ff6f00 !important;
color: #e65100 !important;
font-weight: 500 !important;
}
.npc-info p:hover {
background: rgba(255,243,224,1) !important;
border-left-color: #e65100 !important;
box-shadow: 0 2px 8px rgba(230,81,0,0.3) !important;
}
.npc-info strong {
color: #ff6f00 !important;
text-shadow: 0 0 6px rgba(255,111,0,0.4) !important;
}
.risk {
background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1e 100%) !important;
border: 2px solid #ff006e !important;
box-shadow: 0 0 20px rgba(255,0,110,0.4), inset 0 0 30px rgba(0,255,255,0.1) !important;
}
.risk:hover {
border-color: #00ffff !important;
box-shadow: 0 0 30px rgba(0,255,255,0.6), inset 0 0 40px rgba(255,0,110,0.2) !important;
}
.risk[open] {
background: linear-gradient(135deg, #0f0f1e 0%, #000000 100%) !important;
border-color: #ff006e !important;
box-shadow: 0 0 40px rgba(255,0,110,0.8), 0 0 80px rgba(0,255,255,0.4), inset 0 0 50px rgba(255,0,110,0.2) !important;
animation: cyber-pulse 2s ease-in-out infinite !important;
}
.risk summary {
background: linear-gradient(90deg, #ff006e 0%, #8b00ff 50%, #00ffff 100%) !important;
background-size: 200% 100% !important;
color: #fff !important;
text-shadow: 0 0 10px rgba(255,0,110,0.8), 0 0 20px rgba(0,255,255,0.6) !important;
animation: cyber-slide 4s linear infinite !important;
border-bottom: 2px solid rgba(0,255,255,0.5) !important;
}
.risk summary::before {
content: "⚠️ " !important;
filter: drop-shadow(0 0 8px #ff006e) !important;
}
.risk[open] summary::before {
content: "🔴 " !important;
animation: cyber-blink 1s ease-in-out infinite !important;
}
.risk summary:hover {
background-position: 100% 0 !important;
text-shadow: 0 0 15px rgba(255,0,110,1), 0 0 30px rgba(0,255,255,0.8) !important;
}
.risk[open] summary {
background: linear-gradient(90deg, #ff006e 0%, #00ffff 100%) !important;
border-bottom: 2px solid #00ffff !important;
box-shadow: 0 4px 20px rgba(0,255,255,0.6) !important;
}
.risk p {
background: rgba(26,26,46,0.95) !important;
border-left: 3px solid #ff006e !important;
color: #00ffff !important;
text-shadow: 0 0 5px rgba(0,255,255,0.5) !important;
box-shadow: 0 0 10px rgba(255,0,110,0.2) !important;
font-family: 'Courier New', monospace !important;
}
.risk p:hover {
background: rgba(15,15,30,1) !important;
border-left-color: #00ffff !important;
box-shadow: 0 0 20px rgba(0,255,255,0.5), 0 0 40px rgba(255,0,110,0.3) !important;
transform: translateX(8px) !important;
}
.risk strong {
color: #ff006e !important;
text-shadow: 0 0 8px rgba(255,0,110,0.8) !important;
}
.traffic {
background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%) !important;
border: 2px solid #66bb6a !important;
}
.traffic:hover {
border-color: #4caf50 !important;
box-shadow: 0 4px 14px rgba(76,175,80,0.3) !important;
}
.traffic[open] {
background: linear-gradient(135deg, #f1f8e9 0%, #dcedc8 100%) !important;
border-color: #8bc34a !important;
box-shadow: 0 6px 18px rgba(139,195,74,0.4) !important;
animation: money-glow 3s ease-in-out infinite !important;
}
.traffic summary {
background: linear-gradient(90deg, #a5d6a7 0%, #81c784 100%) !important;
color: #1b5e20 !important;
}
.traffic summary::before {
content: "👥 " !important;
}
.traffic[open] summary::before {
content: "💰 " !important;
}
.traffic[open] summary {
background: linear-gradient(90deg, #aed581 0%, #9ccc65 100%) !important;
border-bottom: 2px solid #8bc34a !important;
}
.traffic p {
background: rgba(241,248,233,0.9) !important;
border-left: 3px solid #66bb6a !important;
color: #1b5e20 !important;
}
.goal {
background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%) !important;
border: 2px solid #ff9800 !important;
}
.goal:hover {
border-color: #f57c00 !important;
box-shadow: 0 4px 14px rgba(245,124,0,0.3) !important;
}
.goal[open] {
background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%) !important;
border-color: #ffa726 !important;
box-shadow: 0 6px 18px rgba(255,167,38,0.4) !important;
animation: goal-glow 3s ease-in-out infinite !important;
}
.goal summary {
background: linear-gradient(90deg, #ffcc80 0%, #ffb74d 100%) !important;
color: #e65100 !important;
}
.goal summary::before {
content: "🎯 " !important;
}
.goal[open] summary::before {
content: "🏆 " !important;
}
.goal[open] summary {
background: linear-gradient(90deg, #ffd54f 0%, #ffca28 100%) !important;
border-bottom: 2px solid #ffa726 !important;
}
.goal p {
background: rgba(255,248,225,0.9) !important;
border-left: 3px solid #ff9800 !important;
color: #e65100 !important;
}
.memory-system {
background: linear-gradient(135deg, #e8eaf6 0%, #c5cae9 100%) !important;
border: 2px solid #5c6bc0 !important;
box-shadow: 0 3px 8px rgba(92,107,192,0.25), inset 0 1px 0 rgba(255,255,255,0.6) !important;
}
.memory-system:hover {
border-color: #3f51b5 !important;
box-shadow: 0 4px 14px rgba(63,81,181,0.35), inset 0 1px 0 rgba(255,255,255,0.7) !important;
transform: translateY(-2px) !important;
}
.memory-system[open] {
background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
border-color: #42a5f5 !important;
box-shadow: 0 6px 20px rgba(66,165,245,0.5), inset 0 2px 6px rgba(92,107,192,0.2) !important;
animation: memory-system-glow 3s ease-in-out infinite !important;
}
.memory-system > summary {
background: linear-gradient(90deg, #7986cb 0%, #5c6bc0 100%) !important;
color: #1a237e !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.5), 0 0 10px rgba(92,107,192,0.3) !important;
font-size: 15px !important;
font-weight: bold !important;
}
.memory-system > summary::before {
content: "🧠 " !important;
filter: drop-shadow(0 0 6px rgba(92,107,192,0.5)) !important;
}
.memory-system[open] > summary::before {
content: "💾 " !important;
animation: brain-pulse 2s ease-in-out infinite !important;
}
.memory-system > summary:hover {
background: linear-gradient(90deg, #5c6bc0 0%, #3f51b5 100%) !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.6), 0 0 15px rgba(63,81,181,0.5) !important;
}
.memory-system[open] > summary {
background: linear-gradient(90deg, #42a5f5 0%, #2196f3 100%) !important;
border-bottom: 2px solid #1e88e5 !important;
box-shadow: 0 3px 8px rgba(33,150,243,0.4) !important;
color: #fff !important;
text-shadow: 0 2px 4px rgba(26,35,126,0.6) !important;
}
.memory-system .memory-short,
.memory-system .memory-long,
.memory-system .memory-core {
margin: 12px 16px !important;
border-radius: 6px !important;
}
.memory-system .memory-short {
background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
border: 2px solid #42a5f5 !important;
}
.memory-system .memory-short:hover {
border-color: #2196f3 !important;
box-shadow: 0 3px 10px rgba(33,150,243,0.3) !important;
}
.memory-system .memory-short[open] {
background: linear-gradient(135deg, #e1f5fe 0%, #b3e5fc 100%) !important;
border-color: #29b6f6 !important;
box-shadow: 0 4px 14px rgba(41,182,246,0.4) !important;
animation: memory-glow 3s ease-in-out infinite !important;
}
.memory-system .memory-long {
background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
border: 2px solid #42a5f5 !important;
}
.memory-system .memory-long:hover {
border-color: #2196f3 !important;
box-shadow: 0 3px 10px rgba(33,150,243,0.3) !important;
}
.memory-system .memory-long[open] {
background: linear-gradient(135deg, #e1f5fe 0%, #b3e5fc 100%) !important;
border-color: #29b6f6 !important;
box-shadow: 0 4px 14px rgba(41,182,246,0.4) !important;
animation: memory-glow 3s ease-in-out infinite !important;
}
.memory-system .memory-core {
background: linear-gradient(135deg, #fff9c4 0%, #fff59d 100%) !important;
border: 2px solid #fbc02d !important;
box-shadow: 0 2px 6px rgba(251,192,45,0.2) !important;
}
.memory-system .memory-core:hover {
border-color: #f9a825 !important;
box-shadow: 0 3px 10px rgba(249,168,37,0.3) !important;
}
.memory-system .memory-core[open] {
background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%) !important;
border-color: #f57f17 !important;
box-shadow: 0 4px 16px rgba(245,127,23,0.5), 0 0 20px rgba(255,235,59,0.3) !important;
animation: core-glow 3s ease-in-out infinite !important;
}
.memory-system .memory-short summary,
.memory-system .memory-long summary,
.memory-system .memory-core summary {
font-size: 13px !important;
padding: 10px 16px !important;
}
.memory-system .memory-short summary {
background: linear-gradient(90deg, #90caf9 0%, #64b5f6 100%) !important;
color: #0d47a1 !important;
}
.memory-system .memory-long summary {
background: linear-gradient(90deg, #90caf9 0%, #64b5f6 100%) !important;
color: #0d47a1 !important;
}
.memory-system .memory-core summary {
background: linear-gradient(90deg, #fff176 0%, #ffee58 100%) !important;
color: #f57f17 !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.6), 0 0 8px rgba(251,192,45,0.4) !important;
}
.memory-system .memory-short summary::before {
content: "🔵 " !important;
}
.memory-system .memory-long summary::before {
content: "📘 " !important;
}
.memory-system .memory-core summary::before {
content: "💎 " !important;
filter: drop-shadow(0 0 4px rgba(251,192,45,0.6)) !important;
}
.memory-system .memory-short[open] summary::before {
content: "🔷 " !important;
}
.memory-system .memory-long[open] summary::before {
content: "📖 " !important;
}
.memory-system .memory-core[open] summary::before {
content: "✨ " !important;
animation: diamond-sparkle 2s ease-in-out infinite !important;
}
.memory-system .memory-short[open] summary {
background: linear-gradient(90deg, #4fc3f7 0%, #29b6f6 100%) !important;
border-bottom: 2px solid #03a9f4 !important;
}
.memory-system .memory-long[open] summary {
background: linear-gradient(90deg, #4fc3f7 0%, #29b6f6 100%) !important;
border-bottom: 2px solid #03a9f4 !important;
}
.memory-system .memory-core[open] summary {
background: linear-gradient(90deg, #fdd835 0%, #fbc02d 100%) !important;
border-bottom: 2px solid #f9a825 !important;
box-shadow: 0 2px 6px rgba(249,168,37,0.4) !important;
}
.memory-system details p {
margin: 8px 12px !important;
padding: 8px 12px !important;
font-size: 12px !important;
}
.memory-system .memory-short p {
background: rgba(225,245,254,0.9) !important;
border-left: 3px solid #42a5f5 !important;
color: #0d47a1 !important;
}
.memory-system .memory-long p {
background: rgba(225,245,254,0.9) !important;
border-left: 3px solid #42a5f5 !important;
color: #0d47a1 !important;
}
.memory-system .memory-core p {
background: rgba(255,253,231,0.95) !important;
border-left: 3px solid #fbc02d !important;
color: #f57f17 !important;
font-weight: 500 !important;
}
.memory-system .memory-core p:hover {
background: rgba(255,248,225,1) !important;
border-left-color: #f9a825 !important;
box-shadow: 0 2px 6px rgba(249,168,37,0.25), 0 0 12px rgba(255,235,59,0.2) !important;
}
.memory-system .memory-core strong {
color: #f57f17 !important;
text-shadow: 0 0 6px rgba(251,192,45,0.4) !important;
}
.action-recommend {
background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%) !important;
border: 2px solid #ab47bc !important;
box-shadow: 0 3px 8px rgba(171,71,188,0.25), inset 0 1px 0 rgba(255,255,255,0.6) !important;
}
.action-recommend:hover {
border-color: #9c27b0 !important;
box-shadow: 0 4px 14px rgba(156,39,176,0.35), inset 0 1px 0 rgba(255,255,255,0.7) !important;
transform: translateY(-2px) !important;
}
.action-recommend[open] {
background: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%) !important;
border-color: #ba68c8 !important;
box-shadow: 0 6px 20px rgba(186,104,200,0.5), inset 0 2px 6px rgba(171,71,188,0.2) !important;
animation: action-glow 3s ease-in-out infinite !important;
}
.action-recommend summary {
background: linear-gradient(90deg, #ce93d8 0%, #ba68c8 100%) !important;
color: #4a148c !important;
text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
}
.action-recommend summary::before {
content: "💡 " !important;
filter: drop-shadow(0 0 6px rgba(171,71,188,0.5)) !important;
}
.action-recommend[open] summary::before {
content: "✨ " !important;
animation: bulb-shine 2s ease-in-out infinite !important;
}
.action-recommend summary:hover {
background: linear-gradient(90deg, #ba68c8 0%, #ab47bc 100%) !important;
}
.action-recommend[open] summary {
background: linear-gradient(90deg, #ba68c8 0%, #ab47bc 100%) !important;
border-bottom: 2px solid #9c27b0 !important;
box-shadow: 0 3px 8px rgba(156,39,176,0.4) !important;
}
.action-recommend p {
background: rgba(243,229,245,0.9) !important;
border-left: 3px solid #ab47bc !important;
color: #4a148c !important;
font-weight: 500 !important;
cursor: pointer !important;
}
.action-recommend p:hover {
background: rgba(225,190,231,1) !important;
border-left-color: #9c27b0 !important;
box-shadow: 0 2px 8px rgba(156,39,176,0.3) !important;
transform: translateX(6px) scale(1.02) !important;
}
.action-recommend p:last-child {
background: linear-gradient(135deg, #fff9c4 0%, #fff59d 100%) !important;
border-left-color: #fbc02d !important;
color: #f57f17 !important;
font-style: italic !important;
}
.action-recommend p:last-child:hover {
background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%) !important;
border-left-color: #f9a825 !important;
box-shadow: 0 2px 10px rgba(251,192,45,0.4) !important;
}
@keyframes warm-glow {
0%, 100% {
box-shadow: 0 6px 18px rgba(201,168,106,0.3), inset 0 2px 4px rgba(201,168,106,0.2) !important;
}
50% {
box-shadow: 0 6px 24px rgba(201,168,106,0.5), inset 0 2px 6px rgba(201,168,106,0.3) !important;
}
}
@keyframes pink-glow {
0%, 100% {
box-shadow: 0 6px 20px rgba(240,98,146,0.4), inset 0 2px 6px rgba(240,98,146,0.15) !important;
}
50% {
box-shadow: 0 8px 30px rgba(240,98,146,0.7), inset 0 4px 10px rgba(240,98,146,0.3) !important;
}
}
@keyframes npc-glow {
0%, 100% {
box-shadow: 0 6px 20px rgba(255,143,0,0.4), inset 0 2px 6px rgba(255,111,0,0.15) !important;
}
50% {
box-shadow: 0 8px 30px rgba(255,143,0,0.7), inset 0 4px 10px rgba(255,111,0,0.25) !important;
}
}
@keyframes npc-pulse {
0%, 100% {
filter: drop-shadow(0 0 6px rgba(255,111,0,0.5)) brightness(1) !important;
}
50% {
filter: drop-shadow(0 0 12px rgba(255,111,0,1)) brightness(1.2) !important;
}
}
@keyframes cyber-pulse {
0%, 100% {
box-shadow: 0 0 40px rgba(255,0,110,0.6), 0 0 80px rgba(0,255,255,0.3) !important;
}
50% {
box-shadow: 0 0 60px rgba(255,0,110,1), 0 0 120px rgba(0,255,255,0.6) !important;
}
}
@keyframes cyber-slide {
0% {
background-position: 0% 0 !important;
}
100% {
background-position: 200% 0 !important;
}
}
@keyframes cyber-blink {
0%, 100% {
opacity: 1 !important;
}
50% {
opacity: 0.3 !important;
}
}
@keyframes money-glow {
0%, 100% {
box-shadow: 0 6px 18px rgba(139,195,74,0.3) !important;
}
50% {
box-shadow: 0 8px 28px rgba(139,195,74,0.6) !important;
}
}
@keyframes goal-glow {
0%, 100% {
box-shadow: 0 6px 18px rgba(255,167,38,0.3) !important;
}
50% {
box-shadow: 0 8px 28px rgba(255,167,38,0.6) !important;
}
}
@keyframes memory-glow {
0%, 100% {
box-shadow: 0 4px 14px rgba(41,182,246,0.3) !important;
}
50% {
box-shadow: 0 6px 20px rgba(41,182,246,0.6) !important;
}
}
@keyframes memory-system-glow {
0%, 100% {
box-shadow: 0 6px 20px rgba(66,165,245,0.4), inset 0 2px 6px rgba(92,107,192,0.15) !important;
}
50% {
box-shadow: 0 8px 30px rgba(66,165,245,0.7), inset 0 4px 10px rgba(92,107,192,0.25) !important;
}
}
@keyframes core-glow {
0%, 100% {
box-shadow: 0 4px 16px rgba(245,127,23,0.4), 0 0 20px rgba(255,235,59,0.2) !important;
}
50% {
box-shadow: 0 6px 24px rgba(245,127,23,0.7), 0 0 35px rgba(255,235,59,0.4) !important;
}
}
@keyframes fund-glow {
0%, 100% {
box-shadow: 0 6px 18px rgba(121,134,203,0.3) !important;
}
50% {
box-shadow: 0 8px 28px rgba(121,134,203,0.6) !important;
}
}
@keyframes brain-pulse {
0%, 100% {
filter: drop-shadow(0 0 6px rgba(66,165,245,0.5)) brightness(1) !important;
}
50% {
filter: drop-shadow(0 0 12px rgba(66,165,245,1)) brightness(1.2) !important;
}
}
@keyframes diamond-sparkle {
0%, 100% {
filter: drop-shadow(0 0 4px rgba(251,192,45,0.6)) brightness(1) !important;
}
50% {
filter: drop-shadow(0 0 10px rgba(251,192,45,1)) brightness(1.3) !important;
}
}
@keyframes action-glow {
0%, 100% {
box-shadow: 0 6px 20px rgba(186,104,200,0.4), inset 0 2px 6px rgba(171,71,188,0.15) !important;
}
50% {
box-shadow: 0 8px 30px rgba(186,104,200,0.7), inset 0 4px 10px rgba(171,71,188,0.25) !important;
}
}
@keyframes bulb-shine {
0%, 100% {
filter: drop-shadow(0 0 6px rgba(171,71,188,0.5)) brightness(1) !important;
}
50% {
filter: drop-shadow(0 0 12px rgba(171,71,188,1)) brightness(1.3) !important;
}
}
@media (max-width: 768px) {
.top-bar {
padding: 12px 16px !important;
}
.top-bar p {
font-size: 12px !important;
gap: 10px !important;
}
text {
padding: 18px !important;
font-size: 14px !important;
}
summary {
padding: 12px 16px !important;
font-size: 13px !important;
}
details p {
font-size: 12px !important;
margin: 8px 14px !important;
}
.memory-system details p {
font-size: 11px !important;
margin: 6px 10px !important;
padding: 6px 10px !important;
}
}
think, hidden-trigger {
display: none !important;
}