* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; outline: none; }
        body { background-color: #F2F3F5; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; color: #000; user-select: none; }
        
        /* 头部 */
        .header { display: flex; justify-content: space-between; align-items: center; height: 44px; padding: 0 12px; background-color: #F2F3F5; position: sticky; top: 0; z-index: 100; }
        .header .back-icon-container { width: 40px; height: 100%; display: flex; align-items: center; cursor: pointer; }
        .header-arrow-img { height: 22px; width: auto; display: block; }
        .header .title { font-size: 17px; font-weight: 500; text-align: center; flex: 1; color: #000; letter-spacing: -0.3px; }
        .header .edit-btn { font-size: 16px; color: #000; width: 40px; text-align: right; cursor: pointer; font-weight: 400; }

        /* 列表容器 */
        .container { padding: 0 16px 40px 16px; }
        .section-title { font-size: 13px; color: #909399; margin: 16px 0 8px 4px; font-weight: 400; }
        .card { background-color: #ffffff; border-radius: 12px; overflow: hidden; }
        
        /* 通用列表项 */
        .list-item { display: flex; align-items: center; min-height: 54px; padding-left: 16px; background: #fff; cursor: pointer; transition: background 0.1s; }
        .list-item:active { background-color: #f9f9f9; }
        
        .item-icon-container { width: 24px; height: 24px; margin-right: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
        .settings-icon { width: 100%; height: 100%; object-fit: contain; display: block; }
        
        .list-item-inner { flex: 1; display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 14px 16px 14px 0; border-bottom: 0.5px solid #f2f2f2; }
        .list-item:last-child .list-item-inner { border-bottom: none; }
        
        .item-text { font-size: 16px; color: #000; font-weight: 400; flex: 1; }
        .item-right { display: flex; align-items: center; }
        .right-text { font-size: 14px; color: #969799; margin-right: 6px; }
        .arrow-icon { width: 16px; height: 16px; object-fit: contain; display: block; opacity: 0.4; }

        /* 账号列表特定样式 - 修改此处高度 */
        .account-item { padding-left: 16px; min-height: 60px; /* 调整为60px更紧凑 */ }
        .account-row { padding-left: 0; display: flex; align-items: center; width: 100%; height: 100%; border-bottom: 0.5px solid #f2f2f2; }
        .list-item:last-child .account-row { border-bottom: none; }
        
        /* 修改：头像尺寸调整为 40px 以匹配参考图 - 已移除 border */
        .avatar { 
            width: 45px; 
            height: 45px; 
            border-radius: 50%; 
            margin-right: 12px; 
            object-fit: cover; 
            background-color: #f0f0f0; 
            cursor: pointer; 
            position: relative; 
            z-index: 10; 
            flex-shrink: 0;
        }
        
        .account-inner-border { flex: 1; display: flex; align-items: center; padding-right: 16px; padding-top: 10px; padding-bottom: 10px; height: 100%; }
        .account-info { display: flex; flex-direction: column; justify-content: center; flex: 1; }
        .account-name { font-size: 17px; font-weight: 500; color: #000; margin-bottom: 2px; line-height: 1.2; }
        .account-id { font-size: 13px; color: #969799; line-height: 1.2; }
        .check-mark { color: #007aff; font-size: 14px; display: none; margin-left: 8px; }
        .list-item.active .check-mark { display: block; }

        /* 修改：添加按钮的圆圈也调整为 40px */
        .add-btn-circle { 
            width: 45px; 
            height: 45px; 
            border-radius: 50%; 
            margin-right: 12px; 
            background-color: #F7F8FA; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            flex-shrink: 0; 
        }
        .add-btn-circle i { color: #999; font-size: 16px; } /* 图标稍微调小一点 */
        .add-text { font-size: 16px; color: #000; font-weight: 500; line-height: 40px; }

        [contenteditable="true"]:focus { background: rgba(0, 122, 255, 0.05); }

        /* 公告弹窗 */
        .announcement-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 100002; justify-content: center; align-items: center; padding: 20px; }
        .announcement-content { background-color: white; border-radius: 12px; width: 85%; max-width: 400px; padding: 20px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); }
        .announcement-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
        .announcement-title { font-size: 18px; font-weight: bold; }
        .announcement-close { background: #ff4d4f; color: white; border: none; font-size: 18px; cursor: pointer; width: 30px; height: 30px; border-radius: 50%; }
        .announcement-close:disabled { background: #ccc; }
        .announcement-footer { margin-top: 15px; }
        .announcement-checkbox { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #666; }
        .announcement-timer { font-size: 13px; color: #999; text-align: center; margin-top: 5px; }