.form-group{padding-bottom:0;margin:0 0 15px 0}
.elsetext{top:0;color:#adadad;font-size:20px}
.elseview{height:150px}
.tubiao{background-color:transparent;font-size:100px;color:#adadad;width:100px;height:100px}
.view{padding-top:70px;padding-bottom:80px}
.video_view{width:100%;max-height:450px;min-height:300px}
.image_view{max-width:100%;max-height:450px;min-height:300px}
.image{max-width:100%;max-height:450px}
.nav-tabs{background:#fff}
.nav-tabs>li>a{color:#000;border:0;margin:0}
.nav-tabs>li>a:hover{background-color:transparent;border:0}
.nav-tabs>li>a,.nav-tabs>li>a:focus,.nav-tabs>li>a:hover{background-color:transparent!important;border:0!important;color:#222!important;font-weight:500}
.nav-tabs>li.disabled>a,.nav-tabs>li.disabled>a:hover{color:rgba(255,255,255,.5)}
.nav-tabs>li.active{background-color:#ddd;border-bottom-color:#000}
.nav-tabs>li.active>a{border-bottom-color:#000}
.form-group label.control-label{font-size:16px;color:#333}
.fileinfo-table{max-width:80%}
@media (max-width:767px){.fileinfo-table{max-width:100%}}
.progress{height:20px;margin-bottom:10px}
.filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aplayer .aplayer-pic{height:100px;width:100px}
.aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:18px}
.aplayer .aplayer-info{margin-left:100px;padding:25px 7px 0 10px;height:66px;box-sizing:border-box}
.filelist>tbody>tr>td{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.searchbox{margin-top: -10px;}
.searchbox button{margin-top: 8px;}
@media (min-width:767px){.searchbox{float: right;}}
.videoplayer{width: 100%; height: 530px;}
@media (max-width:1999px){.videoplayer{height: 500px;}}
@media (max-width:991px){.videoplayer{height: 450px;}}
@media (max-width:767px){.videoplayer{height: 400px;}}
#loginform .loginbtn{margin: 15px;}
.loginbtn i{padding-top: 15px;}

@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.colorful_loading_frame{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background:rgba(0,0,0,.5);color:red;text-align:center;font-size:2em}.colorful_loading{margin:25% auto;width:50px;height:60px;text-align:center;font-size:10px}.colorful_loading>i{display:inline-block;margin-right:3px;width:6px;height:100%;background-color:#fff;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.colorful_loading .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.colorful_loading .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.colorful_loading .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.colorful_loading .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 26px;
}

.toggle-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

input:checked + .toggle-slider {
  background-color: #3B82F6;
}

input:focus + .toggle-slider {
  box-shadow: 0 0 1px #3B82F6;
}

input:checked + .toggle-slider:before {
  transform: translateX(24px);
}

.file-type-tag {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  margin: 2px;
}

.upload-zone {
  border: 2px dashed #CBD5E1;
  border-radius: 16px;
  transition: all 0.3s ease;
}

.upload-zone:hover,
.upload-zone.drag-over {
  border-color: #3B82F6;
  background-color: #EFF6FF;
}

/* ============ 移动端全局优化 ============ */

/* 安全区域适配 */
@supports(padding: env(safe-area-inset-bottom)){
  body { padding-bottom: env(safe-area-inset-bottom, 0); }
}

/* 触摸优化 - 增大可点击区域 */
@media (max-width: 767px) {
  /* 所有交互元素最小触摸目标 */
  a, button, input[type="submit"], input[type="button"],
  select, .btn, [role="button"] {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  
  /* 移动端页面标题缩小 */
  h2 { font-size: 1.25rem !important; }
  
  /* 移动端图片预览优化 */
  .image_view { max-height: 300px; min-height: 200px; }
  .image { max-height: 280px; }
  .video_view { max-height: 260px; min-height: 180px; }
  
  /* 移动端视频播放器高度 */
  .videoplayer { height: 220px !important; }
  
  /* 表格在移动端的处理 */
  table { font-size: 12px; }
  th, td { padding: 8px 10px !important; }
  
  /* 移动端侧边栏间距 */
  main.flex-1 { margin-left: 0 !important; }
  
  /* 移动端表单全宽 */
  .form-control, input[type="text"], input[type="password"],
  input[type="email"], textarea, select {
    font-size: 16px !important; /* 防止iOS缩放 */
  }
  
  /* 移动端隐藏桌面端大元素 */
  .hidden-mobile { display: none !important; }
  
  /* 响应式侧边栏 - 已登录用户底部栏 */
  #sidebar { 
    padding-bottom: env(safe-area-inset-bottom, 0);
  }
  
  /* 移动端卡片间距优化 */
  .grid [class*="col-span"] { margin-bottom: 0; }
}

/* 极小屏适配 (iPhone SE 等) */
@media (max-width: 374px) {
  .grid.grid-cols-2 { gap: 6px; }
  .grid.grid-cols-2 > div { padding: 6px; }
  .text-lg { font-size: 0.95rem !important; }
  .text-sm { font-size: 11px !important; }
}

/* 平板竖屏优化 */
@media (min-width: 768px) and (max-width: 1023px) {
  /* 平板端侧边栏稍微窄一点 */
  #sidebar { width: 200px; }
  main.flex-1 { margin-left: 200px !important; }
  
  .videoplayer { height: 350px !important; }
}

/* 可滚动标签栏 */
.tabs-scroll {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.tabs-scroll::-webkit-scrollbar { display: none; }

/* 底部安全区按钮适配 */
.safe-bottom {
  padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
}