/* --- iOS Settings UI Transformation --- */

           /* --- iOS Settings UI Transformation --- */

           /* 背景色 */
           #api-settings-screen.ios-settings-screen {
               background-color: #f2f2f7 !important;
           }

           #phone-screen.dark-mode #api-settings-screen.ios-settings-screen {
               background-color: #000 !important;
           }

           /* 头部调整 */
           #api-settings-screen .header {
               background-color: #f2f2f7 !important;
               border-bottom: none !important;
               box-shadow: none !important;
           }

           #phone-screen.dark-mode #api-settings-screen .header {
               background-color: #000 !important;
           }

           /* 滚动容器 */
           .ios-scroll-container {
               padding: 20px 16px;
               overflow-y: auto;
               height: 100%;
               box-sizing: border-box;
           }

           /* 分组标题 */
           .settings-header {
               font-size: 13px;
               color: #6d6d72;
               margin: 24px 0 8px 16px;
               text-transform: uppercase;
           }

           #phone-screen.dark-mode .settings-header {
               color: #8d8d93;
           }

           /* 描述文本 */
           .settings-desc {
               font-size: 13px;
               color: #6d6d72;
               margin: 8px 16px 0 16px;
               line-height: 1.4;
           }

           /* 卡片分组 (Settings Section) */
           .settings-section {
               background-color: #ffffff;
               border-radius: 10px;
               overflow: hidden;
               /* 关键：切圆角 */
               margin-bottom: 20px;
           }

           #phone-screen.dark-mode .settings-section {
               background-color: #1c1c1e;
           }

           /* 列表项 (Settings Item) */
           .settings-item {
               display: flex;
               justify-content: space-between;
               align-items: center;
               padding: 11px 16px;
               /* iOS 标准高度 */
               background-color: #fff;
               border-bottom: 0.5px solid #c6c6c8;
               min-height: 44px;
               box-sizing: border-box;
           }

           #phone-screen.dark-mode .settings-item {
               background-color: #1c1c1e;
               border-bottom-color: #38383a;
           }

           /* 去掉每组最后一个元素的下边框 */
           .settings-section>.settings-item:last-child {
               border-bottom: none;
           }

           /* 针对隐藏的详情块 (如 ImgBB, NovelAI) */
           #novelai-details,
           #imgbb-settings-details,
           #catbox-settings-details,
           #github-settings-details {
               background-color: #f9f9f9;
               /* 稍微深一点区分层级 */
           }

           #phone-screen.dark-mode #novelai-details,
           #phone-screen.dark-mode #imgbb-settings-details,
           #phone-screen.dark-mode #catbox-settings-details,
           #phone-screen.dark-mode #github-settings-details {
               background-color: #252527;
           }

           /* 标签文本 */
           .settings-item label {
               font-size: 17px;
               color: #000;
               flex-shrink: 0;
               margin: 0;
           }

           #phone-screen.dark-mode .settings-item label {
               color: #fff;
           }

           /* 右侧控件区域 */
           .settings-right {
               display: flex;
               align-items: center;
               justify-content: flex-end;
               flex-grow: 1;
               margin-left: 16px;
               min-width: 0;
           }

           /* 输入框 & 选择框 (无边框风格) */
           .settings-item input[type="text"],
           .settings-item input[type="password"],
           .settings-item input[type="number"],
           .settings-select {
               width: 100%;
               border: none;
               background: transparent;
               text-align: right;
               font-size: 17px;
               color: #3c3c4399;
               /* iOS 灰色占位符色 */
               padding: 0;
               outline: none;
           }

           /* 有值时的颜色 */
           /* --- 修复 1: 将输入框和选择框的文字颜色改为黑色 --- */
           .settings-item input:not(:placeholder-shown),
           .settings-select {
               color: #000000 !important;
               /* 改为黑色 */
           }

           /* 暗黑模式下改为白色 */
           #phone-screen.dark-mode .settings-item input:not(:placeholder-shown),
           #phone-screen.dark-mode .settings-select {
               color: #ffffff !important;
           }

           /* 占位符颜色 */
           .settings-item input::placeholder {
               color: #c7c7cc;
           }

           /* 按钮样式 */
           .settings-text-btn {
               background: none;
               border: none;
               font-size: 17px;
               color: #007aff;
               cursor: pointer;
               padding: 4px 0;
           }

           .settings-text-btn.destructive {
               color: #ff3b30;
           }

           /* --- 修复 2: 优化全宽按钮，去除奇怪的黑线问题 --- */
           .settings-full-btn {
               width: 100%;
               background: #fff;
               /* 确保有背景色 */
               border: none;
               border-top: 0.5px solid #c6c6c8;
               /* 分割线 */
               padding: 14px;
               font-size: 17px;
               color: #007aff;
               cursor: pointer;
               font-weight: 400;
               /* iOS 按钮字体通常不需要加粗 */
               margin: 0;
               /* 清除外边距 */
               display: block;
               /* 确保是块级元素 */
           }

           #phone-screen.dark-mode .settings-full-btn {
               background: #1c1c1e;
               border-top-color: #38383a;
               color: #0a84ff;
           }

           /* 如果按钮是分组里的第一个元素，去掉顶部分割线 */
           .settings-section .settings-full-btn:first-child {
               border-top: none;
           }

           .settings-full-btn:active {
               background-color: #e5e5ea;
           }

           #phone-screen.dark-mode .settings-full-btn:active {
               background-color: #3a3a3c;
           }

           /* 可点击项 (Clickable Rows) */
           .settings-item.clickable {
               cursor: pointer;
               justify-content: center;
               /* 居中文字 */
           }

           .settings-item.clickable:active {
               background-color: #e5e5ea;
           }

           #phone-screen.dark-mode .settings-item.clickable:active {
               background-color: #3a3a3c;
           }

           /* 修复 Slider */
           input[type=range] {
               height: 24px;
               margin: 0;
           }

           /* 修复 Toggle Switch (复用之前的，只需确保 vertical-align) */
           .toggle-switch {
               display: flex;
               align-items: center;
           }

           /* 小按钮 (Mini Btn) */
           .settings-mini-btn {
               background-color: #f2f2f7;
               color: #007aff;
               border: none;
               border-radius: 14px;
               padding: 6px 12px;
               font-size: 14px;
               cursor: pointer;
           }

           /* 思维链管理：保留现有 iOS 设置结构，仅补充窄屏可操作性与暗色回显 */
           .thought-chain-settings-card {
               margin: 15px;
               border-radius: 12px;
               overflow: hidden;
               flex-shrink: 0;
           }

           .thought-chain-preset-actions,
           .thought-chain-test-actions {
               display: flex;
               align-items: center;
               gap: 8px;
               flex-wrap: wrap;
               justify-content: flex-end;
               width: 100%;
           }

           .thought-chain-unsaved-indicator {
               width: 100%;
               color: #b45309;
               font-size: 12px;
               text-align: right;
           }

           .thought-chain-inline-desc {
               margin: 3px 0 0;
               font-size: 12px;
           }

           .thought-chain-compatibility-heading {
               background: #f8f8fa;
           }

           .thought-chain-advanced-settings {
               display: flex;
               flex-direction: column;
               gap: 12px;
               padding: 14px 16px;
               border-bottom: 0.5px solid #c6c6c8;
               background: #fff;
           }

           .thought-chain-advanced-settings label,
           .thought-chain-field-grid label {
               display: flex;
               flex-direction: column;
               gap: 6px;
               min-width: 0;
               font-size: 13px;
               color: #555;
           }

           .thought-chain-advanced-settings input[type="text"],
           .thought-chain-advanced-settings select,
           .thought-chain-field-grid input {
               width: 100%;
               box-sizing: border-box;
               padding: 8px;
               border: 1px solid #d1d1d6;
               border-radius: 7px;
               background: #fff;
               color: #111;
           }

           .thought-chain-field-grid,
           .thought-chain-check-grid {
               display: grid;
               grid-template-columns: repeat(2, minmax(0, 1fr));
               gap: 10px;
           }

           .thought-chain-check-grid label {
               display: flex;
               flex-direction: row;
               align-items: center;
               gap: 6px;
               font-size: 13px;
               color: #555;
           }

           .thought-chain-tools-modal-content {
               height: min(78%, 680px);
               max-width: 620px;
           }

           .thought-chain-tools-body {
               display: grid;
               grid-template-rows: minmax(100px, 0.8fr) minmax(160px, 1.2fr);
               gap: 12px;
           }

           .thought-chain-tools-input,
           .thought-chain-tools-output {
               width: 100%;
               min-height: 0;
               box-sizing: border-box;
               margin: 0;
               padding: 12px;
               border: 1px solid #d1d1d6;
               border-radius: 8px;
               overflow: auto;
               white-space: pre-wrap;
               overflow-wrap: anywhere;
               background: #f8f8fa;
               color: #111;
               font: 13px/1.5 monospace;
           }

           #phone-screen.dark-mode .thought-chain-compatibility-heading,
           #phone-screen.dark-mode .thought-chain-advanced-settings,
           #phone-screen.dark-mode .thought-chain-settings-card {
               background: #1c1c1e;
               border-color: #38383a;
           }

           #phone-screen.dark-mode .thought-chain-advanced-settings label,
           #phone-screen.dark-mode .thought-chain-check-grid label,
           #phone-screen.dark-mode .thought-chain-field-grid label {
               color: #ddd;
           }

           #phone-screen.dark-mode .thought-chain-advanced-settings input[type="text"],
           #phone-screen.dark-mode .thought-chain-advanced-settings select,
           #phone-screen.dark-mode .thought-chain-field-grid input,
           #phone-screen.dark-mode .thought-chain-tools-input,
           #phone-screen.dark-mode .thought-chain-tools-output {
               background: #2c2c2e;
               border-color: #48484a;
               color: #fff;
           }

           @media (max-width: 560px) {
               .thought-chain-field-grid,
               .thought-chain-check-grid {
                   grid-template-columns: 1fr;
               }

               .thought-chain-preset-actions,
               .thought-chain-test-actions {
                   justify-content: flex-start;
               }

               #thought-chain-list {
                   padding-left: 10px !important;
                   padding-right: 10px !important;
               }
           }

           #phone-screen.dark-mode .settings-mini-btn {
               background-color: #3a3a3c;
               color: #0a84ff;
           }

           /* 数字输入框特殊处理 */
           .settings-num-input {
               max-width: 80px;
               background-color: #f2f2f7 !important;
               border-radius: 6px !important;
               text-align: center !important;
               padding: 4px !important;
               color: #000 !important;
           }

           #phone-screen.dark-mode .settings-num-input {
               background-color: #3a3a3c !important;
               color: #fff !important;
           }

           /* Block Item (用于图片大小计算等) */
           .settings-item-block {
               padding: 11px 16px;
               background-color: #fff;
           }

           #phone-screen.dark-mode .settings-item-block {
               background-color: #1c1c1e;
           }

           /* --- 修复 1: 下拉框对齐逻辑 (闭合右对齐，展开左对齐) --- */
           .settings-select {
               text-align: right !important;
               /* 闭合状态：文字靠右 */
               text-align-last: right !important;
               /* 强制最后一行靠右 (针对部分浏览器) */
               direction: ltr !important;
               /* 保持从左到右的文字方向 */
               padding-right: 24px;
               /* 留出右侧空间给箭头或后面加的按钮 */
               background-position: right center;
               /* 确保原生箭头在右侧 */
           }

           /* 展开后的选项强制左对齐 */
           .settings-select option {
               text-align: left !important;
               direction: ltr !important;
           }

           /* --- 修复 2: 按钮改为行内简约风格 (去背景) --- */
           /* 定义一个新的行内按钮样式 */
           .settings-inline-btn {
               background: none !important;
               /* 去掉灰色背景 */
               border: none !important;
               /* 去掉边框 */
               font-size: 15px !important;
               /* 字体大小 */
               font-weight: 500 !important;
               padding: 4px 8px !important;
               /* 减小内边距 */
               cursor: pointer;
               display: flex;
               align-items: center;
               justify-content: center;
               min-width: 30px;
               /* 保证触摸区域 */
           }

           /* 保存按钮 (蓝色) */
           .settings-inline-btn.save-btn {
               color: #007aff !important;
           }

           /* 删除按钮 (红色) */
           .settings-inline-btn.delete-btn {
               color: #ff3b30 !important;
               border-left: 1px solid #c6c6c8 !important;
               /* 加个左边框分隔线 */
               padding-left: 12px !important;
               margin-left: 4px;
           }

           /* 按钮点击态 */
           .settings-inline-btn:active {
               opacity: 0.5;
           }

           /* 调整右侧容器，让下拉框和按钮排成一行 */
           .settings-right {
               gap: 2px !important;
               /* 减小元素间距 */
           }

           /* --- 修复 1: 截图同款“更换”按钮样式 --- */
           .settings-mini-btn {
               background-color: #f2f2f7 !important;
               /* 浅灰背景 */
               border: 1px solid #e5e5ea !important;
               /* 极淡的边框 */
               color: #007aff !important;
               /* iOS 蓝色文字 */
               border-radius: 6px !important;
               /* 小圆角 */
               padding: 5px 12px !important;
               /* 内边距 */
               font-size: 13px !important;
               /* 字体稍小 */
               font-weight: 500 !important;
               /* 适中字重 */
               cursor: pointer;
               white-space: nowrap;
               /* 防止换行 */
               margin-left: 8px;
               /* 与左边的输入框保持距离 */
               transition: opacity 0.2s;
           }

           /* 点击时的反馈 */
           .settings-mini-btn:active {
               opacity: 0.6;
               background-color: #e5e5ea !important;
           }

           /* 暗黑模式适配 */
           #phone-screen.dark-mode .settings-mini-btn {
               background-color: #2c2c2e !important;
               border-color: #3a3a3c !important;
               color: #0a84ff !important;
           }

           #phone-screen.dark-mode .settings-mini-btn:active {
               background-color: #3a3a3c !important;
           }

           /* --- 修正 1: 数据管理按钮改为 iOS 标准列表风格 (黑字、左对齐) --- */
           .settings-full-btn {
               width: 100%;
               background-color: #fff !important;
               border: none;
               border-top: 0.5px solid #c6c6c8 !important;
               /* 细分割线 */
               padding: 14px 16px !important;
               /* 标准内边距 */
               font-size: 17px !important;
               color: #000000 !important;
               /* 改为黑色 */
               font-weight: 400 !important;
               /* 正常字重 */
               text-align: left !important;
               /* 强制左对齐 */
               cursor: pointer;
               margin: 0 !important;
               display: block;
               border-radius: 0 !important;
           }

           /* 危险按钮保持红色，但依然左对齐 */
           .settings-full-btn[style*="color: #ff3b30"],
           .settings-full-btn[style*="color:#ff3b30"] {
               color: #ff3b30 !important;
           }

           /* 按钮点击态 */
           .settings-full-btn:active {
               background-color: #e5e5ea !important;
           }

           /* --- 修正 2: 清除“图片占用大小”旧样式的灰框和黑线 --- */
           #total-image-size-display {
               background: transparent !important;
               /* 去掉灰色背景 */
               border: none !important;
               /* 去掉边框 */
               padding: 0 !important;
               margin: 0 !important;
               color: #8a8a8a;
               font-size: 17px;
           }

           /* --- 修正 3: 让预设部分的下拉框和按钮布局更紧凑 --- */
           /* 针对预设管理那一行的特殊微调 */
           #api-settings-screen .settings-item .settings-right {
               gap: 8px !important;
               /* 增加一点间距 */
           }

           /* 暗黑模式适配 */
           #phone-screen.dark-mode .settings-full-btn {
               background-color: #1c1c1e !important;
               border-top-color: #38383a !important;
               color: #ffffff !important;
           }

           #phone-screen.dark-mode .settings-full-btn:active {
               background-color: #2c2c2e !important;
           }

           /* --- 修正 1: 下拉框完全左对齐，去除右侧内边距 --- */
           .settings-select {
               text-align: left !important;
               padding-left: 0 !important;
               /* 紧贴左侧 */
               direction: ltr !important;
           }

           /* --- 修正 2: 列表按钮颜色统一 (强制黑色) --- */
           .settings-full-btn {
               color: #000000 !important;
               /* 统一为黑色 */
           }

           /* 暗黑模式下统一为白色 */
           #phone-screen.dark-mode .settings-full-btn {
               color: #ffffff !important;
           }

           /* --- 修正 1: 按钮颜色统一为黑色 (去蓝去红) --- */
           /* 小按钮 (保存、删除、压缩) */
           .settings-mini-btn {
               color: #333333 !important;
               /* 黑色文字 */
               background-color: #f2f2f7 !important;
               border: 1px solid #e5e5ea !important;
               margin-left: 8px;
           }

           /* 大列表按钮 (导出、导入、清理) */
           .settings-full-btn {
               color: #333333 !important;
               /* 黑色文字 */
               text-align: left !important;
               justify-content: flex-start !important;
               padding-left: 16px !important;
           }

           /* 暗黑模式下改为白色 */
           #phone-screen.dark-mode .settings-mini-btn,
           #phone-screen.dark-mode .settings-full-btn {
               color: #ffffff !important;
           }

           /* --- 修正 2: 强制清洗 JS 生成的冗余文本 --- */
           /* 隐藏 JS 生成的 "本地图片(头像/表情...):" 这串长字 */
           #total-image-size-display #image-size-label {
               display: none !important;
           }

           /* 只显示大小数值，并调整样式 */
           #total-image-size-display #image-size-value {
               font-size: 13px;
               color: #8a8a8a;
               /* 次要信息灰色 */
               margin-top: 2px;
               display: block;
               text-align: left;
           }

           /* 移除外层容器的干扰样式 */
           #total-image-size-display {
               background: transparent !important;
               border: none !important;
               padding: 0 !important;
               margin: 0 !important;
               display: flex !important;
               flex-direction: column !important;
               align-items: flex-start !important;
           }

           /* --- 修正 3: 下拉框对齐调整 --- */
           /* 让下拉框文字紧贴左侧 */
           .settings-select {
               text-align: left !important;
               padding-left: 0 !important;
           }

           /* --- 修复 1: 暴力清除下拉框的所有间隙 --- */
           .settings-select {
               appearance: none !important;
               /* 清除系统默认外观 */
               -webkit-appearance: none !important;
               background: transparent !important;
               /* 去除背景 */
               border: none !important;
               /* 去除边框 */
               padding: 0 !important;
               /* 清除内边距 */
               margin: 0 !important;
               /* 清除外边距 */
               text-indent: 0 !important;
               /* 清除首行缩进 */
               text-align: left !important;
               /* 强制左对齐 */
               font-size: 17px !important;
               line-height: normal !important;
               color: #000 !important;
               width: 100%;
           }

           /* 暗黑模式文字颜色 */
           #phone-screen.dark-mode .settings-select {
               color: #fff !important;
           }

           /* --- 修复 2: 数据管理行布局 (实现：标题------数值 [按钮]) --- */
           /* 让右侧容器里的内容紧凑排列 */
           .data-row-right {
               display: flex;
               align-items: center;
               justify-content: flex-end;
               gap: 10px;
               /* 数值和按钮之间的间距 */
               flex-grow: 1;
           }

           /* 纯净显示数值，去掉JS生成的标签文字 */
           #total-image-size-display {
               font-size: 15px !important;
               color: #8a8a8a !important;
               /* 次要信息用灰色 */
               background: none !important;
               border: none !important;
               padding: 0 !important;
               margin: 0 !important;
           }

           /* 隐藏掉 JS 自动生成的 "本地图片(xxx):" 这种长文本，只留数字 */
           #total-image-size-display #image-size-label {
               display: none !important;
           }

           #total-image-size-display #image-size-value {
               font-weight: 400 !important;
               color: #8a8a8a !important;
           }

           #api-preset-select.settings-select {
               text-align: left !important;
               /* 强制左对齐 */
               text-align-last: left !important;
               /* 针对选中值的强制左对齐 (关键) */
               padding-left: 0 !important;
               /* 去除左侧内边距 */
               direction: ltr !important;
               /* 从左到右排列 */
               width: 100% !important;
               /* 占满容器 */
               display: block !important;
           }

           /* --- 修复: 还原灰色的说明/教程条 --- */
           /* 这是一个列表项容器，确保它在白色卡片内占位 */
           .settings-tip-wrapper {
               padding: 10px 16px;
               background-color: #fff;
               border-bottom: 0.5px solid #c6c6c8;
           }

           /* 这是里面的灰色圆角框 (对应你截图的样子) */
           .settings-tip-content {
               background-color: #f0f0f0;
               /* 浅灰背景 */
               color: #666666;
               /* 深灰文字 */
               font-size: 13px;
               padding: 10px;
               border-radius: 8px;
               /* 圆角 */
               line-height: 1.5;
               /* 行高，易读 */
           }

           /* 强调文字 (红色警告) */
           .settings-tip-content strong {
               color: #ff3b30;
               font-weight: 600;
           }

           /* 链接样式 */
           .settings-tip-content a {
               color: #007aff;
               text-decoration: none;
           }

           /* 暗黑模式适配 */
           #phone-screen.dark-mode .settings-tip-wrapper {
               background-color: #1c1c1e;
               border-bottom-color: #38383a;
           }

           #phone-screen.dark-mode .settings-tip-content {
               background-color: #2c2c2e;
               /* 深色背景 */
               color: #aeaeb2;
           }

           /* ============================================================
   【独立修复】聊天详情页下拉框 (不影响 API 设置页)
   ============================================================ */

           /* 1. 将选择器限定在 #chat-settings-screen 内 */
           #chat-settings-screen .settings-select {
               /* 恢复灰色背景条 */
               background-color: #f2f2f7 !important;

               /* 加回边框和圆角，让它看起来像个按钮 */
               border: 1px solid #e5e5ea !important;
               border-radius: 6px !important;

               /* 调整内边距：上下 6px 保证高度与旁边的“更换”按钮一致 */
               padding: 6px 25px 6px 12px !important;

               /* 恢复黑色文字 */
               color: #333 !important;

               /* 默认：强制左对齐 */
               text-align: left !important;
               text-align-last: left !important;

               /* 添加一个小箭头图标，让它看起来更像下拉框 */
               background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
               background-repeat: no-repeat !important;
               background-position: right 8px center !important;
               background-size: 12px !important;

               /* 确保高度撑开 */
               min-height: 28px !important;
               line-height: normal !important;
           }

           /* 2. 【特例】语音语言选择：强制右对齐 */
           #chat-settings-screen #ai-voice-lang-select {
               text-align: right !important;
               text-align-last: right !important;
               direction: ltr !important;
               /* 右侧留出一点空间给箭头，但文字靠右 */
               padding-right: 30px !important;
               padding-left: 0 !important;
           }

           /* 3. 暗黑模式适配 (仅针对聊天设置页) */
           #phone-screen.dark-mode #chat-settings-screen .settings-select {
               background-color: #3a3a3c !important;
               border-color: #48484a !important;
               color: #fff !important;

               /* 暗黑模式下箭头变白一点 */
               background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
           }

           #ai-avatar-group,
           #group-avatar-group,
           #my-avatar-group {
               /* 1. 改变主轴方向为垂直，让标签和内容换行 */
               flex-direction: column !important;

               /* 2. 让子元素拉伸填满宽度 */
               align-items: stretch !important;

               /* 3. 增加标签和下方内容之间的间距 */
               gap: 8px !important;

               /* 4. 确保高度自适应 */
               height: auto !important;
               padding-bottom: 12px !important;
           }

           /* 修正下方内容区域的边距 */
           #ai-avatar-group .settings-right,
           #group-avatar-group .settings-right,
           #my-avatar-group .settings-right {
               /* 换行后不再需要左边距 */
               margin-left: 0 !important;

               /* 确保占满整行宽度 */
               width: 100% !important;
           }

           /* 确保头像操作区两端对齐 (头像在左，按钮在右) */
           #ai-avatar-group .avatar-action-wrapper,
           #group-avatar-group .avatar-action-wrapper,
           #my-avatar-group .avatar-action-wrapper {
               justify-content: space-between !important;
               width: 100% !important;
           }

           #toggle-reading-fullscreen-btn {
               background: none;
               border: none;
               cursor: pointer;
               color: var(--text-secondary);
               padding: 4px 8px;
               border-radius: 4px;
               display: flex;
               align-items: center;
               justify-content: center;
               transition: background-color 0.2s;
           }

           #toggle-reading-fullscreen-btn:hover {
               background-color: rgba(0, 0, 0, 0.1);
           }

           /* 2. 当窗口全屏时，切换按钮内的图标 */
           #reading-window.fullscreen #toggle-reading-fullscreen-btn .icon-maximize {
               display: none;
           }

           #reading-window.fullscreen #toggle-reading-fullscreen-btn .icon-minimize {
               display: block;
           }

           /* 3. 窗口全屏时的核心样式 */
           #reading-window.fullscreen {
               width: 100%;
               height: 100%;
               max-width: 100%;
               max-height: 100%;
               top: 0 !important;
               left: 0 !important;
               border-radius: 0;
               box-shadow: none;
               transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
           }

           /* 4. 遮罩层在全屏时的样式 */
           #reading-overlay.fullscreen-active {
               align-items: stretch;
               justify-content: stretch;
           }