@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
        
        :root {
            --primary-rose: #e11d48; 
            --dark-rose: #be123c;
        }

        body { 
            font-family: 'Inter', sans-serif; 
            font-weight: 400;
            background-color: #f8fafc;
            color: #334155;
            overflow-x: hidden;
        }

        .section-header {
            position: relative;
            padding-bottom: 0.75rem;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        @keyframes highlight-flash {
            0% { background-color: #fef3c7; transform: scale(1.02); border-color: #f59e0b; }
            100% { background-color: #ffffff; transform: scale(1); border-color: #e2e8f0; }
        }
        .highlight-input { animation: highlight-flash 1s cubic-bezier(0.4, 0, 0.2, 1); }

        #bagua-loader { position: fixed; inset: 0; z-index: 10002; display: none; background: rgba(15, 23, 42, 0.8); backdrop-filter: blur(8px); align-items: center; justify-content: center; flex-direction: column; }
        .bagua-spinner { width: 120px; height: 120px; background: url('https://img.icons8.com/color/144/yin-yang.png') no-repeat center; background-size: contain; animation: spin-bagua 2s linear infinite; filter: drop-shadow(0 0 15px rgba(255,255,255,0.3)); }
        @keyframes spin-bagua { 100% { transform: rotate(360deg); } }
        .loader-text { color: #fff; margin-top: 20px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-size: 13px; }
        
        /* Tùy chỉnh thanh cuộn */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #f1f5f9; }
        ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }


        /* Banner quảng bá luận giải trên trang chủ */
        .qc-float-mini {
            position: relative;
            display: block;
            width: 100%;
            max-width: 100%;
            margin: 0 0 1rem 0;
            z-index: 10;
            border-radius: 1.35rem;
            overflow: hidden;
            border: 1px solid rgba(251, 146, 60, 0.24);
            background: #fff7ed;
            box-shadow: 0 18px 45px -28px rgba(225, 29, 72, 0.34);
            transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
        }
        .qc-float-mini img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 1.35rem;
            object-fit: contain;
        }
        .qc-float-mini:hover {
            transform: translateY(-3px);
            border-color: rgba(244, 63, 94, 0.34);
            box-shadow: 0 22px 55px -28px rgba(225, 29, 72, 0.46);
        }
        .qc-banner-wide {
            position: relative;
            display: block;
            width: 100%;
            border-radius: 1.6rem;
            overflow: hidden;
            border: 1px solid rgba(251, 146, 60, 0.22);
            box-shadow: 0 18px 45px -28px rgba(225, 29, 72, 0.36);
            background: #fff7ed;
            isolation: isolate;
            transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
        }
        .qc-banner-wide img {
            display: block;
            width: 100%;
            height: auto;
        }
        .qc-banner-wide::after {
            content: "";
            position: absolute;
            inset: -40% auto -40% -35%;
            width: 26%;
            transform: rotate(18deg);
            background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
            animation: qc-shine 4.2s ease-in-out infinite;
            pointer-events: none;
        }
        .qc-banner-wide:hover {
            transform: translateY(-3px);
            border-color: rgba(244, 63, 94, 0.34);
            box-shadow: 0 22px 55px -28px rgba(225, 29, 72, 0.46);
        }
        @keyframes qc-shine {
            0% { left: -35%; opacity: 0; }
            18% { opacity: .9; }
            42%, 100% { left: 120%; opacity: 0; }
        }
        @media (max-width: 1023px) {
            .qc-float-mini { margin-bottom: 1.25rem; }
        }
        @media (min-width: 1024px) {
            .qc-banner-wide { width: calc(100% + 6px); }
        }


        /* ==========================================================
           STYLE INDEX ĐỎ VÀNG - giữ nguyên PHP/JS, chỉ đổi giao diện
        ========================================================== */
        .lctv-theme-index {
            background:
                radial-gradient(circle at 12% 4%, rgba(255, 194, 73, .16), transparent 25%),
                radial-gradient(circle at 82% 0%, rgba(225, 29, 72, .18), transparent 30%),
                linear-gradient(180deg, rgba(43, 5, 7, .96), rgba(31, 4, 6, .98)),
                var(--lctv-bg-main) center top / cover fixed;
            color: #f9e7bd;
        }
        .lctv-theme-index::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background:
                var(--lctv-bg-main) center top / cover fixed,
                radial-gradient(circle at 50% 0%, rgba(255, 213, 123, .08), transparent 26%);
            opacity: .36;
            mix-blend-mode: screen;
            z-index: -1;
        }
        .lctv-theme-index .lctv-cosmic-bar {
            background: linear-gradient(180deg, rgba(51, 6, 8, .92), rgba(33, 4, 6, .88)) !important;
            border-bottom: 1px solid rgba(247, 210, 122, .18) !important;
            box-shadow: 0 14px 30px rgba(0,0,0,.20);
        }
        .lctv-theme-index .lctv-cosmic-bar span,
        .lctv-theme-index .lctv-cosmic-bar .text-slate-800,
        .lctv-theme-index .lctv-cosmic-bar .text-slate-500 { color: rgba(255, 239, 199, .82) !important; }
        .lctv-theme-index .lctv-cosmic-bar i { color: #f6c85f !important; }
        .lctv-home-shell { position: relative; z-index: 1; }
        .lctv-home-shell::before {
            content: "";
            position: absolute;
            left: -40px;
            right: -40px;
            top: -24px;
            height: 360px;
            background: radial-gradient(ellipse at center, rgba(255, 188, 61, .11), transparent 66%);
            pointer-events: none;
            z-index: -1;
        }
        .lctv-home-shell .bg-white,
        .lctv-home-shell .bg-slate-50,
        .lctv-home-shell .bg-rose-50,
        .lctv-home-shell .bg-indigo-50,
        .lctv-home-shell .bg-emerald-50,
        .lctv-home-shell .bg-amber-50,
        .lctv-home-shell .bg-pink-50 {
            background-color: rgba(78, 10, 12, .64) !important;
        }
        .lctv-home-shell .border-slate-100,
        .lctv-home-shell .border-slate-200,
        .lctv-home-shell .border-rose-100,
        .lctv-home-shell .border-indigo-100,
        .lctv-home-shell .border-emerald-100,
        .lctv-home-shell .border-amber-100,
        .lctv-home-shell .border-pink-100 {
            border-color: rgba(247, 210, 122, .22) !important;
        }
        .lctv-home-shell .text-slate-800,
        .lctv-home-shell .text-slate-700 { color: #fff1cb !important; }
        .lctv-home-shell .text-slate-600,
        .lctv-home-shell .text-slate-500 { color: rgba(255, 235, 188, .68) !important; }
        .lctv-home-shell .text-slate-400 { color: rgba(255, 218, 150, .48) !important; }
        .lctv-home-shell .text-rose-600,
        .lctv-home-shell .text-rose-500 { color: #ffd36f !important; }
        .lctv-home-shell .shadow-sm,
        .lctv-home-shell .shadow-xl,
        .lctv-home-shell .shadow-lg { box-shadow: 0 18px 45px rgba(0,0,0,.25) !important; }
        .lctv-hero-panel {
            background:
                linear-gradient(145deg, rgba(93, 12, 12, .88), rgba(49, 5, 8, .96)),
                url('/uploads/styleindex/lctv-card-texture.png') center/cover !important;
            border: 1px solid rgba(247, 210, 122, .38) !important;
            box-shadow: 0 26px 70px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.04), inset 0 1px 0 rgba(255,255,255,.08) !important;
            overflow: hidden;
        }
        .lctv-hero-panel::before,
        .lctv-hero-panel::after {
            content: "";
            position: absolute;
            pointer-events: none;
            z-index: 0;
        }
        .lctv-hero-panel::before {
            inset: -130px -100px auto auto;
            width: 520px;
            height: 360px;
            background: url('/uploads/styleindex/lctv-gold-glow.png') center/contain no-repeat;
            opacity: .45;
        }
        .lctv-hero-panel::after {
            left: 0;
            top: 0;
            width: 230px;
            height: 230px;
            background: url('/uploads/styleindex/lctv-corner-gold.png') left top/contain no-repeat;
            opacity: .72;
        }
        .lctv-hero-panel > div { position: relative; z-index: 1; }
        .lctv-hero-panel > div:first-child {
            background: linear-gradient(145deg, rgba(56, 6, 8, .76), rgba(99, 14, 15, .62)) !important;
            border-color: rgba(247, 210, 122, .24) !important;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 38px rgba(0,0,0,.18);
        }
        .lctv-hero-panel h1 {
            color: #fff0c2 !important;
            text-shadow: 0 0 18px rgba(255, 196, 73, .18);
        }
        .lctv-hero-panel h1 span {
            background: radial-gradient(circle at 35% 25%, #fff4bd, #d7952d 60%, #8c1f10) !important;
            color: #5b1109 !important;
            border: 1px solid rgba(255, 225, 149, .55);
            box-shadow: 0 0 20px rgba(255, 195, 73, .24);
        }
        .lctv-hero-panel label { color: rgba(255, 223, 153, .78) !important; }
        .lctv-theme-index input[type="text"],
        .lctv-theme-index input[type="number"],
        .lctv-theme-index input[type="email"],
        .lctv-theme-index input[type="tel"],
        .lctv-theme-index input[type="password"],
        .lctv-theme-index select,
        .lctv-theme-index textarea {
            background: rgba(42, 5, 7, .74) !important;
            color: #fff0c2 !important;
            border-color: rgba(247, 210, 122, .30) !important;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
        }
        .lctv-theme-index select option { background: #3d0708; color: #fff1cb; }
        .lctv-theme-index input::placeholder,
        .lctv-theme-index textarea::placeholder { color: rgba(255, 235, 188, .42) !important; }
        .lctv-theme-index input:focus,
        .lctv-theme-index select:focus,
        .lctv-theme-index textarea:focus {
            border-color: rgba(255, 211, 112, .75) !important;
            box-shadow: 0 0 0 3px rgba(255, 194, 73, .10), inset 0 1px 0 rgba(255,255,255,.08) !important;
        }
        .lctv-theme-index input[type="radio"],
        .lctv-theme-index input[type="checkbox"] { accent-color: #f5bd4f; }
        .lctv-hero-panel button[type="submit"],
        .lctv-theme-index .bg-rose-600,
        .lctv-theme-index .bg-slate-800,
        .lctv-theme-index button.bg-white,
        .lctv-theme-index .bg-gradient-to-br button {
            background: linear-gradient(180deg, #fff1b8, #dfa03a 62%, #a96218) !important;
            color: #5c1309 !important;
            border: 1px solid rgba(255, 235, 168, .75) !important;
            box-shadow: 0 14px 34px rgba(255, 177, 45, .24), inset 0 1px 0 rgba(255,255,255,.62) !important;
        }
        .lctv-hero-panel .lg\:col-span-3 a {
            border: 1px solid rgba(247, 210, 122, .26) !important;
            background-image: linear-gradient(145deg, rgba(91, 13, 16, .8), rgba(33, 5, 8, .82)), url('/uploads/styleindex/lctv-card-texture.png') !important;
            background-size: cover !important;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 14px 30px rgba(0,0,0,.20) !important;
        }
        .lctv-hero-panel .lg\:col-span-3 a:nth-child(1) { background-image: linear-gradient(145deg, rgba(67, 46, 126, .76), rgba(37, 6, 59, .84)), url('/uploads/styleindex/lctv-card-texture.png') !important; }
        .lctv-hero-panel .lg\:col-span-3 a:nth-child(2) { background-image: linear-gradient(145deg, rgba(142, 24, 52, .74), rgba(61, 7, 14, .84)), url('/uploads/styleindex/lctv-card-texture.png') !important; }
        .lctv-hero-panel .lg\:col-span-3 a:nth-child(3) { background-image: linear-gradient(145deg, rgba(143, 74, 9, .72), rgba(57, 18, 4, .86)), url('/uploads/styleindex/lctv-card-texture.png') !important; }
        .lctv-hero-panel .lg\:col-span-3 a:nth-child(4) { background-image: linear-gradient(145deg, rgba(21, 102, 58, .70), rgba(7, 44, 24, .86)), url('/uploads/styleindex/lctv-card-texture.png') !important; }
        .lctv-hero-panel .lg\:col-span-3 i {
            color: #ffd76e !important;
            text-shadow: 0 0 22px rgba(255, 198, 73, .36);
        }
        .lctv-hero-panel .lg\:col-span-3 span { color: #ffecc0 !important; }
        .lctv-main-column > section:not(.lctv-hero-panel),
        .lctv-side-column > div:not(#btn-random-text) {
            background: linear-gradient(145deg, rgba(70, 9, 12, .78), rgba(33, 5, 8, .92)), url('/uploads/styleindex/lctv-card-texture.png') center/cover !important;
            border: 1px solid rgba(247, 210, 122, .24) !important;
            box-shadow: 0 20px 55px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06) !important;
        }
        .lctv-side-column > div { position: relative; overflow: hidden; }
        .lctv-side-column > div::before {
            content: "";
            position: absolute;
            right: -120px;
            top: -140px;
            width: 360px;
            height: 260px;
            background: url('/uploads/styleindex/lctv-gold-glow.png') center/contain no-repeat;
            opacity: .22;
            pointer-events: none;
        }
        .lctv-side-column .grid > div,
        .lctv-main-column .grid button,
        .lctv-main-column .article-card,
        .lctv-main-column a.bg-white {
            background: rgba(50, 6, 9, .58) !important;
            border: 1px solid rgba(247, 210, 122, .18) !important;
        }
        .lctv-main-column .grid button:hover,
        .lctv-main-column a.bg-white:hover {
            border-color: rgba(255, 211, 112, .52) !important;
            box-shadow: 0 0 28px rgba(255, 192, 59, .16) !important;
        }
        .lctv-main-column .grid button .w-10,
        .lctv-main-column .grid button .rounded-full {
            background: radial-gradient(circle at 35% 25%, #fff2b8, #dc9d36 62%, #861e0f) !important;
            color: #5c1209 !important;
            box-shadow: 0 0 20px rgba(255, 196, 73, .25) !important;
        }
        .qc-banner-wide {
            border-color: rgba(247, 210, 122, .30) !important;
            box-shadow: 0 22px 55px rgba(0,0,0,.28), 0 0 30px rgba(255, 190, 60, .08) !important;
        }
        .qc-banner-wide::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(85,12,10,.14), transparent 45%, rgba(255,206,92,.10));
            z-index: 1;
            pointer-events: none;
        }
        .lctv-side-column .bg-gradient-to-br.from-rose-500,
        .lctv-side-column .from-rose-500 {
            background: radial-gradient(circle at 25% 0%, rgba(255, 205, 98, .22), transparent 36%), linear-gradient(145deg, #8f1725, #4c070c) !important;
            border: 1px solid rgba(247, 210, 122, .30) !important;
        }
        .lctv-side-column .bg-gradient-to-br h2,
        .lctv-side-column .bg-gradient-to-br p { color: #fff0c2 !important; }
        .lctv-theme-index #contactModal > .relative {
            background: linear-gradient(145deg, #4c080b, #250406) !important;
            border: 1px solid rgba(247, 210, 122, .28);
        }
        .lctv-theme-index #contactModal .bg-slate-50 { background: rgba(34, 4, 6, .92) !important; }
        @media (max-width: 1023px) {
            .lctv-theme-index .lctv-cosmic-bar { top: 68px !important; }
            .lctv-home-shell { gap: 1.25rem !important; }
            .lctv-hero-panel { border-radius: 1.4rem !important; padding: .8rem !important; }
            .lctv-hero-panel > div:first-child { padding: 1rem !important; border-radius: 1rem !important; }
            .lctv-hero-panel h1 { font-size: 1rem !important; }
            .lctv-theme-index .grid-cols-3 { gap: .55rem !important; }
            .lctv-theme-index input,
            .lctv-theme-index select { font-size: 12px !important; padding-left: .75rem !important; padding-right: .75rem !important; }
        }
        @media (max-width: 640px) {
            .lctv-theme-index {
                background-image:
                    radial-gradient(circle at 50% 0%, rgba(255, 196, 73, .18), transparent 28%),
                    linear-gradient(180deg, rgba(47, 5, 8, .98), rgba(22, 3, 4, .98)),
                    var(--lctv-bg-main);
                background-size: auto, auto, cover;
                background-attachment: scroll;
            }
            .lctv-cosmic-bar .flex { gap: .45rem !important; }
            .lctv-cosmic-bar { font-size: 11px !important; }
            .lctv-hero-panel .grid-cols-2,
            .lctv-hero-panel .grid-cols-3 { grid-template-columns: 1fr !important; }
            .lctv-hero-panel .lg\:col-span-3 { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
        }



        /* FIX ĐỢT 2: kéo bản code sát demo hơn */
        .lctv-theme-index {
            background-color: #2b0406 !important;
            background-image:
                radial-gradient(circle at 12% 3%, rgba(255, 199, 82, .20), transparent 21%),
                radial-gradient(circle at 82% 8%, rgba(168, 21, 26, .28), transparent 28%),
                radial-gradient(ellipse at 48% 26%, rgba(255, 185, 56, .08), transparent 42%),
                linear-gradient(180deg, rgba(67, 8, 9, .98), rgba(38, 4, 6, .98) 50%, rgba(30, 3, 5, .99)),
                var(--lctv-bg-main) !important;
            background-size: auto, auto, auto, auto, cover !important;
            background-position: center top !important;
            background-attachment: fixed !important;
        }
        .lctv-theme-index::before {
            opacity: .22 !important;
            mix-blend-mode: screen !important;
            background:
                radial-gradient(circle at 18% 18%, rgba(255, 205, 91, .10), transparent 18%),
                radial-gradient(circle at 72% 14%, rgba(255, 205, 91, .08), transparent 18%),
                var(--lctv-bg-main) center top / cover fixed !important;
            filter: saturate(1.05) contrast(1.02);
        }
        .lctv-home-shell::before {
            height: 520px !important;
            background:
                radial-gradient(ellipse at 30% 10%, rgba(255, 193, 61, .16), transparent 52%),
                radial-gradient(ellipse at 70% 10%, rgba(255, 193, 61, .10), transparent 56%) !important;
        }
        .lctv-hero-panel {
            border-color: rgba(255, 214, 118, .58) !important;
            box-shadow:
                0 28px 74px rgba(0,0,0,.38),
                0 0 0 1px rgba(255, 232, 154, .08),
                0 0 34px rgba(255, 188, 56, .10),
                inset 0 1px 0 rgba(255,255,255,.10) !important;
        }
        .lctv-hero-panel > div:first-child {
            background:
                linear-gradient(145deg, rgba(62, 6, 8, .82), rgba(105, 14, 15, .68)),
                url('/uploads/styleindex/lctv-card-texture.png') center/cover !important;
            border-color: rgba(255, 214, 118, .34) !important;
        }
        .lctv-theme-index input[type="text"],
        .lctv-theme-index input[type="number"],
        .lctv-theme-index input[type="email"],
        .lctv-theme-index input[type="tel"],
        .lctv-theme-index input[type="password"],
        .lctv-theme-index select,
        .lctv-theme-index textarea {
            background: rgba(48, 5, 7, .82) !important;
            border-color: rgba(255, 214, 118, .42) !important;
            color: #fff4cc !important;
        }
        .lctv-gold-action,
        .lctv-hero-panel #qc-submit-btn,
        .lctv-hero-panel button[type="submit"] {
            background:
                linear-gradient(180deg, #fff7c7 0%, #f6d071 18%, #d89a2c 68%, #b46b19 100%) !important;
            color: #671609 !important;
            border: 1px solid rgba(255, 242, 185, .96) !important;
            text-shadow: 0 1px 0 rgba(255,255,255,.35) !important;
            box-shadow:
                0 0 0 1px rgba(110, 28, 8, .28),
                0 14px 34px rgba(255, 183, 48, .38),
                0 0 26px rgba(255, 205, 86, .28),
                inset 0 1px 0 rgba(255,255,255,.74) !important;
            opacity: 1 !important;
            filter: saturate(1.08) brightness(1.08) !important;
        }
        .lctv-gold-action:hover,
        .lctv-hero-panel #qc-submit-btn:hover {
            transform: translateY(-2px) !important;
            filter: saturate(1.16) brightness(1.14) !important;
            box-shadow:
                0 18px 42px rgba(255, 183, 48, .48),
                0 0 36px rgba(255, 205, 86, .34),
                inset 0 1px 0 rgba(255,255,255,.82) !important;
        }
        .lctv-quick-tool-card,
        .lctv-hero-panel .lg\:col-span-3 a {
            position: relative;
            overflow: hidden;
            min-height: 118px;
            border: 1px solid rgba(255, 216, 123, .46) !important;
            box-shadow:
                0 16px 36px rgba(0,0,0,.26),
                0 0 18px rgba(255, 194, 70, .10),
                inset 0 1px 0 rgba(255,255,255,.12) !important;
        }
        .lctv-quick-tool-card::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 50% 22%, rgba(255, 222, 122, .28), transparent 30%),
                linear-gradient(180deg, rgba(255,255,255,.06), transparent 42%);
            pointer-events: none;
        }
        .lctv-quick-tool-card i {
            font-size: 2.15rem !important;
            color: #ffe082 !important;
            text-shadow: 0 0 22px rgba(255, 205, 87, .62), 0 0 42px rgba(255, 139, 47, .26) !important;
            z-index: 1;
        }
        .lctv-quick-tool-card span { position: relative; z-index: 1; color: #ffe9ad !important; }
        .lctv-quick-tool-card:hover {
            transform: translateY(-3px);
            border-color: rgba(255, 231, 159, .78) !important;
            box-shadow: 0 20px 44px rgba(0,0,0,.32), 0 0 34px rgba(255, 195, 62, .18) !important;
        }
        .lctv-main-column > section:not(.lctv-hero-panel),
        .lctv-side-column > div:not(#btn-random-text) {
            border-color: rgba(255, 214, 118, .36) !important;
            box-shadow: 0 22px 58px rgba(0,0,0,.30), 0 0 24px rgba(255, 194, 70, .07), inset 0 1px 0 rgba(255,255,255,.08) !important;
        }
        .lctv-star-guide {
            background:
                radial-gradient(circle at 50% -8%, rgba(255, 205, 80, .14), transparent 35%),
                linear-gradient(145deg, rgba(68, 8, 10, .88), rgba(30, 4, 6, .95)),
                url('/uploads/styleindex/lctv-card-texture.png') center/cover !important;
            border: 1px solid rgba(255, 214, 118, .42) !important;
        }
        .lctv-star-guide h2 { color: #fff0c2 !important; }
        .lctv-star-guide .grid button {
            background: rgba(55, 6, 8, .70) !important;
            border: 1px solid rgba(255, 205, 91, .34) !important;
            min-height: 82px;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 24px rgba(0,0,0,.18) !important;
        }
        .lctv-star-guide .grid button .w-10 {
            width: 44px !important;
            height: 44px !important;
            background: radial-gradient(circle at 34% 25%, #fff7c7, #e4a83a 58%, #8b1d0e) !important;
            box-shadow: 0 0 20px rgba(255, 198, 73, .46), inset 0 1px 0 rgba(255,255,255,.56) !important;
        }
        .lctv-star-guide .grid button i { color: #641409 !important; }
        .lctv-star-guide .grid button span { color: #ffe9b6 !important; }
        .lctv-side-column > div::before { opacity: .30 !important; }
        .lctv-side-column .grid > div {
            background: rgba(52, 6, 8, .70) !important;
            border-color: rgba(255, 214, 118, .30) !important;
        }
        .lctv-side-column .bg-gradient-to-br.from-rose-500,
        .lctv-side-column .from-rose-500 {
            background:
                radial-gradient(circle at 26% -10%, rgba(255, 211, 112, .32), transparent 36%),
                linear-gradient(145deg, #9e1827, #5a0810 70%, #320507) !important;
            box-shadow: 0 20px 48px rgba(0,0,0,.30), 0 0 28px rgba(255, 194, 70, .13) !important;
        }
        @media (max-width: 640px) {
            .lctv-theme-index { background-attachment: scroll !important; }
            .lctv-gold-action,
            .lctv-hero-panel #qc-submit-btn { color: #671609 !important; opacity: 1 !important; }
            .lctv-quick-tool-card { min-height: 96px; }
        }

    

        /* FIX ĐỢT 3: xóa vệt sáng vuông, làm 4 ô ứng dụng rõ viền hơn */
        .lctv-theme-index {
            background-color: #2a0306 !important;
            background-image:
                radial-gradient(ellipse at 50% 0%, rgba(255, 190, 64, .10), transparent 34%),
                radial-gradient(ellipse at 86% 20%, rgba(122, 12, 17, .22), transparent 42%),
                linear-gradient(180deg, rgba(58, 6, 8, .98), rgba(40, 4, 7, .99) 46%, rgba(25, 3, 5, 1)),
                var(--lctv-bg-main) !important;
            background-size: auto, auto, auto, cover !important;
            background-position: center top, center top, center top, center top !important;
            background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
            background-attachment: fixed !important;
        }
        .lctv-theme-index::before {
            background:
                linear-gradient(90deg, rgba(34, 3, 5, .50), transparent 24%, transparent 76%, rgba(34, 3, 5, .38)),
                radial-gradient(ellipse at 58% 12%, rgba(255, 200, 76, .045), transparent 44%) !important;
            opacity: 1 !important;
            mix-blend-mode: normal !important;
            filter: none !important;
        }
        .lctv-home-shell::before {
            left: -24px !important;
            right: -24px !important;
            top: -18px !important;
            height: 390px !important;
            background:
                radial-gradient(ellipse at 50% 10%, rgba(255, 194, 72, .07), transparent 62%) !important;
            opacity: .82 !important;
        }
        .lctv-hero-panel {
            overflow: hidden !important;
            isolation: isolate;
        }
        .lctv-hero-panel::before {
            inset: -160px -150px auto auto !important;
            width: 560px !important;
            height: 390px !important;
            opacity: .22 !important;
            filter: blur(.2px) !important;
        }
        .lctv-hero-panel::after {
            left: 18px !important;
            top: 12px !important;
            width: 168px !important;
            height: 168px !important;
            background-size: contain !important;
            opacity: .95 !important;
            z-index: 0 !important;
        }
        .lctv-hero-panel > div:first-child { overflow: hidden !important; }
        .lctv-quick-tool-card,
        .lctv-hero-panel .lg\:col-span-3 a.lctv-quick-tool-card {
            border: 1.5px solid rgba(255, 222, 137, .72) !important;
            outline: 1px solid rgba(255, 176, 45, .12) !important;
            outline-offset: -4px;
            box-shadow:
                0 18px 40px rgba(0,0,0,.34),
                0 0 0 1px rgba(255, 238, 176, .08),
                0 0 24px rgba(255, 196, 75, .16),
                inset 0 1px 0 rgba(255,255,255,.18),
                inset 0 0 34px rgba(255, 205, 86, .06) !important;
        }
        .lctv-quick-tool-card::before {
            background:
                radial-gradient(circle at 50% 24%, rgba(255, 227, 129, .38), transparent 31%),
                linear-gradient(180deg, rgba(255,255,255,.10), transparent 44%),
                linear-gradient(90deg, rgba(255, 222, 139, .08), transparent 34%, rgba(255, 222, 139, .08)) !important;
            opacity: 1 !important;
        }
        .lctv-quick-tool-card::after {
            content: "";
            position: absolute;
            inset: 8px;
            border-radius: .82rem;
            border: 1px solid rgba(255, 218, 123, .24);
            pointer-events: none;
            z-index: 0;
        }
        .lctv-hero-panel .lg\:col-span-3 a.lctv-quick-tool-card:nth-child(1) {
            background-image:
                radial-gradient(circle at 50% 16%, rgba(255, 224, 125, .26), transparent 28%),
                linear-gradient(145deg, rgba(72, 50, 142, .90), rgba(36, 6, 63, .94)),
                url('/uploads/styleindex/lctv-card-texture.png') !important;
        }
        .lctv-hero-panel .lg\:col-span-3 a.lctv-quick-tool-card:nth-child(2) {
            background-image:
                radial-gradient(circle at 50% 16%, rgba(255, 224, 125, .27), transparent 28%),
                linear-gradient(145deg, rgba(151, 27, 59, .90), rgba(63, 7, 17, .95)),
                url('/uploads/styleindex/lctv-card-texture.png') !important;
        }
        .lctv-hero-panel .lg\:col-span-3 a.lctv-quick-tool-card:nth-child(3) {
            background-image:
                radial-gradient(circle at 50% 16%, rgba(255, 229, 134, .29), transparent 29%),
                linear-gradient(145deg, rgba(155, 84, 13, .92), rgba(58, 19, 5, .95)),
                url('/uploads/styleindex/lctv-card-texture.png') !important;
        }
        .lctv-hero-panel .lg\:col-span-3 a.lctv-quick-tool-card:nth-child(4) {
            background-image:
                radial-gradient(circle at 50% 16%, rgba(255, 229, 134, .26), transparent 29%),
                linear-gradient(145deg, rgba(23, 115, 63, .90), rgba(6, 42, 24, .96)),
                url('/uploads/styleindex/lctv-card-texture.png') !important;
        }
        .lctv-quick-tool-card i {
            color: #ffe88f !important;
            text-shadow:
                0 0 18px rgba(255, 221, 128, .95),
                0 0 42px rgba(255, 156, 42, .38) !important;
            filter: drop-shadow(0 2px 8px rgba(255, 199, 69, .36));
        }
        .lctv-quick-tool-card:hover {
            border-color: rgba(255, 237, 176, .98) !important;
            box-shadow:
                0 22px 48px rgba(0,0,0,.40),
                0 0 38px rgba(255, 198, 75, .26),
                inset 0 1px 0 rgba(255,255,255,.24) !important;
        }
        @media (max-width: 640px) {
            .lctv-theme-index {
                background-image:
                    radial-gradient(ellipse at 50% 0%, rgba(255, 190, 64, .10), transparent 28%),
                    linear-gradient(180deg, rgba(58, 6, 8, .98), rgba(25, 3, 5, 1)),
                    var(--lctv-bg-main) !important;
                background-size: auto, auto, cover !important;
                background-attachment: scroll !important;
            }
            .lctv-home-shell::before { display: none !important; }
            .lctv-hero-panel::after { width: 122px !important; height: 122px !important; left: 8px !important; top: 8px !important; opacity: .78 !important; }
        }


        /* FIX NỀN RIÊNG: dùng lại ảnh trong uploads/styleindex, bỏ lớp phủ quá đặc làm mất background */
        .lctv-theme-index {
            background-color: #2a0306 !important;
            background-image:
                linear-gradient(180deg, rgba(28, 3, 5, .48), rgba(36, 4, 6, .58) 42%, rgba(18, 2, 4, .74)),
                radial-gradient(ellipse at 18% 10%, rgba(255, 185, 62, .13), transparent 36%),
                radial-gradient(ellipse at 82% 12%, rgba(255, 204, 92, .08), transparent 32%),
                var(--lctv-bg-main) !important;
            background-size: auto, auto, auto, cover !important;
            background-position: center top, center top, center top, center top !important;
            background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
            background-attachment: fixed !important;
        }
        .lctv-theme-index::before {
            background:
                linear-gradient(90deg, rgba(18, 2, 4, .24), transparent 22%, transparent 78%, rgba(18, 2, 4, .22)),
                radial-gradient(ellipse at 50% 0%, rgba(255, 210, 92, .055), transparent 42%) !important;
            opacity: 1 !important;
            mix-blend-mode: normal !important;
            filter: none !important;
        }
        .lctv-home-shell::before {
            background: radial-gradient(ellipse at 50% 6%, rgba(255, 194, 72, .045), transparent 62%) !important;
            opacity: .72 !important;
        }
        @media (max-width: 640px) {
            .lctv-theme-index {
                background-image:
                    linear-gradient(180deg, rgba(28, 3, 5, .52), rgba(18, 2, 4, .78)),
                    radial-gradient(ellipse at 50% 0%, rgba(255, 190, 64, .10), transparent 30%),
                    var(--lctv-bg-main) !important;
                background-size: auto, auto, cover !important;
                background-position: center top, center top, center top !important;
                background-attachment: scroll !important;
            }
        }


        /* FIX FORM + 4 Ô ỨNG DỤNG: kéo sát demo đỏ vàng */
        .lctv-theme-index .lctv-hero-panel {
            background:
                linear-gradient(145deg, rgba(62, 8, 8, .72), rgba(25, 3, 5, .78)),
                url('/uploads/styleindex/lctv-card-texture.png') center/cover !important;
            border: 1px solid rgba(255, 218, 126, .55) !important;
            box-shadow:
                0 26px 70px rgba(0, 0, 0, .34),
                0 0 0 1px rgba(255, 238, 170, .07),
                0 0 30px rgba(255, 186, 55, .10),
                inset 0 1px 0 rgba(255,255,255,.08) !important;
        }

        .lctv-theme-index .lctv-hero-panel > div:first-child {
            background:
                radial-gradient(circle at 78% 18%, rgba(255, 196, 70, .08), transparent 34%),
                linear-gradient(145deg, rgba(76, 8, 10, .88), rgba(41, 4, 6, .92)),
                url('/uploads/styleindex/lctv-card-texture.png') center/cover !important;
            border: 1px solid rgba(255, 216, 124, .38) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.07),
                inset 0 0 36px rgba(255, 185, 55, .035) !important;
        }

        .lctv-theme-index #quick-laso-form input[type="text"],
        .lctv-theme-index #quick-laso-form input[type="number"],
        .lctv-theme-index #quick-laso-form select {
            background: rgba(54, 5, 7, .86) !important;
            color: #fff2c8 !important;
            border: 1px solid rgba(219, 161, 62, .54) !important;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.045),
                0 0 0 1px rgba(60, 8, 5, .22) !important;
            height: 48px !important;
            font-weight: 800 !important;
            letter-spacing: .01em;
        }

        .lctv-theme-index #quick-laso-form input[type="text"]:focus,
        .lctv-theme-index #quick-laso-form input[type="number"]:focus,
        .lctv-theme-index #quick-laso-form select:focus {
            background: rgba(62, 7, 8, .94) !important;
            border-color: rgba(255, 219, 126, .82) !important;
            box-shadow:
                0 0 0 3px rgba(255, 199, 82, .11),
                0 0 18px rgba(255, 190, 55, .10),
                inset 0 1px 0 rgba(255,255,255,.07) !important;
        }

        .lctv-theme-index #quick-laso-form input::placeholder {
            color: rgba(255, 237, 190, .46) !important;
        }

        .lctv-theme-index #quick-laso-form select option {
            background: #360507 !important;
            color: #fff2c8 !important;
        }

        .lctv-theme-index #quick-laso-form .grid > div.bg-white {
            background: rgba(54, 5, 7, .72) !important;
            border: 1px solid rgba(219, 161, 62, .42) !important;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.045) !important;
        }

        .lctv-theme-index #quick-laso-form label {
            color: rgba(255, 231, 184, .72) !important;
        }

        .lctv-theme-index #quick-laso-form label span {
            color: #fff0c4 !important;
        }

        .lctv-theme-index #quick-laso-form input[type="radio"] {
            accent-color: #e6b44b !important;
        }

        .lctv-theme-index #quick-laso-form input[type="checkbox"] {
            accent-color: #e6b44b !important;
            border-color: rgba(219, 161, 62, .55) !important;
        }

        .lctv-theme-index #qc-submit-btn {
            min-width: 180px;
            background:
                linear-gradient(180deg, #fff6c8 0%, #f6d06e 30%, #dfa23a 66%, #bd7420 100%) !important;
            color: #69160a !important;
            border: 1px solid rgba(255, 244, 190, .98) !important;
            text-shadow: 0 1px 0 rgba(255,255,255,.35) !important;
            box-shadow:
                0 10px 24px rgba(255, 182, 47, .30),
                0 0 20px rgba(255, 213, 104, .20),
                inset 0 1px 0 rgba(255,255,255,.76),
                inset 0 -1px 0 rgba(93, 20, 4, .24) !important;
            opacity: 1 !important;
            filter: none !important;
        }

        .lctv-theme-index #qc-submit-btn:hover {
            background:
                linear-gradient(180deg, #fff9d8 0%, #f8d77d 30%, #e1a541 66%, #c27a22 100%) !important;
            box-shadow:
                0 13px 30px rgba(255, 182, 47, .40),
                0 0 26px rgba(255, 213, 104, .26),
                inset 0 1px 0 rgba(255,255,255,.82) !important;
        }

        .lctv-theme-index .lctv-quick-tool-card,
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a {
            min-height: 116px !important;
            border-radius: 1rem !important;
            border: 1px solid rgba(255, 218, 126, .62) !important;
            outline: 1px solid rgba(255, 238, 172, .10);
            outline-offset: -8px;
            box-shadow:
                0 15px 32px rgba(0,0,0,.26),
                0 0 0 1px rgba(70, 12, 7, .20),
                inset 0 1px 0 rgba(255,255,255,.13),
                inset 0 0 30px rgba(255, 215, 105, .045) !important;
            background-size: cover !important;
            background-position: center !important;
            position: relative;
            isolation: isolate;
        }

        .lctv-theme-index .lctv-quick-tool-card:nth-child(1),
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a:nth-child(1) {
            background:
                radial-gradient(circle at 50% 26%, rgba(171, 133, 255, .30), transparent 34%),
                linear-gradient(145deg, rgba(77, 53, 145, .86), rgba(31, 9, 57, .94)),
                url('/uploads/styleindex/lctv-card-texture.png') center/cover !important;
        }

        .lctv-theme-index .lctv-quick-tool-card:nth-child(2),
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a:nth-child(2) {
            background:
                radial-gradient(circle at 50% 26%, rgba(255, 105, 121, .34), transparent 34%),
                linear-gradient(145deg, rgba(150, 28, 55, .88), rgba(62, 7, 15, .96)),
                url('/uploads/styleindex/lctv-card-texture.png') center/cover !important;
        }

        .lctv-theme-index .lctv-quick-tool-card:nth-child(3),
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a:nth-child(3) {
            background:
                radial-gradient(circle at 50% 28%, rgba(255, 183, 61, .34), transparent 34%),
                linear-gradient(145deg, rgba(137, 75, 16, .88), rgba(55, 21, 5, .96)),
                url('/uploads/styleindex/lctv-card-texture.png') center/cover !important;
        }

        .lctv-theme-index .lctv-quick-tool-card:nth-child(4),
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a:nth-child(4) {
            background:
                radial-gradient(circle at 50% 28%, rgba(126, 255, 145, .26), transparent 34%),
                linear-gradient(145deg, rgba(25, 107, 58, .88), rgba(7, 45, 25, .96)),
                url('/uploads/styleindex/lctv-card-texture.png') center/cover !important;
        }

        .lctv-theme-index .lctv-quick-tool-card::before,
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a::before {
            content: "";
            position: absolute;
            inset: 8px;
            border-radius: .72rem;
            border: 1px solid rgba(255, 229, 145, .20);
            pointer-events: none;
            z-index: 0;
        }

        .lctv-theme-index .lctv-quick-tool-card::after,
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a::after {
            content: "";
            position: absolute;
            left: 14px;
            top: 12px;
            width: 38px;
            height: 24px;
            border-top: 1px solid rgba(255, 219, 126, .34);
            border-left: 1px solid rgba(255, 219, 126, .34);
            border-radius: .45rem 0 0 0;
            pointer-events: none;
            z-index: 0;
            opacity: .9;
        }

        .lctv-theme-index .lctv-quick-tool-card i,
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a i {
            position: relative;
            z-index: 1;
            font-size: 2rem !important;
            color: #ffdf81 !important;
            text-shadow:
                0 0 13px rgba(255, 222, 125, .72),
                0 0 30px rgba(255, 172, 56, .26) !important;
            transform: translateY(-2px);
        }

        .lctv-theme-index .lctv-quick-tool-card span,
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a span {
            position: relative;
            z-index: 1;
            color: #fff0bf !important;
            font-weight: 900 !important;
            letter-spacing: .08em !important;
            text-shadow: 0 1px 2px rgba(0,0,0,.45);
        }

        .lctv-theme-index .lctv-quick-tool-card:hover,
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a:hover {
            transform: translateY(-2px) !important;
            border-color: rgba(255, 230, 147, .86) !important;
            box-shadow:
                0 18px 38px rgba(0,0,0,.32),
                0 0 26px rgba(255, 197, 75, .16),
                inset 0 1px 0 rgba(255,255,255,.16) !important;
        }

        @media (max-width: 640px) {
            .lctv-theme-index #quick-laso-form input[type="text"],
            .lctv-theme-index #quick-laso-form input[type="number"],
            .lctv-theme-index #quick-laso-form select {
                height: 44px !important;
            }
            .lctv-theme-index .lctv-quick-tool-card,
            .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a {
                min-height: 96px !important;
            }
        }


        /* FIX CUỐI: 4 ô ứng dụng khớp demo hơn */
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card {
            --tool-bg1: #5d3e9f;
            --tool-bg2: #2a124f;
            --tool-glow: rgba(191, 181, 255, .26);
            --tool-icon: #c5bcff;
            --tool-text: #f1ebff;
            position: relative !important;
            overflow: hidden !important;
            isolation: isolate !important;
            border: none !important;
            outline: none !important;
            border-radius: 1rem !important;
            min-height: 118px !important;
            background:
                radial-gradient(circle at 50% 28%, var(--tool-glow) 0%, rgba(255,255,255,.08) 14%, transparent 30%),
                linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 26%),
                linear-gradient(145deg, var(--tool-bg1) 0%, var(--tool-bg2) 100%),
                url('/uploads/styleindex/lctv-card-texture.png') center/cover !important;
            box-shadow:
                0 0 0 1px rgba(255, 223, 135, .22),
                0 14px 28px rgba(0,0,0,.26),
                0 0 18px rgba(255, 191, 68, .10),
                inset 0 1px 0 rgba(255,255,255,.08) !important;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card::before {
            content: "" !important;
            position: absolute !important;
            inset: 0 !important;
            background: url('/uploads/styleindex/nen4ud.png') center/100% 100% no-repeat !important;
            opacity: .98 !important;
            z-index: 0 !important;
            pointer-events: none !important;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card::after {
            content: none !important;
            display: none !important;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card:nth-child(1) {
            --tool-bg1: #5a3d97; --tool-bg2: #281247; --tool-glow: rgba(188, 177, 255, .30); --tool-icon: #c0b6ff; --tool-text: #efe9ff;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card:nth-child(2) {
            --tool-bg1: #9a2f49; --tool-bg2: #560a18; --tool-glow: rgba(255, 126, 149, .28); --tool-icon: #ff8ca0; --tool-text: #ffe1e7;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card:nth-child(3) {
            --tool-bg1: #8f5520; --tool-bg2: #4c2508; --tool-glow: rgba(255, 190, 79, .28); --tool-icon: #ffcf60; --tool-text: #ffe0a0;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card:nth-child(4) {
            --tool-bg1: #267651; --tool-bg2: #123c2b; --tool-glow: rgba(134, 240, 149, .24); --tool-icon: #8ce794; --tool-text: #dfffd7;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card i {
            position: relative !important;
            z-index: 1 !important;
            color: var(--tool-icon) !important;
            font-size: 2.2rem !important;
            text-shadow:
                0 0 12px color-mix(in srgb, var(--tool-icon) 55%, white 45%),
                0 0 22px color-mix(in srgb, var(--tool-icon) 38%, transparent 62%) !important;
            filter: saturate(1.05);
            transform: translateY(0) !important;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card span {
            position: relative !important;
            z-index: 1 !important;
            color: var(--tool-text) !important;
            font-size: .9rem !important;
            font-weight: 800 !important;
            letter-spacing: .02em !important;
            text-shadow: 0 2px 4px rgba(0,0,0,.28) !important;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card:hover {
            transform: translateY(-1px) !important;
            box-shadow:
                0 0 0 1px rgba(255, 231, 158, .28),
                0 16px 30px rgba(0,0,0,.28),
                0 0 24px rgba(255, 198, 79, .14),
                inset 0 1px 0 rgba(255,255,255,.10) !important;
        }
        @media (max-width: 640px) {
            .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card {
                min-height: 104px !important;
            }
            .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card i {
                font-size: 2rem !important;
            }
        }


        /* FIX HEADER FINAL đi kèm: 4 ứng dụng bỏ frame ảnh, thiết kế lại bằng CSS phong thủy */
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card {
            --tool-bg1: #4d347f;
            --tool-bg2: #21113e;
            --tool-icon: #b9adff;
            --tool-text: #f2edff;
            --tool-glow: rgba(185, 173, 255, .26);
            position: relative !important;
            isolation: isolate !important;
            overflow: hidden !important;
            min-height: 118px !important;
            border-radius: 1.05rem !important;
            border: 1px solid rgba(231, 177, 78, .50) !important;
            outline: none !important;
            background:
                radial-gradient(circle at 50% 30%, var(--tool-glow) 0%, rgba(255,255,255,.055) 16%, transparent 32%),
                radial-gradient(circle at 50% 0%, rgba(255, 224, 131, .08), transparent 34%),
                linear-gradient(180deg, rgba(255,255,255,.045), transparent 34%),
                linear-gradient(145deg, var(--tool-bg1), var(--tool-bg2)) !important;
            box-shadow:
                0 14px 28px rgba(0,0,0,.30),
                0 0 0 1px rgba(255, 230, 150, .08),
                inset 0 1px 0 rgba(255,255,255,.10),
                inset 0 0 0 1px rgba(255, 224, 140, .08) !important;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card::before {
            content: "" !important;
            position: absolute !important;
            inset: 9px !important;
            border-radius: .78rem !important;
            border: 1px solid rgba(255, 221, 134, .18) !important;
            background:
                linear-gradient(90deg, rgba(255, 215, 117, .34), transparent 22%) top left / 42px 1px no-repeat,
                linear-gradient(180deg, rgba(255, 215, 117, .30), transparent 34%) top left / 1px 34px no-repeat,
                linear-gradient(270deg, rgba(255, 215, 117, .34), transparent 22%) top right / 42px 1px no-repeat,
                linear-gradient(180deg, rgba(255, 215, 117, .30), transparent 34%) top right / 1px 34px no-repeat,
                linear-gradient(90deg, rgba(255, 215, 117, .30), transparent 22%) bottom left / 42px 1px no-repeat,
                linear-gradient(0deg, rgba(255, 215, 117, .25), transparent 34%) bottom left / 1px 34px no-repeat,
                linear-gradient(270deg, rgba(255, 215, 117, .30), transparent 22%) bottom right / 42px 1px no-repeat,
                linear-gradient(0deg, rgba(255, 215, 117, .25), transparent 34%) bottom right / 1px 34px no-repeat !important;
            opacity: .90 !important;
            pointer-events: none !important;
            z-index: 0 !important;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card::after {
            content: "" !important;
            position: absolute !important;
            inset: 0 !important;
            background:
                radial-gradient(circle at 18% 18%, rgba(255, 222, 136, .055), transparent 18%),
                radial-gradient(circle at 84% 86%, rgba(255, 222, 136, .045), transparent 20%),
                repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0 1px, transparent 1px 8px) !important;
            pointer-events: none !important;
            z-index: 0 !important;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card:nth-child(1) {
            --tool-bg1: #4f3788; --tool-bg2: #21113f; --tool-icon: #b9adff; --tool-text: #f2edff; --tool-glow: rgba(185, 173, 255, .25);
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card:nth-child(2) {
            --tool-bg1: #8a273f; --tool-bg2: #4b0915; --tool-icon: #ff758d; --tool-text: #ffe2e8; --tool-glow: rgba(255, 107, 128, .24);
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card:nth-child(3) {
            --tool-bg1: #80501f; --tool-bg2: #402006; --tool-icon: #ffc95f; --tool-text: #ffe0a0; --tool-glow: rgba(255, 190, 67, .25);
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card:nth-child(4) {
            --tool-bg1: #236b4c; --tool-bg2: #0c3926; --tool-icon: #8ddd86; --tool-text: #e6ffdc; --tool-glow: rgba(131, 230, 139, .22);
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card i {
            position: relative !important;
            z-index: 1 !important;
            color: var(--tool-icon) !important;
            font-size: 2.08rem !important;
            text-shadow:
                0 0 11px currentColor,
                0 0 24px rgba(255, 218, 112, .18) !important;
            filter: saturate(1.05) brightness(1.02) !important;
            transform: translateY(-1px) !important;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card span {
            position: relative !important;
            z-index: 1 !important;
            color: var(--tool-text) !important;
            font-size: .88rem !important;
            font-weight: 850 !important;
            letter-spacing: .035em !important;
            text-shadow: 0 2px 4px rgba(0,0,0,.36) !important;
        }
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card:hover {
            transform: translateY(-2px) !important;
            border-color: rgba(255, 220, 132, .72) !important;
            box-shadow:
                0 17px 34px rgba(0,0,0,.34),
                0 0 24px rgba(255, 198, 79, .13),
                inset 0 1px 0 rgba(255,255,255,.12) !important;
        }
        @media (max-width: 640px) {
            .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card {
                min-height: 102px !important;
            }
            .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-quick-tool-card i {
                font-size: 1.95rem !important;
            }
        }


        /* Đồng bộ thanh lịch/icon với header mới */
        .lctv-cosmic-bar {
            background: linear-gradient(180deg, rgba(54,5,7,.92), rgba(43,4,6,.95)) !important;
            border-bottom: 1px solid rgba(206, 148, 56, .28) !important;
            top: 74px !important;
            box-shadow: 0 8px 20px rgba(0,0,0,.14) !important;
        }
        .lctv-cosmic-bar .text-slate-500,
        .lctv-cosmic-bar span {
            color: rgba(243, 223, 182, .88) !important;
        }
        .lctv-cosmic-bar .text-slate-800,
        .lctv-cosmic-bar .font-bold {
            color: #fff2cf !important;
        }
        .lctv-cosmic-bar .fa-calendar-day { color: #ff5f57 !important; }
        .lctv-cosmic-bar .fa-moon { color: #f6c24f !important; }
        .lctv-cosmic-bar .fa-star { color: #61d36e !important; }
        .lctv-cosmic-bar .fa-leaf { color: #8c80ff !important; }
        @media (max-width: 768px) {
            .lctv-cosmic-bar { top: 66px !important; }
        }



        /* FIX: 14 chính tinh dùng đúng ảnh star-01...star-14, bỏ chữ ngoài và bỏ khung ô vuông */
        .lctv-star-guide {
            padding: 1.45rem 1.75rem 1.65rem !important;
            overflow: hidden;
        }
        .lctv-star-guide .lctv-star-grid {
            display: grid;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            gap: 1.05rem 1.35rem;
            align-items: center;
            justify-items: center;
        }
        .lctv-star-guide .lctv-star-icon-btn {
            appearance: none;
            border: 0 !important;
            outline: none;
            background: transparent !important;
            box-shadow: none !important;
            min-height: 0 !important;
            width: 100%;
            padding: .15rem .1rem !important;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: transform .22s ease, filter .22s ease;
        }
        .lctv-star-guide .lctv-star-icon-btn:hover {
            transform: translateY(-3px) scale(1.06);
            filter: drop-shadow(0 0 16px rgba(255, 198, 73, .42));
        }
        .lctv-star-guide .lctv-star-icon-img {
            width: 92px;
            height: 92px;
            object-fit: contain;
            display: block;
            filter: drop-shadow(0 0 12px rgba(255, 190, 58, .28));
            pointer-events: none;
            user-select: none;
        }
        @media (max-width: 1023px) {
            .lctv-star-guide .lctv-star-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr));
                gap: .85rem .85rem;
            }
            .lctv-star-guide .lctv-star-icon-img {
                width: 82px;
                height: 82px;
            }
        }
        @media (max-width: 640px) {
            .lctv-star-guide {
                padding: 1rem .85rem 1.1rem !important;
            }
            .lctv-star-guide .lctv-star-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: .65rem .55rem;
            }
            .lctv-star-guide .lctv-star-icon-img {
                width: 72px;
                height: 72px;
            }
        }

        /* FIX MOBILE + ĐIỂM NHẤN ĐỢT NÀY:
           - mobile cẩm nang 14 chính tinh 2 icon / dòng
           - icon chính tinh to hơn và có hào quang
           - vệt sáng banner chạy chậm hơn
           - ảnh bài viết co vào một chút, tránh chạm viền
        */
        .qc-banner-wide::after {
            width: 36% !important;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,.86), rgba(255,226,144,.52), transparent) !important;
            animation: qc-shine 8.8s ease-in-out infinite !important;
        }
        .lctv-star-guide .lctv-star-icon-btn {
            position: relative !important;
            isolation: isolate;
        }
        .lctv-star-guide .lctv-star-icon-btn::before {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 112px;
            height: 112px;
            transform: translate(-50%, -50%);
            border-radius: 999px;
            background:
                radial-gradient(circle, rgba(255, 215, 105, .34) 0%, rgba(255, 180, 49, .16) 42%, transparent 70%);
            filter: blur(1px);
            opacity: .86;
            z-index: -1;
            transition: opacity .22s ease, transform .22s ease;
        }
        .lctv-star-guide .lctv-star-icon-btn:hover::before {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1.16);
        }
        .lctv-star-guide .lctv-star-icon-img {
            width: 112px !important;
            height: 112px !important;
            filter:
                drop-shadow(0 0 12px rgba(255, 204, 86, .58))
                drop-shadow(0 0 28px rgba(255, 166, 32, .24)) !important;
        }
        #tuvi-container > a,
        #tamlinh-container > a,
        .article-card {
            padding: .55rem !important;
        }
        #tuvi-container > a > div:first-child,
        #tamlinh-container > a > div:first-child,
        .article-card > div:first-child {
            border-radius: 1.1rem !important;
            overflow: hidden !important;
        }
        #tuvi-container > a > div:first-child img,
        #tamlinh-container > a > div:first-child img,
        .article-card > div:first-child img {
            object-fit: contain !important;
            background: #2b0507 !important;
        }
        #tuvi-container > a > div:nth-child(2),
        #tamlinh-container > a > div:nth-child(2),
        .article-card > div:nth-child(2) {
            padding: 1rem .8rem .85rem !important;
        }
        @media (max-width: 1023px) {
            .lctv-star-guide .lctv-star-icon-img {
                width: 104px !important;
                height: 104px !important;
            }
            .lctv-star-guide .lctv-star-icon-btn::before {
                width: 106px;
                height: 106px;
            }
        }
        @media (max-width: 640px) {
            .lctv-star-guide {
                padding: 1.15rem 1rem 1.3rem !important;
            }
            .lctv-star-guide .lctv-star-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 1.05rem .85rem !important;
            }
            .lctv-star-guide .lctv-star-icon-img {
                width: 112px !important;
                height: 112px !important;
            }
            .lctv-star-guide .lctv-star-icon-btn::before {
                width: 118px;
                height: 118px;
            }
            #tuvi-container > a,
            #tamlinh-container > a,
            .article-card {
                padding: .45rem !important;
            }
        }



        /* FIX MOBILE FORM + BANNER + POPUP CẨM NANG:
           - mobile: ngày/tháng/năm cùng 1 dòng
           - mobile: kiểu lịch/giới tính cùng 1 dòng
           - mobile: giờ sinh/năm hạn cùng 1 dòng
           - banner: vệt sáng mềm, không lộ mảng vuông
           - popup cẩm nang: trả màu chữ/nền về dễ đọc, không can thiệp vào 14 file cẩm nang
        */
        .qc-banner-wide::after {
            inset: -35% auto -35% -46% !important;
            width: 24% !important;
            border-radius: 999px !important;
            background:
                radial-gradient(ellipse at center, rgba(255, 255, 255, .72) 0%, rgba(255, 228, 153, .34) 36%, rgba(255, 214, 118, .10) 58%, transparent 76%) !important;
            filter: blur(12px) !important;
            transform: rotate(16deg) skewX(-8deg) !important;
            mix-blend-mode: screen;
            animation: qc-shine-soft 9.6s ease-in-out infinite !important;
            opacity: 0;
        }
        @keyframes qc-shine-soft {
            0%, 12% { left: -46%; opacity: 0; }
            24% { opacity: .78; }
            48% { left: 118%; opacity: 0; }
            100% { left: 118%; opacity: 0; }
        }

        @media (max-width: 640px) {
            .lctv-theme-index #quick-laso-form {
                gap: .75rem !important;
            }
            .lctv-theme-index #quick-laso-form .grid.grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                gap: .45rem !important;
            }
            .lctv-theme-index #quick-laso-form .grid.grid-cols-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: .55rem !important;
            }
            .lctv-theme-index #quick-laso-form label {
                font-size: 9px !important;
                margin-left: .1rem !important;
                letter-spacing: .03em !important;
            }
            .lctv-theme-index #quick-laso-form input[type="text"],
            .lctv-theme-index #quick-laso-form input[type="number"],
            .lctv-theme-index #quick-laso-form select {
                height: 42px !important;
                min-height: 42px !important;
                padding: .55rem .42rem !important;
                border-radius: .72rem !important;
                font-size: 12px !important;
                line-height: 1.1 !important;
            }
            .lctv-theme-index #quick-laso-form .grid > div.bg-white {
                padding: .6rem .5rem !important;
                border-radius: .8rem !important;
            }
            .lctv-theme-index #quick-laso-form .grid > div.bg-white > div.flex {
                gap: .45rem !important;
                justify-content: space-between !important;
            }
            .lctv-theme-index #quick-laso-form input[type="radio"] {
                width: 13px !important;
                height: 13px !important;
                flex: 0 0 auto !important;
            }
            .lctv-theme-index #quick-laso-form input[type="radio"] + span {
                font-size: 12px !important;
                white-space: nowrap !important;
            }
            .lctv-theme-index #quick-laso-form .grid > div.bg-white label.flex {
                gap: .25rem !important;
                align-items: center !important;
            }
        }


        /* FIX TỔNG HỢP THEO YÊU CẦU MỚI - chỉ tinh chỉnh giao diện, không đổi logic */
        .lctv-theme-index #quick-laso-form select,
        .lctv-theme-index #quick-laso-form input[type="number"] {
            text-align: center !important;
            text-align-last: center !important;
        }
        .lctv-theme-index #quick-laso-form select option {
            text-align: center;
        }
        .lctv-theme-index #quick-laso-form .grid > div.bg-white > div.flex {
            justify-content: center !important;
        }
        .lctv-theme-index #quick-laso-form .grid > div.bg-white label.flex {
            flex: 1 1 0;
            justify-content: center !important;
        }
        .lctv-theme-index #qc-submit-btn.lctv-gold-action {
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
            padding: 0 !important;
            width: 100% !important;
            max-width: 760px !important;
            margin: 0 auto !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            overflow: visible !important;
        }
        .lctv-theme-index #qc-submit-btn .lctv-laplaso-img {
            width: min(100%, 760px) !important;
            height: auto !important;
            display: block !important;
            filter: drop-shadow(0 0 18px rgba(255, 195, 67, .36)) brightness(1.03);
            transition: transform .22s ease, filter .22s ease;
        }
        .lctv-theme-index #qc-submit-btn:hover .lctv-laplaso-img {
            transform: translateY(-1px);
            filter: drop-shadow(0 0 24px rgba(255, 204, 82, .52)) brightness(1.06);
        }
        .lctv-theme-index .lctv-app-image-grid {
            align-items: stretch !important;
        }
        .lctv-theme-index .lctv-app-image-card,
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-app-image-card {
            position: relative !important;
            border: 0 !important;
            outline: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            padding: 0 !important;
            min-height: 0 !important;
            overflow: hidden !important;
            border-radius: 1rem !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            isolation: isolate;
        }
        .lctv-theme-index .lctv-app-image-card::before,
        .lctv-theme-index .lctv-app-image-card::after,
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-app-image-card::before,
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-app-image-card::after {
            content: none !important;
            display: none !important;
        }
        .lctv-theme-index .lctv-app-image-card img {
            width: 100% !important;
            height: auto !important;
            display: block !important;
            object-fit: contain !important;
            border-radius: .95rem !important;
            filter: brightness(1.11) saturate(1.08) drop-shadow(0 0 12px rgba(255, 191, 58, .18));
            transition: transform .24s ease, filter .24s ease;
        }
        .lctv-theme-index .lctv-app-image-card:hover img {
            transform: translateY(-1px);
            filter: brightness(1.16) saturate(1.12) drop-shadow(0 10px 18px rgba(255, 198, 72, .32));
        }
        .lctv-star-guide .lctv-star-grid {
            grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        }
        .lctv-star-guide .lctv-star-icon-img {
            width: 122px !important;
            height: 122px !important;
        }
        .lctv-star-guide .lctv-star-icon-btn::before {
            width: 126px !important;
            height: 126px !important;
        }
        #modal-chinhtinh > .relative > button[onclick="closeChinhTinh()"] {
            z-index: 10010 !important;
        }
        @media (max-width: 1023px) {
            .lctv-star-guide .lctv-star-grid {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
            }
            .lctv-star-guide .lctv-star-icon-img {
                width: 104px !important;
                height: 104px !important;
            }
        }
        @media (max-width: 640px) {
            .lctv-cosmic-bar {
                position: relative !important;
                top: auto !important;
                z-index: 20 !important;
                margin: .75rem 1rem 1.35rem !important;
                padding: 0 !important;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
            }
            .lctv-cosmic-bar > .max-w-\[1440px\] {
                padding: 1rem 1rem !important;
                border-radius: 1.35rem !important;
                background:
                    linear-gradient(180deg, rgba(87, 10, 12, .40), rgba(30, 4, 5, .42)),
                    url('/uploads/styleindex/icons/mobile-info-panel-bg.png') center/100% 100% no-repeat !important;
                border: 0 !important;
                box-shadow: 0 14px 32px rgba(0,0,0,.22) !important;
                overflow: hidden !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 0 !important;
                width: 100% !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div {
                display: grid !important;
                grid-template-columns: 42px minmax(0, 1fr) !important;
                align-items: center !important;
                column-gap: .65rem !important;
                min-height: 74px !important;
                padding: .45rem .45rem !important;
                position: relative;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(1),
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(3) {
                border-right: 1px solid rgba(255, 221, 135, .10) !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(1),
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(2) {
                border-bottom: 1px solid rgba(255, 221, 135, .10) !important;
            }
            .lctv-cosmic-bar i {
                width: 42px !important;
                height: 42px !important;
                border-radius: 999px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                background:
                    radial-gradient(circle at 35% 25%, rgba(255, 226, 149, .18), rgba(82, 11, 10, .78) 58%, rgba(28, 3, 4, .90)) !important;
                color: #f0c668 !important;
                box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 14px rgba(255, 185, 55, .15) !important;
                font-size: 16px !important;
                grid-row: 1 / span 2;
                margin: 0 !important;
            }
            .lctv-cosmic-bar span:not(.font-bold):not(.text-slate-800) {
                font-size: 13px !important;
                font-weight: 700 !important;
                color: rgba(255, 225, 166, .82) !important;
                line-height: 1.1 !important;
                margin: 0 !important;
            }
            .lctv-cosmic-bar .font-bold,
            .lctv-cosmic-bar .text-slate-800 {
                font-size: 15px !important;
                line-height: 1.28 !important;
                color: #fff2cb !important;
                margin: .16rem 0 0 !important;
                max-width: 100% !important;
                overflow-wrap: anywhere !important;
            }
            .lctv-theme-index .lctv-hero-panel {
                margin-top: 0 !important;
            }
            .lctv-theme-index #qc-submit-btn .lctv-laplaso-img {
                width: 92% !important;
                max-width: 560px !important;
            }
            .lctv-theme-index .lctv-app-image-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: .68rem .75rem !important;
                padding: .1rem .15rem !important;
            }
            .lctv-theme-index .lctv-app-image-card img {
                width: 94% !important;
                border-radius: .82rem !important;
            }
            .lctv-star-guide .lctv-star-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }
            #modal-chinhtinh > .relative > button[onclick="closeChinhTinh()"] {
                position: fixed !important;
                top: calc(env(safe-area-inset-top) + 10px) !important;
                right: 12px !important;
                width: 42px !important;
                height: 42px !important;
                border-radius: 999px !important;
                background: #ffffff !important;
                color: #334155 !important;
            }
        }


        /* FIX CUỐI: tinh chỉnh mobile/web theo góp ý mới */
        .lctv-star-guide::after,
        .lctv-star-guide .lctv-star-icon-btn::before {
            content: none !important;
            display: none !important;
        }
        .lctv-star-guide .lctv-star-icon-img {
            filter: drop-shadow(0 0 7px rgba(255, 190, 58, .18)) !important;
        }
        .lctv-theme-index .lctv-app-image-grid {
            align-content: start !important;
        }
        .lctv-theme-index .lctv-app-image-card,
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-app-image-card {
            padding: 0 !important;
            margin: 0 !important;
            min-height: auto !important;
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            outline: none !important;
            overflow: visible !important;
            transform: none !important;
        }
        .lctv-theme-index .lctv-app-image-card:hover,
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-3 > a.lctv-app-image-card:hover {
            transform: none !important;
            border: none !important;
            box-shadow: none !important;
            background: transparent !important;
        }
        .lctv-theme-index .lctv-app-image-card img {
            width: 100% !important;
            max-width: none !important;
            margin: 0 auto !important;
            border-radius: 1rem !important;
            filter: brightness(1.08) saturate(1.06) !important;
        }
        .lctv-theme-index #quick-laso-form select,
        .lctv-theme-index #quick-laso-form input[type="number"] {
            text-align: center !important;
            text-align-last: center !important;
        }
        .lctv-theme-index #quick-laso-form #qc-hour {
            text-align: center !important;
            text-align-last: center !important;
        }
        .lctv-theme-index #quick-laso-form label[for="qc-hide-info"],
        .lctv-theme-index #quick-laso-form #qc-hide-info + span,
        .lctv-theme-index #quick-laso-form .lctv-privacy-text {
            white-space: nowrap !important;
        }
        .lctv-theme-index #quick-laso-form .lctv-privacy-row {
            gap: .85rem !important;
        }
        @media (min-width: 641px) {
            .lctv-theme-index #qc-submit-btn {
                background: transparent !important;
                border: 0 !important;
                box-shadow: none !important;
                padding: 0 !important;
                min-width: 360px !important;
            }
            .lctv-theme-index #qc-submit-btn:hover {
                background: transparent !important;
                box-shadow: none !important;
                transform: none !important;
            }
            .lctv-theme-index #qc-submit-btn .lctv-laplaso-img {
                width: 100% !important;
                max-width: 375px !important;
            }
            .lctv-theme-index .lctv-app-image-grid {
                gap: 1rem !important;
            }
            .lctv-theme-index .lctv-app-image-card img {
                width: 106% !important;
                max-width: none !important;
                margin-left: -3% !important;
            }
        }
        @media (max-width: 640px) {
            .lctv-cosmic-bar {
                position: relative !important;
                top: 0 !important;
                margin: .3rem 1rem 1.85rem !important;
                z-index: 25 !important;
            }
            .lctv-cosmic-bar > .max-w-\[1440px\] {
                box-shadow: 0 14px 30px rgba(0,0,0,.22) !important;
            }
            .lctv-theme-index #khu-vuc-form {
                margin-top: .25rem !important;
                position: relative !important;
                z-index: 1 !important;
            }
            .lctv-theme-index .lctv-app-image-grid {
                gap: .68rem .72rem !important;
                padding: 0 !important;
            }
            .lctv-theme-index .lctv-app-image-card img {
                width: 92% !important;
                margin: 0 auto !important;
            }
            .lctv-theme-index #qc-submit-btn .lctv-laplaso-img {
                width: 90% !important;
                max-width: 520px !important;
            }
        }


        /* FIX: 4 app desktop phân bố đều trong cột phải */
        @media (min-width: 1024px) {
            .lctv-theme-index .lctv-app-image-grid {
                height: 100% !important;
                display: grid !important;
                grid-template-columns: 1fr !important;
                grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
                align-items: center !important;
                align-content: stretch !important;
                gap: .85rem !important;
            }
            .lctv-theme-index .lctv-app-image-card {
                width: 100% !important;
                height: 100% !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }
            .lctv-theme-index .lctv-app-image-card img {
                width: 108% !important;
                max-width: none !important;
                margin-left: -4% !important;
                max-height: 118px !important;
                object-fit: contain !important;
            }
        }


        /* FIX CUỐI 2: căn lại ô Dương/Âm mobile và thu gọn khoảng cách 14 chính tinh web */
        @media (max-width: 640px) {
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div {
                grid-template-columns: 38px minmax(0, 1fr) !important;
                grid-template-rows: auto auto !important;
                align-content: center !important;
                align-items: center !important;
                column-gap: .58rem !important;
                min-height: 68px !important;
                padding: .38rem .38rem !important;
            }
            .lctv-cosmic-bar i {
                width: 38px !important;
                height: 38px !important;
                grid-row: 1 / 3 !important;
                align-self: center !important;
                justify-self: center !important;
                font-size: 15px !important;
            }
            .lctv-cosmic-bar span:not(.font-bold):not(.text-slate-800) {
                align-self: end !important;
                font-size: 12.5px !important;
                line-height: 1.05 !important;
                margin: 0 !important;
                padding: 0 !important;
            }
            .lctv-cosmic-bar .font-bold,
            .lctv-cosmic-bar .text-slate-800 {
                align-self: start !important;
                font-size: 14.5px !important;
                line-height: 1.22 !important;
                margin: .12rem 0 0 !important;
                padding: 0 !important;
            }
            .lctv-cosmic-bar > .max-w-\[1440px\] {
                padding: .82rem .88rem !important;
            }
        }
        @media (min-width: 1024px) {
            .lctv-star-guide {
                padding: 1.25rem 1.25rem 1.35rem !important;
            }
            .lctv-star-guide .lctv-star-grid {
                max-width: 900px !important;
                margin: 0 auto !important;
                grid-template-columns: repeat(7, 1fr) !important;
                gap: .48rem .42rem !important;
            }
            .lctv-star-guide .lctv-star-icon-btn {
                padding: 0 !important;
            }
            .lctv-star-guide .lctv-star-icon-img {
                width: 104px !important;
                height: 104px !important;
            }
        }


        /* FIX CUỐI 2: cân lại khối lịch mobile và cẩm nang 14 chính tinh */
        @media (min-width: 1024px) {
            .lctv-star-guide {
                padding-left: 1.2rem !important;
                padding-right: 1.2rem !important;
            }
            .lctv-star-guide .lctv-star-grid {
                grid-template-columns: repeat(7, 108px) !important;
                justify-content: center !important;
                justify-items: center !important;
                gap: .48rem .42rem !important;
            }
            .lctv-star-guide .lctv-star-icon-btn {
                width: 108px !important;
                padding: 0 !important;
            }
            .lctv-star-guide .lctv-star-icon-img {
                width: 106px !important;
                height: 106px !important;
            }
        }
        @media (max-width: 640px) {
            .lctv-cosmic-bar {
                margin: .35rem 1rem 2.15rem !important;
            }
            .lctv-cosmic-bar > .max-w-\[1440px\] {
                padding: .85rem .82rem !important;
                border-radius: 1.25rem !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div {
                grid-template-columns: 40px minmax(0, 1fr) !important;
                grid-template-rows: auto auto !important;
                min-height: 70px !important;
                padding: .38rem .36rem !important;
                column-gap: .55rem !important;
                row-gap: .12rem !important;
                align-content: center !important;
                align-items: center !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > i {
                grid-column: 1 !important;
                grid-row: 1 / span 2 !important;
                align-self: center !important;
                justify-self: center !important;
                width: 38px !important;
                height: 38px !important;
                font-size: 15px !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span:not(.font-bold):not(.text-slate-800) {
                grid-column: 2 !important;
                grid-row: 1 !important;
                align-self: end !important;
                display: block !important;
                font-size: 12.5px !important;
                line-height: 1.05 !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span.font-bold,
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span.text-slate-800 {
                grid-column: 2 !important;
                grid-row: 2 !important;
                align-self: start !important;
                display: block !important;
                font-size: 14.2px !important;
                line-height: 1.22 !important;
                margin: .08rem 0 0 !important;
            }
            .lctv-theme-index #khu-vuc-form {
                margin-top: .25rem !important;
            }
        }



        /* FIX MỚI: form + 14 chính tinh dùng chung nền, lịch mobile bỏ banner, app mềm hơn */
        /* Chuyển cả khối form và khối cẩm nang sang nền kính trong suốt */
        .lctv-theme-index .lctv-hero-panel,
        .lctv-theme-index .lctv-star-guide {
            background: rgba(30, 4, 6, 0.15) !important;
            backdrop-filter: blur(3px) !important;
            border: 1px solid rgba(220, 171, 80, .32) !important;
            box-shadow:
                0 18px 42px rgba(0, 0, 0, .20),
                inset 0 1px 0 rgba(255, 232, 165, .08) !important;
        }
        .lctv-theme-index .lctv-hero-panel > .lg\:col-span-9,
        .lctv-theme-index .lctv-hero-panel .lg\:col-span-9.bg-slate-50 {
            background: rgba(20, 2, 4, 0.25) !important;
            border-color: rgba(220, 171, 80, .24) !important;
            box-shadow: inset 0 0 0 1px rgba(255, 225, 150, .04) !important;
        }
        .lctv-theme-index .lctv-star-guide h2,
        .lctv-theme-index .lctv-hero-panel h1 {
            color: #fff0c0 !important;
            text-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
        }
        .lctv-theme-index .lctv-star-guide h2 i,
        .lctv-theme-index .lctv-hero-panel h1 i {
            color: #6a170c !important;
        }
        .lctv-theme-index .lctv-star-guide .lctv-star-grid {
            background: transparent !important;
        }
        .lctv-theme-index .lctv-app-image-card img {
            transition: filter .38s ease, opacity .38s ease, transform .38s ease !important;
            filter: brightness(1.04) saturate(1.03) drop-shadow(0 7px 14px rgba(0,0,0,.12)) !important;
        }
        .lctv-theme-index .lctv-app-image-card:hover img {
            transform: translateY(-1px) scale(1.01) !important;
            filter: brightness(1.08) saturate(1.05) drop-shadow(0 10px 18px rgba(255,185,60,.16)) !important;
        }
        @media (max-width: 640px) {
            .lctv-theme-index .lctv-hero-panel,
            .lctv-theme-index .lctv-star-guide {
                background: rgba(30, 4, 6, 0.15) !important;
                backdrop-filter: blur(3px) !important;
            }
            .lctv-cosmic-bar {
                margin: .65rem 1rem 1.25rem !important;
                background: transparent !important;
                box-shadow: none !important;
                border: 0 !important;
            }
            .lctv-cosmic-bar > .max-w-\[1440px\] {
                padding: .75rem .78rem !important;
                border-radius: 1.15rem !important;
                background:
                    linear-gradient(180deg, rgba(86, 12, 14, .72), rgba(35, 5, 7, .76)) !important;
                border: 1px solid rgba(218, 169, 76, .20) !important;
                box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: .52rem .58rem !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div {
                display: grid !important;
                grid-template-columns: 34px minmax(0, 1fr) !important;
                grid-template-rows: auto auto !important;
                min-height: 62px !important;
                padding: .48rem .42rem !important;
                column-gap: .55rem !important;
                row-gap: .08rem !important;
                align-content: center !important;
                border: 0 !important;
                border-radius: .95rem !important;
                background: rgba(52, 7, 8, .24) !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > i {
                grid-column: 1 !important;
                grid-row: 1 / 3 !important;
                width: 34px !important;
                height: 34px !important;
                align-self: center !important;
                justify-self: center !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                border-radius: 999px !important;
                background: rgba(93, 13, 13, .56) !important;
                color: #eac363 !important;
                box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 10px rgba(255,184,50,.10) !important;
                font-size: 14px !important;
                margin: 0 !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span:not(.font-bold):not(.text-slate-800) {
                grid-column: 2 !important;
                grid-row: 1 !important;
                align-self: end !important;
                justify-self: start !important;
                display: block !important;
                font-size: 12px !important;
                line-height: 1.05 !important;
                margin: 0 !important;
                color: rgba(255,226,170,.84) !important;
                font-weight: 750 !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span.font-bold,
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span.text-slate-800 {
                grid-column: 2 !important;
                grid-row: 2 !important;
                align-self: start !important;
                justify-self: start !important;
                display: block !important;
                font-size: 13.8px !important;
                line-height: 1.18 !important;
                margin: .1rem 0 0 !important;
                color: #fff2ca !important;
                overflow-wrap: anywhere !important;
                text-align: left !important;
            }
            .lctv-theme-index #khu-vuc-form {
                margin-top: 0 !important;
            }
            .lctv-theme-index .lctv-app-image-card:hover img {
                transform: none !important;
                filter: brightness(1.06) saturate(1.04) drop-shadow(0 8px 14px rgba(255,185,60,.10)) !important;
            }
        }


      /* FIX CUỐI: mobile khối lịch dùng nền html thuần và không đè form */
        @media (max-width: 640px) {
          .lctv-cosmic-bar {
                position: relative !important;
                top: auto !important;
                z-index: 20 !important;
                margin: -3.8rem 1rem 5rem !important; 
                padding: 0 !important;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none !important;
            }
            .lctv-cosmic-bar > .max-w-\[1440px\] {
                padding: 0 !important; 
                border-radius: 0 !important;
                background: transparent !important; 
                border: none !important;
                box-shadow: none !important;
                overflow: visible !important;
            }
            .lctv-cosmic-bar > .max-w-\[1440px\]::before {
                display: none !important; 
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row {
                position: relative !important;
                z-index: 2 !important;
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 0 !important; 
                width: 100% !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row::after {
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                width: 14px;
                height: 14px;
                transform: translate(-50%, -50%);
                background: radial-gradient(circle, rgba(255,238,166,1) 0%, rgba(255,190,55,0.4) 40%, transparent 70%);
                filter: drop-shadow(0 0 6px #ffbe37);
                pointer-events: none;
                z-index: 5;
                animation: pulse-glow-cross 2s infinite ease-in-out;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div {
                display: grid !important;
                grid-template-columns: 28px minmax(0, 1fr) !important;
                grid-template-rows: auto auto !important;
                min-height: 60px !important;
                padding: .4rem .2rem !important;
                column-gap: .3rem !important;
                row-gap: 0 !important;
                align-content: center !important;
                border-radius: 0 !important; 
                background: transparent !important; 
                border: none !important; 
                box-shadow: none !important;
                backdrop-filter: none !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(1) {
                border-right: 1px solid rgba(235, 181, 80, 0.22) !important;
                border-bottom: 1px solid rgba(235, 181, 80, 0.22) !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(2) {
                border-bottom: 1px solid rgba(235, 181, 80, 0.22) !important;
                padding-left: .6rem !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(3) {
                border-right: 1px solid rgba(235, 181, 80, 0.22) !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(4) {
                padding-left: .6rem !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > i {
                grid-column: 1 !important;
                grid-row: 1 / 3 !important;
                width: 28px !important;
                height: 28px !important;
                align-self: center !important;
                justify-self: center !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                border-radius: 999px !important;
                background: rgba(35, 3, 5, .4) !important; 
                box-shadow: none !important;
                border: 1px solid rgba(255, 218, 126, .15) !important;
                font-size: 11px !important;
                margin: 0 !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(1) > i { color: #ff5f57 !important; }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(2) > i { color: #f6c24f !important; }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(3) > i { color: #61d36e !important; }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(4) > i { color: #8c80ff !important; }

            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span:not(.font-bold):not(.text-slate-800) {
                grid-column: 2 !important;
                grid-row: 1 !important;
                align-self: end !important;
                justify-self: start !important;
                display: block !important;
                font-size: 9.5px !important;
                line-height: 1.1 !important;
                margin: 0 0 2px 0 !important;
                color: rgba(255,226,170,.75) !important;
                font-weight: 700 !important;
                white-space: nowrap !important;
            }
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span.font-bold,
            .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span.text-slate-800 {
                grid-column: 2 !important;
                grid-row: 2 !important;
                align-self: start !important;
                justify-self: start !important;
                display: block !important;
                font-size: 11px !important; 
                line-height: 1.3 !important;
                margin: 0 !important;
                color: #fff1c7 !important;
                white-space: normal !important; 
                word-wrap: break-word !important;
            }
            .lctv-theme-index #khu-vuc-form {
                margin-top: 0 !important;
                position: relative !important;
                z-index: 1 !important;
            }
        }
        @keyframes pulse-glow-cross {
            0%, 100% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.7; }
            50% { transform: translate(-50%, -50%) scale(1.3); opacity: 1; }
        }


		/* CSS MỚI CHO 4 NÚT ỨNG DỤNG BẰNG HTML/CSS THUẦN */
        .lctv-theme-index .lctv-app-btn-grid {
            height: 100% !important;
            align-content: stretch !important;
        }
        @media (min-width: 1024px) {
            .lctv-theme-index .lctv-app-btn-grid {
                grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
            }
        }
        .lctv-theme-index .lctv-quick-tool-btn {
            position: relative;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 0.4rem;
            min-height: 105px;
            border-radius: 1rem !important;
            overflow: hidden;
            text-decoration: none !important;
            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
            border: 1px solid rgba(255, 218, 126, 0.4) !important;
            box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
        }
        
        .lctv-theme-index .lctv-quick-tool-btn::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
            opacity: 0.6;
            z-index: 1;
            pointer-events: none;
        }

        .lctv-theme-index .lctv-quick-tool-btn i {
            position: relative;
            z-index: 2;
            font-size: 2.2rem !important;
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        
        .lctv-theme-index .lctv-quick-tool-btn span {
            position: relative;
            z-index: 2;
            font-size: 0.85rem !important;
            font-weight: 800 !important;
            letter-spacing: 0.04em;
            text-transform: uppercase;
        }

        /* Phối màu 4 nút y như thiết kế ảnh */
        .lctv-theme-index .lctv-quick-tool-btn:nth-child(1) {
            background: linear-gradient(145deg, #4f3788, #21113f) !important;
        }
        .lctv-theme-index .lctv-quick-tool-btn:nth-child(1) i { color: #b9adff !important; text-shadow: 0 0 15px rgba(185, 173, 255, 0.6); }
        .lctv-theme-index .lctv-quick-tool-btn:nth-child(1) span { color: #f2edff !important; }

        .lctv-theme-index .lctv-quick-tool-btn:nth-child(2) {
            background: linear-gradient(145deg, #9a2f49, #560a18) !important;
        }
        .lctv-theme-index .lctv-quick-tool-btn:nth-child(2) i { color: #ff8ca0 !important; text-shadow: 0 0 15px rgba(255, 140, 160, 0.6); }
        .lctv-theme-index .lctv-quick-tool-btn:nth-child(2) span { color: #ffe1e7 !important; }

        .lctv-theme-index .lctv-quick-tool-btn:nth-child(3) {
            background: linear-gradient(145deg, #8f5520, #4c2508) !important;
        }
        .lctv-theme-index .lctv-quick-tool-btn:nth-child(3) i { color: #ffcf60 !important; text-shadow: 0 0 15px rgba(255, 207, 96, 0.6); }
        .lctv-theme-index .lctv-quick-tool-btn:nth-child(3) span { color: #ffe0a0 !important; }

        .lctv-theme-index .lctv-quick-tool-btn:nth-child(4) {
            background: linear-gradient(145deg, #236b4c, #0c3926) !important;
        }
        .lctv-theme-index .lctv-quick-tool-btn:nth-child(4) i { color: #8ddd86 !important; text-shadow: 0 0 15px rgba(141, 221, 134, 0.6); }
        .lctv-theme-index .lctv-quick-tool-btn:nth-child(4) span { color: #e6ffdc !important; }

        /* Hover effect */
        .lctv-theme-index .lctv-quick-tool-btn:hover {
            transform: translateY(-3px) !important;
            border-color: rgba(255, 230, 150, 0.8) !important;
            box-shadow: 0 18px 36px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 20px rgba(255, 198, 79, 0.15) !important;
        }
        .lctv-theme-index .lctv-quick-tool-btn:hover i {
            transform: scale(1.15);
        }

        @media (max-width: 640px) {
            .lctv-theme-index .lctv-quick-tool-btn {
                min-height: 94px;
                border-radius: 0.85rem !important;
                gap: 0.35rem;
            }
            .lctv-theme-index .lctv-quick-tool-btn i { font-size: 1.8rem !important; }
            .lctv-theme-index .lctv-quick-tool-btn span { font-size: 0.78rem !important; }
        }




/* ==========================================================
   FIX TĂNG CỠ CHỮ THANH DƯƠNG LỊCH MOBILE +2PX
   - Nhãn tăng từ khoảng 9px lên 11px
   - Kết quả tăng từ khoảng 9.8px lên 11.8px
   - Dòng Giờ hoàng đạo tăng vừa đủ để vẫn giữ gọn 1 dòng
========================================================== */
@media (max-width: 768px) {
    body.lctv-theme-index .lctv-cosmic-bar-final {
        margin-bottom: .5rem !important;
        padding: .36rem .58rem .42rem !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar-final .lctv-cosmic-list {
        gap: .12rem !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar-final .lctv-cosmic-row {
        height: 21px !important;
        min-height: 21px !important;
        gap: .28rem !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar-final .lctv-dot {
        width: 7px !important;
        height: 7px !important;
        min-width: 7px !important;
        flex: 0 0 7px !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar-final .lctv-label {
        font-size: 11px !important;
        line-height: 1.05 !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar-final .lctv-value {
        font-size: 11.8px !important;
        line-height: 1.05 !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar-final .lctv-row-hoangdao .lctv-value {
        font-size: 11px !important;
    }
}

@media (max-width: 430px) {
    body.lctv-theme-index .lctv-cosmic-bar-final {
        padding: .34rem .52rem .40rem !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar-final .lctv-cosmic-list {
        gap: .10rem !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar-final .lctv-cosmic-row {
        height: 20px !important;
        min-height: 20px !important;
        gap: .25rem !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar-final .lctv-label {
        font-size: 10.7px !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar-final .lctv-value {
        font-size: 11.3px !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar-final .lctv-row-hoangdao .lctv-value {
        font-size: 10.6px !important;
    }
}



/* ==========================================================
   FIX TRẢ THANH LỊCH MOBILE VỀ 4 Ô
   - 4 ô giống giao diện cũ hơn
   - Icon mỗi mục 1 màu
   - Nhãn và kết quả rõ, dễ đọc
   - Không can thiệp màu/nền/chữ bên trong 14 chính tinh
========================================================== */

@media (min-width: 769px) {
    .lctv-cosmic-bar {
        background: linear-gradient(180deg, rgba(70, 7, 9, .98), rgba(45, 4, 7, .96)) !important;
        border-bottom: 1px solid rgba(255, 214, 118, .22) !important;
        box-shadow: 0 8px 18px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04) !important;
    }

    .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > i {
        text-shadow: 0 0 12px currentColor !important;
    }

    .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(1) > i { color: #ff6b63 !important; }
    .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(2) > i { color: #ffd15f !important; }
    .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(3) > i { color: #55d87a !important; }
    .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(4) > i { color: #8d86ff !important; }

    .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span:not(.font-bold):not(.text-slate-800) {
        color: rgba(244, 194, 105, .82) !important;
        font-weight: 800 !important;
    }

    .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span.font-bold,
    .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span.text-slate-800 {
        color: #fff2cf !important;
        font-weight: 850 !important;
        text-shadow: 0 1px 0 rgba(0,0,0,.28) !important;
    }
}

@media (max-width: 768px) {
    body.lctv-theme-index .lctv-cosmic-bar {
        position: sticky !important;
        top: 70px !important;
        z-index: 998 !important;
        width: 100% !important;
        margin: -2px 0 .65rem 0 !important;
        padding: .55rem .75rem .65rem !important;
        background: linear-gradient(180deg, rgba(54, 6, 8, .99), rgba(34, 4, 7, .99)) !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 214, 118, .16) !important;
        box-shadow: 0 8px 18px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.035) !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar > .max-w-\[1440px\],
    body.lctv-theme-index .lctv-cosmic-bar > div {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .55rem !important;
        width: 100% !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row::before,
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row::after,
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div::before,
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div::after {
        display: none !important;
        content: none !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div {
        min-height: 60px !important;
        padding: .68rem .72rem !important;
        border-radius: 1rem !important;
        background: linear-gradient(145deg, rgba(72, 8, 10, .82), rgba(40, 5, 7, .92)) !important;
        border: 1px solid rgba(255, 214, 118, .18) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 7px 16px rgba(0,0,0,.12) !important;
        display: flex !important;
        align-items: center !important;
        gap: .45rem !important;
        overflow: hidden !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar i {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        border-radius: 999px !important;
        background: rgba(255, 226, 145, .08) !important;
        border: 1px solid rgba(255, 226, 145, .14) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-shadow: 0 0 10px currentColor !important;
        font-size: 12px !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(1) > i { color: #ff6b63 !important; }
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(2) > i { color: #ffd15f !important; }
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(3) > i { color: #55d87a !important; }
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(4) > i { color: #8d86ff !important; }

    body.lctv-theme-index .lctv-cosmic-bar span:not(.font-bold):not(.text-slate-800) {
        color: rgba(244, 194, 105, .78) !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        margin: 0 !important;
        display: block !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .font-bold,
    body.lctv-theme-index .lctv-cosmic-bar .text-slate-800 {
        color: #fff2cf !important;
        font-size: 12.2px !important;
        line-height: 1.18 !important;
        font-weight: 850 !important;
        text-shadow: 0 1px 0 rgba(0,0,0,.30) !important;
        margin-left: 0 !important;
        display: block !important;
        white-space: normal !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div {
        flex-wrap: nowrap !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span:not(:first-of-type),
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span.font-bold,
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div > span.text-slate-800 {
        margin-left: .15rem !important;
    }
}



/* ==========================================================
   FIX MOBILE THANH LỊCH DƯƠNG LỊCH - MẪU 1 SVG MÀU
   - Chỉ áp dụng mobile
   - PC giữ nguyên giao diện cũ
   - Gom 4 mục thành 1 form sát header, đi theo header
========================================================== */
.lctv-mobile-svg-icon {
    display: none;
}

@media (max-width: 768px) {
    body.lctv-theme-index .lctv-cosmic-bar {
        position: sticky !important;
        top: 68px !important;
        z-index: 998 !important;
        width: 100% !important;
        margin: -1px 0 .55rem 0 !important;
        padding: .42rem .75rem .50rem !important;
        background:
            radial-gradient(circle at 16% 0%, rgba(255, 217, 117, .13), transparent 30%),
            linear-gradient(180deg, rgba(69, 7, 10, 1), rgba(29, 3, 5, 1)) !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 211, 112, .16) !important;
        border-radius: 0 !important;
        box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar > .max-w-\[1440px\],
    body.lctv-theme-index .lctv-cosmic-bar > div {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: .18rem !important;
        width: 100% !important;
        padding: 0 0 0 .56rem !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-left: 3px solid #e2a33a !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row::before,
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row::after,
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div::before,
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div::after {
        display: none !important;
        content: none !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div {
        display: grid !important;
        grid-template-columns: 25px 92px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: .44rem !important;
        min-height: 25px !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar i {
        display: none !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .lctv-mobile-svg-icon {
        display: grid !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        place-items: center !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .lctv-mobile-svg-icon svg {
        width: 21px !important;
        height: 21px !important;
        display: block !important;
        filter: drop-shadow(0 0 8px rgba(255, 198, 73, .20)) !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar span:not(.font-bold):not(.text-slate-800):not(.lctv-mobile-svg-icon) {
        color: #f4cc72 !important;
        font-size: 11.5px !important;
        font-weight: 850 !important;
        line-height: 1.12 !important;
        margin: 0 !important;
        display: block !important;
        white-space: nowrap !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .font-bold,
    body.lctv-theme-index .lctv-cosmic-bar .text-slate-800 {
        font-size: 11.8px !important;
        line-height: 1.12 !important;
        font-weight: 850 !important;
        text-shadow: 0 1px 0 rgba(0,0,0,.30) !important;
        margin-left: 0 !important;
        display: block !important;
        white-space: normal !important;
        min-width: 0 !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(1) > span.font-bold,
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(1) > span.text-slate-800 {
        color: #fff2c8 !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(2) > span.font-bold,
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(2) > span.text-slate-800 {
        color: #ffd46d !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(3) > span.font-bold,
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(3) > span.text-slate-800 {
        color: #ffba94 !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(4) > span.font-bold,
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(4) > span.text-slate-800 {
        color: #aeeac9 !important;
    }
}

@media (max-width: 430px) {
    body.lctv-theme-index .lctv-cosmic-bar {
        padding: .38rem .62rem .46rem !important;
        margin-bottom: .48rem !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row {
        padding-left: .50rem !important;
        gap: .15rem !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div {
        grid-template-columns: 23px 86px minmax(0, 1fr) !important;
        gap: .38rem !important;
        min-height: 24px !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .lctv-mobile-svg-icon {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .lctv-mobile-svg-icon svg {
        width: 20px !important;
        height: 20px !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar span:not(.font-bold):not(.text-slate-800):not(.lctv-mobile-svg-icon) {
        font-size: 11px !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .font-bold,
    body.lctv-theme-index .lctv-cosmic-bar .text-slate-800 {
        font-size: 11.2px !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(3) > span.font-bold,
    body.lctv-theme-index .lctv-cosmic-bar .flex.flex-col.md\:flex-row > div:nth-child(3) > span.text-slate-800 {
        font-size: 10.5px !important;
        letter-spacing: -.02em !important;
    }
}



/* ==========================================================
   FIX GẤP MOBILE THANH LỊCH MẪU 1 SVG
   - Chặn CSS mobile cũ đè icon và chữ
   - Mỗi dòng giữ đúng 3 cột: icon, nhãn, kết quả
   - Chỉ áp dụng mobile, PC không đổi
========================================================== */
@media (max-width: 768px) {
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 {
        position: sticky !important;
        top: 68px !important;
        z-index: 998 !important;
        width: 100% !important;
        margin: -1px 0 .55rem 0 !important;
        padding: .44rem .72rem .50rem !important;
        background:
            radial-gradient(circle at 16% 0%, rgba(255, 217, 117, .13), transparent 30%),
            linear-gradient(180deg, rgba(69, 7, 10, 1), rgba(29, 3, 5, 1)) !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(255, 211, 112, .16) !important;
        border-radius: 0 !important;
        box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
        overflow: visible !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 > .max-w-\[1440px\],
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 > div {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: .20rem !important;
        width: 100% !important;
        padding: 0 0 0 .58rem !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-left: 3px solid #e2a33a !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row::before,
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row::after,
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div::before,
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div::after {
        display: none !important;
        content: none !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div {
        display: grid !important;
        grid-template-columns: 24px 92px minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        align-items: center !important;
        align-content: center !important;
        column-gap: .42rem !important;
        row-gap: 0 !important;
        min-height: 27px !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div > i {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        opacity: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div > .lctv-mobile-svg-icon {
        grid-column: 1 !important;
        grid-row: 1 !important;
        display: grid !important;
        align-self: center !important;
        justify-self: center !important;
        width: 21px !important;
        height: 21px !important;
        min-width: 21px !important;
        place-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        transform: none !important;
        position: static !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div > .lctv-mobile-svg-icon svg {
        width: 21px !important;
        height: 21px !important;
        display: block !important;
        flex: none !important;
        filter: drop-shadow(0 0 8px rgba(255, 198, 73, .20)) !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div > span:not(.font-bold):not(.text-slate-800):not(.lctv-mobile-svg-icon) {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: start !important;
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #f4cc72 !important;
        font-size: 11.5px !important;
        font-weight: 850 !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
        text-align: left !important;
        position: static !important;
        transform: none !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div > span.font-bold,
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div > span.text-slate-800 {
        grid-column: 3 !important;
        grid-row: 1 !important;
        align-self: center !important;
        justify-self: start !important;
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 11.8px !important;
        line-height: 1.25 !important;
        font-weight: 850 !important;
        text-shadow: 0 1px 0 rgba(0,0,0,.30) !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        text-align: left !important;
        position: static !important;
        transform: none !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div:nth-child(1) > span.font-bold,
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div:nth-child(1) > span.text-slate-800 { color: #fff2c8 !important; }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div:nth-child(2) > span.font-bold,
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div:nth-child(2) > span.text-slate-800 { color: #ffd46d !important; }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div:nth-child(3) > span.font-bold,
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div:nth-child(3) > span.text-slate-800 { color: #ffba94 !important; }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div:nth-child(4) > span.font-bold,
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div:nth-child(4) > span.text-slate-800 { color: #aeeac9 !important; }
}

@media (max-width: 430px) {
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 {
        padding: .40rem .58rem .46rem !important;
        margin-bottom: .48rem !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row {
        padding-left: .50rem !important;
        gap: .18rem !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div {
        grid-template-columns: 22px 86px minmax(0, 1fr) !important;
        column-gap: .36rem !important;
        min-height: 28px !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div > .lctv-mobile-svg-icon,
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div > .lctv-mobile-svg-icon svg {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div > span:not(.font-bold):not(.text-slate-800):not(.lctv-mobile-svg-icon) {
        font-size: 11px !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div > span.font-bold,
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div > span.text-slate-800 {
        font-size: 11.2px !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div:nth-child(3) > span.font-bold,
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div:nth-child(3) > span.text-slate-800 {
        font-size: 10.5px !important;
        letter-spacing: -.02em !important;
    }
}



/* ==========================================================
   FIX CUỐI MOBILE: thanh lịch sát header + bù khoảng che nội dung
   - Chỉ áp dụng mobile
   - Giữ mẫu 1 SVG đang dùng
========================================================== */
@media (max-width: 768px) {
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 {
        top: 68px !important;
        margin: -4px 0 .45rem 0 !important;
        padding-top: .42rem !important;
        padding-bottom: .48rem !important;
        z-index: 9998 !important;
        border-top: 0 !important;
        box-shadow: 0 8px 18px rgba(0,0,0,.20) !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 > .max-w-\[1440px\] {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    body.lctv-theme-index .lctv-home-shell,
    body.lctv-theme-index .lctv-main-column,
    body.lctv-theme-index .lctv-star-guide,
    body.lctv-theme-index #section-tuvi,
    body.lctv-theme-index #section-tamlinh {
        scroll-margin-top: 172px !important;
    }

    body.lctv-theme-index .lctv-star-guide {
        margin-top: .65rem !important;
    }

    body.lctv-theme-index #modal-chinhtinh {
        align-items: flex-start !important;
        padding-top: calc(env(safe-area-inset-top) + 160px) !important;
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }

    body.lctv-theme-index #modal-chinhtinh > .relative {
        max-height: calc(100vh - 172px) !important;
    }

    body.lctv-theme-index #modal-chinhtinh #content-chinhtinh {
        max-height: calc(100vh - 182px) !important;
        scroll-margin-top: 172px !important;
    }
}

@media (max-width: 430px) {
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 {
        margin-top: -4px !important;
        margin-bottom: .40rem !important;
        padding-top: .38rem !important;
        padding-bottom: .44rem !important;
    }

    body.lctv-theme-index .lctv-home-shell,
    body.lctv-theme-index .lctv-main-column,
    body.lctv-theme-index .lctv-star-guide,
    body.lctv-theme-index #section-tuvi,
    body.lctv-theme-index #section-tamlinh {
        scroll-margin-top: 168px !important;
    }

    body.lctv-theme-index #modal-chinhtinh {
        padding-top: calc(env(safe-area-inset-top) + 154px) !important;
    }

    body.lctv-theme-index #modal-chinhtinh > .relative {
        max-height: calc(100vh - 166px) !important;
    }

    body.lctv-theme-index #modal-chinhtinh #content-chinhtinh {
        max-height: calc(100vh - 176px) !important;
    }
}


/* ==========================================================
   FIX CUỐI MOBILE: kéo thanh lịch sát header + trả màu mặc định cho Cẩm nang
   - Chỉ áp dụng mobile cho thanh Dương lịch
   - Không đổi bố cục PC
   - Nội dung modal 14 chính tinh dùng màu mặc định dễ đọc trên nền sáng
========================================================== */
@media (max-width: 768px) {
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 {
        margin-top: -10px !important;
        margin-bottom: .42rem !important;
        padding-top: .16rem !important;
        padding-bottom: .42rem !important;
        border-top: 0 !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 > .max-w-\[1440px\] {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 .flex.flex-col.md\:flex-row > div:first-child {
        margin-top: 0 !important;
    }
}

@media (max-width: 430px) {
    body.lctv-theme-index .lctv-cosmic-bar.lctv-mobile-calendar-v2 {
        margin-top: -11px !important;
        margin-bottom: .38rem !important;
        padding-top: .12rem !important;
        padding-bottom: .40rem !important;
    }
}

body.lctv-theme-index #content-chinhtinh {
    color: #334155 !important;
    background: #ffffff !important;
}

body.lctv-theme-index #content-chinhtinh .text-slate-900 { color: #0f172a !important; }
body.lctv-theme-index #content-chinhtinh .text-slate-800 { color: #1e293b !important; }
body.lctv-theme-index #content-chinhtinh .text-slate-700 { color: #334155 !important; }
body.lctv-theme-index #content-chinhtinh .text-slate-600 { color: #475569 !important; }
body.lctv-theme-index #content-chinhtinh .text-slate-500 { color: #64748b !important; }
body.lctv-theme-index #content-chinhtinh .text-slate-400 { color: #94a3b8 !important; }
body.lctv-theme-index #content-chinhtinh .text-amber-950 { color: #451a03 !important; }
body.lctv-theme-index #content-chinhtinh .text-amber-900 { color: #78350f !important; }
body.lctv-theme-index #content-chinhtinh .text-amber-800 { color: #92400e !important; }
body.lctv-theme-index #content-chinhtinh .text-amber-700 { color: #b45309 !important; }
body.lctv-theme-index #content-chinhtinh .text-rose-600 { color: #e11d48 !important; }
body.lctv-theme-index #content-chinhtinh .text-rose-500 { color: #f43f5e !important; }
body.lctv-theme-index #content-chinhtinh .text-white { color: #ffffff !important; }
body.lctv-theme-index #content-chinhtinh p,
body.lctv-theme-index #content-chinhtinh li,
body.lctv-theme-index #content-chinhtinh span {
    color: inherit;
}


        /* FIX form phong thủy cùng một dòng trên web và mobile */
        .lctv-fengshui-form-row {
            padding: .75rem;
            border-radius: 1.25rem;
            background: linear-gradient(145deg, rgba(74, 9, 12, .48), rgba(35, 5, 7, .34)), radial-gradient(circle at 16% 0%, rgba(255, 213, 123, .12), transparent 36%);
            border: 1px solid rgba(247, 210, 122, .18);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 34px rgba(0,0,0,.14);
        }
        .lctv-fengshui-form-row .lctv-fengshui-input,
        .lctv-fengshui-form-row .lctv-fengshui-select {
            min-height: 48px;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
        }
        .lctv-fengshui-form-row .lctv-fengshui-submit {
            min-height: 48px;
            background: linear-gradient(180deg, #fff1b8, #dfa03a 62%, #a96218) !important;
            color: #5c1309 !important;
            border: 1px solid rgba(255, 235, 168, .78) !important;
            box-shadow: 0 14px 30px rgba(255, 177, 45, .20), inset 0 1px 0 rgba(255,255,255,.66) !important;
        }
        .lctv-fengshui-form-row .lctv-fengshui-submit:hover {
            transform: translateY(-2px);
            box-shadow: 0 18px 36px rgba(255, 190, 60, .26), inset 0 1px 0 rgba(255,255,255,.72) !important;
        }
        @media (max-width: 640px) {
            .lctv-fengshui-form-row {
                grid-template-columns: minmax(0, .9fr) minmax(0, 1.05fr) auto !important;
                gap: .45rem !important;
                padding: .55rem !important;
                border-radius: 1rem !important;
            }
            .lctv-fengshui-form-row label {
                font-size: 8px !important;
                letter-spacing: .06em !important;
                margin-bottom: .35rem !important;
                white-space: nowrap;
            }
            .lctv-fengshui-form-row .lctv-fengshui-input,
            .lctv-fengshui-form-row .lctv-fengshui-select,
            .lctv-fengshui-form-row .lctv-fengshui-submit {
                min-height: 42px !important;
                height: 42px !important;
                border-radius: .8rem !important;
                font-size: 11px !important;
                padding-left: .45rem !important;
                padding-right: .45rem !important;
            }
            .lctv-fengshui-form-row .lctv-fengshui-submit {
                width: 52px !important;
                min-width: 52px !important;
                letter-spacing: .05em !important;
            }
        }

        /* FIX nổi bật kết quả phong thủy, nút xem kết quả và khoảng cách footer */
        .lctv-fengshui-section {
            margin-bottom: 7rem !important;
            padding-bottom: 3rem !important;
        }
        .lctv-fengshui-form-row .lctv-fengshui-submit {
            background:
                radial-gradient(circle at 30% 18%, #fff8d4 0%, #ffd66f 38%, #d89422 72%, #8d270f 100%) !important;
            color: #5b1208 !important;
            border: 1px solid rgba(255, 238, 175, .95) !important;
            text-shadow: 0 1px 0 rgba(255,255,255,.36);
            box-shadow:
                0 16px 32px rgba(255, 178, 43, .28),
                0 0 26px rgba(255, 209, 111, .22),
                inset 0 1px 0 rgba(255,255,255,.78) !important;
        }
        .lctv-fengshui-form-row .lctv-fengshui-submit:hover {
            filter: brightness(1.08);
            transform: translateY(-2px);
            box-shadow:
                0 20px 38px rgba(255, 190, 60, .36),
                0 0 34px rgba(255, 218, 128, .32),
                inset 0 1px 0 rgba(255,255,255,.84) !important;
        }
        #pt_result {
            margin-top: 2rem !important;
            padding: 1rem;
            border-radius: 1.6rem;
            background:
                radial-gradient(circle at 12% 0%, rgba(255, 213, 123, .16), transparent 32%),
                linear-gradient(145deg, rgba(65, 7, 10, .62), rgba(30, 4, 6, .50));
            border: 1px solid rgba(247, 210, 122, .18);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
        }
        #pt_result > .grid:first-child > div {
            position: relative;
            overflow: hidden;
            min-height: 178px;
            background:
                radial-gradient(circle at 85% 10%, rgba(255, 229, 154, .22), transparent 30%),
                linear-gradient(145deg, rgba(129, 20, 21, .96), rgba(62, 7, 10, .96)) !important;
            border: 1px solid rgba(255, 220, 139, .42) !important;
            box-shadow:
                0 18px 42px rgba(0,0,0,.24),
                0 0 28px rgba(255, 185, 56, .10),
                inset 0 1px 0 rgba(255,255,255,.10) !important;
        }
        #pt_result > .grid:first-child > div::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(120deg, rgba(255,255,255,.10), transparent 38%),
                radial-gradient(circle at 8% 92%, rgba(255, 200, 72, .16), transparent 38%);
            pointer-events: none;
        }
        #pt_result > .grid:first-child > div::after {
            content: "";
            position: absolute;
            right: -38px;
            bottom: -48px;
            width: 150px;
            height: 150px;
            border-radius: 9999px;
            border: 1px solid rgba(255, 218, 128, .18);
            box-shadow: inset 0 0 0 16px rgba(255, 218, 128, .035);
            pointer-events: none;
        }
        #pt_result > .grid:first-child > div > * {
            position: relative;
            z-index: 1;
        }
        #pt_result > .grid:first-child p:first-child {
            color: #ffd66f !important;
            letter-spacing: .16em !important;
        }
        #pt_result > .grid:first-child h3 {
            color: #fff4c8 !important;
            font-size: clamp(1.6rem, 3vw, 2.15rem) !important;
            line-height: 1.15 !important;
            text-shadow: 0 0 18px rgba(255, 211, 112, .16);
        }
        #pt_result > .grid:first-child #res_menh_hanh,
        #pt_result > .grid:first-child #res_bat_trach {
            color: #ffd875 !important;
            font-size: 1.05rem !important;
        }
        #pt_result > .grid:first-child #res_menh_nghia {
            color: rgba(255, 241, 202, .82) !important;
            font-style: italic;
        }
        #pt_result > div:not(:first-child) {
            background:
                linear-gradient(145deg, rgba(72, 8, 11, .82), rgba(38, 5, 7, .86)) !important;
            border: 1px solid rgba(247, 210, 122, .26) !important;
            box-shadow:
                0 16px 38px rgba(0,0,0,.22),
                inset 0 1px 0 rgba(255,255,255,.06) !important;
        }
        #pt_result > div:not(:first-child) h4 {
            color: #fff0c2 !important;
        }
        #pt_result > div:not(:first-child) .bg-white {
            background: rgba(43, 5, 7, .60) !important;
            border-color: rgba(247, 210, 122, .24) !important;
        }
        #pt_result > div:not(:first-child) .bg-white span,
        #pt_result > div:not(:first-child) .bg-white li {
            color: #fff0c2 !important;
        }
        @media (max-width: 640px) {
            .lctv-fengshui-section {
                margin-bottom: 8.5rem !important;
                padding-bottom: 3.5rem !important;
            }
            #pt_result {
                padding: .65rem !important;
                border-radius: 1.25rem !important;
            }
            #pt_result > .grid:first-child {
                gap: .75rem !important;
            }
            #pt_result > .grid:first-child > div {
                min-height: 145px;
                padding: 1.15rem !important;
                border-radius: 1rem !important;
            }
        }

        /* FIX bát quái đỏ vàng và nút xem kết quả nổi bật hơn */
        #bagua-loader {
            background: radial-gradient(circle at 50% 20%, rgba(255, 210, 100, .12), transparent 28%), rgba(26, 4, 6, 0.88) !important;
            backdrop-filter: blur(10px);
        }
        .bagua-spinner {
            width: 132px !important;
            height: 132px !important;
            background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20240%20240%27%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%0A%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23fff4c7%27/%3E%0A%3Cstop%20offset%3D%270.45%27%20stop-color%3D%27%23f4bf53%27/%3E%0A%3Cstop%20offset%3D%271%27%20stop-color%3D%27%238d1b10%27/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%27120%27%20r%3D%27108%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g%29%27%20stroke-width%3D%2710%27%20opacity%3D%270.98%27/%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%27120%27%20r%3D%2784%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g%29%27%20stroke-width%3D%273%27%20opacity%3D%270.5%27/%3E%0A%3Cg%20fill%3D%27%23f4c55f%27%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%280%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%2845%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%2890%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28135%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28180%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28225%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28270%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28315%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%3C/g%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%27120%27%20r%3D%2743%27%20fill%3D%27%237b120d%27%20stroke%3D%27%23f6cf75%27%20stroke-width%3D%273%27/%3E%0A%3Cpath%20d%3D%27M120%2077a43%2043%200%201%201%200%2086a21.5%2021.5%200%201%200%200%20-43a21.5%2021.5%200%201%201%200%20-43z%27%20fill%3D%27%23f5c85f%27/%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%2798%27%20r%3D%277%27%20fill%3D%27%237b120d%27/%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%27142%27%20r%3D%277%27%20fill%3D%27%23f5c85f%27/%3E%0A%3C/svg%3E") no-repeat center !important;
            background-size: contain !important;
            animation: spin-bagua 1.55s linear infinite;
            filter: drop-shadow(0 0 12px rgba(255, 196, 73, .34)) drop-shadow(0 0 30px rgba(180, 34, 18, .25));
        }
        .loader-text {
            color: #ffe9ab !important;
            text-shadow: 0 0 14px rgba(255, 198, 73, .18);
            font-size: 13px;
            letter-spacing: .12em;
        }
        .lctv-fengshui-bagua {
            width: 210px;
            height: 210px;
            opacity: .14;
            background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20240%20240%27%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%0A%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23fff4c7%27/%3E%0A%3Cstop%20offset%3D%270.45%27%20stop-color%3D%27%23f4bf53%27/%3E%0A%3Cstop%20offset%3D%271%27%20stop-color%3D%27%238d1b10%27/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%27120%27%20r%3D%27108%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g%29%27%20stroke-width%3D%2710%27%20opacity%3D%270.98%27/%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%27120%27%20r%3D%2784%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g%29%27%20stroke-width%3D%273%27%20opacity%3D%270.5%27/%3E%0A%3Cg%20fill%3D%27%23f4c55f%27%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%280%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%2845%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%2890%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28135%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28180%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28225%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28270%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28315%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%3C/g%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%27120%27%20r%3D%2743%27%20fill%3D%27%237b120d%27%20stroke%3D%27%23f6cf75%27%20stroke-width%3D%273%27/%3E%0A%3Cpath%20d%3D%27M120%2077a43%2043%200%201%201%200%2086a21.5%2021.5%200%201%200%200%20-43a21.5%2021.5%200%201%201%200%20-43z%27%20fill%3D%27%23f5c85f%27/%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%2798%27%20r%3D%277%27%20fill%3D%27%237b120d%27/%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%27142%27%20r%3D%277%27%20fill%3D%27%23f5c85f%27/%3E%0A%3C/svg%3E") center/contain no-repeat;
            filter: drop-shadow(0 0 18px rgba(255, 195, 73, .12));
            transition: opacity .35s ease, transform .35s ease;
        }
        .lctv-fengshui-section.fengshui-result-live .lctv-fengshui-bagua {
            opacity: .26;
            animation: spin-bagua-result 10s linear infinite;
        }
        .lctv-fengshui-form-row .lctv-fengshui-submit {
            position: relative;
            overflow: hidden;
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            gap: .5rem;
            min-height: 50px;
            background: linear-gradient(180deg, #fff8d6 0%, #ffd86e 36%, #e59f2d 72%, #a73312 100%) !important;
            color: #621208 !important;
            border: 1px solid rgba(255, 243, 194, .98) !important;
            box-shadow: 0 18px 34px rgba(255, 184, 43, .36), 0 0 24px rgba(255, 205, 103, .24), inset 0 1px 0 rgba(255,255,255,.84) !important;
            text-shadow: 0 1px 0 rgba(255,255,255,.46);
            animation: feng-btn-pulse 2s ease-in-out infinite;
        }
        .lctv-fengshui-form-row .lctv-fengshui-submit::before {
            content: '';
            position: absolute;
            inset: 1px;
            border-radius: inherit;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
            transform: translateX(-130%);
            animation: feng-btn-shine 2.4s ease-in-out infinite;
            pointer-events: none;
        }
        .lctv-fengshui-form-row .lctv-fengshui-submit i,
        .lctv-fengshui-form-row .lctv-fengshui-submit span {
            position: relative;
            z-index: 1;
        }
        .lctv-fengshui-form-row .lctv-fengshui-submit:hover {
            filter: brightness(1.08);
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 24px 42px rgba(255, 191, 64, .44), 0 0 32px rgba(255, 212, 120, .35), inset 0 1px 0 rgba(255,255,255,.90) !important;
        }
        #pt_result {
            overflow: hidden;
        }
        #pt_result.pt-result-active {
            animation: feng-result-pop .55s cubic-bezier(0.2, 0.9, 0.2, 1);
        }
        #pt_result.pt-result-active::after {
            content: '';
            position: absolute;
            right: -16px;
            top: -18px;
            width: 172px;
            height: 172px;
            background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20240%20240%27%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%0A%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23fff4c7%27/%3E%0A%3Cstop%20offset%3D%270.45%27%20stop-color%3D%27%23f4bf53%27/%3E%0A%3Cstop%20offset%3D%271%27%20stop-color%3D%27%238d1b10%27/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%27120%27%20r%3D%27108%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g%29%27%20stroke-width%3D%2710%27%20opacity%3D%270.98%27/%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%27120%27%20r%3D%2784%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g%29%27%20stroke-width%3D%273%27%20opacity%3D%270.5%27/%3E%0A%3Cg%20fill%3D%27%23f4c55f%27%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%280%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%2845%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%2890%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28135%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28180%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28225%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28270%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28120%20120%29%20rotate%28315%29%20translate%280%20-96%29%27%3E%3Crect%20x%3D%27-24%27%20y%3D%27-18%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%27-2%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3Crect%20x%3D%27-24%27%20y%3D%2714%27%20width%3D%2748%27%20height%3D%277%27%20rx%3D%273%27/%3E%3C/g%3E%0A%3C/g%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%27120%27%20r%3D%2743%27%20fill%3D%27%237b120d%27%20stroke%3D%27%23f6cf75%27%20stroke-width%3D%273%27/%3E%0A%3Cpath%20d%3D%27M120%2077a43%2043%200%201%201%200%2086a21.5%2021.5%200%201%200%200%20-43a21.5%2021.5%200%201%201%200%20-43z%27%20fill%3D%27%23f5c85f%27/%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%2798%27%20r%3D%277%27%20fill%3D%27%237b120d%27/%3E%0A%3Ccircle%20cx%3D%27120%27%20cy%3D%27142%27%20r%3D%277%27%20fill%3D%27%23f5c85f%27/%3E%0A%3C/svg%3E") center/contain no-repeat;
            opacity: .22;
            animation: spin-bagua-result 11s linear infinite;
            pointer-events: none;
        }
        @keyframes feng-btn-pulse {
            0%, 100% { box-shadow: 0 18px 34px rgba(255, 184, 43, .36), 0 0 24px rgba(255, 205, 103, .24), inset 0 1px 0 rgba(255,255,255,.84); }
            50% { box-shadow: 0 22px 40px rgba(255, 191, 64, .44), 0 0 34px rgba(255, 212, 120, .34), inset 0 1px 0 rgba(255,255,255,.88); }
        }
        @keyframes feng-btn-shine {
            0% { transform: translateX(-130%); opacity: 0; }
            12% { opacity: 1; }
            46%, 100% { transform: translateX(130%); opacity: 0; }
        }
        @keyframes spin-bagua-result {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        @keyframes feng-result-pop {
            0% { opacity: 0; transform: translateY(20px) scale(.98); }
            100% { opacity: 1; transform: translateY(0) scale(1); }
        }
        @media (max-width: 640px) {
            .lctv-fengshui-form-row .lctv-fengshui-submit {
                min-height: 42px !important;
                gap: .25rem;
                font-size: 11px !important;
                box-shadow: 0 14px 28px rgba(255, 184, 43, .32), 0 0 20px rgba(255, 205, 103, .18), inset 0 1px 0 rgba(255,255,255,.80) !important;
            }
            .lctv-fengshui-form-row .lctv-fengshui-submit i {
                font-size: 10px !important;
            }
            .lctv-fengshui-bagua {
                width: 132px;
                height: 132px;
                right: -18px;
                top: -8px;
                opacity: .12;
            }
            #pt_result.pt-result-active::after {
                width: 114px;
                height: 114px;
                right: -12px;
                top: -8px;
                opacity: .18;
            }
        }
    
        /* FIX lần cuối nút xem kết quả, màu sắc hợp mệnh và khoảng cách footer */
        body.lctv-theme-index .lctv-home-shell {
            padding-bottom: 9rem !important;
        }
        body.lctv-theme-index .lctv-main-column {
            padding-bottom: 8rem !important;
        }
        body.lctv-theme-index .lctv-fengshui-section {
            margin-bottom: 10rem !important;
            padding-bottom: 4.5rem !important;
        }
        body.lctv-theme-index .lctv-fengshui-form-row .lctv-fengshui-submit {
            background:
                linear-gradient(180deg, #fffdf0 0%, #fff0a8 24%, #ffc94b 54%, #f19b20 82%, #bd3a12 100%) !important;
            color: #541006 !important;
            border: 2px solid rgba(255, 247, 206, .98) !important;
            text-shadow: 0 1px 0 rgba(255,255,255,.65) !important;
            box-shadow:
                0 18px 36px rgba(255, 194, 61, .52),
                0 0 34px rgba(255, 225, 128, .42),
                0 0 0 4px rgba(255, 214, 98, .10),
                inset 0 2px 0 rgba(255,255,255,.92) !important;
            filter: saturate(1.18) brightness(1.15);
        }
        body.lctv-theme-index .lctv-fengshui-form-row .lctv-fengshui-submit::after {
            content: "";
            position: absolute;
            inset: 5px;
            border-radius: inherit;
            border: 1px solid rgba(103, 18, 7, .20);
            pointer-events: none;
        }
        body.lctv-theme-index .lctv-fengshui-form-row .lctv-fengshui-submit:hover {
            filter: saturate(1.25) brightness(1.24);
            transform: translateY(-3px) scale(1.035);
            box-shadow:
                0 24px 48px rgba(255, 202, 76, .62),
                0 0 44px rgba(255, 232, 146, .52),
                0 0 0 5px rgba(255, 214, 98, .14),
                inset 0 2px 0 rgba(255,255,255,.95) !important;
        }
        body.lctv-theme-index .lctv-fengshui-form-row .lctv-fengshui-submit span,
        body.lctv-theme-index .lctv-fengshui-form-row .lctv-fengshui-submit i {
            color: #541006 !important;
            font-weight: 900 !important;
        }

        body.lctv-theme-index #pt_result > div:nth-child(2) {
            position: relative;
            overflow: hidden;
            padding: 1.6rem !important;
            background:
                radial-gradient(circle at 14% 0%, rgba(255, 227, 141, .22), transparent 34%),
                linear-gradient(145deg, rgba(106, 13, 15, .96), rgba(48, 5, 8, .98)) !important;
            border: 1px solid rgba(255, 220, 139, .44) !important;
            box-shadow:
                0 22px 48px rgba(0,0,0,.30),
                0 0 32px rgba(255, 189, 59, .12),
                inset 0 1px 0 rgba(255,255,255,.10) !important;
        }
        body.lctv-theme-index #pt_result > div:nth-child(2)::before {
            content: "";
            position: absolute;
            right: -52px;
            top: -58px;
            width: 180px;
            height: 180px;
            border-radius: 9999px;
            background:
                radial-gradient(circle, rgba(255, 216, 115, .20), transparent 58%);
            pointer-events: none;
        }
        body.lctv-theme-index #pt_result > div:nth-child(2) h4 {
            color: #fff5ca !important;
            font-size: 16px !important;
            margin-bottom: 1.25rem !important;
            text-shadow: 0 0 14px rgba(255, 207, 95, .18);
        }
        body.lctv-theme-index #pt_result > div:nth-child(2) h4 span {
            width: 9px !important;
            height: 9px !important;
            background: #ffd66f !important;
            box-shadow: 0 0 16px rgba(255, 214, 111, .55);
        }
        body.lctv-theme-index #pt_result > div:nth-child(2) .grid > div {
            position: relative;
            overflow: hidden;
            min-height: 92px;
            background:
                linear-gradient(145deg, rgba(255, 243, 205, .16), rgba(255, 213, 118, .08)),
                rgba(43, 5, 7, .72) !important;
            border: 1px solid rgba(255, 217, 128, .42) !important;
            box-shadow:
                0 14px 30px rgba(0,0,0,.18),
                inset 0 1px 0 rgba(255,255,255,.10) !important;
        }
        body.lctv-theme-index #pt_result > div:nth-child(2) .grid > div::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 4px;
            height: 100%;
            background: linear-gradient(180deg, #fff0a8, #f4a62b, #9a2411);
            box-shadow: 0 0 18px rgba(255, 203, 89, .40);
        }
        body.lctv-theme-index #pt_result > div:nth-child(2) .grid > div:nth-child(1) {
            background:
                radial-gradient(circle at 88% 14%, rgba(16, 185, 129, .24), transparent 38%),
                linear-gradient(145deg, rgba(255, 243, 205, .16), rgba(255, 213, 118, .08)),
                rgba(43, 5, 7, .72) !important;
        }
        body.lctv-theme-index #pt_result > div:nth-child(2) .grid > div:nth-child(2) {
            background:
                radial-gradient(circle at 88% 14%, rgba(99, 102, 241, .24), transparent 38%),
                linear-gradient(145deg, rgba(255, 243, 205, .16), rgba(255, 213, 118, .08)),
                rgba(43, 5, 7, .72) !important;
        }
        body.lctv-theme-index #pt_result > div:nth-child(2) .grid > div:nth-child(3) {
            background:
                radial-gradient(circle at 88% 14%, rgba(244, 63, 94, .26), transparent 38%),
                linear-gradient(145deg, rgba(255, 243, 205, .14), rgba(255, 213, 118, .07)),
                rgba(43, 5, 7, .72) !important;
        }
        body.lctv-theme-index #pt_result > div:nth-child(2) b {
            color: #ffd66f !important;
            font-size: 11px !important;
            letter-spacing: .14em !important;
            margin-bottom: .45rem !important;
        }
        body.lctv-theme-index #pt_result > div:nth-child(2) span[id^="res_color"] {
            color: #fff7d6 !important;
            font-size: 17px !important;
            line-height: 1.45 !important;
            font-weight: 900 !important;
            text-shadow: 0 0 12px rgba(255, 213, 114, .14);
        }
        body.lctv-theme-index #pt_result > div:nth-child(2) #res_color_sinh {
            color: #7dffbd !important;
        }
        body.lctv-theme-index #pt_result > div:nth-child(2) #res_color_hop {
            color: #ffe58d !important;
        }
        body.lctv-theme-index #pt_result > div:nth-child(2) #res_color_khac {
            color: #ff9da9 !important;
        }

        @media (max-width: 640px) {
            body.lctv-theme-index .lctv-home-shell {
                padding-bottom: 11rem !important;
            }
            body.lctv-theme-index .lctv-main-column {
                padding-bottom: 10rem !important;
            }
            body.lctv-theme-index .lctv-fengshui-section {
                margin-bottom: 12rem !important;
                padding-bottom: 5.5rem !important;
            }
            body.lctv-theme-index #pt_result > div:nth-child(2) {
                padding: 1rem !important;
            }
            body.lctv-theme-index #pt_result > div:nth-child(2) .grid > div {
                min-height: 82px;
                padding: 1rem !important;
            }
            body.lctv-theme-index #pt_result > div:nth-child(2) span[id^="res_color"] {
                font-size: 15px !important;
            }
        }

        /* FIX mobile chia đều form phong thủy và nút trở về đầu trang đỏ vàng */
        @media (max-width: 640px) {
            body.lctv-theme-index .lctv-fengshui-form-row {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                gap: .5rem !important;
                align-items: end !important;
                padding: .58rem !important;
            }
            body.lctv-theme-index .lctv-fengshui-form-row > div,
            body.lctv-theme-index .lctv-fengshui-form-row > button {
                width: 100% !important;
                min-width: 0 !important;
            }
            body.lctv-theme-index .lctv-fengshui-form-row label {
                font-size: 8px !important;
                letter-spacing: .055em !important;
                margin-left: .15rem !important;
                margin-bottom: .35rem !important;
                white-space: nowrap !important;
            }
            body.lctv-theme-index .lctv-fengshui-form-row .lctv-fengshui-input,
            body.lctv-theme-index .lctv-fengshui-form-row .lctv-fengshui-select,
            body.lctv-theme-index .lctv-fengshui-form-row .lctv-fengshui-submit {
                width: 100% !important;
                min-width: 0 !important;
                height: 44px !important;
                min-height: 44px !important;
                border-radius: .8rem !important;
                font-size: 10.5px !important;
                padding-left: .42rem !important;
                padding-right: .42rem !important;
            }
            body.lctv-theme-index .lctv-fengshui-form-row .lctv-fengshui-input {
                text-align: left !important;
                font-size: 12px !important;
            }
            body.lctv-theme-index .lctv-fengshui-form-row .lctv-fengshui-select {
                text-align: left !important;
                font-size: 11px !important;
                background-position: right .35rem center !important;
            }
            body.lctv-theme-index .lctv-fengshui-form-row .lctv-fengshui-submit {
                display: flex !important;
                gap: .25rem !important;
                letter-spacing: .08em !important;
                justify-content: center !important;
                align-items: center !important;
                white-space: nowrap !important;
            }
        }

        body.lctv-theme-index .lctv-back-to-top,
        .lctv-back-to-top {
            background:
                radial-gradient(circle at 32% 22%, #fff8d2 0%, #ffd56b 38%, #d98b21 70%, #8f210f 100%) !important;
            color: #5a1007 !important;
            border: 1px solid rgba(255, 235, 164, .96) !important;
            box-shadow:
                0 16px 34px rgba(24, 3, 5, .36),
                0 0 26px rgba(255, 199, 73, .35),
                inset 0 1px 0 rgba(255,255,255,.82) !important;
            text-shadow: 0 1px 0 rgba(255,255,255,.42);
        }
        body.lctv-theme-index .lctv-back-to-top::before,
        .lctv-back-to-top::before {
            content: "";
            position: absolute;
            inset: 6px;
            border-radius: 9999px;
            border: 1px solid rgba(91, 16, 7, .25);
            pointer-events: none;
        }
        body.lctv-theme-index .lctv-back-to-top i,
        .lctv-back-to-top i {
            color: #5a1007 !important;
            position: relative;
            z-index: 1;
        }
        body.lctv-theme-index .lctv-back-to-top:hover,
        .lctv-back-to-top:hover {
            background:
                radial-gradient(circle at 32% 22%, #fffdf0 0%, #ffe08a 38%, #efa22a 72%, #a52c10 100%) !important;
            transform: translateY(-4px) scale(1.05);
            box-shadow:
                0 22px 42px rgba(24, 3, 5, .42),
                0 0 34px rgba(255, 214, 111, .45),
                inset 0 1px 0 rgba(255,255,255,.88) !important;
        }
        @media (max-width: 640px) {
            body.lctv-theme-index .lctv-back-to-top,
            .lctv-back-to-top {
                width: 46px !important;
                height: 46px !important;
                right: 14px !important;
                bottom: 86px !important;
            }
        }

        /* FIX mobile đưa nút lập lá số gần dòng bảo mật hơn */
        @media (max-width: 640px) {
            body.lctv-theme-index .lctv-privacy-row {
                gap: .55rem !important;
                padding-top: 0 !important;
            }
            body.lctv-theme-index .lctv-privacy-row label {
                margin-bottom: 0 !important;
            }
            body.lctv-theme-index #qc-submit-btn {
                margin-top: -.2rem !important;
                padding-top: .35rem !important;
                padding-bottom: .35rem !important;
            }
            body.lctv-theme-index #qc-submit-btn .lctv-laplaso-img {
                display: block;
                margin-top: 0 !important;
            }
        }

        /* FIX mobile giảm khoảng trống cuối trang trước footer */
        @media (max-width: 640px) {
            body.lctv-theme-index .lctv-home-shell {
                padding-bottom: 1.8rem !important;
                margin-bottom: 0 !important;
            }
            body.lctv-theme-index .lctv-main-column {
                padding-bottom: 1.25rem !important;
            }
            body.lctv-theme-index .lctv-side-column {
                padding-bottom: 2rem !important;
                margin-bottom: 0 !important;
            }
            body.lctv-theme-index .lctv-fengshui-section {
                margin-bottom: 2.8rem !important;
                padding-bottom: 2rem !important;
            }
            body.lctv-theme-index .lctv-side-column > div:last-child {
                margin-bottom: 1.6rem !important;
            }
        }

        /* FIX desktop footer gọn, mobile nút lên đầu và khoảng cách thiết lập lá số */
        body.lctv-theme-index .lctv-home-shell {
            padding-bottom: 2.5rem !important;
            margin-bottom: 0 !important;
        }
        body.lctv-theme-index .lctv-main-column {
            padding-bottom: 2rem !important;
        }
        body.lctv-theme-index .lctv-side-column {
            padding-bottom: 2.5rem !important;
            margin-bottom: 0 !important;
        }
        @media (max-width: 640px) {
            body.lctv-theme-index .lctv-home-shell {
                padding-top: 1.05rem !important;
                padding-bottom: 1.7rem !important;
            }
            body.lctv-theme-index #khu-vuc-form {
                margin-top: 1.15rem !important;
            }
            body.lctv-theme-index .lctv-main-column {
                padding-bottom: 1.25rem !important;
            }
            body.lctv-theme-index .lctv-side-column {
                padding-bottom: 1.7rem !important;
            }
            body.lctv-theme-index .lctv-back-to-top,
            .lctv-back-to-top {
                bottom: 118px !important;
                right: 14px !important;
                width: 46px !important;
                height: 46px !important;
                z-index: 9998 !important;
            }
        }

        /* FIX footer chạm đáy, nút lên đầu và bo góc khối bài viết */
        html,
        body {
            min-height: 100% !important;
        }
        body.lctv-theme-index {
            min-height: 100vh !important;
            display: flex !important;
            flex-direction: column !important;
        }
        body.lctv-theme-index .lctv-home-shell {
            flex: 1 0 auto !important;
        }
        body.lctv-theme-index footer {
            flex-shrink: 0 !important;
        }
        body.lctv-theme-index .lctv-main-column > section,
        body.lctv-theme-index #section-tamlinh,
        body.lctv-theme-index #section-tamlinh > div,
        body.lctv-theme-index #section-tamlinh #tamlinh-container,
        body.lctv-theme-index #tuvi-container,
        body.lctv-theme-index .article-card {
            border-radius: 1.75rem !important;
        }
        body.lctv-theme-index .lctv-main-column > section:not(.lctv-hero-panel) {
            overflow: hidden !important;
        }
        body.lctv-theme-index #section-tamlinh,
        body.lctv-theme-index section:has(#tuvi-container) {
            border-radius: 1.75rem !important;
            overflow: hidden !important;
        }
        body.lctv-theme-index .article-card {
            overflow: hidden !important;
        }

        body.lctv-theme-index .lctv-back-to-top,
        .lctv-back-to-top {
            width: 52px !important;
            height: 52px !important;
            background:
                radial-gradient(circle at 32% 22%, #fffdf0 0%, #ffe38c 33%, #f2a42b 66%, #98250e 100%) !important;
            color: #5a1007 !important;
            border: 2px solid rgba(255, 238, 176, .98) !important;
            box-shadow:
                0 18px 38px rgba(24, 3, 5, .38),
                0 0 28px rgba(255, 205, 96, .34),
                0 0 0 5px rgba(255, 214, 98, .10),
                inset 0 2px 0 rgba(255,255,255,.88) !important;
            text-shadow: 0 1px 0 rgba(255,255,255,.48) !important;
            isolation: isolate;
        }
        body.lctv-theme-index .lctv-back-to-top::before,
        .lctv-back-to-top::before {
            content: "";
            position: absolute;
            inset: 6px;
            border-radius: 9999px;
            border: 1px solid rgba(91, 16, 7, .28);
            background: radial-gradient(circle at 50% 35%, rgba(255,255,255,.20), transparent 62%);
            pointer-events: none;
            z-index: 0;
        }
        body.lctv-theme-index .lctv-back-to-top::after,
        .lctv-back-to-top::after {
            content: "";
            position: absolute;
            inset: -7px;
            border-radius: 9999px;
            background: radial-gradient(circle, rgba(255, 205, 96, .25), transparent 66%);
            pointer-events: none;
            z-index: -1;
        }
        body.lctv-theme-index .lctv-back-to-top i,
        .lctv-back-to-top i {
            color: #5a1007 !important;
            position: relative;
            z-index: 1;
            font-size: 17px !important;
        }
        body.lctv-theme-index .lctv-back-to-top:hover,
        .lctv-back-to-top:hover {
            transform: translateY(-5px) scale(1.06) !important;
            filter: brightness(1.08);
            box-shadow:
                0 24px 46px rgba(24, 3, 5, .44),
                0 0 38px rgba(255, 222, 128, .46),
                0 0 0 6px rgba(255, 214, 98, .14),
                inset 0 2px 0 rgba(255,255,255,.94) !important;
        }
        @media (max-width: 640px) {
            body.lctv-theme-index .lctv-back-to-top,
            .lctv-back-to-top {
                width: 46px !important;
                height: 46px !important;
                bottom: 118px !important;
                right: 14px !important;
            }
            body.lctv-theme-index .lctv-main-column > section,
            body.lctv-theme-index #section-tamlinh,
            body.lctv-theme-index .article-card {
                border-radius: 1.35rem !important;
            }
        }

        /* FIX dứt điểm không hở dưới footer desktop */
        html,
        body {
            min-height: 100% !important;
            margin: 0 !important;
            padding-bottom: 0 !important;
        }
        body.lctv-theme-index {
            min-height: 100vh !important;
            display: flex !important;
            flex-direction: column !important;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
            background-color: #130204 !important;
        }
        body.lctv-theme-index > footer,
        body.lctv-theme-index .lctv-footer-theme {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            flex-shrink: 0 !important;
        }
        body.lctv-theme-index .lctv-home-shell {
            flex: 1 0 auto !important;
            margin-bottom: 0 !important;
        }
        @media (min-width: 1024px) {
            body.lctv-theme-index .lctv-home-shell {
                padding-bottom: 2rem !important;
            }
            body.lctv-theme-index .lctv-main-column,
            body.lctv-theme-index .lctv-side-column {
                padding-bottom: 1.5rem !important;
            }
            body.lctv-theme-index .lctv-fengshui-section {
                margin-bottom: 3rem !important;
                padding-bottom: 2rem !important;
            }
        }
        @media (max-width: 640px) {
            body.lctv-theme-index {
                padding-bottom: 0 !important;
            }
        }

        /* PHONG THỦY NÂNG CẤP */
        body.lctv-theme-index .lctv-fengshui-upgrade {
            position: relative !important;
            overflow: hidden !important;
            margin-bottom: 10rem !important;
            padding: 2rem !important;
            border-radius: 2rem !important;
            border: 1px solid rgba(247, 210, 122, .34) !important;
            background:
                radial-gradient(circle at 14% 12%, rgba(255, 207, 96, .14), transparent 28%),
                radial-gradient(circle at 92% 8%, rgba(255, 207, 96, .10), transparent 30%),
                radial-gradient(circle at 82% 88%, rgba(225, 29, 72, .14), transparent 32%),
                linear-gradient(145deg, rgba(91, 9, 13, .88), rgba(43, 5, 7, .94) 54%, rgba(29, 3, 5, .96)) !important;
            box-shadow:
                0 22px 60px rgba(0,0,0,.28),
                inset 0 1px 0 rgba(255,255,255,.07),
                0 0 0 1px rgba(255, 220, 139, .06) !important;
            color: #fff4c8 !important;
        }
        body.lctv-theme-index .lctv-fengshui-upgrade::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background:
                url('assets/phongthuy/bat-quai.webp') right -90px top -110px / 320px auto no-repeat,
                radial-gradient(circle at 50% 0%, rgba(255, 232, 145, .08), transparent 36%);
            opacity: .18;
        }
        body.lctv-theme-index .lctv-fengshui-upgrade::after {
            content: "";
            position: absolute;
            inset: 12px;
            border-radius: 1.55rem;
            border: 1px solid rgba(255, 214, 122, .16);
            pointer-events: none;
        }
        .lctv-fengshui-orb {
            position: absolute;
            width: 190px;
            height: 190px;
            border-radius: 999px;
            pointer-events: none;
            filter: blur(2px);
        }
        .lctv-fengshui-orb-left {
            left: -84px;
            top: 34%;
            background: radial-gradient(circle, rgba(255, 211, 96, .14), transparent 68%);
        }
        .lctv-fengshui-orb-right {
            right: -72px;
            bottom: 12%;
            background: radial-gradient(circle, rgba(244, 63, 94, .16), transparent 68%);
        }
        body.lctv-theme-index .lctv-fengshui-upgrade input,
        body.lctv-theme-index .lctv-fengshui-upgrade select {
            color: #fff6d6 !important;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
        }
        body.lctv-theme-index .lctv-fengshui-upgrade input::placeholder {
            color: rgba(255,246,214,.45) !important;
        }
        body.lctv-theme-index .lctv-fengshui-upgrade select option {
            background: #4b070b;
            color: #fff6d6;
        }
        body.lctv-theme-index .lctv-fengshui-submit {
            border: 1px solid rgba(255, 245, 199, .9) !important;
            box-shadow:
                0 16px 34px rgba(255, 194, 61, .35),
                0 0 28px rgba(255, 225, 128, .24),
                inset 0 1px 0 rgba(255,255,255,.86) !important;
        }
        body.lctv-theme-index .lctv-fengshui-submit::before {
            content: "";
            position: absolute;
            inset: 0;
            transform: translateX(-120%) skewX(-18deg);
            background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
            transition: transform .8s ease;
        }
        body.lctv-theme-index .lctv-fengshui-submit:hover::before {
            transform: translateX(120%) skewX(-18deg);
        }
        body.lctv-theme-index .lctv-fengshui-submit:hover {
            transform: translateY(-2px);
            filter: brightness(1.08);
        }

        body.lctv-theme-index #pt_result {
            padding: 0 !important;
            margin-top: 2rem !important;
            background: transparent !important;
            border: 0 !important;
            box-shadow: none !important;
        }
        body.lctv-theme-index .lctv-fengshui-result-card {
            position: relative;
            overflow: hidden;
            border-radius: 1.7rem;
            padding: 1.4rem;
            border: 1px solid rgba(255, 211, 107, .34);
            background:
                radial-gradient(circle at 16% 12%, rgba(255, 203, 74, .14), transparent 24%),
                radial-gradient(circle at 92% 90%, rgba(255, 203, 74, .12), transparent 22%),
                linear-gradient(145deg, rgba(82, 7, 11, .92), rgba(39, 4, 6, .96));
            box-shadow:
                0 18px 52px rgba(0,0,0,.30),
                inset 0 1px 0 rgba(255,255,255,.08);
        }
        body.lctv-theme-index .lctv-fengshui-result-card::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at 50% 5%, rgba(255, 220, 130, .08), transparent 30%),
                linear-gradient(90deg, transparent, rgba(255, 211, 107, .05), transparent);
        }
        body.lctv-theme-index .lctv-fengshui-result-card::after {
            content: "";
            position: absolute;
            inset: 10px;
            border-radius: 1.35rem;
            border: 1px solid rgba(255, 219, 133, .14);
            pointer-events: none;
        }
        .lctv-fengshui-lotus {
            position: absolute;
            width: 132px;
            height: 132px;
            object-fit: contain;
            opacity: .86;
            pointer-events: none;
            z-index: 1;
            filter: drop-shadow(0 0 18px rgba(255, 189, 66, .28));
        }
        .lctv-fengshui-lotus-left {
            left: -20px;
            bottom: -24px;
        }
        .lctv-fengshui-lotus-right {
            right: -20px;
            bottom: -24px;
        }
        .lctv-fengshui-result-head,
        .lctv-fengshui-summary-grid,
        .lctv-fengshui-major-grid,
        .lctv-fengshui-info-list,
        .lctv-fengshui-note {
            position: relative;
            z-index: 2;
        }
        .lctv-fengshui-result-head {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            margin-bottom: 1rem;
        }
        .lctv-fengshui-kicker {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: .4rem;
            color: rgba(255, 216, 129, .78);
            font-size: 10px;
            letter-spacing: .18em;
            text-transform: uppercase;
            font-weight: 900;
            margin-bottom: .25rem;
        }
        .lctv-fengshui-result-head h3 {
            font-family: Georgia, 'Times New Roman', serif;
            color: #ffe59b;
            font-size: clamp(1.45rem, 3vw, 2.35rem);
            line-height: 1.1;
            font-weight: 900;
            text-shadow: 0 0 18px rgba(255, 202, 92, .18);
        }
        .lctv-fengshui-result-head h3 span {
            display: block;
            margin-top: .35rem;
            font-family: inherit;
            color: rgba(255, 226, 156, .68);
            font-size: .78rem;
            letter-spacing: .2em;
            font-weight: 700;
        }
        .lctv-fengshui-summary-grid {
            display: grid;
            grid-template-columns: minmax(160px, 260px) 1fr;
            gap: 1.2rem;
            align-items: center;
            margin-bottom: 1rem;
        }
        .lctv-fengshui-bagua-main {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 190px;
        }
        .lctv-fengshui-bagua-main img {
            width: min(240px, 100%);
            filter: drop-shadow(0 0 28px rgba(255, 190, 67, .22));
        }
        .lctv-fengshui-summary-box {
            min-height: 170px;
            border-radius: 1.35rem;
            padding: 1.3rem 1.5rem;
            border: 1px solid rgba(255, 215, 128, .22);
            background: linear-gradient(145deg, rgba(45, 4, 7, .74), rgba(73, 7, 11, .48));
            box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
        }
        .lctv-fengshui-summary-box p {
            color: #ffe9ad;
            font-size: .95rem;
            font-weight: 800;
            margin-bottom: .6rem;
        }
        .lctv-fengshui-summary-box h4 {
            color: #ffe17d;
            font-family: Georgia, 'Times New Roman', serif;
            font-size: clamp(1.65rem, 3vw, 2.25rem);
            font-weight: 900;
            line-height: 1.1;
            margin-bottom: .65rem;
        }
        .lctv-fengshui-divider {
            width: 100%;
            height: 1px;
            margin: .8rem 0;
            background: linear-gradient(90deg, rgba(255, 213, 106, .32), transparent);
        }
        .lctv-fengshui-summary-box span {
            color: rgba(255, 246, 215, .82);
            font-size: .95rem;
            line-height: 1.65;
            font-weight: 600;
        }
        .lctv-fengshui-major-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: .9rem;
            margin-bottom: .95rem;
        }
        .lctv-fengshui-major-card {
            display: grid;
            grid-template-columns: 96px 1fr;
            gap: 1rem;
            align-items: center;
            min-height: 136px;
            border-radius: 1.2rem;
            padding: 1rem;
            border: 1px solid rgba(255, 215, 128, .24);
            background:
                radial-gradient(circle at 18% 25%, rgba(255, 201, 76, .12), transparent 34%),
                linear-gradient(145deg, rgba(105, 17, 18, .74), rgba(60, 6, 9, .80));
        }
        .lctv-fengshui-major-card img {
            width: 88px;
            height: 88px;
            object-fit: contain;
            filter: drop-shadow(0 0 18px rgba(255, 190, 67, .18));
        }
        .lctv-fengshui-major-card p,
        .lctv-fengshui-info-row h4 {
            color: #ffd66f;
            text-transform: uppercase;
            letter-spacing: .18em;
            font-size: .72rem;
            font-weight: 900;
            margin-bottom: .35rem;
        }
        .lctv-fengshui-major-card h4 {
            color: #fff4c8;
            font-size: clamp(1.35rem, 2.4vw, 2rem);
            line-height: 1.15;
            font-weight: 950;
            margin-bottom: .25rem;
        }
        .lctv-fengshui-major-card strong {
            display: block;
            color: #ffe48f;
            font-size: 1rem;
            margin-bottom: .2rem;
        }
        .lctv-fengshui-major-card span {
            color: rgba(255,246,214,.72);
            font-size: .88rem;
            font-style: italic;
        }
        .lctv-fengshui-info-list {
            display: grid;
            gap: .7rem;
            padding-bottom: 3.4rem;
        }
        .lctv-fengshui-info-row {
            display: grid;
            grid-template-columns: 70px 180px 1fr;
            gap: 1rem;
            align-items: center;
            min-height: 86px;
            border-radius: 1.05rem;
            padding: .8rem 1rem;
            border: 1px solid rgba(255, 215, 128, .20);
            background: linear-gradient(145deg, rgba(70, 7, 10, .68), rgba(44, 4, 7, .72));
        }
        .lctv-fengshui-info-row img {
            width: 60px;
            height: 60px;
            object-fit: contain;
            filter: drop-shadow(0 0 12px rgba(255, 194, 61, .16));
        }
        .lctv-fengshui-info-row h4 {
            font-size: .9rem;
            letter-spacing: .03em;
            text-transform: none;
            margin: 0;
        }
        .lctv-fengshui-info-row > div {
            color: rgba(255, 246, 214, .84);
            font-size: .95rem;
            line-height: 1.55;
            font-weight: 650;
        }
        .lctv-fengshui-info-row small {
            display: block;
            margin-top: .18rem;
            color: rgba(255, 238, 186, .58);
            font-size: .8rem;
            line-height: 1.45;
        }
        .lctv-fengshui-good-list {
            display: flex;
            flex-wrap: wrap;
            gap: .35rem .75rem;
        }
        .lctv-fengshui-good-list li {
            color: rgba(255, 246, 214, .88) !important;
            font-size: .92rem !important;
            font-weight: 750 !important;
        }
        .lctv-fengshui-good-list i {
            color: #60f0a5 !important;
        }
        .lctv-fengshui-color-dots {
            display: flex;
            gap: .45rem;
            margin-bottom: .4rem;
            flex-wrap: wrap;
        }
        .lctv-fengshui-color-dots span {
            width: 19px;
            height: 19px;
            border-radius: 999px;
            border: 1px solid rgba(255,255,255,.55);
            box-shadow: 0 0 14px rgba(255, 210, 95, .12);
        }
        .lctv-fengshui-number-list {
            display: flex;
            flex-wrap: wrap;
            gap: .45rem;
            margin-bottom: .25rem;
        }
        .lctv-fengshui-number-list span {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
            border-radius: 999px;
            border: 1px solid rgba(255, 211, 93, .58);
            color: #ffe17d;
            font-weight: 950;
            background: rgba(89, 9, 11, .72);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 18px rgba(255, 199, 69, .12);
        }
        .lctv-fengshui-note {
            display: flex;
            align-items: center;
            gap: .7rem;
            margin-top: -2.4rem;
            padding: .8rem 1rem;
            color: rgba(255, 238, 186, .76);
            font-size: .86rem;
            line-height: 1.55;
        }
        .lctv-fengshui-note i {
            color: #ffd66f;
            font-size: 1.2rem;
        }

        @media (max-width: 1024px) {
            body.lctv-theme-index .lctv-fengshui-upgrade {
                padding: 1.25rem !important;
            }
            .lctv-fengshui-summary-grid,
            .lctv-fengshui-major-grid {
                grid-template-columns: 1fr;
            }
            .lctv-fengshui-bagua-main {
                min-height: auto;
            }
            .lctv-fengshui-bagua-main img {
                width: 210px;
            }
        }
        @media (max-width: 640px) {
            body.lctv-theme-index .lctv-fengshui-upgrade {
                margin-bottom: 5rem !important;
                padding: 1rem !important;
                border-radius: 1.4rem !important;
            }
            body.lctv-theme-index .lctv-fengshui-form-row {
                grid-template-columns: 1fr !important;
                gap: .85rem !important;
                padding: 0 !important;
            }
            body.lctv-theme-index .lctv-fengshui-submit {
                width: 100%;
            }
            body.lctv-theme-index .lctv-fengshui-result-card {
                padding: 1rem;
                border-radius: 1.25rem;
            }
            .lctv-fengshui-lotus {
                width: 90px;
                height: 90px;
                opacity: .58;
            }
            .lctv-fengshui-result-head h3 {
                font-size: 1.45rem;
            }
            .lctv-fengshui-summary-box {
                padding: 1rem;
                min-height: auto;
            }
            .lctv-fengshui-major-card {
                grid-template-columns: 72px 1fr;
                gap: .75rem;
                min-height: 112px;
                padding: .85rem;
            }
            .lctv-fengshui-major-card img {
                width: 66px;
                height: 66px;
            }
            .lctv-fengshui-info-row {
                grid-template-columns: 54px 1fr;
                gap: .75rem;
                align-items: start;
            }
            .lctv-fengshui-info-row img {
                width: 48px;
                height: 48px;
                grid-row: span 2;
            }
            .lctv-fengshui-info-row h4 {
                font-size: .9rem;
            }
            .lctv-fengshui-info-row > div {
                grid-column: 2;
                font-size: .88rem;
            }
            .lctv-fengshui-info-list {
                padding-bottom: 2.4rem;
            }
            .lctv-fengshui-note {
                margin-top: -1.8rem;
                font-size: .78rem;
                padding-inline: .35rem;
            }
        }


        /* MOBILE: mỗi mục bài viết chỉ hiển thị 3 bài, PC giữ nguyên số bài đang có */
        @media (max-width: 640px) {
            body.lctv-theme-index #tuvi-container > a:nth-of-type(n+4),
            body.lctv-theme-index #tamlinh-container > a:nth-of-type(n+4) {
                display: none !important;
            }
        }


        /* FIX PHONG THỦY: dùng Inter, bỏ chữ demo, mobile form 3 cột */
        body.lctv-theme-index .lctv-fengshui-upgrade,
        body.lctv-theme-index .lctv-fengshui-upgrade * {
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
            letter-spacing: normal;
        }
        body.lctv-theme-index .lctv-fengshui-result-head h3,
        body.lctv-theme-index .lctv-fengshui-summary-box h4 {
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
            letter-spacing: -0.035em !important;
            word-spacing: normal !important;
        }
        body.lctv-theme-index .lctv-fengshui-result-head h3 {
            font-size: clamp(1.55rem, 3vw, 2.15rem) !important;
            line-height: 1.15 !important;
        }
        body.lctv-theme-index .lctv-fengshui-summary-box h4 {
            font-size: clamp(1.45rem, 2.6vw, 2rem) !important;
            line-height: 1.18 !important;
        }
        body.lctv-theme-index .lctv-fengshui-major-card h4 {
            letter-spacing: -0.03em !important;
        }
        body.lctv-theme-index .lctv-fengshui-result-head h3 span {
            display: none !important;
        }
        body.lctv-theme-index .lctv-fengshui-kicker {
            letter-spacing: .14em !important;
        }
        @media (max-width: 640px) {
            body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-form-row {
                display: grid !important;
                grid-template-columns: minmax(0, .82fr) minmax(0, 1fr) minmax(0, .92fr) !important;
                gap: .45rem !important;
                align-items: end !important;
                padding: 0 !important;
            }
            body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-form-row > div,
            body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-form-row > button {
                min-width: 0 !important;
                width: 100% !important;
            }
            body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-form-row label {
                font-size: 8px !important;
                line-height: 1.1 !important;
                margin-bottom: .28rem !important;
                margin-left: .15rem !important;
                letter-spacing: .08em !important;
                white-space: nowrap !important;
            }
            body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-input,
            body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-select {
                height: 44px !important;
                padding: 0 .48rem !important;
                border-radius: .82rem !important;
                font-size: 12px !important;
                font-weight: 900 !important;
            }
            body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-submit {
                height: 44px !important;
                padding: 0 .35rem !important;
                border-radius: .82rem !important;
                font-size: 9px !important;
                letter-spacing: .08em !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: .22rem !important;
                white-space: nowrap !important;
            }
            body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-submit i {
                font-size: 8px !important;
            }
        }


        /* FIX hướng hợp không dùng icon font, PC 6 bài - mobile 3 bài */
        body.lctv-theme-index .lctv-fengshui-good-list li {
            display: inline-flex !important;
            align-items: center !important;
            gap: .42rem !important;
            color: rgba(255, 246, 214, .90) !important;
            font-size: .92rem !important;
            font-weight: 850 !important;
            line-height: 1.45 !important;
        }
        body.lctv-theme-index .lctv-direction-check {
            position: relative;
            flex: 0 0 auto;
            width: 16px;
            height: 16px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(145deg, #35e28b, #0b9e5a);
            box-shadow:
                0 0 0 1px rgba(169, 255, 211, .35),
                0 0 12px rgba(42, 225, 139, .28),
                inset 0 1px 0 rgba(255,255,255,.35);
        }
        body.lctv-theme-index .lctv-direction-check::after {
            content: "";
            width: 7px;
            height: 4px;
            border-left: 2px solid #fff7d6;
            border-bottom: 2px solid #fff7d6;
            transform: rotate(-45deg) translate(1px, -1px);
            border-radius: 1px;
        }
        @media (max-width: 640px) {
            body.lctv-theme-index #tuvi-container > a:nth-of-type(n+4),
            body.lctv-theme-index #tamlinh-container > a:nth-of-type(n+4) {
                display: none !important;
            }
        }


        /* FIX form phong thủy, bỏ icon lỗi, nút đẹp hơn, PC 4 bài - mobile 3 bài */
        body.lctv-theme-index .lctv-pill-dot {
            width: 9px;
            height: 9px;
            border-radius: 999px;
            display: inline-block;
            background: radial-gradient(circle at 35% 30%, #fff7c7 0%, #ffd666 45%, #b77313 100%);
            box-shadow:
                0 0 0 1px rgba(255, 231, 160, .35),
                0 0 12px rgba(255, 205, 83, .38);
        }
        body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-input,
        body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-select {
            text-align: center !important;
            text-align-last: center !important;
        }
        body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-submit {
            background:
                linear-gradient(180deg, #fff8cf 0%, #ffe680 34%, #ffc334 62%, #a82f12 100%) !important;
            color: #4f0d05 !important;
            border: 1px solid rgba(255, 244, 194, .96) !important;
            text-shadow: 0 1px 0 rgba(255,255,255,.48) !important;
            box-shadow:
                0 14px 30px rgba(255, 192, 57, .38),
                0 0 24px rgba(255, 226, 139, .28),
                inset 0 2px 0 rgba(255,255,255,.82),
                inset 0 -2px 0 rgba(109, 23, 5, .20) !important;
        }
        body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-submit span {
            position: relative;
            z-index: 2;
        }
        body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-submit::after {
            content: "";
            position: absolute;
            inset: 5px;
            border-radius: inherit;
            border: 1px solid rgba(109, 23, 5, .20);
            pointer-events: none;
        }
        body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-submit:hover {
            transform: translateY(-2px);
            filter: brightness(1.08) saturate(1.08);
            box-shadow:
                0 18px 38px rgba(255, 198, 67, .46),
                0 0 34px rgba(255, 232, 146, .34),
                inset 0 2px 0 rgba(255,255,255,.88),
                inset 0 -2px 0 rgba(109, 23, 5, .18) !important;
        }
        body.lctv-theme-index #tuvi-container > a:nth-of-type(n+5),
        body.lctv-theme-index #tamlinh-container > a:nth-of-type(n+5) {
            display: none !important;
        }
        @media (max-width: 640px) {
            body.lctv-theme-index #tuvi-container > a:nth-of-type(n+4),
            body.lctv-theme-index #tamlinh-container > a:nth-of-type(n+4) {
                display: none !important;
            }
            body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-form-row {
                grid-template-columns: minmax(0,.82fr) minmax(0,1fr) minmax(0,.92fr) !important;
                gap: .45rem !important;
            }
            body.lctv-theme-index .lctv-fengshui-upgrade .lctv-fengshui-submit {
                font-size: 8.5px !important;
                letter-spacing: .06em !important;
            }
        }


        /* FIX icon ghi chú phong thủy không dùng Font Awesome */
        body.lctv-theme-index .lctv-note-lotus {
            position: relative;
            flex: 0 0 auto;
            width: 22px;
            height: 18px;
            display: inline-block;
            filter: drop-shadow(0 0 8px rgba(255, 206, 82, .32));
        }
        body.lctv-theme-index .lctv-note-lotus::before,
        body.lctv-theme-index .lctv-note-lotus::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 1px;
            width: 12px;
            height: 16px;
            border-radius: 12px 12px 2px 12px;
            background: linear-gradient(180deg, #ffe58d, #d89b25 60%, #a93614);
            transform-origin: bottom center;
        }
        body.lctv-theme-index .lctv-note-lotus::before {
            transform: translateX(-50%) rotate(-28deg);
        }
        body.lctv-theme-index .lctv-note-lotus::after {
            transform: translateX(-50%) rotate(28deg);
        }
        body.lctv-theme-index .lctv-note-lotus span {
            display: none;
        }


        /* Popup xem nhanh lá số từ form trang chủ */
        #lctv-laso-popup {
            position: fixed;
            inset: 0;
            z-index: 10050;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 18px;
            background: rgba(15, 23, 42, 0.78);
            backdrop-filter: blur(8px);
        }
        #lctv-laso-popup.active {
            display: flex;
        }
        .lctv-laso-popup-box {
            width: min(1180px, 100%);
            height: min(92vh, 920px);
            background: #ffffff;
            border-radius: 22px;
            border: 1px solid rgba(255, 218, 126, 0.50);
            box-shadow: 0 30px 90px rgba(0,0,0,.45), 0 0 34px rgba(255, 194, 70, .16);
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        .lctv-laso-popup-head {
            height: 56px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 0 16px 0 20px;
            background: linear-gradient(180deg, #fff7d1, #f4d071 60%, #d79a32);
            color: #5f1308;
            border-bottom: 1px solid rgba(116, 35, 8, .18);
        }
        .lctv-laso-popup-head strong {
            font-size: 14px;
            letter-spacing: .06em;
            text-transform: uppercase;
        }
        .lctv-laso-popup-close {
            width: 36px;
            height: 36px;
            border-radius: 999px;
            background: rgba(94, 19, 8, .12);
            color: #5f1308;
            font-size: 24px;
            line-height: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .2s ease;
        }
        .lctv-laso-popup-close:hover {
            background: rgba(94, 19, 8, .22);
            transform: rotate(90deg);
        }
        #lctv-laso-popup-iframe {
            width: 100%;
            flex: 1;
            border: 0;
            background: #ffffff;
        }
        @media (max-width: 768px) {
            #lctv-laso-popup {
                align-items: stretch;
                justify-content: stretch;
                padding: 0;
                background: #ffffff;
                backdrop-filter: none;
                touch-action: pan-y;
                overscroll-behavior-x: none;
            }
            .lctv-laso-popup-box {
                width: 100vw;
                height: 100dvh;
                max-height: 100dvh;
                border-radius: 0;
                border: 0;
                box-shadow: none;
            }
            .lctv-laso-popup-head {
                position: relative;
                z-index: 5;
                min-height: calc(54px + env(safe-area-inset-top, 0px));
                height: calc(54px + env(safe-area-inset-top, 0px));
                padding: env(safe-area-inset-top, 0px) 58px 0 14px;
                flex: 0 0 auto;
            }
            .lctv-laso-popup-head strong {
                font-size: 12px;
                line-height: 1.2;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            .lctv-laso-popup-close {
                position: absolute;
                top: calc(env(safe-area-inset-top, 0px) + 9px);
                right: 12px;
                z-index: 10;
                width: 38px;
                height: 38px;
                background: #8f1219;
                color: #fff7d7;
                box-shadow: 0 8px 20px rgba(0,0,0,.22);
            }
            #lctv-laso-popup-iframe {
                width: 100vw;
                max-width: 100vw;
                min-width: 0;
                overflow: hidden;
            }
        }


        /* FIX iPhone Safari tự phóng to khi nhập form lấy lá số ngoài trang chủ */
        @media (max-width: 768px) {
            .lctv-theme-index #quick-laso-form input[type="text"],
            .lctv-theme-index #quick-laso-form input[type="number"],
            .lctv-theme-index #quick-laso-form select,
            .lctv-theme-index #quick-laso-form textarea {
                font-size: 16px !important;
            }
        }



/* AJAX bài viết: skeleton loading khi chuyển trang */
.lctv-ajax-skeleton-card {
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.16);
    background: rgba(255, 255, 255, 0.08);
    min-height: 330px;
}
.lctv-ajax-skeleton-thumb,
.lctv-ajax-skeleton-line {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(255,255,255,0.08), rgba(255,255,255,0.18), rgba(255,255,255,0.08));
    background-size: 220% 100%;
    animation: lctv-skeleton-shimmer 1.15s ease-in-out infinite;
}
.lctv-ajax-skeleton-thumb {
    height: 14rem;
}
.lctv-ajax-skeleton-body {
    padding: 1.25rem;
}
.lctv-ajax-skeleton-line {
    height: 12px;
    border-radius: 999px;
    margin-bottom: 12px;
}
.lctv-ajax-skeleton-line.title {
    width: 82%;
    height: 16px;
}
.lctv-ajax-skeleton-line.short {
    width: 58%;
}
@keyframes lctv-skeleton-shimmer {
    0% { background-position: 120% 0; }
    100% { background-position: -120% 0; }
}

/* ==========================================================
   NÂNG CẤP CẨM NANG 14 CHÍNH TINH: bỏ popup, đọc trực tiếp dưới icon
========================================================== */
body.lctv-theme-index .lctv-star-guide {
    overflow: visible !important;
}
body.lctv-theme-index .lctv-star-guide .lctv-star-icon-btn.is-active {
    transform: translateY(-4px) scale(1.07);
    filter: drop-shadow(0 0 20px rgba(255, 211, 112, .58));
}
body.lctv-theme-index .lctv-star-guide .lctv-star-icon-btn.is-active::before {
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1.22) !important;
    background:
        radial-gradient(circle, rgba(255, 236, 162, .48) 0%, rgba(255, 184, 49, .22) 42%, transparent 72%) !important;
}
body.lctv-theme-index .lctv-star-guide .lctv-star-icon-btn.is-active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 34px;
    height: 3px;
    border-radius: 999px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(255, 221, 128, .95), transparent);
    box-shadow: 0 0 12px rgba(255, 196, 73, .45);
}
.lctv-chinhtinh-reader {
    position: relative;
    border-radius: 1.8rem;
    border: 1px solid rgba(255, 218, 126, .34);
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 205, 86, .13), transparent 32%),
        linear-gradient(145deg, rgba(75, 9, 11, .78), rgba(33, 4, 6, .92)),
        url('/uploads/styleindex/lctv-card-texture.png') center/cover;
    box-shadow: 0 22px 55px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
    padding: .9rem;
    overflow: hidden;
    scroll-margin-top: 132px;
}
.lctv-chinhtinh-reader::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 238, 166, .34) 0 1px, transparent 8px),
        radial-gradient(circle at 96% 2%, rgba(255, 238, 166, .26) 0 1px, transparent 8px),
        linear-gradient(90deg, transparent, rgba(255, 216, 116, .16), transparent) top left / 100% 1px no-repeat;
    opacity: .95;
    z-index: 1;
}
.lctv-chinhtinh-reader-head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .45rem .35rem .85rem;
}
.lctv-chinhtinh-reader-title {
    text-align: center;
    min-width: 0;
}
.lctv-chinhtinh-reader-kicker {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(255, 232, 174, .66);
    margin-bottom: .12rem;
}
.lctv-chinhtinh-reader-title strong {
    display: block;
    color: #fff0bc;
    font-size: 1.2rem;
    line-height: 1.25;
    font-weight: 900;
    text-shadow: 0 0 16px rgba(255, 194, 73, .16);
}
.lctv-chinhtinh-nav-btn {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 999px;
    border: 1px solid rgba(255, 223, 142, .36);
    background: linear-gradient(180deg, rgba(255, 238, 184, .16), rgba(116, 20, 18, .34));
    color: #ffd36f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 10px 22px rgba(0,0,0,.18);
    transition: transform .2s ease, filter .2s ease, border-color .2s ease;
}
.lctv-chinhtinh-nav-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
    border-color: rgba(255, 232, 168, .64);
}
.lctv-chinhtinh-content {
    position: relative;
    z-index: 2;
    border-radius: 1.45rem;
    background: #ffffff;
    color: #334155 !important;
    overflow: hidden;
    min-height: 260px;
    box-shadow: inset 0 0 0 1px rgba(255, 222, 139, .16), 0 18px 40px rgba(0,0,0,.22);
}
.lctv-chinhtinh-loading,
.lctv-chinhtinh-empty {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem 1.2rem;
    color: #7f1d1d;
    background: linear-gradient(180deg, #fffaf0, #ffffff);
}
.lctv-chinhtinh-loading i,
.lctv-chinhtinh-empty i {
    font-size: 2.6rem;
    color: #b45309;
    margin-bottom: .85rem;
}
.lctv-chinhtinh-loading p,
.lctv-chinhtinh-empty p {
    color: #7f1d1d;
    font-weight: 900;
    letter-spacing: .03em;
}
.lctv-chinhtinh-empty span {
    color: #64748b;
    font-size: .9rem;
    margin-top: .35rem;
}
body.lctv-theme-index .lctv-chinhtinh-content .bg-amber-50 {
    border-radius: 1.45rem !important;
}
body.lctv-theme-index #content-chinhtinh {
    color: #334155 !important;
    background: #ffffff !important;
}
body.lctv-theme-index #content-chinhtinh .text-slate-900 { color: #0f172a !important; }
body.lctv-theme-index #content-chinhtinh .text-slate-800 { color: #1e293b !important; }
body.lctv-theme-index #content-chinhtinh .text-slate-700 { color: #334155 !important; }
body.lctv-theme-index #content-chinhtinh .text-slate-600 { color: #475569 !important; }
body.lctv-theme-index #content-chinhtinh .text-slate-500 { color: #64748b !important; }
body.lctv-theme-index #content-chinhtinh .text-slate-400 { color: #94a3b8 !important; }
body.lctv-theme-index #content-chinhtinh .text-amber-950 { color: #451a03 !important; }
body.lctv-theme-index #content-chinhtinh .text-amber-900 { color: #78350f !important; }
body.lctv-theme-index #content-chinhtinh .text-amber-800 { color: #92400e !important; }
body.lctv-theme-index #content-chinhtinh .text-amber-700 { color: #b45309 !important; }
body.lctv-theme-index #content-chinhtinh .text-rose-600 { color: #e11d48 !important; }
body.lctv-theme-index #content-chinhtinh .text-rose-500 { color: #f43f5e !important; }
body.lctv-theme-index #content-chinhtinh .text-white { color: #ffffff !important; }
body.lctv-theme-index #content-chinhtinh p,
body.lctv-theme-index #content-chinhtinh li,
body.lctv-theme-index #content-chinhtinh span {
    color: inherit;
}
@media (max-width: 768px) {
    .lctv-chinhtinh-reader {
        border-radius: 1.35rem;
        padding: .7rem;
        scroll-margin-top: 168px;
    }
    .lctv-chinhtinh-reader-head {
        gap: .65rem;
        padding: .25rem .2rem .7rem;
    }
    .lctv-chinhtinh-nav-btn {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
    .lctv-chinhtinh-reader-title strong {
        font-size: 1.05rem;
    }
    .lctv-chinhtinh-content,
    body.lctv-theme-index .lctv-chinhtinh-content .bg-amber-50 {
        border-radius: 1.1rem !important;
    }
    .lctv-chinhtinh-content {
        min-height: 220px;
    }
    .lctv-chinhtinh-loading,
    .lctv-chinhtinh-empty {
        min-height: 220px;
        padding: 2.5rem .9rem;
    }
}