/* 留学学业指南 — 与官网共用设计令牌（取自 /css/main.css :root） */
:root{
  --navy:#1a2236; --navy-light:#2a3a5a; --gold:#b8864c; --gold-light:#d4a86a;
  --cream:#f8f6f1; --white:#fefdfc; --text:#2c2c2c; --text-secondary:#6b6b6b;
  --text-muted:#999; --border:#e8e4de;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;
  background:#faf8f5; color:var(--text); line-height:1.85; font-size:16.5px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--navy-light); text-decoration:none; border-bottom:1px solid rgba(42,58,90,.22)}
a:hover{color:var(--gold); border-bottom-color:var(--gold)}

/* ---------- 顶栏 ---------- */
.top{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 22px; background:var(--navy); color:#fff; position:sticky; top:0; z-index:20;
}
.brand{display:flex; align-items:center; gap:10px; border:0; color:#fff}
.brand-mark{
  width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--gold),var(--gold-light));
  display:grid;place-items:center;font-weight:700;font-size:14px;color:var(--navy);
}
.brand-txt{display:flex;flex-direction:column;line-height:1.25}
.brand-txt strong{font-size:15px;letter-spacing:.2px}
.brand-txt small{font-size:11px;color:rgba(255,255,255,.6)}
.top-nav{display:flex;align-items:center;gap:18px}
.top-nav a{color:rgba(255,255,255,.82);border:0;font-size:14px}
.top-nav a:hover{color:#fff}
.top-cta{background:var(--gold);color:var(--navy)!important;padding:7px 15px;border-radius:999px;font-weight:600}

/* ---------- 主栏 ---------- */
main{max-width:760px;margin:0 auto;padding:26px 20px 60px}
.crumbs{font-size:13px;color:var(--text-muted);margin-bottom:20px}
.crumbs a{color:var(--text-secondary);border:0}
.crumb-cur{color:var(--text-muted)}

article h1{
  font-family:'Noto Serif SC',serif; font-size:29px; line-height:1.45; margin:0 0 22px;
  color:var(--navy); letter-spacing:-.2px;
}
article h2{
  font-family:'Noto Serif SC',serif; font-size:20px; line-height:1.5; margin:40px 0 14px;
  color:var(--navy); padding-bottom:9px; border-bottom:2px solid var(--border);
}
article p{margin:0 0 15px}
section{scroll-margin-top:70px}

/* ---------- 答案前置 ---------- */
.answer{
  background:var(--white); border:1px solid var(--border); border-left:4px solid var(--gold);
  border-radius:10px; padding:20px 22px; margin:0 0 22px;
}
.answer-label{
  font-size:12px; letter-spacing:1.4px; color:var(--gold); font-weight:700; margin-bottom:7px;
}
.answer p{margin:0; font-size:17px; color:var(--navy); line-height:1.8}

/* ---------- 关键事实 ---------- */
.keyfacts{
  list-style:none; padding:0; margin:0 0 8px; display:grid; gap:9px;
}
.keyfacts li{
  position:relative; padding:11px 15px 11px 40px; background:var(--cream);
  border-radius:8px; font-size:15.5px; line-height:1.7;
}
.keyfacts li::before{
  content:"✓"; position:absolute; left:15px; top:11px; color:var(--gold); font-weight:700;
}

/* ---------- 表格 ---------- */
.tbl{margin:22px 0; padding:0}
.tbl figcaption{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:9px}
.tbl-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:var(--white)}
table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:520px}
thead th{
  background:var(--navy); color:#fff; text-align:left; padding:11px 13px;
  font-weight:600; font-size:13.5px; white-space:nowrap;
}
tbody td{padding:11px 13px;border-top:1px solid var(--border);vertical-align:top;line-height:1.65}
tbody tr:nth-child(even){background:#fbfaf7}
.tbl-note{font-size:12.5px;color:var(--text-muted);margin:8px 0 0;line-height:1.6}

/* ---------- 适用范围 ---------- */
.scope{
  background:#fdfbf6; border:1px solid var(--border); border-radius:10px;
  padding:18px 22px; margin:38px 0 0;
}
.scope h2{margin-top:0;border:0;padding:0;font-size:17px}
.scope p{font-size:15px;margin-bottom:9px}
.scope p:last-child{margin-bottom:0}

/* ---------- FAQ ---------- */
.faq-item{
  border:1px solid var(--border); border-radius:9px; background:var(--white);
  margin-bottom:9px; overflow:hidden;
}
.faq-item summary{
  cursor:pointer; padding:14px 18px; font-weight:600; color:var(--navy);
  font-size:15.5px; list-style:none;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"＋";float:right;color:var(--gold);font-weight:400}
.faq-item[open] summary::after{content:"－"}
.faq-a{padding:0 18px 16px; font-size:15px; color:var(--text-secondary); line-height:1.85}

/* ---------- 出处 ---------- */
.src-intro{font-size:14px;color:var(--text-secondary)}
.src-list{list-style:none;padding:0;margin:14px 0 0}
.src-list li{
  padding:11px 0; border-bottom:1px dashed var(--border); font-size:14.5px; line-height:1.6;
}
.src-list li:last-child{border-bottom:0}
.src-meta{display:block;font-size:12.5px;color:var(--text-muted);margin-top:3px}

/* ---------- 署名 ---------- */
.byline{
  display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; align-items:flex-end;
  margin-top:34px; padding-top:18px; border-top:1px solid var(--border);
}
.by-name{font-weight:600;color:var(--navy);font-size:15px}
.by-cred{display:block;font-size:13px;color:var(--text-muted);margin-top:3px;max-width:430px;line-height:1.6}
.byline-meta{font-size:13px;color:var(--text-muted)}

/* ---------- CTA ---------- */
.cta{
  margin:44px 0 0; padding:26px 24px; border-radius:14px;
  background:linear-gradient(150deg,var(--navy),var(--navy-light)); color:#fff;
}
.cta h2{color:#fff;font-family:'Noto Serif SC',serif;font-size:20px;margin:0 0 9px;line-height:1.5}
.cta-txt p{color:rgba(255,255,255,.78);font-size:15px;margin:0 0 20px;line-height:1.8}
.cta-form{display:grid;gap:10px}
.cta-form input,.cta-form select,.cta-form textarea{
  width:100%; padding:12px 14px; border-radius:9px; border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.1); color:#fff; font-size:15px; font-family:inherit; resize:vertical;
}
.cta-form input::placeholder,.cta-form textarea::placeholder{color:rgba(255,255,255,.45)}
.cta-form select option{color:#222}
.cta-btn{
  padding:14px; border:0; border-radius:9px; background:var(--gold); color:var(--navy);
  font-size:16px; font-weight:700; cursor:pointer; font-family:inherit;
}
.cta-btn:hover:not(:disabled){background:var(--gold-light)}
.cta-btn:disabled{opacity:.65;cursor:default}
.cta-note{font-size:12.5px;color:rgba(255,255,255,.5);margin:2px 0 0;line-height:1.6}
.cta-ok{padding:14px;background:rgba(255,255,255,.14);border-radius:9px;text-align:center;font-size:15px}

/* ---------- 相关阅读 ---------- */
.related{margin:40px 0 0}
.related h2{font-size:17px;color:var(--navy);margin:0 0 12px;font-family:'Noto Serif SC',serif}
.related ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.related li a{font-size:15px;border:0;color:var(--navy-light)}
.related li a:hover{color:var(--gold)}

/* ---------- 枢纽页 ---------- */
.hub-intro{font-size:15px;color:var(--text-secondary);margin:16px 0 34px}
.hub-list{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.hub-list li{
  padding:14px 17px;background:var(--white);border:1px solid var(--border);border-radius:10px;
}
.hub-list li a{font-weight:600;font-size:16px;border:0;color:var(--navy)}
.hub-list li a:hover{color:var(--gold)}
.hub-desc{display:block;font-size:13.5px;color:var(--text-muted);margin-top:4px;line-height:1.65}

/* ---------- 页脚 ---------- */
.foot{
  border-top:1px solid var(--border); padding:26px 20px 40px; text-align:center;
  font-size:13.5px; color:var(--text-muted); background:var(--cream);
}
.foot p{margin:0 0 6px}
.foot-note{font-size:12.5px;color:#a9a49c}
.foot-boundary{
  max-width:640px;margin:14px auto 0;padding:11px 16px;font-size:12.5px;line-height:1.75;
  color:var(--navy-light);background:#fff;border:1px solid var(--border);border-radius:8px;
}
.foot-boundary strong{color:var(--navy);font-weight:600}

@media(max-width:640px){
  body{font-size:16px}
  main{padding:18px 16px 44px}
  article h1{font-size:23px}
  article h2{font-size:18px}
  .top{padding:11px 15px}
  .brand-txt small{display:none}
  .cta{padding:22px 18px;border-radius:12px}
}