/* --- Reddit App 样式 --- */
           .reddit-post-item {
               background-color: #fff;
               margin-bottom: 10px;
               padding: 10px 15px;
               cursor: pointer;
               display: flex;
               gap: 10px;
               border-bottom: 1px solid #eee;
           }

           .reddit-post-item:active {
               background-color: #f0f0f0;
           }

           .reddit-vote-box {
               display: flex;
               flex-direction: column;
               align-items: center;
               width: 30px;
               font-size: 12px;
               color: #1a1a1b;
               font-weight: 700;
           }

           .reddit-content-box {
               flex: 1;
               display: flex;
               flex-direction: column;
               gap: 5px;
               min-width: 0;
           }

           .reddit-meta {
               font-size: 11px;
               color: #787c7e;
               display: flex;
               align-items: center;
               gap: 5px;
           }

           .reddit-sub-icon {
               width: 16px;
               height: 16px;
               border-radius: 50%;
               background-color: #0079d3;
           }

           .reddit-title {
               font-size: 15px;
               font-weight: 600;
               color: #222;
               line-height: 1.4;
           }

           .reddit-preview-img {
               width: 100%;
               max-height: 200px;
               object-fit: cover;
               border-radius: 8px;
               border: 1px solid #edeff1;
               margin-top: 5px;
           }

           .reddit-forward-btn {
               margin-top: 8px;
               background-color: #f0f0f0;
               color: #555;
               border: none;
               border-radius: 20px;
               padding: 5px 12px;
               font-size: 12px;
               cursor: pointer;
               align-self: flex-start;
               display: flex;
               align-items: center;
               gap: 4px;
           }

           /* --- 聊天气泡中的精美 Reddit 卡片样式 --- */
           .message-bubble.is-reddit-card {
               flex: initial;
               min-width: auto;
           }

           .message-bubble.is-reddit-card .content {
               padding: 0;
               background: transparent !important;
               box-shadow: none;
           }

           .reddit-share-card {
               width: 240px;
               background-color: #ffffff;
               border-radius: 12px;
               overflow: hidden;
               border: 1px solid #e0e0e0;
               box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
               font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
               cursor: pointer;
           }

           .reddit-card-header {
               padding: 8px 12px;
               background-color: #f8f9fa;
               display: flex;
               align-items: center;
               gap: 6px;
               border-bottom: 1px solid #eee;
           }

           .reddit-card-logo {
               width: 16px;
               height: 16px;
           }

           .reddit-card-sub {
               font-size: 11px;
               color: #1c1c1c;
               font-weight: 700;
           }

           .reddit-card-user {
               font-size: 11px;
               color: #787c7e;
           }

           .reddit-card-body {
               padding: 10px 12px;
           }

           .reddit-card-title {
               font-size: 14px;
               font-weight: 600;
               color: #222;
               margin-bottom: 8px;
               line-height: 1.4;
               display: -webkit-box;
               -webkit-line-clamp: 3;
               -webkit-box-orient: vertical;
               overflow: hidden;
           }

           .reddit-card-img {
               width: 100%;
               height: 120px;
               object-fit: cover;
               border-radius: 4px;
               margin-bottom: 5px;
               background-color: #eee;
           }

           .reddit-card-footer {
               padding: 8px 12px;
               display: flex;
               justify-content: space-between;
               align-items: center;
               border-top: 1px solid #f0f0f0;
               font-size: 11px;
               color: #878a8c;
           }

           /* 暗黑模式适配 */
           #phone-screen.dark-mode #char-reddit-screen {
               background-color: #000;
           }

           #phone-screen.dark-mode #char-reddit-list {
               background-color: #121212;
           }

           #phone-screen.dark-mode .reddit-post-item {
               background-color: #1a1a1b;
               border-bottom-color: #343536;
           }

           #phone-screen.dark-mode .reddit-title {
               color: #d7dadc;
           }

           #phone-screen.dark-mode .reddit-share-card {
               background-color: #1a1a1b;
               border-color: #343536;
           }

           #phone-screen.dark-mode .reddit-card-header {
               background-color: #272729;
               border-bottom-color: #343536;
           }

           #phone-screen.dark-mode .reddit-card-sub {
               color: #d7dadc;
           }

           #phone-screen.dark-mode .reddit-card-title {
               color: #d7dadc;
           }

           #phone-screen.dark-mode .reddit-card-footer {
               border-top-color: #343536;
           }

           /* 暗黑模式适配 Reddit 详情 */
           #phone-screen.dark-mode #char-article-content h2 {
               color: #e0e0e0 !important;
           }

           #phone-screen.dark-mode #char-article-content div {
               color: #ccc !important;
           }

           #phone-screen.dark-mode .reddit-comment-item {
               border-bottom-color: #333 !important;
           }

           /* 绿江书籍卡片上的加入书架按钮 */
           .gr-add-shelf-btn {
               background: none;
               border: 1px solid var(--gr-primary);
               color: var(--gr-primary);
               border-radius: 12px;
               padding: 2px 8px;
               font-size: 11px;
               cursor: pointer;
               display: flex;
               align-items: center;
               gap: 4px;
               transition: all 0.2s;
               z-index: 2;
               /* 确保在卡片点击层之上 */
           }

           .gr-add-shelf-btn:hover {
               background-color: var(--gr-primary);
               color: white;
           }

           /* 已加入状态：实心背景，显示为已完成 */
           .gr-add-shelf-btn.added {
               background-color: rgba(0, 0, 0, 0.05);
               border-color: transparent;
               color: #888;
               cursor: pointer;
               /* 保持可点击 */
           }

           /* 已加入状态悬停：变成红色，提示移除 */
           .gr-add-shelf-btn.added:hover {
               background-color: #ffebee;
               color: #ff3b30;
               border-color: #ff3b30;
           }

           /* 暗黑模式适配 */
           #phone-screen.dark-mode .gr-add-shelf-btn.added {
               background-color: rgba(255, 255, 255, 0.1);
               color: #aaa;
           }

           #phone-screen.dark-mode .gr-add-shelf-btn.added:hover {
               background-color: rgba(255, 59, 48, 0.2);
               color: #ff453a;
               border-color: #ff453a;
           }