/* =============================================================
   会员中心 · 统一控制台视觉
   与 public/home/template/pc/default/home.php 保持一致：
   浅灰底 #f2f4f6、白卡、发丝线 #e7ebef、青绿品牌 #0d7c74、
   圆角 8px、低饱和状态色
   ============================================================= */

.el-main,
#login,
#regist,
#forget {
  --c-ink: #16212c;
  --c-ink-2: #47566a;
  --c-muted: #6a7887;
  --c-faint: #9aa6b2;
  --c-line: #e7ebef;
  --c-line-2: #f0f3f6;
  --c-brand: #0d7c74;
  --c-brand-deep: #095e58;
  --c-brand-soft: #e9f5f3;
  --c-amber: #a8690c;
  --c-red: #b23a34;
  --c-shadow: 0 1px 2px rgba(22, 33, 44, 0.04),
    0 10px 26px -16px rgba(22, 33, 44, 0.16);
}

/* ================= 页面外壳 ================= */
.el-main:not(.product-main) {
  padding: calc(68px + 22px) 28px 36px;
  min-height: 100vh;
  box-sizing: border-box;
  background: #f2f4f6;
  color: #16212c;
  font-size: 13px;
}

.el-main:not(.product-main) .main-card {
  max-width: 1720px;
  margin: 0 auto;
  color: #16212c;
}

#finance .el-main {
  padding: calc(68px + 22px) 28px 36px !important;
}

/* 页面白卡 */
.el-main:not(.product-main) .main-card:not(.finance),
.el-main .order-detail {
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e7ebef;
  border-radius: 8px;
  box-shadow: var(--c-shadow);
}

/* ================= 页面标题 ================= */
.el-main:not(.product-main) .main-card-title,
.news .main-card .main-card-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e7ebef;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.01em;
  color: #16212c;
}

.el-main .main-card-title .back {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.main-card-title .title-text {
  font-size: 23px;
  font-weight: 600;
  color: #16212c;
}

/* ================= 选项卡 ================= */
.el-main .el-tabs__header {
  margin: 0;
}

.el-main:not(.product-main) .el-tabs__nav-wrap::after {
  height: 1px;
  background: #e7ebef;
}

.el-main:not(.product-main) .el-tabs__item {
  height: 46px;
  line-height: 46px;
  padding: 0 14px;
  font-size: 13.5px;
  color: #6a7887;
}

.el-main:not(.product-main) .el-tabs__item.is-active {
  color: #095e58;
  font-weight: 600;
}

.el-main:not(.product-main) .el-tabs__item:hover {
  color: #16212c;
}

.el-main:not(.product-main) .el-tabs__active-bar {
  height: 2px;
  background: #0d7c74;
}

/* ================= 表格 ================= */
.el-main .el-table {
  font-size: 13px;
  color: #47566a;
}

.el-main .el-table th.el-table__cell {
  background: #fafbfc;
  color: #9aa6b2;
  font-weight: 600;
  border-bottom: 1px solid #e7ebef;
}

.el-main .el-table td.el-table__cell {
  border-bottom: 1px solid #f0f3f6;
}

.el-main .el-table .el-table__body tr:hover > td.el-table__cell {
  background: #f7fafb;
}

.el-main .el-table::before,
.el-main .el-table--border::after,
.el-main .el-table--border::before {
  display: none;
}

.el-main .el-table th.el-table__cell > .cell,
.el-main .el-table td.el-table__cell > .cell {
  padding-left: 14px;
  padding-right: 14px;
}

/* ================= 表单控件 ================= */
.el-main .el-input__inner,
.el-main .el-textarea__inner {
  border-color: #e7ebef;
  border-radius: 6px;
  font-size: 13px;
  color: #16212c;
}

.el-main .el-input__inner:focus,
.el-main .el-textarea__inner:focus {
  border-color: #0d7c74;
}

.el-main .el-select .el-input__inner {
  color: #16212c;
}

.el-main .el-button {
  border-radius: 6px;
  font-size: 13px;
}

.el-main .el-button--primary {
  border-color: #0d7c74;
  background: #0d7c74;
  box-shadow: 0 6px 14px -10px rgba(13, 124, 116, 0.9);
}

.el-main .el-button--primary:hover,
.el-main .el-button--primary:focus {
  border-color: #095e58;
  background: #095e58;
}

.el-main .el-button--primary.is-plain {
  border-color: #cfe8e4;
  background: #ffffff;
  color: #095e58;
  box-shadow: none;
}

.el-main .el-button--primary.is-plain:hover,
.el-main .el-button--primary.is-plain:focus {
  border-color: #0d7c74;
  background: #e9f5f3;
  color: #095e58;
}

.el-main .el-checkbox__input.is-checked .el-checkbox__inner,
.el-main .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background: #0d7c74;
  border-color: #0d7c74;
}

