/* ========== 控制面板 ========== */
.control-panel{width:254px;height:600px;background:#353535;border:1px solid #005ac9;position:absolute;left:2px;top:90px}
.header-row{position:absolute;width:125px;height:20px;background-color:#0f1729;right:2px;top:45px;padding:10px 5px;border:1px solid #005ac9}
.modal-tet{font-size:14px;font-weight:600;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;left:25px;top:0}
/* ========== 模型列表区 ========== */
.models-section{overflow-y:auto;height:calc(100% - 20px);padding:0 5px}
.models-section::-webkit-scrollbar{width:6px}
.models-section::-webkit-scrollbar-track{background:#0f1729}
.models-section::-webkit-scrollbar-thumb{background:#0073ff;border-radius:3px}
.models-section::-webkit-scrollbar-thumb:hover{background:#005586}
.model-list-header{display:flex;justify-content:space-between;align-items:center;position:relative;border-bottom:1px solid #005ac9}
.model-count{font-size:12px;color:#8892b0;position:relative;left:20px}
/* 兼容性修改：使用 margin 代替 gap */
.batch-btns{display:flex}
.batch-btns .batch-btn + .batch-btn{margin-left:8px/* 兼容旧浏览器：给除了第一个之外的按钮左侧加间距 */
}
.batch-btn{padding:4px 10px;background:#0f3460;color:#8892b0;border:none;border-radius:4px;font-size:11px;cursor:pointer;transition:all 0.2s}
.batch-btn:hover{background:#e94560;color:white}
.model-list{list-style:none;padding:0}
.model-item{display:flex;align-items:center;padding:12px;margin-bottom:8px;background:#0f1729;border:1px solid #0f3460;border-radius:8px;transition:all 0.3s;cursor:pointer;position:relative;left:0}
.model-item:hover{border-color:#e94560;background:#1a1a2e}
/* ========== 自定义复选框【修复三态逻辑】 ========== */
.model-checkbox{position:relative;width:20px;height:20px;margin-right:12px;cursor:pointer}
.model-checkbox input{opacity:0;width:0;height:0}
.checkmark{position:absolute;top:0;left:0;width:20px;height:20px;background:#0f3460;border-radius:4px;transition:all 0.2s}
.model-checkbox:hover .checkmark{background:#1a4a7a}
/* 选中状态 */
.model-checkbox input:checked ~ .checkmark{background:#e94560}
/* 半选 indeterminate（优先级高于checked，放在下方） */
.model-checkbox input:indeterminate ~ .checkmark{background:#e94560}
.checkmark::after{content:'';position:absolute;display:none;left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}
/* 勾选显示对勾 */
.model-checkbox input:checked ~ .checkmark::after{display:block}
/* 半选：显示横线，隐藏对勾 */
.model-checkbox input:indeterminate ~ .checkmark::after{display:block;left:50%;top:50%;width:10px;height:2px;border:none;background-color:#ffffff;transform:translate(-50%, -50%)}
/* ========== 模型信息 ========== */
.model-info{flex:1;min-width:0}
.model-name{font-size:14px;font-weight:600;color:#e0e0e0;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 兼容性修改：使用 margin 代替 gap */
.model-details{font-size:11px;color:#8892b0;display:flex;flex-wrap:wrap}
.model-detail-item{display:flex;align-items:center;margin-right:10px}
.model-detail-item:last-child{margin-right:0}
.model-detail-label{color:#5a6a8a;margin-right:3px}
.fly-btn{padding:6px 10px;background:transparent;color:#e94560;border:1px solid #e94560;border-radius:4px;font-size:11px;cursor:pointer;transition:all 0.2s;flex-shrink:0}
.fly-btn:hover{background:#e94560;color:white}
/* 作者界面 */
.logzz{width:260px;height:80px;/* background-color: #005ac9; */
position:relative;top:20px}
.logimg{width:60px;height:60px;position:absolute;left:10px}
.logimg img{width:100%;border-radius:10px}
.logsp{position:absolute;left:80px;top:0;color:white;font-size:18px;font-weight:600}
.logsp .logsp1{font-size:20px;color:#0073ff}
#logcoy{width:20px;position:absolute;right:15px;top:15px;cursor:pointer}
#logcoy svg{width:100%;height:100%}
/* 作者界面 */
.zuozq{width:300px;height:100vh;background-color:#ffffff;position:fixed;top:0;left:-300px;z-index:9;transition:left 0.4s cubic-bezier(0.25, 1, 0.5, 1);/* 平滑滑出动画 */
box-shadow:1px 0px 10px rgba(0, 0, 0, 0.1)}
.zuozimg{width:290px;height:106px;background-image:url(../img/saoma.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;position:relative;top:10vh;left:5px}
.zuoz-btn{width:60px;height:40px;background-color:#0073ff;border-radius:15px;position:absolute;right:10px;top:10px;cursor:pointer}
.zuoz-btn svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#zuoz.zuozq.active{left:0}