/*! © The Mandarin Lab (themandarinlab.vn). Mã nguồn, thiết kế và nội dung do The Mandarin Lab biên soạn – bảo lưu mọi quyền. Không sao chép, đăng lại hay khai thác tự động khi chưa được phép. Nội dung của bên thứ ba theo giấy phép gốc. Điều khoản: https://www.themandarinlab.vn/dieu-khoan */html.ts-on{background:var(--surface-100)}html.ts-on body{margin:0!important;background-color:var(--surface-100)!important;background-image:radial-gradient(var(--dot) 1.6px,transparent 1.8px)!important;background-size:24px 24px!important;background-attachment:scroll!important;color:var(--ink)}html.ts-on body:before,html.ts-on body:after{display:none!important}.ts-top{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;max-width:860px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 8px;background:var(--surface-100);font-family:var(--font-sans)}.ts-top svg,.ts-dock svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.ts-x,.ts-theme{display:grid;place-items:center;width:48px;height:48px;border:var(--stroke) solid var(--outline);border-radius:16px;background:var(--surface-000);color:var(--ink);box-shadow:var(--shadow-press);cursor:pointer;padding:0;text-decoration:none;flex:none;transition:transform .12s,box-shadow .12s}.ts-x:hover,.ts-theme:hover{transform:translateY(2px);box-shadow:0 2px 0 var(--outline);color:var(--ink)}.ts-theme .sun{display:none}.ts-theme.on .sun{display:block}.ts-theme.on .moon{display:none}.ts-ttl{display:flex;flex-direction:column;min-width:0;line-height:1.2}.ts-ttl small{font:800 11.5px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--lab-blue)}.ts-ttl b{font:800 18px var(--font-display);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-right{display:flex;align-items:center;gap:8px}.ts-rail{max-width:860px;margin:2px auto 12px;padding:0 14px;font-family:var(--font-sans)}.ts-rhead{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;min-width:0}.ts-rhead span{font:800 12px var(--font-sans);color:var(--on-lab-blue);background:var(--lab-blue);border:2px solid var(--outline);border-radius:99px;padding:2px 9px;white-space:nowrap}.ts-rhead b{font:800 15px var(--font-display);color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ts-rhead em{margin-left:auto;font-style:normal;font-weight:700;font-size:12.5px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.ts-segs{display:grid;grid-template-columns:repeat(var(--n,7),1fr);gap:5px}.ts-segs .seg{position:relative;height:12px;border:2px solid var(--outline)!important;border-radius:99px!important;background:var(--surface-000)!important;padding:0!important;overflow:hidden}.ts-segs .seg.past{background:var(--lab-blue)!important}.ts-segs .seg.on{background:var(--surface-000)!important}.ts-segs .seg.on:after{content:"";position:absolute;inset:0;width:var(--f,100%);background:var(--highlight)}.ts-dock-wrap{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none}.ts-dock{pointer-events:auto;max-width:832px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:8px;border:var(--stroke) solid var(--outline);border-radius:22px;background:var(--surface-000);box-shadow:var(--shadow-sticker);font-family:var(--font-sans)}.ts-hint{flex:1;min-width:0;font-weight:700;font-size:13px;color:var(--ink-muted);padding-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-dock .ts-go,.ts-dock>.btn{flex:none;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px!important;height:auto;padding:0 20px!important;border:var(--stroke) solid var(--outline)!important;border-radius:16px!important;background:var(--lab-blue)!important;color:var(--on-lab-blue)!important;font:800 16px var(--font-display)!important;text-decoration:none;cursor:pointer;box-shadow:0 3px 0 var(--outline)!important;transition:transform .12s,box-shadow .12s;margin:0!important;width:auto!important}.ts-dock .ts-go:hover,.ts-dock>.btn:hover{transform:translateY(2px);box-shadow:0 1px 0 var(--outline)!important;color:var(--on-lab-blue)!important}.ts-dock .ts-go[disabled],.ts-dock>.btn[disabled]{background:var(--surface-200)!important;color:var(--ink-muted)!important;cursor:not-allowed;box-shadow:none!important;transform:none;border-style:solid!important}.ts-dock .ts-sec{flex:none;min-height:48px;padding:0 16px;border:2px solid var(--outline)!important;border-radius:16px!important;background:var(--surface-100)!important;color:var(--ink)!important;font:800 14px var(--font-sans)!important;cursor:pointer;box-shadow:none!important;margin:0!important}html.ts-on .ts-pad{height:calc(100px + env(safe-area-inset-bottom,0px))!important}@media(max-width:640px){.ts-ttl b{font-size:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ts-rhead em{display:none}}@media(max-width:420px){.ts-hint{display:none}.ts-dock{justify-content:space-between}.ts-dock .ts-go,.ts-dock>.btn{flex:1}}html.ts-on .tml-fab{display:none!important}html.ts-on body>div[style*="bottom:12px"]{bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;font-size:11.5px!important;padding:4px 10px!important;opacity:.75!important}.ts-back{flex:none;display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--outline);border-radius:16px;background:var(--surface-100);color:var(--ink);cursor:pointer;padding:0}.ts-back[disabled]{opacity:.4;cursor:default}html.ts-fit,html.ts-fit body{height:100%;overflow:hidden!important;overscroll-behavior:none}html.ts-fit body{padding:0!important;margin:0!important}.ts-frame{height:100vh;height:100dvh;display:flex!important;flex-direction:column;overflow:hidden;box-sizing:border-box;margin:0 auto!important;padding-top:0!important;padding-bottom:0!important}.ts-frame>.ts-top,.ts-frame>.ts-rail,.ts-frame>.ts-head{flex:none}.ts-frame .ts-top{position:static}.ts-frame>.ts-head{width:100%}.ts-body{flex:1;min-height:0;overflow:hidden;padding:2px 0 8px;display:flex;flex-direction:column}.ts-body>.ts-fitin{flex:none;width:100%}.ts-body.ts-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ts-frame>.ts-dock-wrap{position:static;flex:none;padding-top:0}html.ts-fit .ts-pad{display:none!important}@media(min-width:1024px){.ts-frame .ts-top,.ts-frame .ts-rail,.ts-frame .ts-dock{zoom:1}}.ts-frame .ts-top{padding:calc(8px + env(safe-area-inset-top,0px)) 14px 6px}.ts-frame .ts-x,.ts-frame .ts-theme{width:44px;height:44px;border-radius:14px}.ts-frame .ts-rail{margin:0 auto 8px}.ts-frame .ts-rhead{margin-bottom:6px}.ts-frame>.ts-dock-wrap{padding:4px 14px calc(8px + env(safe-area-inset-bottom,0px))}.ts-frame .ts-dock{padding:6px}.ts-frame .ts-dock .ts-go,.ts-frame .ts-dock>.btn,.ts-frame .ts-dock .ts-sec,.ts-frame .ts-back{min-height:44px!important;height:44px}.ts-frame .ts-back{width:44px}@media(max-height:700px){.ts-frame .ts-rhead{display:none}.ts-frame .ts-top{padding-top:calc(6px + env(safe-area-inset-top,0px))}}.ts-frame>.ts-top,.ts-frame>.ts-rail,.ts-frame>.ts-head,.ts-frame>.ts-body,.ts-frame>.ts-dock-wrap{width:100%;max-width:none;box-sizing:border-box;align-self:stretch}.ts-frame>.ts-top,.ts-frame>.ts-rail{max-width:860px;margin-left:auto;margin-right:auto}.ts-pref{display:grid;place-items:center;width:48px;height:48px;border:var(--stroke) solid var(--outline);border-radius:16px;background:var(--surface-000);color:var(--ink);box-shadow:var(--shadow-press,0 3px 0 var(--outline));font:800 17px var(--font-display);cursor:pointer;margin-right:8px}.tp-pop{position:fixed;z-index:500;width:min(320px,calc(100vw - 16px));box-sizing:border-box;padding:16px;border:var(--stroke,2.5px) solid var(--outline);border-radius:22px;background:var(--surface-000);color:var(--ink);box-shadow:0 5px 0 var(--outline);font-family:var(--font-sans)}.tp-h{display:block;font:800 17px var(--font-display);margin-bottom:8px}.tp{display:flex;flex-direction:column;gap:12px}.tp-g>b{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.tp-o{display:flex;gap:6px}.tp-o button{flex:1;min-height:40px;border:2px solid var(--outline);border-radius:12px;background:var(--surface-000);color:var(--ink);font:800 14px var(--font-sans);cursor:pointer}.tp-o button.on{background:var(--lab-blue,#0042AA);color:var(--on-lab-blue,#fff)}html.pref-nopy :is(.py,.pinyin,.kt-py,.gd-py,.gd-c>i,.gd-f>i,.gans .py):not(.opt):not(.opt *):not(.big-py):not(.typeans .py){display:none!important}html[data-hz=l] :is(.hz,.zh,.kt-big):not(:is(.hz,.zh) *){zoom:1.15}html[data-hz=s] :is(.hz,.zh,.kt-big):not(:is(.hz,.zh) *){zoom:.88}.ts-bl{display:grid;place-items:center;width:48px;height:48px;border:var(--stroke) solid var(--outline);border-radius:16px;background:var(--surface-000);color:var(--ink-muted,var(--ink));box-shadow:var(--shadow-press,0 3px 0 var(--outline));cursor:pointer;padding:0;flex:none}.ts-bl:hover{color:var(--danger,#D64545)}.ts-top .ts-bl svg{width:20px;height:20px}@media(max-width:520px){.ts-pref{width:42px;height:42px;font-size:15px;margin-right:6px}.ts-bl{width:42px;height:42px}}@media(max-width:600px){.tp-pop{left:8px!important;right:8px!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;width:auto;max-height:80dvh;overflow:auto;border-radius:24px}}.tp-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border:2px solid var(--outline);border-radius:12px;background:var(--surface-000);color:var(--ink);font:800 15px var(--font-sans);cursor:pointer}