/* === MOBILE v=fix607 · 极简、只修两处，≤600px 生效 === */
@media (max-width:600px){

  /* 安全留白 + 标题不被裁 */
  .container,.section,main,.wrap,.page{
    padding-left:max(16px, env(safe-area-inset-left));
    padding-right:max(16px, env(safe-area-inset-right));
  }
  header,.section--hero,.hero,.page > .section:first-child{ overflow:visible !important; }
  h1,.hero-title,.brand,.logo-word{
    overflow:visible !important;
    padding-left:8px !important; padding-right:8px !important;
    font-size:clamp(24px,6.5vw,32px) !important;
    letter-spacing:.06em !important;
  }

  /* 主题按钮固定到右上，不遮挡 */
  #theme-toggle{ position:fixed; right:12px; top:calc(env(safe-area-inset-top) + 12px); z-index:50; }

  /* 工具入口单列（只点名常用容器，不再用广谱选择器） */
  .nl-tools, .tool-grid, .cards { display:grid !important; grid-template-columns:1fr !important; gap:14px !important; }
  .nl-tools > *, .tool-grid > *, .cards > * { width:100% !important; }

  /* —— 重点：把“收起”放在模块内部底部右侧 —— */
  /* 不改变父级布局，只把按钮从绝对定位改为“普通流 + 右浮动”，并与内容隔开 */
  .panel .collapse,
  .panel .collapse-btn,
  .panel [data-action="collapse"],
  .panel [class*="collapse"],
  .card  .collapse,
  .card  .collapse-btn,
  .card  [data-action="collapse"],
  .card  [class*="collapse"]{
    position:static !important;       /* 取消 absolute/fixed */
    display:block !important;         /* 独占一行 */
    float:right !important;           /* 右对齐（不依赖 flex） */
    clear:both !important;            /* 放到上一行内容之后 */
    width:auto !important;
    margin:12px 12px 0 12px !important;  /* 与模块紧贴 */
    transform:none !important;
  }
}
/* === MOBILE v=fix608：logo 不被挡，"收起" 不遮内容（≤600px） === */
@media (max-width:600px){

  /* A. 让首屏标题避开右上角“主题”按钮，并且不裁剪 */
  header, .section--hero, .hero { overflow: visible !important; }
  /* 右侧预留空间（大于主题按钮宽度），标题就不会被遮到 */
  header, .section--hero, .hero { padding-right: 120px !important; }
  h1, .hero-title, .brand, .logo-word{
    overflow: visible !important;
    -webkit-mask:none !important; mask:none !important; clip-path:none !important;
  }
  /* 主题按钮固定在右上角安全位置 */
  #theme-toggle{ position:fixed; right:12px; top:calc(env(safe-area-inset-top) + 12px); z-index:1000; }

  /* B. 给每个模块底部留出"收起"按钮的高度，并把按钮固定在模块右下角 */
  .panel, .card { position: relative !important; padding-bottom: 72px !important; }
  .panel .collapse, .panel .collapse-btn, .panel [data-action="collapse"],
  .card  .collapse, .card  .collapse-btn, .card  [data-action="collapse"]{
    position: absolute !important;
    right: 12px !important;
    bottom: 12px !important;
    margin: 0 !important;
    transform: none !important;
    float: none !important;
    clear: both !important;
    width: auto !important;
  }
}
/* === MOBILE v=fix609：NORDLYS 左侧不被裁（≤600px） === */
@media (max-width:600px){
  /* 给首屏左侧强制留空，任何机型都不贴边 */
  header, .section--hero, .hero {
    overflow: visible !important;
    padding-left: 20px !important;                    /* ← 关键：左边留20px */
  }
  /* 标题本身不允许负外边距/位移 */
  h1, .hero-title, .brand, .logo-word{
    margin-left: 0 !important;
    transform: none !important;
    translate: none !important;
  }
}