/* ===== 九宸馆 · 移动端适配层（≤720px 生效，不影响桌面） ===== */
@media (max-width:720px){

  /* ---------- 全局导航：紧凑单行 ---------- */
  .nav{padding:10px 12px;gap:8px}
  .nav-logo{font-size:16px;letter-spacing:2px;gap:7px}
  .nav-logo img{height:28px}
  .nav-links{gap:12px;font-size:13px;letter-spacing:1px}
  .wrap{padding:0 12px}

  /* ---------- 通用触点放大 ---------- */
  .btn{min-height:46px;font-size:15px;padding:10px 22px}
  .btn-sm{min-height:42px;font-size:14px}
  .btn-row{flex-wrap:wrap}
  .btn-row .btn{flex:1 1 44%}
  input[type=range]{height:34px}
  .field input[type=number],.field select{padding:12px;font-size:16px} /* 16px 防 iOS 聚焦缩放 */

  /* 文件选择按钮美化 */
  input[type=file]{width:100%;padding:12px;background:var(--bg2);
    border:1.5px dashed var(--line-strong);border-radius:10px;color:var(--muted);font-size:13px}
  input[type=file]::file-selector-button{
    background:var(--gold);color:#161309;border:none;border-radius:8px;
    padding:10px 16px;margin-right:12px;font-family:inherit;font-size:14px;font-weight:600}

  /* ---------- 工作台布局重排 ---------- */
  .wb-head{display:flex;flex-direction:column;gap:10px}
  .wb-head h1{font-size:20px;letter-spacing:3px}
  .stepper{gap:6px}
  .stepper .st{font-size:11px;padding:7px 9px;letter-spacing:0}
  .stepper .st .n{width:18px;height:18px;font-size:11px;line-height:18px;margin-right:5px}

  .wb-main{grid-template-columns:1fr;gap:10px;padding-bottom:110px}
  .stage-box{padding:8px}
  .stage-hint{bottom:10px;font-size:12px;letter-spacing:0;white-space:normal;
    max-width:92%;text-align:center;line-height:1.55;padding:6px 14px}

  /* ---------- 操作面板 → 底部抽屉 ---------- */
  .panel{
    position:fixed;left:0;right:0;bottom:0;z-index:96;
    max-height:64vh;border-radius:16px 16px 0 0;
    border-bottom:none;box-shadow:0 -12px 44px rgba(0,0,0,.6);
    padding:16px 16px 24px;
    transform:translateY(calc(100% - 58px));
    transition:transform .32s cubic-bezier(.22,.8,.3,1);
  }
  body.sheet-open .panel{transform:translateY(0)}
  .panel h2{font-size:15px;padding-bottom:9px}

  /* 抽屉把手（JS 注入的按钮挂在面板上方视觉位） */
  .sheet-toggle{
    position:fixed;right:14px;bottom:14px;z-index:99;
    min-height:48px;padding:12px 20px;border-radius:999px;
    background:var(--gold);color:#161309;border:none;
    font-family:inherit;font-size:15px;font-weight:700;letter-spacing:2px;
    box-shadow:0 6px 20px rgba(201,163,92,.45);
  }
  body.sheet-open .sheet-toggle{bottom:auto;top:58px;right:12px;
    background:rgba(12,13,17,.85);color:var(--gold-hi);
    border:1px solid var(--line-strong);box-shadow:none;min-height:40px;padding:8px 16px;font-size:13px}

  /* 步骤间导航固定在抽屉底部上方 */
  .panel > .divider + .btn-row{position:sticky;bottom:-8px;background:var(--panel);
    padding:10px 0 2px;margin-top:6px}

  /* 标记调色板触点 */
  .mk{min-height:42px;font-size:14px}
  .readout .zuoxiang{font-size:22px}

  /* ---------- 首页微调 ---------- */
  .hero{padding:56px 0 110px}
  .hero-actions .btn{flex:1 1 100%}
  .section{padding:56px 0}
  .section-title{font-size:26px;letter-spacing:6px}
  .section-title::before,.section-title::after{width:30px}
  .master-grid{grid-template-columns:1fr!important}
  .doctrine-grid{grid-template-columns:1fr!important}
  .mountains-table{margin-top:8px}

  /* ---------- 报告页 ---------- */
  .report-grid{grid-template-columns:1fr!important}
}

/* 超小屏（≤380px）进一步压缩 */
@media (max-width:380px){
  .nav-links{gap:9px;font-size:12px}
  .stepper .st{font-size:10px;padding:6px 7px}
  .stepper .st .n{display:none}
}