.width {
  width: 1360px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .width {
    width: 100%;
    box-sizing: border-box;
  }
  .width p {
    padding: 0 10px;
  }
}
.container {
  width: 1360px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .container {
    width: 100%;
    box-sizing: border-box;
  }
}
.ad-width {
  width: 1360px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .ad-width {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
}
@media (max-width: 768px) {
  .ad-width {
    padding: 0 0;
  }
}
.mobile_menu {
  display: none;
}
@media (max-width: 768px) {
  .mobile_menu {
    display: flex;
    width: 0px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background-color: rgba(17, 17, 17, 0.9);
    z-index: 99;
  }
  .mobile_menu .mobile_menu_content {
    width: 100%;
  }
  .mobile_menu .mobile_menu_content .mobile_menu-close {
    height: 90px;
    line-height: 70px;
    text-align: right;
    padding-right: 30px;
    font-size: 40px;
    border-bottom: 1px solid #053B50;
  }
  .mobile_menu .mobile_menu_content ul {
    overflow: auto;
    height: calc(100vh - 160px);
    padding: 20px 40px;
  }
  .mobile_menu .mobile_menu_content ul li a {
    color: #ffffff;
    font-size: 25px;
    line-height: 30px;
  }
  .mobile_menu .mobile_menu_content ul li {
    list-style: none;
    margin: 20px 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
  }
}
.footer-container {
  background: #061019;
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #FEF4EA;
  padding-bottom: 80px;
}
.footer-container .footer-space {
  margin: 14px 0;
}
.footer-container ul {
  display: flex;
  margin-bottom: 20px;
}
.footer-container ul li {
  margin: 0 20px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .footer-container ul li {
    margin: 0 10px;
  }
}
.footer-container ul a {
  color: #FEF4EA;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .footer-container ul a {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .header-container .width {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .header-container .header {
    display: none;
  }
  .header-container .header-copy {
    display: block;
    border-bottom: 1px solid #eee;
  }
  .header-container .header-copy .header-bottom1 {
    border-bottom: 1px solid #eee !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px;
  }
  .header-container .header-copy .header-bottom1 .icon-caidan1 {
    font-size: 25px;
  }
  .header-container .header-copy .header-bottom1 .icon-sousuo4 {
    font-size: 22px;
    color: #203041;
  }
  .header-container .header-copy .header-bottom1 .header-top1 {
    font-size: 30px !important;
    font-weight: bold !important;
    font-size: 30px;
    font-weight: bold;
    color: #ee2d58;
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .header-container .header {
    display: block;
    box-shadow: 0px 0px 4px 0px rgba(221, 221, 221, 0.5);
    margin-bottom: 50px;
  }
  .header-container .header-top {
    background: #F5F7F9;
    color: #ee2d58;
    font-size: 40px;
    font-weight: 600;
    padding: 16px;
    display: block;
  }
  .header-container .header-bottom {
    padding: 24px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header-container .header-bottom .menu {
    display: none;
  }
  .header-container .header-bottom ul {
    display: flex;
  }
  .header-container .header-bottom ul a {
    display: block;
    padding: 7px 0;
    margin-right: 15px;
    font-family: Arial, Arial;
    font-weight: normal;
    font-size: 18px;
    color: #383949;
    line-height: 21px;
    text-align: right;
    font-style: normal;
    position: relative;
  }
  .header-container .header-bottom ul a:hover {
    text-shadow: 2px 2px 4px rgba(8,147,245, 0.5);
  }
  .header-container .header-bottom ul a::after {
    content: " ";
    display: block;
    width: 95%;
    height: 2px;
    position: absolute;
    bottom: -5px;
    display: none;
    left: 50%;
    transform: translateX(-50%);
  }
  .header-container .header-bottom ul a.active::after {
    background: rgb(8, 147, 245);
    display: block;
  }
  .header-container .header-bottom ul a.active {
    color: #0893F5;
  }
  .header-container .header-bottom .head-bottom-search {
    background: #F7FAFF;
    border-radius: 2px;
    border: 1px solid #A0B0C1;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 254px;
    flex-shrink: 0;
  }
  .header-container .header-bottom .head-bottom-search b {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 12px;
    color: #A0B0C1;
    line-height: 17px;
    text-align: left;
    font-style: normal;
    text-indent: 12px;
  }
  .header-container .header-bottom .head-bottom-search span {
    background: #0893F5;
    border-radius: 0px 2px 2px 0px;
    width: 52px;
    height: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-container .header-copy {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (max-width: 768px) {
  .header-container .header-top {
    background-color: #fff;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (max-width: 768px) {
  .header-container .header-top {
    font-size: 25px;
    font-weight: normal;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (max-width: 768px) {
  .header-container .header-bottom .menu {
    display: block;
    font-size: 26px;
    cursor: pointer;
  }
}
@media (min-width: 768px) and (max-width: 1200px) and (max-width: 768px) {
  .header-container .header-bottom ul {
    display: none;
  }
}
@media (min-width: 1200px) {
  .header-container .header {
    display: block;
    box-shadow: 0px 0px 4px 0px rgba(221, 221, 221, 0.5);
    margin-bottom: 50px;
  }
  .header-container .header-top {
    background: #F5F7F9;
    padding: 16px;
  }
  .header-container .header-top img {
    padding: 14px 0;
  }
  .header-container .header-bottom {
    padding: 24px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header-container .header-bottom .menu {
    display: none;
  }
  .header-container .header-bottom ul {
    display: flex;
  }
  .header-container .header-bottom ul a {
    display: block;
    padding: 7px 0;
    margin-right: 15px;
    font-family: Arial, Arial;
    font-weight: normal;
    font-size: 18px;
    color: #383949;
    line-height: 21px;
    text-align: right;
    font-style: normal;
     position: relative;
  }
  .header-container .header-bottom ul a:hover {
    text-decoration: underline;
  }
  .header-container .header-bottom ul a::after {
      content: " ";
    display: block;
    width: 95%;
    height: 2px;
    position: absolute;
    bottom: -5px;
    display: none;
    left: 50%;
    transform: translateX(-50%);
  }
  .header-container .header-bottom ul a.active{
    color: #0893F5;
  }
  .header-container .header-bottom ul a.active::after {
    background: rgb(8, 147, 245);
    display: block;
  }
  .header-container .header-bottom .head-bottom-search {
    background: #F7FAFF;
    border-radius: 2px;
    border: 1px solid #A0B0C1;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 254px;
    flex-shrink: 0;
  }
  .header-container .header-bottom .head-bottom-search b {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 12px;
    color: #A0B0C1;
    line-height: 17px;
    text-align: left;
    font-style: normal;
    text-indent: 12px;
  }
  .header-container .header-bottom .head-bottom-search span {
    background: #0893F5;
    border-radius: 0px 2px 2px 0px;
    width: 52px;
    height: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header-container .header-copy {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 768px) {
  .header-container .header-top {
    background-color: #fff;
  }
}
@media (min-width: 1200px) and (max-width: 768px) {
  .header-container .header-top {
    font-size: 25px;
    font-weight: normal;
  }
}
@media (min-width: 1200px) and (max-width: 768px) {
  .header-container .header-bottom .menu {
    display: block;
    font-size: 26px;
    cursor: pointer;
  }
}
@media (min-width: 1200px) and (max-width: 768px) {
  .header-container .header-bottom ul {
    display: none;
  }
}
.info-title {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 22px;
  color: #203041;
  line-height: 26px;
  text-align: left;
  font-style: normal;
  border-bottom: 3px solid #F1F2F3;
  position: relative;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .info-title {
    padding: 0 10px;
    box-sizing: border-box;
  }
}
.info-title::after {
  content: '';
  display: block;
  position: absolute;
  width: 140px;
  height: 3px;
  left: 0;
  bottom: -2px;
  background: #0893F5;
}
.info-tag {
  position: absolute;
  top: 20px;
  left: 20px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 17px;
  text-align: right;
  font-style: normal;
  background: #F41C4A;
  padding: 8px;
  border-radius: 6px;
}
.info-block {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}
.info-block h3 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 24px;
  color: #FFFFFF;
  line-height: 33px;
  text-align: left;
  font-style: normal;
  margin-bottom: 20px;
}
.info-block p {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 17px;
  text-align: left;
  font-style: normal;
}
.first-row-left-content {
  margin-top: 20px;
}
.first-row-left-content .first-row-left-item {
  display: flex;
  margin-bottom: 7px;
  cursor: pointer;
}
.first-row-left-content .first-row-left-item:hover .first-row-left-item-info h3 {
  text-decoration: underline;
}
.first-row-left-content .first-row-left-item img {
  width: 107px;
  height: 106px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .first-row-left-content .first-row-left-item img {
    width: 117px;
    height: 118px;
  }
}
.first-row-left-content .first-row-left-item .first-row-left-item-info {
  padding-left: 15px;
  box-sizing: border-box;
}
.first-row-left-content .first-row-left-item .first-row-left-item-info h3 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 16px;
  color: #203041;
  line-height: 24px;
  text-align: left;
  font-style: normal;
  margin-bottom: 12px;
}
.first-row-left-content .first-row-left-item .first-row-left-item-info p {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 12px;
  color: #A0B0C1;
  line-height: 17px;
  text-align: left;
  font-style: normal;
}
.first-row {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .first-row {
    display: block;
    padding:0 10px;
    margin-top: 20px;
  }
}
.first-row .first-row-left {
  flex-grow: 1;
  margin-right: 30px;
}
@media (max-width: 768px) {
  .first-row .first-row-left {
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .first-row .first-row-right {
    margin-top: 35px;
  }
}
.first-row .first-row-right-content {
  display: flex;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .first-row .first-row-right-content {
    display: block;
  }
}
.first-row .first-row-right-content img {
  width: 100%;
  height: 100%;
}
.first-row .first-row-right-content .first-row-right-block {
  width: 445px;
  height: 445px;
  margin-right: 2px;
  position: relative;
  display: block;
}
@media (max-width: 768px) {
  .first-row .first-row-right-content .first-row-right-block {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    margin-right: 0;
  }
  .first-row .first-row-right-content .first-row-right-block img {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.first-row .first-row-right-content .first-row-right-block img {
  filter: brightness(0.8);
}
.first-row .first-row-right-content .first-row-right-block:hover img {
  filter: brightness(0.9);
}
.first-row .first-row-right-content .first-row-right-block:hover .info-block h3 {
  text-decoration: underline;
}
.first-row .first-row-right-content .first-row-right-small-warp {
  display: flex;
  flex-wrap: wrap;
  width: 450px;
}
@media (max-width: 768px) {
  .first-row .first-row-right-content .first-row-right-small-warp {
    width: 100%;
    margin-top: 2px;
  }
}
.first-row .first-row-right-content .first-row-right-small-warp .first-row-right-block {
  width: 222px;
  height: 221px;
}
@media (max-width: 768px) {
  .first-row .first-row-right-content .first-row-right-small-warp .first-row-right-block {
    width: calc(50% - 1px);
    height: 0;
    padding-bottom: 50%;
    margin-right: 2px;
  }
}
.first-row .first-row-right-content .first-row-right-small-warp .first-row-right-block:nth-child(2n) {
  margin-right: 0;
}
.first-row .first-row-right-content .first-row-right-small-warp .first-row-right-block:nth-child(1),
.first-row .first-row-right-content .first-row-right-small-warp .first-row-right-block:nth-child(2) {
  margin-bottom: 2px;
}
@media (max-width: 768px) {
  .first-row .first-row-right-content .first-row-right-small-warp .first-row-right-block .info-tag {
    display: none;
  }
}
.first-row .first-row-right-content .first-row-right-small-warp .first-row-right-block .info-block h3 {
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 15px;
  color: #FFFFFF;
  line-height: 24px;
  text-align: left;
  font-style: normal;
}
@media (max-width: 768px) {
  .first-row .first-row-right-content .first-row-right-small-warp .first-row-right-block .info-block h3 {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .first-row .first-row-right-content .first-row-right-small-warp .first-row-right-block .info-block p {
    display: none;
  }
}
.second-row {
  display: flex;
  justify-content: space-between;
  margin-top: 55px;
}
@media (max-width: 768px) {
  .second-row {
    display: block;
    padding:0 10px;
  }
}
.second-row-left {
  width: 65%;
}
@media (max-width: 768px) {
  .second-row-left {
    width: 100%;
  }
}
.second-row-left .second-row-left-list {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .second-row-left .second-row-left-list {
    display: block;
  }
}
.second-row-left .second-row-left-list .second-row-left-item {
  margin-bottom: 40px;
  width: calc(100% / 3 - 14px);
  margin-right: 20px;
  display: block;
}
@media (max-width: 768px) {
  .second-row-left .second-row-left-list .second-row-left-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 0 10px;
    box-sizing: border-box;
  }
}
.second-row-left .second-row-left-list .second-row-left-item:nth-child(3n) {
  margin-right: 0;
}
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-img {
  width: 100%;
  padding-bottom: 60%;
  position: relative;
}
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-img .info-tag {
  background: #0893F5;
  padding: 3px 8px;
}
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-info h3 {
  margin-top: 15px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 16px;
  color: #203041;
  line-height: 24px;
  text-align: left;
  font-style: normal;
}
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-info p {
  margin-top: 12px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 12px;
  color: #A0B0C1;
  line-height: 17px;
  text-align: left;
  font-style: normal;
}
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-info div {
  margin-top: 10px;
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 12px;
  color: #708091;
  line-height: 21px;
  text-align: left;
  font-style: normal;
}
.second-row .second-row-left-full-screen {
  width: 100%;
}
.second-row .second-row-left-full-screen .second-row-left-item {
  width: calc(100% / 4 - 15px);
}
@media (max-width: 768px) {
  .second-row .second-row-left-full-screen .second-row-left-item {
    width: 100%;
  }
}
.second-row .second-row-left-full-screen .second-row-left-item:nth-child(3n) {
  margin-right: 20px;
}
@media (max-width: 768px) {
  .second-row .second-row-left-full-screen .second-row-left-item:nth-child(3n) {
    margin-right: 0;
  }
}
.second-row .second-row-left-full-screen .second-row-left-item:nth-child(4n) {
  margin-right: 0;
}
.second-row-right {
  width: 33%;
}
@media (max-width: 768px) {
  .second-row-right {
    width: 100%;
    margin-top: 20px;
  }
}
.second-row-right .first-row-left-content img {
  width: 171px;
  height: 102px;
}
.sc_result .second-row-left-item-info h3 {
  color: #fff !important;
}
.head-bottom-search {
  display: none !important;
}
.search-container {
  margin-top: 20px;
}
.search-container .search-head {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0;
}
.search-container .search-head input[type="text"] {
  box-sizing: border-box;
  flex: 1;
  padding: 9.5px;
  border: 1px solid #ccc;
  height: 100%;
  color: gray;
}
.search-container .search-head input[type="text"]:focus {
  border-color: #000;
}
.search-container .submit {
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #0893F5;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
}
@media only screen and (max-width: 767px) {
  .search-container .search-head {
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
  }
  .search-container .submit {
    text-align: center;
  }
  .search-container .search-head input[type="text"] {
    margin-bottom: 10px;
  }
}

.detail-content {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .detail-content {
    margin-top: 10px;
  }
  .detail-content .text_title {
    margin: 0 10px;
  }
}
.detail-content .text_title {
  overflow-wrap: break-word;
  color: #191b32;
  font-size: 24px;
  letter-spacing: 1.20000005px;
  font-family: Arial-BoldMT;
  font-weight: 700;
  text-align: left;
  line-height: 34px;
}
.detail-content .text_author {
  overflow-wrap: break-word;
  color: #191b32;
  font-size: 12px;
  letter-spacing: 0.5px;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 12px;
}
.detail-content #content_html {
  margin-top: 20px;
  /* 标题样式 */
  /* 段落样式 */
  /* div 样式 */
  /* 图片样式 */
}
.detail-content #content_html h1 {
  font-size: 24px;
  /*标题字体大小*/
  margin: 20px 0;
  /*标题外边距*/
}
.detail-content #content_html h2 {
  font-size: 20px;
  /*标题字体大小*/
  margin: 20px 0;
  /*标题外边距*/
}
.detail-content #content_html h3 {
  font-size: 18px;
  /*标题字体大小*/
  margin: 20px 0;
  /*标题外边距*/
}
.detail-content #content_html p {
  line-height: 1.6;
  /*段落行高*/
  margin-bottom: 20px;
  /*段落下边距*/
}
.detail-content #content_html div {
  margin-bottom: 20px;
  /* div 元素下边距 */
}
.detail-content #content_html img {
  max-width: 100%;
  /* 图片最大宽度 */
  height: auto;
  /* 图片高度自适应 */
  display: block;
  /* 图片块级显示，保证上下间距 */
  margin: 0 auto 20px;
  /* 图片外边距，自动居中并设置下边距 */
}

/* ===========================================================
   info13 印度主题 — 全站通用层 (P0/P1/P2 综合)
   =========================================================== */

/* ----- 广告位定位 ----- */
#fixed-footer-ads { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; height: 50px; }
div[id^="google_ads_iframe"],
div[id^="div-gpt-ad"] {
  display: flex; justify-content: center; align-items: center; margin: 0 auto; text-align: center;
}

/* 移动端 ad-container full-bleed:无视任何父容器 padding,顶满视口 */
/* calc(50% - 50vw) 公式:50% 是父容器宽度的一半,50vw 是视口一半,
   差值 = 父容器 padding 的负值,正好抵消任何祖先的 padding 缩进 */
@media (max-width: 768px) {
  .ad-container {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0;
    box-sizing: border-box;
  }
  .ad-container > * { max-width: 100%; width: 100%; }
}

/* ----- P1-3 视觉层级:卡片标题加重 + meta 文字对比度提升 ----- */
.first-row-left-content .first-row-left-item .first-row-left-item-info h3,
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-info h3 {
  font-weight: 600 !important; color: var(--c-text-2) !important; letter-spacing: -0.01em;
}
.first-row-left-content .first-row-left-item .first-row-left-item-info p,
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-info p {
  color: var(--c-text-meta) !important; font-weight: 500;
}
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-info div {
  color: var(--c-text-dim) !important;
}

/* ----- P0-2 卡片现代化:圆角 / 阴影 / hover 抬升 ----- */
.first-row-left-content .first-row-left-item,
.second-row-left .second-row-left-list .second-row-left-item,
.first-row .first-row-right-content > a > .first-row-right-block {
  border-radius: var(--r-card); overflow: hidden; background: #fff;
  box-shadow: var(--c-shadow-1);
  transition: transform .25s ease, box-shadow .25s ease;
}
.first-row-left-content .first-row-left-item:hover,
.second-row-left .second-row-left-list .second-row-left-item:hover,
.first-row .first-row-right-content > a > .first-row-right-block:hover {
  transform: translateY(-3px);
  box-shadow: var(--c-shadow-hover);
}
.first-row-left-content .first-row-left-item:hover .first-row-left-item-info h3 {
  text-decoration: none !important; color: var(--c-saffron) !important; transition: color .2s;
}

/* 图片 hover 微缩放 (P2-6 微交互) */
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-img { overflow: hidden; }
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-img img,
.first-row .first-row-right-content > a > .first-row-right-block img,
.first-row-left-content .first-row-left-item img { transition: transform .4s ease; }
.second-row-left .second-row-left-list .second-row-left-item:hover .second-row-left-item-img img,
.first-row .first-row-right-content > a > .first-row-right-block:hover img,
.first-row-left-content .first-row-left-item:hover img { transform: scale(1.05); }

/* 卡片内 padding 给信息块呼吸空间 */
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-info { padding: 16px 18px 20px; }
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-info h3 { margin-top: 0 !important; line-height: 1.45 !important; }

/* ----- 顶部:单一酒红 3px 编辑级 accent 线 (代替原国旗三色条) ----- */
.header-container {
  border-top: 3px solid var(--c-burgundy);
  background: var(--c-card);              /* header 用纯白,衬托 cream body */
  border-bottom: 1px solid var(--c-border);
}

/* ----- 导航:酒红色 active + 优雅 scaleX 下划线 ----- */
.header-container .header-bottom ul a {
  transition: color .15s ease; margin-right: 26px;
  color: var(--c-text-body) !important; font-weight: 500;
  letter-spacing: 0.02em;
}
.header-container .header-bottom ul a:hover { color: var(--c-burgundy) !important; text-shadow: none !important; }
.header-container .header-bottom ul a::after {
  display: block !important; background: var(--c-burgundy) !important;
  transform: translateX(-50%) scaleX(0); transform-origin: center;
  transition: transform .25s ease; bottom: -6px; height: 2px !important;
}
.header-container .header-bottom ul a:hover::after,
.header-container .header-bottom ul a.active::after { transform: translateX(-50%) scaleX(1); }
.header-container .header-bottom ul a.active { color: var(--c-burgundy) !important; }

/* 菜单 India 分类高亮 — 默认陶土色,hover/active 转酒红 */
.header-container .header-bottom ul a[data-menu^="India-"] { color: var(--c-saffron-dark) !important; font-weight: 600; }
.header-container .header-bottom ul a[data-menu^="India-"]:hover,
.header-container .header-bottom ul a[data-menu^="India-"].active { color: var(--c-burgundy) !important; }

/* ----- 搜索按钮:酒红边框 + 暖背景 ----- */
.header-container .header-bottom .head-bottom-search {
  border: 1px solid var(--c-border);
  background: var(--c-bg) !important;
  border-radius: var(--r-btn); transition: border-color .15s, box-shadow .15s;
}
.header-container .header-bottom .head-bottom-search:hover {
  border-color: var(--c-burgundy); box-shadow: 0 2px 8px var(--c-burgundy-soft);
}
.header-container .header-bottom .head-bottom-search span {
  background: var(--c-burgundy) !important;
  border-radius: 0 var(--r-btn) var(--r-btn) 0;
}

/* 移动汉堡菜单 India 高亮 */
.mobile_menu .mobile_menu_content ul a[data-menu^="India-"] { color: var(--c-burgundy) !important; font-weight: 700; }

/* ----- info-tag 编辑级标签:小写文字 + 极薄边 + 暖背景 ----- */
.info-tag {
  position: absolute;
  top: 12px !important; left: 12px !important;
  padding: 4px 9px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--c-text) !important;
  border: 1px solid var(--c-divider);
  border-radius: var(--r-tag) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
/* India 分类:坎龙酒红实心 pill */
.info-tag[data-category^="India-"] {
  background: var(--c-burgundy) !important;
  color: var(--c-bg) !important;
  border-color: var(--c-burgundy) !important;
}
/* Cricket 单独苔藓绿 */
.info-tag[data-category="India-Cricket"] {
  background: var(--c-green) !important;
  border-color: var(--c-green) !important;
}

/* ----- info-title:编辑级章节标题 ----- */
.info-title {
  font-family: var(--font-serif) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  color: var(--c-text) !important;
}
.info-title::after { background: var(--c-burgundy) !important; height: 2px !important; }

/* ----- footer:暖深底 + cream 文字,编辑刊物落幅 ----- */
.footer-container {
  margin-top: var(--space-2xl);
  background: var(--c-burgundy-dark);
  color: var(--c-bg) !important;
  padding: 36px 24px 24px !important;
  border-top: 4px solid var(--c-burgundy);
}
.footer-container ul a { color: var(--c-bg) !important; opacity: 0.85; }
.footer-container ul a:hover { opacity: 1; text-decoration: underline; }
.footer-container .footer-space { color: var(--c-bg) !important; opacity: 0.6; }
.footer-container p { color: var(--c-bg) !important; opacity: 0.7; font-size: 13px; }

/* ----- 卡片细节:暖边线 + box-sizing 修正三列布局 ----- */
/* box-sizing: border-box 让 1px border 包含在 width 内,避免 calc(100%/3 - 14px)
   宽度卡片加上 border 后溢出导致换行 (3 列变 2 列) */
.first-row-left-content .first-row-left-item,
.second-row-left .second-row-left-list .second-row-left-item,
.first-row .first-row-right-content > a > .first-row-right-block {
  border: 1px solid var(--c-border);
  box-sizing: border-box;
}
.second-row-left .second-row-left-list .second-row-left-item:hover {
  border-color: var(--c-burgundy-edge);  /* hover 时边色加深 */
}

/* ----- 卡片标题:Serif 加重 (编辑刊物经典) ----- */
.first-row-left-content .first-row-left-item .first-row-left-item-info h3,
.second-row-left .second-row-left-list .second-row-left-item .second-row-left-item-info h3 {
  font-family: var(--font-serif) !important;
  font-weight: 700 !important;
  letter-spacing: -0.005em;
  line-height: 1.3 !important;
}

/* ----- 详情页底部 Recommend Posts 卡片 hover 配新色 ----- */
.first-row-left-content .first-row-left-item:hover .first-row-left-item-info h3 {
  color: var(--c-burgundy) !important;
}