/* =========================================================================
   manuscript.css —— 投稿指南页（manuscript.php）专用样式
   · 所有选择器都以 .jg（journal guide）命名空间开头，不影响全站其它页面
   · 需要压过的全局规则：popbox.css `*{list-style-type:none}`、styles/style.css
     `*:focus{outline:none}` / `h1-h6{font-weight:normal;font-family:TuffyRegular}` /
     `p,ul{margin-bottom:20px}`、css/style.css `a{color:#444}` / `p{font-size:15px}`
   · 四刊主题色与首页 Highlights 保持一致：
     A #2c60ac；B #00a058；EITEE #da4548；BDM #946fb2
   ========================================================================= */

.jg{
  --jg-accent:#2c60ac;
  --jg-accent-hover:#234d8a;
  clear:both;
  padding:6px 0 56px;
  text-align:left;
  color:#1f2933;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:15px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
.jg--jzus-a{--jg-accent:#2c60ac;--jg-accent-hover:#234d8a}
.jg--jzus-b{--jg-accent:#00a058;--jg-accent-hover:#008047}
.jg--eitee{--jg-accent:#da4548;--jg-accent-hover:#b93639}
.jg--bdm{--jg-accent:#946fb2;--jg-accent-hover:#785990}
.jg *,.jg *::before,.jg *::after{box-sizing:border-box}
.jg a:focus-visible{outline:2px solid #0a6aa8;outline-offset:2px}
.jg-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- 页头：标题 + 四刊标签 ---------- */
/* 主题对 header/nav 元素有全局规则（styles/style.css：header{width:940px} nav{float:right;z-index:9000}），逐一复位 */
.jg-head{float:none;position:static;width:auto;margin:0 0 24px;padding:0;border-bottom:1px solid #dfe3e8}
.jg-tabs{float:none;position:static;z-index:auto;width:auto;margin:0;padding:0}
.jg-title{
  margin:14px 0 20px;
  font-family:inherit;
  font-size:26px;line-height:1.25;font-weight:700;letter-spacing:-.01em;
  color:#14376c;
}
/* 四个标签一行铺满容器宽度（flex 按内容比例分配剩余空间）；极端字体下宽度不够时横向滚动而不换行 */
.jg-tabs ul{display:flex;flex-wrap:nowrap;gap:2px;margin:0 0 -1px;padding:0;list-style:none;overflow-x:auto}
.jg-tabs li{flex:1 1 auto;margin:0;padding:0;list-style:none}
.jg-tab{
  display:block;position:relative;
  padding:10px 16px 12px;
  border-bottom:3px solid transparent;
  white-space:nowrap;
  border-radius:6px 6px 0 0;
  color:#52606d;text-decoration:none;
  transition:color .15s,background-color .15s,border-color .15s;
}
.jg-tab:hover{color:#14376c;background:#f5f7fa;border-bottom-color:#cbd2d9;text-decoration:none}
.jg-tab:focus-visible{outline:2px solid #0a6aa8;outline-offset:-2px}
.jg-tab--jzus-a{--jg-tab-accent:#2c60ac}
.jg-tab--jzus-b{--jg-tab-accent:#00a058}
.jg-tab--eitee{--jg-tab-accent:#da4548}
.jg-tab--bdm{--jg-tab-accent:#946fb2}
.jg-tab-name{display:block;font-size:16px;line-height:1.3;font-weight:600;color:var(--jg-tab-accent)}
.jg-tab-field{display:block;margin-top:3px;font-size:12px;line-height:1.3;color:#6b7785}
.jg-tab[aria-current="page"]{color:var(--jg-tab-accent);border-bottom-color:var(--jg-tab-accent)}
.jg-tab[aria-current="page"] .jg-tab-field{color:var(--jg-tab-accent)}
.jg-tab[aria-current="page"]:hover{background:transparent}

/* ---------- 刊头：刊物全名 + 投稿按钮 ---------- */
.jg-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 28px}
.jg-journal{margin:0;font-size:15px;line-height:1.5;color:#52606d}
.jg-journal strong{color:var(--jg-accent);font-weight:600}
.jg-btn{
  display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;
  padding:9px 16px;border-radius:6px;
  background:var(--jg-accent);color:#fff;font-size:14px;font-weight:600;line-height:1.2;
  text-decoration:none;white-space:nowrap;
  transition:background-color .15s;
}
.jg-btn:hover{background:var(--jg-accent-hover);color:#fff;text-decoration:none}
.jg-btn:focus-visible{outline:2px solid var(--jg-accent);outline-offset:2px}
.jg-btn svg{width:14px;height:14px;flex:0 0 auto}

/* ---------- 双栏：正文 + 右侧粘性目录 ---------- */
.jg-layout{display:grid;grid-template-columns:minmax(0,1fr) 236px;column-gap:44px;align-items:start}
.jg-body{order:1;min-width:0}
.jg-side{order:2;position:-webkit-sticky;position:sticky;top:20px}

.jg-toc{float:none;position:static;z-index:auto;width:auto;margin:0;border-left:2px solid #e5e9ee;font-size:13.5px}
.jg-toc-title{margin:0 0 8px 16px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7785}
.jg-toc ol{margin:0;padding:0;list-style:none}
.jg-toc li{margin:0;padding:0;list-style:none}
.jg-toc a{
  display:block;margin-left:-2px;padding:5px 8px 5px 16px;
  border-left:2px solid transparent;
  color:#52606d;line-height:1.4;text-decoration:none;
  transition:color .15s,border-color .15s;
}
.jg-toc a:hover{color:#14376c;border-left-color:#cbd2d9;text-decoration:none}
.jg-toc a:focus-visible{outline-offset:-2px}
.jg-toc ol ol a{padding-left:30px;font-size:13px}
.jg-toc li.is-open > a{color:#14376c}
.jg-toc a[aria-current]{color:#14376c;font-weight:600;border-left-color:#0088cc}
.jg-js .jg-toc ol ol{display:none}
.jg-js .jg-toc li.is-open > ol{display:block}

/* ---------- 正文排版 ---------- */
.jg-body{font-family:Georgia,"Times New Roman",Times,serif;font-size:16px;line-height:1.65;color:#1f2933}
.jg-body h2,.jg-body h3,.jg-body h4{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Microsoft YaHei",sans-serif;
  color:#14376c;
  scroll-margin-top:20px;
}
.jg-body h2{margin:44px 0 14px;padding-bottom:8px;border-bottom:1px solid #e5e9ee;font-size:21px;line-height:1.3;font-weight:600}
.jg-body h2:first-child{margin-top:0}
.jg-body h3{margin:28px 0 8px;font-size:16.5px;line-height:1.35;font-weight:600;color:#1f2933}
.jg-body h4{margin:20px 0 6px;font-size:14.5px;line-height:1.35;font-weight:600;color:#3e4c59}
.jg-body p{margin:0 0 14px;font-size:16px;line-height:1.65}
.jg-body ul,.jg-body ol{margin:0 0 16px 1.5em;padding:0}
.jg-body ul{list-style:disc}
.jg-body ol{list-style:decimal}
.jg-body ul>li{list-style-type:disc}
.jg-body ol>li{list-style-type:decimal}
.jg-body li{margin:0 0 5px}
.jg-body p,.jg-body li,.jg-body dd{overflow-wrap:anywhere}
.jg-body a{
  color:#0a6aa8;
  text-decoration:underline;text-decoration-color:rgba(10,106,168,.35);
  text-decoration-thickness:1px;text-underline-offset:2px;
}
.jg-body a:hover{color:#085a90;text-decoration-color:currentColor}
.jg-body strong,.jg-body b{font-weight:700}
.jg-body sup{font-size:.72em;line-height:0;vertical-align:super}
.jg-body img{max-width:100%;vertical-align:middle}

/* 投稿系统列表（logo + 地址） */
.jg-body ul.jg-systems{margin:4px 0 18px;padding:0;list-style:none}
.jg-body .jg-systems>li{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0 0 8px;list-style:none}
.jg-systems a{
  display:inline-flex;align-items:center;gap:10px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;font-weight:600;text-decoration:none;
}
.jg-systems a:hover{text-decoration:underline}
.jg-systems img{width:52px;height:40px;padding:2px;object-fit:contain;border:1px solid #e5e9ee;border-radius:4px;background:#fff}
.jg-systems .jg-for{color:#52606d}

/* 刊别 → 栏目 概览 */
.jg-body dl.jg-dl{margin:0 0 18px;padding:14px 16px;background:#f5f7fa;border-radius:6px}
.jg-dl div{display:flex;gap:12px;margin:0 0 6px}
.jg-dl div:last-child{margin-bottom:0}
.jg-dl dt{
  flex:0 0 66px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;line-height:1.75;font-weight:700;color:#14376c;
}
.jg-dl dd{margin:0}

/* 参考文献 / 示例：悬挂缩进 */
.jg-body ul.jg-plain{margin:0 0 16px;padding:0;list-style:none}
.jg-body .jg-plain>li{margin:0 0 6px;padding-left:2em;text-indent:-2em;font-size:14.5px;line-height:1.55;color:#3e4c59;list-style:none}
.jg-body .jg-ex{padding-left:2em;text-indent:-2em}

/* 正文文件缺失时的提示 */
.jg-body .jg-missing{padding:14px 16px;background:#fff7e6;border:1px solid #f5d38a;border-radius:6px}

/* ---------- 窄屏（容器改为流式时生效） ---------- */
@media (max-width:820px){
  .jg-layout{display:block}
  .jg-side{position:static;margin-bottom:28px}
  .jg-toc{padding:12px 14px;border-left:0;background:#f5f7fa;border-radius:6px}
  .jg-toc-title{margin-left:0}
  .jg-toc a{margin-left:0;padding-left:0;border-left:0}
  .jg-toc ol ol a{padding-left:14px}
  .jg-tab{padding:10px 14px 12px}
}

/* ---------- 打印：去掉标签、目录、按钮，单栏 ---------- */
@media print{
  .jg-tabs,.jg-side,.jg-btn{display:none}
  .jg-layout{display:block}
  .jg-body a{color:inherit;text-decoration:none}
  .jg-body h2,.jg-body h3{break-after:avoid}
}

/* ---------- 动效偏好 ---------- */
@media (prefers-reduced-motion:no-preference){
  html:has(.jg){scroll-behavior:smooth}
}
@media (prefers-reduced-motion:reduce){
  .jg *{transition:none!important}
}
