/* PC 个基页视觉改进 — override 层（作用域：#fundxq 主内容 + 顶栏 + 新侧栏，不含 foot） */

body:has(#fundxq) {
  background: var(--color-bg-page, #f5f2eb);
}

#fundxq.viewbox,
#fundxq.main-content,
.main-content#fundxq {
  background: transparent;
  display: flex;
}

.etf-searchbox input.searchkey:focus {
  border-color: var(--color-text-accent, #b83b3f);
  box-shadow: 0 0 0 2px rgba(184, 59, 63, 0.1);
  outline: none;
}

#new-sidebar {
  padding: 8px 0;
  background: var(--sidebar-bg, #fffdf5);
}

#new-sidebar .sidebar-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  color: var(--color-text-secondary, #5a5a6e);
  text-decoration: none;
  font-size: 13px;
  transition: all 0.15s;
  border-left: 3px solid transparent;
  margin: 1px 0;
}

#new-sidebar .sidebar-link:hover {
  background: var(--sidebar-hover-bg, #faf8f2);
  color: var(--color-text-primary, #1a1a2e);
}

#new-sidebar .sidebar-link.active {
  background: var(--sidebar-active-bg, #fff3d6);
  color: var(--sidebar-active-text, #b83b3f);
  border-left-color: var(--sidebar-active-text, #b83b3f);
  font-weight: 600;
}

#new-sidebar .sidebar-link svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

#new-sidebar .sidebar-separator {
  height: 1px;
  background: var(--color-border-muted, #f0e6c0);
  margin: 6px 12px;
}

#new-sidebar .sidebar-sub {
  padding-left: 20px;
}

#new-sidebar .sidebar-sub .sidebar-link {
  font-size: 12px;
  padding: 7px 16px 7px 14px;
}

.main-content .main-left {
  width: 180px;
  min-width: 180px;
  float: none;
  border-right: 1px solid var(--color-border-soft, #e8dcc0);
  background: var(--sidebar-bg, #fffdf5);
}

.main-content .main-right {
  float: none;
  flex: 1;
  min-width: 0;
}

#fundxq .etf-index-card {
  border: 1px solid var(--color-border-card, #ece4d0);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(44, 59, 79, 0.06), 0 0 0 1px rgba(236, 228, 208, 0.5);
  transition: box-shadow 0.2s;
}

#fundxq .etf-index-card:hover {
  box-shadow: 0 3px 10px rgba(44, 59, 79, 0.08), 0 0 0 1px var(--color-border-soft, #e8dcc0);
}

#fundxq .public2-title {
  border-bottom: 1px solid var(--color-border-muted, #f0e6c0);
}

#fundxq .public2-title span {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-secondary, #5a5a6e);
  padding: 10px 18px;
  transition: color 0.15s;
}

#fundxq .public2-title span.on {
  color: var(--color-text-primary, #1a1a2e);
  font-weight: 600;
  border-bottom: 3px solid var(--color-text-accent, #b83b3f);
}

#fundxq .pub2-more2 {
  color: var(--color-text-tertiary, #8a8a9e) !important;
  font-size: 12px;
  transition: color 0.15s;
}

#fundxq .pub2-more2:hover {
  color: var(--color-text-accent, #b83b3f) !important;
}

#fundxq .hq-info-box {
  border-radius: 10px;
  border: 1px solid var(--color-border-card, #ece4d0);
  box-shadow: 0 2px 8px rgba(44, 59, 79, 0.06), 0 0 0 1px rgba(236, 228, 208, 0.5);
}

#fundxq .hq-fund-data-item .fund-d-value b {
  letter-spacing: -0.5px;
}

#fundxq .fund-d-title {
  color: var(--color-text-label, #6b6b7b);
  font-size: 12px;
}

#fundxq .red {
  color: #bf3636 !important;
}

#fundxq .green {
  color: #38775a !important;
}

#fundxq .table {
  border-collapse: collapse;
}