.el-main .el-radio__input.is-checked .el-radio__inner {
  background: #0d7c74;
  border-color: #0d7c74;
}

.el-main .el-switch.is-checked .el-switch__core {
  border-color: #2c7a56;
  background: #2c7a56;
}

/* ================= 筛选 / 搜索栏 ================= */
.el-main:not(.product-main) .content_searchbar,
.el-main:not(.product-main) .main-card-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 16px;
  padding: 16px 0;
  border-bottom: 1px solid #f0f3f6;
}

.el-main:not(.product-main) .content_searchbar .left-btn,
.el-main:not(.product-main) .left-btn,
.el-main:not(.product-main) .search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 88px;
  height: 34px;
  padding: 0 16px;
  border-radius: 6px;
  background: #0d7c74;
  box-shadow: 0 6px 14px -10px rgba(13, 124, 116, 0.9);
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.16s ease;
}

.el-main:not(.product-main) .content_searchbar .left-btn:hover,
.el-main:not(.product-main) .left-btn:hover,
.el-main:not(.product-main) .search-btn:hover {
  background: #095e58;
}

.el-main:not(.product-main) .content_searchbar .left-btn.del,
.el-main:not(.product-main) .left-btn.del {
  background: #b23a34;
  box-shadow: 0 6px 14px -10px rgba(178, 58, 52, 0.9);
}

.el-main:not(.product-main) .content_searchbar .left-btn.add,
.el-main:not(.product-main) .left-btn.add {
  background: #ffffff;
  border: 1px solid #cfe8e4;
  box-shadow: none;
  color: #095e58;
}

.el-main:not(.product-main) .content_searchbar .left-btn.add:hover,
.el-main:not(.product-main) .left-btn.add:hover {
  background: #e9f5f3;
}

.el-main:not(.product-main) .com-search .el-input,
.el-main:not(.product-main) .searchbar .el-input {
  width: 220px;
}

.el-main:not(.product-main) .com-search .el-input__inner,
.el-main:not(.product-main) .searchbar .el-input__inner {
  height: 34px;
}

.el-main:not(.product-main) .input-search {
  line-height: 34px;
  color: #9aa6b2;
  cursor: pointer;
}

.el-main:not(.product-main) .input-search:hover {
  color: #0d7c74;
}

/* ================= 分页 ================= */
.el-main .el-pagination {
  padding: 0;
}

.el-main .el-pagination .el-pager li {
  border-radius: 4px;
  border: 1px solid #e7ebef;
  margin: 0 2px;
  font-size: 12.5px;
}

.el-main .el-pagination .el-pager li.active {
  border-color: #0d7c74;
  background: #0d7c74;
  color: #ffffff;
}

.el-main .el-pagination .el-pager li:hover {
  color: #0d7c74;
}

.el-main .el-pagination .el-pager li.active:hover {
  color: #ffffff;
}

.el-main .custom-pagination,
.el-main .page,
.el-main:not(.product-main) .myPage {
  margin-top: 16px;
}

/* ================= 状态胶囊 ================= */
.el-main .status-pill,
.el-main:not(.product-main) .main-card .content-table .tabledata .open-show .open,
.el-main:not(.product-main) .main-card .content-table .tabledata .open-show .un-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto;
  min-width: 56px;
  height: 22px;
  padding: 0 9px;
  border-radius: 10px;
  background: #f2f5f7;
  font-size: 11.5px;
  font-weight: 500;
  color: #47566a;
  white-space: nowrap;
}

