/* sino-shell.css · sinogenomics.com/tools/ 的外壳：页头、页脚、「需要完整分析」入口。
   工具区（.conter 里的内容）沿用原有 style.css / main.css / hst-tools.css / v2.css，这里只管外壳。
   由 r9/sino-tools/build.py 原样拷到 css/，在其它样式表之后加载。 */
:root{--sg-teal:#0d9488;--sg-teal-dark:#0f766e;--sg-text:#334155;--sg-line:#e2e8f0;--sg-foot:#020617}
html{scroll-padding-top:76px}

/* 页头：白底吸顶；原 .conter 为固定页头留的上边距改为 0 */
header.sg-head{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid var(--sg-line);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px)}
.sg-head + .conter{margin-top:0}
.sg-bar{max-width:1200px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box}
.sg-logo{display:flex;align-items:center;flex:0 0 auto}
.sg-logo img,.sg-foot-logo img{display:block;height:40px;width:auto;max-width:none;object-fit:contain}
.sg-nav{display:flex;align-items:center;gap:4px;min-width:0}
.sg-nav a{display:inline-flex;align-items:center;height:40px;padding:0 12px;border-radius:8px;color:var(--sg-text);font-size:15px;font-weight:500;line-height:1;white-space:nowrap;text-decoration:none}
.sg-nav a:hover{color:var(--sg-teal);background:#f8fafc}
.sg-nav a.cur{color:var(--sg-teal-dark);font-weight:600}
.sg-nav a.sg-lang{margin-left:8px;height:32px;padding:0 12px;border:1px solid var(--sg-line);border-radius:999px;font-size:13px;font-weight:500;color:var(--sg-text)}
.sg-nav a.sg-lang:hover{border-color:var(--sg-teal);color:var(--sg-teal);background:#fff}
@media (max-width:600px){
  html{scroll-padding-top:68px}
  .sg-bar{height:56px;padding:0 16px;gap:8px}
  .sg-logo img{height:34px}
  .sg-nav{gap:2px}
  .sg-nav a{height:36px;padding:0 8px;font-size:14px}
  .sg-nav a.sg-lang{margin-left:4px;height:30px;padding:0 10px}
}
@media (max-width:359px){
  .sg-bar{padding:0 12px}
  .sg-logo img{height:30px}
  .sg-nav a{padding:0 6px}
}

/* 页脚：深色底，与 sinogenomics.com 首页页脚同色 */
footer.sg-foot{position:relative;background:var(--sg-foot);color:#94a3b8;padding:40px 0 28px;font-size:14px;line-height:1.7}
footer.sg-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#1e3a8a,#14b8a6,#1e3a8a);opacity:.6}
.sg-foot-in{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;box-sizing:border-box}
.sg-foot-logo{flex:0 0 auto}
.sg-foot-note{flex:1 1 320px;margin:0;color:#cbd5e1}
.sg-foot-links{display:flex;flex-wrap:wrap;gap:8px 24px}
.sg-foot-links a{color:#cbd5e1;text-decoration:none}
.sg-foot-links a:hover{color:#2dd4bf}
.sg-copy{flex:1 1 100%;margin:4px 0 0;padding-top:16px;border-top:1px solid #1e293b;color:#94a3b8;font-size:13px}
@media (max-width:600px){
  footer.sg-foot{padding:32px 0 24px}
  .sg-foot-in{padding:0 16px}
  .sg-foot-logo img{height:34px}
}