/* ========================================= */
           /* ▼▼▼ CPhone 备忘录 & 日记 高端重构 ▼▼▼ */
           /* ========================================= */

           /* 1. 列表容器背景 */
           #char-memo-list,
           #char-diary-list {
               padding: 20px !important;
               /* 统一外边距 */
               display: flex;
               flex-direction: column;
               gap: 12px;
               /* 卡片间距 */
               background-color: #F2F2F7 !important;
               /* 统一底色 */
           }

           #phone-screen.dark-mode #char-memo-list,
           #phone-screen.dark-mode #char-diary-list {
               background-color: #000000 !important;
           }

           /* 2. 列表项卡片样式 */
           .memo-item,
           .diary-item {
               background-color: #FFFFFF;
               padding: 16px 20px !important;
               border-radius: 12px;
               /* 现代感圆角 */
               box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
               border: 1px solid rgba(0, 0, 0, 0.03);
               display: flex;
               align-items: center;
               gap: 16px;
               transition: transform 0.1s, background-color 0.2s;
               cursor: pointer;
               border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
               /* 覆盖旧样式的边框 */
           }

           .memo-item:active,
           .diary-item:active {
               transform: scale(0.98);
               background-color: #F9F9F9;
           }

           /* 3. 图标容器 (左侧方形区域) */
           .cphone-item-icon-box {
               width: 42px;
               height: 42px;
               border-radius: 10px;
               /* iOS 风格圆角 */
               display: flex;
               align-items: center;
               justify-content: center;
               flex-shrink: 0;
           }

           .cphone-item-icon-box svg {
               width: 22px;
               height: 22px;
               stroke-width: 2;
           }

           /* 备忘录专属配色 (暖黄) */
           .memo-icon-style {
               background-color: #FFF8E1;
               /* 极淡黄底 */
               color: #FF9500;
               /* 活力橙黄 */
           }

           /* 日记专属配色 (清新绿) */
           .diary-icon-style {
               background-color: #E8F5E9;
               /* 极淡绿底 */
               color: #34C759;
               /* 苹果绿 */
           }

           /* 4. 中间文字区域 */
           .cphone-item-info {
               flex-grow: 1;
               overflow: hidden;
               display: flex;
               flex-direction: column;
               gap: 4px;
           }

           .cphone-item-title {
               font-size: 16px !important;
               font-weight: 600 !important;
               color: #1C1C1E;
               white-space: nowrap;
               overflow: hidden;
               text-overflow: ellipsis;
               letter-spacing: -0.01em;
           }

           .cphone-item-preview {
               font-size: 13px !important;
               color: #8E8E93 !important;
               white-space: nowrap;
               overflow: hidden;
               text-overflow: ellipsis;
               font-weight: 400;
               line-height: 1.3;
           }

           /* 5. 右侧元素 (箭头或时间) */
           .cphone-item-arrow {
               color: #C7C7CC;
               flex-shrink: 0;
           }

           /* --- 详情页重构 --- */

           /* 备忘录详情页 */
           #char-memo-detail-screen .form-container {
               padding: 20px !important;
               background-color: #F2F2F7 !important;
               height: 100%;
               box-sizing: border-box;
           }

           #char-memo-detail-content {
               background-color: #FFFFFF !important;
               border-radius: 12px;
               padding: 24px !important;
               font-size: 16px !important;
               line-height: 1.6 !important;
               color: #1C1C1E !important;
               box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);
               border: 1px solid rgba(0, 0, 0, 0.03);
               height: 100% !important;
               resize: none;
               outline: none;
               font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
           }

           /* 日记详情页 */
           #char-diary-detail-screen {
               background-color: #F2F2F7 !important;
           }

           #char-diary-detail-content-wrapper {
               padding: 20px !important;
               background: transparent !important;
           }

           #char-diary-detail-content {
               /* 核心修复：强制高度自动，随文字撑开 */
               height: auto !important;

               /* 保持最小高度，内容少时也好看 */
               min-height: 80vh;

               /* 确保背景色和圆角完整包裹内容 */
               background-color: #FFFFFF !important;
               border-radius: 12px;

               /* 优化内边距 */
               padding: 32px 28px 60px 28px !important;
               /* 底部增加内边距，防止文字贴底 */

               /* 视觉样式 */
               box-shadow: 0 2px 15px rgba(0, 0, 0, 0.03);
               border: 1px solid rgba(0, 0, 0, 0.03);
               font-family: "Georgia", "Songti SC", serif !important;
               color: #333 !important;
               line-height: 1.8 !important;

               /* 防止宽度溢出 */
               width: 100%;
               box-sizing: border-box;
               overflow: visible !important;
           }

           /* 确保外层容器允许滚动且布局正确 */
           #char-diary-detail-content-wrapper {
               padding: 20px !important;
               background: transparent !important;
               overflow-y: auto !important;
               /* 确保竖向滚动条在 wrapper 上 */
               display: block !important;
               /* 防止 Flex 布局某些情况下压缩子元素高度 */
           }

           /* --- 暗黑模式适配 --- */
           #phone-screen.dark-mode .memo-item,
           #phone-screen.dark-mode .diary-item {
               background-color: #1C1C1E;
               border-color: #333;
           }

           #phone-screen.dark-mode .cphone-item-title {
               color: #FFFFFF;
           }

           #phone-screen.dark-mode .memo-icon-style {
               background-color: #332A15;
               /* 深黄背景 */
               color: #FFD60A;
           }

           #phone-screen.dark-mode .diary-icon-style {
               background-color: #1A3021;
               /* 深绿背景 */
               color: #30D158;
           }

           #phone-screen.dark-mode #char-memo-detail-screen .form-container,
           #phone-screen.dark-mode #char-diary-detail-screen {
               background-color: #000000 !important;
           }

           #phone-screen.dark-mode #char-memo-detail-content,
           #phone-screen.dark-mode #char-diary-detail-content {
               background-color: #1C1C1E !important;
               color: #E0E0E0 !important;
               border-color: #333;
           }

           #phone-screen.dark-mode #char-diary-detail-content>p:first-of-type {
               color: #FFFFFF !important;
               border-bottom-color: #333;
           }

           /* 1. 外层容器：营造沉浸式阅读环境 */
           #char-diary-detail-screen {
               background-color: #F2F2F7 !important;
               /* iOS 系统级浅灰背景，提供视觉支撑 */
           }

           #phone-screen.dark-mode #char-diary-detail-screen {
               background-color: #000000 !important;
           }

           /* 2. 滚动区域 */
           #char-diary-detail-content-wrapper {
               padding: 20px 16px !important;
               /* 移动端两侧留出合适的呼吸空间 */
               background: transparent !important;
               box-sizing: border-box;
           }

           /* 3. 日记纸张本体 (核心修改) */
           #char-diary-detail-content {
               background-color: #FFFFFF !important;
               border-radius: 16px;
               /* 更圆润、友好的圆角 */
               /* 移除显眼的边框，改用极轻柔的弥散阴影，营造悬浮感 */
               border: none !important;
               box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);

               /* 内部留白：像高级杂志一样的排版 */
               padding: 32px 24px 48px 24px !important;

               /* 字体设置：回归系统原生，追求极致清晰 */
               font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Songti SC", serif !important;
               color: #1D1D1F !important;
               /* Apple 深炭灰，比纯黑更护眼 */

               min-height: 85vh;
               /* 保证纸张长度，即使内容少也不显得单薄 */
               box-sizing: border-box;
           }

           /* 4. 标题/日期 (您觉得太大的那个字) - 重构为“眉批”风格 */
           #char-diary-detail-content>p:first-of-type {
               /* 即使是标题，也不需要巨大。精致 > 巨大 */
               font-size: 15px !important;
               font-weight: 600 !important;
               color: #86868B !important;
               /* 使用高级中灰色，降低视觉干扰 */
               text-transform: uppercase;
               /* 增加一点形式感 */
               letter-spacing: 0.05em;
               /* 增加字间距，增加透气感 */

               margin-top: 0 !important;
               margin-bottom: 24px !important;
               /* 标题与正文的完美距离 */
               padding-bottom: 16px;
               border-bottom: 1px solid rgba(0, 0, 0, 0.05);
               /* 极细的分隔线 */
               text-align: left !important;
           }

           #char-diary-detail-content p {

               line-height: 1.6 !important;

               /* 核心修改：减小段落间距 */
               margin-bottom: 1px !important;
               /* 从 16px 减小到 8px，更加紧凑 */
               margin-top: 0 !important;
               /* 强制去除顶部间距，防止叠加 */

               text-align: justify;
               letter-spacing: -0.01em;
           }

           /* 6. 特殊格式修饰 (保持风格统一) */
           #char-diary-detail-content strong {
               font-weight: 600;
               color: #000;
           }

           /* 重点高亮：改为荧光笔风格，而非简单的背景色 */
           #char-diary-detail-content .diary-highlight {
               background: linear-gradient(120deg, rgba(255, 214, 10, 0.3) 0%, rgba(255, 214, 10, 0.3) 100%);
               background-position: 0 88%;
               background-size: 100% 0.4em;
               /* 只高亮下半部分 */
               background-repeat: no-repeat;
               padding: 0;
               border-radius: 0;
           }

           /* --- 暗黑模式适配 (深邃模式) --- */
           #phone-screen.dark-mode #char-diary-detail-content {
               background-color: #1C1C1E !important;
               /* 深灰卡片 */
               color: #F5F5F7 !important;
               /* 柔白文字 */
               box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
           }

           #phone-screen.dark-mode #char-diary-detail-content>p:first-of-type {
               color: #98989D !important;
               border-bottom-color: rgba(255, 255, 255, 0.1);
           }

           #phone-screen.dark-mode #char-diary-detail-content .diary-highlight {
               background: rgba(255, 214, 10, 0.2);
               /* 暗黑模式下改为全背景淡淡高亮 */
               background-size: 100% 100%;
               border-radius: 4px;
           }