/* 星光上岸 · 公共样式（官网 / 模考 / 自学 共用）
   线上地址：https://edustar.site/assets/xg/xg.css
   改颜色、字体只改这里的 :root。规范说明见 DESIGN.md */
:root{
  --xg-paper:#F6F3EC;
  --xg-paper-2:#EEE9DD;
  --xg-card:#FFFFFF;
  --xg-ink:#1E2723;
  --xg-ink-2:#55605B;
  --xg-green:#0B6B53;
  --xg-green-deep:#08493A;
  --xg-gold:#B8893A;
  --xg-warn:#A0522D;
  --xg-rule:#D9D2C3;
  --xg-radius:2px;
  --xg-serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;
  --xg-sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
}

/* 统一顶栏 */
.xg-top{background:var(--xg-paper);border-bottom:1px solid var(--xg-rule);font-family:var(--xg-sans);position:relative;z-index:50}
.xg-top .xg-in{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:64px;gap:36px}
.xg-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important}
.xg-brand img{width:24px;height:auto}
.xg-brand span{font:900 19px/1 var(--xg-serif);letter-spacing:.06em;color:var(--xg-green-deep)}
.xg-top .xg-menu{display:flex;gap:28px;font-size:15px;flex:1;margin:0;padding:0}
.xg-top .xg-menu a{text-decoration:none!important;color:var(--xg-ink-2);padding:20px 0;border-bottom:2px solid transparent;white-space:nowrap}
.xg-top .xg-menu a:hover{color:var(--xg-ink)}
.xg-top .xg-menu a.on{color:var(--xg-ink);border-color:var(--xg-gold)}
.xg-cta{font-size:14px;text-decoration:none!important;background:var(--xg-green);color:#fff!important;padding:8px 16px;border-radius:var(--xg-radius);white-space:nowrap}
.xg-cta:hover{background:var(--xg-green-deep)}

/* 统一页脚 */
.xg-foot{border-top:1px solid var(--xg-rule);background:var(--xg-paper);font:13px/1.8 var(--xg-sans);color:var(--xg-ink-2)}
.xg-foot .xg-in{max-width:1120px;margin:0 auto;padding:28px 24px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
.xg-foot a{color:var(--xg-ink-2);text-decoration:none}
.xg-foot a:hover{color:var(--xg-ink)}

@media (max-width:820px){
  .xg-top .xg-in{gap:12px;height:auto;padding:10px 16px 0;flex-wrap:wrap}
  .xg-top .xg-menu{order:3;flex-basis:100%;gap:12px;font-size:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .xg-top .xg-menu a{padding:10px 0}
  .xg-cta{margin-left:auto}
  .xg-foot .xg-in{padding:24px 16px}
}

/* 顶栏账号区（模考 / 申论自学 共用） */
.xg-top .xg-acct{display:flex;align-items:center;min-width:0;flex-shrink:1;font-size:14px;color:var(--xg-ink-2);white-space:nowrap;overflow:hidden}
.xg-top .xg-acct-name{max-width:6em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xg-top .xg-acct a{text-decoration:none!important;color:var(--xg-ink-2)}
.xg-top .xg-acct a:hover{color:var(--xg-ink)}
.xg-top .xg-acct-name + a{margin-left:6px}
.xg-top .xg-acct-name + a::before{content:"·";margin-right:6px;color:var(--xg-ink-2)}

@media (max-width:820px){
  .xg-top .xg-acct{margin-left:auto;flex-shrink:1;min-width:0;font-size:13px}
  .xg-top .xg-acct-name{max-width:4em}
  .xg-top .xg-acct + .xg-cta{padding:7px 12px;font-size:13px}
  .xg-acct + .xg-cta{margin-left:0}
}