/* =============================================
   Curbor Mobile Responsive - 全站自适应补丁
   适配范围: 手机(<=480) 平板(<=768) 小屏(<=960)
   ============================================= */

/* 汉堡菜单按钮 */
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;border:none;background:none;z-index:200}
.nav-hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* 移动端菜单遮罩 */
.nav-mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:149;backdrop-filter:blur(4px)}
.nav-mobile-overlay.open{display:block}

/* 移动端菜单面板 */
@media(max-width:768px){
  /* NAV */
  .nav-hamburger{display:flex}
  .nav-links{display:none!important;position:fixed;top:0;right:0;bottom:0;width:75%;max-width:300px;background:var(--bg2);border-left:1px solid var(--border);flex-direction:column;padding:80px 24px 40px;gap:0;z-index:150;box-shadow:-20px 0 60px rgba(0,0,0,0.5)}
  #navbar .nav-links.mobile-open{display:flex!important;visibility:visible!important;opacity:1!important}
  .nav-links a{padding:14px 0;font-size:16px;border-bottom:1px solid var(--border);color:var(--text-dim);display:block}
  .nav-links a:last-child{border-bottom:none}
  .nav-actions{gap:8px}
  .nav-actions .nav-link-btn{display:none}
  .nav-actions .btn-sm{padding:8px 14px;font-size:13px}

  /* HERO */
  .hero{padding:90px 20px 60px!important;text-align:center}
  .hero-title{font-size:36px!important;line-height:1.15}
  .hero-desc{font-size:15px}
  .hero-btns{flex-direction:column;align-items:center;gap:12px}
  .hero-btns .btn{width:100%;max-width:280px;justify-content:center}
  .hero-badge{margin:0 auto 20px}

  /* MOCKUP - 手机隐藏 */
  .hero-mockup{display:none}

  /* SECTIONS */
  .section{padding:60px 20px!important}
  .section-title h2{font-size:26px!important}

  /* FEATURES BENTO */
  .features-bento{grid-template-columns:1fr!important}
  .bento-large,.bento-wide{grid-column:span 1!important}

  /* SCENARIOS */
  .scenarios-grid{grid-template-columns:1fr!important}

  /* PRICING */
  .pricing-grid{grid-template-columns:1fr!important;max-width:400px;margin:0 auto}

  /* STATS */
  .stats-inner{flex-wrap:wrap;gap:20px;justify-content:center}
  .stat-divider{display:none}
  .stat-item{min-width:120px;text-align:center}

  /* FOOTER */
  .footer-top{grid-template-columns:1fr!important;gap:32px}
  .footer-links{grid-template-columns:1fr 1fr!important}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center}

  /* AUTH PAGE */
  .auth-page{grid-template-columns:1fr!important}
  .auth-left{display:none!important}
  .auth-right{padding:40px 24px!important}
  .auth-card{max-width:100%}

  /* DASHBOARD */
  .dash-layout{flex-direction:column;padding-top:56px}
  .sidebar{width:100%!important;position:relative!important;top:auto!important;height:auto!important;flex-direction:row!important;overflow-x:auto;border-right:none!important;border-bottom:1px solid var(--border);padding:8px 0!important}
  .sidebar-nav{display:flex;flex-direction:row;overflow-x:auto}
  .sidebar-item{flex-direction:column;gap:4px;padding:10px 16px!important;font-size:11px;white-space:nowrap;border-left:none!important;border-bottom:3px solid transparent!important}
  .sidebar-item.active{border-bottom-color:var(--purple-light)!important;border-left-color:transparent!important}
  .sidebar-item .icon{font-size:20px;width:auto}
  .sidebar-bottom{display:none}
  .main-content{margin-left:0!important;padding:24px 16px!important}
  .stats-grid{grid-template-columns:1fr 1fr!important}
  .row-2{grid-template-columns:1fr!important}

  /* DOWNLOAD PAGE */
  .dl-grid{grid-template-columns:1fr!important}

  /* TERMS / PRIVACY */
  .doc-wrap{margin:80px auto 40px!important;padding:0 20px!important}
  .doc-wrap h1{font-size:24px}

  /* LOGIN PAGE */
  .pw{grid-template-columns:1fr!important}
  .lp{display:none!important}
  .rp{padding:40px 20px!important}
}

@media(max-width:480px){
  .hero-title{font-size:28px!important}
  .section-title h2{font-size:22px!important}
  .stats-grid{grid-template-columns:1fr!important}
  .nav-logo{font-size:17px!important}
  .nav-logo img{width:22px!important;height:22px!important}
  .auth-right{padding:24px 16px!important}
  .main-content{padding:16px 12px!important}
  .card{padding:20px 16px!important}
  .feat-text h2{font-size:22px!important}
  .hero-btns .btn{font-size:14px;padding:12px 20px}
  .pricing-card{padding:28px 20px}
}

@media(max-width:960px){
  .hero-title{font-size:48px}
  .nav-actions .btn-sm{padding:8px 16px}
}

/* 登录/注册页移动端 */
@media(max-width:768px){
  .auth-page{grid-template-columns:1fr!important}
  .auth-left{display:none!important}
  .auth-right{padding:40px 20px!important}
  .auth-card{max-width:100%!important}
  .code-wrap{flex-direction:column}
  .code-wrap input{width:100%}
  .send-code-btn{width:100%;height:44px}
}

/* 用户中心移动端 */
@media(max-width:900px){
  .dash-layout{flex-direction:column;padding-top:56px}
  .sidebar{display:none!important}
  .main-content{margin-left:0!important;padding:20px 16px!important}
  .stats-grid{grid-template-columns:1fr 1fr!important}
  .row-2{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  .stats-grid{grid-template-columns:1fr!important}
  .page-header h2{font-size:20px}
  table{font-size:12px}
  th,td{padding:10px 8px}
}

/* 下载页移动端 */
@media(max-width:768px){
  .dl-platforms{flex-direction:column;gap:16px}
  .dl-card{width:100%}
}

/* 文档页(条款/隐私)移动端 */
@media(max-width:768px){
  .doc-wrap{margin:80px auto 40px!important;padding:0 16px!important}
  .doc-wrap h1{font-size:24px}
  .doc-wrap h2{font-size:16px}
}