/* 响应式样式 */

@media(max-width:800px) {
  /* 主导航调整 */
  .main-nav{flex-wrap:wrap;gap:2px}
  .nav-item{flex:1;text-align:center;padding:10px 8px;font-size:12px}
  
  /* 主题切换按钮调整 */
  .theme-toggle{width:36px;height:36px;margin-left:8px}
  .theme-icon{font-size:16px}
  
  /* 基础网格调整 */
  .grid{grid-template-columns:1fr}
  
  /* 表单网格调整 */
  .form-grid{grid-template-columns:1fr;gap:8px}
  .search-grid{grid-template-columns:1fr;gap:8px}
  .closed-search-grid{grid-template-columns:1fr;gap:8px}
  
  /* 月历调整 */
  .calendar{font-size:12px}
  .calendar-day{min-height:40px;padding:4px}
  .calendar-nav{flex-direction:column;gap:8px}
  
  /* 分页调整 */
  .pagination{gap:4px}
  .pagination button{padding:4px 8px;font-size:12px}
  
  /* 表格调整 */
  table{font-size:12px}
  th,td{padding:4px}
  
  /* 操作按钮调整 */
  .trade-actions button{font-size:10px;padding:1px 4px}
  
  /* 容器调整 */
  .container{padding:10px}
  .card{padding:12px;margin:8px 0}
}

@media(max-width:480px) {
  /* 超小屏幕调整 */
  .pagination{flex-wrap:wrap}
  .pagination-jump{margin-left:0;margin-top:8px}
  
  /* 表格横向滚动 */
  .table-container{overflow-x:auto}
  table{min-width:600px}
  
  /* 月历进一步压缩 */
  .calendar-day{min-height:30px;padding:2px}
  .calendar-day-number{font-size:10px}
  .calendar-trades-count{font-size:8px}
}

/* 打印样式 */
@media print {
  .pagination,.trade-actions,.search-filters,.calendar-nav{display:none}
  .card{break-inside:avoid}
  .calendar{break-inside:avoid}
  table{break-inside:auto}
  tr{break-inside:avoid;break-after:auto}
}