/* 2026 National Day V2: approved gold-rays / red-silk homepage hero. Visual only. */
.hp-root .hp-hero {
  background-color: #fffbf9;
  background-image: url('/assets/national-day-hero-v2-desktop-180724cc7cd1.svg');
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media (max-width: 640px) {
  .hp-root .hp-hero {
    background-color: #fffbf9;
    background-image: url('/assets/national-day-hero-v2-mobile-8442e539c545.svg');
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 22px 12px 22px;
  }
  .hp-root .hp-search-tabs { justify-content: space-between; gap: 0; }
  .hp-root .hp-search-tab { min-height: 44px; padding: 0 6px; font-size: 13px; white-space: nowrap; }
  .hp-root .hp-search-wrap input { height: 52px; padding-right: 92px; background: #fff; }
  .hp-root .hp-search-btn { min-width: 76px; padding: 0 12px; }
  .hp-root .hp-search-meta { margin-top: 8px; }
  .hp-root .hp-bom-link { min-height: 44px; padding: 4px 6px; }
  .hp-root .hp-feature-cards { margin-top: 12px; }
  .hp-root .hp-fcard-qi { padding: 0; border: 0; background: transparent; }
  .hp-root .hp-fcard-qi .hp-fcard-func { padding: 0; }
}
@media (max-width: 560px) {
  .hp-root .qi-panel { padding: 16px; border: 1px solid #eef0f4; border-radius: 16px; background: #fff; box-shadow: 0 2px 12px rgba(31,53,83,.06); }
  .hp-root .qi-mod-title { font-size: 16px; }
  .hp-root .qi-toolbar, .hp-root .qi-optional-grid { grid-template-columns: 1fr; gap: 10px; }
  .hp-root .qi-input { height: 44px; font-size: 14px; }
  .hp-root .qi-field-remark { grid-column: auto; }
  .hp-root .qi-btn { min-width: 0; height: 44px; background: #185fa5; color: #fff; }
  .hp-root .qi-btn:hover { background: #0c447c; color: #fff; }
  .hp-root .qi-more { min-height: 44px; justify-self: start; }
}