.el-main .status-pill i {
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.el-main:not(.product-main) .main-card .content-table .tabledata .open-show .open {
  background: #e9f5f3;
  color: #095e58;
}

.el-main:not(.product-main) .main-card .content-table .tabledata .open-show .setting {
  font-size: 12.5px;
  color: #0d7c74;
  margin-left: 8px;
  cursor: pointer;
}

.el-main:not(.product-main) .main-card .content-table .tabledata .open-show .setting:hover {
  color: #095e58;
  text-decoration: underline;
}

/* 操作更多 */
.el-main .more-operation {
  padding: 5px;
}

.el-main .more-operation .dot {
  width: 3px;
  height: 3px;
  border: none;
  background: #9aa6b2;
  margin-right: 3px;
}

.el-main .more-operation:hover .dot {
  background: #0d7c74;
}

/* ================= 内容区容器 ================= */
.el-main:not(.product-main) .content-table,
.el-main:not(.product-main) .content_table {
  margin-top: 18px;
}

.el-main:not(.product-main) .tabledata {
  margin-top: 0;
}

.el-main:not(.product-main) .main-card .content-table .top-text {
  margin-bottom: 16px;
  font-size: 12.5px;
  line-height: 1.7;
  color: #6a7887;
}

.el-main:not(.product-main) .main-card .content-table .top-text .top-link {
  color: #0d7c74;
}

/* iframe 型页面（购买/配置） */
.el-main .main-card iframe {
  display: block;
  width: 100%;
  min-height: 70vh;
  border: 0;
}

/* ================= 账户资料页 ================= */
#account .content-box {
  margin-top: 20px;
}

#account .box-top {
  height: auto;
  padding: 18px 20px;
  border: 1px solid #e7ebef;
  border-radius: 8px;
  background: linear-gradient(90deg, #fbfdfc 0%, #ffffff 60%);
}

#account .name-text {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #16212c;
}

#account .name-country {
  margin-top: 6px;
}

#account .country-img {
  height: 18px;
  width: 28px;
}

#account .attestation-status > img {
  width: 18px;
  height: 18px;
}

#account .attestation-text {
  margin-left: 8px;
  font-size: 12.5px;
  color: #6a7887;
}

#account .box-main {
  margin-top: 18px;
}

#account .basic > .el-row,
#account .account > .el-row {
  margin-top: 18px;
}

#account .account,
#account .oauth,
#account .wx-switch,
#account .oauth-box {
  margin-top: 28px !important;
}

#account .basic-title,
#account .account-title {
  padding-left: 10px;
  border-left: 3px solid #0d7c74;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #16212c;
}

#account .box-item-t {
  height: auto;
  margin-bottom: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: #6a7887;
}

#account .box-item-b > .el-input,
#account .box-item-b .el-select,
#account .box-item-b .el-textarea {
  width: 260px;
  border: none;
}

#account .box-item-b .el-input__inner {
  height: 36px;
  padding: 0 10px;
  border: 1px solid #e7ebef;
  border-radius: 6px;
  background: #ffffff;
  font-size: 13px;
  color: #16212c;
}

#account .box-item-b .el-input__inner:focus {
  border-color: #0d7c74;
}

#account .box-item-b .el-input.is-disabled .el-input__inner {
  background: #fafbfc;
  color: #9aa6b2;
}

#account .box-item-b .el-textarea__inner {
  padding: 8px 10px;
  border: 1px solid #e7ebef;
  border-radius: 6px;
}

#account .edit-icon {
  padding: 10px;
  color: #9aa6b2;
}

#account .edit-icon:hover {
  color: #0d7c74;
}

#account .btn-save {
  height: 34px;
  padding: 0 18px;
  margin-top: 24px;
  border-radius: 6px;
  background: #0d7c74;
  font-size: 13px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
}

#account .btn-save:hover {
  background: #095e58;
}

#account .oauth .oauth-box .oauth-item {
  border: 1px solid #e7ebef;
  border-radius: 8px;
  padding: 10px 14px;
  background: #ffffff;
}

/* ================= 财务中心 ================= */
#finance .finance {
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

#finance .finance-top {
  padding: 0 0 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e7ebef;
}

#finance .finance-title {
  padding: 0 0 14px;
  border-bottom: none;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.01em;
  color: #16212c;
}

