.app-shell{background-color:var(--bg-app);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.header-home{background:var(--white);z-index:100;box-shadow:0 1px 0 var(--border);justify-content:space-between;align-items:center;padding:14px 18px 10px;display:flex;position:sticky;top:0}.header-home .logo{align-items:center;gap:8px;display:flex}.header-home .logo img{object-fit:contain;width:36px;height:36px}.header-home .logo span{font-family:var(--font_b);color:var(--primary);font-size:15px;line-height:1}.header-home .logo small{color:var(--text-sub);font-size:9px;font-family:var(--font);letter-spacing:.2px;margin-top:1px;display:block}.header-actions{align-items:center;gap:4px;display:flex}.icon-btn{width:34px;height:34px;color:var(--text);transition:background var(--t) var(--ease), color var(--t) var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.icon-btn:active{background:var(--light);color:var(--primary)}.badge-dot{background:var(--red);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.scroll-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:var(--bg-app);z-index:1;flex:1;padding-bottom:80px;position:relative;overflow:hidden auto}.text-primary{color:var(--primary)}.text-red{color:var(--red)}