body{font-family:'微软雅黑','Arial',sans-serif;max-width:800px;margin:0 auto;padding:20px;line-height:1.6;font-size:16px;color:#333}p{margin:0;padding:0}.facicon-hd{margin-bottom:30px}.facicon-hd .title{color:#2c3e50;text-align:center}.facicon-bd{background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.facicon-bd .question{font-size:18px}.facicon-bd .step{font-size:16px}.facicon-bd .step2{font-size:14px}.facicon-bd .upload-area{border:2px dashed #3498db;border-radius:5px;padding:30px;text-align:center;margin-bottom:20px;cursor:pointer;transition:all .3s}.facicon-bd .upload-area:hover{background-color:#f0f8ff;border-color:#2980b9}.facicon-bd .upload-area p{margin:0;color:#7f8c8d}.facicon-bd .upload-area i{font-style:normal;font-size:48px;color:#3498db;margin-bottom:10px;display:block}.facicon-bd .filehide{display:none}.facicon-bd .preview{text-align:center;margin-bottom:20px}.facicon-bd .preview-image{max-width:100%;max-height:200px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.facicon-bd .options{margin-bottom:20px}.facicon-bd .option-group{margin-bottom:15px}.facicon-bd label{display:block;margin-bottom:5px;font-weight:bold}.facicon-bd select,.facicon-bd input[type="number"]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.facicon-bd .btn-handle{background-color:#3498db;color:white;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;margin-bottom:15px;transition:background-color .3s;width:100%}.facicon-bd .btn-handle:hover{background-color:#2980b9}.facicon-bd .btn-handle:disabled{background-color:#95a5a6;cursor:not-allowed}.facicon-bd .download-btn{background-color:#2ecc71}.facicon-bd .download-btn:hover{background-color:#27ae60}.facicon-bd .status{margin-top:15px;padding:10px;border-radius:5px;display:none}.facicon-bd .success{background-color:#d4edda;color:#155724;display:block}.facicon-bd .error{background-color:#f8d7da;color:#721c24;display:block}.facicon-ft{font-size:14px;text-align:center;line-height:2;color:#95a5a6}.facicon-ft a{color:#2980b9}.color-picker .hd{margin-bottom:30px}.color-picker .hd .title{color:#2c3e50;text-align:center}.color-picker .bd{background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.color-picker .bd .handle{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.color-picker .bd .handle .color-preview{width:150px;height:150px;border-radius:8px;margin-bottom:15px;border:1px solid #ddd;transition:background-color .3s}.color-picker .bd .handle .color-input{width:80px;height:40px;border:2px dashed #3498db;cursor:pointer}.color-picker .bd .handle .tip{font-size:14px;line-height:2}.color-picker .bd .handle .color-values{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px}.color-picker .bd .handle .color-value{padding:8px 12px;border-radius:4px;background-color:#f0f0f0;font-family:monospace;cursor:pointer}.color-picker .bd .handle .color-value:hover{background-color:#e0e0e0}.color-picker .bd .history h2{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px}.color-picker .bd .history-items{display:flex;flex-wrap:wrap;gap:10px}.color-picker .bd .history-item{width:60px;height:60px;border-radius:4px;border:1px solid #ddd;cursor:pointer;position:relative;overflow:hidden}.color-picker .bd .history-item:hover{transform:scale(1.05);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.color-picker .bd .history-item .color-code{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.6);color:white;font-size:10px;text-align:center;padding:2px}.color-picker .copy-notice{display:none;position:fixed;top:20px;left:50%;transform:translateX(-50%);background-color:#4CAF50;color:white;padding:10px 20px;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:1000}