#finance .finance-money-main {
  padding: 0;
  border-bottom: none;
}

#finance .finance-balance {
  padding: 18px 20px;
  border: 1px solid #e7ebef;
  border-left: 3px solid #0d7c74;
  border-radius: 8px;
  background: linear-gradient(90deg, #fbfdfc 0%, #ffffff 42%);
  box-shadow: 0 1px 2px rgba(22, 33, 44, 0.04),
    0 10px 26px -16px rgba(22, 33, 44, 0.16);
}

#finance .balance-left-title {
  font-size: 12.5px;
  color: #6a7887;
}

#finance .balance-left-title .balance-title-num {
  font-weight: 600;
  color: #47566a;
}

#finance .balance-left-num {
  margin-top: 6px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: #16212c;
  font-variant-numeric: tabular-nums;
}

#finance .balance-left-num .prefix {
  font-size: 16px;
  font-weight: 500;
  color: #47566a;
}

#finance .balance-right .el-button {
  height: 34px;
  border-radius: 6px;
  font-size: 13px;
}

#finance .balance-right .balance-tx-btn {
  border-color: #cfe8e4;
  background: #ffffff;
  color: #095e58;
}

#finance .balance-right .balance-tx-btn:hover {
  border-color: #0d7c74;
  background: #e9f5f3;
  color: #095e58;
}

#finance .balance-right .tx-list {
  font-size: 12.5px;
  color: #6a7887;
}

#finance .finance-other-money {
  margin-top: 16px;
  padding: 14px 20px;
  border: 1px solid #e7ebef;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(22, 33, 44, 0.04),
    0 10px 26px -16px rgba(22, 33, 44, 0.16);
}

#finance .other-money-item {
  padding: 0 24px;
}

#finance .other-money-item .other-money-item-title {
  margin-right: 8px;
  font-size: 12.5px;
  color: #6a7887;
}

#finance .other-money-item .other-money-item-value {
  font-size: 16px;
  font-weight: 600;
  color: #16212c;
  font-variant-numeric: tabular-nums;
}

#finance .other-money-item .other-money-item-value .prefix {
  font-size: 11.5px;
  color: #47566a;
}

#finance .other-money-item .freeze-list {
  font-size: 11.5px;
  color: #0d7c74;
}

#finance .content_box {
  margin-top: 18px;
  padding: 6px 20px 20px;
  border: 1px solid #e7ebef;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(22, 33, 44, 0.04),
    0 10px 26px -16px rgba(22, 33, 44, 0.16);
}

#finance .content_searchbar {
  padding-top: 14px;
}

#finance .status-tag {
  padding: 0 9px;
  height: 22px;
  line-height: 22px;
  border-radius: 10px;
  font-size: 11.5px;
  font-weight: 500;
}

#finance .status-tag.Unpaid {
  background: #fbecea;
  color: #b23a34;
}

#finance .status-tag.Paid {
  background: #e9f5f3;
  color: #095e58;
}

#finance .status-tag.Wait {
  background: #fcf3e2;
  color: #a8690c;
}

#finance .status-tag.Refunded {
  background: #f2f5f7;
  color: #47566a;
}

#finance .a-text {
  color: #0d7c74;
}

#finance .a-text:hover {
  color: #095e58;
  text-decoration: underline;
}

/* ================= 订单详情 ================= */
.order-detail {
  font-size: 13px;
  color: #47566a;
}

.order-detail .page-top {
  padding-bottom: 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e7ebef;
}

.order-detail .page-top .top-title {
  margin-left: 14px;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.35;
  color: #16212c;
}

.order-detail .page-top .back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #e7ebef;
  border-radius: 6px;
  background: #ffffff;
}

.order-detail .page-top .back-btn:hover {
  border-color: #cfe8e4;
  background: #e9f5f3;
}

