/* Finance-only responsive adjustments. */
body.site-tool-page.stock-lite-layout .container {
  gap: 8px !important;
}
body.site-tool-page.stock-lite-layout .tool-hero,
body.site-tool-page.stock-lite-layout .unified-page-bar,
body.site-tool-page.stock-lite-layout .workspace-tabs {
  margin: 0 !important;
}
/* 金融页移动端重排：保留“金融计算中心”，收紧与页签、卡片的距离 */
body.stock-lite-layout .section-head {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body.stock-lite-layout .section-head::before,
body.stock-lite-layout .section-head::after {
  display: none !important;
}
body.site-tool-page.stock-lite-layout .section-head .title {
  color: #1f2d3d !important;
}
body.site-tool-page.stock-lite-layout .section-head .quality-pill {
  color: #607080 !important;
  border-color: rgba(79, 118, 129, 0.14) !important;
  background: #f2f7f8 !important;
}
body.stock-lite-layout .title i {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  color: #fff !important;
  background: linear-gradient(135deg, #f391a9, #44d7b6);
  font-size: 13px;
}
body.stock-lite-layout .field label {
  display: block;
  margin-bottom: 7px !important;
}
body.stock-lite-layout .main-panel,
body.stock-lite-layout .side-panel {
  gap: 12px !important;
}
body.site-tool-page.stock-lite-layout .fund-card .section-head {
  margin-bottom: 0 !important;
}

@media (max-width: 760px) {
  body.site-tool-page.stock-lite-layout {
    padding: 10px !important;
  }
  body.site-tool-page.stock-lite-layout .container {
    gap: 8px !important;
  }
  body.site-tool-page.stock-lite-layout .tool-hero {
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 17px !important;
  }
  body.stock-lite-layout .tool-hero-copy h1 {
    font-size: clamp(1.35rem, 6vw, 1.75rem) !important;
  }
  body.site-tool-page.stock-lite-layout .unified-page-bar {
    display: flex !important;
    align-items: center !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-radius: 16px !important;
  }
  body.stock-lite-layout .unified-page-bar-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 11px !important;
  }
  body.stock-lite-layout .unified-page-bar strong {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }
  body.stock-lite-layout .unified-page-bar small {
    display: none !important;
  }
  body.site-tool-page.stock-lite-layout .workspace-tabs {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 4px !important;
    gap: 4px !important;
    border-radius: 15px !important;
  }
  body.stock-lite-layout .workspace-tab {
    flex: initial !important;
    min-height: 34px !important;
    padding: 6px 4px !important;
    gap: 5px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    border-radius: 12px !important;
  }
  body.stock-lite-layout .workspace-tab i {
    font-size: 12px !important;
  }
  body.stock-lite-layout .workspace {
    gap: 10px !important;
  }
  body.stock-lite-layout .main-panel,
  body.stock-lite-layout .side-panel {
    gap: 10px !important;
  }
  body.stock-lite-layout .card {
    padding: 13px !important;
    border-radius: 17px !important;
  }
  body.stock-lite-layout .section-head {
    margin-bottom: 12px !important;
    align-items: center !important;
  }
  body.stock-lite-layout .title {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }
  body.stock-lite-layout .title i {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    font-size: 12px !important;
  }
  body.stock-lite-layout .quality-pill {
    min-height: 24px !important;
    padding: 3px 8px !important;
    font-size: 10px !important;
  }
  body.stock-lite-layout .form-grid {
    gap: 11px !important;
  }
  body.stock-lite-layout .field label {
    margin-bottom: 6px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }
  body.stock-lite-layout .input-wrapper input,
  body.stock-lite-layout .input-wrapper select,
  body.stock-lite-layout input[type="text"],
  body.stock-lite-layout input[type="number"],
  body.stock-lite-layout select {
    min-height: 42px !important;
  }
  body.stock-lite-layout .input-action-strip {
    margin-top: 9px !important;
  }
  body.stock-lite-layout .workspace[data-view="finance"] .calculator-card {
    display: block !important;
  }
  body.stock-lite-layout
    .workspace[data-view="finance"]
    .calculator-card
    .form-grid {
    grid-template-columns: 1fr !important;
  }
  body.stock-lite-layout
    .workspace[data-view="finance"]
    .calculator-card
    .section-head {
    margin-bottom: 11px !important;
  }
  body.stock-lite-layout
    .workspace[data-view="finance"]
    .calculator-card
    .input-action-strip
    .btn {
    width: 100% !important;
    height: 40px !important;
  }
  body.stock-lite-layout .workspace[data-view="fund"] .fund-card > .form-grid {
    grid-template-columns: 1fr !important;
    gap: 11px !important;
  }
  body.stock-lite-layout .fund-fetch-field label {
    display: none !important;
  }
  body.stock-lite-layout .fund-fetch-field .btn {
    width: 100% !important;
    min-height: 38px !important;
  }
  body.stock-lite-layout .valuation-card {
    margin-top: 0 !important;
  }
  body.stock-lite-layout .valuation-price-grid {
    gap: 7px !important;
  }
  body.stock-lite-layout .valuation-price-box {
    min-height: 76px !important;
    padding: 10px !important;
  }
  body.stock-lite-layout .research-card {
    margin-top: 0 !important;
  }
}
@media (max-width: 380px) {
  body.stock-lite-layout .workspace-tab {
    font-size: 11px !important;
    gap: 3px !important;
  }
  body.stock-lite-layout .workspace-tab i {
    display: none !important;
  }
}