/* === 蓝紫色主题变量定义 === */
:root {
  --primary-color: #6A5ACD;       /* 主色：板岩蓝 */
  --primary-light: #9370DB;       /* 浅色：中紫色 */
  --primary-dark: #483D8B;        /* 深色：暗板岩蓝 */
  --panel-border: #D8D1F5;        /* 面板边框 */
  --text-primary: #333344;
  --text-secondary: #666677;
}

/* === 全局基础 === */
body { background-color: #F0EEFF; color: var(--text-primary); }
.well.bs-component { 
  background-color: white; 
  border-top: 4px solid var(--primary-color);
  box-shadow: 0 2px 6px rgba(106, 90, 205, 0.1);
}
.well h2 { 
  color: var(--primary-dark); 
  border-bottom: 2px solid #E6E1FF;
}
.well h2 .text-muted a { color: var(--primary-light); }
.well h2 .text-muted a:hover { color: var(--primary-dark); }

/* === 搜索框 === */
.searchbox input.form-control { border: 1px solid var(--panel-border); }
.searchbox input.form-control:focus { 
  border-color: var(--primary-light);
  box-shadow: 0 0 0 2px rgba(147, 112, 219, 0.2);
}
.searchbox button.btn { 
  background-color: var(--primary-color); 
  color: white;
  box-shadow: 0 2px 4px rgba(106, 90, 205, 0.3);
}
.searchbox button.btn:hover { background-color: var(--primary-dark); }

/* === 表格 - 修复显示不全问题 === */
/* 移除 .table-responsive 的固定边框，允许表格自然扩展 */
.table-responsive { border: none; }
table.table.filelist thead tr { background-color: #EDEAFF; color: var(--primary-dark); }
table.table.filelist thead th { border-bottom: 2px solid var(--primary-light); }
table.table.filelist tbody tr:hover { background-color: #F9F8FF; }
.filelist a { color: var(--primary-color); }
.filelist a:hover { color: var(--primary-dark); }
.filelist i.fa { color: var(--primary-light); }
.filelist td font[color="blue"] { 
  color: var(--primary-dark) !important; 
  background-color: #EDEAFF;
}

/* === 分页 === */
.pagination>li>a, .pagination>li>span { 
  color: var(--primary-color); 
  border: 1px solid var(--panel-border);
}
.pagination>li>a:hover { background-color: #EDEAFF; border-color: var(--primary-light); }
.pagination>.active>a { 
  background-color: var(--primary-color) !important; 
  border-color: var(--primary-color) !important; 
  color: white !important;
}

/* === 导航栏 === */
.navbar.navbar-default { 
  background-color: var(--primary-dark) !important; 
  border-color: var(--primary-color) !important;
}
.navbar.navbar-default .navbar-brand { color: #ffffff !important; }
.navbar.navbar-default .nav > li > a { color: rgba(255, 255, 255, 0.9) !important; }
.navbar.navbar-default .nav > li > a:hover { 
  color: #ffffff !important; 
  background-color: rgba(147, 112, 219, 0.2) !important;
}
.navbar.navbar-default .nav > li.active > a { 
  color: #ffffff !important; 
  background-color: var(--primary-color) !important;
}

/* === file.php 面板 === */
.panel-primary { border-color: var(--primary-color); }
.panel-primary > .panel-heading { 
  background-color: var(--primary-dark); 
  border-color: var(--primary-color); 
  color: #ffffff;
}
.panel-info { border-color: var(--primary-light); }
.panel-info > .panel-heading { 
  background-color: #EDEAFF; 
  border-color: var(--primary-light); 
  color: var(--primary-dark);
}
.panel-default { border-color: var(--panel-border); }
.panel-default > .panel-heading { 
  background-color: #F9F8FF; 
  border-color: var(--panel-border); 
  color: var(--primary-dark);
}

/* === file.php 标签页 === */
.nav-tabs > li.active { background-color: #EDEAFF; }
.nav-tabs > li.active > a { 
  border-bottom-color: var(--primary-color) !important; 
  color: var(--primary-dark) !important;
}
.nav-tabs > li > a { color: var(--text-secondary); }
.nav-tabs > li > a:hover { color: var(--primary-color); }

/* === file.php 按钮 === */
.btn-primary, .btn-primary.btn-raised { background-color: var(--primary-color); color: white; }
.btn-primary:hover { background-color: var(--primary-dark); }
.btn-success, .btn-success.btn-raised { background-color: var(--primary-light); color: white; }
.btn-success:hover { background-color: #7B68EE; }
.btn-info, .btn-info.btn-raised { background-color: var(--primary-light); color: white; }
.btn-info:hover { background-color: #7B68EE; }
.copy-btn { background-color: var(--primary-color) !important; color: white !important; }
.copy-btn:hover { background-color: var(--primary-dark) !important; }

/* === edit.php 编辑页面 === */
body { background-color: #F0EEFF !important; }
.box { 
  background: #fff; 
  border-top: 3px solid var(--primary-color);
  box-shadow: 0 2px 10px rgba(106, 90, 205, 0.08);
}
.box h3 { color: var(--primary-dark); }
.box textarea { border: 1px solid var(--panel-border); }
.box textarea:focus { border-color: var(--primary-light); }
.box .btn-primary { background: var(--primary-color); color: #fff; }
.box .btn-primary:hover { background: var(--primary-dark); }
.box .btn-default { background: #EDEAFF; color: var(--primary-dark); }
.box .btn-default:hover { background: #D8D1F5; }

/* === 其他组件 === */
.snackbar { background-color: var(--primary-dark) !important; color: white !important; }
.colorful_loading>i { background-color: var(--primary-light); }
.colorful_loading .rect2 { background-color: var(--primary-color); }
.colorful_loading .rect3 { background-color: var(--primary-light); }

/* === 原始布局样式（完全未改动）=== */
.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{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)}
.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}