.introjs-overlay,.introjs-tour{transition:all .3s ease-out}.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;opacity:0}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td,tr.introjs-showElement>th{z-index:9999999!important;position:relative}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition{position:relative}.introjs-helperLayer{position:absolute;z-index:9999998;border-radius:4px;transition:all .3s ease-out}.introjs-helperLayer,.introjs-helperLayer *,.introjs-helperLayer :after,.introjs-helperLayer :before{box-sizing:content-box}.introjs-tooltipReferenceLayer{box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;transition:all .3s ease-out}.introjs-helperNumberLayer,.introjs-tooltipReferenceLayer,.introjs-tooltipReferenceLayer *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top{top:-10px;left:10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;left:10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;background-color:#fff;min-width:250px;max-width:300px;border-radius:5px;box-shadow:0 3px 30px rgba(33,33,33,.3);transition:opacity .1s ease-out}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{padding:0;margin:0;margin-bottom:2px;display:inline;width:10px;height:10px}.introjs-dontShowAgain label{font-size:14px;display:inline-block;font-weight:400;margin:0 0 0 5px;padding:0;background-color:#fff;color:#616161;-webkit-user-select:none;-moz-user-select:none;user-select:none}.introjs-tooltip-title{font-size:18px;width:90%;min-height:1.5em;margin:0;padding:0;font-weight:700;line-height:1.5}.introjs-tooltip-header{position:relative;padding-left:20px;padding-right:20px;padding-top:10px;min-height:1.5em}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{content:"";visibility:hidden;display:block;height:0;clear:both}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;padding:.5rem 1rem;border:1px solid #bdbdbd;text-decoration:none;text-shadow:1px 1px 0 #fff;font-size:14px;color:#424242;white-space:nowrap;cursor:pointer;outline:0;background-color:#f4f4f4;border-radius:.2em;zoom:1;display:inline}.introjs-button:hover{border-color:#9e9e9e;background-color:#e0e0e0}.introjs-button:focus,.introjs-button:hover{outline:0;text-decoration:none;color:#212121}.introjs-button:focus{background-color:#eee;box-shadow:0 0 0 .2rem hsla(0,0%,62%,.5);border:1px solid #616161}.introjs-button:active{outline:0;text-decoration:none;background-color:#e0e0e0;border-color:#9e9e9e;color:#212121}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;line-height:45px;color:#616161;font-size:22px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled,.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:0 auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{transition:width .1s ease-in;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{width:15px;background:#999;text-decoration:none;outline:0}.introjs-bullets ul li a.active{width:15px;background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px;border-radius:4px;background-color:#e0e0e0}.introjs-progressbar{box-sizing:content-box;float:left;width:0;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:rgba(60,60,60,.57)}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}to{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.introjs-hint-pulse{box-sizing:content-box;width:15px;height:15px;border-radius:30px;background-color:hsla(0,0%,53.3%,.24);z-index:10;position:absolute;transition:all .2s ease-out;animation:introjspulse 2s infinite}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{box-sizing:content-box;background:0 0;border-radius:60px;height:50px;width:50px;position:absolute;top:-18px;left:-18px;z-index:1;opacity:0}.spotlight-guide[data-v-02928a10]{display:none}.spotlight-demo-page[data-v-7da66a45]{padding:24px;background:var(--bg-color-page,#f0f2f5);min-height:100vh}.page-header[data-v-7da66a45]{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--border-radius-lg,12px);padding:32px 40px;margin-bottom:32px;color:#fff;box-shadow:var(--shadow-lg,0 8px 24px rgba(0,0,0,.15))}.header-content .page-title[data-v-7da66a45]{margin:0;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.header-content .page-title i[data-v-7da66a45]{font-size:32px}.page-subtitle[data-v-7da66a45]{margin:8px 0 0;font-size:14px;opacity:.85}.header-actions[data-v-7da66a45]{display:flex;gap:12px}.section-title[data-v-7da66a45]{font-size:20px;font-weight:600;color:var(--color-text-primary,#303133);margin:0 0 20px;padding-left:12px;border-left:4px solid #667eea}.feature-section[data-v-7da66a45]{margin-bottom:32px}.feature-grid[data-v-7da66a45]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card[data-v-7da66a45]{background:var(--bg-color-white,#fff);border-radius:var(--border-radius-md,8px);padding:24px;text-align:center;transition:all .3s ease;box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.12))}.feature-card[data-v-7da66a45]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg,0 8px 24px rgba(0,0,0,.15))}.feature-icon[data-v-7da66a45]{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff;font-size:26px}.feature-name[data-v-7da66a45]{font-size:16px;font-weight:600;color:var(--color-text-primary,#303133);margin:0 0 8px}.feature-desc[data-v-7da66a45]{font-size:13px;color:var(--color-text-secondary,#909399);line-height:1.6;margin:0}.scenario-card[data-v-7da66a45]{background:var(--bg-color-white,#fff);border-radius:var(--border-radius-md,8px);margin-bottom:20px;box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.12));overflow:hidden}.scenario-header[data-v-7da66a45]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-color-info,#f4f4f5);border-bottom:1px solid var(--border-color-light,#e4e7ed)}.scenario-title[data-v-7da66a45]{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary,#303133)}.scenario-content[data-v-7da66a45]{padding:24px}.step-actions[data-v-7da66a45]{margin-top:24px;text-align:center}.config-section[data-v-7da66a45]{margin-bottom:32px}.config-grid[data-v-7da66a45]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.config-item[data-v-7da66a45]{background:var(--bg-color-white,#fff);border-radius:var(--border-radius-base,4px);padding:16px;border-left:3px solid #67c23a;box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.12))}.config-name[data-v-7da66a45]{font-size:14px;font-weight:600;color:#667eea;background:#ecf5ff;padding:2px 8px;border-radius:4px}.config-type[data-v-7da66a45]{font-size:12px;color:var(--color-text-secondary,#909399);margin-left:8px;font-family:Consolas,monospace}.config-desc[data-v-7da66a45]{margin:8px 0 0;font-size:13px;color:var(--color-text-regular,#606266);line-height:1.5}.code-section[data-v-7da66a45]{margin-bottom:32px}.code-card[data-v-7da66a45]{background:#1e1e1e;border-radius:var(--border-radius-md,8px);overflow:hidden}.code-header[data-v-7da66a45]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#2d2d2d;border-bottom:1px solid #3a3a3a}.code-label[data-v-7da66a45]{font-size:13px;color:#abb2bf;font-family:Consolas,monospace}.code-block[data-v-7da66a45]{margin:0;padding:20px;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto}.guide-toast[data-v-7da66a45]{position:fixed;top:24px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;z-index:10000;display:flex;align-items:center;gap:8px;animation:toastSlide-7da66a45 .3s ease}.guide-toast i[data-v-7da66a45]{font-size:18px;color:#67c23a}@keyframes toastSlide-7da66a45{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:1024px){.config-grid[data-v-7da66a45],.feature-grid[data-v-7da66a45]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header[data-v-7da66a45]{flex-direction:column;text-align:center;gap:16px}.config-grid[data-v-7da66a45],.feature-grid[data-v-7da66a45]{grid-template-columns:1fr}}