/* 记忆库样式 */
           .memory-archive-item {
               background-color: var(--secondary-bg);
               border: 1px solid var(--border-color);
               border-radius: 8px;
               padding: 12px;
               display: flex;
               justify-content: space-between;
               align-items: center;
           }

           .memory-archive-info {
               flex-grow: 1;
           }

           .memory-archive-name {
               font-weight: 500;
               font-size: 15px;
               margin-bottom: 4px;
           }

           .memory-archive-date {
               font-size: 12px;
               color: var(--text-secondary);
           }

           .memory-archive-actions {
               display: flex;
               gap: 8px;
           }

           .memory-archive-btn {
               padding: 6px 12px;
               border: 1px solid var(--border-color);
               background-color: var(--secondary-bg);
               border-radius: 6px;
               cursor: pointer;
               font-size: 13px;
               color: var(--text-primary);
           }

           .memory-archive-btn.load {
               background-color: var(--accent-color);
               color: white;
               border-color: var(--accent-color);
           }

           .memory-archive-btn.delete {
               color: #ff3b30;
               border-color: #ff3b30;
           }

           #chat-messages[data-theme="blue_green"] .message-bubble.user .content {
               background-color: #d1ecf1;
               color: #0c5460;
           }

           #chat-messages[data-theme="blue_green"] .message-bubble.ai .content {
               background-color: #d4edda;
               color: #155724;
           }

           #chat-messages[data-theme="pink_white"] .message-bubble.user .content {
               background-color: #fff0f6;
               color: #a78396;
           }

           #chat-messages[data-theme="pink_white"] .message-bubble.ai .content {
               background-color: #f8f9fa;
               color: #383d41;
           }

           #chat-messages[data-theme="pink_black"] .message-bubble.user .content {
               background-color: #F8BBD0;
               color: #5B2C6F;
           }

           #chat-messages[data-theme="pink_black"] .message-bubble.ai .content {
               background-color: #343a40;
               color: #f8f9fa;
           }

           #chat-messages[data-theme="pink_green"] .message-bubble.user .content {
               background-color: #F8BBD0;
               color: #5B2C6F;
           }

           #chat-messages[data-theme="pink_green"] .message-bubble.ai .content {
               background-color: #C8E6C9;
               color: #1B5E20;
           }

           #chat-messages[data-theme="green_black"] .message-bubble.user .content {
               background-color: #d4edda;
               color: #155724;
           }

           #chat-messages[data-theme="green_black"] .message-bubble.ai .content {
               background-color: #343a40;
               color: #f8f9fa;
           }

           #transfer-btn {
               font-weight: bold;
           }

           #transfer-modal {
               position: fixed;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               background-color: rgba(0, 0, 0, 0.5);
               display: none;
               align-items: center;
               justify-content: center;
               z-index: 1001;
           }

           #transfer-modal.visible {
               display: flex;
           }

           .transfer-content {
               background-color: #fff0f5;
               border-radius: 20px;
               width: 290px;
               padding: 20px;
               box-shadow: 0 5px 25px rgba(255, 105, 180, 0.3);
               text-align: center;
               background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" opacity="0.05"><path d="M50,4 C35,4 28,15 28,24 C28,33 35,32 35,40 C35,48 28,49 28,57 C28,65 35,66 35,74 C35,82 28,83 28,91 C28,99 35,100 50,100 C65,100 72,99 72,91 C72,83 65,82 65,74 C65,66 72,65 72,57 C72,49 65,48 65,40 C65,32 72,33 72,24 C72,15 65,4 50,4 Z" fill="%23FF69B4"/></svg>');
               background-repeat: no-repeat;
               background-position: top right;
               background-size: 80px;
           }

           .transfer-header {
               font-size: 20px;
               font-weight: bold;
               color: #a35c7b;
               margin-bottom: 20px;
           }

           .transfer-input-group {
               margin-bottom: 15px;
               text-align: left;
           }

           .transfer-input-group label {
               display: block;
               font-size: 14px;
               color: #ff85b3;
               margin-bottom: 5px;
               font-weight: 500;
           }

           .transfer-input-group input {
               width: 100%;
               padding: 12px;
               border-radius: 10px;
               border: 2px solid #ffcce0;
               background-color: var(--secondary-bg);
               font-size: 16px;
               box-sizing: border-box;
           }

           .transfer-input-group input:focus {
               border-color: #ff85b3;
               outline: none;
           }

           .transfer-actions {
               display: flex;
               justify-content: space-between;
               gap: 10px;
           }

           .transfer-actions button {
               flex: 1;
               padding: 12px;
               border: none;
               border-radius: 10px;
               font-size: 16px;
               font-weight: bold;
               cursor: pointer;
               transition: transform 0.2s;
           }

           .transfer-actions button:active {
               transform: scale(0.95);
           }

           #transfer-cancel-btn {
               background-color: #ffdde9;
               color: #a35c7b;
           }

           #transfer-confirm-btn {
               background-color: #ff85b3;
               color: white;
           }

           .transfer-card {
               width: 200px;
               border-radius: 12px;
               padding: 12px;
               color: white;
               position: relative;
               overflow: hidden;
           }

           .transfer-card::before {
               content: '🐾';
               position: absolute;
               right: 10px;
               top: 5px;
               font-size: 30px;
               opacity: 0.2;
               transform: rotate(15deg);
           }

           .message-bubble.user .transfer-card {
               background: radial-gradient(circle at top left, #ffc5d5, #ff85b3);
           }

           .message-bubble.ai .transfer-card {
               background: radial-gradient(circle at top left, #a1c4fd, #c2e9fb);
           }

           .transfer-title {
               font-size: 16px;
               font-weight: 600;
               display: flex;
               align-items: center;
               gap: 6px;
               margin-bottom: 8px;
           }

           .transfer-amount {
               font-size: 28px;
               font-weight: bold;
               margin-bottom: 4px;
           }

           .transfer-note {
               font-size: 13px;
               opacity: 0.9;
               border-top: 1px solid rgba(255, 255, 255, 0.3);
               padding-top: 8px;
               margin-top: 8px;
               word-break: break-all;
           }

           @keyframes spin {
               from {
                   transform: rotate(0deg);
               }

               to {
                   transform: rotate(360deg);
               }
           }

           #listen-together-btn img.rotating {
               animation: spin 2s linear infinite;
           }

           #listen-together-btn img.paused {
               animation-play-state: paused;
           }

           #music-player-overlay {
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               z-index: 50;
               display: none;
               justify-content: center;
               align-items: center;
               background-color: rgba(0, 0, 0, 0.3);
           }

           #music-player-overlay.visible {
               display: flex;
           }

           .music-player-window {
               width: 90%;
               background-color: rgba(255, 255, 255, 0.6);
               backdrop-filter: blur(20px);
               -webkit-backdrop-filter: blur(20px);
               border-radius: 20px;
               box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
               border: 1px solid rgba(255, 255, 255, 0.18);
               padding: 25px;
               display: flex;
               flex-direction: column;
               align-items: center;
               color: #1f1f1f;
               position: relative;
           }

           #music-playlist-btn {
               position: absolute;
               top: 15px;
               right: 15px;
               font-size: 24px;
               cursor: pointer;
               color: #333;
           }

           #music-time-counter {
               font-size: 12px;
               color: #555;
               margin-bottom: 20px;
           }

           #music-player-song-title {
               font-size: 20px;
               font-weight: 600;
               margin-bottom: 5px;
               text-align: center;
           }

           #music-player-artist {
               font-size: 14px;
               color: #666;
               margin-bottom: 25px;
           }

           .music-controls {
               display: flex;
               align-items: center;
               justify-content: space-between;
               width: 100%;
               padding: 0 6px;
               box-sizing: border-box;
               margin-bottom: 25px;
           }

           .music-controls button {
               background: none;
               border: none;
               cursor: pointer;
               color: #333;
               width: 44px;
               height: 44px;
               display: flex;
               justify-content: center;
               align-items: center;
               transition: transform 0.2s, opacity 0.2s, color 0.2s;
               user-select: none;
               outline: none;
               padding: 0;
           }

           .music-controls button:active {
               transform: scale(0.9);
           }

           .music-controls .secondary-control-btn {
               color: #444;
               opacity: 0.85;
           }

           .music-controls .secondary-control-btn:hover {
               opacity: 1;
               color: #000;
           }

           .music-controls .secondary-control-btn.active {
               color: var(--accent-color, #007aff);
               opacity: 1;
           }

           .music-controls .secondary-control-btn.text-btn {
               font-size: 13px;
               font-weight: 600;
               border-radius: 12px;
               width: 32px;
               height: 32px;
               border: 1.5px solid rgba(0, 0, 0, 0.18);
               color: #444;
               letter-spacing: 0.5px;
               transition: all 0.2s ease;
               display: flex;
               align-items: center;
               justify-content: center;
           }

           .music-controls .secondary-control-btn.text-btn:hover {
               border-color: rgba(0, 0, 0, 0.4);
               color: #111;
               transform: scale(1.05);
           }

           .music-controls .secondary-control-btn.text-btn.active {
               background-color: var(--accent-color, #007aff);
               border-color: var(--accent-color, #007aff);
               color: #fff;
               box-shadow: 0 2px 8px rgba(0, 122, 255, 0.35);
           }

           .music-controls .play-pause-btn {
               font-size: 24px;
               width: 60px;
               height: 60px;
               border-radius: 50%;
               background-color: rgba(0, 0, 0, 0.05);
               color: #222;
           }

           .music-controls .play-pause-btn:hover {
               background-color: rgba(0, 0, 0, 0.08);
           }

           .music-bottom-actions {
               display: flex;
               justify-content: space-between;
               width: 100%;
           }

           .music-bottom-actions button {
               flex: 1;
               padding: 12px 0;
               border: none;
               border-radius: 10px;
               font-size: 15px;
               font-weight: 500;
               cursor: pointer;
           }

           #music-exit-btn {
               background-color: rgba(255, 100, 100, 0.7);
               color: white;
               margin-right: 5px;
           }

           #music-return-btn {
               background-color: rgba(0, 123, 255, 0.7);
               color: white;
               margin-left: 5px;
           }

           #music-playlist-panel {
               position: absolute;
               bottom: 0;
               left: 0;
               width: 100%;
               height: 70%;
               background-color: rgba(242, 242, 247, 0.9);
               backdrop-filter: blur(15px);
               -webkit-backdrop-filter: blur(15px);
               border-top: 1px solid var(--border-color);
               border-radius: 20px 20px 0 0;
               z-index: 210;
               display: flex;
               flex-direction: column;
               transform: translateY(100%);
               transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
               visibility: hidden;
           }

           #music-playlist-panel.visible {
               transform: translateY(0);
               visibility: visible;
           }

           .playlist-header {
               padding: 15px 20px;
               display: flex;
               justify-content: space-between;
               align-items: center;
               flex-shrink: 0;
               border-bottom: 1px solid var(--border-color);
               font-weight: 600;
           }

           .playlist-header .panel-btn {
               font-size: 16px;
               cursor: pointer;
               color: var(--accent-color);
           }