/* 嵌入用：给原站复刻页套上商学院网新站的导航与页脚 */
:root{
  --paper:#FAF9F7; --ink:#171614; --ink-2:#3A3733; --muted:#6E6961; --muted-2:#9A958E;
  --line:#E4DFD6; --line-2:#EFEBE4; --red:#C50F3C; --navy:#081F2D;
  --serif:"Songti SC","Source Han Serif SC","Noto Serif SC","Songti TC",serif;
  --sans:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --w:1216px;
}
header *,footer *{box-sizing:border-box}
body{padding-top:81px !important}

/* 导航 */
header{position:fixed;left:0;right:0;top:0;z-index:60;font-family:var(--sans);
  background:var(--paper);border-top:3px solid var(--red);border-bottom:1px solid var(--line);
  transform:translateY(0);transition:transform .5s cubic-bezier(.2,.7,.2,1),background .35s ease,box-shadow .35s ease}
header .wrap{max-width:var(--w);margin:0 auto;padding:0 32px}
.hd{display:flex;align-items:center;gap:36px;height:78px}
.logo{display:flex;align-items:center}
.logo img{width:auto;display:block;height:44px}
.logo .lw{height:44px;margin:0}
.logo .lc{display:block}.logo .lw{display:none}
header nav{display:flex;gap:30px;margin-left:8px}
header nav a{font-size:14.5px;letter-spacing:.08em;padding:6px 0;border-bottom:2px solid transparent;
  color:var(--ink);text-decoration:none}
header nav a:hover{color:var(--red)}
.hd-r{margin-left:auto;display:flex;align-items:center;gap:22px}
.srch{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);border-bottom:0;padding-bottom:0;transition:color .25s ease}
.srch:hover{color:var(--ink)}
.srch svg{opacity:.75;transition:opacity .25s ease}
.srch:hover svg{opacity:1}
.srch svg{width:13px;height:13px}
.cta-red{font-size:13px;letter-spacing:.1em;border-bottom:2px solid #C50F3C;padding-bottom:3px;color:var(--ink);text-decoration:none}
.cta-red:hover{color:var(--red)}

/* 页脚 */
footer{margin-top:0;background:#14120F;color:#CFC7BA;padding:56px 0 0;font-family:var(--sans)}
footer .wrap{max-width:var(--w);margin:0 auto;padding:0 32px}
footer .ft{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:48px;padding-bottom:48px}
footer .ft .brand img{height:38px;margin:0 0 14px;width:auto;opacity:.95}
footer .ft .brand p{font-size:12px;line-height:1.9;color:#8E867A;margin-top:16px;max-width:24em}
footer .ft h5{font-size:10.5px;letter-spacing:.22em;color:#7E766A;margin-bottom:16px;font-weight:400}
footer .ft ul{list-style:none;margin:0;padding:0}
footer .ft li{margin-bottom:9px;font-size:13px}
footer .ft li a{color:inherit;text-decoration:none}
footer .ft li a:hover{color:#fff}
footer .brands{display:flex;align-items:center;gap:46px;flex-wrap:wrap;padding:30px 0 6px;margin-top:6px}
footer .brands img{height:26px;width:auto;opacity:.72;transition:opacity .3s}
footer .brands img:hover{opacity:1}
footer .icp-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
footer .icp a{color:inherit;text-decoration:none}
footer .icp a:hover{color:#fff}
footer .icp .police{display:inline-flex;align-items:center;gap:5px}
footer .icp .police img{height:14px;width:auto;display:block}
footer .icp{padding:18px 0;display:flex;justify-content:space-between;font-size:11px;color:#6E6659;letter-spacing:.04em}

/* 隐藏原站页头页脚与平台备案条 */
#smv_Area0,#smv_Area3,#all-icp-bottom{display:none !important}
header .menu-btn{display:none}

@media (max-width:1023px){
  body{padding-top:67px !important}
  .hd{height:64px}
  header nav,header .srch,header .cta-red{display:none}
  footer .ft{grid-template-columns:1fr 1fr;gap:32px 24px}
  footer .ft .brand{grid-column:1/-1}
  footer .icp{flex-direction:column;gap:6px}
}

header.hidden{transform:translateY(-100%)}
header.dark{background:rgba(68,68,68,.62);border-top-color:transparent;border-bottom-color:transparent;
  backdrop-filter:saturate(170%) blur(16px);-webkit-backdrop-filter:saturate(170%) blur(16px);box-shadow:0 6px 20px rgba(0,0,0,.22)}
header.dark nav a,header.dark .srch,header.dark .cta-red{color:rgba(255,255,255,.9)}
header.dark .logo .lc{display:none}header.dark .logo .lw{display:block}

header.dark nav a{color:rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.25)}
header.dark nav a.on,header.dark nav a:hover{color:#fff;border-color:#C50F3C}
header.dark .srch,header.dark .cta-red{color:#fff;border-color:#C50F3C}

/* 手机菜单追加的「搜索」入口只在手机端显示 */
header nav a[data-mobile-search]{display:none}
@media (max-width:1023px){ header nav a[data-mobile-search]{display:block} }

/* 手机端：导航里不放搜索，搜索入口保持在右上角 */
@media (max-width:1023px){
  header .srch{display:flex !important;margin-left:auto;margin-right:12px;align-items:center;gap:5px}
  header .srch svg{width:14px;height:14px}
  header .menu-btn{margin-left:0 !important}
}

/* 顶栏右侧控件：搜索=纯图标（工具），榜单=红描边胶囊（动作） */
header .srch{font-size:0 !important;border-bottom:0 !important;padding:0 !important;gap:0 !important}
header .srch svg{width:16px;height:16px;opacity:.8;transition:opacity .25s ease,color .25s ease}
header .srch:hover svg{opacity:1}
header.dark .srch svg{opacity:.92}
header .cta-red{border:1px solid var(--red) !important;border-radius:999px;padding:6px 15px !important;
  font-size:12.5px !important;letter-spacing:.12em;line-height:1;color:var(--red) !important;
  transition:background .22s ease,color .22s ease,border-color .22s ease}
header .cta-red:hover{background:var(--red);color:#fff !important}
header.dark .cta-red{border-color:#E8556F !important;color:#fff !important}
header.dark .cta-red:hover{background:var(--red);border-color:var(--red) !important}

/* 榜单：不用圆角胶囊，改成左上角一个红色直角（与站内卡片的直角标记语言一致） */
header .cta-red{position:relative;border:0 !important;border-radius:0 !important;background:none !important;
  padding:2px 0 2px 12px !important;font-size:12.5px !important;letter-spacing:.12em;line-height:1.25;
  color:var(--ink) !important;transition:color .22s ease}
header .cta-red::before{content:"";position:absolute;left:3px;top:-2px;width:9px;height:9px;
  border-left:2px solid var(--red);border-top:2px solid var(--red);transition:border-color .22s ease}
header .cta-red:hover{color:var(--red) !important}
header.dark .cta-red{color:#fff !important}
header.dark .cta-red::before{border-color:#E8556F}
header.dark .cta-red:hover{color:#E8556F !important}