.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}

/* ================= 方案一：现代渐变卡片风（磊的云盘主页） ================= */
body{background:#f7fafd}

/* ---- 渐变导航栏 ---- */
.ld-navbar.navbar-default{
	background:linear-gradient(90deg,#143c8c 0%,#0d6bae 55%,#00a8c8 100%);
	border:none;
	border-radius:0;
	box-shadow:0 2px 12px rgba(20,60,140,.28);
	margin-bottom:0;
}
.ld-navbar .navbar-brand{color:#fff;font-size:20px;font-weight:600;letter-spacing:.5px}
.ld-navbar .navbar-brand:hover,.ld-navbar .navbar-brand:focus{color:#fff}
.ld-navbar .navbar-nav>li>a{color:rgba(255,255,255,.92);font-size:14px}
.ld-navbar .navbar-nav>li>a:hover,.ld-navbar .navbar-nav>li>a:focus{color:#fff;background:rgba(255,255,255,.16)}
.ld-navbar .navbar-nav>.active>a,.ld-navbar .navbar-nav>.active>a:hover,.ld-navbar .navbar-nav>.active>a:focus{color:#143c8c;background:#fff}
.ld-navbar .navbar-nav>.open>a,.ld-navbar .navbar-nav>.open>a:hover,.ld-navbar .navbar-nav>.open>a:focus{background:rgba(255,255,255,.16);color:#fff}
.ld-navbar .navbar-collapse{border-color:rgba(255,255,255,.18)}
.ld-navbar .navbar-toggle{border-color:rgba(255,255,255,.55)}
.ld-navbar .navbar-toggle:hover,.ld-navbar .navbar-toggle:focus{background:rgba(255,255,255,.15)}
.ld-navbar .navbar-toggle .icon-bar{background-color:#fff}

/* ---- 横幅区 ---- */
.ld-hero{
	margin-top:24px;
	background:linear-gradient(135deg,#f0f7ff 0%,#e7fafd 100%);
	border:1px solid #dcebf7;
	border-radius:16px;
	padding:26px 30px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:16px;
	box-shadow:0 4px 16px rgba(30,80,160,.06);
}
.ld-hero-title{margin:0;color:#143c8c;font-size:28px;font-weight:700}
.ld-hero-sub{margin-top:4px;color:#6b7c93;font-size:13px}
.ld-hero-sub a{color:#00a8c8}

/* ---- 搜索框 ---- */
.ld-search{display:flex;align-items:center;flex:1 1 320px;max-width:480px}
/* Bootstrap Material Design 的 JS 运行时会自动把输入框包进 .form-group（自带 margin-bottom:15px 且比 input 高 7px），
   这会让输入框和按钮在 flex 行里错位。这里强制 .form-group 高度与按钮一致并清掉 margin，保证二者垂直居中对齐 */
.ld-search .form-group{margin:0;flex:1 1 auto;min-width:0;height:46px}
.ld-search .form-group .form-control{width:100%;height:46px}
.ld-search .form-control{
	height:46px;
	line-height:46px;
	border-radius:24px 0 0 24px;
	border:1px solid #cfe0f0 !important;
	border-right:none !important;
	border-bottom:1px solid #cfe0f0 !important;
	box-shadow:none !important;
	background:#fff !important;
	font-size:14px;
	padding:0 18px;
	-webkit-appearance:none;
	appearance:none;
}
.ld-search .form-control:focus{outline:none;box-shadow:none !important;border-color:#00bcd4 !important}
.ld-search-btn{
	height:46px;
	line-height:1;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:0 24px 24px 0;
	background:linear-gradient(135deg,#00bcd4,#0091ea) !important;
	color:#fff !important;
	border:none;
	padding:0 22px;
	font-size:14px;
}
.ld-search-btn:hover,.ld-search-btn:focus{color:#fff !important;background:linear-gradient(135deg,#00c4dc,#00a0f5) !important}

/* ---- 上传按钮 ---- */
.ld-upload-btn{
	height:46px;
	line-height:1;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:24px;
	background:linear-gradient(135deg,#00bcd4,#0091ea) !important;
	color:#fff!important;
	border:none;
	padding:0 26px;
	font-size:14px;
	font-weight:600;
	box-shadow:0 4px 12px rgba(0,150,235,.3);
	white-space:nowrap;
}
.ld-upload-btn:hover,.ld-upload-btn:focus{color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,150,235,.4)}

/* ---- 文件卡片网格 ---- */
.ld-files{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
	gap:20px;
	margin-top:26px;
}
.ld-card{
	background:#fff;
	border-radius:14px;
	border:1px solid #eef2f7;
	box-shadow:0 4px 16px rgba(30,60,140,.07);
	padding:22px 20px 18px;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	transition:transform .2s ease,box-shadow .2s ease;
}
.ld-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(30,60,140,.15)}
.ld-card-icon{
	width:64px;height:64px;border-radius:18px;
	display:flex;align-items:center;justify-content:center;
	font-size:30px;margin-bottom:14px;
}
.ld-img{background:#e3f3ff;color:#00a8e8}
.ld-audio{background:#fff0e4;color:#ff8a3d}
.ld-video{background:#e2faf4;color:#00b894}
.ld-archive{background:#eef1f5;color:#8e9bab}
.ld-doc{background:#e8effd;color:#3b82f6}
.ld-code{background:#e7f9ee;color:#22a55e}
.ld-exe{background:#fdecea;color:#ef6c57}
.ld-other{background:#f1f3f6;color:#94a3b8}
.ld-card-name{
	width:100%;
	font-size:15px;font-weight:600;color:#26324a;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
	margin-bottom:8px;
}
.ld-card-meta{color:#8a97ab;font-size:12.5px;display:flex;align-items:center;gap:6px}
.ld-card-type{background:#eef3f8;color:#5a6b85;border-radius:8px;padding:1px 8px;font-size:11.5px}
.ld-card-time{color:#b3bdcb;font-size:12px;margin-top:4px;margin-bottom:14px}
.ld-card-actions{display:flex;gap:10px}
.ld-btn-dl,.ld-btn-view{padding:6px 16px;border-radius:20px;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.ld-btn-dl{background:linear-gradient(135deg,#00bcd4,#0091ea);color:#fff;border:none}
.ld-btn-dl:hover,.ld-btn-dl:focus{color:#fff;background:linear-gradient(135deg,#00c4dc,#00a0f5)}
.ld-btn-view{background:#fff;color:#00a8c8;border:1px solid #bfe6f2}
.ld-btn-view:hover,.ld-btn-view:focus{color:#0083a8;background:#f0fbff;border-color:#8fd4e8}
.ld-empty{grid-column:1/-1;text-align:center;color:#9aa7b8;padding:60px 0;font-size:15px}
.ld-empty i{font-size:46px;color:#c4cfdd;margin-bottom:14px;display:block}

/* ---- 分页 ---- */
.ld-pagination{
	margin-top:28px;
	display:flex;align-items:center;justify-content:space-between;
	flex-wrap:wrap;gap:12px;
}
.ld-pagination .pagination{margin:0}
.ld-pagination .pagination>li>a,.ld-pagination .pagination>li>span{
	color:#143c8c;border-color:#e3ecf5;border-radius:8px;margin:0 3px;
}
.ld-pagination .pagination>li>a:hover{color:#00a8c8;background:#f0f9ff;border-color:#bfe0f2}
.ld-pagination .pagination>.disabled>a,.ld-pagination .pagination>.disabled>a:hover{color:#b9c3d2;background:#f7f9fc;border-color:#eef2f7}
.ld-pagination .pagination>.active>a,.ld-pagination .pagination>.active>a:hover,.ld-pagination .pagination>.active>a:focus{
	background:linear-gradient(135deg,#00bcd4,#0091ea);border-color:#00a8c8;color:#fff;
}
.ld-pageinfo{color:#8a97ab;font-size:13px}

/* ---- 响应式 ---- */
@media (max-width:767px){
	.ld-hero{flex-direction:column;align-items:stretch;text-align:center;padding:22px 18px}
	.ld-search{max-width:none;flex:1 1 auto}
	.ld-upload-btn{width:100%}
	.ld-files{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
	.ld-pagination{flex-direction:column;align-items:center}
}

/* ================= 上传页（方案一风格） ================= */
.ld-upload-box{
	border:2px dashed #bfe0f2;
	border-radius:20px;
	background:#fff;
	padding:30px 24px;
	min-height:300px;
}
.ld-upload-box h1{color:#26324a!important;font-size:28px!important}
.ld-upload-box .checkbox label{color:#5a6b85;font-size:14px}
.ld-upload-box .help-block{color:#9aa7b8}
#upload_frame .progress{height:22px;border-radius:12px;overflow:hidden;background:#eaf1f8;box-shadow:none}
#upload_frame .progress-bar{background:linear-gradient(135deg,#00bcd4,#0091ea)}
.ld-upload-btn-big{
	height:56px;
	line-height:1;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0 42px;
	border-radius:28px;
	font-size:20px;
	background:linear-gradient(135deg,#00bcd4,#0091ea) !important;
	color:#fff!important;
	border:none;
	box-shadow:0 6px 16px rgba(0,150,235,.35);
}
.ld-upload-btn-big:hover,.ld-upload-btn-big:focus{color:#fff!important;background:linear-gradient(135deg,#00c4dc,#00a0f5) !important;transform:translateY(-1px)}
.ld-upload-tip{
	background:#fff;
	border-radius:14px;
	border:1px solid #eef2f7;
	box-shadow:0 4px 16px rgba(30,60,140,.07);
	overflow:hidden;
}
.ld-upload-tip-title{
	background:linear-gradient(135deg,#143c8c,#00a8c8);
	color:#fff;
	padding:12px 16px;
	font-size:15px;font-weight:600;
}
.ld-upload-tip-item{
	padding:10px 16px;
	border-bottom:1px solid #f2f5f9;
	color:#5a6b85;font-size:13px;
	line-height:1.7;
}
.ld-upload-tip-item:last-child{border-bottom:none}
.ld-upload-tip-item b{color:#143c8c}
/* 友情链接 */
.ld-friendlink{
	text-align:center;
	margin:26px auto 10px;
}
.ld-friendlink a{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:10px 28px;
	border-radius:30px;
	background:linear-gradient(135deg,#143c8c,#0d6bae);
	color:#fff;
	font-size:14px;
	text-decoration:none;
	box-shadow:0 4px 14px rgba(20,60,140,.25);
	transition:transform .2s,box-shadow .2s;
}
.ld-friendlink a:hover{
	transform:translateY(-2px);
	box-shadow:0 8px 22px rgba(20,60,140,.35);
	color:#fff;
}