/* ============================================
   择名网 - 手机版响应式优化
   适配设备：手机（<768px）、平板（768px-992px）
   ============================================ */

/* ========== 通用优化 ========== */
@media (max-width: 991.98px) {
  /* 主标题字体缩小 */
  .main-title {
    font-size: 32px !important;
  }
  .main-marketing {
    font-size: 18px !important;
  }
  
  /* 卡片内边距缩小 */
  .form-card {
    padding: 20px !important;
  }
  
  /* 模块间距缩小 */
  .flow-wrap, .rank-wrap {
    padding: 40px 0 !important;
  }
  
  /* 按钮字体适当调整 */
  .btn-primary-custom {
    font-size: 16px !important;
    padding: 12px 20px !important;
  }
}

/* ========== 手机专属优化（<768px） ========== */
@media (max-width: 767.98px) {
  /* 全局字体微调 */
  body {
    font-size: 15px;
  }
  
  /* Logo区域 */
  .logo-img {
    height: 40px !important;
  }
  .logo-cn {
    font-size: 18px !important;
  }
  .logo-en {
    font-size: 11px !important;
  }
  
  /* 主视觉区域 */
  .hero-wrap {
    padding: 30px 0 !important;
  }
  .main-title {
    font-size: 26px !important;
    margin-bottom: 12px !important;
  }
  .main-marketing {
    font-size: 16px !important;
    margin-bottom: 16px !important;
  }
  .intro-item {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  
  /* 表单卡片 */
  .form-card {
    padding: 16px !important;
    border-radius: 10px !important;
  }
  .form-label {
    font-size: 14px !important;
    margin-bottom: 6px !important;
  }
  .form-control, .form-select {
    font-size: 16px !important;
    padding: 12px 14px !important;
    min-height: 44px !important;
    border-radius: 8px !important;
  }
  .form-check-input {
    width: 20px !important;
    height: 20px !important;
    margin-top: 2px !important;
  }
  .form-check-label {
    font-size: 14px !important;
    padding-left: 6px !important;
  }
  .input-group-text {
    font-size: 14px !important;
    padding: 10px 12px !important;
  }
  
  /* 按钮 */
  .btn-primary-custom {
    font-size: 16px !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
  }
  
  /* 模块间距 */
  .flow-wrap, .rank-wrap {
    padding: 30px 0 !important;
  }
  
  /* 流程模块 */
  .flow-item {
    padding: 12px !important;
  }
  .flow-num {
    width: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
  }
  .flow-title {
    font-size: 16px !important;
  }
  .flow-desc {
    font-size: 13px !important;
  }
  
  /* 辈分起名模块 */
  .rank-sub-title {
    font-size: 18px !important;
  }
  .rank-desc {
    font-size: 14px !important;
    margin-bottom: 20px !important;
  }
  .rank-card {
    padding: 16px !important;
  }
  
  /* 科普文章卡片 */
  .article-card {
    padding: 16px !important;
  }
  .article-title {
    font-size: 16px !important;
  }
  .article-desc {
    font-size: 13px !important;
  }
  
  /* 常见问题 */
  .faq-item {
    padding: 12px !important;
  }
  .faq-question {
    font-size: 15px !important;
  }
  .faq-answer {
    font-size: 13px !important;
  }
  
  /* 页脚 */
  footer {
    padding: 30px 0 !important;
  }
  .footer-title {
    font-size: 15px !important;
  }
  .footer-link {
    font-size: 13px !important;
  }
  .disclaimer-text {
    font-size: 12px !important;
  }
  
  /* 面包屑导航 */
  .breadcrumb {
    font-size: 13px !important;
  }
  
  /* 页面banner */
  .page-banner {
    padding: 30px 0 !important;
  }
  .page-title {
    font-size: 24px !important;
  }
  .page-subtitle {
    font-size: 14px !important;
  }
  
  /* 内容卡片 */
  .content-card {
    padding: 16px !important;
    border-radius: 10px !important;
    margin-bottom: 16px !important;
  }
  
  /* 通用文字优化 */
  p {
    line-height: 1.7 !important;
  }
  h1 { font-size: 24px !important; }
  h2 { font-size: 20px !important; }
  h3 { font-size: 18px !important; }
  h4 { font-size: 16px !important; }
  h5, h6 { font-size: 15px !important; }
  
  /* 列表优化 */
  ul, ol {
    padding-left: 20px !important;
  }
  li {
    margin-bottom: 6px !important;
    line-height: 1.6 !important;
  }
  
  /* 右侧姓氏渊源区域 - 手机版移到下方 */
  .surname-origin-panel,
  .content-card.sticky-top {
    margin-top: 20px !important;
    position: static !important;
    top: auto !important;
  }
  
  /* 打分结果六维展示 */
  .score-dimension {
    padding: 12px !important;
  }
  .dimension-name {
    font-size: 14px !important;
  }
  .dimension-score {
    font-size: 20px !important;
  }
  
  /* 候选名字列表 */
  .name-item {
    padding: 12px !important;
  }
  .name-text {
    font-size: 20px !important;
  }
  .name-desc {
    font-size: 13px !important;
  }
  
  /* 康熙字典页面 */
  .kangxi-card {
    padding: 16px !important;
  }
  .radical-item, .pinyin-item, .stroke-item, .attr-item {
    padding: 8px !important;
    font-size: 14px !important;
  }
  
  /* 名字库页面 */
  .char-grid {
    gap: 8px !important;
  }
  .char-item {
    padding: 10px !important;
    font-size: 18px !important;
  }
  
  /* 艺术签名页面 */
  .signature-canvas {
    width: 100% !important;
    height: auto !important;
  }
  .style-select {
    font-size: 14px !important;
  }
  
  /* 文章详情页 */
  .article-content {
    font-size: 15px !important;
    line-height: 1.8 !important;
  }
  .article-content h2 {
    font-size: 20px !important;
  }
  .article-content h3 {
    font-size: 18px !important;
  }
  
  /* 表格横向滚动 */
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  /* 图片自适应 */
  img {
    max-width: 100%;
    height: auto;
  }
  
  /* 导航栏优化 */
  .navbar {
    padding: 8px 0 !important;
  }
  .navbar-nav .nav-link {
    padding: 8px 12px !important;
    font-size: 14px !important;
  }
  
  /* 下拉菜单优化 */
  .dropdown-menu {
    font-size: 14px !important;
  }
  .dropdown-item {
    padding: 8px 16px !important;
  }
  
  /* 分页优化 */
  .pagination .page-link {
    padding: 6px 10px !important;
    font-size: 13px !important;
  }
  
  /* 标签页优化 */
  .nav-tabs .nav-link {
    padding: 8px 12px !important;
    font-size: 14px !important;
  }
  
  /* 模态框优化 */
  .modal-dialog {
    margin: 10px !important;
  }
  .modal-content {
    border-radius: 10px !important;
  }
  .modal-header {
    padding: 12px 16px !important;
  }
  .modal-body {
    padding: 16px !important;
  }
  .modal-title {
    font-size: 16px !important;
  }
  
  /* 提示框优化 */
  .alert {
    padding: 10px 14px !important;
    font-size: 14px !important;
  }
  
  /* 进度条优化 */
  .progress {
    height: 8px !important;
  }
  
  /* 徽章优化 */
  .badge {
    font-size: 11px !important;
    padding: 4px 8px !important;
  }
}

/* ========== 小屏手机优化（<576px） ========== */
@media (max-width: 575.98px) {
  .main-title {
    font-size: 22px !important;
  }
  .main-marketing {
    font-size: 15px !important;
  }
  .form-card {
    padding: 14px !important;
  }
  .btn-primary-custom {
    font-size: 15px !important;
    padding: 11px 14px !important;
  }
}

/* ========== 横屏手机优化 ========== */
@media (max-width: 767.98px) and (orientation: landscape) {
  .hero-wrap {
    padding: 20px 0 !important;
  }
  .main-title {
    font-size: 22px !important;
  }
}

/* ========== 触摸设备优化 ========== */
@media (hover: none) and (pointer: coarse) {
  /* 增大可点击区域 */
  .btn, .nav-link, .dropdown-item, .page-link {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  
  /* 去除hover效果 */
  .btn:hover, .nav-link:hover, .dropdown-item:hover {
    /* 保留基础样式，不做特殊处理 */
  }
}

/* ========== 打印优化（可选） ========== */
@media print {
  .navbar, footer, .btn {
    display: none !important;
  }
  .form-card, .content-card {
    border: 1px solid #ddd !important;
    box-shadow: none !important;
  }
}