.tool-container{padding:20px;max-width:950px;margin:0 auto;box-sizing:border-box;}
.upload-wrap{border:2px dashed #409eff;border-radius:8px;padding:35px 20px;text-align:center;margin-bottom:20px;cursor:pointer;transition:0.3s;}
.upload-wrap:hover{border-color:#66b1ff;background:#f7faff;}
#imgFile{display:none;}
.loading-tip{color:#409eff;margin:10px 0;display:none;}
/* 图片单独一行居中展示 */
.img-wrap{position:relative;overflow:hidden;border:1px solid #eee;border-radius:6px;margin:0 auto 25px auto;text-align:center;}
.img-view{max-width:100%;max-height:500px;cursor:crosshair;display:inline-block;}
.hover-color-tip{position:absolute;padding:4px 8px;background:#333;color:#fff;font-size:12px;border-radius:3px;pointer-events:none;display:none;z-index:9;}
/* 颜色信息单独成行 */
.color-info{width:100%;}
.color-block{width:100px;height:100px;border-radius:6px;border:1px solid #ddd;margin-bottom:15px;}
.color-item{margin:12px 0;display:flex;align-items:center;gap:10px;}
.color-item span{width:70px;color:#333;}
.color-item input{flex:1;padding:8px 10px;border:1px solid #ddd;border-radius:4px;outline:none;}
.btn-box{margin-top:15px;display:flex;gap:10px;flex-wrap:wrap;}
.btn{padding:8px 12px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer;font-size:14px;}
.btn:hover{background:#66b1ff;}
.btn-reset{background:#e6a23c;}
.tip-text{color:#999;font-size:14px;margin-top:10px;}
.history-color{margin-top:20px;}
.history-color h4{margin:8px 0;color:#666;}
.history-list{display:flex;gap:8px;flex-wrap:wrap;}
.history-item{width:36px;height:36px;border-radius:4px;border:1px solid #ccc;cursor:pointer;}
.msg-tip{position:fixed;top:20px;left:50%;transform:translateX(-50%);padding:6px 16px;background:#333;color:#fff;border-radius:4px;display:none;z-index:999;}