.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}
/* ============================================================
   wpan 外链网盘 美化增强样式 (追加在原始 style.css 之后)
   现代化渐变主题: 导航/卡片/按钮/上传区
   ============================================================ */

/* ---------- 全局 ---------- */
body {
  background: linear-gradient(135deg, #f5f7fa 0%, #eef1f6 100%);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

/* ---------- 导航栏: 渐变 + 阴影 ---------- */
.navbar.navbar-default {
  background: linear-gradient(120deg, #667eea 0%, #764ba2 100%) !important;
  border: none !important;
  box-shadow: 0 2px 16px rgba(102, 126, 234, 0.35);
  border-radius: 0;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
  font-weight: 500;
  letter-spacing: .3px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a {
  background: rgba(255,255,255,0.15) !important;
  color: #fff !important;
}
.navbar-default .navbar-toggle {
  border-color: rgba(255,255,255,0.4) !important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff !important;
}
.navbar-brand {
  font-size: 20px;
  font-weight: 700;
}

/* ---------- 卡片容器 ---------- */
.panel {
  border: none !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 20px rgba(31, 38, 135, 0.08) !important;
  overflow: hidden;
}
.panel-primary > .panel-heading {
  background: linear-gradient(120deg, #667eea, #764ba2) !important;
  border: none !important;
  color: #fff;
  font-weight: 600;
}
.panel-heading {
  border-radius: 14px 14px 0 0 !important;
}
.panel-body {
  background: #fff;
}
.well.infobox {
  border: 2px dashed #c3cbe8 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: inset 0 2px 12px rgba(102,126,234,0.06);
  transition: all .25s ease;
}
.well.infobox:hover {
  border-color: #667eea !important;
  box-shadow: 0 6px 24px rgba(102,126,234,0.15);
}

/* ---------- 按钮 ---------- */
.btn-raised.btn-primary,
.btn.btn-primary {
  background: linear-gradient(120deg, #667eea, #764ba2) !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(102, 126, 234, 0.35) !important;
  border-radius: 24px !important;
  font-weight: 600;
  transition: all .2s ease;
}
.btn-raised.btn-primary:hover,
.btn.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.45) !important;
}
.btn-raised.btn-info {
  background: linear-gradient(120deg, #17a2b8, #20c997) !important;
  border: none !important;
  border-radius: 24px !important;
  box-shadow: 0 4px 14px rgba(23, 162, 184, 0.3) !important;
}

/* ---------- 上传标题 ---------- */
#uploadTitle {
  color: #667eea !important;
  font-weight: 600;
  letter-spacing: .5px;
}
h1#uploadTitle {
  font-size: 22px;
}

/* ---------- 文件列表表格 ---------- */
.table-hover > tbody > tr:hover {
  background: rgba(102, 126, 234, 0.05) !important;
}
.filelist > tbody > tr > td {
  border-bottom: 1px solid #eef1f6 !important;
  padding: 12px 8px !important;
}
.panel .table thead > tr > th {
  border-bottom: 2px solid #e8ecf4 !important;
  color: #4a5568;
  font-weight: 600;
}

/* ---------- Tab 标签 ---------- */
.nav-tabs {
  border-bottom: 2px solid #eef1f6 !important;
}
.nav-tabs > li > a {
  border-radius: 8px 8px 0 0 !important;
  font-weight: 500;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
  border-bottom: 2px solid #667eea !important;
  color: #667eea !important;
}

/* ---------- 上传进度条 ---------- */
.progress {
  border-radius: 12px !important;
  height: 12px !important;
  background: #eef1f6 !important;
  overflow: hidden;
}
.progress-bar {
  background: linear-gradient(90deg, #667eea, #764ba2) !important;
  border-radius: 12px;
  transition: width .3s ease;
}

/* ---------- 页脚 ---------- */
.footer, .navbar-fixed-bottom {
  color: #8a93b2;
}

/* ---------- 移动端优化 ---------- */
@media (max-width: 767px) {
  .navbar-brand { font-size: 17px; }
  .panel { border-radius: 10px !important; }
  .well.infobox { border-radius: 14px !important; padding: 18px !important; }
}

/* ---------- 播放器/预览区域 ---------- */
.videoplayer { border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.12); }
.image_view { border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.10); }

/* ---------- 登录页 ---------- */
#loginform { border-radius: 16px; }
#loginform .form-group input {
  border-radius: 10px !important;
}
.loginbtn {
  background: linear-gradient(120deg, #667eea, #764ba2) !important;
  border: none !important;
  border-radius: 24px !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(102,126,234,.35) !important;
}

/* ---------- 滚动条(WebKit) ---------- */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #c3cbe8; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #667eea; }
::-webkit-scrollbar-track { background: transparent; }

/* ============================================================
   wpan 外链网盘 美化增强 v2 (2026-10-17)
   首页文件列表现代卡片化 / 按钮化操作 / 微交互
   ============================================================ */

/* ---------- 首页文件列表容器: well -> 现代卡片 ---------- */
.well.bs-component {
  background: #fff !important;
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 30px rgba(31, 38, 135, 0.10) !important;
  padding: 24px 28px !important;
  position: relative;
  overflow: hidden;
}
.well.bs-component::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #667eea, #764ba2, #f093fb);
}

/* ---------- 列表标题 ---------- */
.well.bs-component h2 {
  color: #2d3748;
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 20px;
  border-bottom: 2px solid #f0f2f7;
  padding-bottom: 14px;
}

/* ---------- 搜索框 ---------- */
.well.bs-component .searchbox .form-control {
  border-radius: 20px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
  padding: 6px 16px;
  transition: all .25s ease;
}
.well.bs-component .searchbox .form-control:focus {
  border-color: #667eea !important;
  box-shadow: 0 0 0 3px rgba(102,126,234,0.15) !important;
}
.well.bs-component .searchbox .btn {
  border-radius: 20px !important;
  background: linear-gradient(120deg, #667eea, #764ba2) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 3px 10px rgba(102,126,234,0.3) !important;
  transition: all .2s ease;
}
.well.bs-component .searchbox .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 16px rgba(102,126,234,0.4) !important;
}

/* ---------- 文件表格 ---------- */
.filelist.table {
  border-collapse: separate;
  border-spacing: 0 8px;
}
.filelist > thead > tr > th {
  background: #f7f9fc;
  color: #4a5568 !important;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: .4px;
  text-transform: uppercase;
  border: none !important;
  padding: 12px 14px !important;
}
.filelist > thead > tr > th:first-child { border-radius: 10px 0 0 10px; }
.filelist > thead > tr > th:last-child { border-radius: 0 10px 10px 0; }
.filelist > tbody > tr {
  transition: all .18s ease;
}
.filelist > tbody > tr > td {
  border: none !important;
  padding: 13px 14px !important;
  background: #fcfdff;
  font-size: 14px;
  color: #374151;
}
.filelist > tbody > tr > td:first-child { border-radius: 10px 0 0 10px; }
.filelist > tbody > tr > td:last-child { border-radius: 0 10px 10px 0; }
.filelist > tbody > tr:hover > td {
  background: #f3f6ff !important;
}
.filelist > tbody > tr:hover {
  transform: translateX(3px);
}
.filelist > tbody > tr > td:first-child b {
  display: inline-flex;
  width: 28px; height: 28px;
  align-items: center; justify-content: center;
  background: linear-gradient(120deg, #667eea, #764ba2);
  color: #fff;
  border-radius: 8px;
  font-size: 13px;
}

/* ---------- 操作按钮化 ---------- */
.filelist .act-links a {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 600;
  margin-right: 4px;
  transition: all .18s ease;
  text-decoration: none;
}
.filelist .act-links a:first-child {
  background: rgba(102,126,234,0.10);
  color: #667eea;
}
.filelist .act-links a:first-child:hover {
  background: #667eea;
  color: #fff;
  box-shadow: 0 3px 10px rgba(102,126,234,0.35);
}
.filelist .act-links a:last-child {
  background: rgba(23,162,184,0.10);
  color: #17a2b8;
}
.filelist .act-links a:last-child:hover {
  background: #17a2b8;
  color: #fff;
  box-shadow: 0 3px 10px rgba(23,162,184,0.35);
}

/* ---------- 文件类型图标颜色 ---------- */
.filelist td i.fa-file-pdf-o { color: #e53e3e; }
.filelist td i.fa-file-word-o { color: #2b6cb0; }
.filelist td i.fa-file-powerpoint-o { color: #dd6b20; }
.filelist td i.fa-file-image-o { color: #38a169; }
.filelist td i.fa-file-video-o { color: #805ad5; }
.filelist td i.fa-file-archive-o { color: #b7791f; }
.filelist td i.fa-android { color: #48bb78; }
.filelist td i.fa-file-o { color: #718096; }

/* ---------- 文件格式标签 ---------- */
.filelist td font[color="blue"] {
  display: inline-block;
  background: rgba(102,126,234,0.10) !important;
  color: #667eea !important;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
}

/* ---------- 分页 ---------- */
.pagination > li > a,
.pagination > li > span {
  border: none !important;
  margin: 0 3px;
  border-radius: 8px !important;
  color: #4a5568 !important;
  font-weight: 500;
  transition: all .18s ease;
}
.pagination > li > a:hover {
  background: rgba(102,126,234,0.10) !important;
  color: #667eea !important;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span {
  background: linear-gradient(120deg, #667eea, #764ba2) !important;
  border: none !important;
  box-shadow: 0 3px 10px rgba(102,126,234,0.35);
}
.pagination > .disabled > a,
.pagination > .disabled > a:hover {
  color: #cbd5e0 !important;
  background: #f7f9fc !important;
}

/* ---------- 底部统计 ---------- */
.well.bs-component .row .col-md-6 {
  color: #718096;
  font-size: 13px;
}

/* ---------- 页脚 ---------- */
.footer {
  margin-top: 30px;
  padding: 20px 0;
  background: transparent;
}
.footer .text-muted {
  color: #a0aec0 !important;
}

/* ---------- 导航栏增强 ---------- */
.navbar-default .navbar-nav > li > a {
  border-radius: 20px;
  margin: 8px 4px;
  padding: 6px 16px;
  transition: all .2s ease;
}
.navbar-default .navbar-nav > li.active > a {
  background: rgba(255,255,255,0.22) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25);
}
.navbar-default .navbar-nav > li > a:hover {
  background: rgba(255,255,255,0.18) !important;
  transform: translateY(-1px);
}

/* ---------- 动画 ---------- */
@keyframes wpanFadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
.well.bs-component {
  animation: wpanFadeUp .45s ease both;
}

/* ---------- 移动端 ---------- */
@media (max-width: 767px) {
  .well.bs-component { padding: 14px 12px !important; border-radius: 12px !important; }
  .filelist > tbody > tr > td { padding: 10px 8px !important; font-size: 13px; }
  .filelist .act-links a { padding: 3px 9px; font-size: 11px; }
  .navbar-default .navbar-nav > li > a { margin: 4px 2px; }
}

/* ============================================================
   v2.1 上传页增强 (2026-10-17)
   ============================================================ */

/* 上传页主卡片 */
.well.infobox {
  transition: all .3s ease;
}

/* 上传按钮放大 + 渐变 */
#uploadFile.btn.btn-raised.btn-primary {
  background: linear-gradient(120deg, #667eea 0%, #764ba2 50%, #f093fb 100%) !important;
  background-size: 200% 100% !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 10px 42px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 1px;
  box-shadow: 0 8px 24px rgba(102,126,234,0.35) !important;
  transition: all .3s ease !important;
}
#uploadFile.btn.btn-raised.btn-primary:hover {
  background-position: 100% 0 !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(102,126,234,0.5) !important;
}
#uploadFile.btn.btn-raised.btn-primary:active {
  transform: translateY(0) scale(.98);
}

/* 上传标题 */
#uploadTitle {
  background: linear-gradient(120deg, #667eea, #764ba2, #f093fb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: none !important;
}

/* 进度条增强 */
#progressBar .progress {
  height: 16px !important;
  border-radius: 10px !important;
  background: #eef1f6 !important;
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.06);
}
#progressBar .progress-bar {
  background: linear-gradient(90deg, #667eea, #764ba2, #f093fb) !important;
  background-size: 200% 100% !important;
  animation: wpanProgressShine 1.5s linear infinite !important;
  border-radius: 10px;
}
@keyframes wpanProgressShine {
  0% { background-position: 0% 0; }
  100% { background-position: 200% 0; }
}
#percentage, #uploadspeed {
  color: #667eea;
  font-weight: 600;
}
.filename {
  color: #4a5568;
  font-weight: 500;
}

/* 复选框美化 */
.checkbox label {
  color: #4a5568;
  font-size: 14px;
  padding-left: 4px;
  cursor: pointer;
}
.checkbox input[type="checkbox"] {
  width: 18px; height: 18px;
  accent-color: #667eea;
  cursor: pointer;
  margin-top: 0;
  vertical-align: middle;
}

/* 密码输入框 */
#pwd_frame .form-control {
  border-radius: 20px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
  padding: 8px 16px;
  transition: all .25s ease;
}
#pwd_frame .form-control:focus {
  border-color: #667eea !important;
  box-shadow: 0 0 0 3px rgba(102,126,234,0.15) !important;
}
.help-block {
  color: #a0aec0 !important;
  font-size: 12px;
}

/* ============================================================
   v2.2 文件收集页 (2026-10-17)
   ============================================================ */

/* 收集页卡片 */
#collectApp .well.bs-component {
  padding: 24px 28px;
}
#collectApp h2 {
  border-bottom: 2px solid #f0f2f7;
  padding-bottom: 12px;
  margin-bottom: 15px;
}

/* 发起表单 */
#createForm .form-control,
#collectBox .form-control {
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
  padding: 8px 14px;
  transition: all .25s ease;
}
#createForm .form-control:focus,
#collectBox .form-control:focus {
  border-color: #667eea !important;
  box-shadow: 0 0 0 3px rgba(102,126,234,0.15) !important;
}
#createForm .control-label {
  font-size: 14px;
  color: #4a5568;
  font-weight: 600;
}

/* 我的收集列表 */
#collectList .list-group-item {
  transition: all .2s ease;
}
#collectList .list-group-item:hover {
  border-color: #667eea !important;
  box-shadow: 0 4px 16px rgba(102,126,234,0.12);
}
#collectList .label {
  border-radius: 10px;
  padding: 3px 10px;
  font-size: 11px;
}

/* 分享提交页 */
#collectTitle {
  font-size: 26px !important;
}
#uploadArea:hover {
  border-color: #667eea !important;
  background: #f3f6ff !important;
}
#uploadArea i.fa-cloud-upload {
  transition: transform .3s ease;
}
#uploadArea:hover i.fa-cloud-upload {
  transform: translateY(-6px) scale(1.05);
}