.tn-tabbar{display:none}@media (max-width:900px){.tn-tabbar{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:1250;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #f1e3d6;border-radius:18px;grid-template-columns:repeat(6,minmax(0,1fr));padding:4px;display:grid;position:fixed;box-shadow:0 6px 22px #0000001f}.tn-tabbar>a{color:#6b7280;-webkit-tap-highlight-color:#0000;border-radius:12px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:2px 0 3px;text-decoration:none;display:flex}.tn-tabbar>a.on{color:#c1272d}.tn-tabbar>a.on .tb-label{background:#fde8e8}.tn-tabbar .tb-label{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:100%;padding:1px 3px;font-size:10.5px;font-weight:600;line-height:14px;overflow:hidden}body:has(.tn-tabbar){padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.tn-tabbar .tb-ico{width:36px;height:36px;display:block;position:relative;overflow:hidden}.tn-tabbar .tb-ico:before{content:"";background:url(/trangnguyen/images/taskbar/bg.png) 0 0/300px no-repeat;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;transform:scale(.7)}.tn-tabbar .tb-ico .tb-line{display:none}.tn-tabbar .tb-ico.home:before{background-position:-10px -42px}.tn-tabbar .tb-ico.hoctap:before{background-position:-66px -42px}.tn-tabbar .tb-ico.thidau:before{background-position:-122px -42px}.tn-tabbar .tb-ico.huyhieu:before{background-position:-180px -42px}.tn-tabbar .tb-ico.canhan:before{background-position:-238px -42px}.tn-tabbar .tb-ico.luyentap:before{background:url(/trangnguyen/images/taskbar/luyentap.svg) 50%/48px no-repeat}.tn-tabbar a.on .tb-ico.home:before{background-position:-10px -120px}.tn-tabbar a.on .tb-ico.hoctap:before{background-position:-66px -120px}.tn-tabbar a.on .tb-ico.thidau:before{background-position:-122px -120px}.tn-tabbar a.on .tb-ico.huyhieu:before{background-position:-180px -120px}.tn-tabbar a.on .tb-ico.canhan:before{background-position:-238px -120px}.tn-tabbar a.on .tb-ico.luyentap:before{background-image:url(/trangnguyen/images/taskbar/luyentap-on.svg);background-size:50px}html[data-theme=dark] .tn-tabbar{background:#19154aeb;border-color:#8b5cf64d}html[data-theme=dark] .tn-tabbar>a{color:#a9a5d6}html[data-theme=dark] .tn-tabbar>a.on{color:#fda4af}html[data-theme=dark] .tn-tabbar>a.on .tb-label{background:#f43f5e2e}html[data-skin=hanzi] .tn-tabbar{background:var(--hz-card,#fffaf0);border:2px solid var(--hz-ink,#2a2421);box-shadow:3px 4px 0 0 var(--hz-shadow,#0003);border-radius:12px 16px 11px 15px/15px 11px 16px 12px}html[data-skin=hanzi] .tn-tabbar>a{color:var(--hz-ink-2,#6b5a48)}html[data-skin=hanzi] .tn-tabbar>a.on{color:var(--hz-ink,#2a2421)}html[data-skin=hanzi] .tn-tabbar>a.on .tb-label{background:0 0;font-weight:800}html[data-skin=hanzi] .tn-tabbar .tb-ico{border-radius:8px 10px 7px 9px;place-items:center;width:34px;height:30px;display:grid;overflow:visible}html[data-skin=hanzi] .tn-tabbar .tb-ico:before{display:none}html[data-skin=hanzi] .tn-tabbar .tb-ico .tb-line{width:22px;height:22px;display:block}html[data-skin=hanzi] .tn-tabbar a.on .tb-ico{background:var(--hz-mark,#f6c65b);box-shadow:0 0 0 1.6px var(--hz-ink,#2a2421),2px 2px 0 1px var(--hz-shadow,#0003);color:#c1272d}html[data-skin=hanzi][data-theme=dark] .tn-tabbar{background:var(--hz-card)}html[data-skin=hanzi][data-theme=dark] .tn-tabbar>a.on{color:#f6ecdc}html[data-skin=hanzi][data-theme=dark] .tn-tabbar a.on .tb-ico{color:#8a1c1c}