#fundxq .table thead th {
  background: var(--color-bg-nest, #faf8f2) !important;
  color: var(--color-text-label, #6b6b7b);
  font-weight: 600;
  font-size: 12px;
  padding: 9px 12px !important;
  border-bottom: 2px solid var(--color-border-muted, #f0e6c0) !important;
  text-transform: none;
  letter-spacing: 0;
}

#fundxq .table tbody td {
  padding: 8px 12px !important;
  font-size: 13px;
  border-bottom: 1px solid rgba(240, 230, 192, 0.4) !important;
}

#fundxq .table tbody tr {
  transition: background 0.12s;
}

#fundxq .table tbody tr:hover {
  background: var(--color-bg-card-hover, #fff9ef);
}

#fundxq .table tbody tr:last-child td {
  border-bottom: none !important;
}

#fundxq .main-top h1.name {
  font-weight: 700;
  letter-spacing: -0.3px;
}

#fundxq .main-top .code {
  font-family: var(--font-mono, 'JetBrains Mono', monospace);
  font-size: 13px;
  color: var(--color-text-tertiary, #8a8a9e);
  font-weight: 400;
  letter-spacing: 0.5px;
}

#fundxq .hq-fund-data-item .fund-d-value b.jz {
  letter-spacing: -0.8px;
}

#fundxq .tag_c {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px !important;
  font-size: 11px;
  font-weight: 500;
  background: rgba(90, 90, 110, 0.06) !important;
  color: var(--color-text-secondary, #5a5a6e) !important;
  border: 1px solid rgba(90, 90, 110, 0.1);
  margin-left: 4px;
}

#fundxq .tag_c:not(.tips) {
  background: rgba(184, 59, 63, 0.08) !important;
  color: var(--color-text-accent, #b83b3f) !important;
  border-color: rgba(184, 59, 63, 0.15);
}

/* 个基首页：顶部标签文字方块内垂直居中 */
#fundxq[page-title-id="f_menu_index"] .main-top .ti-left {
  align-items: center;
}

#fundxq[page-title-id="f_menu_index"] .main-top .tag_c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  line-height: 1 !important;
  padding: 0 8px;
  box-sizing: border-box;
  vertical-align: middle;
}

/* 个基首页：收益率区 + 基本信息区合并为一块连续内底色 */
#fundxq[page-title-id="f_menu_index"] .hq-info-box .line15 {
  display: none;
}

#fundxq[page-title-id="f_menu_index"] .hq-info-box .hq-f-bread-u {
  margin-top: 12px;
  padding: 10px 12px;
  background: var(--etf-jj-index-inner-bar, #fff6e8);
  border-radius: 6px;
}

#fundxq[page-title-id="f_menu_index"] .hq-info-box .hq-f-bread-u:not(#fund-basic-info-full):not(#fund-basic-info-simple) {
  border-radius: 6px 6px 0 0;
  margin-bottom: 0;
  padding-bottom: 6px;
}

#fundxq[page-title-id="f_menu_index"] .hq-info-box #fund-basic-info-full,
#fundxq[page-title-id="f_menu_index"] .hq-info-box #fund-basic-info-simple {
  margin-top: 0;
  border-radius: 0 0 6px 6px;
  padding-top: 6px;
  border-top: 1px solid rgba(240, 230, 192, 0.6);
}

#fundxq[page-title-id="f_menu_index"] .hq-info-box .hq-f-bread-u:only-of-type {
  border-radius: 6px;
  border-top: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

#fundxq .hq-types ul li,
#fundxq .valuat-hq-nav ul li {
  font-size: 13px;
  transition: all 0.15s;
  border-radius: 4px;
}

#fundxq .hq-types ul li.cur,
#fundxq .valuat-hq-nav ul li.active {
  font-weight: 600;
}

#fundxq progress {
  border: none;
  border-radius: 7px;
  height: 12px !important;
  overflow: hidden;
  -webkit-appearance: none;
  appearance: none;
}

#fundxq progress::-webkit-progress-bar {
  background: #ede8db;
  border-radius: 7px;
}

