/* @budding: 首页与聊天列表 */
#home-screen { justify-content: space-between; background-size: cover; background-position: center; transition: background-image 0.5s ease-in-out; padding: 50px 0; }
.time-widget { text-align: center; padding: 0 20px; color: var(--text-color); }
.time-widget .time { font-size: 72px; font-weight: 600; }
.time-widget .date { font-size: 18px; color: #666; }
#home-screen.day-mode .time-widget, #home-screen.day-mode .time-widget .date, #home-screen.day-mode .app-icon .app-name { color: var(--white-color); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
.app-grid { width: 100%; padding: 20px 40px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; justify-content: center; align-content: center; margin-top: 40px; }
.dock { display: flex; justify-content: center; align-items: center; padding: 10px; background-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); border-radius: var(--border-radius); margin: 0 20px; min-height: 80px; gap: 15px; }
.app-icon { display: flex; flex-direction: column; align-items: center; cursor: pointer; text-decoration: none; }
.icon-img { width: 60px; height: 60px; border-radius: 15px; margin-bottom: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); transition: transform 0.2s ease; object-fit: cover; }
.app-icon:hover .icon-img { transform: translateY(-5px); }
.app-icon .app-name { font-size: 12px; color: var(--text-color); font-weight: 500; }

#chat-list-screen .content { padding: 10px 0 0 0; }
.chat-item.pinned { background-color: var(--top-pinned-bg); }
.chat-avatar { width: 50px; height: 50px; border-radius: 50%; margin-right: 15px; object-fit: cover; flex-shrink: 0; background-color: #eee; }
.group-avatar { border-radius: 10px; }
.item-details { flex-grow: 1; overflow: hidden; }
.item-details-row { display: flex; justify-content: space-between; align-items: center; }
.item-name { font-weight: 600; color: var(--text-color); font-size: 16px; }
.item-preview-wrapper { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.item-preview { font-size: 14px; color: #888; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-grow: 1; }
.pin-badge { background-color: #bfbfbf; color: white; font-size: 10px; font-weight: bold; padding: 2px 6px; border-radius: 5px; white-space: nowrap; flex-shrink: 0; }

/* 头部特殊按钮 */
.app-header .action-btn-group { display: flex; align-items: center; gap: 10px; }
.app-header .action-btn-group .action-btn { font-size: 16px; font-weight: 600; width: auto; padding: 6px 12px; border-radius: 10px; }
.app-header .action-btn-group #create-group-btn { background-color: var(--primary-color); color: var(--white-color); }
.app-header .action-btn-group #add-chat-btn { font-size: 28px; padding: 0; width: 40px; height: 40px; background-color: transparent; color: var(--secondary-color); border-radius: 50%; transition: color 0.2s; }
.app-header .action-btn-group #add-chat-btn:hover { color: var(--primary-color); }
#cancel-multi-select-btn { font-size: 14px !important; font-weight: 500 !important; color: var(--primary-color) !important; background-color: #e9e9e9 !important; border-radius: 10px !important; padding: 5px 10px !important; width: auto !important; height: auto !important; }