(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,[154471,(e,t,a)=>{function s(e,t,a,s){return!1}e.i(350461),Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"getDomainLocale",{enumerable:!0,get:function(){return s}}),e.r(270090),("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},539149,(e,t,a)=>{e.i(350461),Object.defineProperty(a,"__esModule",{value:!0});var s={default:function(){return w},useLinkStatus:function(){return y}};for(var i in s)Object.defineProperty(a,i,{enumerable:!0,get:s[i]});let r=e.r(952456),n=e.r(391398),l=r._(e.r(191788)),o=e.r(160472),d=e.r(471112),c=e.r(728169),h=e.r(889129),u=e.r(514862),f=e.r(425479),m=e.r(771914),x=e.r(154471),p=e.r(344113),g=e.r(663230),b=new Set;function _(e,t,a,s){if(!("u"<typeof window)&&(0,d.isLocalURL)(t)){if(!s.bypassPrefetchedCheck){let i=t+"%"+a+"%"+(void 0!==s.locale?s.locale:"locale"in e?e.locale:void 0);if(b.has(i))return;b.add(i)}e.prefetch(t,a,s).catch(e=>{})}}function j(e){return"string"==typeof e?e:(0,c.formatUrl)(e)}let v=l.default.forwardRef(function(e,t){let a,s,{href:i,as:r,children:c,prefetch:b=null,passHref:v,replace:k,shallow:y,scroll:w,locale:T,onClick:C,onNavigate:N,onMouseEnter:I,onTouchStart:$,legacyBehavior:P=!1,transitionTypes:O,...S}=e;a=c,P&&("string"==typeof a||"number"==typeof a)&&(a=(0,n.jsx)("a",{children:a}));let E=l.default.useContext(f.RouterContext),M=!1!==b,{href:L,as:U}=l.default.useMemo(()=>{if(!E){let e=j(i);return{href:e,as:r?j(r):e}}let[e,t]=(0,o.resolveHref)(E,i,!0);return{href:e,as:r?(0,o.resolveHref)(E,r):t||e}},[E,i,r]),H=l.default.useRef(L),R=l.default.useRef(U);P&&(s=l.default.Children.only(a));let z=P?s&&"object"==typeof s&&s.ref:t,[A,D,F]=(0,m.useIntersection)({rootMargin:"200px"}),W=l.default.useCallback(e=>{(R.current!==U||H.current!==L)&&(F(),R.current=U,H.current=L),A(e)},[U,L,F,A]),B=(0,g.useMergedRef)(W,z);l.default.useEffect(()=>{!E||D&&M&&_(E,L,U,{bypassPrefetchedCheck:!1,locale:T})},[U,L,D,T,M,E?.locale,E]);let G={ref:B,onClick(e){P||"function"!=typeof C||C(e),P&&s.props&&"function"==typeof s.props.onClick&&s.props.onClick(e),!E||e.defaultPrevented||function(e,t,a,s,i,r,n,l,o){let c,{nodeName:h}=e.currentTarget;if(!("A"===h.toUpperCase()&&((c=e.currentTarget.getAttribute("target"))&&"_self"!==c||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.nativeEvent&&2===e.nativeEvent.which)||e.currentTarget.hasAttribute("download"))){if(!(0,d.isLocalURL)(a)){i&&(e.preventDefault(),location.replace(a));return}e.preventDefault(),(()=>{if(o){let e=!1;if(o({preventDefault:()=>{e=!0}}),e)return}let e=n??!0;"beforePopState"in t?t[i?"replace":"push"](a,s,{shallow:r,locale:l,scroll:e}):t[i?"replace":"push"](s||a,{scroll:e})})()}}(e,E,L,U,k,y,w,T,N)},onMouseEnter(e){P||"function"!=typeof I||I(e),P&&s.props&&"function"==typeof s.props.onMouseEnter&&s.props.onMouseEnter(e),E&&_(E,L,U,{locale:T,priority:!0,bypassPrefetchedCheck:!0})},onTouchStart:function(e){P||"function"!=typeof $||$(e),P&&s.props&&"function"==typeof s.props.onTouchStart&&s.props.onTouchStart(e),E&&_(E,L,U,{locale:T,priority:!0,bypassPrefetchedCheck:!0})}};if((0,h.isAbsoluteUrl)(U))G.href=U;else if(!P||v||"a"===s.type&&!("href"in s.props)){let e=void 0!==T?T:E?.locale;G.href=E?.isLocaleDomain&&(0,x.getDomainLocale)(U,e,E?.locales,E?.domainLocales)||(0,p.addBasePath)((0,u.addLocale)(U,e,E?.defaultLocale))}return P?l.default.cloneElement(s,G):(0,n.jsx)("a",{...S,...G,children:a})}),k=(0,l.createContext)({pending:!1}),y=()=>(0,l.useContext)(k),w=v;("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},771914,(e,t,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"useIntersection",{enumerable:!0,get:function(){return o}});let s=e.r(191788),i=e.r(799604),r="function"==typeof IntersectionObserver,n=new Map,l=[];function o({rootRef:e,rootMargin:t,disabled:a}){let d=a||!r,[c,h]=(0,s.useState)(!1),u=(0,s.useRef)(null),f=(0,s.useCallback)(e=>{u.current=e},[]);return(0,s.useEffect)(()=>{if(r){if(d||c)return;let a=u.current;if(a&&a.tagName)return function(e,t,a){let{id:s,observer:i,elements:r}=function(e){let t,a={root:e.root||null,margin:e.rootMargin||""},s=l.find(e=>e.root===a.root&&e.margin===a.margin);if(s&&(t=n.get(s)))return t;let i=new Map;return t={id:a,observer:new IntersectionObserver(e=>{e.forEach(e=>{let t=i.get(e.target),a=e.isIntersecting||e.intersectionRatio>0;t&&a&&t(a)})},e),elements:i},l.push(a),n.set(a,t),t}(a);return r.set(e,t),i.observe(e),function(){if(r.delete(e),i.unobserve(e),0===r.size){i.disconnect(),n.delete(s);let e=l.findIndex(e=>e.root===s.root&&e.margin===s.margin);e>-1&&l.splice(e,1)}}}(a,e=>e&&h(e),{root:e?.current,rootMargin:t})}else if(!c){let e=(0,i.requestIdleCallback)(()=>h(!0));return()=>(0,i.cancelIdleCallback)(e)}},[d,t,e,c,u.current]),[f,c,(0,s.useCallback)(()=>{h(!1)},[])]}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},663230,(e,t,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"useMergedRef",{enumerable:!0,get:function(){return i}});let s=e.r(191788);function i(e,t){let a=(0,s.useRef)(null),i=(0,s.useRef)(null);return(0,s.useCallback)(s=>{if(null===s){let e=a.current;e&&(a.current=null,e());let t=i.current;t&&(i.current=null,t())}else e&&(a.current=r(e,s)),t&&(i.current=r(t,s))},[e,t])}function r(e,t){if("function"!=typeof e)return e.current=t,()=>{e.current=null};{let a=e(t);return"function"==typeof a?a:()=>e(null)}}("function"==typeof a.default||"object"==typeof a.default&&null!==a.default)&&void 0===a.default.__esModule&&(Object.defineProperty(a.default,"__esModule",{value:!0}),Object.assign(a.default,a),t.exports=a.default)},633241,e=>{var t=e.i(391398),a=e.i(145246),s=e.i(191788);let i=new String(".button.jsx-9f448d739b788dbe{z-index:99;background-color:var(--header-menu-button);cursor:pointer;border:none;border-radius:8px;outline:none;width:35px;height:35px;padding:0;font-size:16px;position:fixed;bottom:5px;left:5px}.button.jsx-9f448d739b788dbe:hover{background-color:(--primary-color)}");i.__hash="9f448d739b788dbe";class r extends s.Component{constructor(e){super(e),this.state={}}jump(){e.g.$("html, body").animate({scrollTop:0},800)}render(){return(0,t.jsxs)("div",{className:`jsx-${i.__hash}`,children:[(0,t.jsx)("button",{onClick:()=>this.jump(),id:"jumpToTop",title:"Lên đầu trang",className:`jsx-${i.__hash} button`,children:(0,t.jsx)("i",{className:`jsx-${i.__hash} fas fa-arrow-up`})}),(0,t.jsx)(a.default,{id:i.__hash,children:i})]})}}e.s(["f",0,r],633241)},710505,e=>{var t=e.i(391398);e.i(191788);var a=e.i(145246),s=e.i(230184),i=e.i(612683);let r=new String(".main.jsx-a9d6753de61e1206{cursor:pointer;flex-direction:row;align-items:flex-start;margin-bottom:0;display:flex}.real-image.jsx-a9d6753de61e1206{opacity:0;width:100%;height:100%;display:block}.image.jsx-a9d6753de61e1206{border:1px solid var(--border-thread-thumbnail);background-position:50%;background-size:cover;flex:none;width:252px;height:156px;margin-right:9px}.content.jsx-a9d6753de61e1206{flex-direction:column;flex:auto;display:flex}.title.jsx-a9d6753de61e1206{text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-bottom:.5em;font-size:24px;font-weight:700;display:-webkit-box;overflow:hidden}.main.jsx-a9d6753de61e1206:hover .title.jsx-a9d6753de61e1206{color:var(--color-author,var(--color-accent-dark))}.at.jsx-a9d6753de61e1206,.view.jsx-a9d6753de61e1206{color:var(--color-light-2)}.info.jsx-a9d6753de61e1206,.author.jsx-a9d6753de61e1206{flex-direction:row;align-items:center;font-size:14px;display:flex}.author.jsx-a9d6753de61e1206 .name.jsx-a9d6753de61e1206{color:var(--color-author,var(--color-accent-dark));font-weight:700}.avatar.jsx-a9d6753de61e1206{border:1px solid var(--color-light-1);border-radius:50%;width:30px;height:30px;margin-right:6px}.topic.jsx-a9d6753de61e1206{background:var(--color-light-3);color:var(--color-light-0);align-self:flex-start;margin-bottom:12px;padding:6px 12px;font-family:Lato,sans-serif;font-size:13px;font-weight:700}@media (width<=1000px){.title.jsx-a9d6753de61e1206{font-size:24px}}@media (width<=700px){.title.jsx-a9d6753de61e1206{font-size:18px}.image.jsx-a9d6753de61e1206{flex:0 0 210px;width:210px;height:130px}.avatar.jsx-a9d6753de61e1206{display:none}}@media (width<=500px){.image.jsx-a9d6753de61e1206{flex:0 0 160px;width:160px;height:100px}.topic.jsx-a9d6753de61e1206{display:none}.title.jsx-a9d6753de61e1206{font-size:16px}.author.jsx-a9d6753de61e1206{font-size:12px}.at.jsx-a9d6753de61e1206,.view.jsx-a9d6753de61e1206{display:none}}");r.__hash="a9d6753de61e1206";let n=({name:e,avatar:s})=>(0,t.jsxs)("span",{className:`jsx-${r.__hash} author`,children:[(0,t.jsx)("img",{src:s,alt:e,className:`jsx-${r.__hash} avatar`}),(0,t.jsx)("span",{className:`jsx-${r.__hash} name`,children:e}),(0,t.jsx)(a.default,{id:r.__hash,children:r})]}),l=({link:e,title:l,image:o,since:d,topic:c,author:h,stats:u,onClick:f})=>(0,t.jsx)("a",{href:e,onClick:f,children:(0,t.jsxs)("div",{className:`jsx-${r.__hash} main`,children:[(0,t.jsx)("div",{style:{backgroundImage:`url(${o})`},className:`jsx-${r.__hash} image`,children:(0,t.jsx)("img",{src:o,alt:l,title:l,className:`jsx-${r.__hash} real-image`})}),(0,t.jsxs)("div",{className:`jsx-${r.__hash} content`,children:[c?(0,t.jsx)("div",{className:`jsx-${r.__hash} topic`,children:c}):null,(0,t.jsx)("span",{className:`jsx-${r.__hash} title thread-title`,children:l}),(0,t.jsxs)("div",{className:`jsx-${r.__hash} info`,children:[(0,t.jsx)(n,{...h}),(0,t.jsxs)("span",{className:`jsx-${r.__hash} at`,children:[" - ",(0,t.jsx)(s.f,{value:d})]}),u.view>1e3&&(0,t.jsxs)("span",{className:`jsx-${r.__hash} view`,children:[" - ",(0,t.jsx)(i.f,{value:u.view})," lượt xem"]})]})]}),(0,t.jsx)(a.default,{id:r.__hash,children:r})]})}),o=new String(".main.jsx-e574107921729bfb{cursor:pointer;flex-direction:row;align-items:flex-start;display:flex}.reverse.jsx-e574107921729bfb{flex-direction:row-reverse}.image.jsx-e574107921729bfb{background-position:50%;background-size:cover;border-radius:8px;flex:none;width:96px;height:54px;margin-right:16px}.real-image.jsx-e574107921729bfb{opacity:0;width:100%;height:100%}.reverse.jsx-e574107921729bfb .image.jsx-e574107921729bfb{margin-left:16px;margin-right:0}.content.jsx-e574107921729bfb{flex:auto;overflow:hidden}.title.jsx-e574107921729bfb{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}");o.__hash="e574107921729bfb";let d=({link:e,title:s,thumbnail:i,reverse:r,onClick:n})=>(0,t.jsx)("a",{href:e,onClick:n,children:(0,t.jsxs)("div",{className:`jsx-${o.__hash} main ${r?"reverse":""}`,children:[(0,t.jsx)("div",{style:{backgroundImage:`url(${i})`},className:`jsx-${o.__hash} image`,children:(0,t.jsx)("img",{src:i,alt:s,className:`jsx-${o.__hash} real-image`})}),(0,t.jsx)("div",{className:`jsx-${o.__hash} content`,children:(0,t.jsx)("span",{title:s,className:`jsx-${o.__hash} title thread-title`,children:s})}),(0,t.jsx)(a.default,{id:o.__hash,children:o})]})}),c=new String(".title.jsx-106b0baee1cb21ba{margin-bottom:8px;font-size:20px}@media (width<=1000px){.title.jsx-106b0baee1cb21ba{font-size:24px}}@media (width<=700px){.title.jsx-106b0baee1cb21ba{font-size:24px}}@media (width<=500px){.title.jsx-106b0baee1cb21ba{font-size:22px}}");c.__hash="106b0baee1cb21ba";let h=new String(".title.jsx-f9d9c918d300b2b6{margin-bottom:8px;font-size:16px}");h.__hash="f9d9c918d300b2b6";let u=new String(".main.jsx-67e68d25a3fd494c{cursor:pointer;flex-direction:column;align-items:flex-start;margin-bottom:0;padding:0;display:flex}.main.jsx-67e68d25a3fd494c:hover .title.jsx-67e68d25a3fd494c{color:var(--color-author,var(--color-accent-dark))}.real-image.jsx-67e68d25a3fd494c{opacity:0;width:100%}.image.jsx-67e68d25a3fd494c{background-position:50%;background-size:cover;width:100%;height:0;margin-bottom:12px;margin-right:0;padding-bottom:62%}.content.jsx-67e68d25a3fd494c{flex-direction:column;font-size:13px;line-height:16px;display:flex}.title.jsx-67e68d25a3fd494c{color:var(--text-dark);height:2.6em;font-weight:700;line-height:1.3em}.title.always-white.jsx-67e68d25a3fd494c{color:var(--text-always-white)}.at.jsx-67e68d25a3fd494c,.view.jsx-67e68d25a3fd494c{color:var(--text-dark);font-size:13px}.info.jsx-67e68d25a3fd494c,.author.jsx-67e68d25a3fd494c{flex-direction:row;align-items:center;display:flex}.author.jsx-67e68d25a3fd494c .name.jsx-67e68d25a3fd494c{color:var(--color-author,var(--color-accent-dark));font-weight:700}@media (width<=1000px){.author.jsx-67e68d25a3fd494c,.at.jsx-67e68d25a3fd494c,.view.jsx-67e68d25a3fd494c{font-size:11px}}@media (width>=1001px){.title.jsx-67e68d25a3fd494c{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (width<=1000px){.title.jsx-67e68d25a3fd494c{height:auto;margin:0;font-size:24px;display:block}.main.jsx-67e68d25a3fd494c{display:block;position:relative;overflow:hidden}.image.jsx-67e68d25a3fd494c{margin:0}.info.jsx-67e68d25a3fd494c{display:none}}");u.__hash="67e68d25a3fd494c";let f=({name:e})=>(0,t.jsxs)("span",{className:`jsx-${u.__hash} author`,children:[(0,t.jsx)("span",{className:`jsx-${u.__hash} name`,children:e}),(0,t.jsx)(a.default,{id:u.__hash,children:u})]}),m=({link:e,title:i,image:r,since:n,author:l,stats:o,styleName:d,onClick:m,titleAlwaysWhite:x})=>d.indexOf("small")>-1?(0,t.jsx)("a",{href:e,onClick:m,children:(0,t.jsxs)("div",{className:`jsx-${h.__hash} jsx-${u.__hash} main`,children:[(0,t.jsx)("div",{style:{backgroundImage:`url(${r})`},className:`jsx-${h.__hash} jsx-${u.__hash} image`,children:(0,t.jsx)("img",{src:r,alt:i,className:`jsx-${h.__hash} jsx-${u.__hash} real-image`})}),(0,t.jsxs)("div",{className:`jsx-${h.__hash} jsx-${u.__hash} content`,children:[(0,t.jsx)("span",{className:`jsx-${h.__hash} jsx-${u.__hash} title thread-title ${x&&"always-white"}`,children:i}),(0,t.jsxs)("div",{className:`jsx-${h.__hash} jsx-${u.__hash} info`,children:[(0,t.jsx)(f,{...l}),(0,t.jsxs)("span",{className:`jsx-${h.__hash} jsx-${u.__hash} at`,children:[" - ",(0,t.jsx)(s.f,{value:n})]})]})]}),(0,t.jsx)(a.default,{id:u.__hash,children:u}),(0,t.jsx)(a.default,{id:h.__hash,children:h})]})}):(0,t.jsx)("a",{href:e,children:(0,t.jsxs)("div",{className:`jsx-${c.__hash} jsx-${u.__hash} main`,children:[(0,t.jsx)("div",{style:{backgroundImage:`url(${r})`},className:`jsx-${c.__hash} jsx-${u.__hash} image`,children:(0,t.jsx)("img",{src:r,alt:i,className:`jsx-${c.__hash} jsx-${u.__hash} real-image`})}),(0,t.jsxs)("div",{className:`jsx-${c.__hash} jsx-${u.__hash} content`,children:[(0,t.jsx)("span",{className:`jsx-${c.__hash} jsx-${u.__hash} title ${x&&"always-white"}`,children:i}),(0,t.jsxs)("div",{className:`jsx-${c.__hash} jsx-${u.__hash} info`,children:[(0,t.jsx)(f,{...l}),(0,t.jsxs)("span",{className:`jsx-${c.__hash} jsx-${u.__hash} at`,children:[" - ",(0,t.jsx)(s.f,{value:n})]})]})]}),(0,t.jsx)(a.default,{id:u.__hash,children:u}),(0,t.jsx)(a.default,{id:c.__hash,children:c})]})});e.s(["f",0,e=>{let{styleName:a,onClick:s,...i}=e;if(a){if(a.indexOf("full")>-1)return(0,t.jsx)(l,{...i,onClick:s});if(a.indexOf("lite")>-1)return(0,t.jsx)(d,{...i,onClick:s});if(a.indexOf("horizontal")>-1)return(0,t.jsx)(m,{...e,onClick:s})}return(0,t.jsx)("div",{children:"Error: Please specific type for article: full, lite or horizontal."})}],710505)},438311,e=>{var t=e.i(391398),a=e.i(145246),s=e.i(191788);let i=new String(".pagination.jsx-73e051160c8b81b3{white-space:nowrap;align-items:center;font-size:.8rem;display:flex;position:relative}.pagination.jsx-73e051160c8b81b3 .pagination--header.jsx-73e051160c8b81b3{margin-right:10px}.pagination.jsx-73e051160c8b81b3 .pagination--pages.jsx-73e051160c8b81b3{flex-flow:wrap;display:flex}.pagination.jsx-73e051160c8b81b3 .pagination--pages.jsx-73e051160c8b81b3 .page.jsx-73e051160c8b81b3{text-align:center;box-sizing:border-box;border:1px solid var(--border-dark);min-width:26px;height:26px;color:var(--text-dark);opacity:.5;background-color:#0000;border-radius:3px;outline:none;margin:0 3px 3px 0;padding:0 5px;line-height:24px;display:inline-block}.pagination.jsx-73e051160c8b81b3 .pagination--pages.jsx-73e051160c8b81b3 .page.jsx-73e051160c8b81b3:hover{background-color:var(--border-dark);border:1px solid var(--border-dark);color:var(--text-light)}.pagination.jsx-73e051160c8b81b3 .pagination--pages.jsx-73e051160c8b81b3 .current.jsx-73e051160c8b81b3{background-color:var(--border-dark);border:1px solid var(--border-dark);color:var(--text-light);opacity:1;border-radius:3px}@media (width<=500px){.pagination.jsx-73e051160c8b81b3 .pagination--header.jsx-73e051160c8b81b3{display:none}}");i.__hash="73e051160c8b81b3",e.s(["f",0,({currentPage:e,totalPage:r,onSelected:n})=>{let[l,o]=(0,s.useState)(e-3),d=e=>{n(e)};return(0,s.useEffect)(()=>{o(e-3)},[e]),(0,t.jsxs)("div",{className:`jsx-${i.__hash}`,children:[r>1?(0,t.jsx)("div",{className:`jsx-${i.__hash} pagination`,children:(0,t.jsxs)("div",{className:`jsx-${i.__hash} pagination--pages`,children:[(0,t.jsx)("button",{onClick:()=>d(1),className:`jsx-${i.__hash} page ${1===e?"current":""}`,children:"1"}),l>1&&(0,t.jsx)("button",{onClick:e=>{e.preventDefault(),l>0&&o(l-5)},className:`jsx-${i.__hash} page`,children:"←"},"window-back"),(0,t.jsx)("div",{className:`jsx-${i.__hash}`,children:Array.apply(0,{length:5}).map(Number.call,Number).map(a=>a+l+1<r&&a+l+1>1&&(0,t.jsx)("button",{onClick:()=>d(a+l+1),className:`jsx-${i.__hash} page ${e===a+l+1?"current":""}`,children:a+l+1}))}),l+5<r&&(0,t.jsx)("button",{onClick:e=>{e.preventDefault(),l<r-5&&o(l+5)},className:`jsx-${i.__hash} page`,children:"→"},"window-next"),(0,t.jsx)("button",{onClick:()=>d(r),className:`jsx-${i.__hash} page ${e===r?"current":""}`,children:r})]})}):(0,t.jsx)("div",{className:`jsx-${i.__hash}`}),(0,t.jsx)(a.default,{id:i.__hash,children:i})]})}],438311)},184492,e=>{var t=e.i(391398),a=e.i(145246),s=e.i(191788);e.i(966278);var i=e.i(318398),r=e.i(886328),n=e.i(456310),l=e.i(574186);let o=new String("");o.__hash="3a28fab2c71b5470";let d=(0,r.default)(({innerRef:e})=>(0,t.jsx)("div",{className:"mark-read-marker",ref:e}),{},{disconnectOnLeave:!1}),c=i.f.ApiConsumer(({api:e,threadId:i})=>{let r=null;return(0,t.jsxs)(s.Fragment,{children:[(0,t.jsx)(d,{onEnterViewport:()=>void(r=setTimeout(()=>{let t,a;t=new l.U(e),a=[{key:"thread_id",value:i}],e.onAuthenticated(()=>{t.trackEvent(n.f.Impression,e.getUserId(),a)})},2e3)),onLeaveViewport:()=>void(r&&clearTimeout(r))}),(0,t.jsx)(a.default,{id:o.__hash,children:o})]})});e.s(["f",0,c],184492)},412092,585757,e=>{var t=e.i(391398),a=e.i(145246);e.i(191788),e.i(966278);var s=e.i(318398),i=e.i(758568),r=e.i(368721),n=e.i(567166),l=e.i(913083);let o=(e,t=[],...a)=>((e,t=[],a,s)=>{let i=[...t];return e&&s.length>0&&s.forEach(t=>{let s=e.find(e=>e.slot_name===t.key);if(s){let e={...a(s),isAds:!0,blockId:s.block_id};i.splice(t.index,0,e)}}),i})(e,t,e=>(0,l.U)(e.thread),a);e.s(["f",0,o],585757);let d=new String(".main.jsx-5b54369c99a6d034{background-color:var(--post-background);box-shadow:var(--box-shadow-3);border-radius:8px}.heading.jsx-5b54369c99a6d034{flex-direction:row;justify-content:space-between;display:flex}.title.jsx-5b54369c99a6d034{color:var(--inverse-text);text-transform:uppercase;border-radius:4px 0;padding:10px 33px 10px 10px;font-size:16px;font-weight:700;position:relative}.body.jsx-5b54369c99a6d034{padding:18px 12px 12px;position:relative}.icon.jsx-5b54369c99a6d034{position:absolute;right:-12px}");d.__hash="5b54369c99a6d034";let c=({title:e,icon:s,color:i,more:r,moreText:n,children:l})=>(0,t.jsxs)("div",{className:`jsx-${d.__hash} main`,children:[(0,t.jsxs)("div",{className:`jsx-${d.__hash} heading`,children:[(0,t.jsxs)("div",{style:{backgroundColor:i},className:`jsx-${d.__hash} title`,children:[e,(0,t.jsx)("span",{className:`jsx-${d.__hash} icon`,children:s})]}),r?(0,t.jsx)("a",{href:r,className:`jsx-${d.__hash} all`,children:n}):null]}),(0,t.jsx)("div",{className:`jsx-${d.__hash} body`,children:l}),(0,t.jsx)(a.default,{id:d.__hash,children:d})]});var h=e.i(710505),u=e.i(959677),f=e.i(575835),m=e.i(574186);let x=new String(".article.jsx-32393645e1c1526d{margin-bottom:12px}.view-more.jsx-32393645e1c1526d{width:100%;display:block}");x.__hash="32393645e1c1526d";let{PageName:p}=n.f,g=s.f.ApiConsumer(({title:e,icon:s,more:i,articles:r,color:n,url:l,taFromBlock:o,api:d})=>{let g=e=>{ga("send",{hitType:"event",eventCategory:f.f.tinhteHomeGAEventCategory,eventAction:f.f.gaEventClick,eventLabel:f.f.gaHomeThreadListItem,transport:"beacon"}),o&&(0,m.R)(d,{taAttributes:[{key:"thread_id",value:e.id},{key:"page_number",value:1}],taFromBlock:o})};return(0,t.jsxs)(c,{title:e,icon:s,more:i,color:n,moreText:`Xem tất cả b\xe0i viết ${e.toLowerCase()}`,children:[r.map(e=>(0,t.jsx)("div",{className:`jsx-${x.__hash} article`,children:e.isAds?(0,t.jsx)(u.f,{blockId:e.blockId,pageName:p.WEB_HOME,children:(0,t.jsx)(h.f,{reverse:!0,styleName:"lite",taFromBlock:o,...e,onClick:()=>g(e)},e.id)}):(0,t.jsx)(h.f,{reverse:!0,styleName:"lite",taFromBlock:o,...e,onClick:()=>g(e)},e.id)},e.id)),l&&(0,t.jsx)("a",{href:l,onClick:()=>{ga("send",{hitType:"event",eventCategory:f.f.tinhteHomeGAEventCategory,eventAction:f.f.gaEventClick,eventLabel:f.f.gaHomeThreadListViewMore,transport:"beacon"})},className:`jsx-${x.__hash} button button-full-size button-secondary`,children:"Xem tất cả"}),(0,t.jsx)(a.default,{id:x.__hash,children:x})]})}),b=new String("");b.__hash="3a28fab2c71b5470";let{ContentSolutionSlot:{SPONSORED_TIPS:_}}=n.f,j=({threads:e,title:s,icon:i,url:r,taFromBlock:n})=>(0,t.jsxs)("div",{className:`jsx-${b.__hash} main`,children:[(0,t.jsx)(g,{title:s||"Thủ thuật 2",icon:i,color:"var(--widget-label-background)",articles:e,url:r,taFromBlock:n}),(0,t.jsx)(a.default,{id:b.__hash,children:b})]});j.defaultProps={threads:[]},j.apiFetches={threads:(e,{tagId:t,limit:a,blocks:s})=>({uri:`tags/${t}`,params:{page:1,limit:a||8,fields_include:(0,l.Y)("content."),_bdImageApiThreadThumbnailWidth:"216",_bdImageApiThreadThumbnailHeight:"sw"},success:e=>o(s,(0,i.default)(e,"tagged",[]).filter(e=>"thread"===e.content_type).map(l.U),_)})};let v=r.f.subscribe(s.f.ApiConsumer(j));e.s(["f",0,v],412092)},748667,e=>{var t=e.i(391398),a=e.i(145246),s=e.i(191788);e.i(966278);var i=e.i(318398),r=e.i(170723),n=e.i(574186),l=e.i(456310);let o=new String("");o.__hash="e43e7f1a484b1acb";let d=i.f.ApiConsumer(({api:e,pageName:i,threadId:d,communityId:c})=>((0,s.useEffect)(()=>{r.default.initialize({currentPageName:i,idleTimeoutInSeconds:90}),r.default.callWhenUserLeaves(()=>{let t=r.default.getTimeOnCurrentPageInSeconds();if(t>0){let a=new n.U(e),s=l.f.Time_On_Page,i=[{key:"page_name",value:r.default.currentPageName},{key:"time_on_page",value:t},{key:"thread_id",value:d},{key:"community_id",value:c}];a.trackEvent(s,e.getUserId(),i)}}),r.default.callWhenUserReturns(()=>{r.default.resetAllRecordedPageTimes()})},[]),(0,t.jsx)(s.Fragment,{children:(0,t.jsx)(a.default,{id:o.__hash,children:o})})));e.s(["f",0,d],748667)},147308,e=>{var t=e.i(758568);e.s(["f",0,e=>({id:e.id,title:(0,t.default)(e,"snippet.title","Không tìm thấy"),thumb:(0,t.default)(e,"snippet.thumbnails.medium.url",""),duration:(0,t.default)(e,"contentDetails.duration","").replace(/[PTS]/g,"").replace(/[HM]/g,":"),stats:{view:(0,t.default)(e,"statistics.viewCount",0)}})])},558111,e=>{let t=Object.freeze({Home_Fact:"home_fact",Home_Featured_Threads:"home_featured_threads",Home_Quick_News:"home_quick_news",Home_Trending:"home_trending",Home_Creator:"home_creator",Home_Feature:"home_feature",Home_Question:"home_question",Home_Deep_Talk:"home_deep_talk",Home_24h_Overview:"home_24h_overview",Home_Trick:"home_trick",Home_Hot_Tag:"home_hot_tag",Home_Hot_Community:"home_hot_community",Creator_Featured_Threads:"creator_featured_threads",Creator_Trending:"creator_trending",Creator_Top_Chart:"creator_top_chart",Creator_Top_Rating:"creator_top_rating"});e.s(["f",0,t])}],41158,(e,t,a)=>{t.exports=e.r(539149)},170723,(e,t,a)=>{(()=>{((a,s)=>{let i;if(t.exports)return t.exports=s();if("function"!=typeof define||!define.amd)return a.TimeMe=s();void 0!==(i=a.TimeMe=s())&&e.v(i)})(e.e,()=>{let e={startStopTimes:{},idleTimeoutMs:3e4,currentIdleTimeMs:0,checkIdleStateRateMs:250,isUserCurrentlyOnPage:!0,isUserCurrentlyIdle:!1,currentPageName:"default-page-name",timeElapsedCallbacks:[],userLeftCallbacks:[],userReturnCallbacks:[],trackTimeOnElement:t=>{let a=document.getElementById(t);a&&(a.addEventListener("mouseover",()=>{e.startTimer(t)}),a.addEventListener("mousemove",()=>{e.startTimer(t)}),a.addEventListener("mouseleave",()=>{e.stopTimer(t)}),a.addEventListener("keypress",()=>{e.startTimer(t)}),a.addEventListener("focus",()=>{e.startTimer(t)}))},getTimeOnElementInSeconds:t=>{let a=e.getTimeOnPageInSeconds(t);return a||0},startTimer:(t,a)=>{if(t||(t=e.currentPageName),void 0===e.startStopTimes[t])e.startStopTimes[t]=[];else{let a=e.startStopTimes[t],s=a[a.length-1];if(void 0!==s&&void 0===s.stopTime)return}e.startStopTimes[t].push({startTime:a||new Date,stopTime:void 0})},stopAllTimers:()=>{let t=Object.keys(e.startStopTimes);for(let a=0;a<t.length;a++)e.stopTimer(t[a])},stopTimer:(t,a)=>{t||(t=e.currentPageName);let s=e.startStopTimes[t];void 0!==s&&0!==s.length&&void 0===s[s.length-1].stopTime&&(s[s.length-1].stopTime=a||new Date)},getTimeOnCurrentPageInSeconds:()=>e.getTimeOnPageInSeconds(e.currentPageName),getTimeOnPageInSeconds:t=>{let a=e.getTimeOnPageInMilliseconds(t);if(void 0!==a)return a/1e3},getTimeOnCurrentPageInMilliseconds:()=>e.getTimeOnPageInMilliseconds(e.currentPageName),getTimeOnPageInMilliseconds:t=>{let a=e.startStopTimes[t];if(void 0===a)return;let s=0;for(let e=0;e<a.length;e++){let t=a[e].startTime,i=a[e].stopTime;void 0===i&&(i=new Date),s+=i-t}return Number(s)},getTimeOnAllPagesInSeconds:()=>{let t=[],a=Object.keys(e.startStopTimes);for(let s=0;s<a.length;s++){let i=a[s],r=e.getTimeOnPageInSeconds(i);t.push({pageName:i,timeOnPage:r})}return t},setIdleDurationInSeconds:t=>{if(!1===isNaN(parseFloat(t)))e.idleTimeoutMs=1e3*t;else throw{name:"InvalidDurationException",message:"An invalid duration time ("+t+") was provided."}},setCurrentPageName:t=>{e.currentPageName=t},resetRecordedPageTime:t=>{delete e.startStopTimes[t]},resetAllRecordedPageTimes:()=>{let t=Object.keys(e.startStopTimes);for(let a=0;a<t.length;a++)e.resetRecordedPageTime(t[a])},userActivityDetected:()=>{e.isUserCurrentlyIdle&&e.triggerUserHasReturned(),e.resetIdleCountdown()},resetIdleCountdown:()=>{e.isUserCurrentlyIdle=!1,e.currentIdleTimeMs=0},callWhenUserLeaves:(t,a)=>{e.userLeftCallbacks.push({callback:t,numberOfTimesToInvoke:a})},callWhenUserReturns:(t,a)=>{e.userReturnCallbacks.push({callback:t,numberOfTimesToInvoke:a})},triggerUserHasReturned:()=>{if(!e.isUserCurrentlyOnPage){e.isUserCurrentlyOnPage=!0,e.resetIdleCountdown();for(let t=0;t<e.userReturnCallbacks.length;t++){let a=e.userReturnCallbacks[t],s=a.numberOfTimesToInvoke;(isNaN(s)||void 0===s||s>0)&&(a.numberOfTimesToInvoke-=1,a.callback())}}e.startTimer()},triggerUserHasLeftPageOrGoneIdle:()=>{if(e.isUserCurrentlyOnPage){e.isUserCurrentlyOnPage=!1;for(let t=0;t<e.userLeftCallbacks.length;t++){let a=e.userLeftCallbacks[t],s=a.numberOfTimesToInvoke;(isNaN(s)||void 0===s||s>0)&&(a.numberOfTimesToInvoke-=1,a.callback())}}e.stopAllTimers()},callAfterTimeElapsedInSeconds:(t,a)=>{e.timeElapsedCallbacks.push({timeInSeconds:t,callback:a,pending:!0})},checkIdleState:()=>{for(let t=0;t<e.timeElapsedCallbacks.length;t++)e.timeElapsedCallbacks[t].pending&&e.getTimeOnCurrentPageInSeconds()>e.timeElapsedCallbacks[t].timeInSeconds&&(e.timeElapsedCallbacks[t].callback(),e.timeElapsedCallbacks[t].pending=!1);!1===e.isUserCurrentlyIdle&&e.currentIdleTimeMs>e.idleTimeoutMs?(e.isUserCurrentlyIdle=!0,e.triggerUserHasLeftPageOrGoneIdle()):e.currentIdleTimeMs+=e.checkIdleStateRateMs},visibilityChangeEventName:void 0,hiddenPropName:void 0,listenForVisibilityEvents:(t,a)=>{t&&e.listenForUserLeavesOrReturnsEvents(),a&&e.listForIdleEvents()},listenForUserLeavesOrReturnsEvents:()=>{void 0!==document.hidden?(e.hiddenPropName="hidden",e.visibilityChangeEventName="visibilitychange"):void 0!==document.mozHidden?(e.hiddenPropName="mozHidden",e.visibilityChangeEventName="mozvisibilitychange"):void 0!==document.msHidden?(e.hiddenPropName="msHidden",e.visibilityChangeEventName="msvisibilitychange"):void 0!==document.webkitHidden&&(e.hiddenPropName="webkitHidden",e.visibilityChangeEventName="webkitvisibilitychange"),document.addEventListener(e.visibilityChangeEventName,()=>{document[e.hiddenPropName]?e.triggerUserHasLeftPageOrGoneIdle():e.triggerUserHasReturned()},!1),window.addEventListener("blur",()=>{e.triggerUserHasLeftPageOrGoneIdle()}),window.addEventListener("focus",()=>{e.triggerUserHasReturned()})},listForIdleEvents:()=>{document.addEventListener("mousemove",()=>{e.userActivityDetected()}),document.addEventListener("keyup",()=>{e.userActivityDetected()}),document.addEventListener("touchstart",()=>{e.userActivityDetected()}),window.addEventListener("scroll",()=>{e.userActivityDetected()}),setInterval(()=>{!0!==e.isUserCurrentlyIdle&&e.checkIdleState()},e.checkIdleStateRateMs)},websocket:void 0,websocketHost:void 0,setUpWebsocket:t=>{if(window.WebSocket&&t){let a=t.websocketHost;try{e.websocket=new WebSocket(a),window.onbeforeunload=()=>{e.sendCurrentTime(t.appId)},e.websocket.onopen=()=>{e.sendInitWsRequest(t.appId)},e.websocket.onerror=e=>{console&&console.log("Error occurred in websocket connection: "+e)},e.websocket.onmessage=e=>{console&&console.log(e.data)}}catch(e){console&&console.error("Failed to connect to websocket host.  Error:"+e)}}},websocketSend:t=>{e.websocket.send(JSON.stringify(t))},sendCurrentTime:t=>{let a={type:"INSERT_TIME",appId:t,timeOnPageMs:e.getTimeOnCurrentPageInMilliseconds(),pageName:e.currentPageName};e.websocketSend(a)},sendInitWsRequest:t=>{e.websocketSend({type:"INIT",appId:t})},initialize:t=>{let a,s,i=e.idleTimeoutMs||30,r=e.currentPageName||"default-page-name",n=!0,l=!0;t&&(i=t.idleTimeoutInSeconds||i,r=t.currentPageName||r,a=t.websocketOptions,s=t.initialStartTime,!1===t.trackWhenUserLeavesPage&&(n=!1),!1===t.trackWhenUserGoesIdle&&(l=!1)),e.setIdleDurationInSeconds(i),e.setCurrentPageName(r),e.setUpWebsocket(a),e.listenForVisibilityEvents(n,l),e.startTimer(void 0,s)}};return e})}).call(e.e)}]);