/* @🍮 */
/* --- 🍮的主屏幕新样式 --- */
        /* @🍮 */
        .home-swiper-container {
            display: flex;
            width: 200%;
            height: 100%;
            transition: transform 0.3s ease-out;
        }
        .home-page {
            width: 50%;
            height: 100%;
            padding: 40px 20px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            gap: 20px;
            overflow-y: auto;
            /* 隐藏烦人的滚动条 */
            scrollbar-width: none;
        }
        .home-page::-webkit-scrollbar { display: none; }

        .polaroid-row { display: flex; justify-content: space-between; gap: 10px; height: 120px;}
        .polaroid-box { background: white; padding: 5px 5px 15px 5px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); border-radius: 4px; flex: 1; height: 100%; cursor: pointer; display: flex; flex-direction: column;}
        .polaroid-img { width: 100%; height: 100%; object-fit: cover; background-color: #eee; flex: 1; border-radius: 2px;}

        .middle-row { display: flex; gap: 15px; flex: 1; min-height: 150px;}
        .half-col { flex: 1; display: flex; flex-direction: column; justify-content: center; position: relative;}

        .avatar-container { display: flex; gap: -10px; justify-content: center; position: relative; margin-top: 20px; }
        .avatar-circle { width: 65px; height: 65px; border-radius: 50%; object-fit: cover; border: 3px solid white; box-shadow: 0 2px 5px rgba(0,0,0,0.1); cursor: pointer; z-index: 2; position: relative;}
        .avatar-circle.right-avatar { margin-left: -15px; z-index: 1;}

        .speech-bubble { position: absolute; top: -35px; background: white; padding: 5px 12px; border-radius: 15px; font-size: 12px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); white-space: nowrap; color: var(--text-color); font-weight: bold; z-index: 3;}
        .speech-bubble::after { content: ''; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); border-width: 5px 5px 0; border-style: solid; border-color: white transparent transparent transparent; }

        .grid-2x2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 10px; }
        .grid-app { display: flex; flex-direction: column; align-items: center; justify-content: center; background: transparent;  border-radius: 15px; cursor: pointer; text-decoration: none; color: var(--text-color);  }
        .grid-app img { width: 35px; height: 35px; border-radius: 10px; margin-bottom: 5px; object-fit: cover;}
        .grid-app span { font-size: 11px; font-weight: 500;}

        .big-rect { width: 100%; height: 100%; min-height: 150px; background-color: #eee; border-radius: 15px; object-fit: cover; cursor: pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
        .music-text { font-size: 11px; color: #666; text-align: center; margin-top: 15px; font-weight: 500;}

        /* 日间模式适配 */
        #home-screen.day-mode .grid-app { background: transparent; color: white; }
        #home-screen.day-mode .music-text { color: white; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }