.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-head .breadcrumb{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-end}.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-head .breadcrumb{margin-top:8px;font-size:13px}.account-head .breadcrumb ul{gap:8px;margin:0;padding:0;list-style:none}.account-head .breadcrumb a{color:#6b7280;font-weight:600}.account-head .breadcrumb .breadcrumb-last{color:var(--ui-accent,#c1272d)}.ci-slot{display:contents}.ci-slot-m{display:none}@media (max-width:760px){.ci-slot-d{display:none}.ci-slot-m{display:contents}a.an-mlogo.an-mlogo{width:min(210px,100vw - 170px)!important;height:62px!important;top:4px!important}div.account-head.account-head{padding-top:74px!important}.account-head .account-head-tools{top:16px}.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}}
