/* 🌸 猫羽雫萌化主题 - 毛玻璃效果 */

/* 萌化滚动条 */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: rgba(252,228,236,0.5); border-radius: 4px; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #f8a5c2, #ce93d8); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #f48fb1, #ba68c8); }

/* 🌸 面板毛玻璃 */
.panel { border-radius: 18px !important; box-shadow: 0 6px 25px rgba(244,143,177,0.18) !important; border: 1px solid rgba(248,187,208,0.5) !important; background: rgba(255,255,255,0.72) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; }
.panel-primary > .panel-heading { background: linear-gradient(135deg, #f48fb1, #ce93d8) !important; border-color: rgba(248,187,208,0.5) !important; color: #fff !important; border-radius: 17px 17px 0 0 !important; }
.panel-default > .panel-heading { background: linear-gradient(135deg, #e1bee7, #f8bbd0) !important; border-color: rgba(248,187,208,0.4) !important; color: #ad1457 !important; border-radius: 17px 17px 0 0 !important; }
.panel-info > .panel-heading { background: linear-gradient(135deg, #81d4fa, #b39ddb) !important; border-color: rgba(179,229,252,0.5) !important; color: #fff !important; border-radius: 17px 17px 0 0 !important; }

/* 🌸 按钮萌化 */
.btn { border-radius: 22px !important; transition: all 0.3s ease !important; }
.btn-primary { background: linear-gradient(135deg, #f48fb1, #ce93d8) !important; border-color: #f48fb1 !important; color: #fff !important; box-shadow: 0 3px 12px rgba(244,143,177,0.35) !important; }
.btn-primary:hover { background: linear-gradient(135deg, #f06292, #ba68c8) !important; border-color: #ec407a !important; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(244,143,177,0.45) !important; }
.btn-info { background: linear-gradient(135deg, #81d4fa, #b39ddb) !important; border-color: #81d4fa !important; color: #fff !important; }
.btn-info:hover { background: linear-gradient(135deg, #4fc3f7, #9575cd) !important; }
.btn-success { background: linear-gradient(135deg, #a5d6a7, #81c784) !important; border-color: #a5d6a7 !important; }
.btn-warning { background: linear-gradient(135deg, #ffcc80, #ffb74d) !important; border-color: #ffcc80 !important; }
.btn-danger { background: linear-gradient(135deg, #ef9a9a, #e57373) !important; border-color: #ef9a9a !important; }
.btn-raised { box-shadow: 0 3px 10px rgba(0,0,0,0.15) !important; }

a { color: #d81b60; transition: color 0.3s; } a:hover { color: #e91e63; }
::selection { background: #f48fb1; color: #fff; }

/* 🌸 well毛玻璃 */
.well { border-radius: 18px; border: 1px solid rgba(248,187,208,0.5); background: rgba(255,255,255,0.72); box-shadow: 0 6px 25px rgba(244,143,177,0.18); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }

/* 🌸 导航栏毛玻璃 */
.navbar-default { background: rgba(252,228,236,0.82) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; border-color: rgba(248,187,208,0.5) !important; box-shadow: 0 2px 20px rgba(244,143,177,0.18); }
.navbar-default .navbar-brand { color: #d81b60 !important; font-weight: bold; }
.navbar-default .navbar-nav > li > a { color: #ad1457 !important; transition: all 0.3s; border-radius: 20px; }
.navbar-default .navbar-nav > li > a:hover { color: #e91e63 !important; background: rgba(248,187,208,0.35) !important; }

/* 🌸 输入框 */
.form-control { border-radius: 10px; border-color: rgba(248,187,208,0.5); background: rgba(255,255,255,0.8); transition: all 0.3s; }
.form-control:focus { border-color: #f48fb1; box-shadow: 0 0 12px rgba(244,143,177,0.25); background: rgba(255,255,255,0.95); }

/* 🌸 分页 */
.pagination > li > a { color: #d81b60; border-color: rgba(248,187,208,0.4); border-radius: 20px; margin: 0 2px; }
.pagination > li > a:hover { background: rgba(252,228,236,0.5); color: #d81b60; }
.pagination > .active > a { background: linear-gradient(135deg, #f48fb1, #ce93d8); border-color: #f48fb1; }

/* 🌸 页脚 */
.footer { padding: 20px 0; background: rgba(255,255,255,0.7); backdrop-filter: blur(10px); margin-top: 20px; border-top: 2px solid rgba(248,187,208,0.4); }
.footer p { margin: 3px 0; }

/* 🌸 表格 */
.table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(254,246,255,0.4); }
.table > tbody > tr:hover { background-color: rgba(252,228,236,0.4) !important; }

/* 🌸 下拉菜单 */
.dropdown-menu { border-radius: 12px; border: 1px solid rgba(248,187,208,0.5); background: rgba(255,255,255,0.9); backdrop-filter: blur(10px); box-shadow: 0 8px 25px rgba(244,143,177,0.2); }

/* ====== 以下是原始功能样式 ====== */
.form-group{padding-bottom:0;margin:0 0 15px 0}
.elsetext{top:0;color:#ad1457;font-size:20px}
.elseview{height:150px}
.tubiao{background-color:transparent;font-size:100px;color:#f48fb1;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:rgba(255,255,255,0.7);border-radius:12px 12px 0 0}
.nav-tabs>li>a{color:#ad1457;border:0;margin:0}
.nav-tabs>li>a:hover{background-color:rgba(252,228,236,0.5);border:0}
.nav-tabs>li>a,.nav-tabs>li>a:focus,.nav-tabs>li>a:hover{background-color:transparent!important;border:0!important;color:#d81b60!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:#fce4ec;border-bottom-color:#f48fb1}
.nav-tabs>li.active>a{border-bottom-color:#f48fb1}
.form-group label.control-label{font-size:16px;color:#ad1457}
.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(244,143,177,0.3);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:#f48fb1;-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}