/**
 * Ã©â€¡ÂÃ¦Å¾â€žÃ¦Â¨Â¡Ã¦ÂÂ¿
 * date: 2026-2-13
 * author: Ã¥ÂÂ´Ã¥Â­ÂÃ¦Ââ€™;
 */
/* CSS Variables & Reset */
:root {
  --primary-color: #1e88e5;
  --primary-dark: #1565c0;
  --secondary-bg: #e3f2fd;
  --bg-page: #f5f7fa;
  --bg-card: #ffffff;
  --text-primary: #333333;
  --text-secondary: #424242;
  --text-muted: #757575;
  --border-color: #e0e0e0;
  --site-width: 1200px;
  --radius-sm: 4px;
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --font-family:
    -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', 'Ã¥Â¾Â®Ã¨Â½Â¯Ã©â€ºâ€¦Ã©Â»â€˜', 'Segoe UI', Roboto,
    'Source Han Sans CN', 'Helvetica Neue', Arial, sans-serif;
}

body {
  font-family: var(--font-family);
  color: var(--text-primary);
  line-height: 1.6;
}

a {
  transition: color 0.2s;
}

/* Layout Containers */
.container {
  width: 1210px;
  margin: 0 auto;
}

.main-container {
  max-width: var(--site-width);
  margin: 0 auto;
  padding: 0;
}

#detail-header {
  background-image: url('/zcwjk/images/zy-banner.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 100%;
  height: 0;
  padding-bottom: 57.65625%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

#external-links-footer {
  background-image: url('/zcwjk/images/foot.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  width: 100%;
  height: 0;
  padding-bottom: 10.3125%;
}

/* Detail Page Styles */

/* Main paper container */
.detail-content-wrapper {
  background-color: #fff;
  width: 1200px;
  max-width: 100%;
  margin: 150px auto 40px;
  padding: 60px 100px;
  box-shadow: none;
  border: 1px solid #d6e8fa;
  min-height: 800px;
  position: relative;
  z-index: 1;
}

/* Background Wrapper Override for Detail Page */
.main-bg-wrapper {
  background: none !important;
  height: auto !important;
  position: relative;
  z-index: 1;
}

/* Red Header */
.doc-red-header {
  text-align: center;
  margin-bottom: 40px;
}

.doc-red-title {
  font-family:"fzxbsjw", "FZXiaoBiaoSong-B05S", "æ–¹æ­£å°æ ‡å®‹ç®€ä½“", SimSun, serif;
  /* font-family: "FZXiaoBiaoSong-B05S", "æ–¹æ­£å°æ ‡å®‹", SimSun, "å®‹ä½“", serif; */
  font-size: 65px;
  color: #ff0000;
  /* font-weight: 500; */
  letter-spacing: 2px;
  line-height: 1.2;
  margin-bottom: 20px;
}

.doc-number {
  font-family: 'SimHei', 'Heiti SC', sans-serif;
  font-size: 21px;
  color: #333;
  margin-bottom: -10px;
}

.doc-divider-line {
  height: 4px;
  background-color: #ff0000;
  width: 100%;
  margin-top: 20px;
}

/* Document Title */
.doc-main-title {
  text-align: center;
  font-family: 'SimHei', 'Heiti SC', sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #333;
  margin: 40px 0;
  line-height: 2.0;
}

/* Document Body */
.doc-body {
  font-family: var(--font-family);
  font-size: 20px;
  line-height: 1.8;
  color: #333;
  text-align: justify;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  overflow: hidden;
}

.doc-body p {
  margin-bottom: 20px;
  text-indent: 2em;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}

.salutation {
  text-indent: 0 !important;
  font-weight: 700;
}

/* Attachment */
.doc-attachment {
  margin-top: 40px;
  font-family: var(--font-family);
  font-size: 18px;
}

.doc-attachment a {
  color: #1e88e5;
  text-decoration: none;
}

.doc-attachment a:hover {
  text-decoration: underline;
}

/* Footer Section of Document */
.doc-footer-info {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-family: var(--font-family);
  font-size: 18px;
  line-height: 1.8;
  color: #333;
  padding-right: 20px;
}

.editor-info {
  margin-top: 20px;
  font-size: 14px;
  color: #666;
}

/* Responsive Adjustments */
@media screen and (max-width: 1220px) {
  .detail-content-wrapper {
    width: 94%;
    padding: 40px 50px;
  }
}

@media screen and (max-width: 768px) {
  .detail-content-wrapper {
    padding: 30px 20px;
  }

  .doc-red-title {
    font-size: 32px;
  }

  .doc-main-title {
    font-size: 23px;
    margin: 20px 0;
  }

  .doc-body {
    font-size: 16px;
    line-height: 1.6;
  }

  .doc-number {
    font-size: 14px;
  }

  .container{
    width:auto
  }
  table{
    width:fit-content
  }

  
#docstatus{
  position: absolute;
    left: 255px !important;
    top: 80px!important;
  width:25%;
}
}


#docstatus{
  position: absolute;
    left: 850px;
    top: 65px;
  width:25%;
}