/* 十三背单词 v3.0 · 响应式补丁
 * 目标：手机竖屏学习卡主体+操作尽量一屏可见；平板/桌面布局更稳。
 * 与既有断点互补，不覆盖原有设计体系。
 */

/* 顶栏返回按钮 */
.top-back{flex:none;margin-right:2px}
.topbar{display:flex;align-items:center;gap:8px}
.topbar .header-copy{flex:1;min-width:0}

/* PDF 启动卡 */
.pdf-launch{display:grid;gap:12px;justify-items:center;padding:34px 18px;text-align:center}
.pdf-launch .btn{min-width:220px}

/* 书架按钮（原 <a> 改为 <button>）统一样式 */
button.imported-book{font:inherit;cursor:pointer;text-align:left}

/* ---- 手机竖屏：学习卡一屏化 ---- */
@media (max-width:560px){
  .focus-card{min-height:0!important;padding:14px 14px 12px!important}
  .focus-toolbar{padding:2px 0 6px}
  .focus-counter{font-size:13px}
  .focus-progress{margin:4px 0}
  .focus-center{min-height:150px!important;padding:6px 0}
  .focus-ornament{margin-bottom:2px;font-size:13px}
  .focus-card .main-arabic{font-size:clamp(30px,9vw,44px)!important;line-height:1.5!important;margin:2px 0}
  .focus-answer{margin-top:6px}
  .focus-answer strong{font-size:17px}
  .focus-footer{padding-bottom:2px}
  .focus-card .word-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .focus-card .word-choice .btn{font-size:16px;min-height:58px;padding:10px 6px}
  .focus-card .continue{min-height:52px;font-size:15px}
  .form-action-list{margin-top:8px;gap:8px}
  .example-trigger{margin-top:8px}
  /* 顶部信息更紧凑 */
  .course-intro{padding:10px 12px}
  .course-intro strong{font-size:14px}
  /* 词条详情页 */
  .detail-ar{font-size:44px!important}
  .page-grid{gap:12px}
  /* 语法卡 */
  .grammar-card{padding:16px}
  .grammar-name{font-size:19px}
  .grammar-actions .btn{min-height:52px}
  /* 顶部栏 */
  .page-title{font-size:20px}
  .top-actions{gap:4px}
}

/* ---- 小屏手机 ---- */
@media (max-width:380px){
  .focus-card .main-arabic{font-size:clamp(28px,10vw,38px)!important}
  .focus-card .word-choice .btn{font-size:14px;min-height:54px}
  .main{padding-left:12px;padding-right:12px}
}

/* ---- 平板竖屏 ---- */
@media (min-width:561px) and (max-width:900px){
  .focus-layout{grid-template-columns:minmax(0,1fr) 250px}
  .focus-card .main-arabic{font-size:64px}
  .launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---- 平板横屏 / 小桌面 ---- */
@media (min-width:901px) and (max-width:1180px){
  .main{max-width:1020px}
}

/* ---- 横屏手机（高度不足时） ---- */
@media (max-height:500px) and (orientation:landscape){
  .focus-center{min-height:110px!important}
  .focus-card .main-arabic{font-size:36px!important}
  .focus-card .word-choice .btn{min-height:46px;font-size:15px}
  .home-hero{min-height:0}
  .bottom-nav{padding:4px 0}
}