/* 体育中学视觉细节优化 2026-10-27：保留原有颜色和页面结构。 */
html,
body {
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
  font-weight: 400;
}

/* 顶部与导航：字重清楚，保留原来的色彩和尺寸。 */
#header .info { font-weight: 400; line-height: 1.65; }
#header .search .form { border-radius: 6px; transition: box-shadow 180ms ease; }
#header .search .form:focus-within { box-shadow: 0 0 0 2px rgba(255, 255, 255, .22); }
#header .search .form input[type="text"] { font-family: inherit; font-weight: 400; }
.headernav .nav .menu-item > a { font-weight: 500; }
.headernav .nav #menu-header-menu > li { transition: background-color 180ms ease; }
.headernav .nav .menu-item .sub-menu { border-radius: 0 0 6px 6px; }
.headernav .nav .menu-item:hover > .sub-menu,
.headernav .nav .menu-item:focus-within > .sub-menu { box-shadow: 0 6px 14px rgba(0, 0, 0, .1); }

/* 首页标题、新闻摘要和日期的细节。 */
#body .title .name { font-weight: 700; line-height: 1.25; letter-spacing: .01em; }
#body .title .name::after { height: 3px; border-radius: 2px; }
#body .more { font-weight: 400; transition: box-shadow 180ms ease, transform 180ms ease; }
#body .more:focus-within { box-shadow: 0 3px 10px rgba(0, 0, 0, .12); }
#body .one .content .left #newbanner .img_pic { border-radius: 6px; }
#body .one .content .left #newbanner .img_pic .ztitle {
  bottom: 0; height: auto; min-height: 50px; padding: 12px 15px;
  font-weight: 500; line-height: 1.5; overflow-wrap: anywhere;
}
#body .one .content .right .newlist .item .itemtitle,
#body .three .left .newlist .item .itemtitle,
#body .three .right .newlist .item .itemtitle { font-size: 15px; font-weight: 500; line-height: 1.5; }
#body .one .content .right .newlist .item .meta,
#body .three .left .newlist .item .meta,
#body .three .right .newlist .item .meta { line-height: 1.65; }
#body .one .content .right .newlist .item .meta p,
#body .three .left .newlist .item .meta p,
#body .three .right .newlist .item .meta p { margin: 6px 0 10px; }
#body .three .left .newlist .item .time,
#body .three .right .newlist .item .time { border-radius: 10px; }
#body .two .product-list .item .imgcon { border-radius: 6px; box-shadow: 0 3px 10px rgba(0, 0, 0, .08); }
#body .two .product-list .item .imgcon img { transition: transform 240ms ease; }
#body .two .product-list .item .itemtitle { font-weight: 400; }

/* 内页沿用既有结构，整理标题、文字和边缘。 */
.mypage .left .infonav .parentitem,
.mypage .left .infonav .post-categories li,
.mypage .left .infonav .menu > .current-menu-item > a,
.mypage .left .infonav .menu > .current-menu-parent > a,
.mypage .left .infonav .current-menu-ancestor > a,
.mypage .left .infonav .current-category-ancestor > a { border-radius: 6px; }
.mypage .right .ntitle { font-size: 20px; font-weight: 700; line-height: 1.4; }
.mypage .right .ntitle::after { border-radius: 2px; }
.mypage .right .ntitle:empty::after { content: none; }
.mypage .right .content { font-size: 15px; font-weight: 400; line-height: 1.9; }
.mypage .right .content img { border-radius: 4px; }
.newlist .content .newitem { border-bottom-style: solid; line-height: 2.1; }
.blog-pagination a, .fenye a { border-radius: 4px; }
#footer .qrcode img { border-radius: 4px; }

@media (hover: hover) {
  #body .more:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0, 0, 0, .1); }
  #body .two .product-list .item:hover .imgcon img { transform: scale(1.015); }
  #footer .quitenav .nav .menu-item > a:hover { text-decoration: underline; text-underline-offset: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  #header .search .form, .headernav .nav #menu-header-menu > li,
  #body .more, #body .two .product-list .item .imgcon img { transition: none; }
  #body .more:hover, #body .two .product-list .item:hover .imgcon img { transform: none; }
}