.order-detail .order-info {
  padding: 18px 20px;
  border: 1px solid #e7ebef;
  border-left: 3px solid #0d7c74;
  border-radius: 8px;
  background: linear-gradient(90deg, #fbfdfc 0%, #ffffff 42%);
}

.order-detail .order-info .info-left .order-user {
  font-size: 17px;
  font-weight: 600;
  color: #16212c;
}

.order-detail .order-info .order-num {
  margin-top: 6px;
  font-size: 12.5px;
  color: #6a7887;
}

.order-detail .order-info .order-num .num-text {
  color: #47566a;
}

.order-detail .order-info .pay-status {
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  border-radius: 10px;
  font-size: 11.5px;
  font-weight: 500;
  color: #ffffff;
}

.order-detail .order-info .Unpaid-text,
.order-detail .order-info .Unpaid {
  background: #fbecea;
  color: #b23a34;
}

.order-detail .order-info .Wait {
  background: #fcf3e2;
  color: #a8690c;
}

.order-detail .order-info .Paid-text {
  background: #e9f5f3;
  color: #095e58;
}

.order-detail .order-info .Refunded-text {
  background: #f2f5f7;
  color: #47566a;
}

.order-detail .order-info .go-pay .pay-text {
  margin-top: 8px;
  font-size: 12.5px;
  color: #0d7c74;
}

.order-detail .order-info .go-pay .pay-info {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #6a7887;
}

.order-detail .self-field {
  margin-top: 16px;
  gap: 6px;
}

.order-detail .self-field .self-num {
  font-size: 12.5px;
  color: #6a7887;
}

.order-detail .self-field .self-num .self-text {
  color: #47566a;
}

.order-detail .order-table {
  margin-top: 20px;
  border: 1px solid #e7ebef;
  border-radius: 8px;
  overflow: hidden;
}

.order-detail .order-table .table-title {
  height: 42px;
  padding-left: 16px;
  border-bottom: 1px solid #e7ebef;
  background: #fafbfc;
  font-size: 13px;
  font-weight: 600;
  line-height: 42px;
  color: #6a7887;
}

.order-detail .order-table .table-item {
  margin: 0 16px;
  min-height: 44px;
  font-size: 13px;
}

.order-detail .order-table .table-item .des {
  color: #16212c;
  font-weight: 500;
}

.order-detail .order-table .table-item .des-text {
  margin-right: 32px;
  color: #47566a;
}

.order-detail .order-table .table-item .money-text {
  color: #47566a;
  font-variant-numeric: tabular-nums;
}

.order-detail .order-table .order-item {
  border-bottom: 1px solid #f0f3f6;
}

.order-detail .order-table .title-item {
  border-bottom: 1px solid #e7ebef;
}

.order-detail .order-table .total-money {
  margin-right: 24px;
  color: #6a7887;
}

.order-detail .order-transaction {
  margin-top: 20px;
  border: 1px solid #e7ebef;
  border-radius: 8px;
  overflow: hidden;
}

.order-detail .order-transaction .table-top {
  padding: 12px 16px;
  border-bottom: 1px solid #e7ebef;
  background: #fafbfc;
  font-size: 12.5px;
  font-weight: 600;
  color: #9aa6b2;
}

.order-detail .order-transaction .table-bottom {
  padding: 13px 16px;
  border-bottom: 1px solid #f0f3f6;
  font-size: 13px;
  color: #47566a;
}

.order-detail .order-transaction .no-list {
  height: 60px;
  border-bottom: none;
  line-height: 60px;
  color: #9aa6b2;
}

.order-detail .down-pag {
  margin-top: 24px;
}

.order-detail .down-pag .el-button {
  height: 34px;
  border-color: #cfe8e4;
  border-radius: 6px;
  color: #095e58;
}

.order-detail .down-pag .el-button:hover {
  border-color: #0d7c74;
  background: #e9f5f3;
  color: #095e58;
}

/* ================= 提现记录 ================= */
.el-main .main-card header {
  height: auto;
  padding-bottom: 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e7ebef;
}

.el-main .main-card header h2 {
  font-size: 23px;
  font-weight: 600;
  line-height: 1.35;
  color: #16212c;
}

.el-main .main-card header .back-icon {
  margin-right: 12px;
}

.el-main .main-card .withdrawal-content {
  border-radius: 0;
}

.el-main .main-card .withdrawal-content .el-tag {
  height: 22px;
  padding: 0 9px;
  border-radius: 10px;
  font-size: 11.5px;
  line-height: 22px;
}

/* ================= 文章 / 公告详情 ================= */
#content.news_detail {
  min-height: 100vh;
  padding: 24px;
  background: #f2f4f6;
}

