/* 公共头部：与现有课程页的 92px 导航、64px Logo 保持一致。 */
html.zs-native-layout{overflow-y:scroll}
html.zs-native-layout,html.zs-native-layout body{min-width:0;width:100%}
#site-header{position:fixed;inset:0 0 auto;z-index:500;background:#fff;box-shadow:0 2px 8px rgba(37,103,179,.07);font:15px/1.7 "Microsoft YaHei",sans-serif;color:#333;text-align:left}
#site-header *{box-sizing:border-box;margin:0;font-family:inherit}#site-header [hidden]{display:none!important}
#site-header #nav-right1{position:relative;right:auto;align-items:center;width:100%}
#site-header a{color:inherit;text-decoration:none;cursor:pointer}#site-header button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
#site-header .sh-inner{max-width:1650px;width:100%;margin:auto;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:0}
#site-header .sh-logo{flex-shrink:0}#site-header .sh-logo img{height:64px;width:auto;display:block}
#site-header .sh-nav{display:flex;align-items:center;flex:1;justify-content:flex-end;margin-right:20px;min-width:0}
#site-header .sh-nav a{font-size:17px;white-space:nowrap;padding:0 28px;height:92px;line-height:92px;display:block;position:relative}
#site-header .sh-nav a:after{content:'';position:absolute;left:20px;right:20px;bottom:0;height:3px;background:#0065ff;opacity:0;border-radius:2px}
#site-header .sh-nav a:hover,#site-header a[aria-current=page],#site-header a.sh-teacher{color:#0065ff}#site-header .sh-nav a:hover:after,#site-header .sh-nav a[aria-current=page]:after{opacity:1}
#site-header .sh-account{display:flex;align-items:center;justify-content:flex-end;flex:0 0 150px;width:150px;min-height:38px}#site-header .sh-login{padding:0 24px;height:38px;line-height:38px;background:#0065ff;color:#fff;border-radius:20px;font-size:15px;white-space:nowrap}
#site-header .top-info{position:relative;width:100%}#site-header .sh-user-trigger{display:flex;align-items:center;gap:10px;width:100%;text-align:left}
#site-header .img1,#site-header .img1 img{display:block;width:36px;height:36px;flex-shrink:0;border-radius:50%;object-fit:cover}#site-header .name{min-width:0;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#site-header .sh-popup{position:absolute;top:40px;right:0;width:167px;padding:15px;border-radius:12px;background:linear-gradient(180deg,#e2ebff 0%,#fff 32%);box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;flex-direction:column;gap:10px}
#site-header .sh-account-link{display:flex;align-items:center;gap:8px;width:100%;height:30px;font-size:13px;font-weight:500;text-align:left;white-space:nowrap}#site-header .sh-account-link>img{width:17px;height:17px;flex-shrink:0}#site-header .sh-account-link .sh-arrow{width:22px;height:22px;margin-left:auto}#site-header .sh-account-link:hover{color:#0065ff}
#site-header .sh-menu{display:none;width:44px;height:44px;flex-shrink:0}#site-header .sh-menu span{display:block;width:22px;height:2px;background:#2567b3;margin:6px auto;border-radius:2px}
#site-header .sh-mask{position:fixed;inset:0;background:rgba(0,0,0,.45)}#site-header .sh-drawer{position:fixed;inset:0 0 0 auto;width:270px;max-width:85vw;background:white;overflow-y:auto;box-shadow:-4px 0 16px #0002}
#site-header .sh-drawer-title{height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}#site-header .sh-close{font-size:26px;width:44px;height:44px}#site-header .sh-drawer a,#site-header .sh-drawer .sh-logout{display:flex;align-items:center;min-height:48px;padding:0 20px;border-bottom:1px solid #f6f7f9;font-size:15px}#site-header .sh-mobile-account p{padding:12px 20px 4px;font-size:12px;color:#999}
#site-header .sh-status{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 20px;color:white;background:#243247;border-radius:8px}
.site-header-space{height:92px}
@media(max-width:1350px){#site-header .sh-nav a{padding:0 14px;font-size:15px}}
@media(max-width:1050px){#site-header .sh-nav a{padding:0 9px}#site-header .sh-nav{margin-right:10px}#site-header .sh-account{flex-basis:130px;width:130px}}
@media(max-width:960px){#site-header .sh-inner{height:60px;padding:0 12px}#site-header .sh-logo img{height:40px;max-width:40vw;object-fit:contain}#site-header .sh-nav{display:none}#site-header .sh-account{margin-left:auto;flex-basis:106px;width:106px}#site-header .sh-login{height:32px;line-height:32px;padding:0 14px;font-size:13px}#site-header .top-info{width:100%}#site-header .sh-user-trigger{gap:6px}#site-header .name{max-width:64px;font-size:13px}#site-header .sh-menu{display:block;margin-left:8px}.site-header-space{height:60px}}

/* Keep the account slot stable while the existing user-info request is pending. */
#site-header.sh-pending .img1{background:#edf1f7}
#site-header.sh-pending .img1 img{visibility:hidden}
#site-header.sh-pending .name{display:block;width:64px;height:14px;background:#edf1f7;border-radius:4px}
#site-header.sh-pending .sh-user-trigger{cursor:default}