:root{
  --brand:#0b3a7b;
  --brand2:#0f5ba0;
  --text:#17305a;
  --sub:#576e95;
  --line:#dbe6fa;
  --bg:#f5f8fd;
}

body{
  background:var(--bg);
  color:var(--text);
  margin:0;
}

#scroll_container,
#overflow_canvas_container,
#canvas{
  /* 保留兼容旧页面：仅做轻微居中，不改尺寸和高度结构 */
  margin:0 auto;
}

#site_footer,
#footer_content{
  /* 仅优化位置，不重写定位与高度 */
  left:0;
}

.wp-title_content{
  font-family: 'Microsoft YaHei', Arial, sans-serif;
}

.wp-title_content .wp-article_list-thumbnail,
.wp-media_content img,
.wp-product_list-thumbnail,
.wp-baidumap_content{
  border-radius:12px;
  overflow:hidden;
}

.wp-title_content,
.wp-article_list-content,
.wp-new_navigation_content,
.article_list_title_a,
.wp-article_list-list,
.wp-product_list ul li,
.product_list_item{
  color:var(--text);
}

.wp-title_content,
.wp-media_content,
.wp-baidumap_content,
.wp-article_list-content,
.wp-product_list-content,
.wp-article_list-item,
.wp-product_list-item,
.wp-article-content,
.full_content{
  background:rgba(255,255,255,.84);
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 10px 24px rgba(16,55,119,.07);
  padding:16px;
}

.wp-new_navigation_content{
  background:linear-gradient(120deg,var(--brand),var(--brand2));
  border:none;
  border-radius:12px;
  overflow:hidden;
}

.wp-new_navigation_content ul#nav_layerA0A0955C02E2FF53DE0D5F1FFE7C20D3,
.wp-new_navigation_content ul#nav_layerCB9B3B65F5058529331BB535396B2DE4,
.wp-new_navigation_content ul#nav_layerD8CB8DAB489D9E005AD01E44948426F7,
.wp-new_navigation_content ul#nav_layerD8CB8DAB489D9E005AD01E44948426F7,
.wp-new_navigation_content ul#nav_layerD8CB8DAB489D9E005AD01E44948426F7 {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
}

.wp-new_navigation_content li.wp_subtop{
  float:none;
  width:auto;
  min-width:120px;
  height:auto;
  line-height:1.2;
  padding:10px 0;
}

.wp-subtop li{
  list-style:none;
}

.wp_new_navigation_content li,
li.wp_subtop{
  margin:0;
}

.wp-new_navigation_content a{
  color:#fff;
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  display:block;
  padding:8px 14px;
  border-radius:8px;
  transition:.2s;
}

.wp-new_navigation_content a:hover{
  background:rgba(255,255,255,.20);
}

.wp-title_content h1,
.wp-title_content h2,
.article_list-layerB7B0EEC0BD15781720AB007C8905A6A5 p,
.wp-article_content .title,
.wp-product_list ul li .title{
  color:#132f5a;
}

#canvas,
#scroll_container{
  padding:0 0 24px 0;
}

.wp-pager_link,
.wp-product_list-pagination,
.wp-article_content .wp-pager_link{
  border-radius:12px;
  padding:10px 14px;
  background:#fff;
  border:1px solid var(--line);
}

input, select, textarea, button{
  font-size:14px;
  border-radius:8px;
}

input:focus, select:focus, textarea:focus{
  outline:2px solid #b8d3ff;
  outline-offset:0;
}

button,
input[type=submit],
.wp-button{
  background:var(--brand2);
  color:#fff;
  border:0;
  padding:10px 16px;
  cursor:pointer;
  border-radius:8px;
}

.wp-article_list-thumbnail,
.wp-product_list-thumbnail{
  background:#fff;
}

@media (max-width: 900px){
  #scroll_container_bg,
  #site_footer,
  #scroll_container,
  #canvas{
    width:100%;
  }

  .wp-title_content,
  .full_content,
  .wp-media_content,
  .wp-baidumap_content,
  .wp-article_content{
    border-radius:10px;
    padding:12px;
  }

  .wp-new_navigation_content a{
    padding:7px 10px;
    font-size:13px;
  }
}