.news_detail .new-box {
  width: 1033px;
  max-width: 100%;
  margin: 0 auto;
  padding: 32px 40px;
  border: 1px solid #e7ebef;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(22, 33, 44, 0.04),
    0 10px 26px -16px rgba(22, 33, 44, 0.16);
}

.news_detail .new-box .tit {
  margin-bottom: 10px;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.4;
  color: #16212c;
}

.news_detail .new-box .time {
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #f0f3f6;
  font-size: 12.5px;
  color: #9aa6b2;
}

.news_detail .new-box .content {
  font-size: 13.5px;
  line-height: 1.85;
  color: #47566a;
}

.news_detail .new-box .news_annex {
  font-size: 12.5px;
  color: #6a7887;
}

.news_detail .new-box .news_annex a {
  color: #0d7c74;
}

/* ================= 协议 / 说明 ================= */
#content.template:not(.transfer) {
  min-height: 100vh;
  padding: 32px 24px;
  background: #f2f4f6;
}

.contnet-right-out {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
}

.contnet-right-out .content-right {
  padding: 32px 40px;
  border: 1px solid #e7ebef;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(22, 33, 44, 0.04),
    0 10px 26px -16px rgba(22, 33, 44, 0.16);
}

.contnet-right-out .content-right .right-title {
  padding-bottom: 16px;
  border-bottom: 1px solid #e7ebef;
  font-size: 23px;
  font-weight: 600;
  line-height: 1.4;
  color: #16212c;
}

.contnet-right-out .content-right .right-keywords-time .right-time,
.contnet-right-out .content-right .right-keywords-time .right-keywords {
  margin-top: 10px;
  font-size: 12.5px;
  color: #9aa6b2;
}

.contnet-right-out .content-right .right-content {
  margin-top: 24px;
  font-size: 13.5px;
  line-height: 1.85;
  color: #47566a;
}

.contnet-right-out .content-right .right-attachment {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #f0f3f6;
  font-size: 12.5px;
  color: #6a7887;
}

.contnet-right-out .content-right .right-attachment .right-attachment-item {
  color: #0d7c74;
}

/* ================= 中转页 ================= */
.transfer {
  background: #f2f4f6;
}

.transfer .con {
  overflow: hidden;
  border: 1px solid #e7ebef;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(22, 33, 44, 0.04),
    0 18px 40px -24px rgba(22, 33, 44, 0.28);
}

.transfer .logo {
  padding: 12px 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(112deg, #0d7c74 0%, #12938a 60%, #37a99f 100%);
}

.transfer .info {
  padding: 28px 32px;
  font-size: 13px;
  color: #47566a;
}

.transfer .tit {
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
  color: #16212c;
}

.transfer .des {
  margin: 12px 0 18px;
  line-height: 1.7;
  color: #6a7887;
}

.transfer .link {
  padding: 10px 12px;
  border: 1px solid #e7ebef;
  border-radius: 6px;
  background: #fafbfc;
  font-size: 12.5px;
  color: #6a7887;
  word-break: break-all;
}

.transfer .jump {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #f0f3f6;
}

.transfer .jump .btn {
  padding: 8px 18px;
  border-radius: 6px;
  background: #0d7c74;
  font-size: 13px;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.16s ease;
}

.transfer .jump .btn:hover {
  background: #095e58;
}

/* ================= 404 / 无权限 / 网络错误 ================= */
.el-main .main-card .content-box {
  min-height: 56vh;
  margin-top: 0;
}

.el-main .main-card .content-box .tips-box {
  margin-top: 20px;
  font-size: 13px;
  color: #6a7887;
}

.el-main .main-card .content-box .tran-again {
  margin-top: 6px;
  font-size: 13px;
  color: #0d7c74;
}

.el-main .main-card .content-box .tran-again:hover {
  color: #095e58;
  text-decoration: underline;
}

.el-main .box {
  padding: 80px 24px;
  border: 1px solid #e7ebef;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--c-shadow);
}

.el-main .box img {
  margin-top: 0;
  margin-bottom: 16px;
  width: 200px;
}

.el-main .box p {
  margin: 6px 0;
  font-size: 13px;
  color: #6a7887;
}

.el-main .box p .el-button {
  font-size: 13px;
  color: #0d7c74;
}

/* ================= 认证页（登录 / 注册 / 找回） ================= */
#login,
#regist,
#forget {
  background: #f2f4f6;
  color: #16212c;
}

