o
.tx-avatar-tool .avt-panel{background:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.tx-avatar-tool .avt-panel-hd{padding:11px 16px;font-size:15px;font-weight:600;color:#333;border-bottom:1px solid #e8e8e8}
.tx-avatar-tool .avt-panel-bd{padding:16px}
.tx-avatar-tool .avt-btn{display:inline-block;border:1px solid #d5d5d5;background:#fff;color:#555;border-radius:6px;padding:8px 18px;font-size:13px;cursor:pointer;line-height:1.4;transition:all .2s;text-align:center;vertical-align:middle}
.tx-avatar-tool .avt-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.12);border-color:#0e90d2;color:#0e90d2}
.tx-avatar-tool .avt-btn-secondary{background:#0e90d2;border-color:#0e90d2;color:#fff}
.tx-avatar-tool .avt-btn-secondary:hover{background:#0b7fc0;border-color:#0b7fc0;color:#fff}
.tx-avatar-tool .avt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;border-color:#d5d5d5;background:#f5f5f5;color:#999}
.tx-avatar-tool .avt-btn-sm{padding:6px 12px;font-size:12px}
.tx-avatar-tool .avt-btn-xs{padding:4px 10px;font-size:12px}
.tx-avatar-tool .avt-input-group{display:flex;align-items:center;gap:6px}
.tx-avatar-tool .avt-form-field{flex:1;height:34px;border:1px solid #ddd;border-radius:4px;padding:0 10px;font-size:13px;background:#fff;color:#333;transition:border-color .15s}
.tx-avatar-tool .avt-form-field:focus{border-color:#0e90d2;outline:none;box-shadow:0 0 0 2px rgba(14,144,210,.1)}
.tx-avatar-tool .avt-input-group-btn{flex-shrink:0}
.tx-avatar-tool .avatar-preview-wrap{text-align:center;padding:40px 20px;background:#fafbfc;border:2px dashed #e0e4e8;border-radius:12px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .3s,background .3s}
.tx-avatar-tool .avatar-preview-wrap.has-avatar{border-color:transparent;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}
.tx-avatar-tool .avatar-preview-wrap svg{max-width:260px;max-height:260px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease}
.tx-avatar-tool .avatar-preview-wrap svg:hover{transform:scale(1.04);box-shadow:0 8px 32px rgba(0,0,0,.14),0 2px 6px rgba(0,0,0,.08)}
.tx-avatar-tool .avatar-loading{color:#aaa;font-size:14px}
.tx-avatar-tool .avatar-preview-actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.tx-avatar-tool .avatar-preview-actions .avt-btn{border-radius:6px;padding:8px 18px;font-size:13px;transition:all .2s}
.tx-avatar-tool .avatar-preview-actions .avt-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.tx-avatar-tool .style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}
.tx-avatar-tool .style-card{border:2px solid #e8e8e8;border-radius:10px;padding:10px 6px 8px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fff;font-size:12px}
.tx-avatar-tool .style-card:hover{border-color:#0e90d2;box-shadow:0 2px 12px rgba(14,144,210,.12);transform:translateY(-2px)}
.tx-avatar-tool .style-card.active{border-color:#0e90d2;background:#eef7fd;box-shadow:0 2px 12px rgba(14,144,210,.15)}
.tx-avatar-tool .style-card .style-thumb{width:64px;height:64px;margin:0 auto 6px;border-radius:8px;overflow:hidden;background:#f5f5f5}
.tx-avatar-tool .style-card .style-thumb img{width:64px;height:64px;display:block}
.tx-avatar-tool .style-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#444;font-weight:500}
.tx-avatar-tool .global-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.tx-avatar-tool .global-option-item{background:#fafbfc;border:1px solid #eee;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s}
.tx-avatar-tool .global-option-item:focus-within{border-color:#0e90d2;background:#fff}
.tx-avatar-tool .global-option-item .goi-label{font-size:12px;font-weight:600;color:#555}
.tx-avatar-tool .global-option-item .goi-desc{font-size:11px;color:#aaa;line-height:1.4}
.tx-avatar-tool .global-option-item select,.tx-avatar-tool .global-option-item input[type="text"],.tx-avatar-tool .global-option-item input[type="number"]{width:100%;height:32px;padding:0 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff;color:#333;transition:border-color .15s}
.tx-avatar-tool .global-option-item select:focus,.tx-avatar-tool .global-option-item input[type="text"]:focus,.tx-avatar-tool .global-option-item input[type="number"]:focus{border-color:#0e90d2;outline:none;box-shadow:0 0 0 2px rgba(14,144,210,.1)}
.tx-avatar-tool .global-option-item .goi-range-wrap{display:flex;align-items:center;gap:8px}
.tx-avatar-tool .global-option-item .goi-range-wrap input[type="range"]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ddd;border-radius:2px;outline:none;cursor:pointer}
.tx-avatar-tool .global-option-item .goi-range-wrap input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#0e90d2;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.tx-avatar-tool .global-option-item .goi-range-val{min-width:40px;text-align:center;font-size:13px;font-weight:600;color:#0e90d2}
.tx-avatar-tool .global-option-item .goi-checkbox-wrap{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#444}
.tx-avatar-tool .global-option-item .goi-checkbox-wrap input[type="checkbox"]{width:16px;height:16px;accent-color:#0e90d2;cursor:pointer}
.tx-avatar-tool .global-option-item .goi-input-group{display:flex;gap:6px;align-items:center}
.tx-avatar-tool .global-option-item .goi-input-group input[type="text"]{flex:1}
.tx-avatar-tool .global-option-item .goi-color-row{display:flex;align-items:center;gap:8px}
.tx-avatar-tool .global-option-item .goi-color-row input[type="color"]{width:32px;height:32px;padding:0;border:1px solid #ddd;border-radius:4px;cursor:pointer;background:none;flex-shrink:0}
.tx-avatar-tool .global-option-item .goi-color-row input[type="text"]{flex:1;font-family:monospace;font-size:12px}
.tx-avatar-tool .global-option-item .goi-color-presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.tx-avatar-tool .goi-color-preset{width:22px;height:22px;border-radius:50%;border:2px solid #ddd;cursor:pointer;transition:all .15s}
.tx-avatar-tool .goi-color-preset:hover,.tx-avatar-tool .goi-color-preset.active{transform:scale(1.2);border-color:#0e90d2;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.tx-avatar-tool .style-specific-options{display:none}
.tx-avatar-tool .style-specific-options.visible{display:block;min-height:80px}
.tx-avatar-tool .style-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.tx-avatar-tool .style-option-item{background:#fafbfc;border:1px solid #eee;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s}
.tx-avatar-tool .style-option-item:focus-within{border-color:#0e90d2;background:#fff}
.tx-avatar-tool .style-option-item .soi-label{font-size:12px;font-weight:600;color:#555;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tx-avatar-tool .style-option-item .soi-desc{font-size:11px;color:#aaa;line-height:1.4}
.tx-avatar-tool .style-option-item select,.tx-avatar-tool .style-option-item input[type="text"]{width:100%;height:32px;padding:0 8px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff;color:#333;transition:border-color .15s}
.tx-avatar-tool .style-option-item select:focus,.tx-avatar-tool .style-option-item input[type="text"]:focus{border-color:#0e90d2;outline:none;box-shadow:0 0 0 2px rgba(14,144,210,.1)}
.tx-avatar-tool .style-option-item .soi-range-wrap{display:flex;align-items:center;gap:8px}
.tx-avatar-tool .style-option-item .soi-range-wrap input[type="range"]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ddd;border-radius:2px;outline:none;cursor:pointer}
.tx-avatar-tool .style-option-item .soi-range-wrap input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#0e90d2;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.tx-avatar-tool .style-option-item .soi-range-val{min-width:40px;text-align:center;font-size:13px;font-weight:600;color:#0e90d2}
.tx-avatar-tool .style-option-item .soi-color-input{display:flex;align-items:center;gap:8px}
.tx-avatar-tool .style-option-item .soi-color-input input[type="color"]{width:32px;height:32px;padding:0;border:1px solid #ddd;border-radius:4px;cursor:pointer;background:none;flex-shrink:0}
.tx-avatar-tool .style-option-item .soi-color-input input[type="text"]{flex:1;font-family:monospace;font-size:12px}
.tx-avatar-tool .style-option-item .soi-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#444}
.tx-avatar-tool .style-option-item .soi-checkbox input[type="checkbox"]{width:16px;height:16px;accent-color:#0e90d2;cursor:pointer}
.tx-avatar-tool .seed-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0 2px;flex-wrap:wrap}
.tx-avatar-tool .seed-label{font-weight:600;font-size:13px;color:#444;white-space:nowrap}
.tx-avatar-tool .seed-desc{font-size:12px;color:#aaa;text-align:center;display:block}
.tx-avatar-tool .seed-input-group{display:flex;gap:6px}
.tx-avatar-tool .seed-input-group input{width:180px;border-radius:6px;border:1px solid #ddd;padding:6px 10px;font-size:13px;transition:border-color .2s;background:#fff;color:#333}
.tx-avatar-tool .seed-input-group input:focus{border-color:#0e90d2;outline:none;box-shadow:0 0 0 2px rgba(14,144,210,.12)}
.tx-avatar-tool .config-tabs{overflow:hidden;border:none;border-radius:0}
.tx-avatar-tool .config-tabs .avt-tab-head{display:flex;border-bottom:1px solid #e8e8e8;background:#fafbfc}
.tx-avatar-tool .config-tabs .avt-tab-head > a{padding:11px 22px;font-size:14px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;user-select:none}
.tx-avatar-tool .config-tabs .avt-tab-head > a:hover{color:#0e90d2}
.tx-avatar-tool .config-tabs .avt-tab-head > a.active{border-bottom-color:#0e90d2;color:#0e90d2;background:#fff}
.tx-avatar-tool .config-tabs .avt-tab-body{padding:0}
.tx-avatar-tool .config-tabs .avt-tab-body > div{display:none;padding:14px 16px}
.tx-avatar-tool .config-tabs .avt-tab-body > div.active{display:block}
/* 使用说明 */
.tx-avatar-tool .markdown-body{font-size:14px;line-height:1.8;color:#444}
.tx-avatar-tool .markdown-body h3{font-size:16px;margin:18px 0 8px;color:#333}
.tx-avatar-tool .markdown-body p{margin:8px 0}
.tx-avatar-tool .markdown-body ol,.tx-avatar-tool .markdown-body ul{margin:8px 0 8px 1.4em;padding:0}
.tx-avatar-tool .markdown-body li{margin:4px 0}
.tx-avatar-tool .markdown-body table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px}
.tx-avatar-tool .markdown-body th,.tx-avatar-tool .markdown-body td{border:1px solid #e5e5e5;padding:6px 10px;text-align:left}
.tx-avatar-tool .markdown-body th{background:#fafbfc;font-weight:600}
.tx-avatar-tool .markdown-body code{background:#f4f4f4;padding:1px 5px;border-radius:3px;font-size:12px;color:#c0392b}

body.night .tx-avatar-tool .avt-panel{background:#1e1e1e;border-color:#333}
body.night .tx-avatar-tool .avt-panel-hd{color:#ddd;border-bottom-color:#333}
body.night .tx-avatar-tool .config-tabs .avt-tab-head{background:#222;border-bottom-color:#333}
body.night .tx-avatar-tool .config-tabs .avt-tab-head > a{color:#bbb}
body.night .tx-avatar-tool .config-tabs .avt-tab-head > a.active{color:#5fb8e8;background:#1e1e1e;border-bottom-color:#0e90d2}
body.night .tx-avatar-tool .avatar-preview-wrap{background:#181a1b;border-color:#333}
body.night .tx-avatar-tool .avatar-preview-wrap.has-avatar{background:linear-gradient(135deg,#202020 0%,#181a1b 100%)}
body.night .tx-avatar-tool .style-card{background:#2a2a2a;border-color:#444}
body.night .tx-avatar-tool .style-card span{color:#ccc}
body.night .tx-avatar-tool .style-card.active{border-color:#0e90d2;background:#26333c}
body.night .tx-avatar-tool .global-option-item,body.night .tx-avatar-tool .style-option-item{background:#222;border-color:#333}
body.night .tx-avatar-tool .global-option-item:focus-within,body.night .tx-avatar-tool .style-option-item:focus-within{background:#262626}
body.night .tx-avatar-tool .global-option-item .goi-label,body.night .tx-avatar-tool .style-option-item .soi-label{color:#ccc}
body.night .tx-avatar-tool .global-option-item .goi-desc,body.night .tx-avatar-tool .style-option-item .soi-desc{color:#888}
body.night .tx-avatar-tool select,body.night .tx-avatar-tool input[type="text"],body.night .tx-avatar-tool input[type="number"],body.night .tx-avatar-tool .avt-form-field{background:#181a1b;border-color:#444;color:#eee}
body.night .tx-avatar-tool .seed-input-group input{background:#181a1b;border-color:#444;color:#eee}
body.night .tx-avatar-tool .seed-label{color:#ccc}
body.night .tx-avatar-tool .seed-desc{color:#888}
body.night .tx-avatar-tool .goi-range-wrap input[type="range"],body.night .tx-avatar-tool .soi-range-wrap input[type="range"]{background:#444}
body.night .tx-avatar-tool .goi-checkbox-wrap,body.night .tx-avatar-tool .soi-checkbox{color:#ccc}
body.night .tx-avatar-tool .goi-color-row input[type="color"],body.night .tx-avatar-tool .soi-color-input input[type="color"]{border-color:#444}
body.night .tx-avatar-tool .goi-color-preset{border-color:#555}
body.night .tx-avatar-tool .markdown-body{color:#ccc}
body.night .tx-avatar-tool .markdown-body h3{color:#eee}
body.night .tx-avatar-tool .markdown-body th,body.night .tx-avatar-tool .markdown-body td{border-color:#444}
body.night .tx-avatar-tool .markdown-body th{background:#222}
body.night .tx-avatar-tool .markdown-body code{background:#2a2a2a;color:#ff9a9a}
body.night .tx-avatar-tool .avt-btn{background:#2a2a2a;border-color:#444;color:#ccc}
body.night .tx-avatar-tool .avt-btn:hover{border-color:#0e90d2;color:#5fb8e8}
body.night .tx-avatar-tool .avt-btn-secondary{background:#0e90d2;border-color:#0e90d2;color:#fff}
body.night .tx-avatar-tool .avt-btn-secondary:hover{background:#0b7fc0;color:#fff}
body.night .tx-avatar-tool .avt-btn:disabled{background:#2a2a2a;color:#777;border-color:#444}
body.night .tx-avatar-tool .avatar-loading{color:#777}

@media (max-width:767px){
.tx-avatar-tool .avatar-preview-wrap{padding:24px 12px;min-height:220px}
.tx-avatar-tool .avatar-preview-wrap svg{max-width:200px;max-height:200px}
.tx-avatar-tool .style-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.tx-avatar-tool .global-options-grid,.tx-avatar-tool .style-options-grid{grid-template-columns:1fr;gap:10px}
.tx-avatar-tool .seed-input-group input{width:150px}
.tx-avatar-tool .avatar-preview-actions .avt-btn{padding:7px 12px;font-size:12px}
.tx-avatar-tool .config-tabs .avt-tab-head > a{padding:10px 14px;font-size:13px}
.tx-avatar-tool .config-tabs .avt-tab-body > div{padding:12px}
.tx-avatar-tool .avt-panel-bd{padding:12px}
}