.account-head{z-index:9;padding-top:10px;padding-bottom:0;position:relative}.account-head .account-head-left{min-width:0}.account-head .account-head-left h1,.account-head .account-head-left p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-head .account-head-left h1.account-hello{align-items:center;display:flex;overflow:visible}.account-head .account-head-left h1.account-hello>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.account-head .account-head-left h1.account-hello .tn-title-badge,.account-head .account-head-right{flex-shrink:0}.account-head .account-head-right>.flex{white-space:nowrap}.search-box{border:1px solid #ffd9d9;border-radius:10px;width:170px;display:flex;position:relative}.search-box input{border:0 solid #ffd9d9;outline:none;width:calc(100% - 40px);padding:5px 15px}.search-box button{color:#000;cursor:pointer;border:none}.account-bage{white-space:nowrap;background-color:#fff;border:1px solid #ffd9d9;border-radius:15px;padding:5px 10px 5px 40px;position:relative}.button-icon,.notice-icon{width:28px;height:28px}.account-point,.account-coins,.account-diamond{background:url(/trangnguyen/images/icons/point.png) 0 0/90px 90px no-repeat;width:30px;height:30px;display:flex;position:absolute;top:3px;left:6px;overflow:hidden}.account-coins{background-position:-30px 0}.account-diamond{background-position:-60px 0}@media (max-width:1100px){.account-head{flex-wrap:wrap;row-gap:8px}.account-head .account-head-right{flex-shrink:1;min-width:0;margin-left:auto}.account-head .account-head-right>.flex{white-space:normal;flex-wrap:wrap;justify-content:flex-end;row-gap:8px}}@media (max-width:760px){.account-head .search-box{display:none}.account-head .account-head-right{width:100%}}.account-bage-btn{font:inherit;color:inherit;cursor:pointer;transition:border-color .15s,transform .12s}.account-bage-btn:hover{border-color:#f6c143;transform:translateY(-1px)}@media (max-width:760px){.account-head .account-points{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px!important;display:grid!important}.account-head .account-bage{text-overflow:ellipsis;text-align:left;padding:4px 6px 4px 30px;font-size:13px;overflow:hidden}.account-head .account-bage .account-point,.account-head .account-bage .account-coins,.account-head .account-bage .account-diamond{top:0;left:2px;transform:scale(.8)}}.account-bage .ab-unit{font-style:normal}@media (min-width:761px){.account-head .account-points .account-bage{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;line-height:1.2}.account-head .account-points .account-bage .ab-unit{opacity:.72;font-size:12.5px;font-weight:600}}@media (max-width:760px){.account-head .account-head-tools{z-index:25;position:absolute;top:10px;right:14px;gap:6px!important}.account-head .account-head-tools .nt-btn,.account-head .account-head-tools .ci-nav-btn{min-width:38px;height:38px}.account-head .account-head-tools .ds-btn{height:38px;padding:0 6px}.account-head .account-head-tools .avatar-dropdown>.av-frame{width:38px!important;height:38px!important}.account-head .account-points{width:auto;gap:6px!important;display:flex!important}.account-head .account-bage{padding:3px 10px 3px 28px;font-size:13px;font-weight:700}.account-head .account-bage .ab-unit,.account-crumb{display:none}}@media (max-width:380px){.account-head .account-head-tools{right:10px;gap:4px!important}.account-head .account-head-tools .ds-btn-mode,.account-head .account-head-tools .ds-btn-caret{display:none}.an-mlogo{left:10px!important}}.account-head{align-items:flex-start}.account-head .account-head-left{gap:2px}.account-head .account-head-left h1.account-hello{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800;line-height:1.25}.account-head .account-head-left p{color:#6b7280;margin:0;font-size:14px;font-weight:500;line-height:1.4}.account-crumb{text-align:right;justify-content:flex-end;margin:-4px 0 14px;font-size:13px;display:flex}.account-crumb ul{gap:8px;margin:0;padding:0;list-style:none}.account-crumb a{color:#6b7280;font-weight:600}.account-crumb .breadcrumb-last{color:var(--ui-accent,#c1272d)}.ci-slot{display:contents}@media (max-width:760px){a.an-mlogo.an-mlogo{width:min(210px,100vw - 170px)!important;height:62px!important;top:10px!important}div.account-head.account-head{padding-top:80px!important}.account-head .account-head-tools{top:22px}.account-head .account-points{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px!important;display:flex!important}.account-head .account-bage,.account-head .account-points .ci-nav-btn{box-sizing:border-box;border-radius:16px;align-items:center;gap:5px;height:32px;padding:0 10px 0 5px;font-size:13.5px;font-weight:800;line-height:1;display:inline-flex}.account-head .account-bage .account-point,.account-head .account-bage .account-coins,.account-head .account-bage .account-diamond{background-size:66px 66px;flex-shrink:0;width:22px;height:22px;position:static;transform:none}.account-head .account-bage .account-point{background-position:0 0}.account-head .account-bage .account-coins{background-position:-22px 0}.account-head .account-bage .account-diamond{background-position:-44px 0}.account-head .account-points .ci-nav-btn{gap:3px;padding:0 10px 0 7px}}@media (max-width:380px){.account-head .account-bage,.account-head .account-points .ci-nav-btn{padding-right:8px;font-size:13px}}.account-head .ms{--ms-on-shadow:inset 0 1px 0 #ffffff59, 0 1px 3px #0000002e}@media (max-width:760px){.account-head .account-head-tools .ci-slot{display:none}a.an-mlogo.an-mlogo{min-width:96px;background-position:0!important;background-size:contain!important;width:min(210px,100vw - 240px)!important}.account-head .account-head-tools{flex-wrap:nowrap}:is(.account-head .account-head-tools .sc-trigger,.account-head .account-head-tools .nt-wrap:has(>a[href=\/message])),.account-head .account-head-tools .ds-btn-mode,.account-head .account-head-tools .ds-btn-caret,.account-head .account-head-tools .ds-btn-name{display:none}}@media (max-width:380px){a.an-mlogo.an-mlogo{width:calc(100vw - 232px)!important}}@media (max-width:760px){a.an-mlogo.an-mlogo img{object-fit:contain;object-position:left center;width:100%!important;height:100%!important}}@media (max-width:340px){a.an-mlogo.an-mlogo{min-width:0;overflow:hidden;width:54px!important}a.an-mlogo.an-mlogo img{object-fit:contain;object-position:left center;width:auto!important;max-width:none!important;height:100%!important}}@media (max-width:760px){.account-head .account-head-tools .ds-btn{flex-shrink:0;justify-content:center;gap:0;width:38px;height:38px;padding:0}.account-head .account-head-tools .ds-btn .ds-btn-flag{width:24px;height:24px}}.account-head .acc-search-m{display:none}@media (max-width:760px){.account-head .account-head-tools .acc-search-m{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #f3d9d9;border-radius:50%;flex-shrink:0;place-items:center;width:38px;min-width:38px;height:38px;padding:0;display:grid}.account-head .account-head-tools .acc-search-m svg{width:18px;height:18px}html[data-theme=dark] .account-head .account-head-tools .acc-search-m{color:#e9e6ff;background:#ffffff0f;border-color:#8b5cf659}.account-head .account-head-tools .ci-nav-btn{border-radius:19px;flex-shrink:0;gap:3px;padding:0 9px 0 7px;font-size:13.5px;font-weight:800}}.account-head .account-head-right{flex-direction:column;align-items:flex-end;margin-left:auto;display:flex}.account-head{--ah-line:#785a4624;margin-bottom:16px;padding-bottom:10px}.account-head:after{content:"";bottom:0;left:calc(-1*var(--ah-l,0px));right:calc(-1*var(--ah-r,0px));background:var(--ah-line);pointer-events:none;height:1px;position:absolute}html[data-theme=dark] .account-head{--ah-line:#ffffff1a}.acc-mbar{display:none}@media (max-width:760px){.acc-mbar{z-index:1090;height:calc(78px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(12px);pointer-events:none;background:#ffffffe6;border-bottom:1px solid #0f172a0f;transition:transform .25s;display:block;position:fixed;top:0;left:0;right:0;transform:translateY(-105%);box-shadow:0 6px 18px -10px #0f172a4d}body.acc-pin .acc-mbar{transform:none}body.acc-pin a.an-mlogo.an-mlogo{z-index:1091;animation:.25s acc-pin-in;top:calc(8px + env(safe-area-inset-top))!important;position:fixed!important}body.acc-pin .account-head .account-head-tools{top:calc(20px + env(safe-area-inset-top));z-index:1091;animation:.25s acc-pin-in;position:fixed}html[data-theme=dark] .acc-mbar{background:#19154ae6;border-bottom-color:#ffffff14}html[data-skin=hanzi] .acc-mbar{background:var(--hz-paper,#fbf4ea);border-bottom:2px solid var(--hz-ink,#2a2421);box-shadow:none}}@keyframes acc-pin-in{0%{opacity:0;transform:translateY(-120%)}}@media (prefers-reduced-motion:reduce){.acc-mbar{transition:none}body.acc-pin :is(a.an-mlogo,.account-head-tools){animation:none!important}}@media (max-width:760px){.account-head .account-head-tools{right:calc(16px - var(--ah-r,0px))}body.acc-pin .account-head .account-head-tools{right:16px}}@media (max-width:380px){.account-head .account-head-tools{right:calc(12px - var(--ah-r,0px))}body.acc-pin .account-head .account-head-tools{right:12px}}
