2 lines
19 KiB
CSS
2 lines
19 KiB
CSS
.widget-builder[data-v-51ceed15]{color:var(--ink, #17243a)}.builder-header[data-v-51ceed15],.builder-intro[data-v-51ceed15],.publish-state[data-v-51ceed15],.control-heading[data-v-51ceed15],.control-heading>div[data-v-51ceed15],.preview-header[data-v-51ceed15],.preview-header>div[data-v-51ceed15],.install-heading[data-v-51ceed15],.install-heading>div[data-v-51ceed15],.code-title[data-v-51ceed15],.form-actions[data-v-51ceed15],.action-note[data-v-51ceed15],.action-buttons[data-v-51ceed15],.switch-control[data-v-51ceed15],.color-control[data-v-51ceed15],.offset-control[data-v-51ceed15]{display:flex;align-items:center}.builder-header[data-v-51ceed15]{justify-content:space-between;gap:24px;margin-bottom:18px;padding:16px 18px;border:1px solid #cce8e3;border-radius:11px;background:#f5fbfa}.builder-intro[data-v-51ceed15]{min-width:0;gap:12px}.builder-icon[data-v-51ceed15]{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:10px;color:#fff;background:var(--teal, #139a8c);box-shadow:0 7px 18px #139a8c2e;font-size:18px}.builder-intro h3[data-v-51ceed15]{font-size:15px;font-weight:650}.builder-intro p[data-v-51ceed15]{max-width:680px;margin-top:4px;color:var(--muted, #778598);font-size:11px;line-height:1.6}.publish-state[data-v-51ceed15]{flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:5px}.publish-state small[data-v-51ceed15]{color:#7e8c9c;font-size:10px}.state-badge[data-v-51ceed15]{display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:0 10px;border-radius:6px;font-size:11px;font-weight:600}.state-badge i[data-v-51ceed15]{width:7px;height:7px;border-radius:50%}.state-badge.is-enabled[data-v-51ceed15]{color:#11795d;background:#e6f6ef}.state-badge.is-enabled i[data-v-51ceed15]{background:#16a274}.state-badge.is-disabled[data-v-51ceed15]{color:#6d7b8c;background:#e9eef2}.state-badge.is-disabled i[data-v-51ceed15]{background:#96a2af}.builder-layout[data-v-51ceed15]{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(350px,.84fr);align-items:start;gap:18px}.builder-controls[data-v-51ceed15],.preview-panel[data-v-51ceed15],.install-section[data-v-51ceed15]{min-width:0;border:1px solid var(--line, #e1e7ed);border-radius:11px;background:#fff}.control-section[data-v-51ceed15]{padding:18px}.control-section+.control-section[data-v-51ceed15]{border-top:1px solid var(--line, #e1e7ed)}.control-heading[data-v-51ceed15]{justify-content:space-between;gap:14px;margin-bottom:15px}.control-heading>div[data-v-51ceed15],.install-heading>div[data-v-51ceed15]{min-width:0;gap:9px}.control-heading h4[data-v-51ceed15],.install-heading h4[data-v-51ceed15]{margin:0;color:#26364a;font-size:13px;font-weight:650}.control-heading>span[data-v-51ceed15],.dirty-state[data-v-51ceed15]{color:#8693a2;font-size:10px}.control-heading .dirty-state[data-v-51ceed15]{color:#a36720}.section-index[data-v-51ceed15]{color:var(--teal, #139a8c);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700;letter-spacing:.08em}.template-grid[data-v-51ceed15]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.template-option[data-v-51ceed15]{position:relative;display:grid;grid-template-rows:70px 1fr;min-width:0;min-height:148px;padding:8px;overflow:hidden;border:1px solid var(--line, #e1e7ed);border-radius:9px;color:#2e3d50;text-align:left;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.template-option[data-v-51ceed15]:hover{border-color:#a9d5ce;transform:translateY(-1px)}.template-option[data-v-51ceed15]:active{transform:translateY(0) scale(.99)}.template-option[data-v-51ceed15]:focus-visible{outline:3px solid rgba(19,154,140,.2);outline-offset:2px}.template-option.active[data-v-51ceed15]{border-color:var(--teal, #139a8c);box-shadow:0 7px 18px #134f4e14}.selected-check[data-v-51ceed15]{position:absolute;top:7px;right:7px;color:var(--teal, #139a8c);background:#fff;border-radius:50%;font-size:16px}.template-swatch[data-v-51ceed15]{position:relative;display:block;overflow:hidden;border-radius:6px;background:#eef4f4}.template-swatch[data-v-51ceed15]:before,.template-swatch[data-v-51ceed15]:after,.template-swatch i[data-v-51ceed15]{position:absolute;display:block}.template-swatch[data-v-51ceed15]:before{content:"";top:10px;left:10px;width:45%;height:5px;border-radius:3px;background:#d8e4e5;box-shadow:0 10px #e2eaeb}.swatch-icon[data-v-51ceed15]{background:var(--teal, #139a8c)}.swatch-line[data-v-51ceed15]{background:#fff}.swatch-action[data-v-51ceed15]{background:#ffffffeb}.template-swatch.is-bubble .swatch-icon[data-v-51ceed15]{right:12px;bottom:10px;width:27px;height:27px;border-radius:50%;box-shadow:0 5px 12px #135c5733}.template-swatch.is-pill .swatch-action[data-v-51ceed15]{right:9px;bottom:10px;width:72px;height:25px;border:1px solid #cae4e0;border-radius:13px}.template-swatch.is-pill .swatch-icon[data-v-51ceed15]{right:56px;bottom:14px;width:17px;height:17px;border-radius:50%}.template-swatch.is-card .swatch-action[data-v-51ceed15],.template-swatch.is-message .swatch-action[data-v-51ceed15]{right:9px;bottom:8px;width:84px;height:42px;border:1px solid #d7e5e5;border-radius:7px;box-shadow:0 4px 12px #28474f14}.template-swatch.is-card .swatch-icon[data-v-51ceed15],.template-swatch.is-message .swatch-icon[data-v-51ceed15]{right:70px;bottom:26px;width:15px;height:15px;border-radius:5px}.template-swatch.is-message .swatch-action[data-v-51ceed15]{border-radius:14px 14px 3px}.template-swatch.is-edge .swatch-action[data-v-51ceed15]{right:0;bottom:12px;width:27px;height:45px;border-radius:9px 0 0 9px;background:var(--teal, #139a8c)}.template-swatch.is-bar .swatch-action[data-v-51ceed15]{right:8px;bottom:7px;left:8px;height:25px;border-radius:6px;background:var(--teal, #139a8c)}.template-copy[data-v-51ceed15]{display:flex;min-width:0;padding:9px 2px 1px;flex-direction:column}.template-copy strong[data-v-51ceed15]{font-size:11px;font-weight:650}.template-copy small[data-v-51ceed15]{display:-webkit-box;min-height:30px;margin-top:3px;overflow:hidden;color:#8490a0;font-size:9px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.template-copy em[data-v-51ceed15]{margin-top:auto;color:#3d827b;font-size:9px;font-style:normal}.widget-form[data-v-51ceed15] .el-form-item{margin-bottom:14px}.widget-form[data-v-51ceed15] .el-form-item__label{height:auto;margin-bottom:6px;padding:0;color:#56667a;font-size:10px;line-height:1.35}.form-grid[data-v-51ceed15]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:14px;column-gap:14px}.form-grid .is-wide[data-v-51ceed15]{grid-column:1/-1}.switch-control[data-v-51ceed15]{width:100%;justify-content:space-between;gap:10px}.switch-control small[data-v-51ceed15]{color:#8a97a6;font-size:9px}.color-control[data-v-51ceed15]{width:100%;gap:8px}.color-control .el-input[data-v-51ceed15]{flex:1}.position-control[data-v-51ceed15]{width:100%}.position-control[data-v-51ceed15] .el-radio-button{flex:1}.position-control[data-v-51ceed15] .el-radio-button__inner{width:100%}.offset-control[data-v-51ceed15]{width:100%;gap:13px}.offset-control .el-slider[data-v-51ceed15]{flex:1}.offset-control .el-input-number[data-v-51ceed15]{width:112px}.offset-control>span[data-v-51ceed15]{color:#8490a0;font-size:10px}.form-actions[data-v-51ceed15]{justify-content:space-between;gap:16px;margin-top:2px;padding-top:15px;border-top:1px solid var(--line, #e1e7ed)}.action-note[data-v-51ceed15]{min-width:0;gap:6px;color:#7a8797;font-size:10px}.action-note span[data-v-51ceed15]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons[data-v-51ceed15]{flex:0 0 auto;gap:8px}.action-buttons .el-button+.el-button[data-v-51ceed15]{margin-left:0}.preview-panel[data-v-51ceed15]{position:sticky;top:16px;overflow:hidden}.preview-header[data-v-51ceed15]{min-height:62px;justify-content:space-between;gap:14px;padding:11px 14px;border-bottom:1px solid var(--line, #e1e7ed);background:#fbfcfd}.preview-header>div[data-v-51ceed15]{align-items:flex-start;flex-direction:column;gap:3px}.preview-header strong[data-v-51ceed15]{font-size:12px}.preview-header span[data-v-51ceed15]{color:#8591a1;font-size:9px}.preview-header[data-v-51ceed15] .el-radio-button__inner{display:inline-flex;align-items:center;gap:4px}.preview-canvas[data-v-51ceed15]{width:100%;padding:14px;background:#edf2f3;transition:padding .25s ease}.preview-canvas.is-mobile[data-v-51ceed15]{padding-right:max(14px,(100% - 356px) / 2);padding-left:max(14px,(100% - 356px) / 2)}.browser-chrome[data-v-51ceed15]{display:flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:8px 8px 0 0;background:#dde5e7}.browser-chrome>span[data-v-51ceed15]{width:6px;height:6px;border-radius:50%;background:#aebbc0}.browser-chrome i[data-v-51ceed15]{display:block;max-width:180px;margin-left:5px;padding:4px 28px;overflow:hidden;border-radius:4px;color:#89969c;text-overflow:ellipsis;white-space:nowrap;background:#ffffff94;font-size:8px;font-style:normal}.preview-stage[data-v-51ceed15]{position:relative;height:430px;overflow:hidden;border-radius:0 0 8px 8px;background:#f8faf9}.is-mobile .preview-stage[data-v-51ceed15]{height:520px}.sample-page span[data-v-51ceed15]{position:absolute;display:block;border-radius:3px;background:#e5ebea}.sample-brand[data-v-51ceed15]{top:24px;left:24px;width:66px;height:13px;background:#bfd4d1!important}.sample-nav[data-v-51ceed15]{top:27px;right:24px;width:92px;height:7px}.sample-kicker[data-v-51ceed15]{top:96px;left:10%;width:52px;height:7px;background:#c5dbd7!important}.sample-title[data-v-51ceed15]{top:114px;left:10%;width:52%;height:27px;border-radius:4px!important;background:#d9e3e1!important}.sample-copy[data-v-51ceed15]{top:151px;left:10%;width:43%;height:8px;box-shadow:0 15px #e5ebea}.sample-button[data-v-51ceed15]{top:205px;left:10%;width:78px;height:25px;background:#d1e2df!important}.sample-visual[data-v-51ceed15]{top:88px;right:8%;width:28%;height:166px;border-radius:16px 5px!important;background:#eaf0ef!important}.is-mobile .sample-nav[data-v-51ceed15]{display:none}.is-mobile .sample-kicker[data-v-51ceed15]{top:86px}.is-mobile .sample-title[data-v-51ceed15]{top:105px;width:74%;height:48px}.is-mobile .sample-copy[data-v-51ceed15]{top:165px;width:62%}.is-mobile .sample-button[data-v-51ceed15]{top:218px}.is-mobile .sample-visual[data-v-51ceed15]{top:276px;right:10%;left:10%;width:auto;height:128px}.live-widget[data-v-51ceed15]{--widget-primary: #139a8c;position:absolute;z-index:4;display:flex;right:20px;bottom:min(var(--widget-bottom),160px);align-items:center;gap:12px;margin:0;border:0;color:#fff;font:inherit;text-align:left;background:var(--widget-primary);box-shadow:0 14px 38px #12302e3d;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.position-bottom-left .live-widget[data-v-51ceed15]{right:auto;left:20px}.live-widget[data-v-51ceed15]:hover{box-shadow:0 18px 44px #12302e4d;transform:translateY(-2px)}.live-widget[data-v-51ceed15]:active{transform:translateY(0) scale(.985)}.live-widget[data-v-51ceed15]:focus-visible{outline:3px solid rgba(255,255,255,.96);outline-offset:3px}.consult-icon[data-v-51ceed15]{display:flex;width:38px;height:38px;flex:0 0 38px;align-items:center;justify-content:center;border-radius:50%;background:#ffffff2e;font-size:17px;font-weight:800}.widget-copy[data-v-51ceed15]{display:flex;min-width:0;flex-direction:column}.widget-title[data-v-51ceed15]{font-size:15px;font-weight:750;line-height:1.25}.widget-subtitle[data-v-51ceed15]{max-width:240px;margin-top:2px;font-size:12px;line-height:1.4;opacity:.86}.widget-cta[data-v-51ceed15]{flex:0 0 auto;padding:7px 11px;border-radius:999px;color:var(--widget-primary);white-space:nowrap;background:#fff;font-size:12px;font-weight:750}.template-bubble[data-v-51ceed15]{width:66px;height:66px;justify-content:center;padding:0;border-radius:50%}.template-bubble .consult-icon[data-v-51ceed15]{width:46px;height:46px;flex-basis:46px;font-size:19px}.template-bubble .widget-copy[data-v-51ceed15],.template-bubble .widget-cta[data-v-51ceed15]{position:absolute;right:76px;visibility:hidden;opacity:0;pointer-events:none;transform:translate(8px);transition:opacity .18s ease,transform .18s ease}.template-bubble .widget-copy[data-v-51ceed15]{bottom:27px;width:210px;padding:11px 13px;border-radius:12px;background:#173f3b;box-shadow:0 12px 30px #0003}.template-bubble .widget-cta[data-v-51ceed15]{bottom:-1px;padding:5px 10px}.position-bottom-left .template-bubble .widget-copy[data-v-51ceed15],.position-bottom-left .template-bubble .widget-cta[data-v-51ceed15]{right:auto;left:76px}.template-bubble:hover .widget-copy[data-v-51ceed15],.template-bubble:hover .widget-cta[data-v-51ceed15],.template-bubble:focus-visible .widget-copy[data-v-51ceed15],.template-bubble:focus-visible .widget-cta[data-v-51ceed15]{visibility:visible;opacity:1;transform:translate(0)}.template-pill[data-v-51ceed15]{min-height:58px;padding:9px 12px;border-radius:999px}.template-pill .widget-subtitle[data-v-51ceed15]{display:none}.template-card[data-v-51ceed15]{width:min(340px,100% - 40px);padding:15px;border-radius:18px}.template-card .consult-icon[data-v-51ceed15]{width:46px;height:46px;flex-basis:46px}.template-card .widget-copy[data-v-51ceed15]{flex:1}.template-card .widget-cta[data-v-51ceed15]{border-radius:10px}.template-message[data-v-51ceed15]{width:min(330px,100% - 40px);padding:13px 14px;border-radius:18px 18px 4px}.position-bottom-left .template-message[data-v-51ceed15]{border-radius:18px 18px 18px 4px}.template-message .widget-copy[data-v-51ceed15]{flex:1}.template-message .widget-cta[data-v-51ceed15]{padding:6px 9px}.template-edge[data-v-51ceed15]{min-height:62px;max-width:270px;padding:10px 15px;border-radius:16px 0 0 16px}.position-bottom-left .template-edge[data-v-51ceed15]{right:auto;left:0;border-radius:0 16px 16px 0}.position-bottom-right .template-edge[data-v-51ceed15]{right:0}.template-edge .widget-subtitle[data-v-51ceed15]{display:none}.template-edge .widget-cta[data-v-51ceed15]{padding:6px 9px}.template-bar[data-v-51ceed15]{width:min(420px,100% - 40px);padding:11px 14px;border-radius:12px}.template-bar .widget-copy[data-v-51ceed15]{flex:1}.template-bar .consult-icon[data-v-51ceed15]{width:34px;height:34px;flex-basis:34px}.template-bar .widget-subtitle[data-v-51ceed15]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-mobile .live-widget[data-v-51ceed15]{right:14px;left:auto}.is-mobile .position-bottom-left .live-widget[data-v-51ceed15]{right:auto;left:14px}.is-mobile .template-card[data-v-51ceed15],.is-mobile .template-message[data-v-51ceed15],.is-mobile .template-bar[data-v-51ceed15]{width:calc(100% - 28px)}.is-mobile .widget-subtitle[data-v-51ceed15]{max-width:180px}.is-mobile .template-card .widget-cta[data-v-51ceed15],.is-mobile .template-message .widget-cta[data-v-51ceed15]{display:none}.is-mobile .template-bar[data-v-51ceed15]{right:14px;left:auto}.is-mobile .position-bottom-left .template-bar[data-v-51ceed15]{right:auto;left:14px}.is-mobile .template-edge[data-v-51ceed15]{right:0}.is-mobile .position-bottom-left .template-edge[data-v-51ceed15]{right:auto;left:0}.mobile-hidden-note[data-v-51ceed15]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;color:#627282;flex-direction:column;background:#f8faf9c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-hidden-note .el-icon[data-v-51ceed15]{color:var(--teal, #139a8c);font-size:24px}.mobile-hidden-note strong[data-v-51ceed15]{margin-top:8px;font-size:12px}.mobile-hidden-note span[data-v-51ceed15]{margin-top:4px;color:#8793a0;font-size:9px}.install-section[data-v-51ceed15]{margin-top:18px;padding:18px}.install-heading[data-v-51ceed15]{justify-content:space-between;gap:18px;margin-bottom:14px}.install-heading>div[data-v-51ceed15]{flex-wrap:wrap}.install-heading p[data-v-51ceed15]{flex-basis:100%;margin:2px 0 0 28px;color:#7f8c9c;font-size:10px}.code-grid[data-v-51ceed15]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.code-card[data-v-51ceed15]{min-width:0;padding:14px;border-radius:9px;background:#f7f9fa}.code-title[data-v-51ceed15]{gap:9px}.code-title>span[data-v-51ceed15]{display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border-radius:7px;color:#fff;background:var(--teal, #139a8c);font-size:10px;font-weight:700}.code-title>div[data-v-51ceed15]{display:flex;min-width:0;flex-direction:column}.code-title strong[data-v-51ceed15]{font-size:11px}.code-title small[data-v-51ceed15]{margin-top:2px;color:#8190a0;font-size:9px}.code-card pre[data-v-51ceed15]{min-height:82px;margin:12px 0;padding:11px;overflow:auto;border-radius:6px;color:#cbe9e6;background:#172a36;white-space:pre-wrap;word-break:break-all}.code-card pre code[data-v-51ceed15]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.65}.install-tip[data-v-51ceed15]{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;border-radius:7px;color:#637486;background:#f1f7f6;font-size:10px;line-height:1.6}.install-tip .el-icon[data-v-51ceed15]{flex:0 0 auto;margin-top:2px;color:var(--teal, #139a8c)}.install-tip strong[data-v-51ceed15]{margin-right:6px;color:#314457}@media (max-width: 1240px){.builder-layout[data-v-51ceed15]{grid-template-columns:1fr}.preview-panel[data-v-51ceed15]{position:static}.preview-stage[data-v-51ceed15]{height:400px}.is-mobile .preview-stage[data-v-51ceed15]{height:500px}}@media (max-width: 860px){.template-grid[data-v-51ceed15]{grid-template-columns:repeat(2,minmax(0,1fr))}.code-grid[data-v-51ceed15]{grid-template-columns:1fr}}@media (max-width: 640px){.builder-header[data-v-51ceed15],.install-heading[data-v-51ceed15],.form-actions[data-v-51ceed15]{align-items:flex-start;flex-direction:column}.publish-state[data-v-51ceed15]{align-items:flex-start}.control-section[data-v-51ceed15],.install-section[data-v-51ceed15]{padding:14px}.template-grid[data-v-51ceed15],.form-grid[data-v-51ceed15]{grid-template-columns:1fr}.template-option[data-v-51ceed15]{grid-template-columns:108px 1fr;grid-template-rows:minmax(86px,auto);min-height:104px}.template-copy[data-v-51ceed15]{padding:5px 4px 2px 10px}.template-copy small[data-v-51ceed15]{min-height:0}.preview-header[data-v-51ceed15]{align-items:flex-start;flex-direction:column}.preview-canvas[data-v-51ceed15]{padding:10px}.preview-canvas.is-mobile[data-v-51ceed15]{padding-right:max(10px,(100% - 340px) / 2);padding-left:max(10px,(100% - 340px) / 2)}.browser-chrome i[data-v-51ceed15]{max-width:145px;padding-right:16px;padding-left:16px}.offset-control[data-v-51ceed15]{align-items:flex-start;flex-wrap:wrap}.offset-control .el-slider[data-v-51ceed15]{min-width:calc(100% - 140px)}.action-buttons[data-v-51ceed15]{display:grid;width:100%;grid-template-columns:1fr 1fr}.action-buttons .el-button[data-v-51ceed15]{width:100%}.install-heading>.el-button[data-v-51ceed15]{width:100%}.install-heading p[data-v-51ceed15]{margin-left:0}}@media (max-width: 390px){.template-option[data-v-51ceed15]{grid-template-columns:94px 1fr}.preview-canvas.is-mobile[data-v-51ceed15]{padding-right:6px;padding-left:6px}.template-bar[data-v-51ceed15]{gap:7px}}
|