/* Article Title Styles */
.article_title {
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 30px;
  zoom: 1; /* Trigger hasLayout for IE */
}
.article_title h1 {
  color: #333;
  font-weight: 700;
  font-size: 30px;
  margin: 0;
  padding: 0;
}
.article_title .article_attribute {
  font-size: 14px;
  color: gray;
  line-height: 70px;
  margin: 0;
  padding: 0;
}

/* Paragraph Styles */
p {
  margin: 15px 0;
  text-align: justify;
  text-justify: inter-word; /* Better text justification in IE */
}

/* Main Content Width */
.main,
.top .titBox .content,
.top .navBox .nav,
#footer .p1,
#editor-container .w-e-text-container {
  width: 1200px !important;
  margin-left: auto;
  margin-right: auto;
}

/* Editor Content Styles */
.w-e-scroll {
  font-size: 18px;
  color: #333;
  font-family: "Microsoft YaHei", "微软雅黑", Arial, Tahoma, Verdana, STHeiTi,
    sans-serif, Helvetica, SimSun;
  min-height: 500px;
  word-wrap: break-word; /* Prevent overflow in IE */
}

.w-e-scroll p {
  text-indent: 2em;
  line-height: 35px;
  text-align: justify;
  text-justify: inter-word;
  margin: 15px 0;
}

.w-e-scroll video {
  width: 1000px;
  height: 562px;
  display: block;
  margin: 0 auto;
}

/* Image Styles with IE Fallbacks */
.w-e-scroll img {
  max-width: 1200px;
  margin: auto;
  display: block;
  -ms-interpolation-mode: bicubic; /* Better image scaling */
}

.w-e-scroll div[data-w-e-type="video"] {
  text-align: center;
  zoom: 1; /* Trigger hasLayout */
}

/* IE10/11 Specific Fixes */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .w-e-scroll {
    /* Fix text rendering issues */
    -ms-text-autospace: ideograph-alpha;
  }

  .w-e-scroll img {
    /* Improved image handling */
    width: auto;
    max-width: 100%;
    height: auto;
  }

  .w-e-scroll video {
    /* Video element fixes */
    width: 100%;
    max-width: 1000px;
    height: auto;
  }
}

/* Print Styles */
@media print {
  .article_title {
    page-break-after: avoid;
  }

  .w-e-scroll img {
    max-width: 100%;
    page-break-inside: avoid;
  }
}
