.search-result-item {
               display: flex;
               flex-direction: column;
               padding: 12px 18px;
               border-bottom: 1px solid var(--border-color);
               cursor: pointer;
               transition: background-color 0.2s;
           }

           .search-result-item:hover {
               background-color: rgba(0, 0, 0, 0.1);
           }

           #phone-screen.dark-mode .search-result-item:hover {
               background-color: rgba(255, 255, 255, 0.1);
           }

           .search-result-item .title {
               font-weight: 500;
               font-size: 15px;
               color: var(--text-primary);
           }

           .search-result-item .artist {
               font-size: 12px;
               color: var(--text-secondary);
               margin-top: 4px;
           }

           .search-result-item .source {
               font-size: 10px;
               color: var(--accent-color);
               background-color: rgba(0, 123, 255, 0.1);
               padding: 2px 6px;
               border-radius: 4px;
               font-weight: bold;
               margin-left: 8px;
           }

           #music-player-cover {
               width: 180px;
               height: 180px;
               border-radius: 15px;
               object-fit: cover;
               box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
               margin-bottom: 25px;
               transition: opacity 0.5s ease-in-out;
           }

           #music-visual-container {
               position: relative;
               width: 220px;
               height: 220px;
               margin-bottom: 25px;
               cursor: pointer;
           }

           #vinyl-view,
           #inline-lyrics-view {
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               display: flex;
               justify-content: center;
               align-items: center;
               transition: opacity 0.5s ease, transform 0.5s ease;
           }

           #vinyl-view {
               background-color: #222;
               border-radius: 50%;
               padding: 18px;
               box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3),
                   inset 0 0 0 2px rgba(255, 255, 255, 0.05);
               background-image: repeating-radial-gradient(circle, #333, #333 1px, #222 1px, #222 2px);
               box-sizing: border-box;
           }

           #vinyl-view #music-player-cover {
               width: 100%;
               height: 100%;
               border-radius: 50%;
               object-fit: cover;
               box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
               margin: 0;
           }

           #inline-lyrics-view {
               opacity: 0;
               transform: scale(1.1);
               pointer-events: none;
               padding: 10px;
               box-sizing: border-box;
           }

           #music-visual-container.lyrics-active #vinyl-view {
               opacity: 0;
               transform: scale(0.9);
           }

           #music-visual-container.lyrics-active #inline-lyrics-view {
               opacity: 1;
               transform: scale(1);
               pointer-events: auto;
           }

           #inline-lyrics-view #music-lyrics-container {
               width: 100%;
               height: 100%;
           }

           #music-info-top {
               text-align: center;
               flex-shrink: 0;
               margin-bottom: 20px;
           }

           #music-player-song-title,
           #music-player-artist,
           #music-time-counter {
               margin-bottom: 5px;
           }

           #music-visual-container {
               margin-bottom: 15px;
           }

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

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

           #vinyl-view.spinning {
               animation: spin-vinyl 12s linear infinite;
           }

           #single-lyric-display {
               height: 40px;
               line-height: 40px;
               width: 100%;
               margin-top: 15px;
               text-align: center;
               font-size: 14px;
               color: #333;
               font-weight: 500;
               transition: opacity 0.3s ease;
               white-space: nowrap;
               overflow: hidden;
               text-overflow: ellipsis;
           }

           #music-visual-container.lyrics-active+#single-lyric-display {
               display: none;
           }

           #character-profile-modal {
               background-color: rgba(0, 0, 0, 0.3);
               backdrop-filter: blur(8px);
               -webkit-backdrop-filter: blur(8px);
           }

           .character-profile-content {
               width: 320px;
               height: 75vh;
               max-height: 580px;
               background-color: #f0f2f5;
               border-radius: 20px;
               box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
               display: flex;
               flex-direction: column;
               position: relative;
               font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
               overflow: visible;
               padding-top: 40px;
           }

           .profile-history-icon-btn {
               /* <--- 核心修改1：从 ID (#) 改为类 (.) */
               /* 核心修改2：移除了 position, top, right, z-index 这些绝对定位属性 */
               width: 36px;
               height: 36px;
               background: none;
               border: none;
               cursor: pointer;
               border-radius: 50%;
               display: flex;
               align-items: center;
               justify-content: center;
               transition: background-color 0.2s;
               padding: 0;
           }

           #profile-history-icon-btn:hover {
               background-color: rgba(0, 0, 0, 0.05);
           }

           .profile-history-icon-btn svg {
               width: 20px;
               height: 20px;
               stroke: #b0b0b0;
               stroke-width: 2;
           }

           #profile-main-content,
           #profile-thoughts-history-view {
               display: flex;
               flex-direction: column;
               width: 100%;
               height: 100%;
               box-sizing: border-box;
           }

           #profile-main-content {
               padding: 0 25px 25px 25px;
               gap: 20px;
               flex-grow: 1;
               overflow-y: auto;
           }

           .profile-header {
               display: flex;
               align-items: center;
               gap: 15px;
               flex-shrink: 0;
               margin-bottom: 10px;
           }

           #profile-avatar {
               width: 60px;
               height: 60px;
               border-radius: 12px;
               object-fit: cover;
           }

           .profile-info {
               display: flex;
               flex-direction: column;
           }

           #profile-name {
               font-size: 20px;
               font-weight: 600;
               color: #1f1f1f;
           }

           #profile-id {
               font-size: 14px;
               color: #8a8a8a;
           }

           .profile-section {
               background-color: #ffffff;
               border-radius: 16px;
               padding: 20px;
               box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
               display: flex;
               flex-direction: column;
               gap: 12px;
               flex-shrink: 0;
           }

           .profile-section-header {
               display: flex;
               align-items: center;
               gap: 10px;
               padding-bottom: 12px;
               border-bottom: 1px solid #f0f0f0;
           }

           .profile-section-icon {
               font-size: 20px;
               opacity: 0.5;
           }

           .profile-section label {
               font-size: 15px;
               font-weight: 600;
               color: #555;
               margin: 0;
           }

           .profile-section p {
               font-size: 15px;
               color: #333;
               line-height: 1.7;
               margin: 0;
               white-space: pre-wrap;
           }

           #profile-thoughts-history-view {
               display: none;
               padding: 0 25px 25px 25px;
           }

           #profile-thoughts-history-view .profile-header {
               justify-content: space-between;
               padding-bottom: 15px;
           }

           #profile-thoughts-history-view .profile-header span {
               font-size: 18px;
               font-weight: 600;
           }

           #history-back-btn {
               width: 36px;
               height: 36px;
               background: none;
               border: none;
               cursor: pointer;
               border-radius: 50%;
               display: flex;
               align-items: center;
               justify-content: center;
               transition: background-color 0.2s;
               padding: 0;
           }

           #history-back-btn:hover {
               background-color: rgba(0, 0, 0, 0.05);
           }

           #history-back-btn svg {
               width: 22px;
               height: 22px;
               stroke: #a0a0a0;
               stroke-width: 2.5;
           }

           #thoughts-history-list {
               flex-grow: 1;
               overflow-y: auto;
               padding-right: 5px;
               margin-right: -10px;
               display: flex;
               flex-direction: column;
               gap: 15px;
           }

           .thought-card {
               background-color: #ffffff;
               border-radius: 16px;
               padding: 15px 20px;
               border: 1px solid #eee;
           }

           .thought-header {
               font-size: 12px;
               color: #b0b0b0;
               margin-bottom: 12px;
               padding-bottom: 8px;
               border-bottom: 1px solid #f0f0f0;
           }

           .thought-content .label {
               display: flex;
               align-items: center;
               gap: 6px;
               font-weight: 600;
               color: #a0a0a0;
               font-size: 13px;
               margin-bottom: 6px;
           }

           .thought-content .label svg {
               width: 16px;
               height: 16px;
           }

           .thought-content .text {
               font-size: 14px;
               color: #555;
               line-height: 1.7;
               white-space: pre-wrap;
               padding-left: 22px;
           }

           .thought-content .jottings {
               margin-top: 15px;
           }

           #profile-main-content::-webkit-scrollbar,
           #thoughts-history-list::-webkit-scrollbar {
               display: none;
           }

           #profile-main-content,
           #thoughts-history-list {
               -ms-overflow-style: none;
               scrollbar-width: none;
           }

           .character-profile-content {
               background-color: #ffffff !important;
           }

           #character-profile-modal .jottings .label {
               display: none;
           }

           #character-profile-modal .thought-content .text {
               padding-left: 0;
           }

           #qzone-more-actions-btn {
               font-size: 24px;
               font-weight: bold;
               padding: 0 10px;
               border-radius: 50%;
               line-height: 1;
               position: relative;
               top: -2px;
               transition: background-color 0.2s;
           }

           #qzone-more-actions-btn:hover {
               background-color: rgba(0, 0, 0, 0.05);
           }

           #phone-screen.dark-mode #qzone-more-actions-btn:hover {
               background-color: rgba(255, 255, 255, 0.1);
           }

           #clear-posts-list {
               overflow-y: auto;
               flex-grow: 1;
           }

           .clear-posts-item {
               display: flex;
               align-items: center;
               padding: 12px 18px;
               cursor: pointer;
               border-bottom: 1px solid var(--border-color);
               transition: background-color 0.2s;
           }

           .clear-posts-item:hover {
               background-color: #f5f5f5;
           }

           .clear-posts-item .checkbox {
               width: 22px;
               height: 22px;
               border: 2px solid #ccc;
               border-radius: 50%;
               margin-right: 15px;
               transition: all 0.2s ease;
               display: flex;
               align-items: center;
               justify-content: center;
               color: white;
           }

           .clear-posts-item.selected .checkbox {
               background-color: var(--accent-color);
               border-color: var(--accent-color);
           }

           .clear-posts-item.selected .checkbox::after {
               content: '✔';
               font-size: 14px;
               font-weight: bold;
           }

           .clear-posts-item .name {
               font-weight: 500;
           }

           .clear-posts-item.danger-option .name {
               color: #ff3b30;
               font-weight: 600;
           }

           .thought-card {
               position: relative;
           }

           .thought-delete-btn {
               position: absolute;
               top: 10px;
               right: 10px;
               width: 26px;
               height: 26px;
               border-radius: 50%;
               border: none;
               background-color: rgba(0, 0, 0, 0.05);
               color: var(--text-secondary);
               font-size: 20px;
               line-height: 26px;
               text-align: center;
               cursor: pointer;
               opacity: 0;
               transition: all 0.2s ease-in-out;
           }

           .thought-card:hover .thought-delete-btn {
               opacity: 1;
           }

           .thought-delete-btn:hover {
               background-color: #ff3b30;
               color: white;
           }

           .search-result-item {
               display: flex;
               align-items: center;
               padding: 12px 18px;
               border-bottom: 1px solid var(--border-color);
               cursor: pointer;
               transition: background-color 0.2s;
           }

           .search-result-item:hover {
               background-color: rgba(0, 0, 0, 0.05);
           }

           #phone-screen.dark-mode .search-result-item:hover {
               background-color: rgba(255, 255, 255, 0.1);
           }

           .search-result-item .search-result-info {
               flex-grow: 1;
               pointer-events: none;
           }

           .search-result-item .music-search-checkbox {
               width: 20px;
               height: 20px;
               margin-right: 15px;
               flex-shrink: 0;
           }

           #music-search-results-modal .modal-header {
               display: flex;
               justify-content: space-between;
               align-items: center;
           }

           #music-search-results-modal .modal-footer {
               display: flex;
               justify-content: space-around;
           }

           #music-search-results-modal .modal-footer button {
               width: 45%;
           }

           .bg-upload-container {
               width: 100%;
               justify-content: center;
               gap: 15px;
           }

           .bg-upload-container .form-button-secondary {
               flex-grow: 1;
               flex-basis: 0;
               max-width: 180px;
               margin-top: 0;
               padding: 12px;
               font-size: 15px;
               font-weight: 600;
               border-radius: 8px;
               border: none;
               background-color: #e9e9eb;
               color: #1c1c1e;
               cursor: pointer;
               transition: background-color 0.2s, transform 0.1s;
           }

           .bg-upload-container .form-button-secondary:active {
               transform: scale(0.98);
           }

           #remove-global-bg-btn {
               background-color: #ffebee;
               color: #c62828;
           }

           #character-profile-modal .character-profile-content {
               position: relative;
               overflow: visible;
               padding-bottom: 35px;
           }

           #character-profile-modal .character-profile-content::before {
               content: '';
               position: absolute;
               top: -10px;
               left: 0;
               right: 0;
               height: 20px;
               background-image: radial-gradient(circle at 50% 0, transparent 8px, #f0f2f5 8px);
               background-size: 25px 20px;
               background-repeat: repeat-x;
           }

           #character-profile-modal .character-profile-content::after {
               content: '';
               position: absolute;
               bottom: -10px;
               left: 0;
               right: 0;
               height: 20px;
               background-image: radial-gradient(circle at 50% 100%, transparent 8px, #f0f2f5 8px);
               background-size: 25px 20px;
               background-repeat: repeat-x;
           }

           #character-profile-modal .character-profile-content {
               border-radius: 0;
               background-color: #ffffff;
           }

           #character-profile-modal .character-profile-content::before {
               background-image: radial-gradient(circle at 50% 0, transparent 8px, #ffffff 8px);
           }

           #character-profile-modal .character-profile-content::after {
               background-image: radial-gradient(circle at 50% 100%, transparent 8px, #ffffff 8px);
           }

           #character-profile-modal .thought-header {
               position: relative;
               width: 100%;
               padding-bottom: 15px;
               margin-bottom: 25px;
               border-bottom: 2px dashed #e0e0e0;
           }

           #character-profile-modal .thought-header::before {
               content: '';
               position: absolute;
               bottom: -11px;
               left: -35px;
               width: 20px;
               height: 20px;
               border-radius: 50%;
               background-color: rgba(0, 0, 0, 0.3);
           }

           #character-profile-modal .thought-header::after {
               content: '';
               position: absolute;
               bottom: -11px;
               right: -35px;
               width: 20px;
               height: 20px;
               border-radius: 50%;
               background-color: rgba(0, 0, 0, 0.3);
           }

           #character-profile-modal .thought-header {
               height: 140px;
               flex-shrink: 0;
               padding: 10px;
               padding-bottom: 25px;
               box-sizing: border-box;
               border-bottom: 2px dashed #e0e0e0;
               margin-bottom: 25px;
               position: relative;
               background-image: url('https://s3plus.meituan.net/opapisdk/op_ticket_885190757_1758340625111_qdqqd_zqr2cl.jpeg');
               background-size: cover;
               background-position: center top;
               border-radius: 0;
           }

           #profile-photo-slot {
               display: none;
           }

           #character-profile-modal #profile-main-content .thought-header {
               box-sizing: border-box;
               background-image: url('https://s3plus.meituan.net/opapisdk/op_ticket_885190757_1758340625111_qdqqd_zqr2cl.jpeg');
               background-size: cover;
               background-position: center top;
               border-bottom: 2px dashed #e0e0e0;
               margin-bottom: 15px;
               background-clip: content-box;
               -webkit-background-clip: content-box;
           }

           #character-profile-modal #profile-main-content .thought-header::before,
           #character-profile-modal #profile-main-content .thought-header::after {
               content: '';
               position: absolute;
               bottom: -11px;
               width: 20px;
               height: 20px;
               border-radius: 50%;
               background-color: rgba(0, 0, 0, 0.3);
           }

           #character-profile-modal #profile-main-content .thought-header::before {
               left: -35px;
           }

           #character-profile-modal #profile-main-content .thought-header::after {
               right: -35px;
           }

           #character-profile-modal #thoughts-history-list .thought-card .thought-header {
               height: auto;
               padding: 0;
               padding-bottom: 8px;
               margin-bottom: 12px;
               background-image: none;
               border: none;
               border-bottom: 1px solid #f0f0f0;
           }

           #character-profile-modal #thoughts-history-list .thought-card .thought-header::before,
           #character-profile-modal #thoughts-history-list .thought-card .thought-header::after {
               display: none !important;
           }

           #character-profile-modal #profile-main-content .label {
               display: flex !important;
           }

           #character-profile-modal #profile-main-content .text {
               font-family: "SimSun", "Songti SC", serif;
               font-size: 16px;
           }

           #character-profile-modal .thought-content .label {
               color: #000000 !important;
           }

           #character-profile-modal .thought-content .text {
               color: #000000 !important;
           }

           #character-profile-modal #profile-main-content {
               overflow-x: hidden;
           }

           #sticker-category-tabs {
               display: flex;
               overflow-x: auto;
               padding: 0 15px;
               flex-shrink: 0;
               border-bottom: 1px solid var(--border-color);
               background-color: var(--secondary-bg);
               -ms-overflow-style: none;
               scrollbar-width: none;
           }

           #sticker-category-tabs::-webkit-scrollbar {
               display: none;
           }

           .sticker-category-tab {
               padding: 10px 16px;
               cursor: pointer;
               border: none;
               background-color: transparent;
               font-size: 14px;
               font-weight: 500;
               color: var(--text-secondary);
               border-bottom: 2px solid transparent;
               margin-bottom: -1px;
               transition: all 0.2s ease-in-out;
               white-space: nowrap;
           }

           .sticker-category-tab.active {
               color: var(--accent-color);
               border-bottom-color: var(--accent-color);
               font-weight: 600;
           }

           #phone-screen.dark-mode .sticker-category-tab.active {
               color: #ffffff;
           }

           #sticker-grid.management-mode .sticker-item::after {
               content: '';
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               border: 3px solid transparent;
               border-radius: 10px;
               box-sizing: border-box;
               transition: border-color 0.2s;
               pointer-events: none;
           }

           #sticker-grid.management-mode .sticker-item.selected::after {
               border-color: var(--accent-color);
           }

           #sticker-grid.management-mode .sticker-item .delete-btn {
               display: block;
               background-color: rgba(0, 0, 0, 0.5);
               color: white;
               border: 1px solid white;
           }

           #sticker-action-bar {
               display: none;
               flex-shrink: 0;
               padding: 10px 15px;
               padding-bottom: calc(10px + env(safe-area-inset-bottom));
               background-color: rgba(247, 247, 247, 0.9);
               backdrop-filter: blur(10px);
               -webkit-backdrop-filter: blur(10px);
               border-top: 1px solid var(--border-color);
               justify-content: space-between;
               align-items: center;
           }

           #sticker-action-bar .select-all-label {
               font-size: 16px;
               color: var(--text-primary);
               cursor: pointer;
           }

           #sticker-action-bar button {
               padding: 10px 25px;
               border-radius: 20px;
               border: none;
               font-size: 15px;
               font-weight: 600;
               cursor: pointer;
               background-color: #ff3b30;
               color: white;
           }

           #character-selection-screen {
               background-color: #f0f2f5;
           }

           #phone-screen.dark-mode #character-selection-screen {
               background-color: #000;
           }

           #character-grid {
               padding: 0;
               overflow-y: auto;
               flex-grow: 1;
           }

           .character-select-item {
               display: flex;
               flex-direction: row;
               align-items: center;
               cursor: pointer;
               padding: 12px 20px;
               border-bottom: 1px solid var(--border-color);
               gap: 15px;
               transition: background-color 0.2s;
           }

           .character-select-item:hover {
               background-color: #f5f5f5;
           }

           .character-select-item .avatar {
               width: 45px;
               height: 45px;
               border-radius: 50%;
               object-fit: cover;
               margin-bottom: 0;
               box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
               transition: transform 0.2s ease;
               flex-shrink: 0;
           }

           .character-select-item .name {
               font-weight: 500;
               font-size: 16px;
               color: var(--text-primary);
           }

           #character-phone-screen {
               background-size: cover;
               background-position: center;
           }

           #myphone-screen {
               background-size: cover;
               background-position: center;
           }

           .char-screen {
               width: 100%;
               height: 100%;
               position: absolute;
               top: 0;
               left: 0;
               display: flex;
               flex-direction: column;
               overflow: hidden;
               opacity: 0;
               visibility: hidden;
               transition: opacity 0.3s, visibility 0.3s;
           }

           .char-screen.active {
               opacity: 1;
               visibility: visible;
               z-index: 2;
           }

           #char-home-screen {
               justify-content: flex-start;
               align-items: center;
               box-sizing: border-box;
               padding: 0 20px;
           }

           #char-clock-container {
               text-align: center;
               color: white;
               text-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
               margin-top: calc(60px + env(safe-area-inset-top));
               flex-shrink: 0;
               margin-bottom: 100px;
           }

           #char-main-time {
               font-size: 88px;
               font-weight: 600;
               letter-spacing: -2px;
               font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
           }

           #char-main-date {
               font-size: 22px;
               font-weight: normal;
           }

           #char-app-grid {
               display: flex;
               flex-direction: column;
               align-items: center;
               gap: 20px;
               width: 100%;
           }

           #char-qq-screen,
           #char-memo-screen,
           #char-diary-screen,
           #char-usage-screen,
           #char-album-screen,
           #char-browser-screen,
           #char-taobao-screen {
               background-color: var(--secondary-bg);
           }

           .memo-item,
           .diary-item,
           .usage-item {
               padding: 15px 20px;
               border-bottom: 1px solid var(--border-color);
               cursor: pointer;
           }

           .memo-item .content,
           .diary-item .content {
               font-size: 16px;
               color: var(--text-primary);
               white-space: nowrap;
               overflow: hidden;
               text-overflow: ellipsis;
           }

           .diary-item .date,
           .usage-item .timestamp {
               font-size: 12px;
               color: var(--text-secondary);
               margin-bottom: 5px;
           }

           .usage-item .action {
               font-size: 15px;
               color: var(--text-primary);
           }

           #char-album-grid,
           #myphone-album-grid {
               display: grid;
               grid-template-columns: repeat(3, 1fr);
               gap: 5px;
               padding: 5px;
           }

           .char-photo-item {
               aspect-ratio: 1 / 1;
               background-size: cover;
               background-position: center;
               background-color: #e9ecef;
           }

           .char-browser-item {
               padding: 12px 20px;
               border-bottom: 1px solid var(--border-color);
           }

           .char-browser-item .title {
               font-weight: 500;
               font-size: 15px;
               color: var(--text-primary);
               margin-bottom: 4px;
           }

           .char-browser-item .url {
               font-size: 12px;
               color: var(--accent-color);
               white-space: nowrap;
               overflow: hidden;
               text-overflow: ellipsis;
           }

           #char-product-grid,
           #myphone-taobao-grid {
               display: grid;
               grid-template-columns: repeat(2, 1fr);
               gap: 10px;
               padding: 10px;
           }

           .char-product-item {
               background-color: var(--secondary-bg);
               border-radius: 8px;
               box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
               display: flex;
               flex-direction: column;
           }

           .char-product-item .product-image {
               width: 100%;
               aspect-ratio: 1 / 1;
               object-fit: cover;
               border-radius: 8px 8px 0 0;
           }

           .char-product-item .product-info {
               padding: 12px 10px;
               flex-grow: 1;
           }

           .char-product-item .product-name {
               font-size: 13px;
               color: #333;
               line-height: 1.4;
               min-height: 36px;
           }

           .char-product-item .product-price {
               font-size: 16px;
               font-weight: 700;
               color: #ff5722;
               margin-top: 8px;
           }

           .char-product-item .product-price::before {
               content: '¥';
               font-size: 12px;
           }

           #char-qq-screen .list-container {
               padding: 0;
           }

           #transcript-modal-body {
               display: flex;
               flex-direction: column;
               gap: 20px;
               padding: 15px;
               background-color: #f0f2f5;
           }

           #phone-screen.dark-mode #transcript-modal-body {
               background-color: #000000;
           }

           #chat-list .chat-list-item,
           #char-chat-list .chat-list-item {
               display: flex;
               align-items: center;
               gap: 15px;
           }

           #chat-list .chat-list-item .avatar-group,
           #char-chat-list .chat-list-item .avatar-group {
               flex-shrink: 0;
           }

           #chat-list .chat-list-item .info,
           #char-chat-list .chat-list-item .info {
               flex-grow: 1;
               min-width: 0;
           }

           #char-qq-conversation-screen .list-container,
           #myphone-qq-conversation-screen .list-container {
               display: flex;
               flex-direction: column;
               gap: 20px;
               padding: 15px;
               background-color: #f0f2f5;
           }

           #phone-screen.dark-mode #char-qq-conversation-screen .list-container,
           #phone-screen.dark-mode #myphone-qq-conversation-screen .list-container {
               background-color: #000000;
           }

           #char-qq-screen,
           #char-memo-screen,
           #char-diary-screen,
           #char-usage-screen,
           #char-album-screen,
           #char-browser-screen,
           #char-taobao-screen,
           #char-browser-article-screen,
           #char-wallet-screen {
               background-color: var(--secondary-bg);
           }

           #char-memo-detail-content {
               width: 100%;
               height: 100%;
               border: none;
               background-color: transparent;
               font-size: 16px;
               line-height: 1.7;
               padding: 15px 20px;
               box-sizing: border-box;
               resize: none;
               outline: none;
               font-family: inherit;
               color: var(--text-primary);
           }