:root{
  --c-bg:#f3f6fb;
  --c-surface:#ffffff;
  --c-line:#d8e1ee;
  --c-primary:#1e40af;
  --c-primary-soft:#e8eeff;
  --c-text:#0f172a;
  --c-text-soft:#475569;
  --c-muted:#64748b;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-size:14px;
  line-height:1.65;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--c-text);
  background:var(--c-bg);
}
a{text-decoration:none;color:var(--c-primary)}
ul,ol{margin:0;padding:0;list-style:none}

.container{margin:0 auto;padding:18px 0 40px}
.inner{max-width:1160px;margin:0 auto;padding:0 16px}
.layout-container{display:flex;gap:18px;align-items:flex-start}
.layout-container .main{flex:1;min-width:0}

.text-green{color:#16a34a}
.text-blue{color:var(--c-primary)}
.text-red{color:#dc2626}
.text-orange{color:#ea580c}
.text-gray{color:var(--c-muted)}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:82px;
  height:38px;
  padding:0 14px;
  border:none;
  border-radius:var(--radius-sm);
  font-size:14px;
  color:#fff;
  background:var(--c-primary);
  cursor:pointer;
}
.btn:hover{filter:brightness(.95)}
.btn-gray{background:#6b7280}
.btn-green{background:#16a34a}
.btn-red{background:#dc2626}
.btn-blue{background:var(--c-primary)}
.btn-orange{background:#ea580c}

.mod-tip .bd{
  margin:10px 0 14px;
  padding:9px 12px;
  border:1px solid #fde68a;
  border-radius:10px;
  background:#fffbeb;
  color:#b45309;
  text-align:center;
}

.mod-head{margin-bottom:6px}
.mod-head .bd{
  border:1px solid var(--c-line);
  border-radius:var(--radius-lg);
  background:var(--c-surface);
  box-shadow:0 6px 24px rgba(30,64,175,.08);
}
.mod-head .bd .inner{
  display:flex;
  gap:12px;
  align-items:center;
  min-height:64px;
}
.mod-head .bd .logo{
  display:flex;
  align-items:center;
  padding:0 8px;
  font-size:20px;
  font-weight:700;
  color:var(--c-primary);
  white-space:nowrap;
}
.mod-head .bd nav{flex:1;overflow:auto}
.mod-head .bd ul{display:flex;gap:8px;padding-right:6px}
.mod-head .bd li a{
  display:block;
  padding:8px 11px;
  border-radius:8px;
  color:var(--c-text-soft);
  white-space:nowrap;
}
.mod-head .bd li.active a{
  color:var(--c-primary);
  background:var(--c-primary-soft);
  font-weight:600;
}

.mod-foot .bd{
  margin-top:26px;
  padding:18px 12px;
  border:1px solid var(--c-line);
  border-radius:var(--radius-md);
  background:var(--c-surface);
}
.mod-foot .bd p{margin:6px 0;text-align:center;color:var(--c-muted)}
.mod-foot .bd p a,.mod-foot .bd p span{margin:0 6px;color:var(--c-muted)}

.mod-fixedbar{position:fixed;right:16px;bottom:14px;z-index:99}
.mod-fixedbar a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:999px;
  background:var(--c-primary);
  color:#fff;
  font-size:0;
  box-shadow:0 8px 18px rgba(29,78,216,.25);
}
.mod-fixedbar a::before{content:"↑";font-size:20px;line-height:1}

.baidu-ad-float-wrap{
  position:fixed;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width:160px;
  min-height:600px;
  max-height:100vh;
  overflow:auto;
  z-index:90;
  line-height:0;
}
.baidu-ad-float-wrap ._twpavdtqj1s{
  width:160px;
  min-height:600px;
}

@media (max-width:1024px){
  .layout-container{flex-direction:column}
}
@media (max-width:760px){
  .mod-head .bd .inner{display:block;padding:10px 12px}
  .mod-head .bd .logo{padding:6px 4px}
  .mod-head .bd ul{padding-top:4px}
}