.home-wrap { display: flex; gap: 20px; max-width: 1280px; margin: 0 auto; padding: 16px; }
        .home-left { width: 220px; flex-shrink: 0; }
        .home-left-inner { position: sticky; top: 70px; max-height: calc(100vh - 80px); overflow-y: auto; scrollbar-width: none; }
        .home-left-inner::-webkit-scrollbar { display: none; }
        .home-center { flex: 1; min-width: 0; }
        .home-right { width: 300px; flex-shrink: 0; }
        .home-right-inner { position: sticky; top: 70px; overflow: visible; }
        .sidebar-menu a { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 8px; font-size: 18px; margin-bottom: 2px; transition: .2s; font-weight: 600; color: #222; line-height: 1.3; }
        .sidebar-menu a:hover, .sidebar-menu a.active { background: #fff5f2; color: #e44d26; }
        .sidebar-menu .icon-circle { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 17px; flex-shrink: 0; }
        .sidebar-title { font-size: 14px; font-weight: 800; color: #888; text-transform: uppercase; letter-spacing: 1px; margin: 20px 0 10px 12px; }
        .right-widget { background: #fff; border-radius: 12px; padding: 16px; margin-bottom: 20px; border: 1px solid #e8e8e8; }
        .widget-title { font-size: 18px; font-weight: 800; color: #111; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
        .widget-title::before { content: ''; width: 4px; height: 18px; background: #e44d26; border-radius: 4px; }
        @media (max-width: 1024px) { .home-left { display: none; } }
        @media (max-width: 768px) { .home-right { display: none; } }

        /* DB list */
        .db-list-item { gap: 14px; padding: 14px 0; border-bottom: 1px solid #ececec; }
        .db-list-item:last-child { border-bottom: none; }
        .db-list-body { flex: 1; min-width: 0; }
        .db-list-body h3 { font-size: 17px; font-weight: 700; line-height: 1.5; color: #111; margin-bottom: 8px; }
        .db-list-body h3:hover { color: #e44d26; }
        .db-share-bar { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 8px; flex-wrap: wrap; gap: 6px; }
        .db-cat-pill { display: inline-flex; align-items: center; gap: 3px; border: 1px solid #ddd; border-radius: 20px; padding: 4px 12px; font-size: 13px; color: #444; font-weight: 600; transition: .2s; }
        .db-cat-pill:hover { border-color: #e44d26; color: #e44d26; }
        .db-wa-btn { display: flex; align-items: center; gap: 5px; background: none; border: none; cursor: pointer; font-size: 13px; font-weight: 600; color: #25d366; padding: 4px 8px; border-radius: 6px; transition: .2s; text-decoration: none; }
        .db-wa-btn:hover { background: #e8fdf1; }
        .db-list-thumb { position: relative; flex-shrink: 0; width: 140px; height: 100px; border-radius: 6px; overflow: hidden; }
        .db-list-thumb img { width: 100%; height: 100%; object-fit: cover; }
        .db-live-badge { background: #e00; color: #fff; font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 3px; margin-right: 5px; animation: blink 1.2s infinite; }
        @media (max-width:768px) { .db-list-thumb { width: 100px; height: 75px; } .db-list-body h3 { font-size: 14px; } }
        @media (max-width:480px) { .db-list-thumb { width: 85px; height: 64px; } .db-list-body h3 { font-size: 13px; } }