.oc-instance-card{will-change:transform,box-shadow}.oc-instance-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0f172a14,0 4px 10px #0f172a0a;border-color:var(--semi-color-primary-light-hover)!important}@keyframes oc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.oc-pulse-dot{animation:oc-pulse 1.4s ease-in-out infinite}.oc-hero{position:relative;overflow:hidden;border-radius:14px;padding:20px 24px;background:radial-gradient(circle at 110% 50%,#ff4d4d2e,#ff4d4d00 60%),linear-gradient(135deg,#ff4d4d14,#fbbf240f,#3b82f60d);border:1px solid rgba(255,77,77,.18)}.oc-hero-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff4d4d,#991b1b);box-shadow:0 8px 20px #ff4d4d59,inset 0 1px #ffffff40;flex-shrink:0}.oc-hero-icon svg{color:#fff;width:32px;height:32px}.oc-hero-counter-num{font-size:18px;margin-top:2px}.oc-card-btn-label-mobile{display:none;font-weight:600;font-size:14px;line-height:1}@media (max-width: 640px){.oc-hero{padding:14px;border-radius:12px}.oc-hero-icon{width:44px;height:44px;border-radius:12px}.oc-hero-icon svg{width:24px;height:24px}.oc-hero-title{font-size:16px!important;line-height:1.3!important}.oc-hero-desc{display:none!important}.oc-guide-trigger{padding:4px 8px!important;min-height:26px!important}.oc-guide-trigger-label{display:inline-block;font-size:12px;margin-left:4px}.oc-hero-counter{text-align:right}.oc-hero-counter-num{font-size:16px}.oc-card-actions .oc-card-btn-label{display:none}.oc-card-btn-label-mobile{display:inline-block}}@media (max-width: 640px){.oc-slot-row-bottom{flex-direction:column;align-items:flex-start!important}.oc-slot-row-actions{width:100%;justify-content:flex-end;margin-left:0!important}}@keyframes oc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.oc-hero-icon{animation:oc-float 3.5s ease-in-out infinite}body[theme-mode=dark] .oc-instance-card:hover{box-shadow:0 10px 28px #0006,0 4px 10px #0000004d}body[theme-mode=dark] .oc-hero{background:radial-gradient(circle at 110% 50%,#ff4d4d38,#ff4d4d00 60%),linear-gradient(135deg,#ff4d4d1f,#fbbf2414,#3b82f614);border-color:#ff4d4d47}.oc-guide-modal .semi-modal-content{border-radius:18px;overflow:hidden;background:transparent;box-shadow:0 30px 80px #0f172a59}.oc-guide-root{position:relative;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:18px;overflow:hidden;isolation:isolate}.oc-guide-aurora{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.oc-guide-aurora-blob{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(80px);opacity:.55;mix-blend-mode:screen;will-change:transform}.oc-guide-aurora-blob-1{top:-120px;left:-80px;background:radial-gradient(circle,#ff4d4d 0%,transparent 70%);animation:oc-guide-float-a 9s ease-in-out infinite}.oc-guide-aurora-blob-2{top:-60px;right:-120px;background:radial-gradient(circle,#f97316 0%,transparent 70%);animation:oc-guide-float-b 11s ease-in-out infinite}.oc-guide-aurora-blob-3{bottom:-160px;left:35%;background:radial-gradient(circle,#8b5cf6 0%,transparent 70%);animation:oc-guide-float-c 13s ease-in-out infinite}@keyframes oc-guide-float-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,50px) scale(1.1)}}@keyframes oc-guide-float-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-60px,80px) scale(1.15)}}@keyframes oc-guide-float-c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-50px) scale(1.2)}}.oc-guide-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(135deg,#0f172a,#1e1b4b 60%,#831843);color:#fff}.oc-guide-spark{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff4d4d,#f97316);color:#fff;box-shadow:0 4px 12px #ff4d4d66;animation:oc-guide-spark-pulse 2.4s ease-in-out infinite}@keyframes oc-guide-spark-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ff4d4d66}50%{transform:scale(1.08);box-shadow:0 6px 18px #ff4d4d8c}}.oc-guide-close{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.oc-guide-close:hover{background:#ffffff38;transform:rotate(90deg)}.oc-guide-steps{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 28px 6px;gap:4px}.oc-guide-step-dot{position:relative;flex:1;display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;color:#94a3b8;font-size:12px}.oc-guide-step-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#64748b;font-size:12px;font-weight:600;flex-shrink:0;transition:all .3s}.oc-guide-step-label{font-weight:500;white-space:nowrap;transition:color .3s}.oc-guide-step-line{position:absolute;left:100%;top:11px;width:calc(100% - 90px);height:2px;background:#e2e8f0;margin-left:4px;transition:background .4s}.oc-guide-step-dot.is-active .oc-guide-step-num{background:linear-gradient(135deg,#ff4d4d,#f97316);color:#fff;box-shadow:0 0 0 4px #ff4d4d26}.oc-guide-step-dot.is-active .oc-guide-step-label{color:#0f172a;font-weight:600}.oc-guide-step-dot.is-done .oc-guide-step-num{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.oc-guide-step-dot.is-done .oc-guide-step-label{color:#475569}.oc-guide-step-dot.is-done .oc-guide-step-line{background:linear-gradient(90deg,#10b981,#34d399)}.oc-guide-body{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 28px 16px;animation:oc-guide-fade .5s ease-out}.oc-guide-body.is-mobile{grid-template-columns:1fr}@keyframes oc-guide-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.oc-guide-text{display:flex;flex-direction:column}.oc-guide-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;color:#fff;font-size:12px;font-weight:600;width:fit-content;box-shadow:0 4px 12px #0f172a1f}.oc-guide-tips{list-style:none;padding:0;margin:16px 0 0}.oc-guide-tips li{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;color:var(--semi-color-text-1);line-height:1.6}.oc-guide-tip-dot{width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,#ff4d4d,#f97316);flex-shrink:0;margin-top:8px}.oc-guide-demo{position:relative;border-radius:14px;background:linear-gradient(135deg,#ffffffd9,#f8fafcb3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,.7);padding:16px;display:flex;align-items:center;justify-content:center;min-height:240px;overflow:hidden}.oc-demo-stage{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.oc-demo-svg{width:100%;height:auto;max-height:220px}.oc-demo-caption{font-size:12px;color:var(--semi-color-text-2);font-weight:500;text-align:center;margin-top:4px}.oc-guide-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:16px 28px 22px;border-top:1px solid rgba(226,232,240,.6);background:#fff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes oc-demo-cursor-flow{0%{transform:translate(180px,130px);opacity:0}3%{opacity:1}12%{transform:translate(94px,47px);opacity:1}15%{transform:translate(94px,47px) scale(.82)}18%{transform:translate(94px,47px) scale(1)}30%{transform:translate(254px,50px)}44%{transform:translate(254px,84px)}60%{transform:translate(254px,120px)}76%{transform:translate(254px,168px)}80%{transform:translate(254px,168px) scale(.82)}84%{transform:translate(254px,168px) scale(1)}92%{transform:translate(296px,217px)}95%{transform:translate(296px,217px) scale(.82)}98%{transform:translate(296px,217px) scale(1);opacity:1}to{transform:translate(296px,217px) scale(1);opacity:0}}.oc-demo-cursor{animation:oc-demo-cursor-flow 8s cubic-bezier(.45,0,.55,1) infinite}@keyframes oc-demo-newbtn-press{0%,12%,22%,to{filter:none;transform:scale(1)}15%{filter:drop-shadow(0 0 8px rgba(255,77,77,.7));transform:scale(.96)}18%{filter:drop-shadow(0 0 12px rgba(255,77,77,.8));transform:scale(1.03)}}.oc-demo-newbtn{transform-origin:94px 48px;animation:oc-demo-newbtn-press 8s ease-in-out infinite}@keyframes oc-demo-drawer-slide{0%,18%{transform:translate(220px);opacity:0}20%{opacity:1}28%,to{transform:translate(0);opacity:1}}.oc-demo-drawer{animation:oc-demo-drawer-slide 8s cubic-bezier(.4,0,.2,1) infinite}@keyframes oc-demo-input-focus-1{0%,28%,40%,to{stroke:#e2e8f0;stroke-width:1;filter:none}31%,38%{stroke:#f97316;stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(249,115,22,.4))}}.oc-demo-input-1{animation:oc-demo-input-focus-1 8s ease-in-out infinite}@keyframes oc-demo-input-focus-2{0%,42%,54%,to{stroke:#e2e8f0;stroke-width:1;filter:none}45%,52%{stroke:#f97316;stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(249,115,22,.4))}}.oc-demo-input-2{animation:oc-demo-input-focus-2 8s ease-in-out infinite}@keyframes oc-demo-input-focus-3{0%,56%,70%,to{stroke:#e2e8f0;stroke-width:1;filter:none}59%,68%{stroke:#f97316;stroke-width:1.5;filter:drop-shadow(0 0 4px rgba(249,115,22,.4))}}.oc-demo-input-3{animation:oc-demo-input-focus-3 8s ease-in-out infinite}@keyframes oc-demo-typewrite-1{0%,30%{opacity:0}36%,to{opacity:1}}.oc-demo-typewrite-1{animation:oc-demo-typewrite-1 8s ease-out infinite}@keyframes oc-demo-typewrite-2{0%,44%{opacity:0}50%,to{opacity:1}}.oc-demo-typewrite-2{animation:oc-demo-typewrite-2 8s ease-out infinite}@keyframes oc-demo-tag-in-1{0%,58%{opacity:0;transform:translateY(6px)}62%,to{opacity:1;transform:translateY(0)}}.oc-demo-tag-1{animation:oc-demo-tag-in-1 8s ease-out infinite}@keyframes oc-demo-tag-in-2{0%,62%{opacity:0;transform:translateY(6px)}66%,to{opacity:1;transform:translateY(0)}}.oc-demo-tag-2{animation:oc-demo-tag-in-2 8s ease-out infinite}@keyframes oc-demo-tag-in-3{0%,66%{opacity:0;transform:translateY(6px)}70%,to{opacity:1;transform:translateY(0)}}.oc-demo-tag-3{animation:oc-demo-tag-in-3 8s ease-out infinite}@keyframes oc-demo-spec-2-pick{0%,76%,to{stroke:#e2e8f0;stroke-width:1;filter:none}82%,96%{stroke:#f97316;stroke-width:2;filter:drop-shadow(0 0 6px rgba(249,115,22,.55))}}.oc-demo-spec-card-2{animation:oc-demo-spec-2-pick 8s ease-in-out infinite}@keyframes oc-demo-submit-press{0%,92%,to{transform:scale(1);filter:none}95%{transform:scale(.92)}98%{transform:scale(1.04);filter:drop-shadow(0 0 12px rgba(255,77,77,.7))}}.oc-demo-submit{transform-origin:296px 217px;animation:oc-demo-submit-press 8s ease-in-out infinite}@keyframes oc-demo-spin{to{transform:rotate(360deg)}}.oc-demo-spinner{transform-origin:0 0;animation:oc-demo-spin 1.4s linear infinite}@keyframes oc-demo-statusbar-shift{0%,60%{fill:#f59e0b}70%,to{fill:#10b981}}.oc-demo-statusbar{animation:oc-demo-statusbar-shift 5s ease-in-out infinite}@keyframes oc-demo-statusbg-shift{0%,60%{fill:#fef3c7}70%,to{fill:#d1fae5}}.oc-demo-statusbg{animation:oc-demo-statusbg-shift 5s ease-in-out infinite}@keyframes oc-demo-statustext-shift{0%,60%{fill:#b45309}70%,to{fill:#047857}}.oc-demo-statustext{animation:oc-demo-statustext-shift 5s ease-in-out infinite}@keyframes oc-demo-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.6)}}.oc-demo-pulse{fill:#f59e0b;transform-origin:263px 59px;animation:oc-demo-pulse-dot 1.2s ease-in-out infinite,oc-demo-statusbar-shift 5s ease-in-out infinite}@keyframes oc-demo-msg-1{0%,15%{opacity:0;transform:translate(20px)}25%,to{opacity:1;transform:translate(0)}}.oc-demo-msg-1{animation:oc-demo-msg-1 5s ease-out infinite}@keyframes oc-demo-msg-2{0%,45%{opacity:0;transform:translate(-20px)}55%,to{opacity:1;transform:translate(0)}}.oc-demo-msg-2{animation:oc-demo-msg-2 5s ease-out infinite}@keyframes oc-demo-caret{0%,50%{opacity:0}50.01%,to{opacity:1}}.oc-demo-caret{animation:oc-demo-caret 1s steps(2) infinite;fill:#f97316;font-weight:700}@keyframes oc-demo-typing-text{0%,65%{opacity:0}75%,to{opacity:1}}.oc-demo-typing-text{animation:oc-demo-typing-text 5s ease-out infinite;fill:#cbd5e1}@keyframes oc-demo-browser-in{0%{opacity:0;transform:scale(.96)}20%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.oc-demo-browser{transform-origin:180px 120px;animation:oc-demo-browser-in 5s ease-out infinite}body[theme-mode=dark] .oc-guide-root{background:linear-gradient(180deg,#1e293b,#0f172a)}body[theme-mode=dark] .oc-guide-modal .semi-modal-content{box-shadow:0 30px 80px #0009}body[theme-mode=dark] .oc-guide-demo{background:linear-gradient(135deg,#1e293bd9,#0f172ab3);border-color:#47556966}body[theme-mode=dark] .oc-guide-footer{background:#0f172a99;border-top-color:#4755694d}body[theme-mode=dark] .oc-guide-step-num{background:#334155;color:#94a3b8}body[theme-mode=dark] .oc-guide-step-line{background:#334155}body[theme-mode=dark] .oc-guide-step-dot.is-active .oc-guide-step-label,body[theme-mode=dark] .oc-guide-text h3{color:#f1f5f9!important}.oc-guide-trigger{position:relative;overflow:hidden}.oc-guide-trigger:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s}.oc-guide-trigger:hover:before{transform:translate(100%)}