/* 内容宝 - 响应式样式 */
/* 全局 box-sizing 兜底 */
*,*:before,*:after{box-sizing:border-box}
input,select,textarea{box-sizing:border-box;max-width:100%}

/* 手机端 */
@media(max-width:768px){
  *,*:before,*:after{box-sizing:border-box!important}
  input,select,textarea{box-sizing:border-box!important;max-width:100%!important}
  aside{width:72px!important;min-width:72px!important;position:relative!important;bottom:auto!important;left:auto!important;height:auto!important;flex-direction:column!important;padding:16px 8px!important;border-right:1px solid #334155!important;border-top:none!important;overflow:visible!important;z-index:auto!important}
  aside>div:first-child{font-size:14px!important;padding:0!important;margin-bottom:16px!important;text-align:center!important}
  aside>div:first-child div:first-child{font-size:16px!important}
  aside>div:first-child div:last-child{display:none!important}
  aside button{display:block!important;margin:0!important;padding:6px!important;font-size:11px!important;width:100%!important}
  nav+div{display:block!important}
  nav{flex-direction:column!important;padding:0!important;gap:4px!important;overflow:visible!important}
  nav a{padding:10px 8px!important;font-size:12px!important;justify-content:center!important;text-align:center!important;white-space:normal!important;word-break:break-all!important}
  main{padding:16px!important;padding-bottom:16px!important;overflow-x:hidden!important;max-width:100vw!important}
  .card{width:92vw!important;padding:24px!important;margin:0 auto}
  .card .logo h1{font-size:24px}
  .grid-4{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
  .grid-2{grid-template-columns:1fr!important}
  .stat-card{padding:16px!important}
  .text-lg{font-size:22px!important}
  .page-title{font-size:20px!important}
  table{font-size:13px!important}
  th,td{padding:8px 4px!important}
  h2{font-size:20px!important}
  .form-group{margin-bottom:16px!important}
  .form-group input{padding:10px 14px!important;font-size:16px!important}
  .btn{width:100%!important;font-size:16px!important;padding:14px!important}
  .modal{width:92vw!important;padding:20px!important}
  /* 覆盖内联 grid 1fr 1fr */
  div[style*="1fr 1fr"]{grid-template-columns:1fr!important}
  div[style*="repeat(auto-fill"]{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
}

@media(max-width:480px){
  *,*:before,*:after{box-sizing:border-box!important}
  input,select,textarea{box-sizing:border-box!important;max-width:100%!important}
  .grid-4{grid-template-columns:1fr 1fr!important;gap:8px!important}
  aside{width:56px!important;min-width:56px!important;padding:12px 4px!important}
  aside>div:first-child{font-size:12px!important;margin-bottom:12px!important}
  aside>div:first-child div:first-child{font-size:14px!important}
  nav a{font-size:10px!important;padding:6px 4px!important}
  .text-lg{font-size:18px!important}
  .stat-card{padding:12px!important}
}