:root{font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#252a34;background:#f5f6f8;font-synthesis:none;letter-spacing:0;--blue:#3565e9;--green:#158267;--border:#e5e8ee;--muted:#818895;--red:#d64646}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button{border:0}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}:focus-visible{outline:3px solid #9fb8fd;outline-offset:3px}svg{height:18px;width:18px;stroke-width:1.7;flex-shrink:0}h1,h2,h3,p{margin:0}h2{font-size:18px;line-height:28px;font-weight:650}h3{font-size:14px;line-height:22px;font-weight:600}.small{font-size:12px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.required{color:var(--red);font-size:13px;margin-left:3px}
.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border)}.topbar-inner{max-width:1328px;padding:0 40px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand strong{font-size:17px;white-space:nowrap}.brand-mark{width:34px;height:34px;background:#177f67;color:#fff;border-radius:7px;display:grid;place-items:center}.brand-mark svg{width:22px;height:22px}.brand-divider{width:1px;height:20px;background:var(--border);margin:0 4px}.brand-product{font-size:14px;color:#9298a2}.connection{display:flex;align-items:center;gap:7px;font-size:12px;color:#757e8c}.connection-dot{height:6px;width:6px;background:#a0a6b0;border-radius:50%}.connection.ready .connection-dot{background:var(--green)}.region{border-left:1px solid var(--border);padding-left:17px;margin-left:12px;font-family:ui-monospace,monospace;color:#4f5868;font-size:11px}
main{max-width:1328px;padding:34px 40px 0;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.eyebrow{font-size:10px;color:#8a929f;font-weight:600;margin-bottom:8px}h1{font-size:28px;font-weight:650;line-height:38px}.text-link{display:inline-flex;align-items:center;gap:4px;color:var(--blue);font-size:13px;white-space:nowrap}.text-link.small{font-size:12px}.text-link svg{width:15px;height:15px}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--border)}.tabs button{display:flex;align-items:center;justify-content:center;gap:8px;color:#7a8290;background:transparent;font-size:13px;height:47px;border-bottom:2px solid transparent;padding:0 2px}.tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue);font-weight:600}.tabs svg{width:16px;height:16px}
.workspace{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);background:#fff;border-bottom:1px solid var(--border)}.form-pane{padding:30px 36px 24px;min-width:0}.status-pane{padding:30px 34px;border-left:1px solid var(--border);background:#fcfcfd;min-width:0}.status-sticky{position:sticky;top:26px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.plan-field{padding:0;border:0;margin:0 0 25px;min-width:0}.plan-field legend{font-size:13px;font-weight:600;margin-bottom:12px;padding:0}.plan-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plan-option{position:relative;border:1px solid #dde2eb;border-radius:7px;padding:13px 12px;min-width:0;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:4px;background:white;transition:background .18s,border-color .18s}.plan-option input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}.plan-option:has(input:focus-visible){outline:3px solid #9fb8fd;outline-offset:2px}.plan-option:has(input:checked){background:#f0f4ff;border:1.5px solid var(--blue)}.plan-name{font-size:16px;font-weight:650;color:#5e6879}.plan-caption{font-size:10px;color:#8a93a2}.plan-option svg{position:absolute;right:7px;top:7px;width:13px;height:13px;color:var(--blue);visibility:hidden}.plan-option:has(input:checked) svg{visibility:visible}.plan-option:has(input:checked) .plan-name{color:var(--blue)}.plan-option:has(input:disabled){cursor:default}
.field-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.field-heading label{font-size:13px;font-weight:600}.textarea-wrap{position:relative}textarea{display:block;width:100%;height:156px;resize:vertical;min-height:120px;max-height:300px;background:#fff;border:1px solid #dce1e9;border-radius:7px;color:#414959;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.7;font-size:12px;padding:15px 42px 15px 15px;overflow-wrap:anywhere}textarea::placeholder{font-family:inherit;color:#a0a7b2;font-size:12px}.textarea-tools{position:absolute;right:6px;top:7px;display:flex;flex-direction:column;gap:2px}.icon-button{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:4px;color:#8a929f;background:transparent;padding:0}.icon-button:hover:not(:disabled){color:var(--blue);background:#eff3fb}.icon-button svg{width:15px;height:15px}.field-feedback{min-height:28px;display:flex;align-items:center;gap:6px;padding-top:8px;font-size:11px;color:#939ba8;line-height:18px;overflow-wrap:anywhere}.field-feedback svg{width:13px;height:13px}.field-feedback.valid{color:var(--green)}.field-feedback.invalid{color:var(--red)}
.billing-details{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:19px 0 24px}.billing-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;list-style:none;cursor:pointer;font-size:13px;font-weight:550}.billing-details summary::-webkit-details-marker{display:none}.billing-details summary>span{display:flex;align-items:center;gap:8px}.billing-details summary svg{width:15px;height:15px;color:#8c94a1}.billing-details .summary-trailing{font-size:11px;font-weight:400;color:#929aa7}.billing-details[open] .summary-trailing>svg{transform:rotate(180deg)}.billing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 14px;padding:8px 0 22px}.field{min-width:0;display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#707989}.field input,.field select{width:100%;min-width:0;border:1px solid #dce1e9;border-radius:5px;height:41px;padding:0 11px;color:#434c5b;background:#fff;font-size:12px}.field input::placeholder{color:#a1a8b3}.field select{padding-right:20px}.field input:disabled,.field select:disabled,textarea:disabled{background:#fafbfc;color:#8c94a1}
.payment-section{margin-bottom:22px}.stripe-label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#8c93a1}.stripe-label svg{width:12px;height:12px}.payment-empty{display:flex;align-items:center;gap:15px;border:1px dashed #dce1e8;border-radius:6px;background:#fafbfc;min-height:90px;padding:18px}.payment-empty>div:last-child{display:flex;flex-direction:column;gap:8px;min-width:0}.payment-empty strong{font-size:12px;font-weight:500;color:#7d8796}.payment-empty>div:last-child>span{font-size:11px;color:#a0a7b2}.card-visual{width:63px;height:41px;flex-shrink:0;border-radius:5px;border:1px solid #d8dee7;background:#f0f3f7;position:relative}.card-visual svg{position:absolute;top:6px;left:8px;height:13px;width:13px;color:#a3acba}.card-visual span{position:absolute;height:3px;background:#d8dfe9;bottom:8px;left:8px;width:19px;border-radius:1px}.card-visual span:last-child{left:31px;width:10px}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:47px;width:100%;border-radius:6px;color:#fff;background:var(--blue);font-weight:600;font-size:14px;padding:12px 15px;line-height:22px;transition:background .16s}.primary-button:hover:not(:disabled){background:#2a55cf}.primary-button svg{width:16px;height:16px}.form-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:12px;color:#939ba8;font-size:11px}.form-bottom>span{display:flex;align-items:center;gap:5px}.form-bottom svg{width:12px;height:12px}.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;padding:7px 0;min-height:30px;color:#818b9b;background:transparent}.quiet-button:hover{color:var(--blue)}.quiet-button svg{width:13px;height:13px}.notice{padding:12px 14px;border-radius:5px;font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin:14px 0}.notice.error{background:#fff2f1;color:#bb4242;border:1px solid #f2d6d3}
.status-badge{display:flex;align-items:center;gap:6px;color:#8a93a0;font-size:11px;white-space:nowrap}.status-badge>span{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.active{color:var(--blue)}.status-badge.success{color:var(--green)}.status-badge.error{color:var(--red)}.status-badge.warning{color:#b68223}.progress-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;color:#929aa7;margin-bottom:9px}.progress-track{height:5px;background:#e9edf3;border-radius:3px;overflow:hidden}.progress-track>div{width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .35s ease,background .25s}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:22px 0 28px;gap:8px}.steps li{font-size:10px;color:#959daa;display:flex;align-items:center;gap:6px;min-width:0}.step-dot{display:grid;place-items:center;border:1px solid #d9dfe8;color:#a0a8b5;width:19px;height:19px;border-radius:50%;font-family:ui-monospace,monospace;font-size:10px;flex-shrink:0}.steps li.active{color:var(--blue)}.steps li.active .step-dot{border-color:var(--blue);color:var(--blue);background:#f0f4ff}.steps li.done{color:var(--green)}.steps li.done .step-dot{background:#e7f4ef;color:var(--green);border-color:#c3e3d8}.order-summary{margin:0;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:17px}.order-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:12px}.order-summary dt{color:#959caa;flex-shrink:0}.order-summary dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0;color:#525d6e}.order-summary dd span{color:#a0a8b4;margin-left:7px;font-size:10px}.order-summary dd.amount{font-size:21px;line-height:28px;color:#303b4a;font-weight:550;font-variant-numeric:tabular-nums}.order-summary dd.mono{font-size:10px}.result-block{display:flex;gap:12px;padding:16px 13px;background:#edf7f2;border-left:3px solid var(--green);margin-bottom:22px;min-width:0}.result-icon{color:var(--green);padding-top:2px}.result-block h3{font-size:14px;color:#22634e}.result-block p{font-size:12px;color:#5c8575;line-height:1.8;margin-top:6px;overflow-wrap:anywhere}.result-block.error{background:#fff3f2;border-color:var(--red)}.result-block.error h3,.result-block.error .result-icon{color:#be4747}.result-block.error p{color:#a16a67}.result-block.warning{background:#fff9eb;border-color:#c59a3c}.result-block.warning h3,.result-block.warning .result-icon{color:#9b7628}.result-block.warning p{color:#a0854b}
.log-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 12px}.log-heading h3{font-size:12px;color:#7c8798;font-weight:500;display:flex;align-items:center;gap:8px}.log-heading h3 span{font-family:ui-monospace,monospace;font-size:10px;color:#a2a9b3}.log-heading>div{display:flex;gap:3px}.logs{min-height:175px;max-height:330px;overflow:auto;scrollbar-width:thin;scrollbar-color:#dde3ea transparent}.logs-empty{min-height:164px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;color:#b0b7c2;font-size:11px}.logs-empty svg{height:30px;width:30px;stroke-width:1.15;color:#bbc3cf}.log-row{display:grid;grid-template-columns:59px minmax(0,1fr);gap:12px;margin-bottom:11px;font-size:11px;line-height:19px}.log-time{font-size:10px;color:#a3acb9;font-family:ui-monospace,monospace}.log-message{color:#768394;overflow-wrap:anywhere}.log-row.error .log-message{color:var(--red)}.log-row.success .log-message{color:var(--green)}.log-row.warning .log-message{color:#a38132}.status-actions{display:flex;align-items:center;gap:20px;margin-top:14px;flex-wrap:wrap}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dce2eb;background:#fff;border-radius:5px;color:#637089;padding:9px 13px;font-size:12px;min-height:35px}.secondary-button svg{width:14px;height:14px}.secondary-button:hover{border-color:var(--blue);color:var(--blue)}
.history-view{background:#fff;min-height:460px;padding:30px 36px;border-bottom:1px solid var(--border)}.history-table{width:100%;border-collapse:collapse;font-size:13px}.history-table th{text-align:left;font-size:11px;color:#919aa8;font-weight:500;padding:14px 12px;background:#f8fafc}.history-table td{padding:21px 12px;border-bottom:1px solid var(--border);color:#536176}.history-table td:last-child{color:var(--green)}.history-logs{padding-top:28px;max-width:680px}.history-logs h3{margin-bottom:20px;font-size:13px}.history-logs .log-row{grid-template-columns:70px minmax(0,1fr)}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 30px;font-size:10px;color:#9ca5b2}footer>span{display:flex;align-items:center;gap:5px}.footer-separator{padding:0 6px;color:#ccd1d8}footer svg{width:12px;height:12px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:11px 19px;border-radius:6px;background:#303d4c;color:white;font-size:12px;max-width:calc(100% - 32px);box-shadow:0 5px 18px #26324c16}
@media(min-width:1600px){main{padding-top:42px}.form-pane,.status-pane{padding-top:36px;padding-bottom:30px}.section-heading{margin-bottom:30px}.logs{min-height:205px}}
@media(max-width:1050px){.form-pane{padding:27px 24px 24px}.status-pane{padding:27px 24px}.steps{gap:5px}.steps li{gap:4px;font-size:9px}main{padding-left:25px;padding-right:25px}.topbar-inner{padding:0 25px}}
@media(max-width:760px){.topbar{height:64px}.topbar-inner{padding:0 20px}.brand-product,.brand-divider,.region{display:none}.brand{gap:9px}.brand strong{font-size:15px}.brand-mark{height:30px;width:30px}.connection{font-size:10px;gap:5px}main{padding:24px 16px 0}.page-title{margin:0 4px 19px}h1{font-size:24px;line-height:34px}.eyebrow{font-size:9px;margin-bottom:5px}.text-link{font-size:11px}.tabs{gap:25px;padding-left:6px}.workspace{grid-template-columns:minmax(0,1fr)}.form-pane{padding:25px 20px 20px}.status-pane{border-left:0;border-top:1px solid var(--border);padding:27px 20px}.status-sticky{position:static}.section-heading{margin-bottom:23px}h2{font-size:17px}.plan-option{height:71px}.plan-options{gap:9px}.field-heading .text-link{font-size:11px}.logs{max-height:260px;min-height:140px}.logs-empty{min-height:140px}.steps{gap:6px}.steps li{font-size:10px;gap:5px}.status-actions{gap:14px}.history-view{padding:25px 18px}.history-table{font-size:11px}.history-table td,.history-table th{padding:14px 6px}footer{align-items:flex-start;line-height:18px;padding:20px 4px 24px;font-size:9px;gap:10px}.billing-grid{gap:14px 10px}.field input,.field select{font-size:12px}.payment-empty{padding:16px 13px}.order-summary dd.amount{font-size:22px}}
.proxy-field{margin-bottom:23px}.proxy-input-row{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px;align-items:center;border:1px solid #dce1e9;border-radius:6px;padding:3px 5px 3px 0;min-height:43px;background:#fff}.proxy-input-row input{width:100%;min-width:0;border:0;background:transparent;padding:9px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#414959;outline-offset:0}.proxy-input-row input::placeholder{color:#a0a7b2;font-size:11px}.proxy-input-row:has(input:disabled){background:#fafbfc}.proxy-options{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:9px;flex-wrap:wrap}.proxy-options>label{display:flex;align-items:center;gap:6px;font-size:11px;color:#8b94a2;min-height:20px}.proxy-options input{margin:0;accent-color:var(--blue);width:13px;height:13px}.proxy-options .field-feedback{padding:0;min-height:20px;font-size:10px;max-width:100%;overflow-wrap:anywhere}.proxy-scope{font-size:10px;color:#9099a7;line-height:18px;margin-top:5px}.proxy-input-row .icon-button{width:30px;height:30px}
.session-field{margin-bottom:22px}.history-table td:last-child{color:#536176}.history-table td[data-state=succeeded]{color:var(--green)}.history-table td[data-state=failed]{color:var(--red)}
.renewal-option{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 12px;font-size:13px;line-height:20px;cursor:pointer;color:#434c5b}.renewal-option input{width:16px;height:16px;flex:0 0 16px;margin:0;accent-color:var(--green)}.renewal-option:has(input:disabled){cursor:default;color:var(--muted)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}