*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f5f5;padding:16px;font-size:14px;line-height:1.6;color:#333}.container{background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 12px #00000014}h2{font-size:18px;margin-bottom:16px;color:#1a1a1a;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.section{margin-bottom:16px}label{display:block;font-weight:600;margin-bottom:8px;color:#333}.hint{font-size:12px;color:#8c8c8c;margin-top:6px}.hint-inline{font-weight:400;color:#8c8c8c;font-size:12px}select{width:100%;padding:10px 12px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;transition:all .3s;background:#fff;cursor:pointer}select:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 3px #1890ff1a}.checkbox-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.link-btn{background:none;border:none;color:#1890ff;cursor:pointer;font-size:12px;padding:0;text-decoration:none}.link-btn:hover{color:#40a9ff;text-decoration:underline}.divider{color:#d9d9d9}.checkbox-container{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto;padding:8px;border:1px solid #f0f0f0;border-radius:8px;background:#fafafa}.checkbox-label{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .2s;font-weight:400}.checkbox-label:hover{background:#e6f7ff}.field-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#1890ff}.no-fields,.loading-text{color:#8c8c8c;font-size:13px;padding:8px;text-align:center}.field-count{margin-top:8px;font-size:12px;color:#1890ff;font-weight:500}.range-inputs{display:flex;gap:16px;flex-wrap:wrap}.range-input-group{display:flex;align-items:center;gap:8px;flex:1;min-width:150px}.range-input-group label{margin-bottom:0;font-weight:400;white-space:nowrap}input[type=number]{width:80px;padding:8px 12px;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;transition:all .3s;text-align:center}input[type=number]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 3px #1890ff1a}input[type=number]::placeholder{color:#bfbfbf}.primary-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #1890ff4d}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #1890ff66}.primary-btn:active:not(:disabled){transform:translateY(0)}.primary-btn:disabled{background:#d9d9d9;cursor:not-allowed;box-shadow:none;transform:none}.btn-icon{font-size:16px}.progress-container{margin-top:16px;padding:12px;background:linear-gradient(135deg,#f0f9ff,#e6f7ff);border-radius:8px;border:1px solid #91d5ff}.progress-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.progress-icon{font-size:16px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-text{font-size:14px;color:#1890ff;font-weight:500}.progress-bar-wrapper{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:10px;background:#e6f7ff;border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#1890ff,#40a9ff);width:0%;transition:width .3s ease-out;border-radius:5px}.progress-percent{min-width:50px;text-align:right;font-size:14px;font-weight:600;color:#1890ff}.result{margin-top:20px;border-radius:12px;display:none;overflow:hidden}.result.show{display:block;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.result-success{padding:16px;background:linear-gradient(135deg,#f6ffed,#d9f7be);border:1px solid #b7eb8f;text-align:center}.result-success .result-icon{font-size:32px;margin-bottom:8px}.result-success .result-title{font-size:16px;font-weight:600;color:#52c41a;margin-bottom:12px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.stat-item{display:flex;flex-direction:column;padding:8px;background:#ffffffb3;border-radius:6px}.stat-label{font-size:11px;color:#8c8c8c;margin-bottom:2px}.stat-value{font-size:14px;font-weight:600;color:#333}.stat-value.success{color:#52c41a}.stat-value.error{color:#f5222d}.result-error{padding:16px;background:linear-gradient(135deg,#fff2f0,#ffccc7);border:1px solid #ffa39e;text-align:center}.result-error .result-icon{font-size:32px;margin-bottom:8px}.result-error .result-title{font-size:16px;font-weight:600;color:#f5222d;margin-bottom:8px}.result-error .result-message{font-size:13px;color:#cf1322}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:60px;color:#666}.loading-spinner:before{content:"";display:inline-block;width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #1890ff;border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.env-warning{padding:24px;background:#fff2f0;border:1px solid #ffccc7;border-radius:12px;color:#f5222d;text-align:center;line-height:1.8}.env-warning small{color:#ff7875;font-size:12px}@media (max-width: 400px){.range-inputs{flex-direction:column}.range-input-group{min-width:100%}.result-stats{grid-template-columns:repeat(2,1fr)}}