.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-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: 93%;
                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;
                }
        }