#fundxq progress::-webkit-progress-value {
  background: linear-gradient(90deg, #d4a574, #b83b3f);
  border-radius: 7px;
  transition: width 0.3s ease;
}

#fundxq progress::-moz-progress-bar {
  background: linear-gradient(90deg, #d4a574, #b83b3f);
  border-radius: 7px;
}

#fundxq .rthead-table td {
  font-size: 13px;
  color: var(--color-text-secondary, #5a5a6e);
}

#fundxq .rating-v2-hero {
  font-size: 14px;
  line-height: 1.6;
}

#fundxq .rating-v2-stars {
  color: #d4a017;
  font-weight: 600;
  letter-spacing: 1px;
}

#fundxq .rating-v2-peer {
  color: var(--color-text-tertiary, #8a8a9e);
  font-size: 13px;
}

#fundxq .m-man .photo img {
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

#fundxq .m-man .name a {
  color: var(--color-text-primary, #1a1a2e) !important;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.15s;
}

#fundxq .m-man .name a:hover {
  color: var(--color-text-accent, #b83b3f) !important;
}

#fundxq .m-man .time {
  color: var(--color-text-tertiary, #8a8a9e) !important;
  font-size: 12px;
}

#fundxq details.mgr-etf-style-fold summary {
  cursor: pointer;
  transition: background 0.15s;
}

#fundxq details.mgr-etf-style-fold summary:hover {
  background: var(--color-bg-card-hover, #fff9ef);
}

#fundxq .mgr-etf-style-body h4 {
  color: var(--color-text-primary, #1a1a2e) !important;
  font-weight: 600 !important;
  border-bottom: none !important;
}

#fundxq .mgr-etf-style-body p {
  color: var(--color-text-secondary, #5a5a6e) !important;
}

#fundxq .fund-tab-content-item,
#fundxq #valuat-hq,
#fundxq .chart-placeholder {
  background: linear-gradient(180deg, #fffdf7 0%, #faf7f0 100%) !important;
}

.etf-nav .list1 a:hover,
.etf-nav .list2 a:hover,
.etf-nav .list3 a:hover {
  color: var(--color-text-accent, #b83b3f) !important;
  transition: color 0.15s;
}

.etf-searchbox input.searchkey {
  border-radius: 6px !important;
  transition: border-color 0.15s, box-shadow 0.15s;
}

#fundxq .ranking {
  display: inline-flex;
  gap: 2px;
  vertical-align: middle;
  height: 16px;
  align-items: stretch;
}

#fundxq .ranking div {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  background: #ede8db;
  transition: background 0.2s;
}

#fundxq .ranking.rank_4 div {
  background: var(--color-text-accent, #b83b3f);
}

#fundxq .ranking.rank_3 div.r4,
#fundxq .ranking.rank_3 div.r3,
#fundxq .ranking.rank_3 div.r2 {
  background: #d4a017;
}

#fundxq .ranking.rank_2 div.r4,
#fundxq .ranking.rank_2 div.r3 {
  background: #e67e22;
}

#fundxq .ranking.rank_1 div.r4 {
  background: #8a8a9e;
}

#fundxq .hw_d {
  font-size: 11px !important;
  margin-left: 6px;
  font-weight: 500;
}

#fundxq .gzmess {
  font-size: 11px;
  color: var(--color-text-tertiary, #8a8a9e);
}

#fundxq .line15 {
  height: 1px;
  background: var(--color-border-muted, #f0e6c0);
}

#fundxq .GJ_ad_zx_btn {
  background: transparent !important;
  color: var(--color-text-secondary, #5a5a6e) !important;
  border: 1px solid var(--color-border-soft, #e8dcc0) !important;
  padding: 6px 16px !important;
  border-radius: 6px !important;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s;
  text-decoration: none !important;
  box-shadow: none !important;
}

#fundxq .GJ_ad_zx_btn:hover {
  border-color: var(--color-text-accent, #b83b3f) !important;
  color: var(--color-text-accent, #b83b3f) !important;
  background: rgba(184, 59, 63, 0.04) !important;
}