@charset "UTF-8";#app{height:100vh;overflow:hidden}.status-indicator-base,.base-status-indicator,.sms-status-indicator,.user-status-indicator,.onekey-status-indicator,.wxpay-status-indicator{border-radius:12px;padding:20px;margin-bottom:24px;display:flex;align-items:center;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.status-indicator-base.enabled,.enabled.base-status-indicator,.enabled.sms-status-indicator,.enabled.user-status-indicator,.enabled.onekey-status-indicator,.enabled.wxpay-status-indicator{background:linear-gradient(135deg,#e1f3d8,#f0f9ff);border:1px solid #d1e7be;box-shadow:0 2px 8px #67c23a1a}.status-indicator-base.disabled,.disabled.base-status-indicator,.disabled.sms-status-indicator,.disabled.user-status-indicator,.disabled.onekey-status-indicator,.disabled.wxpay-status-indicator{background:linear-gradient(135deg,#fde2e2,#fef2f2);border:1px solid #f5c6cb;box-shadow:0 2px 8px #ef44441a}.status-content{display:flex;align-items:center;gap:16px;flex:1}.status-icon{font-size:32px;color:#f60;filter:drop-shadow(0 2px 4px rgba(230,162,60,.3));transition:all .3s ease}.status-indicator-base.enabled .status-icon,.enabled.base-status-indicator .status-icon,.wxpay-status-indicator.enabled .status-icon,.onekey-status-indicator.enabled .status-icon,.user-status-indicator.enabled .status-icon,.sms-status-indicator.enabled .status-icon{color:#67c23a;filter:drop-shadow(0 2px 4px rgba(103,194,58,.3))}.status-indicator-base.disabled .status-icon,.disabled.base-status-indicator .status-icon,.wxpay-status-indicator.disabled .status-icon,.onekey-status-indicator.disabled .status-icon,.user-status-indicator.disabled .status-icon,.sms-status-indicator.disabled .status-icon{color:#f56c6c;filter:drop-shadow(0 2px 4px rgba(239,68,68,.3))}.status-info{flex-grow:1}.status-title{font-size:18px;font-weight:600;color:#e6a23c;margin-bottom:4px;transition:color .3s ease}.status-indicator-base.enabled .status-title,.enabled.base-status-indicator .status-title,.wxpay-status-indicator.enabled .status-title,.onekey-status-indicator.enabled .status-title,.user-status-indicator.enabled .status-title,.sms-status-indicator.enabled .status-title{color:#67c23a}.status-indicator-base.disabled .status-title,.disabled.base-status-indicator .status-title,.wxpay-status-indicator.disabled .status-title,.onekey-status-indicator.disabled .status-title,.user-status-indicator.disabled .status-title,.sms-status-indicator.disabled .status-title{color:#f56c6c}.status-desc{font-size:14px;color:#909399;line-height:1.4}.status-switch{margin-left:auto}.wxpay-status-indicator{background:linear-gradient(135deg,#fdf6ec,#fef9f0);border:1px solid #faecd8;box-shadow:0 2px 8px #e6a23c1a}.onekey-status-indicator{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;box-shadow:0 2px 8px #0ea5e91a}.onekey-status-indicator .status-icon{color:#0ea5e9;filter:drop-shadow(0 2px 4px rgba(14,165,233,.3))}.onekey-status-indicator .status-title{color:#0ea5e9}.user-status-indicator{background:linear-gradient(135deg,#fdf6ec,#fef9f0);border:1px solid #faecd8;box-shadow:0 2px 8px #e6a23c1a}.user-status-indicator .status-icon{color:#e6a23c;filter:drop-shadow(0 2px 4px rgba(230,162,60,.3))}.user-status-indicator .status-title{color:#e6a23c}.sms-status-indicator{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;box-shadow:0 2px 8px #0ea5e91a}.sms-status-indicator .status-icon{color:#0ea5e9;filter:drop-shadow(0 2px 4px rgba(14,165,233,.3))}.sms-status-indicator .status-title{color:#0ea5e9}.base-status-indicator{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #ebeef5;box-shadow:0 2px 12px #0000000d}.disabled-state{background:linear-gradient(135deg,#fdf6ec,#fef9f0);border:1px solid #faecd8;border-radius:12px;padding:32px 24px;text-align:center;color:#e6a23c;margin-top:24px;box-shadow:0 2px 12px #e6a23c1a}.disabled-content{max-width:400px;margin:0 auto}.disabled-icon{font-size:48px;color:#e6a23c;margin-bottom:16px;filter:drop-shadow(0 2px 4px rgba(230,162,60,.3))}.disabled-title{font-size:20px;font-weight:600;margin-bottom:12px;color:#e6a23c}.disabled-desc{font-size:14px;color:#909399;margin-bottom:24px;line-height:1.5}.enable-btn{background:linear-gradient(135deg,#1a2980,#111b56);border:none;color:#fff;font-weight:500;padding:12px 24px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1a298033;font-size:14px}.enable-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1a29804d}.enable-btn .el-icon{margin-right:6px}.form-item-enhanced{position:relative;transition:all .3s ease}.form-item-enhanced:hover{transform:translateY(-2px)}.enhanced-input{transition:all .3s ease}.enhanced-input:hover{box-shadow:0 2px 8px #1a29801a}.enhanced-input:focus-within .input-icon{color:#1a2980}.input-icon{color:#c0c4cc;font-size:18px;transition:color .3s ease}.field-tip{font-size:12px;color:#909399;margin-top:6px;padding:4px 8px;background:#1a29800d;border-radius:4px;border-left:3px solid #1a2980;line-height:1.4}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:24px}.amount-input-wrapper{display:flex;align-items:center;gap:12px}.amount-input{flex:1}.amount-unit{font-size:16px;color:#303133;font-weight:500;padding:8px 12px;background:#f3f4f6;border-radius:6px;border:1px solid #e4e7ed}.duration-select .el-option .el-label .el-icon.el-icon-success:before{content:"✓";font-size:12px;color:#67c23a;margin-left:2px}.duration-select .el-option .el-label .el-icon.el-icon-warning:before{content:"⚠";font-size:12px;color:#f56c6c;margin-left:2px}.duration-select .el-option .el-label .el-icon.el-icon-error:before{content:"✘";font-size:12px;color:#f56c6c;margin-left:2px}.duration-select .el-option .el-label .el-icon.el-icon-info:before{content:"i";font-size:12px;color:#909399;margin-left:2px}.duration-select .el-option .el-label .el-icon.el-icon-question:before{content:"?";font-size:12px;color:#e6a23c;margin-left:2px}.duration-select .el-option .el-label .el-icon.el-icon-question:after{content:"请选择认证有效时长";font-size:12px;color:#909399;margin-left:4px}.enhanced-select{width:100%}.provider-option{display:flex;align-items:center;gap:12px;padding:8px 0}.provider-icon{font-size:20px;flex-shrink:0}.ali-icon{color:#ff6b35}.wy-icon{color:#0ea5e9}.none-icon{color:#6b7280}.provider-info{display:flex;flex-direction:column;gap:2px}.provider-name{font-weight:500;color:#303133}.provider-desc{font-size:12px;color:#909399}.duration-option{display:flex;align-items:center;gap:12px}.duration-label{font-size:14px;font-weight:600;color:#303133}.duration-icon{font-size:16px;color:#909399}.duration-tip{font-size:12px;color:#909399;margin-top:6px;padding:4px 8px;background:#1a29800d;border-radius:4px;border-left:3px solid #1a2980;line-height:1.4}.duration-select{width:100%}.duration-select .el-option{display:flex;align-items:center;gap:12px}.duration-select .el-option .el-icon{font-size:16px;color:#909399}.duration-select .el-option .el-label{font-size:14px;font-weight:600;color:#303133}.duration-select .el-option .el-label .el-icon{font-size:12px;color:#909399;margin-left:4px}.config-section-base,.poster-info-section,.background-config-section,.poster-config-section,.provider-config-section,.callback-section,.certificate-section,.config-info-section,.config-form-section{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #ebeef5;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 12px #0000000d;transition:all .3s ease}.config-section-base:hover,.poster-info-section:hover,.background-config-section:hover,.poster-config-section:hover,.provider-config-section:hover,.callback-section:hover,.certificate-section:hover,.config-info-section:hover,.config-form-section:hover{box-shadow:0 4px 20px #00000014}.section-header{display:flex;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #e4e7ed;position:relative}.section-header:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#1a2980 0%,transparent 100%);border-radius:1px}.header-icon{font-size:28px;color:#1a2980;margin-right:16px;filter:drop-shadow(0 2px 4px rgba(26,41,128,.2))}.header-icon.certificate-icon{color:#e6a23c}.header-icon.callback-icon{color:#67c23a}.header-icon.info-icon{color:#0ea5e9}.header-icon.user-icon{color:#e6a23c}.header-icon.sms-icon{color:#0ea5e9}.section-title{font-size:20px;font-weight:600;color:#303133;margin-bottom:6px;background:linear-gradient(135deg,#303133,#1a2980);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc{font-size:14px;color:#909399;line-height:1.5}.provider-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e4e7ed;position:relative}.provider-header:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#1a2980 0%,transparent 100%);border-radius:1px}.provider-header .provider-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(26,41,128,.2))}.provider-header .provider-icon.ali-icon{color:#ff6b35}.provider-header .provider-icon.wy-icon{color:#0ea5e9}.provider-title{font-size:18px;font-weight:600;color:#303133;margin-bottom:4px}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.info-card{background:#fff;border:1px solid #e4e7ed;border-radius:12px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#3b82f6);transform:scaleX(0);transition:transform .3s ease}.info-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px);border-color:#0ea5e9}.info-card:hover:before{transform:scaleX(1)}.card-icon{font-size:48px;color:#0ea5e9;margin-bottom:16px;filter:drop-shadow(0 2px 4px rgba(14,165,233,.2))}.card-title{font-size:16px;font-weight:600;color:#303133;margin-bottom:8px}.card-desc{font-size:13px;color:#909399;line-height:1.5}.feature-note{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#0ea5e91a;border:1px solid rgba(14,165,233,.2);border-radius:8px}.note-icon{font-size:20px;color:#0ea5e9;margin-top:2px;flex-shrink:0}.note-title{font-size:14px;font-weight:600;color:#303133;margin-bottom:8px}.note-list{list-style:none;padding:0;margin:0}.note-list li{font-size:13px;color:#909399;margin-bottom:4px;padding-left:16px;position:relative}.note-list li:before{content:"•";color:#0ea5e9;font-weight:700;position:absolute;left:0}.security-note{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#e6a23c1a;border:1px solid rgba(230,162,60,.2);border-radius:8px}.security-icon{font-size:20px;color:#e6a23c;margin-top:2px;flex-shrink:0}.security-title{font-size:14px;font-weight:600;color:#303133;margin-bottom:8px}.security-list{list-style:none;padding:0;margin:0}.security-list li{font-size:13px;color:#909399;margin-bottom:4px;padding-left:16px;position:relative}.security-list li:before{content:"•";color:#e6a23c;font-weight:700;position:absolute;left:0}.poster-config-section .subsection-title{display:flex;align-items:center;font-size:16px;font-weight:600;color:#303133;margin-bottom:8px}.poster-config-section .subsection-title .subsection-icon{margin-right:8px;color:#1a2980}.poster-config-section .subsection-desc{font-size:14px;color:#909399;margin-bottom:20px;line-height:1.5}.poster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:24px}@media (max-width: 768px){.poster-grid{grid-template-columns:1fr;gap:16px}}.poster-item{background:#fff;border:1px solid #e4e7ed;border-radius:12px;padding:20px;transition:all .3s ease}.poster-item:hover{border-color:#1a2980;box-shadow:0 4px 16px #1a29801a}.poster-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #ebeef5}.poster-header .poster-label{font-size:14px;font-weight:600;color:#303133}.background-config-section .subsection-title{display:flex;align-items:center;font-size:16px;font-weight:600;color:#303133;margin-bottom:8px}.background-config-section .subsection-title .subsection-icon{margin-right:8px;color:#1a2980}.background-config-section .subsection-desc{font-size:14px;color:#909399;margin-bottom:20px;line-height:1.5}.background-config-section .background-upload{max-width:600px}.poster-info-section .info-header{display:flex;align-items:center;margin-bottom:16px}.poster-info-section .info-header .info-icon{margin-right:8px;color:#1a2980;font-size:16px}.poster-info-section .info-header .info-title{font-size:16px;font-weight:600;color:#303133}.poster-info-section .info-content .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}@media (max-width: 768px){.poster-info-section .info-content .info-grid{grid-template-columns:1fr}}.poster-info-section .info-content .info-item{background:#f8fafc;padding:16px;border-radius:8px;border-left:3px solid #1a2980}.poster-info-section .info-content .info-item .info-subtitle{font-size:14px;font-weight:600;color:#303133;margin-bottom:8px}.poster-info-section .info-content .info-item p{font-size:13px;color:#909399;line-height:1.5;margin:0}.certificate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:24px;padding:10px}.certificate-item{background:#fff;border:2px solid #e4e7ed;border-radius:12px;padding:20px 20px 60px;display:flex;flex-direction:column;align-items:stretch;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;margin-bottom:30px;z-index:1;min-height:750px;height:auto}.certificate-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1a2980,#e6a23c);transform:scaleX(0);transition:transform .3s ease}.certificate-item:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px);border-color:#1a2980;z-index:3}.certificate-item:hover:before{transform:scaleX(1)}.certificate-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;font-size:16px;font-weight:500;color:#303133;width:100%}.cert-type-icon{font-size:22px;color:#909399}.cert-type-name{flex-grow:1}.cert-required{background:linear-gradient(135deg,#fffbe6,#fff7cc);color:#e6a23c;border:1px solid #ffe58f;font-weight:500;padding:2px 8px;border-radius:12px}.certificate-details{width:100%;margin-bottom:25px;text-align:left;position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.cert-info{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e4e7ed;border-radius:8px;padding:16px;margin-bottom:16px}.cert-title{font-size:16px;font-weight:600;color:#303133;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e4e7ed}.cert-description{margin-bottom:16px}.cert-description p{font-size:13px;color:#909399;margin-bottom:6px;line-height:1.4}.cert-description strong{color:#303133;font-weight:600}.cert-format{margin-bottom:16px}.cert-format h5{font-size:14px;font-weight:600;color:#303133;margin-bottom:8px}.cert-format ul{list-style:none;padding:0;margin:0}.cert-format li{font-size:12px;color:#909399;margin-bottom:4px;padding-left:16px;position:relative}.cert-format li:before{content:"•";color:#1a2980;font-weight:700;position:absolute;left:0}.cert-note{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#e6a23c1a;border:1px solid rgba(230,162,60,.2);border-radius:6px;font-size:12px;color:#e6a23c;line-height:1.4}.cert-note .el-icon{font-size:16px;color:#e6a23c;margin-top:1px;flex-shrink:0}.certificate-upload{width:100%;height:160px;border:2px dashed #e4e7ed;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;background:#fafbfc;margin:20px 0;box-sizing:border-box;flex-shrink:0}.certificate-upload.has-files{border-color:#67c23a80;background:#67c23a0d;cursor:not-allowed}.certificate-upload.has-files .upload-icon{color:#67c23a}.certificate-upload.has-files .primary-text{color:#e6a23c;font-weight:600}.certificate-upload.has-files .secondary-text{color:#f56c6c}.certificate-upload.has-files:hover{border-color:#67c23ab3;background:#67c23a1a;transform:none}.certificate-upload:hover{border-color:#1a2980;background:linear-gradient(135deg,#f5f7fa,#fff);transform:scale(1.02)}.certificate-upload:hover .upload-icon{color:#1a2980;transform:scale(1.1)}.certificate-upload.is-dragover{border-color:#1a2980;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);transform:scale(1.05)}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px}.upload-icon{font-size:44px;color:#909399;margin-bottom:12px;filter:drop-shadow(0 2px 4px rgba(26,41,128,.2));transition:all .3s ease}.upload-text{text-align:center;line-height:1.5}.upload-text .primary-text{font-weight:500;color:#303133;font-size:14px;margin-bottom:4px;display:block}.upload-text .secondary-text{font-size:12px;color:#909399}.upload-tip{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#909399;margin-top:12px;padding:8px 12px;background:#1a29800d;border-radius:6px;border:1px solid rgba(26,41,128,.1);transition:all .3s ease}.upload-tip .el-icon{font-size:14px;color:#1a2980}.certificate-upload.has-files .upload-tip{background:#e6a23c1a;border-color:#e6a23c4d;color:#e6a23c}.certificate-upload.has-files .upload-tip .el-icon{color:#e6a23c}.callback-url-display{background:linear-gradient(135deg,#f3f4f6,#fff);border:1px solid #e4e7ed;border-radius:8px;padding:16px 20px;margin-top:16px;position:relative;transition:all .3s ease}.callback-url-display:hover{box-shadow:0 2px 8px #0000001a;border-color:#1a2980}.url-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.url-label{font-size:14px;color:#909399;font-weight:500}.callback-url{font-family:Monaco,Consolas,Courier New,monospace;font-size:13px;color:#303133;background:#fff;padding:12px 16px;border-radius:6px;word-break:break-all;white-space:pre-wrap;line-height:1.5;border:1px solid #e4e7ed;box-shadow:inset 0 1px 3px #0000001a;position:relative}.callback-url:before{content:"URL";position:absolute;top:-8px;left:12px;background:#1a2980;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:500}.url-tip{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#909399;margin-top:12px;padding:8px 12px;background:#67c23a0d;border-radius:6px;border:1px solid rgba(103,194,58,.1)}.url-tip .el-icon{font-size:14px;color:#67c23a}.copy-btn{background:linear-gradient(135deg,#1a2980,#111b56);border:none;color:#fff;font-weight:500;padding:6px 12px;border-radius:6px;transition:all .3s ease;box-shadow:0 2px 4px #1a298033}.copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a29804d}.current-file-status{margin-top:15px;padding:15px;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px}.current-file-status .file-status-header{display:flex;align-items:center;margin-bottom:10px}.current-file-status .file-status-header .status-icon{margin-right:8px}.current-file-status .file-status-header .status-icon.success{color:#10b981}.current-file-status .file-status-header .status-text{font-weight:500;color:#0369a1}.current-file-status .file-info .file-item{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.current-file-status .file-info .file-item .file-icon{color:#6b7280;margin-right:8px}.current-file-status .file-info .file-item .file-name{flex:1;color:#374151;font-size:14px;margin-right:15px;word-break:break-all}.current-file-status .file-info .file-item .file-actions{display:flex;gap:8px}@media (max-width: 768px){.current-file-status .file-info .file-item{flex-direction:column;align-items:stretch;gap:10px}.current-file-status .file-info .file-item .file-actions{justify-content:center}}.help-section-base,.sms-help,.certificate-help{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid rgba(26,41,128,.2);border-radius:12px;padding:24px;margin-top:20px}.sms-help{border-color:#0ea5e933}.sms-help .help-header{border-bottom-color:#0ea5e91a}.sms-help .help-icon{color:#0ea5e9}.sms-help .help-section{background:#fffc;border-color:#0ea5e91a}.sms-help .help-section h5{border-bottom-color:#0ea5e91a}.help-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(26,41,128,.1)}.help-icon{font-size:24px;color:#1a2980;filter:drop-shadow(0 2px 4px rgba(26,41,128,.2))}.help-title{font-size:18px;font-weight:600;color:#303133;margin:0}.help-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.help-section{background:#ffffffb3;border:1px solid rgba(26,41,128,.1);border-radius:8px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.help-section h5{font-size:14px;font-weight:600;color:#303133;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(26,41,128,.1)}.help-section ol,.help-section ul{margin:0;padding-left:20px}.help-section li{font-size:13px;color:#909399;margin-bottom:6px;line-height:1.4}.help-section strong{color:#303133;font-weight:600}.help-link{color:#1a2980;text-decoration:none;font-weight:500;transition:color .3s ease}.help-link:hover{color:#111b56;text-decoration:underline}.approve-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;overflow-x:hidden;overflow-y:auto}.bread-crumb{margin-bottom:1.5rem}.main-layout{display:flex;gap:24px;align-items:flex-start}.settings-panel{flex:1;min-width:0}.preview-panel{flex:0 0 340px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:24px;height:fit-content;position:sticky;top:24px;transition:all .3s ease}.preview-panel:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.bg-white{background-color:#fff}.rounded-lg{border-radius:8px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.border{border:1px solid #e5e7eb}.p-4{padding:16px}.p-6{padding:24px}.mb-6{margin-bottom:24px}.mb-2{margin-bottom:8px}.mr-2{margin-right:8px}.mr-1{margin-right:4px}.text-lg{font-size:18px;line-height:28px}.text-2xl{font-size:24px;line-height:32px}.text-sm{font-size:14px;line-height:20px}.font-semibold{font-weight:600}.text-blue-600{color:#2563eb}.text-gray-600{color:#4b5563}.text-gray-800{color:#1f2937}.bg-blue-100{background-color:#dbeafe}.text-blue-800{color:#1e40af}.rounded-full{border-radius:9999px}.px-3{padding-left:12px;padding-right:12px}.py-1{padding-top:4px;padding-bottom:4px}.font-medium{font-weight:500}.overflow-hidden{overflow:hidden}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:8px}.tab-content{padding:24px;min-height:400px}.wxpay-tab,.onekey-tab,.user-tab,.sms-tab,.base-tab{min-height:400px}.phone-preview-container{margin-top:20px}.phone-preview-wrapper{position:relative;width:100%;display:flex;justify-content:center}.phone-preview{width:280px;height:500px;background:#000;border-radius:20px;padding:8px;box-shadow:0 10px 30px #0000004d}.auth-screen{width:100%;height:100%;background:#fff;border-radius:12px;overflow:hidden;position:relative}.phone-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.header-icons{display:flex;gap:4px;color:#6b7280}.preview-content{height:calc(100% - 60px);display:flex;align-items:center;justify-content:center;background:#f9fafb}.auth-preview-frame{width:100%;height:100%;border:none;border-radius:0}.no-preview-text{color:#9ca3af;font-size:14px;text-align:center}.modern-form{margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:20px}:deep(.el-tabs__content){overflow:visible}:deep(.el-tab-pane){min-height:400px}.approve-container{overflow-y:auto;overflow-x:hidden}.main-layout{margin-top:20px}.preview-panel{z-index:10}.approve-content{height:calc(100vh - 60px);overflow:hidden;display:flex}.approve-main{flex:1;overflow-y:auto;padding:24px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-sidebar{width:320px;background:linear-gradient(135deg,#667eea,#764ba2);border-left:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative}.preview-header{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #ebeef5}.preview-header h4{color:#303133;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.preview-header h4:before{content:"📱";font-size:18px}.preview-header p{color:#909399;font-size:13px}.sticky-container{position:relative}.modern-tabs{border:none!important}:deep(.el-tabs__header){background:#f8fafc;border-radius:8px 8px 0 0;margin:0;border-bottom:1px solid #ebeef5}:deep(.el-tabs__nav-wrap){padding:0 16px}:deep(.el-tabs__item){border:none!important;font-weight:500;color:#909399;padding:16px 20px;transition:all .2s ease}:deep(.el-tabs__item).is-active{color:#1a2980;background:#fff;border-radius:8px 8px 0 0;box-shadow:0 -2px 8px #0000001a}:deep(.el-tabs__item):hover{color:#1a2980}:deep(.el-tabs__content){padding:0}.tab-content{padding:24px}.tab-header{border-bottom:1px solid #ebeef5;padding-bottom:16px;margin-bottom:24px}.modern-form{max-width:100%}.form-section{margin-bottom:32px;padding-top:24px;border-top:1px solid #f3f4f6}.form-section:first-child{border-top:none;padding-top:0}.form-section h4{color:#606266;margin-bottom:16px;font-weight:600}:deep(.el-input__wrapper){border-radius:4px;transition:all .2s ease}:deep(.el-input__wrapper):focus-within{box-shadow:0 0 0 3px #1a29801a}:deep(.el-select){width:100%}:deep(.el-input-number){width:100%}:deep(.el-switch.is-checked .el-switch__core){background-color:#1a2980}.modern-upload :deep(.el-upload){width:100%}.modern-upload :deep(.el-upload-dragger){border-radius:4px;border:2px dashed #e4e7ed;transition:all .2s ease}.modern-upload :deep(.el-upload-dragger):hover{border-color:#1a2980}.form-tip{display:flex;align-items:flex-start;margin-top:8px}.form-tip code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:12px;font-family:Monaco,Consolas,monospace}.save-button-container{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 -2px 8px #0000001a}.phone-preview-container{display:flex;justify-content:center;align-items:center;padding:20px 0}.phone-preview-wrapper{overflow:hidden;width:280px;height:560px;border-radius:32px;border:2px solid #4a5568;position:relative;margin:0 auto;transform:scale(.9);box-shadow:0 20px 40px #00000026}.phone-preview{width:100%;height:100%;position:relative;background-color:#fff;border:12px solid #2d3748;border-radius:32px;box-shadow:0 0 0 2px #4a5568,0 20px 40px #00000026,inset 0 0 0 1px #ffffff1a;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;transform:translateZ(0);background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.phone-preview:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:110px;height:18px;background:#2d3748;border-bottom-left-radius:14px;border-bottom-right-radius:14px;z-index:2}.phone-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);position:absolute;top:0;left:0;right:0;z-index:3;font-size:14px;font-weight:600}.header-icons .el-icon{margin-left:6px;font-size:16px}.auth-screen{position:relative;overflow:hidden;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.auth-preview-frame{width:100%;height:100%;border:0px}.preview-content{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end;padding:30px 0;background:linear-gradient(to top,#000000d9,#0006 50%,#0000001a 70%);min-height:0;position:relative;z-index:2}.no-preview-text{display:flex;align-items:center;justify-content:center;height:100%;color:#909399;font-size:14px}@media (max-width: 1200px){.certificate-grid,.info-cards{grid-template-columns:1fr}.section-header,.provider-header{flex-direction:column;align-items:flex-start;gap:12px}.header-icon,.provider-header .provider-icon{margin-right:0}}@media (max-width: 768px){.wxpay-status-indicator,.onekey-status-indicator,.user-status-indicator,.sms-status-indicator{flex-direction:column;text-align:center;gap:16px}.status-content{flex-direction:column;gap:16px}.status-switch{margin-left:0}.config-form-section,.certificate-section,.callback-section,.config-info-section,.provider-config-section,.certificate-item,.info-card{padding:16px}.certificate-upload{height:120px}.upload-icon{font-size:36px}.card-icon{font-size:40px}.callback-url-display{padding:12px 16px}.url-header{flex-direction:column;align-items:flex-start;gap:8px}.copy-btn{align-self:flex-end}.info-cards{gap:16px}.approve-content{flex-direction:column}.preview-sidebar{width:100%;height:300px}.phone-preview-wrapper{transform:scale(.7)}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.full-height{height:100vh}.full-width{width:100%}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(20px)}.slide-leave-to{transform:translate(-20px)}.el-button{border-radius:8px;font-weight:500;transition:all .3s ease}.el-input__inner{border-radius:8px;transition:all .3s ease}.el-card{border-radius:8px;box-shadow:0 2px 12px #0000001a}.el-dialog{border-radius:8px}.el-table{border-radius:4px}@media (max-width: 768px){.mobile-hidden{display:none!important}}@media (min-width: 769px){.desktop-hidden{display:none!important}}
