/* =============================================
              第三页左右分栏：纪念日 + 微博
              ============================================= */
           .p3-split-row {
               width: 100%;
               display: flex;
               gap: 10px;
               flex-shrink: 0;
           }

           /* -- 左：纪念日 -- */
           .p3-anniversary-widget {
               flex: 1;
               display: flex;
               flex-direction: column;
               align-items: center;
               gap: 3px;
               padding: 6px 0;
           }
           .anni-day-counter {
               display: flex;
               align-items: baseline;
               gap: 3px;
           }
           .anni-day-counter span:first-child {
               font-size: 27px;
               font-weight: 700;
               color: #fff;
               text-shadow: 0 1px 6px rgba(0,0,0,0.18);
               letter-spacing: 2px;
           }
           .anni-day-unit {
               font-size: 13px;
               font-weight: 500;
               color: rgba(255,255,255,0.9);
               text-shadow: 0 1px 4px rgba(0,0,0,0.12);
           }
           .anni-day-count-auto {
               cursor: default;
           }
           .anni-photos {
               display: flex;
               justify-content: center;
           }
           .anni-photo {
               width: 60px;
               height: 60px;
               border-radius: 50%;
               overflow: hidden;
               border: 2px solid #fff;
               box-shadow: 0 2px 6px rgba(0,0,0,0.1);
               flex-shrink: 0;
               cursor: pointer;
           }
           .anni-photo:first-child {
               margin-right: -8px;
               z-index: 1;
               position: relative;
           }
           .anni-photo img {
               width: 100%;
               height: 100%;
               object-fit: cover;
               display: block;
           }
           .anni-caption {
               font-size: 11px;
               color: #666;
               margin-top: 2px;
           }
           .anni-date {
               font-size: 10px;
               color: #999;
               letter-spacing: 0.5px;
           }

           /* -- 右：微博/小红书帖子 -- */
           .p3-weibo-widget {
               flex: 1;
               display: flex;
               flex-direction: column;
               gap: 3px;
               padding: 6px 0;
               font-size: 9.5px;
               color: #333;
           }
           .weibo-header {
               display: flex;
               align-items: center;
               gap: 6px;
           }
           .weibo-avatar {
               width: 26px;
               height: 26px;
               border-radius: 50%;
               object-fit: cover;
               flex-shrink: 0;
           }
           .weibo-user-info {
               display: flex;
               flex-direction: column;
               line-height: 1.2;
           }
           .weibo-user-info span:first-child {
               font-weight: 600;
               font-size: 11px;
               color: #333;
           }
           .weibo-post-date {
               font-size: 9px;
               color: #aaa;
           }
           .weibo-body {
               line-height: 1.5;
               color: #444;
               font-size: 9.5px;
           }
           .weibo-body p {
               margin: 0;
           }
           .weibo-footer {
               font-size: 8.5px;
               color: #bbb;
           }
           .weibo-image {
               width: 58px;
               height: 68px;
               border-radius: 6px;
               overflow: hidden;
               align-self: flex-end;
               margin-top: -20px;
               cursor: pointer;
               box-shadow: 0 1px 4px rgba(0,0,0,0.08);
           }
           .weibo-image img {
               width: 100%;
               height: 100%;
               object-fit: cover;
               display: block;
           }

           /* 纪念日和微博小组件的可编辑文本样式 */
           .p3-anniversary-widget .editable-text,
           .p3-weibo-widget .editable-text {
               cursor: pointer;
               transition: opacity 0.2s;
           }

           .p3-anniversary-widget .editable-text:hover,
           .p3-weibo-widget .editable-text:hover {
               opacity: 0.7;
           }

           /* --- 第三页 App 网格 改为 4 列 --- */
           #page-3-app-grid {
               display: grid;
               grid-template-columns: repeat(4, 1fr);
               gap: 10px;
               align-content: start;
               justify-items: center;
               margin-top: auto;
           }

           /* 占位 App 图标 */
           .p3-placeholder-icon {
               width: 100%;
               height: 100%;
               display: flex;
               align-items: center;
               justify-content: center;
               font-size: 20px;
               color: #ccc;
               background: linear-gradient(135deg, #f0f0f0, #e5e5e5);
               border-radius: 14px;
           }

           .p3-placeholder-app .label {
               color: #bbb !important;
           }

           /* 移动端壁纸设置布局优化 */
           @media (max-width: 600px) {
               /* 壁纸设置项的右侧区域改为换行布局 */
               .settings-item:has(.wallpaper-thumbnail) .settings-right {
                   flex-wrap: wrap;
                   gap: 8px;
               }

               /* 预览图占据第一行 */
               .settings-item .wallpaper-thumbnail {
                   width: 40px !important;
                   height: 70px !important;
               }

               /* 按钮组占据第二行，占满整行 */
               .settings-item .action-btn-group {
                   flex: 1 0 100%;
                   display: flex;
                   gap: 6px;
                   justify-content: flex-start;
               }

               /* 按钮平分宽度 */
               .settings-item .action-btn-group .settings-mini-btn {
                   flex: 1;
                   min-width: 0;
               }
               
               /* 数据分析统计界面移动端优化 */
               #data-distribution-container {
                   padding: 10px !important;
               }
               
               /* 表格在移动端横向滚动 */
               #data-distribution-container table {
                   display: block;
                   overflow-x: auto;
                   white-space: nowrap;
               }
               
               /* 调整字体大小 */
               #data-distribution-container th,
               #data-distribution-container td {
                   font-size: 12px !important;
                   padding: 6px !important;
               }
               
               /* 清理按钮适配 */
               #data-distribution-container .cleanup-btn {
                   padding: 4px 8px !important;
                   font-size: 11px !important;
               }
           }

/* NPC头像管理样式 */
#npc-avatars-modal .modal-content {
    max-width: 600px;
    height: 70%;
    max-height: 600px;
    display: flex;
    flex-direction: column;
}

#npc-avatars-modal .modal-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 15px;
}

#npc-avatars-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    gap: 15px;
    overflow-y: auto;
    flex: 1;
}

.npc-avatar-item {
    position: relative;
    cursor: pointer;
}

.npc-avatar-item img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
    border: 2px solid #ddd;
    transition: border-color 0.2s;
}

.npc-avatar-checkbox {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.npc-avatar-item img:hover {
    border-color: #007bff;
}

#phone-screen.dark-mode .npc-avatar-item img {
    border-color: #444;
}

#phone-screen.dark-mode .npc-avatar-item img:hover {
    border-color: #007bff;
}

#npc-avatars-modal .btn-danger {
    background-color: #dc3545 !important;
    color: white !important;
}

#npc-avatars-modal .btn-danger:hover {
    background-color: #c82333 !important;
}