[{"data":1,"prerenderedAt":29},["ShallowReactive",2],{"blog":3,"contentBlog":4},[],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":6,"title":8,"seo":9,"background_color":12,"background_image":6,"items_per_page":13,"related_post":11,"content_blocks":14,"_id":23,"_type":24,"_source":25,"_file":26,"_stem":27,"_extension":28},"\u002Fblog","",false,"Blog",{"page_description":6,"canonical_url":10,"featured_image":10,"featured_image_alt":10,"author_twitter_handle":10,"open_graph_type":10,"no_index":11},null,true,"#ffffff",1,[15,19],{"_block_name":16,"status":11,"background_color":17,"background_image":10,"title":18},"section\u002Fbreadcrumb","#000000","BLOG",{"_block_name":20,"status":11,"background_color":21,"content":22},"section\u002Feditor","#FFFFFF","\u003Csection class=\"ef-newyear\">\u003Cstyle>\n        \u002F* =========================================\n   1. CONFETTI DOTS (TRẮNG – TO HƠN)\n   ========================================= *\u002F\n        .newyear-confetti {\n            position: fixed;\n            inset: 0;\n            pointer-events: none;\n            z-index: 9999;\n        }\n\n        .newyear-confetti .dot {\n            position: absolute;\n            top: -10%;\n            width: 10px;\n            height: 10px;\n            border-radius: 50%;\n            background: #ffffff;\n            opacity: 0.9;\n            animation: confetti-fall linear infinite;\n        }\n\n        \u002F* vị trí + tốc độ *\u002F\n        .newyear-confetti .dot:nth-child(1) {\n            left: 5%;\n            animation-duration: 9s;\n        }\n\n        .newyear-confetti .dot:nth-child(2) {\n            left: 15%;\n            animation-duration: 11s;\n        }\n\n        .newyear-confetti .dot:nth-child(3) {\n            left: 25%;\n            animation-duration: 8s;\n        }\n\n        .newyear-confetti .dot:nth-child(4) {\n            left: 35%;\n            animation-duration: 10s;\n        }\n\n        .newyear-confetti .dot:nth-child(5) {\n            left: 45%;\n            animation-duration: 12s;\n        }\n\n        .newyear-confetti .dot:nth-child(6) {\n            left: 55%;\n            animation-duration: 9s;\n        }\n\n        .newyear-confetti .dot:nth-child(7) {\n            left: 65%;\n            animation-duration: 11s;\n        }\n\n        .newyear-confetti .dot:nth-child(8) {\n            left: 75%;\n            animation-duration: 8s;\n        }\n\n        .newyear-confetti .dot:nth-child(9) {\n            left: 85%;\n            animation-duration: 10s;\n        }\n\n        .newyear-confetti .dot:nth-child(10) {\n            left: 95%;\n            animation-duration: 12s;\n        }\n\n        @keyframes confetti-fall {\n            from {\n                top: -10%;\n                transform: translateX(0);\n            }\n\n            to {\n                top: 110%;\n                transform: translateX(40px);\n            }\n        }\n\n        \u002F* =========================================\n   2. FIREWORKS (PHÁO HOA NỔ NHẸ)\n   ========================================= *\u002F\n        .fireworks {\n            position: fixed;\n            inset: 0;\n            pointer-events: none;\n            z-index: 9998;\n        }\n\n        .firework {\n            position: absolute;\n            width: 6px;\n            height: 6px;\n            background: transparent;\n            animation: firework 3s infinite;\n        }\n\n        .firework::before,\n        .firework::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            border-radius: 50%;\n            box-shadow:\n                0 -20px #ffd700,\n                14px -14px #ff4d4d,\n                20px 0 #00eaff,\n                14px 14px #ff8c00,\n                0 20px #adff2f,\n                -14px 14px #ff69b4,\n                -20px 0 #00ff99,\n                -14px -14px #ffffff;\n        }\n\n        @keyframes firework {\n            0% {\n                transform: scale(0);\n                opacity: 1;\n            }\n\n            80% {\n                transform: scale(1);\n                opacity: 1;\n            }\n\n            100% {\n                transform: scale(1.3);\n                opacity: 0;\n            }\n        }\n\n        \u002F* vị trí pháo *\u002F\n        .firework:nth-child(1) {\n            top: 25%;\n            left: 20%;\n            animation-delay: 0s;\n        }\n\n        .firework:nth-child(2) {\n            top: 30%;\n            left: 60%;\n            animation-delay: 1s;\n        }\n\n        .firework:nth-child(3) {\n            top: 20%;\n            left: 80%;\n            animation-delay: 2s;\n        }\n\n        .firework:nth-child(4) {\n            top: 35%;\n            left: 40%;\n            animation-delay: 1.5s;\n        }\n    \u003C\u002Fstyle>\u003Cdiv class=\"newyear-confetti\" aria-hidden=\"true\">\u003Cspan class=\"dot\">\u003C\u002Fspan>\u003Cspan class=\"dot\">\u003C\u002Fspan>\u003Cspan class=\"dot\">\u003C\u002Fspan> \u003Cspan class=\"dot\">\u003C\u002Fspan>\u003Cspan class=\"dot\">\u003C\u002Fspan>\u003Cspan class=\"dot\">\u003C\u002Fspan> \u003Cspan class=\"dot\">\u003C\u002Fspan>\u003Cspan class=\"dot\">\u003C\u002Fspan>\u003Cspan class=\"dot\">\u003C\u002Fspan> \u003Cspan class=\"dot\">\u003C\u002Fspan>\u003C\u002Fdiv>\u003Cdiv class=\"fireworks\" aria-hidden=\"true\">\u003Cdiv class=\"firework\"> \u003C\u002Fdiv>\u003Cdiv class=\"firework\"> \u003C\u002Fdiv>\u003Cdiv class=\"firework\"> \u003C\u002Fdiv>\u003Cdiv class=\"firework\"> \u003C\u002Fdiv>\u003C\u002Fdiv>\u003C\u002Fsection>","content:blog:index.yml","yaml","content","blog\u002Findex.yml","blog\u002Findex","yml",1779414716314]