/* ============================================================
   椿日部 · 移动端全面适配 + 成员头像墙
   ============================================================ */

/* ---------- 成员头像墙（一目了然看多人） ---------- */
.member-wall{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.member-cell{cursor:pointer;text-align:center}
.member-cell .member-photo{aspect-ratio:1/1;border-radius:6px;overflow:hidden;border:1px solid var(--line);background:var(--paper-2);margin-bottom:6px;transition:.2s}
.member-cell .member-photo:hover{border-color:var(--cinnabar)}
.member-cell .member-photo img{width:100%;height:100%;object-fit:cover}
.member-cell .member-name{font-size:12px;letter-spacing:1px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-cell:hover .member-name{color:var(--cinnabar)}

/* ---------- 全局移动端适配 ---------- */
@media (max-width:768px){
  body{font-size:15px}
  .container{padding:0 14px}
  .section{padding:34px 0}
  .section-head{margin-bottom:16px}
  .section-title{font-size:20px;letter-spacing:2px}
  .section-sub{font-size:12.5px}
  .brand-name{font-size:18px;letter-spacing:3px}
.brand-seal{width:36px;height:36px;border-radius:7px;font-size:22px;line-height:1;color:#f0d48a;text-shadow:0 1px 1px rgba(120,25,15,.4)}
  .header-inner{padding:8px 14px;gap:8px}
  .nav a{font-size:13.5px;padding:6px 8px;letter-spacing:1px}

  .hero{min-height:62vh}
.hero-title{font-size:clamp(3.6rem,22vw,5.4rem);padding:.1em;letter-spacing:0;text-indent:0;border-radius:.14em}
  .hero-sub{font-size:15px;letter-spacing:3px}
  .hero-slogan{font-size:13.5px;letter-spacing:2px}
  .hero-actions{margin-top:22px}
  .hero-actions .btn{padding:10px 18px;font-size:14.5px}
  .hero-seal{width:60px;height:60px;margin-bottom:14px}

  .btn{padding:9px 18px;font-size:14px}
  .card{padding:12px}
  .card-title{font-size:17px}
  .grid{gap:12px}
  .grid-2,.grid-3{grid-template-columns:1fr}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .member-wall{grid-template-columns:repeat(4,1fr);gap:8px}
  .member-cell .member-photo{border-radius:6px;margin-bottom:4px}
  .member-cell .member-name{font-size:11px}

  /* 相册：手机 2 列 */
  #album-list.grid-3{grid-template-columns:repeat(2,1fr);gap:10px}
  .album-card{padding:10px}
  .album-cover{border-radius:10px;margin-bottom:8px}
  .album-count{font-size:11.5px}
  .album-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .album-item .album-cover-sm{width:70px;height:52px}

  /* 列表（活动/攻略/日报） */
  .list-item-head{padding:12px 14px}
  .list-item-title{font-size:16px}
  .list-item.open .list-item-body{padding:4px 14px 14px}
  .list-item-body p{font-size:14px}

  /* 表单 */
  input,textarea,select{font-size:16px!important}
  .field label{font-size:14px}
  .admin-card{padding:16px;margin-bottom:16px}
  .admin-card h3{font-size:16px}

  /* CTA */
  .cta-band{padding:26px 16px;text-align:center}
  .cta-band h2{font-size:20px}

  /* 弹窗 */
  .modal-mask{padding:12px}
  .modal-box{width:100%;max-height:88vh;overflow-y:auto;padding:18px}
  .member-detail{flex-direction:column}
  .member-detail .md-photo{width:100%;aspect-ratio:4/5}
  .md-name{font-size:22px}

  /* 官网音乐按钮 */
  .site-bgm-btn{width:44px;height:44px;right:14px;bottom:16px;font-size:17px}

  .auth-chip a{font-size:12px;padding:4px 8px}
}


/* 点赞按钮手机端适配 */
.member-cell .like-btn{right:4px;bottom:4px;padding:3px 7px;font-size:12px}
.member-cell .like-btn .like-heart{font-size:13px}
/* 评论输入框手机端 */
.md-comments-input{flex-wrap:wrap}
.md-comments-input .btn{flex:none}

/* 回复输入框手机端 */
.reply-box{flex-wrap:wrap}
.reply-box input{width:100%}