:root{color-scheme:light;--blue:#216fe5;--ink:#17243a;--muted:#718096;--line:#dfe7f1;--soft:#f5f8fc;--green:#16835f;--red:#cf4d56;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 9%,#eaf3ff 0,transparent 28%),linear-gradient(145deg,#f8fbff,#f3f7fc 58%,#eef4fb);color:var(--ink)}button,input,select{font:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1500px)/2));border-bottom:1px solid #e1e8f1;background:#fffffff0;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,#3388ff,#175fcf);color:#fff;font-size:20px;font-weight:800;box-shadow:0 8px 20px #216fe536}.brand b,.brand small{display:block}.brand b{font-size:17px}.brand small{margin-top:2px;color:#8390a2;font-size:11px}.environment{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #d9e5f4;border-radius:999px;background:#fff;color:#60728b;font-size:12px}.environment i{width:7px;height:7px;border-radius:50%;background:#25ad7b;box-shadow:0 0 0 4px #25ad7b18}.layout{width:min(1500px,calc(100% - 48px));margin:38px auto 60px;display:grid;grid-template-columns:240px minmax(560px,1fr) 390px;gap:24px;align-items:start}.intro{position:sticky;top:105px;padding:18px 4px}.eyebrow{margin:0 0 8px;color:#2877e8;font-size:10px;font-weight:800;letter-spacing:.16em}.intro h1{margin:0;font-size:35px;line-height:1.2;letter-spacing:-.045em}.intro>div>p:last-child{margin:17px 0;color:#6f7f94;font-size:13px;line-height:1.75}.security-note{margin-top:30px;padding:15px;border:1px solid #dce7f4;border-radius:12px;background:#ffffff9e}.security-note:before{content:"✓";display:grid;place-items:center;width:25px;height:25px;margin-bottom:10px;border-radius:50%;background:#e7f8f1;color:#15976b;font-weight:800}.security-note b,.security-note span{display:block}.security-note b{font-size:12px}.security-note span{margin-top:6px;color:#7d8a9c;font-size:11px;line-height:1.6}.workspace{display:grid;gap:17px}.card{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 12px 34px #234a7b0d}.credentials,.operation-form{padding:23px 25px}.section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.section-title>span{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:9px;background:#edf4ff;color:var(--blue);font:800 10px ui-monospace,monospace}.section-title h2,.section-title p{margin:0}.section-title h2{font-size:17px}.section-title p{margin-top:4px;color:#8794a5;font-size:11px}.field-grid{display:grid;gap:16px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}label,.block-label{display:grid;gap:7px;color:#4a5a70;font-size:12px;font-weight:650}input,select{width:100%;height:43px;border:1px solid #dce5ef;border-radius:8px;background:#fbfcfe;color:#26364d;padding:0 11px;outline:0;transition:border-color .15s,box-shadow .15s}select{appearance:none;-webkit-appearance:none;color-scheme:only light;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#718096 50%),linear-gradient(135deg,#718096 50%,transparent 50%);background-position:calc(100% - 15px) 19px,calc(100% - 10px) 19px;background-repeat:no-repeat;background-size:5px 5px;padding-right:34px;font-weight:400}select option,select optgroup{background-color:#fff;color:#26364d;font-weight:400}input:focus,select:focus{border-color:#6c9fe9;box-shadow:0 0 0 3px #4b8fe91b;background-color:#fff}input::placeholder{color:#a1abb8}select:disabled,input:disabled{background-color:#f3f5f8;color:#9ba6b4}.secret-wrap,.select-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.secret-wrap{position:relative;display:block}.secret-wrap input{padding-right:57px}.secret-wrap button{position:absolute;right:6px;top:6px;height:31px;border:0;background:transparent;color:#2877e8;font-size:11px;cursor:pointer}.select-action button{height:43px;padding:0 13px;border:1px solid #cfe0f6;border-radius:8px;background:#eff6ff;color:#216cd8;font-size:12px;cursor:pointer}.native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.custom-select{position:relative;min-width:0}.custom-select-trigger{position:relative;width:100%;height:43px;padding:0 36px 0 12px;border:1px solid #dce5ef;border-radius:8px;background:#fff;color:#26364d;font-family:inherit;font-size:12px;font-weight:400;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.custom-select-trigger:after{content:"";position:absolute;right:13px;top:16px;width:7px;height:7px;border-right:1.5px solid #718096;border-bottom:1.5px solid #718096;transform:rotate(45deg);transition:transform .15s}.custom-select.open .custom-select-trigger{border-color:#6c9fe9;box-shadow:0 0 0 3px #4b8fe91b}.custom-select.open .custom-select-trigger:after{top:19px;transform:rotate(225deg)}.custom-select-trigger:disabled{background:#f3f5f8;color:#9ba6b4;cursor:not-allowed}.custom-select-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;display:none;width:max-content;min-width:100%;max-width:min(440px,80vw);max-height:260px;overflow:auto;padding:6px;border:1px solid #d8e2ee;border-radius:10px;background:#fff;box-shadow:0 16px 38px #1f3d6426}.custom-select.open .custom-select-menu{display:grid;gap:2px}.custom-select-option{width:100%;min-height:38px;height:auto!important;padding:9px 11px!important;border:0!important;border-radius:7px!important;background:#fff!important;color:#33445a!important;font-family:inherit!important;font-size:12px!important;font-weight:400;line-height:1.45;text-align:left;white-space:normal;cursor:pointer}.custom-select-option:hover,.custom-select-option:focus{outline:0;background:#f1f6fd!important;color:#1e63bd!important}.custom-select-option.selected{background:#e9f3ff!important;color:#1768d1!important;font-weight:650!important}.custom-select-option:disabled{color:#98a4b3!important;cursor:default}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 8px 24px #234a7b0a}.mode-tabs button{display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;column-gap:10px;padding:11px 14px;border:0;border-radius:9px;background:transparent;color:#6d7b8f;text-align:left;cursor:pointer}.mode-tabs button>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f1f5fa;font-size:18px}.mode-tabs b{font-size:13px}.mode-tabs small{font-size:10px;color:#94a0af}.mode-tabs button.active{background:#edf5ff;color:#1e66ce}.mode-tabs button.active>span{background:#dcecff}.test-panel:not(.active){display:none}.selection-summary{margin:17px 0;padding:11px 13px;border-left:3px solid #78aaf5;border-radius:7px;background:#f5f9ff;color:#63748a;font-size:11px;line-height:1.55}.primary{width:100%;height:46px;border:0;border-radius:9px;background:linear-gradient(90deg,#2579ed,#1d68d7);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 9px 18px #216fe52a}.primary:disabled{opacity:.58;cursor:wait}.primary span{float:right;margin-right:4px}.method-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 16px;padding:0;border:0}.method-picker legend{margin-bottom:8px;color:#4a5a70;font-size:12px;font-weight:650}.method-picker label{position:relative;display:block}.method-picker input{position:absolute;opacity:0;width:1px;height:1px}.method-picker label>span{display:block;padding:13px 14px;border:1px solid #dce5ef;border-radius:9px;background:#fbfcfe;cursor:pointer}.method-picker input:checked+span{border-color:#72a5ed;background:#eff6ff;box-shadow:0 0 0 2px #72a5ed18}.method-picker b,.method-picker small{display:block}.method-picker small{margin-top:4px;color:#8b97a7;font-size:10px;font-weight:400}.upload-field{min-height:116px;display:grid;place-items:center;align-content:center;gap:4px;border:1px dashed #a9bfda;border-radius:10px;background:#f8fbff;cursor:pointer}.upload-field input{display:none}.upload-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e5f0ff;color:#2775e5;font-size:18px}.upload-field small{color:#8a98aa;font-weight:400}.result{position:sticky;top:105px;padding:22px;min-height:400px}.result-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #ebf0f5}.result-head h2{margin:0;font-size:18px}.result-head button{border:0;background:transparent;color:#7c899a;font-size:11px;cursor:pointer}.result-empty{display:grid;justify-items:center;padding:68px 25px;color:#8491a2;text-align:center}.result-empty>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:15px;border-radius:16px;background:#f0f5fb;color:#6d8eb7;font:700 18px ui-monospace,monospace}.result-empty b{color:#536276;font-size:13px}.result-empty p{margin:7px 0;font-size:11px;line-height:1.6}.status-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.status{padding:5px 8px;border-radius:6px;background:#edf4ff;color:#256ed8;font-size:11px;font-weight:750}.status.success{background:#e9f8f1;color:#16835f}.status.error{background:#fff0f1;color:#c74750}.status-row>span:last-child{color:#8a96a5;font-size:10px}.result-fields{display:grid;gap:0;margin:0 0 14px;border:1px solid #e5ebf3;border-radius:9px;overflow:hidden}.result-fields div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px;padding:9px 11px;border-bottom:1px solid #eef2f6;font-size:11px}.result-fields div:last-child{border-bottom:0}.result-fields dt{color:#8390a1}.result-fields dd{margin:0;color:#34445a;word-break:break-all}.checkout-link{display:block;margin:12px 0;padding:11px;border-radius:8px;background:#edf6ff;color:#1f6dd9;text-align:center;text-decoration:none;font-size:12px;font-weight:700}details{margin-top:10px;border:1px solid #e5ebf3;border-radius:8px;overflow:hidden}summary{padding:10px 11px;background:#f8fafc;color:#68778a;font-size:11px;cursor:pointer}pre{max-height:260px;margin:0;padding:12px;overflow:auto;background:#17243a;color:#dce8fb;font:10px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.toast{position:fixed;left:50%;bottom:28px;z-index:30;transform:translateX(-50%);padding:10px 16px;border-radius:8px;background:#22314a;color:#fff;box-shadow:0 12px 30px #17243a35;font-size:12px}@media(max-width:1180px){.layout{grid-template-columns:minmax(560px,1fr) 360px}.intro{display:none}}@media(max-width:900px){.layout{grid-template-columns:1fr;width:min(680px,calc(100% - 28px));margin-top:22px}.result{position:static;min-height:300px}.topbar{padding:0 18px}}@media(max-width:580px){.field-grid.two{grid-template-columns:1fr}.credentials,.operation-form{padding:20px 17px}.mode-tabs button{padding:9px}.method-picker{grid-template-columns:1fr}.environment{display:none}.layout{width:calc(100% - 20px)}.result-fields div{grid-template-columns:105px 1fr}}