#login .container-back,
#regist .container-back,
#forget .container-back {
  border: 1px solid #e2ece9;
  background: linear-gradient(112deg, #e9f5f2 0%, #f1f8f6 52%, #fbf6eb 100%) !important;
}

#login .container-back .back-text,
#regist .container-back .back-text,
#forget .container-back .back-text {
  color: #16212c;
}

#login .container-back .text-welcome,
#regist .container-back .text-welcome,
#forget .container-back .text-welcome {
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #0d7c74;
}

#login .container-back .text-title,
#regist .container-back .text-title,
#forget .container-back .text-title {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #16212c;
}

#login .container-back .text-level,
#regist .container-back .text-level,
#forget .container-back .text-level {
  margin-top: 22px;
  font-size: 12.5px;
  color: #6a7887;
}

#login .back-line1,
#login .back-line2,
#login .back-line3,
#regist .back-line1,
#regist .back-line2,
#regist .back-line3,
#forget .container-back .back-line1,
#forget .container-back .back-line2,
#forget .container-back .back-line3 {
  background: linear-gradient(180deg, rgba(13, 124, 116, 0.16) 0%, rgba(13, 124, 116, 0) 100%);
}

#login .container-before,
#regist .container-before,
#forget .container-before {
  border: 1px solid #e7ebef;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(22, 33, 44, 0.04),
    0 24px 48px -24px rgba(22, 33, 44, 0.28);
}

#login .login,
#regist .login,
#forget .login {
  font-size: 13px;
  line-height: 1.5;
}

#login .login-text-title,
#regist .login-text-title,
#forget .login-text-title {
  font-size: 23px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.01em;
  color: #16212c;
}

#login .login-text-regist,
#regist .login-text-regist,
#forget .login-text-regist {
  margin-top: 6px;
  font-size: 12.5px;
  color: #6a7887;
}

#login .login-text-regist a,
#regist .login-text-regist a,
#forget .login-text-regist a,
#login .rember-item a,
#login .read-item a,
#regist .read-item a,
#forget .read-item a,
#login .forget-pass > a {
  color: #0d7c74;
}

#login .login-form,
#regist .login-form,
#forget .login-form {
  margin-top: 32px;
}

#login .login-email,
#login .login-phone,
#regist .login-email,
#regist .login-phone,
#forget .login-email,
#forget .login-phone {
  height: auto;
  padding: 0 2px 10px;
  font-size: 13px;
  color: #6a7887;
}

#login .login-email.active,
#login .login-phone.active,
#regist .login-email.active,
#regist .login-phone.active,
#forget .login-email.active,
#forget .login-phone.active {
  padding-bottom: 10px;
  border-bottom: 2px solid #0d7c74;
  font-weight: 600;
  color: #095e58;
}

#login .form-item,
#regist .form-item,
#forget .form-item {
  margin-top: 16px;
}

#login .el-input__inner,
#regist .el-input__inner,
#forget .el-input__inner {
  height: 40px;
  padding: 0 12px;
  border-color: #e7ebef;
  border-radius: 6px;
  font-size: 13px;
  color: #16212c;
}

#login .el-input__inner:focus,
#regist .el-input__inner:focus,
#forget .el-input__inner:focus {
  border-color: #0d7c74;
}

#login .rember-item,
#regist .rember-item,
#forget .rember-item {
  margin-top: 16px;
  font-size: 12.5px;
}

#login .read-text,
#regist .read-text,
#forget .read-text {
  padding: 0 8px;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.6;
  color: #6a7887;
}

#login .login-btn,
#regist .login-btn,
#forget .login-btn,
#login .pass-btn,
#regist .pass-btn,
#forget .pass-btn {
  height: 40px;
  border-radius: 6px;
  background: #0d7c74;
  border-color: #0d7c74;
  font-size: 13.5px;
  font-weight: 500;
  box-shadow: 0 8px 16px -12px rgba(13, 124, 116, 0.9);
}