/* search-gallery-refinement: 文字、图标和图片留白对齐 */
#header .search .form form { display: flex; align-items: center; width: 100%; margin: 0; }
#header .search .form input[type="text"] {
  box-sizing: border-box; flex: 1 1 0; width: 0; min-width: 0;
  height: 36px; line-height: normal; padding: 0 10px; font-size: 15px;
}
#header .search .form button {
  box-sizing: border-box; display: flex; align-items: center; justify-content: center;
  flex: 0 0 36px; width: 36px; height: 36px; min-height: 0; padding: 0;
}
#header .search .form button img { display: block; width: 19px; height: 19px; }
@media (max-width: 800px) {
  #header .search .form input[type="text"] { height: 40px; font-size: 16px; }
  #header .search .form button { flex-basis: 40px; width: 40px; height: 40px; }
}

/* 风光图片按原比例显示，收紧图片和标题之间的空白。 */
.category-pro3 .pro .content .pro-con .pro-item {
  height: auto; aspect-ratio: 16 / 9; border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
}
.category-pro3 .pro .content .pro-con .pro-item .img_pic,
.category-pro3 .pro .content .pro-con .pro-item .img_pic > a {
  display: block; width: 100%; height: 100%;
}
.category-pro3 .pro .content .pro-con .pro-item img {
  display: block; width: 100%; height: 100%; object-fit: contain;
  transition: transform 240ms ease;
}
.category-pro3 .pro .content .pro-title { height: auto; line-height: 1.5; padding: 8px 0 14px; }
#body .two .product-list .item .imgcon,
.category-pro3 .pro .content .pro-con .pro-item { transition: transform 220ms ease, box-shadow 220ms ease; }
.category-pro3 .pro .content .pro-con:focus-within .pro-item { box-shadow: 0 4px 12px rgba(0, 0, 0, .14); }
@media (hover: hover) {
  #body .two .product-list .item:hover .imgcon,
  .category-pro3 .pro .content .pro-con:hover .pro-item {
    transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, .12);
  }
  .category-pro3 .pro .content .pro-con:hover .pro-item img { transform: scale(1.015); }
}
@media (prefers-reduced-motion: reduce) {
  #body .two .product-list .item .imgcon,
  .category-pro3 .pro .content .pro-con .pro-item,
  .category-pro3 .pro .content .pro-con .pro-item img { transition: none; }
  #body .two .product-list .item:hover .imgcon,
  .category-pro3 .pro .content .pro-con:hover .pro-item,
  .category-pro3 .pro .content .pro-con:hover .pro-item img { transform: none; }
}

/* news-row-spacing-refinement: 日期块完整留在各自的新闻行内。 */
#body .three .left .newlist .item,
#body .three .right .newlist .item {
  display: flow-root;
  padding-bottom: 12px;
}

/* 标题和查看更多与列表边缘对齐；两列的对应新闻行保持同高。 */
#body .three .content .newlisttitlecon { padding-left: 15px; padding-right: 15px; }
#body .three .content .newlisttitlecon .more { margin-top: 5.5px; }
@media (min-width: 801px) {
  #body .three .content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #body .three .content::after { content: none; }
  #body .three .content > .left,
  #body .three .content > .right { display: flex; flex-direction: column; float: none; width: auto; }
  #body .three .content > .left > .newlist,
  #body .three .content > .right > .newlist {
    display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr;
    flex: 1 1 auto; min-width: 0;
  }
  #body .three .content > .left > .newlist > .item,
  #body .three .content > .right > .newlist > .item { min-width: 0; }
}
@media (max-width: 800px) {
  #body .three .content .newlisttitlecon { padding-left: 0; padding-right: 0; }
  #body .three .content .newlisttitlecon .more { margin-top: 0; }
}
