/* ============================================================
   手机端 · 第二批（简洁版）
   只影响 ≤720px；桌面端完全不受影响
   ============================================================ */
@media (max-width:720px){

  html,body{overflow-x:hidden;max-width:100%}
  body{background:#fff}

  /* ---------- 通用：卡片变扁、留白收紧 ---------- */
  .wrap{padding:0 0 26px!important;max-width:none!important}
  .wrap-inner{width:100%!important;max-width:none!important}
  h1{font-size:20px!important;line-height:1.35}
  .sub,.hint,.faint{color:#6b7280!important}

  .card,.box,.panel{
    background:#fff!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;padding:16px 16px!important;margin:0!important;
    border-bottom:1px solid #f1f3f5!important;
  }
  .sq-crumb{font-size:11.5px;margin:10px 16px 6px!important;color:#9aa1ab!important}

  /* 按钮：统一尺寸，主色蓝，AI 按钮保留模块绿 */
  .btn,.btn2{height:42px;padding:0 16px!important;border-radius:10px!important;font-size:14px!important;
    display:inline-flex;align-items:center;justify-content:center}
  .btn.p,.btn2.primary{background:#2c7a61!important;border-color:#2c7a61!important;color:#fff!important}
  .btn.ai,.btn2.ai{background:#2c7a61!important;border-color:#2c7a61!important;color:#fff!important}
  .btn.ghost,.btn2{background:#fff!important;border:1px solid #e5e7eb!important;color:#374151!important}

  textarea,input,select{font-size:16px!important}   /* 防 iOS 聚焦缩放 */
  table{display:block;overflow-x:auto}

  /* ================= 帮助页 ================= */
  #hv{padding-bottom:20px}
  .tabs{display:flex;gap:18px;overflow-x:auto;margin:0!important;padding:0 16px!important;
        border-bottom:1px solid #eef0f3;flex-wrap:nowrap}
  .tab{border:0!important;border-radius:0!important;background:transparent!important;
       padding:12px 0!important;font-size:14px!important;color:#6b7280!important;
       border-bottom:2px solid transparent!important;white-space:nowrap}
  .tab.on{color:#1f2328!important;font-weight:600;border-bottom-color:#4D6BFE!important;background:transparent!important}
  .doc{display:block!important}
  .toc{display:none!important}
  .body{max-width:none!important}
  .lead{border-radius:10px!important;border-left:0!important;background:#f7f8fb!important;
        padding:14px 16px!important;font-size:13.5px!important;margin:12px 0 10px!important}
  h2.sec{font-size:17px!important;margin:26px 0 6px!important;padding:0 16px}
  .oneline,.steps,.qa{padding-left:16px;padding-right:16px}
  .steps{font-size:13.5px!important;line-height:1.9!important}
  .note{margin:10px 16px!important;border-radius:10px!important;font-size:12.5px!important}
  .principles{grid-template-columns:1fr!important;gap:8px!important;margin:10px 16px 0!important}
  .pcard{border:0!important;border-bottom:1px solid #f1f3f5!important;border-radius:0!important;padding:12px 0!important}
  .flow,.endnote{padding-left:16px;padding-right:16px}
  .legal{padding:0 16px;font-size:14px!important;line-height:1.9!important}
  .legal h2{font-size:18px!important}
  .legal-nav{padding:0 16px;overflow-x:auto;flex-wrap:nowrap!important}
  .legal-top{padding:8px 16px 0}
  .contact{padding:0 16px;grid-template-columns:1fr!important}
  .qr{margin:0 auto;max-width:220px}

  /* ================= 我的文件 ================= */
  .wrap .top,.lib-head{padding:16px 16px 8px!important}
  .tabs .tab{border:1px solid #e5e7eb!important;border-radius:8px!important;padding:6px 12px!important;
             font-size:13px!important;background:#fff!important;color:#4b5563!important}
  .tabs .tab.on{background:#eef1ff!important;border-color:#dfe4ff!important;color:#4D6BFE!important}
  .list{padding:0!important}
  .item{display:flex!important;align-items:center!important;gap:12px;padding:14px 16px!important;
        border-bottom:1px solid #f1f3f5!important;border-radius:0!important;background:#fff!important;
        margin:0!important;box-shadow:none!important}
  .item .acts{margin-left:auto;display:flex;gap:8px;flex:none}
  .item .b{font-size:13px!important;padding:6px 10px!important;border-radius:8px!important}
  .rules{margin:14px 16px!important;background:#f7f8fb!important;border:0!important;
         border-radius:10px!important;font-size:12.5px!important}

  /* ================= 登录页 ================= */
  .main{display:block!important;min-height:100vh!important;background:#fff!important}
  .left,.hills,.ai-logo{display:none!important}
  .right{width:100%!important;padding:0!important;display:block!important}
  .card{box-shadow:none!important;border:0!important;border-radius:0!important;
        padding:28px 20px 20px!important;max-width:none!important;width:100%!important;margin:0!important}
  .brand{position:static!important;padding:18px 20px 4px!important;display:flex!important;
         align-items:center;gap:10px;transform:none!important}
  .brand img{width:34px;height:34px}
  .brand b{font-size:16px!important;display:block}
  .brand small{font-size:9.5px!important;letter-spacing:.4px}
  .card-title{font-size:20px!important}
  .form-group input{height:46px!important}
  .btn-primary{background:#4D6BFE!important;border-color:#4D6BFE!important;height:46px!important}
  .login-tabs{gap:20px!important}
  .footer{font-size:11px!important;padding:12px 20px!important}

  /* ================= 帖子详情 ================= */
  .pad{padding:0!important}
  .banner,.bigcover{border-radius:0!important;margin:0!important}
  .bigcover{max-height:150px!important;overflow:hidden}
  .box{border-bottom:1px solid #f1f3f5!important}
  .bar{position:sticky;bottom:0;background:#fff;border-top:1px solid #eef0f3;padding:10px 16px!important;
       display:flex;gap:10px;z-index:8}
  .bar .btn{flex:1}
  .dwrap,.docrow{margin:0 16px 12px!important}

  /* ================= 话题详情 ================= */
  .msg{gap:10px!important;padding:12px 16px!important}
  .composer{position:sticky;bottom:0;background:#fff;border-top:1px solid #eef0f3;padding:10px 16px!important}
  .composer textarea{min-height:64px!important}
  .panel{border-bottom:1px solid #f1f3f5!important}

  /* ================= PBL 三页（保留绿色） ================= */
  .cols{grid-template-columns:1fr!important;gap:0!important}
  .tabs2,.tabs{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;padding:0 16px!important}
  .tab{white-space:nowrap}
  .card.plancard,.plancard{border-radius:14px!important;border:1px solid #eceee9!important;
        margin:12px 16px!important;padding:14px!important;border-bottom:1px solid #eceee9!important}
  .foot,.pfoot,.bar{position:sticky;bottom:0;background:#fff;border-top:1px solid #eef0f3;
        padding:10px 16px!important;display:flex;gap:8px;flex-wrap:wrap;z-index:8}
  .foot .btn,.pfoot .btn,.bar .btn{flex:1;min-width:120px}
  .mdwrap,.plan,.out,.scroll{max-height:none!important}
  #planBox,#taskList,.scroll{max-height:60vh!important;overflow:auto}
}