#login .login-btn:hover,
#regist .login-btn:hover,
#forget .login-btn:hover {
  background: #095e58;
  border-color: #095e58;
}

#login .pass-btn,
#regist .pass-btn,
#forget .pass-btn {
  margin-top: 10px;
  background: #ffffff;
  border: 1px solid #e7ebef;
  color: #47566a;
  box-shadow: none;
}

#login .pass-btn:hover,
#regist .pass-btn:hover,
#forget .pass-btn:hover {
  border-color: #cfe8e4;
  background: #e9f5f3;
  color: #095e58;
}

#login .code-btn,
#regist .code-btn,
#forget .code-btn {
  height: 40px;
  border-radius: 6px;
  background: #0d7c74;
  font-size: 13px;
}

#login .qr-box-select-account {
  border-color: #e7ebef;
  border-radius: 8px;
  background: #fafbfc;
}

#login .qr-box-select-account .qr-box-back {
  color: #0d7c74;
}

#login .oauth-item {
  padding: 8px;
  border-radius: 8px;
}

#login .oauth-item:hover {
  background: #f5f8fa;
}

#login .login-jump-btn .lang-box {
  color: #9aa6b2;
}

#login .login-jump-btn .lang-box span.active {
  color: #0d7c74;
  font-weight: 600;
}

#login .login-jump-btn .btn a,
#regist .login-jump-btn .btn a,
#forget .login-jump-btn .btn a {
  color: #ffffff;
}

#login .line-item .el-divider__text,
#regist .line-item .el-divider__text,
#forget .line-item .el-divider__text {
  background: #ffffff;
  color: #9aa6b2;
  font-size: 12px;
}

/* ================= 响应式 ================= */
@media screen and (max-width: 1320px) {
  .el-main:not(.product-main) .main-card,
  .order-detail {
    max-width: none;
  }
}

@media screen and (max-width: 750px) {
  .el-main:not(.product-main),
  #finance .el-main {
    padding: calc(1rem + 16px) 16px 24px !important;
  }

  .el-main:not(.product-main) .main-card:not(.finance),
  .el-main .order-detail {
    padding: 16px;
    border-radius: 8px;
  }

  .el-main:not(.product-main) .main-card-title {
    margin-bottom: 14px;
    padding-bottom: 12px;
    font-size: 19px;
  }

  .el-main .el-table th.el-table__cell,
  .el-main .el-table td.el-table__cell {
    height: auto;
    padding: 8px 0;
  }

  .el-main .el-table th.el-table__cell > .cell,
  .el-main .el-table td.el-table__cell > .cell {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }

  .el-main .el-button,
  .el-main:not(.product-main) .left-btn,
  .el-main:not(.product-main) .content_searchbar .left-btn {
    height: 32px;
    font-size: 13px;
  }

  #account .box-item-b > .el-input,
  #account .box-item-b .el-select,
  #account .box-item-b .el-textarea {
    width: 100%;
  }

  #finance .finance-title {
    font-size: 19px;
  }

  #finance .finance-balance {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
  }

  #finance .balance-right {
    width: 100%;
  }

  #finance .finance-other-money {
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px 16px;
  }

  #finance .other-money-item {
    padding: 0;
    border-left: none;
  }

  #finance .content_box {
    padding: 4px 14px 16px;
  }

  .order-detail .order-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
  }

  .order-detail .order-info .info-right {
    align-items: flex-start;
  }

  .order-detail .page-top .top-title {
    font-size: 19px;
  }

  #content.news_detail,
  #content.template:not(.transfer) {
    padding: 16px;
  }

  .news_detail .new-box,
  .contnet-right-out .content-right {
    padding: 20px;
  }

  .news_detail .new-box .tit,
  .contnet-right-out .content-right .right-title {
    font-size: 19px;
  }

  .transfer .info {
    padding: 20px 18px;
  }

  .el-main .box {
    padding: 48px 16px;
  }

  #login .container-before,
  #regist .container-before,
  #forget .container-before {
    border-radius: 8px;
  }
}