.container-full{width: 100%;}
.my-btn-red {background-color: #e64545;border-color: #e64545;color: #fff;}
.my-btn-red:hover{background-color:#ca3e3e; border-color: #ca3e3e;color: #fff;}
.header{height: 100px;line-height: 100px;background-color: #fff;}
.page-main{margin: 0px auto;}
/** register,login **/
.register-container,.login-container{max-width:500px;margin:100px auto;padding:30px;border-radius:5px;background:#fff}
.register-title,.login-title{text-align:center;margin-bottom:30px;font-size:24px; color:#333}
.form-group{margin-bottom:20px}
.register-footer,.login-footer{margin-top:20px;text-align:center}

.captcha-control{width:55%}
.captcha-image{height:38px}

/* footer */ 
.footer{background-color: #e3e4e6;overflow: hidden;}
.footer-title{font-weight: bold;font-size: 18px;color:#333;}
.sub-title-box{margin:10px 0 0 0; padding: 0;}
.footer .sub-title{font-size:16px;line-height:30px;color:#999999;}
.foot-social-title{font-size: 16px;font-weight: 400;color: #333;}
.footer .copyright{margin-right:20px; font-size: 18px;font-weight: 600;color:#999999;}
.footer .footer-bottom-a{font-size: 18px;font-weight: 600;color:#999999;}
.footer .footer-bottom-span{margin:0px 10px; font-size: 18px;font-weight: 400;color:#999999;}
.footer .sub-title:hover,.footer .footer-bottom-a:hover{color:#e64545;}
/* footer social */ 
.social-items a{display:inline-block; width: 30px; height: 30px; color:#555555;}
.social-items a:hover{color:#f00;}
.social-items a .micon{font-size: 25px;}
.social-items a .icon{font-size: 25px;}
ol, ul {list-style: none;}
a, ins {text-decoration: none;}



/* 图片上传组件样式 */
.image-upload-wrapper{margin-top:20px}
.wu-example{width:100%;border:1px solid #e6e6e6;border-radius:8px;background:#fafafa}
.webuploader-element-invisible{display:none}
.wu-example .placeholder{padding:10px 20px 15px;text-align:center;border:1px dashed #e0e0e0;border-radius:8px;background:#f6f6f6;transition:all .3s ease;cursor:pointer}
.wu-example .placeholder:hover{border-color:#dc3545;background:#fff5f5}
.wu-example .placeholder.dragover{border-color:#dc3545;background:#fff0f0;transform:scale(1.02)}
.upload-icon{font-size:48px;color:#9ca3af;margin-bottom:16px}
.upload-btn{display:inline-block;padding:12px 24px;background:#dc3545;color:#fff;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:12px}
.upload-btn:hover{background:#c82333;transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,53,69,.3)}
.upload-format{color:#cccccc;font-size:14px;margin:0}


/* 文件列表样式 */
.filelist{display:flex;flex-wrap:wrap;gap:12px;padding:15px;margin:0;list-style:none;min-height:60px}
.filelist.hidden{display:none}
.filelist li{position:relative;width:90px;height:90px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease}
.filelist li:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}
.filelist li .img-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f9fafb}
.filelist li .img-wrap img{max-width:100%;max-height:100%;object-fit:cover;border-radius:4px}
/* 文件信息 */
.filelist li .file-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;padding:8px 6px 4px;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 删除按钮 */
.filelist li .delete-btn{position:absolute;top:6px;right:6px;width:20px;height:20px;background:rgba(220,53,69,.9);border:none;border-radius:50%;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:1;transition:all .3s ease;z-index:10}
.filelist li:hover .delete-btn{opacity:1}
.filelist li .delete-btn:hover{background:#dc3545;transform:scale(1.1)}
/* 上传状态 */
.filelist li.upload-success{border-color:#28a745}
.filelist li.upload-error{border-color:#dc3545;background:#fff5f5}
.filelist li.upload-success::after{content:'✓';position:absolute;top:6px;left:6px;width:20px;height:20px;background:#28a745;color:#fff;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}
.webuploader-pick,.upload-file-picker{font-weight:600;font-size:16px;color:#2d2a26!important;background:0 0!important;border:none!important}
.btn-success:not([disabled]):not(.disabled).active,.btn-success:not([disabled]):not(.disabled):active,.show > .btn-success.dropdown-toggle {
    background: none!important;
    border:none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* 继续添加按钮 */
.filelist .add-more-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;border:2px dashed #dee2e6;cursor:pointer;transition:all .3s ease}
.filelist .add-more-item:hover{border-color:#dc3545;background:#fff5f5}
.filelist .add-more-item .add-icon{font-size:24px;color:#6c757d;margin-bottom:4px}
.filelist .add-more-item .add-text{font-size:12px;color:#6c757d}


/* 响应式设计 */
@media (max-width: 768px) {
    .register-container,.login-container{margin:10px auto;}
    .filelist{gap:8px;padding:10px}
    .filelist li{width:100px;height:100px}
    .wu-example .placeholder{padding:20px 15px}
    .upload-icon{font-size:36px}
    .upload-btn{padding:10px 20px;font-size:14px}
}


[id^="rt_rt_"] {
    display: none !important;
}
