/* ============================================================
   SwimX — 响应式布局
   ============================================================ */

/* ===== 手机端（≤480px）===== */
@media(max-width:480px){
  /* 顶栏 */
  .topbar{padding:0 10px;height:50px}
  .topbar-name{font-size:14px}
  .topbar-logo{width:30px;height:30px;font-size:15px}
  .topbar-nav{gap:2px}
  .topbar-nav a{font-size:10px;padding:4px 7px}

  /* 主体 */
  .main{padding:0 14px 30px}

  /* 个人卡片 */
  .me-card{padding:24px 20px;gap:18px;flex-direction:column;text-align:center}
  .me-avatar img{width:72px;height:72px}
  .me-info h1{font-size:22px}
  .me-info .role{font-size:13px}

  /* 分区 */
  .section{margin-top:24px}
  .section-head{gap:8px;margin-bottom:12px}
  .section-head h2{font-size:17px}
  .section-head .icon{width:34px;height:34px;font-size:17px}

  /* Hero 卡片 */
  .teach-hero{flex-direction:column}
  .teach-hero .th-cover{flex:0 0 120px;min-height:120px;font-size:44px}
  .teach-hero .th-body{padding:16px 18px}
  .teach-hero .th-body h3{font-size:16px}
  .teach-hero .th-body p{font-size:12px}
  .teach-hero .th-tags span{font-size:10px;padding:2px 8px}
  .teach-hero .th-btn{font-size:13px;padding:8px 22px}

  /* 紧凑双栏 */
  .compact-row{grid-template-columns:1fr}
  .compact-card{padding:16px 18px}

  /* 游戏网格 */
  .game-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .game-card{padding:14px 10px}
  .game-card .gc-icon{font-size:34px}
  .game-card .gc-name{font-size:14px}
  .game-card .gc-desc{font-size:11px}
  .game-card .gc-tag{font-size:9px}

  /* 留言板 */
  .msg-section{margin-top:28px}
  .msg-form-card{padding:14px}
  .msg-form-row{flex-direction:column;align-items:stretch}
  .msg-nick-input{flex:none;width:100%;font-size:13px}
  .msg-textarea{font-size:13px;min-height:70px}
  .msg-submit-btn{width:100%;text-align:center}
  .msg-card{padding:14px 16px;gap:10px}
  .msg-avatar{width:36px;height:36px;font-size:14px}
  .msg-nickname{font-size:13px}
  .msg-content{font-size:13px}
  .msg-action-btn{font-size:11px}
  .msg-submit-row{flex-direction:column;gap:8px}
  .msg-char-count{text-align:right}
  .admin-reply-form{flex-direction:column}
  .load-more-btn{width:100%}

  /* 页脚 */
  .footer{padding:24px 14px;font-size:11px;margin-top:28px}

  /* 超小屏 */
  @media(max-width:360px){
    .game-grid{grid-template-columns:1fr}
  }
}

/* ===== 通用 ≤600px ===== */
@media(max-width:600px){
  .back-btn{font-size:12px;padding:6px 12px}
}