.elementor-280 .elementor-element.elementor-element-4d385b9{--display:flex;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-280 .elementor-element.elementor-element-809f4b8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--border-radius:20px 20px 0px 0px;}.elementor-280 .elementor-element.elementor-element-94ed7fb{--display:flex;}.elementor-280 .elementor-element.elementor-element-94ed7fb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-280 .elementor-element.elementor-element-c20249d{width:var( --container-widget-width, 107.173% );max-width:107.173%;--container-widget-width:107.173%;--container-widget-flex-grow:0;}.elementor-280 .elementor-element.elementor-element-c20249d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-280 .elementor-element.elementor-element-ec65f63{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;--align-content:flex-start;}.elementor-280 .elementor-element.elementor-element-ec65f63.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-280 .elementor-element.elementor-element-cb19fb1{width:100%;max-width:100%;}.elementor-280 .elementor-element.elementor-element-cb19fb1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-280 .elementor-element.elementor-element-650b1ec{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-280 .elementor-element.elementor-element-53d2c27{--display:flex;}.elementor-280 .elementor-element.elementor-element-c0009b5{padding:8px 8px 8px 8px;}.elementor-280 .elementor-element.elementor-element-3e7fb96{--display:flex;}.elementor-280 .elementor-element.elementor-element-dba9fa7{padding:10px 10px 10px 10px;}.elementor-280 .elementor-element.elementor-element-e96f139{--display:flex;}.elementor-280 .elementor-element.elementor-element-9267f8a{padding:10px 10px 0px 10px;}.elementor-280 .elementor-element.elementor-element-c6d620f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-280 .elementor-element.elementor-element-1f1be4a{--display:flex;}.elementor-280 .elementor-element.elementor-element-30294b4{padding:0px 10px 0px 10px;columns:1;}.elementor-280 .elementor-element.elementor-element-b30fcb9{--display:flex;}.elementor-280 .elementor-element.elementor-element-b9a5dc9{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 10px 0px 10px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-280 .elementor-element.elementor-element-4723938{--display:flex;}.elementor-280 .elementor-element.elementor-element-b95f136{padding:10px 10px 10px 10px;}.elementor-280 .elementor-element.elementor-element-07addda{--display:flex;}.elementor-280 .elementor-element.elementor-element-0e1759a{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-gap:0px;--n-tabs-title-border-radius:9px 9px 0px 0px;}.elementor-280 .elementor-element.elementor-element-0e1759a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#B5CAA0;}:where( .elementor-280 .elementor-element.elementor-element-0e1759a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{background-color:#BDC0BA66;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-280 .elementor-element.elementor-element-0e1759a{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;}}@media(min-width:768px){.elementor-280 .elementor-element.elementor-element-94ed7fb{--width:35.898%;}.elementor-280 .elementor-element.elementor-element-ec65f63{--width:57.265%;}}/* Start custom CSS for html, class: .elementor-element-cb19fb1 *//* 表格容器样式 */
.character-profile-table {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}

/* 每一行样式 */
.character-profile-table .row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2px;
  width: 100%;
}

/* 左侧标签样式 - 圆角矩形，单行高度，无边框，无阴影 */
.character-profile-table .label {
  background-color: #808F7C;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  width: 120px;
  min-width: 120px;
  text-align: center;
  font-weight: 600;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

/* 右侧内容样式 */
.character-profile-table .value {
  flex-grow: 1;
  padding: 10px 20px;
  color: #333333;
  min-height: 40px;
  display: flex;
  align-items: center;
  line-height: 1.6;
  box-sizing: border-box;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .character-profile-table .row {
    flex-direction: column;
    margin-bottom: 10px;
    align-items: stretch;
  }
  
  .character-profile-table .label {
    width: 100%;
    min-width: 100%;
    margin-bottom: 5px;
    border-radius: 6px;
    max-height: none;
    min-height: 40px;
  }
  
  .character-profile-table .value {
    width: 100%;
    padding: 8px 0 0 0;
    min-height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ebfc7c *//* 表格容器样式 - 保持原有样式 */
.character-profile-table {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}

/* 每一行样式 */
.character-profile-table .row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  width: 100%;
}

/* 左侧标签样式 - 圆角矩形，单行高度 */
.character-profile-table .label {
  background-color: #808F7C;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  width: 120px;
  min-width: 120px;
  text-align: center;
  font-weight: 600;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

/* 右侧内容样式 - 取消居中，改为左对齐 */
.character-profile-table .value {
  flex-grow: 1;
  padding: 10px 20px;
  color: #333333;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  line-height: 1.6;
  box-sizing: border-box;
  text-align: left; /* 确保左对齐 */
  align-items: flex-start; /* 确保内容从左侧开始 */
}

/* 黑幕效果样式 - 修改颜色为#4D5139 */
.character-profile-table .spoiler {
  background-color: #4D5139;
  color: #4D5139;
  padding: 2px 4px;
  border-radius: 3px;
  cursor: help;
  transition: color 0.3s ease;
}

.character-profile-table .spoiler:hover {
  color: #fff;
}

/* 折叠内容样式 - 使用details和summary元素 */
.character-profile-table details {
  margin-top: 10px;

  border-radius: 6px;
  overflow: hidden;
  width: 100%;
}

/* 折叠标题样式 - 使用summary元素 */
.character-profile-table summary {
  background-color: #86A697;
  padding: 8px 15px;
  font-weight: bold;
  color: #465D4C;
  cursor: pointer;
  position: relative;
  user-select: none;
  border-bottom: 1px solid #e0e0e0;
  list-style: none; /* 移除默认的三角形 */
}

/* 自定义折叠指示器 */
.character-profile-table summary::-webkit-details-marker {
  display: none; /* 隐藏默认的三角形 */
}

.character-profile-table summary::after {
  content: "▼";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #465D4C;
  transition: transform 0.3s ease;
}

/* details元素打开时的样式 */
.character-profile-table details[open] summary::after {
  transform: translateY(-50%) rotate(180deg);
}

/* 折叠内容区域 */
.character-profile-table details > div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding: 0 15px;
 
}

.character-profile-table details[open] > div {
  max-height: 2000px;
  padding: 15px;
}

.character-profile-table details p {
  margin: 0 0 10px 0;
  text-align: left;
}

.character-profile-table details p:last-child {
  margin-bottom: 0;
}

.character-profile-table .foldable-section.active .fold-title::after {
  transform: translateY(-50%) rotate(180deg);
}

.character-profile-table .fold-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding: 0 15px;
  background-color: #fafafa;
}

.character-profile-table .foldable-section.active .fold-content {
  max-height: 2000px; /* 足够大的值以容纳内容 */
  padding: 15px;
}

.character-profile-table .fold-content p {
  margin: 0 0 10px 0;
  text-align: left; /* 确保段落左对齐 */
}

.character-profile-table .fold-content p:last-child {
  margin-bottom: 0;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .character-profile-table .row {
    flex-direction: column;
    margin-bottom: 15px;
    align-items: stretch;
  }
  
  .character-profile-table .label {
    width: 100%;
    min-width: 100%;
    margin-bottom: 5px;
    border-radius: 6px;
    max-height: none;
    min-height: 40px;
  }
  
  .character-profile-table .value {
    width: 100%;
    padding: 8px 0 0 0;
    min-height: auto;
    align-items: stretch; /* 移动端确保内容撑满宽度 */
  }
  
  .character-profile-table .foldable-section {
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb19fb1 *//* 表格容器样式 */
.character-profile-table {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}

/* 每一行样式 */
.character-profile-table .row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2px;
  width: 100%;
}

/* 左侧标签样式 - 圆角矩形，单行高度，无边框，无阴影 */
.character-profile-table .label {
  background-color: #808F7C;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  width: 120px;
  min-width: 120px;
  text-align: center;
  font-weight: 600;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

/* 右侧内容样式 */
.character-profile-table .value {
  flex-grow: 1;
  padding: 10px 20px;
  color: #333333;
  min-height: 40px;
  display: flex;
  align-items: center;
  line-height: 1.6;
  box-sizing: border-box;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .character-profile-table .row {
    flex-direction: column;
    margin-bottom: 10px;
    align-items: stretch;
  }
  
  .character-profile-table .label {
    width: 100%;
    min-width: 100%;
    margin-bottom: 5px;
    border-radius: 6px;
    max-height: none;
    min-height: 40px;
  }
  
  .character-profile-table .value {
    width: 100%;
    padding: 8px 0 0 0;
    min-height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ebfc7c *//* 表格容器样式 - 保持原有样式 */
.character-profile-table {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}

/* 每一行样式 */
.character-profile-table .row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  width: 100%;
}

/* 左侧标签样式 - 圆角矩形，单行高度 */
.character-profile-table .label {
  background-color: #808F7C;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  width: 120px;
  min-width: 120px;
  text-align: center;
  font-weight: 600;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

/* 右侧内容样式 - 取消居中，改为左对齐 */
.character-profile-table .value {
  flex-grow: 1;
  padding: 10px 20px;
  color: #333333;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  line-height: 1.6;
  box-sizing: border-box;
  text-align: left; /* 确保左对齐 */
  align-items: flex-start; /* 确保内容从左侧开始 */
}

/* 黑幕效果样式 - 修改颜色为#4D5139 */
.character-profile-table .spoiler {
  background-color: #4D5139;
  color: #4D5139;
  padding: 2px 4px;
  border-radius: 3px;
  cursor: help;
  transition: color 0.3s ease;
}

.character-profile-table .spoiler:hover {
  color: #fff;
}

/* 折叠内容样式 - 使用details和summary元素 */
.character-profile-table details {
  margin-top: 10px;

  border-radius: 6px;
  overflow: hidden;
  width: 100%;
}

/* 折叠标题样式 - 使用summary元素 */
.character-profile-table summary {
  background-color: #86A697;
  padding: 8px 15px;
  font-weight: bold;
  color: #465D4C;
  cursor: pointer;
  position: relative;
  user-select: none;
  border-bottom: 1px solid #e0e0e0;
  list-style: none; /* 移除默认的三角形 */
}

/* 自定义折叠指示器 */
.character-profile-table summary::-webkit-details-marker {
  display: none; /* 隐藏默认的三角形 */
}

.character-profile-table summary::after {
  content: "▼";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #465D4C;
  transition: transform 0.3s ease;
}

/* details元素打开时的样式 */
.character-profile-table details[open] summary::after {
  transform: translateY(-50%) rotate(180deg);
}

/* 折叠内容区域 */
.character-profile-table details > div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding: 0 15px;
 
}

.character-profile-table details[open] > div {
  max-height: 2000px;
  padding: 15px;
}

.character-profile-table details p {
  margin: 0 0 10px 0;
  text-align: left;
}

.character-profile-table details p:last-child {
  margin-bottom: 0;
}

.character-profile-table .foldable-section.active .fold-title::after {
  transform: translateY(-50%) rotate(180deg);
}

.character-profile-table .fold-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding: 0 15px;
  background-color: #fafafa;
}

.character-profile-table .foldable-section.active .fold-content {
  max-height: 2000px; /* 足够大的值以容纳内容 */
  padding: 15px;
}

.character-profile-table .fold-content p {
  margin: 0 0 10px 0;
  text-align: left; /* 确保段落左对齐 */
}

.character-profile-table .fold-content p:last-child {
  margin-bottom: 0;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .character-profile-table .row {
    flex-direction: column;
    margin-bottom: 15px;
    align-items: stretch;
  }
  
  .character-profile-table .label {
    width: 100%;
    min-width: 100%;
    margin-bottom: 5px;
    border-radius: 6px;
    max-height: none;
    min-height: 40px;
  }
  
  .character-profile-table .value {
    width: 100%;
    padding: 8px 0 0 0;
    min-height: auto;
    align-items: stretch; /* 移动端确保内容撑满宽度 */
  }
  
  .character-profile-table .foldable-section {
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb19fb1 *//* 表格容器样式 */
.character-profile-table {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}

/* 每一行样式 */
.character-profile-table .row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2px;
  width: 100%;
}

/* 左侧标签样式 - 圆角矩形，单行高度，无边框，无阴影 */
.character-profile-table .label {
  background-color: #808F7C;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  width: 120px;
  min-width: 120px;
  text-align: center;
  font-weight: 600;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

/* 右侧内容样式 */
.character-profile-table .value {
  flex-grow: 1;
  padding: 10px 20px;
  color: #333333;
  min-height: 40px;
  display: flex;
  align-items: center;
  line-height: 1.6;
  box-sizing: border-box;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .character-profile-table .row {
    flex-direction: column;
    margin-bottom: 10px;
    align-items: stretch;
  }
  
  .character-profile-table .label {
    width: 100%;
    min-width: 100%;
    margin-bottom: 5px;
    border-radius: 6px;
    max-height: none;
    min-height: 40px;
  }
  
  .character-profile-table .value {
    width: 100%;
    padding: 8px 0 0 0;
    min-height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ebfc7c *//* 表格容器样式 - 保持原有样式 */
.character-profile-table {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}

/* 每一行样式 */
.character-profile-table .row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  width: 100%;
}

/* 左侧标签样式 - 圆角矩形，单行高度 */
.character-profile-table .label {
  background-color: #808F7C;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  width: 120px;
  min-width: 120px;
  text-align: center;
  font-weight: 600;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

/* 右侧内容样式 - 取消居中，改为左对齐 */
.character-profile-table .value {
  flex-grow: 1;
  padding: 10px 20px;
  color: #333333;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  line-height: 1.6;
  box-sizing: border-box;
  text-align: left; /* 确保左对齐 */
  align-items: flex-start; /* 确保内容从左侧开始 */
}

/* 黑幕效果样式 - 修改颜色为#4D5139 */
.character-profile-table .spoiler {
  background-color: #4D5139;
  color: #4D5139;
  padding: 2px 4px;
  border-radius: 3px;
  cursor: help;
  transition: color 0.3s ease;
}

.character-profile-table .spoiler:hover {
  color: #fff;
}

/* 折叠内容样式 - 使用details和summary元素 */
.character-profile-table details {
  margin-top: 10px;

  border-radius: 6px;
  overflow: hidden;
  width: 100%;
}

/* 折叠标题样式 - 使用summary元素 */
.character-profile-table summary {
  background-color: #86A697;
  padding: 8px 15px;
  font-weight: bold;
  color: #465D4C;
  cursor: pointer;
  position: relative;
  user-select: none;
  border-bottom: 1px solid #e0e0e0;
  list-style: none; /* 移除默认的三角形 */
}

/* 自定义折叠指示器 */
.character-profile-table summary::-webkit-details-marker {
  display: none; /* 隐藏默认的三角形 */
}

.character-profile-table summary::after {
  content: "▼";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #465D4C;
  transition: transform 0.3s ease;
}

/* details元素打开时的样式 */
.character-profile-table details[open] summary::after {
  transform: translateY(-50%) rotate(180deg);
}

/* 折叠内容区域 */
.character-profile-table details > div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding: 0 15px;
 
}

.character-profile-table details[open] > div {
  max-height: 2000px;
  padding: 15px;
}

.character-profile-table details p {
  margin: 0 0 10px 0;
  text-align: left;
}

.character-profile-table details p:last-child {
  margin-bottom: 0;
}

.character-profile-table .foldable-section.active .fold-title::after {
  transform: translateY(-50%) rotate(180deg);
}

.character-profile-table .fold-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding: 0 15px;
  background-color: #fafafa;
}

.character-profile-table .foldable-section.active .fold-content {
  max-height: 2000px; /* 足够大的值以容纳内容 */
  padding: 15px;
}

.character-profile-table .fold-content p {
  margin: 0 0 10px 0;
  text-align: left; /* 确保段落左对齐 */
}

.character-profile-table .fold-content p:last-child {
  margin-bottom: 0;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .character-profile-table .row {
    flex-direction: column;
    margin-bottom: 15px;
    align-items: stretch;
  }
  
  .character-profile-table .label {
    width: 100%;
    min-width: 100%;
    margin-bottom: 5px;
    border-radius: 6px;
    max-height: none;
    min-height: 40px;
  }
  
  .character-profile-table .value {
    width: 100%;
    padding: 8px 0 0 0;
    min-height: auto;
    align-items: stretch; /* 移动端确保内容撑满宽度 */
  }
  
  .character-profile-table .foldable-section {
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb19fb1 *//* 表格容器样式 */
.character-profile-table {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}

/* 每一行样式 */
.character-profile-table .row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2px;
  width: 100%;
}

/* 左侧标签样式 - 圆角矩形，单行高度，无边框，无阴影 */
.character-profile-table .label {
  background-color: #808F7C;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  width: 120px;
  min-width: 120px;
  text-align: center;
  font-weight: 600;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

/* 右侧内容样式 */
.character-profile-table .value {
  flex-grow: 1;
  padding: 10px 20px;
  color: #333333;
  min-height: 40px;
  display: flex;
  align-items: center;
  line-height: 1.6;
  box-sizing: border-box;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .character-profile-table .row {
    flex-direction: column;
    margin-bottom: 10px;
    align-items: stretch;
  }
  
  .character-profile-table .label {
    width: 100%;
    min-width: 100%;
    margin-bottom: 5px;
    border-radius: 6px;
    max-height: none;
    min-height: 40px;
  }
  
  .character-profile-table .value {
    width: 100%;
    padding: 8px 0 0 0;
    min-height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ebfc7c *//* 表格容器样式 - 保持原有样式 */
.character-profile-table {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}

/* 每一行样式 */
.character-profile-table .row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  width: 100%;
}

/* 左侧标签样式 - 圆角矩形，单行高度 */
.character-profile-table .label {
  background-color: #808F7C;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  width: 120px;
  min-width: 120px;
  text-align: center;
  font-weight: 600;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

/* 右侧内容样式 - 取消居中，改为左对齐 */
.character-profile-table .value {
  flex-grow: 1;
  padding: 10px 20px;
  color: #333333;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  line-height: 1.6;
  box-sizing: border-box;
  text-align: left; /* 确保左对齐 */
  align-items: flex-start; /* 确保内容从左侧开始 */
}

/* 黑幕效果样式 - 修改颜色为#4D5139 */
.character-profile-table .spoiler {
  background-color: #4D5139;
  color: #4D5139;
  padding: 2px 4px;
  border-radius: 3px;
  cursor: help;
  transition: color 0.3s ease;
}

.character-profile-table .spoiler:hover {
  color: #fff;
}

/* 折叠内容样式 - 使用details和summary元素 */
.character-profile-table details {
  margin-top: 10px;

  border-radius: 6px;
  overflow: hidden;
  width: 100%;
}

/* 折叠标题样式 - 使用summary元素 */
.character-profile-table summary {
  background-color: #86A697;
  padding: 8px 15px;
  font-weight: bold;
  color: #465D4C;
  cursor: pointer;
  position: relative;
  user-select: none;
  border-bottom: 1px solid #e0e0e0;
  list-style: none; /* 移除默认的三角形 */
}

/* 自定义折叠指示器 */
.character-profile-table summary::-webkit-details-marker {
  display: none; /* 隐藏默认的三角形 */
}

.character-profile-table summary::after {
  content: "▼";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #465D4C;
  transition: transform 0.3s ease;
}

/* details元素打开时的样式 */
.character-profile-table details[open] summary::after {
  transform: translateY(-50%) rotate(180deg);
}

/* 折叠内容区域 */
.character-profile-table details > div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding: 0 15px;
 
}

.character-profile-table details[open] > div {
  max-height: 2000px;
  padding: 15px;
}

.character-profile-table details p {
  margin: 0 0 10px 0;
  text-align: left;
}

.character-profile-table details p:last-child {
  margin-bottom: 0;
}

.character-profile-table .foldable-section.active .fold-title::after {
  transform: translateY(-50%) rotate(180deg);
}

.character-profile-table .fold-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding: 0 15px;
  background-color: #fafafa;
}

.character-profile-table .foldable-section.active .fold-content {
  max-height: 2000px; /* 足够大的值以容纳内容 */
  padding: 15px;
}

.character-profile-table .fold-content p {
  margin: 0 0 10px 0;
  text-align: left; /* 确保段落左对齐 */
}

.character-profile-table .fold-content p:last-child {
  margin-bottom: 0;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .character-profile-table .row {
    flex-direction: column;
    margin-bottom: 15px;
    align-items: stretch;
  }
  
  .character-profile-table .label {
    width: 100%;
    min-width: 100%;
    margin-bottom: 5px;
    border-radius: 6px;
    max-height: none;
    min-height: 40px;
  }
  
  .character-profile-table .value {
    width: 100%;
    padding: 8px 0 0 0;
    min-height: auto;
    align-items: stretch; /* 移动端确保内容撑满宽度 */
  }
  
  .character-profile-table .foldable-section {
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb19fb1 *//* 表格容器样式 */
.character-profile-table {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}

/* 每一行样式 */
.character-profile-table .row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2px;
  width: 100%;
}

/* 左侧标签样式 - 圆角矩形，单行高度，无边框，无阴影 */
.character-profile-table .label {
  background-color: #808F7C;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  width: 120px;
  min-width: 120px;
  text-align: center;
  font-weight: 600;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

/* 右侧内容样式 */
.character-profile-table .value {
  flex-grow: 1;
  padding: 10px 20px;
  color: #333333;
  min-height: 40px;
  display: flex;
  align-items: center;
  line-height: 1.6;
  box-sizing: border-box;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .character-profile-table .row {
    flex-direction: column;
    margin-bottom: 10px;
    align-items: stretch;
  }
  
  .character-profile-table .label {
    width: 100%;
    min-width: 100%;
    margin-bottom: 5px;
    border-radius: 6px;
    max-height: none;
    min-height: 40px;
  }
  
  .character-profile-table .value {
    width: 100%;
    padding: 8px 0 0 0;
    min-height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ebfc7c *//* 表格容器样式 - 保持原有样式 */
.character-profile-table {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}

/* 每一行样式 */
.character-profile-table .row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  width: 100%;
}

/* 左侧标签样式 - 圆角矩形，单行高度 */
.character-profile-table .label {
  background-color: #808F7C;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  width: 120px;
  min-width: 120px;
  text-align: center;
  font-weight: 600;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

/* 右侧内容样式 - 取消居中，改为左对齐 */
.character-profile-table .value {
  flex-grow: 1;
  padding: 10px 20px;
  color: #333333;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  line-height: 1.6;
  box-sizing: border-box;
  text-align: left; /* 确保左对齐 */
  align-items: flex-start; /* 确保内容从左侧开始 */
}

/* 黑幕效果样式 - 修改颜色为#4D5139 */
.character-profile-table .spoiler {
  background-color: #4D5139;
  color: #4D5139;
  padding: 2px 4px;
  border-radius: 3px;
  cursor: help;
  transition: color 0.3s ease;
}

.character-profile-table .spoiler:hover {
  color: #fff;
}

/* 折叠内容样式 - 使用details和summary元素 */
.character-profile-table details {
  margin-top: 10px;

  border-radius: 6px;
  overflow: hidden;
  width: 100%;
}

/* 折叠标题样式 - 使用summary元素 */
.character-profile-table summary {
  background-color: #86A697;
  padding: 8px 15px;
  font-weight: bold;
  color: #465D4C;
  cursor: pointer;
  position: relative;
  user-select: none;
  border-bottom: 1px solid #e0e0e0;
  list-style: none; /* 移除默认的三角形 */
}

/* 自定义折叠指示器 */
.character-profile-table summary::-webkit-details-marker {
  display: none; /* 隐藏默认的三角形 */
}

.character-profile-table summary::after {
  content: "▼";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #465D4C;
  transition: transform 0.3s ease;
}

/* details元素打开时的样式 */
.character-profile-table details[open] summary::after {
  transform: translateY(-50%) rotate(180deg);
}

/* 折叠内容区域 */
.character-profile-table details > div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding: 0 15px;
 
}

.character-profile-table details[open] > div {
  max-height: 2000px;
  padding: 15px;
}

.character-profile-table details p {
  margin: 0 0 10px 0;
  text-align: left;
}

.character-profile-table details p:last-child {
  margin-bottom: 0;
}

.character-profile-table .foldable-section.active .fold-title::after {
  transform: translateY(-50%) rotate(180deg);
}

.character-profile-table .fold-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding: 0 15px;
  background-color: #fafafa;
}

.character-profile-table .foldable-section.active .fold-content {
  max-height: 2000px; /* 足够大的值以容纳内容 */
  padding: 15px;
}

.character-profile-table .fold-content p {
  margin: 0 0 10px 0;
  text-align: left; /* 确保段落左对齐 */
}

.character-profile-table .fold-content p:last-child {
  margin-bottom: 0;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .character-profile-table .row {
    flex-direction: column;
    margin-bottom: 15px;
    align-items: stretch;
  }
  
  .character-profile-table .label {
    width: 100%;
    min-width: 100%;
    margin-bottom: 5px;
    border-radius: 6px;
    max-height: none;
    min-height: 40px;
  }
  
  .character-profile-table .value {
    width: 100%;
    padding: 8px 0 0 0;
    min-height: auto;
    align-items: stretch; /* 移动端确保内容撑满宽度 */
  }
  
  .character-profile-table .foldable-section {
    margin-top: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb19fb1 *//* 表格容器样式 */
.character-profile-table {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}

/* 每一行样式 */
.character-profile-table .row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2px;
  width: 100%;
}

/* 左侧标签样式 - 圆角矩形，单行高度，无边框，无阴影 */
.character-profile-table .label {
  background-color: #808F7C;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  width: 120px;
  min-width: 120px;
  text-align: center;
  font-weight: 600;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

/* 右侧内容样式 */
.character-profile-table .value {
  flex-grow: 1;
  padding: 10px 20px;
  color: #333333;
  min-height: 40px;
  display: flex;
  align-items: center;
  line-height: 1.6;
  box-sizing: border-box;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .character-profile-table .row {
    flex-direction: column;
    margin-bottom: 10px;
    align-items: stretch;
  }
  
  .character-profile-table .label {
    width: 100%;
    min-width: 100%;
    margin-bottom: 5px;
    border-radius: 6px;
    max-height: none;
    min-height: 40px;
  }
  
  .character-profile-table .value {
    width: 100%;
    padding: 8px 0 0 0;
    min-height: auto;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ebfc7c *//* 表格容器样式 - 保持原有样式 */
.character-profile-table {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}

/* 每一行样式 */
.character-profile-table .row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  width: 100%;
}

/* 左侧标签样式 - 圆角矩形，单行高度 */
.character-profile-table .label {
  background-color: #808F7C;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 15px;
  width: 120px;
  min-width: 120px;
  text-align: center;
  font-weight: 600;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

/* 右侧内容样式 - 取消居中，改为左对齐 */
.character-profile-table .value {
  flex-grow: 1;
  padding: 10px 20px;
  color: #333333;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  line-height: 1.6;
  box-sizing: border-box;
  text-align: left; /* 确保左对齐 */
  align-items: flex-start; /* 确保内容从左侧开始 */
}

/* 黑幕效果样式 - 修改颜色为#4D5139 */
.character-profile-table .spoiler {
  background-color: #4D5139;
  color: #4D5139;
  padding: 2px 4px;
  border-radius: 3px;
  cursor: help;
  transition: color 0.3s ease;
}

.character-profile-table .spoiler:hover {
  color: #fff;
}

/* 折叠内容样式 - 使用details和summary元素 */
.character-profile-table details {
  margin-top: 10px;

  border-radius: 6px;
  overflow: hidden;
  width: 100%;
}

/* 折叠标题样式 - 使用summary元素 */
.character-profile-table summary {
  background-color: #86A697;
  padding: 8px 15px;
  font-weight: bold;
  color: #465D4C;
  cursor: pointer;
  position: relative;
  user-select: none;
  border-bottom: 1px solid #e0e0e0;
  list-style: none; /* 移除默认的三角形 */
}

/* 自定义折叠指示器 */
.character-profile-table summary::-webkit-details-marker {
  display: none; /* 隐藏默认的三角形 */
}

.character-profile-table summary::after {
  content: "▼";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #465D4C;
  transition: transform 0.3s ease;
}

/* details元素打开时的样式 */
.character-profile-table details[open] summary::after {
  transform: translateY(-50%) rotate(180deg);
}

/* 折叠内容区域 */
.character-profile-table details > div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding: 0 15px;
 
}

.character-profile-table details[open] > div {
  max-height: 2000px;
  padding: 15px;
}

.character-profile-table details p {
  margin: 0 0 10px 0;
  text-align: left;
}

.character-profile-table details p:last-child {
  margin-bottom: 0;
}

.character-profile-table .foldable-section.active .fold-title::after {
  transform: translateY(-50%) rotate(180deg);
}

.character-profile-table .fold-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
  padding: 0 15px;
  background-color: #fafafa;
}

.character-profile-table .foldable-section.active .fold-content {
  max-height: 2000px; /* 足够大的值以容纳内容 */
  padding: 15px;
}

.character-profile-table .fold-content p {
  margin: 0 0 10px 0;
  text-align: left; /* 确保段落左对齐 */
}

.character-profile-table .fold-content p:last-child {
  margin-bottom: 0;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .character-profile-table .row {
    flex-direction: column;
    margin-bottom: 15px;
    align-items: stretch;
  }
  
  .character-profile-table .label {
    width: 100%;
    min-width: 100%;
    margin-bottom: 5px;
    border-radius: 6px;
    max-height: none;
    min-height: 40px;
  }
  
  .character-profile-table .value {
    width: 100%;
    padding: 8px 0 0 0;
    min-height: auto;
    align-items: stretch; /* 移动端确保内容撑满宽度 */
  }
  
  .character-profile-table .foldable-section {
    margin-top: 8px;
  }
}/* End custom CSS */