/* ---- BIEN CSS (:root) cua theme goc — BAT BUOC: thieu thi var(--ymega-rail-w) vo hieu, panel menu mat quy tac an va hien ra de len trang (da dinh 30/09). ---- */ :root{--bg-color:#ffffff;--text-color:#333333;--border-color:#e0e0e0;--accent-color:#007bff} :root{--ymega-top:88px;--ymega-left:clamp(48px,7vw,220px);--ymega-rail-w:320px;--ymega-gap:0px;--ymega-accent:#c62828;--ymega-accent-soft:#fef2f2;--ymega-accent-border:#fca5a5} .search-form{display:flex;align-items:center;width:100%;max-width:100%;border:1px solid #d1d5db;border-radius:8px;box-shadow:none;background:#fff;overflow:visible;padding-right:4px;transition:border-color .2s,box-shadow .2s} .search-form:focus-within{border-color:#c62828;box-shadow:0 0 0 3px rgba(198,40,40,.1)} .search-submit{display:flex;align-items:center;justify-content:center;width:36px;height:32px;padding:0;margin:3px 0;background:#c62828;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background 0.15s;flex-shrink:0} .search-submit:hover{background:#b71c1c} .search-submit img{filter:brightness(0) invert(1)} .search-form-wrapper{width:100%;max-width:100%;margin:10px 0} .search-form-wrapper .search-form{width:100% !important;max-width:100% !important;flex:1 1 auto;border:1px solid #d1d5db;border-radius:8px;box-shadow:none;background:#fff;overflow:visible;padding-right:4px} .search-form-wrapper .search-field{flex:1 1 auto;width:100%;max-width:none;border:none;outline:none;font-family:"Roboto",sans-serif;font-size:15px;font-weight:400;color:#374151;background:#fff} .search-form-wrapper .search-submit{flex:0 0 36px;width:36px;height:32px;padding:0;margin:3px 0;border:none;background:#c62828;color:#fff;border-radius:6px;transition:background 0.15s} .search-form-wrapper .search-submit:hover{background:#b71c1c} .search-input-wrapper{position:relative;display:flex;align-items:center;flex:1 1 auto;width:100%;min-width:0} @media (max-width:991px){.search-form{display:flex;align-items:center;gap:0;border:1px solid #d1d5db;border-radius:8px;overflow:visible;padding-right:4px}.search-input-wrapper{flex-grow:1;position:relative}.search-submit{display:flex;align-items:center;justify-content:center;width:36px;height:32px;padding:0;margin:3px 0;background:#c62828;color:#fff;border:none;border-radius:6px;cursor:url(./img/hand.png),pointer;flex-shrink:0;transition:background 0.15s}.search-submit:hover{background:#b71c1c}} .archive-search .search-form{max-width:600px;margin:0 auto} .archive-search-form .search-input-wrapper{display:flex;align-items:center;width:100%;padding:0;box-sizing:border-box} .archive-search-form .search-field{width:100%;border:0;outline:none;padding:8px 8px 8px 8px;font-family:"Roboto",sans-serif;font-size:15px;font-weight:400;color:#374151;background:#fff} .archive-search-form .search-submit{flex:0 0 36px;width:36px;height:32px;padding:0;margin:3px 4px 3px 0;background:#c62828;color:#fff;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background 0.15s} .archive-search-form .search-submit:hover{background:#b71c1c} .h-bar-mobile,.h-search-mobile,.h-slogan-mobile{display:none} .h-bar-desktop{background:#fff;position:fixed;top:0;left:0;right:0;z-index:1000;height:70px;box-shadow:0 1px 4px rgba(0,0,0,.06)} .h-bar-desktop__inner{display:flex;align-items:center;justify-content:flex-start;max-width:1280px;margin:0 auto;height:100%;padding:0 0 0 40px;gap:14px} body.admin-bar .h-bar-desktop{top:32px} @media (max-width:991px){body.admin-bar .h-bar-mobile{top:32px}} @media (max-width:782px){body.admin-bar .h-bar-mobile{top:46px}} @media (max-width:600px){body.admin-bar .h-bar-mobile{top:0}} .h-bar-desktop__logo{flex:0 0 280px;line-height:0} .h-bar-desktop__logo img{display:block;width:280px;max-width:100%;height:auto} .h-bar-desktop__slogan{flex:0 0 320px;line-height:0;text-align:left} .h-bar-desktop__slogan img{display:block;width:320px;height:30px;max-width:100%} .h-bar-desktop__search{flex:1 1 auto;min-width:200px} .h-bar-desktop__search .search-form{width:100%} .h-bar-desktop__theme{flex:0 0 38px;width:38px;height:38px;margin-left:auto} .h-bar-desktop__avatar{flex:0 0 40px;width:40px;height:40px;position:relative;display:block} @media (max-width:1199px) and (min-width:992px){.h-bar-desktop__slogan{display:none}.h-bar-desktop__logo{flex:0 0 240px}.h-bar-desktop__logo img{width:240px}} @media (min-width:992px){.h-bar-desktop__avatar>#mini-login-widget{position:relative !important;top:auto !important;right:auto !important;left:auto !important;bottom:auto !important;transform:none !important;z-index:auto !important}} @media (max-width:991px){.h-bar-desktop{display:none}.h-bar-mobile{display:flex;position:fixed;top:0;left:0;right:0;z-index:1000;align-items:center;gap:6px;padding:6px 10px;height:52px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06)}.h-bar-mobile__logo{flex:1 1 auto;text-align:center;min-width:0;line-height:0;overflow:hidden}.h-bar-mobile__logo img{display:inline-block;max-width:100%;max-height:36px;width:auto;height:auto;vertical-align:middle}.h-bar-mobile__avatar{flex:0 0 40px;width:40px;height:40px}.h-bar-mobile__search-btn{flex:0 0 30px;width:30px;height:30px;padding:3px;background:transparent;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.h-bar-mobile__search-btn img{display:block;width:24px;height:24px}.h-bar-mobile__search-btn:hover img{filter:brightness(0) saturate(100%) invert(18%) sepia(93%) saturate(5236%) hue-rotate(356deg)}.h-bar-mobile__theme{flex:0 0 38px;width:38px;height:38px}.h-bar-mobile__avatar{position:relative}.h-bar-mobile__avatar>#mini-login-widget{position:relative !important;top:auto !important;right:auto !important;left:auto !important;bottom:auto !important;transform:none !important;z-index:auto !important}.h-search-mobile{position:fixed;top:52px;left:0;right:0;z-index:999;padding:10px;background:#fff;border-bottom:1px solid #d1d5db;box-shadow:0 4px 16px rgba(0,0,0,.12)}.h-search-mobile.is-open{display:block}} .theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:0;border-radius:50%;color:#475569;cursor:pointer;transition:background .2s,color .2s,transform .2s} .theme-toggle:focus-visible{outline:2px solid #2271b1;outline-offset:2px} .h-bar-desktop,.h-bar-mobile{transition:height .22s ease,padding .22s ease,box-shadow .22s ease} .h-bar-desktop__logo img,.h-bar-mobile__logo img{transition:max-height .22s ease,width .22s ease} .h-bar-desktop__slogan{transition:max-width .22s ease,opacity .18s ease;overflow:hidden} html.is-header-shrunk body{padding-top:48px} .h-bar-desktop__theme,.h-bar-desktop__avatar,.h-bar-mobile__theme,.h-bar-mobile__search-btn,.h-bar-mobile .mm-toggle,.mlc-header-profile,.mlc-header-profile img{transition:width .22s ease,height .22s ease,transform .22s ease} @media (min-width:992px){html.is-header-shrunk .h-bar-desktop{height:48px;box-shadow:0 1px 6px rgba(0,0,0,.08)}html.is-header-shrunk .h-bar-desktop__logo img{max-height:36px;width:auto}html.is-header-shrunk .h-bar-desktop__slogan{max-width:0;opacity:0;flex:0 0 0;padding:0;margin:0}html.is-header-shrunk .h-bar-desktop__theme{flex:0 0 30px;width:30px;height:30px}html.is-header-shrunk .h-bar-desktop__theme svg{width:18px;height:18px}html.is-header-shrunk .h-bar-desktop__avatar{flex:0 0 32px;width:32px;height:32px}html.is-header-shrunk .h-bar-desktop__avatar .mlc-header-profile{width:32px;height:32px}} @media (max-width:991px){html.is-header-shrunk .h-bar-mobile{height:38px;padding:3px 8px;box-shadow:0 1px 6px rgba(0,0,0,.08)}html.is-header-shrunk .h-bar-mobile__logo img{max-height:26px;width:auto}html.is-header-shrunk .h-bar-mobile .mm-toggle,html.is-header-shrunk .h-bar-mobile__theme,html.is-header-shrunk .h-bar-mobile__search-btn{transform:scale(.82);transform-origin:center}html.is-header-shrunk .h-bar-mobile__avatar{width:28px;height:28px}html.is-header-shrunk .h-bar-mobile__avatar .mlc-header-profile-mobile{width:28px;height:28px}} @media (min-width:992px){.mm-toggle,.mm-panel,.mm-backdrop{display:none !important}} @media (max-width:991px){.mm-toggle{flex:0 0 30px;width:30px;height:30px;padding:4px;background:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:4px;-webkit-tap-highlight-color:transparent}.mm-toggle span{display:block;width:22px;height:3px;background:#404759;border-radius:2px;transition:transform .25s,opacity .15s}.mm-toggle:hover span{background:#d90429}body.mm-open .mm-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.mm-open .mm-toggle span:nth-child(2){opacity:0}body.mm-open .mm-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mm-panel{display:block;position:fixed;top:0;left:0;bottom:0;width:100vw;max-width:100vw;z-index:1010;background:#ffffff;box-shadow:2px 0 16px rgba(0,0,0,.2);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body.mm-open .mm-panel{transform:translateX(0)}.mm-panel__head{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;padding:10px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:2}.mm-panel__logo{grid-column:2;grid-row:1;justify-self:center;display:block;line-height:0;text-decoration:none}.mm-panel__logo img{display:block;max-height:32px;width:auto;vertical-align:middle}.mm-panel__close{grid-column:1;grid-row:1;width:36px;height:36px;background:transparent;border:0;border-radius:8px;font-size:26px;line-height:1;color:#1f2937;cursor:pointer;padding:0;transition:background .2s,color .2s}.mm-panel__close:hover{background:rgba(0,0,0,.06);color:#d90429}.mm-list,.mm-list ul{list-style:none;margin:0;padding:0}.mm-list>li,.mm-list .sub-menu>li{position:relative;border-bottom:1px solid #e5e7eb}.mm-list>li:last-child{border-bottom:0}.mm-list>li>a{display:block;padding:16px 60px 16px 20px;font-family:"Roboto Condensed","Inter",sans-serif;font-size:19px;font-weight:600;color:#1f2937;text-decoration:none;text-transform:uppercase;letter-spacing:.3px;line-height:1.4;transition:background .15s,color .15s}.mm-list>li>a:hover,.mm-list>li>a:active{color:#d90429}.mm-list .mm-sub-toggle{position:absolute;top:0;right:0;width:60px;height:56px;padding:0;background:transparent;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background .15s}.mm-list .mm-sub-toggle:hover,.mm-list .mm-sub-toggle:active{background:transparent}.mm-list .mm-sub-toggle::before{content:'';display:block;width:18px;height:18px;background-color:#6b7280;-webkit-mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,") center/contain no-repeat;transition:transform .25s}.mm-list li.is-open>.mm-sub-toggle::before{transform:rotate(180deg);background-color:#d90429}.mm-list .sub-menu{display:none}.mm-list li.is-open>.sub-menu{display:block}.mm-list .sub-menu>li>a{display:block;padding:14px 60px 14px 36px;font-family:"Inter",sans-serif;font-size:16px;font-weight:500;color:#374151;text-decoration:none;line-height:1.5;transition:background .15s,color .15s}.mm-list .sub-menu>li>a:hover,.mm-list .sub-menu>li>a:active{color:#d90429}.mm-list .sub-menu .sub-menu>li>a{padding:12px 60px 12px 52px;font-size:15px;font-weight:400;color:#4b5563}.mm-list .menu-item-has-children>a::after,.mm-list .menu-item-has-children>a:after{content:none !important;display:none !important}.mm-backdrop{display:block;position:fixed;inset:0;z-index:1009;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .3s ease}body.mm-open .mm-backdrop{opacity:1;pointer-events:auto}body.mm-open{overflow:hidden}.mm-panel__extra{padding:20px;border-top:8px solid #f3f4f6;background:#fafafa;font-family:"Inter",sans-serif;font-size:14px;line-height:1.6;color:#374151}.mm-panel__extra .mobile-footer-info{text-align:center}.mm-panel__extra .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0 0 16px}.mm-panel__extra .footer-links a{font-size:14px;font-weight:600;color:#1f2937;text-decoration:none;padding:6px 0}.mm-panel__extra .footer-links a:hover{color:#d90429}.mm-panel__extra .site-description,.mm-panel__extra .disclaimer,.mm-panel__extra .copyright{margin:0 0 12px;font-size:13px;color:#6b7280;line-height:1.6}.mm-panel__extra .site-description strong,.mm-panel__extra .disclaimer strong{color:#1f2937}.mm-panel__extra .copyright a{color:#d90429;font-weight:600;text-decoration:none}} .ymega-hamburger,.ymega,.ymega-backdrop{display:none} @media (min-width:992px){.ymega-hamburger{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;padding:0;margin:0 12px 0 0;background:transparent;border:0;border-radius:50%;color:inherit;cursor:pointer;transition:background 0.15s ease}.ymega-hamburger:hover{background:rgba(0,0,0,0.06)}.ymega-hamburger:active{background:rgba(0,0,0,0.12)}.ymega-hamburger svg{width:24px;height:24px;display:block}.ymega-hamburger:focus:not(:focus-visible),.ymega__close:focus:not(:focus-visible),.ymega-flyout-close:focus:not(:focus-visible){outline:none;box-shadow:none}.h-bar-desktop__inner{display:flex;align-items:center}.ymega{display:flex;flex-direction:column;position:fixed;top:var(--ymega-top);left:calc(0px - var(--ymega-rail-w) - 16px);width:var(--ymega-rail-w);max-height:calc(100vh - var(--ymega-top) - 24px);background:#fff;border:1px solid #e5e7eb;border-right:none;border-radius:12px 0 0 12px;box-shadow:-2px 6px 24px rgba(15,23,42,0.12);z-index:10001;transition:left 0.22s cubic-bezier(0.4,0,0.2,1);font-family:"Roboto","Helvetica Neue",Arial,sans-serif;overflow:hidden}body.ymega-open .ymega{left:var(--ymega-left)}.ymega-backdrop{display:block;position:fixed;top:70px;left:0;right:0;bottom:0;background:rgba(15,23,42,0.4);z-index:10000;opacity:0;pointer-events:none;transition:opacity 0.22s ease}body.ymega-open .ymega-backdrop{opacity:1;pointer-events:auto}body.ymega-open{overflow:hidden}.ymega__head{display:flex;align-items:center;gap:10px;padding:12px 16px;flex-shrink:0;border-bottom:1px solid #f0f0f0}.ymega__close{width:42px;height:42px;background:transparent;border:0;border-radius:50%;cursor:pointer;color:inherit;display:inline-flex;align-items:center;justify-content:center;transition:background 0.15s ease}.ymega__close:hover{background:rgba(0,0,0,0.06)}.ymega__close svg{width:24px;height:24px;display:block}.ymega__title{font-size:15px;font-weight:600;color:#0f172a;letter-spacing:0.3px}.ymega__close-x{margin-left:auto;width:42px;height:42px;background:transparent;border:0;border-radius:50%;cursor:pointer;color:inherit;display:inline-flex;align-items:center;justify-content:center;transition:background 0.15s ease,color 0.15s ease}.ymega__close-x:hover{background:rgba(0,0,0,0.06);color:#c62828}.ymega__close-x:active{background:rgba(0,0,0,0.12)}.ymega__close-x svg{width:22px;height:22px;display:block}.ymega__close-x:focus:not(:focus-visible){outline:none;box-shadow:none}.ymega__list{list-style:none;margin:8px 0 12px;padding:0 8px;overflow-y:auto;flex:1 1 auto}.ymega__list::-webkit-scrollbar{width:8px}.ymega__list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:4px}.ymega__list::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.32)}.ymega__list>li{list-style:none;position:relative}.ymega__list>li>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 20px;margin:1px 0;color:#0f172a;font-size:18px;font-weight:500;line-height:1.3;text-decoration:none;border-radius:10px;transition:background 0.12s ease,color 0.12s ease}.ymega__list>li>a:hover,.ymega__list>li.menu-item-has-children:hover>a{background:var(--ymega-accent-soft);color:var(--ymega-accent)}.ymega__list>li.menu-item-has-children:hover>a::after{color:var(--ymega-accent)}.ymega__list>li.ymega-active>a{background:var(--ymega-accent-soft);color:var(--ymega-accent);font-weight:700}.ymega__list>li.ymega-active>a::after{color:var(--ymega-accent)}.ymega__list>li.menu-item-has-children>a::after{content:"›";color:#64748b;font-size:20px;line-height:1;font-weight:400;margin-left:auto;transition:transform 0.12s ease,color 0.12s ease}.ymega__list>li.menu-item-has-children:hover>a::after{transform:translateX(2px);color:#0f172a}.ymega__list>li.menu-item-has-children:not(:has(>ul.sub-menu)):not(:has(>.mc-showcase))>a::after{content:none}.ymega__list>li>.sub-menu{position:fixed;top:var(--ymega-top);left:calc(var(--ymega-left) + var(--ymega-rail-w) + var(--ymega-gap));width:clamp(820px,calc(100vw - var(--ymega-left) - var(--ymega-rail-w) - var(--ymega-gap) - 40px),1500px);max-height:calc(100vh - var(--ymega-top) - 24px);padding:24px 28px;margin:0;background:#fff;border:1px solid #e5e7eb;border-left:1px solid #f0f0f0;border-radius:0 14px 14px 0;box-shadow:4px 8px 36px rgba(15,23,42,0.16);list-style:none;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:22px 28px;align-content:start;opacity:0;visibility:hidden;transform:translateX(-8px);transition:opacity 0.14s ease,transform 0.14s ease,visibility 0.14s;z-index:10002}.ymega__list>li.ymega-active>.sub-menu{opacity:1;visibility:visible;transform:translateX(0)}.ymega__list>li.menu-item-has-children::after,.ymega__list>li.mc-showcase-menu-item::after{content:"";position:fixed;top:var(--ymega-top);left:calc(var(--ymega-left) + var(--ymega-rail-w) - 8px);width:calc(var(--ymega-gap) + 16px);height:calc(100vh - var(--ymega-top));z-index:10001;pointer-events:none}.ymega__list>li.menu-item-has-children:hover::after,.ymega__list>li.menu-item-has-children.ymega-active::after,.ymega__list>li.mc-showcase-menu-item:hover::after,.ymega__list>li.mc-showcase-menu-item.ymega-active::after{pointer-events:auto}.ymega-flyout-close{position:absolute;top:12px;right:12px;width:36px;height:36px;padding:0;background:transparent;border:0;border-radius:50%;color:#64748b;cursor:pointer;z-index:10003;display:inline-flex;align-items:center;justify-content:center;transition:background 0.15s ease,color 0.15s ease}.ymega-flyout-close:hover{background:rgba(15,23,42,0.08);color:#0f172a}.ymega-flyout-close:active{background:rgba(15,23,42,0.16)}.ymega-flyout-close svg{width:20px;height:20px;display:block}.ymega__list>li>.sub-menu>li.menu-item-has-children{list-style:none;min-width:0}.ymega__list>li>.sub-menu>li.menu-item-has-children>a{display:block;padding:4px 0 9px;margin:0 0 12px;color:#0f172a;font-size:14.5px;font-weight:800;text-transform:uppercase;letter-spacing:0.7px;text-decoration:none;border-bottom:2px solid var(--ymega-accent);transition:color 0.12s ease}.ymega__list>li>.sub-menu>li.menu-item-has-children>a:hover{color:var(--ymega-accent)}.ymega__list>li>.sub-menu>li.menu-item-has-children>.sub-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 6px;column-count:unset}.ymega__list>li>.sub-menu>li.menu-item-has-children>.sub-menu>li{list-style:none;display:inline-block}.ymega__list>li>.sub-menu>li.menu-item-has-children>.sub-menu>li>a{display:inline-block;padding:5px 11px;background:#f8fafc;color:#334155;font-size:13.5px;font-weight:500;line-height:1.35;text-decoration:none;border:1px solid #e2e8f0;border-radius:6px;transition:background 0.12s ease,color 0.12s ease,border-color 0.12s ease;white-space:nowrap}.ymega__list>li>.sub-menu>li.menu-item-has-children>.sub-menu>li>a:hover{background:var(--ymega-accent-soft);color:var(--ymega-accent);border-color:var(--ymega-accent-border)}.ymega__list>li.mc-showcase-menu-item>.mc-showcase{position:fixed !important;top:var(--ymega-top) !important;left:calc(var(--ymega-left) + var(--ymega-rail-w) + var(--ymega-gap)) !important;width:clamp(820px,calc(100vw - var(--ymega-left) - var(--ymega-rail-w) - var(--ymega-gap) - 40px),1500px) !important;max-height:calc(100vh - var(--ymega-top) - 24px) !important;max-width:none !important;padding:24px 28px !important;background:#fff;border:1px solid #e5e7eb !important;border-radius:14px !important;box-shadow:4px 8px 36px rgba(15,23,42,0.16) !important;overflow-y:auto;z-index:10002 !important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) !important;gap:14px !important;display:grid !important;opacity:0;visibility:hidden;transform:translateX(-8px);transition:opacity 0.14s ease,transform 0.14s ease,visibility 0.14s}.ymega__list>li.mc-showcase-menu-item.ymega-active>.mc-showcase{opacity:1;visibility:visible;transform:translateX(0)}.ymega__list>li.mc-showcase-menu-item:hover>.mc-showcase,.ymega__list>li.mc-showcase-menu-item:focus-within>.mc-showcase,.ymega__list>li.mc-showcase-menu-item.mc-showcase-open>.mc-showcase{opacity:0;visibility:hidden;transform:translateX(-8px)}.ymega__list>li.mc-showcase-menu-item.ymega-active:hover>.mc-showcase,.ymega__list>li.mc-showcase-menu-item.ymega-active.mc-showcase-open>.mc-showcase{opacity:1;visibility:visible;transform:translateX(0)}.ymega__list>li.mc-showcase-menu-item .mc-showcase__title{font-size:13.5px !important;white-space:normal !important;line-height:1.3 !important;padding:8px 10px 10px !important;text-align:left !important}.ymega__list>li.mc-showcase-menu-item .mc-showcase__card{background:#f8fafc !important;border:1px solid #e2e8f0;border-radius:10px !important}[data-theme="dark"] .ymega__list>li.mc-showcase-menu-item>.mc-showcase{background:#0f1419 !important;border-color:#1f2937 !important;box-shadow:4px 8px 36px rgba(0,0,0,0.65) !important}[data-theme="dark"] .ymega__list>li.mc-showcase-menu-item .mc-showcase__card{background:#1a1f24 !important;border-color:#1f2937}[data-theme="dark"] .ymega__list>li.mc-showcase-menu-item .mc-showcase__title{color:#e2e8f0 !important}.ymega__list>li>.sub-menu>li:not(.menu-item-has-children){list-style:none;min-width:0}.ymega__list>li>.sub-menu>li:not(.menu-item-has-children)>a{display:block;padding:10px 14px;color:#0f172a;font-size:14.5px;font-weight:500;line-height:1.35;text-decoration:none;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;transition:all 0.12s ease}.ymega__list>li>.sub-menu>li:not(.menu-item-has-children)>a:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;transform:translateY(-1px)}[data-theme="dark"] .ymega{background:#0f1419;border-color:#1f2937;box-shadow:2px 6px 24px rgba(0,0,0,0.5)}[data-theme="dark"] .ymega-backdrop{background:rgba(0,0,0,0.55)}[data-theme="dark"] .ymega-hamburger:hover{background:rgba(255,255,255,0.08)}[data-theme="dark"] .ymega-hamburger:active{background:rgba(255,255,255,0.14)}[data-theme="dark"] .ymega__head{border-bottom-color:#1f2937}[data-theme="dark"] .ymega__close-x:hover{background:rgba(255,255,255,0.08);color:#ff8aa0}[data-theme="dark"] .ymega__close-x:active{background:rgba(255,255,255,0.14)}[data-theme="dark"] .ymega__close:hover{background:rgba(255,255,255,0.08)}[data-theme="dark"] .ymega__title{color:#f1f5f9}[data-theme="dark"] .ymega__list>li>a{color:#e2e8f0}[data-theme="dark"] .ymega__list>li>a:hover,[data-theme="dark"] .ymega__list>li.menu-item-has-children:hover>a{background:rgba(220,38,38,0.14);color:#fca5a5}[data-theme="dark"] .ymega__list>li.menu-item-has-children:hover>a::after{color:#fca5a5}[data-theme="dark"] .ymega__list>li.ymega-active>a{background:rgba(220,38,38,0.14);color:#fca5a5;font-weight:700}[data-theme="dark"] .ymega__list>li.ymega-active>a::after{color:#fca5a5}[data-theme="dark"] .ymega__list>li.menu-item-has-children>a::after{color:#64748b}[data-theme="dark"] .ymega__list>li.menu-item-has-children:hover>a::after{color:#f1f5f9}[data-theme="dark"] .ymega__list>li>.sub-menu{background:#0f1419;border-color:#1f2937;box-shadow:4px 8px 36px rgba(0,0,0,0.65)}[data-theme="dark"] .ymega__list>li>.sub-menu>li.menu-item-has-children>a{color:#f1f5f9;border-bottom-color:#ef4444}[data-theme="dark"] .ymega__list>li>.sub-menu>li.menu-item-has-children>a:hover{color:#fca5a5}[data-theme="dark"] .ymega__list>li>.sub-menu>li.menu-item-has-children>.sub-menu>li>a{background:#1a1f24;color:#cbd5e1;border-color:#1f2937}[data-theme="dark"] .ymega__list>li>.sub-menu>li.menu-item-has-children>.sub-menu>li>a:hover{background:rgba(220,38,38,0.18);color:#fca5a5;border-color:#b91c1c}[data-theme="dark"] .ymega__list>li>.sub-menu>li:not(.menu-item-has-children)>a{background:#1a1f24;border-color:#1f2937;color:#e2e8f0}[data-theme="dark"] .ymega__list>li>.sub-menu>li:not(.menu-item-has-children)>a:hover{background:rgba(96,165,250,0.12);border-color:#3b82f6;color:#93c5fd}[data-theme="dark"] .ymega__list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14)}[data-theme="dark"] .ymega__list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.28)}[data-theme="dark"] .ymega-flyout-close{color:#94a3b8}[data-theme="dark"] .ymega-flyout-close:hover{background:rgba(255,255,255,0.08);color:#f1f5f9}[data-theme="dark"] .ymega-flyout-close:active{background:rgba(255,255,255,0.14)}} [data-theme="dark"] .search-form{border:1px solid #3a414a;background:#1a1f24} [data-theme="dark"] .header-right .search-form{background:#1a1f24;border:1px solid #3a414a} [data-theme="dark"] .header-right .search-form .search-field{color:#e2e8f0;background:#1a1f24} @media (min-width:992px){[data-theme="dark"] .header-right .search-form{border:1px solid #3a414a;background:#1a1f24}[data-theme="dark"] .header-right .search-form .search-field{color:#e2e8f0;background:#1a1f24}} [data-theme="dark"] .search-form-wrapper .search-form{border:1px solid #3a414a;background:#1a1f24} [data-theme="dark"] .search-form-wrapper .search-field{color:#e2e8f0;background:#1a1f24} @media (max-width:991px){[data-theme="dark"] .mobile-search .search-form{border:1px solid #3a414a;background:#1a1f24}} @media (max-width:991px){[data-theme="dark"] .search-form-wrapper.mobile-search{background:#1a1f24;border:1px solid #3a414a}[data-theme="dark"] .search-form{border:1px solid #3a414a}} [data-theme="dark"] .archive-search-form .search-field{color:#e2e8f0;background:#1a1f24} [data-theme="dark"] .h-bar-desktop,[data-theme="dark"] .h-bar-mobile,[data-theme="dark"] .h-search-mobile{background:#1a1f24 !important;border-color:#2a3038;box-shadow:0 1px 4px rgba(0,0,0,.4)} [data-theme="dark"] .h-bar-desktop__logo img,[data-theme="dark"] .h-bar-desktop__slogan img,[data-theme="dark"] .h-bar-mobile__logo img,[data-theme="dark"] .h-slogan-mobile img{filter:brightness(.92)} [data-theme="dark"] .h-bar-mobile__search-btn img{filter:invert(1) brightness(.9)} [data-theme="dark"] .mm-toggle span{background:#cbd5e1} [data-theme="dark"] .mm-toggle:hover span{background:#fbbf24} [data-theme="dark"] .mm-panel{background:#1a1f24;box-shadow:2px 0 16px rgba(0,0,0,.6)} [data-theme="dark"] .mm-panel__head{background:#22282e;border-bottom-color:#2a3038} [data-theme="dark"] .mm-panel__close{color:#cbd5e1} [data-theme="dark"] .mm-panel__close:hover{background:rgba(255,255,255,.1);color:#fbbf24} [data-theme="dark"] .mm-panel__logo img{filter:brightness(.92)} [data-theme="dark"] .mm-list>li,[data-theme="dark"] .mm-list .sub-menu>li{border-bottom-color:#2a3038} [data-theme="dark"] .mm-list>li>a{color:#f8fafc} [data-theme="dark"] .mm-list>li>a:hover,[data-theme="dark"] .mm-list>li>a:active{color:#fbbf24} [data-theme="dark"] .mm-list .mm-sub-toggle::before{background-color:#cbd5e1} [data-theme="dark"] .mm-list li.is-open>.mm-sub-toggle::before{background-color:#fbbf24} [data-theme="dark"] .mm-list .sub-menu>li>a{color:#cbd5e1} [data-theme="dark"] .mm-list .sub-menu>li>a:hover,[data-theme="dark"] .mm-list .sub-menu>li>a:active{color:#fbbf24} [data-theme="dark"] .mm-list .sub-menu .sub-menu>li>a{color:#94a3b8} [data-theme="dark"] .mm-backdrop{background:rgba(0,0,0,.7)} [data-theme="dark"] .mm-panel__extra{background:#0f1419;border-top-color:#2a3038;color:#cbd5e1} [data-theme="dark"] .mm-panel__extra .footer-links a{color:#e2e8f0} [data-theme="dark"] .mm-panel__extra .footer-links a:hover{color:#fbbf24} [data-theme="dark"] .mm-panel__extra .site-description,[data-theme="dark"] .mm-panel__extra .disclaimer,[data-theme="dark"] .mm-panel__extra .copyright{color:#94a3b8} [data-theme="dark"] .mm-panel__extra .site-description strong,[data-theme="dark"] .mm-panel__extra .disclaimer strong{color:#f8fafc} [data-theme="dark"] .mm-panel__extra .disclaimer u{color:#cbd5e1} [data-theme="dark"] .mm-panel__extra .copyright a{color:#f87171} [data-theme="dark"] .mm-panel__extra .copyright a:hover{color:#fca5a5} [data-theme="dark"] .search-form,[data-theme="dark"] .archive-search-form,[data-theme="dark"] .header-right .search-form,[data-theme="dark"] .search-form-wrapper .search-form,[data-theme="dark"] .mobile-search .search-form{background:#1a1f24 !important;border:0 !important;box-shadow:inset 0 0 0 1px #2a3038 !important} [data-theme="dark"] .search-form:focus-within,[data-theme="dark"] .archive-search-form:focus-within,[data-theme="dark"] .header-right .search-form:focus-within{box-shadow:inset 0 0 0 1px #d90429,0 0 0 3px rgba(217,4,41,.15) !important} [data-theme="dark"] .search-input-wrapper{background:transparent !important} [data-theme="dark"] .search-form .search-field,[data-theme="dark"] .archive-search-form .search-field,[data-theme="dark"] .header-right .search-form .search-field,[data-theme="dark"] .search-form-wrapper .search-field,[data-theme="dark"] .mobile-search .search-field,[data-theme="dark"] input[type="search"]{background:transparent !important;border:0 !important;box-shadow:none !important;outline:none !important;-webkit-appearance:none;appearance:none;color:#e2e8f0 !important} .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 6px;padding:0;background:transparent;border:1px solid transparent;border-radius:50%;color:#475569;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s} .theme-toggle:hover{background:rgba(0,0,0,.06);color:#1e293b;transform:scale(1.05)} .theme-toggle:active{transform:scale(.95)} .theme-toggle:focus-visible{outline:2px solid #2271b1;outline-offset:2px} .theme-toggle .theme-icon-sun,.theme-toggle .theme-icon-moon{pointer-events:none} .theme-toggle .theme-icon-moon{display:none} .theme-toggle .theme-icon-sun{display:block} [data-theme="dark"] .theme-toggle .theme-icon-sun{display:none} [data-theme="dark"] .theme-toggle .theme-icon-moon{display:block} [data-theme="dark"] .theme-toggle{color:#fbbf24;border-color:rgba(255,255,255,.15)} [data-theme="dark"] .theme-toggle:hover{background:rgba(255,255,255,.10);color:#fcd34d} @media (max-width:991px){#theme-toggle-desktop{display:none !important}} [data-theme="dark"] body,[data-theme="dark"] .h-bar-desktop,[data-theme="dark"] .h-bar-mobile,[data-theme="dark"] .f,[data-theme="dark"] .result-card,[data-theme="dark"] .wcat-item,[data-theme="dark"] .wcat-card,[data-theme="dark"] .wcat-compact,[data-theme="dark"] .wcat-hero,[data-theme="dark"] .postContent,[data-theme="dark"] .postContent_page,[data-theme="dark"] .titlecategory,[data-theme="dark"] button,[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] a{transition:background-color .25s ease,color .25s ease,border-color .25s ease} /* ═══ [2026-07-27] Java / Bedrock platform tabs (mega rail .ymega) ═══ */ .ymega-tabs-li{list-style:none;position:relative;padding:6px 12px 10px;} .ymega[data-platform="java"] .ymega-plat-bedrock{display:none!important;} .ymega[data-platform="bedrock"] .ymega-plat-java{display:none!important;} /* ═══ [2026-07-28] Mobile menu Java/Bedrock tabs ═══ */ .mm-tabs-li{list-style:none;padding:10px 14px 12px!important;border-bottom:1px solid #e5e7eb;} .mm-list[data-platform="java"] > li.ymega-plat-bedrock{display:none!important;} .mm-list[data-platform="bedrock"] > li.ymega-plat-java{display:none!important;} :root[data-theme="dark"] .mm-tabs-li{border-bottom-color:rgba(255,255,255,.08);} /* flyout-outlive guard 2026-07-28: flyout is position:fixed viewport-anchored, visibility only via .ymega-active -> gate on body.ymega-open so it can never outlive the rail */ body:not(.ymega-open) .ymega__list > li > .sub-menu,body:not(.ymega-open) .ymega__list > li.mc-showcase-menu-item > .mc-showcase{opacity:0 !important;visibility:hidden !important;transform:translateX(-8px) !important;pointer-events:none !important;} /* ═══ [2026-08-05] mau 10 Icon + Divider (user chon) ═══ */ .ymega-tabs{display:flex;gap:0;background:transparent;border:1px solid #e2e8f0;border-radius:10px;padding:0;overflow:hidden;} .ymega-tab{flex:1 1 0;min-width:0;padding:10px 8px;border:0;border-radius:0;background:transparent;cursor:pointer;font-family:'Roboto Condensed',system-ui,sans-serif;font-weight:600;font-size:15px;line-height:1;color:#64748b;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .16s ease,color .16s ease;} .ymega-tab::before{content:"";width:10px;height:10px;border-radius:2.5px;background:#cbd5e1;flex:0 0 auto;transition:background .16s ease;} .ymega-tab + .ymega-tab{border-left:1px solid #e2e8f0;} .ymega-tab:hover{background:#fafbfc;color:#334155;} .ymega-tab[data-platform="java"].is-active{background:#fafbfc;color:#334155;} .ymega-tab[data-platform="java"].is-active::before{background:#4c8c2a;} .ymega-tab[data-platform="bedrock"].is-active{background:#fafbfc;color:#334155;} .ymega-tab[data-platform="bedrock"].is-active::before{background:#c62828;} :root[data-theme="dark"] .ymega-tabs{background:transparent;border-color:#2a3140;} :root[data-theme="dark"] .ymega-tab{color:#94a3b8;} :root[data-theme="dark"] .ymega-tab + .ymega-tab{border-left-color:#2a3140;} :root[data-theme="dark"] .ymega-tab:hover{background:#1e2530;color:#e2e8f0;} :root[data-theme="dark"] .ymega-tab[data-platform="java"].is-active{background:#1e2530;color:#e2e8f0;} :root[data-theme="dark"] .ymega-tab[data-platform="java"].is-active::before{background:#5cb332;} :root[data-theme="dark"] .ymega-tab[data-platform="bedrock"].is-active{background:#1e2530;color:#e2e8f0;} :root[data-theme="dark"] .ymega-tab[data-platform="bedrock"].is-active::before{background:#ef4444;} /* ═══ [2026-08-05] mau 10 Icon + Divider (user chon) ═══ */ .mm-tabs{display:flex;gap:0;background:transparent;border:1px solid #e2e8f0;border-radius:10px;padding:0;overflow:hidden;} .mm-tab{flex:1 1 0;min-width:0;padding:12px 8px;border:0;border-radius:0;background:transparent;cursor:pointer;font-family:'Roboto Condensed',system-ui,sans-serif;font-weight:600;font-size:15px;line-height:1;color:#64748b;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .16s ease,color .16s ease;} .mm-tab::before{content:"";width:10px;height:10px;border-radius:2.5px;background:#cbd5e1;flex:0 0 auto;transition:background .16s ease;} .mm-tab + .mm-tab{border-left:1px solid #e2e8f0;} .mm-tab:hover{background:#fafbfc;color:#334155;} .mm-tab[data-platform="java"].is-active{background:#fafbfc;color:#334155;} .mm-tab[data-platform="java"].is-active::before{background:#4c8c2a;} .mm-tab[data-platform="bedrock"].is-active{background:#fafbfc;color:#334155;} .mm-tab[data-platform="bedrock"].is-active::before{background:#c62828;} :root[data-theme="dark"] .mm-tabs{background:transparent;border-color:#2a3140;} :root[data-theme="dark"] .mm-tab{color:#94a3b8;} :root[data-theme="dark"] .mm-tab + .mm-tab{border-left-color:#2a3140;} :root[data-theme="dark"] .mm-tab:hover{background:#1e2530;color:#e2e8f0;} :root[data-theme="dark"] .mm-tab[data-platform="java"].is-active{background:#1e2530;color:#e2e8f0;} :root[data-theme="dark"] .mm-tab[data-platform="java"].is-active::before{background:#5cb332;} :root[data-theme="dark"] .mm-tab[data-platform="bedrock"].is-active{background:#1e2530;color:#e2e8f0;} :root[data-theme="dark"] .mm-tab[data-platform="bedrock"].is-active::before{background:#ef4444;} /* ===== 9MC Mega Footer (.mf/.gf) — 2026-08-10 ===== */ footer.f.gf{background-image:url(https://www.9minecraft.net/images/menu_bg.gif);background-color:#141a1f;color:#e8edf2;position:relative;overflow:hidden;text-align:center} [data-theme="dark"] footer.f.gf{background-image:url(https://www.9minecraft.net/images/menu_bg.gif) !important;background-color:#121821 !important;color:#e8edf2 !important} footer.f.gf::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,19,25,.60),rgba(12,16,21,.80));z-index:0;pointer-events:none} footer.f.gf::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:1000px;max-width:130%;height:300px;background:radial-gradient(closest-side,rgba(251,191,36,.13),transparent 72%);z-index:0;pointer-events:none} footer.f.gf>*{position:relative;z-index:1} [data-theme="dark"] footer.f.gf a{color:#cdd6df} [data-theme="dark"] footer.f.gf a:hover{color:#fbbf24} .gf__in{max-width:1080px;margin:0 auto;padding:52px 24px 22px} .gf__logo{height:50px;width:auto;image-rendering:pixelated} .gf__tag{color:#9aa5b1;font-size:14px;margin:14px 0 30px} .gf__net{display:flex;justify-content:center;flex-wrap:wrap;gap:26px 38px;margin-bottom:32px} .gf__net a{display:flex;flex-direction:column;align-items:center;gap:11px;width:118px} .gf__tile{width:62px;height:62px;display:grid;place-items:center;font-size:28px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:transform .15s,border-color .15s,background .15s} .gf__net a:hover .gf__tile{border-color:#fbbf24;background:rgba(251,191,36,.1);transform:translateY(-3px)} .gf__net .lb{font-size:12.5px;font-weight:600;line-height:1.3;color:#cdd6df} .gf__net a:hover .lb{color:#fbbf24} .gf__line{height:2px;width:130px;margin:0 auto 24px;background:linear-gradient(90deg,transparent,#fbbf24,transparent)} .gf__legal{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 26px;margin:0 0 18px} .gf__legal a{font-size:14px;font-weight:700;color:#fff} .gf__disc{font-size:12px;line-height:1.6;color:#93a0ad;max-width:760px;margin:0 auto} .gf__disc strong{color:#e8edf2} .gf__cpy{font-size:12.5px;color:#aeb8c2;margin:12px 0 0} .gf__cpy a{color:#fff;font-weight:700} @media(max-width:680px){ .gf__in{padding:40px 20px 18px} .gf__logo{height:42px} .gf__tag{font-size:13px;margin-bottom:26px} .gf__net{gap:22px 24px;margin-bottom:28px} .gf__net a{width:96px} .gf__tile{width:56px;height:56px;font-size:25px} .gf__legal{gap:8px 20px}.gf__legal a{font-size:13.5px}} @media(max-width:380px){.gf__net a{width:30%}} .gf__net{display:none!important} /* ===== 9MC Studios menu highlight (desktop) [2026-09-02] ===== inset box-shadow thay border => KHONG xe dich layout 1px nao. da co border-radius:10px san trong theme, vien tu om theo. */ .ymega__list>li.mc-showcase-menu-item>a{background:#fff6f9;box-shadow:inset 0 0 0 1px #f0cddb;color:#a83b62;font-weight:700;position:relative;justify-content:center;text-align:center;padding-left:34px;padding-right:34px;} .ymega__list>li.mc-showcase-menu-item>a::after{position:absolute;right:14px;top:50%;transform:translateY(-50%);margin-left:0;color:#c98ba6;} .ymega__list>li.mc-showcase-menu-item>a:hover{background:#fdeef4;box-shadow:inset 0 0 0 1px #e7bbd0;color:#8f3153;} .ymega__list>li.mc-showcase-menu-item:hover>a::after{transform:translateY(-50%) translateX(2px);color:#a83b62;} .ymega__list>li.ymega-tabs-li{padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid #e8edf3;} :root[data-theme="dark"] .ymega__list>li.mc-showcase-menu-item>a{background:rgba(214,90,140,.10);box-shadow:inset 0 0 0 1px rgba(214,90,140,.30);color:#f2b8cf;} :root[data-theme="dark"] .ymega__list>li.mc-showcase-menu-item>a::after{color:rgba(242,184,207,.72);} :root[data-theme="dark"] .ymega__list>li.mc-showcase-menu-item>a:hover{background:rgba(214,90,140,.16);box-shadow:inset 0 0 0 1px rgba(214,90,140,.42);color:#f8cfe0;} :root[data-theme="dark"] .ymega__list>li.mc-showcase-menu-item:hover>a::after{color:#f8cfe0;} :root[data-theme="dark"] .ymega__list>li.ymega-tabs-li{border-bottom-color:#2a3140;} /* ===== 9MC Studios menu highlight (mobile) [2026-09-02] ===== .mm-tabs-li DA co border-bottom san trong theme => khong khai lai. */ .mm-list>li.mc-showcase-menu-item>a{background:#fff6f9;box-shadow:inset 0 0 0 1px #f0cddb;border-radius:10px;margin:6px 8px;padding:16px 52px;text-align:center;color:#a83b62;} .mm-list>li.mc-showcase-menu-item>.mm-sub-toggle::before{background-color:#c98ba6;} .mm-list>li.mc-showcase-menu-item>a:hover,.mm-list>li.mc-showcase-menu-item>a:active{background:#fdeef4;color:#8f3153;} .mm-list>li.mc-showcase-menu-item>.mm-sub-toggle{right:8px;top:6px;height:calc(100% - 12px);} :root[data-theme="dark"] .mm-list>li.mc-showcase-menu-item>a{background:rgba(214,90,140,.10);box-shadow:inset 0 0 0 1px rgba(214,90,140,.30);color:#f2b8cf;} :root[data-theme="dark"] .mm-list>li.mc-showcase-menu-item>.mm-sub-toggle::before{background-color:rgba(242,184,207,.75);}/* ---- khung 2 cot: chep cong thuc site goc 9minecraft ---- */ .b__inner{max-width:1280px;margin:0 auto;padding:10px 10px 20px} .b__grid{display:grid;grid-template-columns:1fr;gap:20px} @media (min-width:992px){.b__grid{grid-template-columns:minmax(0,1fr) 300px}} #rsidebar{min-width:0} #rsidebar .widget{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;margin:0 0 16px} #rsidebar .widgettitle{font-size:15px;font-weight:700;margin:0 0 10px;color:#0f172a} /* danh sach lien ket cheo giua cac site trong mang */ .net-list{list-style:none;margin:0;padding:0} .net-list li{border-top:1px solid #eef2f7} .net-list li:first-child{border-top:0} .net-list a{display:block;padding:9px 2px;text-decoration:none;color:#0f172a} .net-list a:hover{color:#c62828} .net-list b{display:block;font-size:14px;font-weight:600;line-height:1.3} .net-list span{display:block;font-size:12.5px;color:#64748b;margin-top:2px} /* tieu de nhom trong panel menu */ .ymega__list>li.ymega-head-li{padding:12px 12px 4px} .ymega__list>li.ymega-head-li .ymega__title{font-size:12px;text-transform:uppercase; letter-spacing:.06em;color:#64748b;font-weight:700} [data-theme="dark"] #rsidebar .widget{background:#0f1419;border-color:#1f2937} [data-theme="dark"] #rsidebar .widgettitle,[data-theme="dark"] .net-list a{color:#e2e8f0} [data-theme="dark"] .net-list li{border-top-color:#1f2937} /* Thanh quay ve trang goc — dung chung cho wiki / servers / bedrock-servers. User 02/10: "tao 1 thanh bar nho khi o top de tao nut back ve trang goc. Don gian va nho thoi, khong can icon 9minecraft." Dat TREN header dinh, nen no cuon di mat khi keo trang. Hai site dung hai co che giao dien toi khac nhau (`html.dark` o wiki, `[data-theme=dark]` o servers) nen phai phu ca hai, khong thi mot site bi dai sang chói tren nen toi. */ .bk9{background:var(--bg-color,#fff);border-bottom:1px solid var(--border-color,#e0e0e0)} .bk9__in{max-width:1180px;margin:0 auto;padding:0 14px} .bk9 a{display:inline-flex;align-items:center;gap:7px;padding:7px 0;color:#202124; font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-decoration:none} .bk9 a:hover{color:#1a73e8;text-decoration:none} .bk9 svg{stroke-width:2.4} .bk9 svg{width:15px;height:15px;flex:0 0 auto} html.dark .bk9,[data-theme="dark"] .bk9{background:#0f1419;border-bottom-color:#1f2937} html.dark .bk9 a,[data-theme="dark"] .bk9 a{color:#e8eaed} html.dark .bk9 a:hover,[data-theme="dark"] .bk9 a:hover{color:#8ab4f8} /* ── Menu phu "9Minecraft Network" + Mega Footer — dung chung 11 site ── Sinh boi C:\Son\9mc-chrome\mangluoi\_sinh.py tu mang.json. Dung sua tay. ⛔ Moi lop mang tien to `n9-`: bo nay nam tren 11 site voi 11 bo CSS khac nhau. ⛔ Mau theo `currentColor` + rgba xam trung tinh de chay duoc tren ca nen sang lan toi. */ .n9-nut{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border:0; border-radius:999px;background:rgba(127,127,127,.12);color:inherit;font:600 13.5px/1.2 inherit; cursor:pointer;white-space:nowrap} .n9-nut:hover{background:rgba(127,127,127,.22)} .n9-nut svg{flex:none} .n9-nut__luoi{width:18px;height:18px} .n9-nut__mui{width:14px;height:14px;opacity:.6;transition:transform .15s ease} .n9-nut[aria-expanded="true"] .n9-nut__mui{transform:rotate(180deg)} .n9-nut__chu{font-weight:700} .n9-nen{position:fixed;inset:0;z-index:2147483000;background:rgba(15,23,42,.38); opacity:0;pointer-events:none;transition:opacity .16s ease} body.n9-mo .n9-nen{opacity:1;pointer-events:auto} /* ⛔ `box-sizing:border-box` — 11 site, khong site nao chac co luat `*{box-sizing}`. Thieu no thi `width` chi tinh hop noi dung, cong 40px dem thanh 1020 thay vi 980, va JS neo theo 980 nen bang lech ra ngoai le phai. */ /* Google-inspired Minimalist Floating UI (chu site 12/10): the noi bo 28px, do bong hai lop kieu Google, be mat phang, nhan muc 11px IN HOA, nut hinh vien thuoc. ⛔ Bo goc 28/16/12 va cap do bong la quy uoc da chot cho ca mang ([[feedback_web_tool_google_floating_ui]]) — dung tu che so khac. */ .n9-bang{box-sizing:border-box;position:absolute;z-index:2147483001; width:min(980px,calc(100vw - 24px)); background:var(--n9-nen,#fff);color:var(--n9-chu,#1f1f1f);border-radius:28px; box-shadow:0 1px 3px rgba(60,64,67,.30),0 8px 24px 4px rgba(60,64,67,.15), 0 0 0 1px rgba(127,127,127,.14); padding:18px 20px 20px;opacity:0;visibility:hidden;transform:translateY(-6px); transition:opacity .16s ease,transform .16s ease,visibility .16s} body.n9-mo .n9-bang{opacity:1;visibility:visible;transform:translateY(0)} /* ⛔ Nen/chu cua bang phai tu dat: 11 site khac nhau, thua ke thi co site ra chu trang tren nen trang. Site nao co che do toi thi khai lai 2 bien nay. */ :root[data-theme="dark"] .n9-bang,html.dark .n9-bang{--n9-nen:#1f2430;--n9-chu:#e8eaed} @media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .n9-bang{--n9-nen:#1f2430;--n9-chu:#e8eaed}} .n9-bang__dau{display:flex;align-items:baseline;justify-content:space-between;gap:12px; margin:0 0 12px} .n9-bang__dau b{font-size:14px} .n9-bang__dau span{font-size:12.5px;opacity:.68} .n9-cot{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:860px){.n9-cot{grid-template-columns:1fr}} .n9-nhan{margin:0 0 8px;font:700 11px/1.4 inherit;letter-spacing:.9px;text-transform:uppercase; opacity:.58} .n9-o{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;margin:0 -10px; border-radius:12px;color:inherit;text-decoration:none} .n9-o:hover{background:rgba(127,127,127,.10)} /* O icon mang MAU RIENG cua tung sub (bien `--n9-mau` dat ngay tren the). Glyph trang de noi bat tren nen mau, va giu nguyen do tuong phan o ca che do sang lan toi. */ .n9-o__ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center; background:var(--n9-mau,rgba(127,127,127,.14));color:#fff; box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)} .n9-o__ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9; stroke-linecap:round;stroke-linejoin:round} .n9-o__ten{display:block;font-weight:700;font-size:14px;line-height:1.25} .n9-o__mo{display:block;font-size:12.5px;line-height:1.45;opacity:.72;margin-top:1px} /* ⛔ Dong ten mien la thu CHONG HIEU NHAM — nguoi doc biet minh sap sang site anh em. Dung bo di cho gon. */ .n9-o__host{display:block;font-size:11.5px;line-height:1.4;opacity:.52;margin-top:2px; font-variant-numeric:tabular-nums} .n9-o--chinh{background:rgba(127,127,127,.07);margin:0 0 16px;padding:12px 14px; border-radius:16px} .n9-o--chinh:hover{background:rgba(127,127,127,.16)} .n9-o--day{outline:2px solid rgba(127,127,127,.32);outline-offset:-2px} .n9-o--day .n9-o__host::after{content:" · you are here";opacity:.8} /* ───── MOBILE: khong dung nut rieng, chen MOT DONG vao menu san co ───── Chu site 12/10/2026: *"Tich hop vao Menu tren mobile luon thanh 1 dong giong 9minecraft Studios"*. Tren www dong do nam trong `ul#mm-list`, tren cac sub nam trong rail `.ylist`. ⛔ Duoi 992px AN han nut rieng: de ca hai la vua thua, vua day logo/o tim chat lai. */ @media(max-width:991px){.n9-nut{display:none}} /* ⛔ Tren cac sub, `.ylist` VUA la menu mobile VUA la rail mega menu cua DESKTOP. Chen dong vao do ma khong chan theo be ngang thi desktop co CA nut noi lan dong trong rail — trung nhau. Chu site 12/10: *"o desktop chi de 1 menu phu nay thoi"*. */ @media(min-width:992px){.n9-hang{display:none!important}} .n9-hang__mo{display:flex;align-items:center;gap:10px;cursor:pointer} .n9-hang__cham{flex:none;width:17px;height:17px} .n9-hang__mui{flex:none;width:15px;height:15px;margin-left:auto;opacity:.55; transition:transform .15s ease} .n9-hang.mo .n9-hang__mui{transform:rotate(180deg)} .n9-mob{display:none;padding:2px 0 8px} .n9-hang.mo .n9-mob{display:block} .n9-mob a{display:flex!important;align-items:center;gap:10px;padding:8px 10px; border-radius:10px;text-decoration:none;color:inherit;font-size:14px;line-height:1.3} .n9-mob a:hover{background:rgba(127,127,127,.12)} .n9-mob__ic{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center; background:var(--n9-mau,#5f6368);color:#fff} .n9-mob__ic svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2; stroke-linecap:round;stroke-linejoin:round} .n9-mob__host{margin-left:auto;font-size:11px;opacity:.5} /* ───────────────────────── MEGA FOOTER ───────────────────────── */ /* Nen hoi dam hon than trang mot chut de chan trang tach ra — `rgba` trung tinh nen dung duoc tren ca 11 site, ca nen sang lan nen toi. */ .n9-ft{box-sizing:border-box;border-top:1px solid rgba(127,127,127,.2);margin-top:44px; padding:30px 0 26px;font-size:13.5px;line-height:1.6;background:rgba(127,127,127,.05)} /* ⛔ `box-sizing` phai khai: site nao khong co luat `*{box-sizing:border-box}` thi 1180 cong 32px dem thanh 1212 — rong hon cac site khac dung 32px. Do that tren tools. */ .n9-ft__in{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:0 16px} .n9-ft__luoi{display:grid;gap:22px 18px; grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))} .n9-ft__cot h3{margin:0 0 4px;font-size:13.5px;font-weight:700} .n9-ft__cot h3 a{color:inherit;text-decoration:none} .n9-ft__cot h3 a:hover{text-decoration:underline} .n9-ft__host{display:block;font-size:11px;opacity:.5;margin:0 0 8px} .n9-ft__cot ul{list-style:none;margin:0;padding:0} .n9-ft__cot li{margin:0 0 3px} .n9-ft__cot li a{color:inherit;text-decoration:none;opacity:.78;font-size:13px} .n9-ft__cot li a:hover{opacity:1;text-decoration:underline} .n9-ft__vach{height:1px;background:rgba(127,127,127,.2);margin:26px 0 18px} .n9-ft__duoi{display:flex;flex-wrap:wrap;align-items:center;justify-content:center; gap:6px 18px;text-align:center} .n9-ft__duoi a{color:inherit;text-decoration:none;font-weight:600;opacity:.82} .n9-ft__duoi a:hover{opacity:1;text-decoration:underline} .n9-ft__mt{margin:14px 0 0;font-size:11.5px;line-height:1.7;opacity:.72;text-align:center; max-width:80ch;margin-left:auto;margin-right:auto} .n9-ft__mt b{opacity:.92} .n9-ft__cpy{margin:10px 0 0;font-size:12.5px;text-align:center;opacity:.8} @media(hover:none){.n9-ft__cot li a{display:inline-block;padding:4px 0}} /* ⛔ Tren dien thoai 11 cot xep doc thanh ~2.200px chan trang — nguoi doc phai cuon mai moi het. `minmax(190px,1fr)` o khung 390px chi vua MOT cot. Ha nguong xuong de duoc HAI cot va nen khoang cach lai: 11 the thanh 6 hang, con khoang 900px. */ @media(max-width:640px){ .n9-ft{padding:24px 0 22px} .n9-ft__luoi{gap:18px 14px;grid-template-columns:repeat(2,minmax(0,1fr))} .n9-ft__cot h3{font-size:13px} .n9-ft__cot li a{font-size:12.5px} .n9-ft__host{font-size:10.5px;margin-bottom:6px} .n9-ft__duoi{gap:4px 12px} } /* vi tri trong sprite — sinh boi _sprite.py, dung sua tay */ .n9-o__ic--anh,.n9-mob__ic--anh{background-color:#fff;background-repeat:no-repeat;background-image:url(https://tools.9minecraft.net/_g/mang-icons.png?v=850a30f7)} .n9-o__ic--anh{background-size:374px 34px} .n9-mob__ic--anh{background-size:286px 26px} .n9-ic-www.n9-o__ic--anh{background-position:-0px 0} .n9-ic-www.n9-mob__ic--anh{background-position:-0px 0} .n9-ic-tools.n9-o__ic--anh{background-position:-34px 0} .n9-ic-tools.n9-mob__ic--anh{background-position:-26px 0} .n9-ic-wiki.n9-o__ic--anh{background-position:-68px 0} .n9-ic-wiki.n9-mob__ic--anh{background-position:-52px 0} .n9-ic-schematics.n9-o__ic--anh{background-position:-102px 0} .n9-ic-schematics.n9-mob__ic--anh{background-position:-78px 0} .n9-ic-litematica.n9-o__ic--anh{background-position:-136px 0} .n9-ic-litematica.n9-mob__ic--anh{background-position:-104px 0} .n9-ic-servers.n9-o__ic--anh{background-position:-170px 0} .n9-ic-servers.n9-mob__ic--anh{background-position:-130px 0} .n9-ic-bedrock-servers.n9-o__ic--anh{background-position:-204px 0} .n9-ic-bedrock-servers.n9-mob__ic--anh{background-position:-156px 0} .n9-ic-seeds.n9-o__ic--anh{background-position:-238px 0} .n9-ic-seeds.n9-mob__ic--anh{background-position:-182px 0} .n9-ic-skins.n9-o__ic--anh{background-position:-272px 0} .n9-ic-skins.n9-mob__ic--anh{background-position:-208px 0} .n9-ic-bedrock-skins.n9-o__ic--anh{background-position:-306px 0} .n9-ic-bedrock-skins.n9-mob__ic--anh{background-position:-234px 0} .n9-ic-capes.n9-o__ic--anh{background-position:-340px 0} .n9-ic-capes.n9-mob__ic--anh{background-position:-260px 0}