.feature-showcase-container{width:100%;max-width:720px;margin-inline:auto;height:calc(560px * var(--fs-scale, 1));position:relative}.feature-showcase-container .feature-showcase{position:absolute;left:50%;top:0;transform:translate(-50%) scale(var(--fs-scale, 1));transform-origin:top center}.feature-showcase{--blue-1: #3b82f6;--blue-2: #60a5fa;--blue-3: #93c5fd;--purple-1: #818cf8;--purple-2: #a78bfa;--cyan-1: #22d3ee;--white: #ffffff;--text-dark: #1e3a5f;--text-mid: #3b6ea5;--text-light: #6b9fd4;--bg: #f0f7ff;--pill-bg: rgba(255, 255, 255, .75);--pill-border: rgba(147, 197, 253, .6);--pill-shadow: 0 4px 20px rgba(59, 130, 246, .12);--card-bg: rgba(255, 255, 255, .82);--card-border: rgba(186, 230, 253, .7);position:relative;width:720px;height:560px;background:none;font-family:Lato,Helvetica Neue,Arial,Helvetica,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:visible;box-sizing:border-box}.feature-showcase-container:before{content:"";position:absolute;inset:-20%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 55% 50% at 50% 50%,rgba(147,197,253,.18) 0%,rgba(167,139,250,.1) 45%,transparent 70%);filter:blur(24px)}.feature-showcase *,.feature-showcase *:before,.feature-showcase *:after{box-sizing:border-box}.feature-showcase .bg-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.feature-showcase .bg-orb-1{width:360px;height:360px;background:radial-gradient(circle,rgba(96,165,250,.25) 0%,transparent 70%);top:50%;left:50%}.feature-showcase .bg-orb-2{width:200px;height:200px;background:radial-gradient(circle,rgba(129,140,248,.2) 0%,transparent 70%);top:30%;left:60%}.feature-showcase .bg-orb-3{width:180px;height:180px;background:radial-gradient(circle,rgba(34,211,238,.15) 0%,transparent 70%);bottom:20%;left:20%}.feature-showcase .orbit-ring{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.feature-showcase .orbit-ring-1{width:340px;height:340px;border:1px solid rgba(147,197,253,.25)}.feature-showcase .orbit-ring-2{width:480px;height:480px;border:1px dashed rgba(147,197,253,.15)}.feature-showcase .orbit-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.feature-showcase .crystal-wrap{position:absolute;top:50%;left:50%;z-index:5}.feature-showcase .crystal{width:160px;height:130px;position:relative}.feature-showcase .crystal-layer{position:absolute;border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.feature-showcase .c-l4{width:150px;height:90px;bottom:0;left:5px;background:linear-gradient(135deg,#bae6fd8c,#a78bfa59 60%,#60a5fa73);border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 40px #3b82f62e,inset 0 1px 1px #ffffffe6;transform:perspective(400px) rotateX(10deg) translateY(4px)}.feature-showcase .c-l3{width:145px;height:88px;bottom:22px;left:7px;background:linear-gradient(135deg,#93c5fd99,#c4b5fd73 55%,#818cf88c);border:1px solid rgba(255,255,255,.75);box-shadow:0 8px 30px #6366f12e,inset 0 1px 1px #ffffffe6;transform:perspective(400px) rotateX(10deg) translateY(2px)}.feature-showcase .c-l2{width:140px;height:86px;bottom:42px;left:10px;background:linear-gradient(135deg,#60a5faa6,#a78bfa80,#6366f199);border:1px solid rgba(255,255,255,.8);box-shadow:0 6px 24px #6366f138,inset 0 1px 2px #fffffff2;transform:perspective(400px) rotateX(10deg)}.feature-showcase .c-l1{width:140px;height:84px;bottom:60px;left:10px;background:linear-gradient(135deg,#dbeafed9,#a78bfa99 40%,#60a5fabf);border:1.5px solid rgba(255,255,255,.95);box-shadow:0 4px 20px #3b82f640,inset 0 2px 4px #fff,inset 0 -1px 2px #818cf84d;transform:perspective(400px) rotateX(10deg) translateY(-2px)}.feature-showcase .c-l1:after{content:"";position:absolute;top:10px;left:15px;width:55%;height:30%;background:linear-gradient(135deg,rgba(255,255,255,.7) 0%,transparent 100%);border-radius:8px}.feature-showcase .crystal-glow{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:120px;height:20px;background:radial-gradient(ellipse,rgba(99,102,241,.3) 0%,transparent 70%);filter:blur(8px)}.feature-showcase .pill{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:999px;background:var(--pill-bg);border:1px solid var(--pill-border);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:var(--pill-shadow),inset 0 1px #ffffffe6;color:var(--text-dark);font-size:14px;font-weight:500;letter-spacing:.03em;white-space:nowrap;z-index:10;cursor:default}.feature-showcase .pill-icon{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-showcase .pill-icon svg{width:14px;height:14px}.feature-showcase .pill-top{top:38px;left:50%}.feature-showcase .pill-right{top:100px;right:36px}.feature-showcase .pill-br{bottom:145px;right:28px}.feature-showcase .pill-bottom{bottom:40px;left:50%}.feature-showcase .pill-bl{bottom:130px;left:44px}.feature-showcase .icon-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.feature-showcase .icon-purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.feature-showcase .icon-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.feature-showcase .icon-amber{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.feature-showcase .icon-cyan{background:linear-gradient(135deg,#cffafe,#a5f3fc);color:#0891b2}.feature-showcase .feature-card-wrap{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:210px;z-index:10}.feature-showcase .feature-card{border-radius:18px;background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 40px #3b82f621,0 2px 8px #6366f114,inset 0 1px #fffffff2;overflow:hidden}.feature-showcase .card-ui{background:linear-gradient(160deg,#f0f9ff,#e0f2fe);border-bottom:1px solid rgba(186,230,253,.6);padding:14px 14px 12px}.feature-showcase .ui-topbar{display:flex;align-items:center;gap:5px;margin-bottom:10px}.feature-showcase .ui-dot{width:7px;height:7px;border-radius:50%}.feature-showcase .ui-dot-r{background:#fca5a5}.feature-showcase .ui-dot-y{background:#fde68a}.feature-showcase .ui-dot-g{background:#86efac}.feature-showcase .ui-title-bar{flex:1;height:6px;border-radius:3px;background:#93c5fd66;margin-left:4px}.feature-showcase .ui-input-row{display:flex;align-items:center;background:#fffc;border:1px solid rgba(147,197,253,.5);border-radius:8px;padding:6px 8px;gap:6px;margin-bottom:8px}.feature-showcase .ui-input-text{font-size:10px;color:#64748b;flex:1;font-weight:400}.feature-showcase .ui-cursor{width:1px;height:10px;background:#3b82f6;animation:fsShowcaseBlink 1s step-end infinite}@keyframes fsShowcaseBlink{0%,to{opacity:1}50%{opacity:0}}.feature-showcase .ui-badge-row{display:flex;align-items:center;gap:5px}.feature-showcase .ui-toggle{width:24px;height:13px;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#818cf8);position:relative;box-shadow:0 0 6px #3b82f666;flex-shrink:0}.feature-showcase .ui-toggle:after{content:"";position:absolute;right:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003}.feature-showcase .ui-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;background:#dbeafecc;border:1px solid rgba(147,197,253,.6);color:#2563eb;font-size:10px;font-weight:500}.feature-showcase .card-body{padding:14px 16px 16px}.feature-showcase .card-title{font-size:16px;font-weight:600;margin-bottom:5px;background:linear-gradient(90deg,#1d4ed8,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-showcase .card-desc{font-size:12px;color:#64748b;line-height:1.65;font-weight:400}.feature-showcase .node-icon{position:absolute;width:40px;height:40px;border-radius:50%;background:var(--pill-bg);border:1px solid var(--pill-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--pill-shadow);display:flex;align-items:center;justify-content:center;z-index:10}.feature-showcase .node-icon.right-mid{top:170px;right:20px}@media (max-width: 767px){.feature-showcase .feature-card-wrap{width:180px}.feature-showcase .feature-card{width:100%}.feature-showcase .orbit-ring-2{width:420px;height:420px}}@media (prefers-reduced-motion: reduce){.feature-showcase .ui-cursor{animation:none!important}}body[theme-mode=dark] .feature-showcase,html.dark .feature-showcase{--white: #e8ecf4;--text-dark: #e2e8f0;--text-mid: #94a3b8;--text-light: #7c8aa0;--bg: #0d0f12;--pill-bg: rgba(26, 29, 34, .78);--pill-border: rgba(255, 255, 255, .12);--pill-shadow: 0 4px 22px rgba(0, 0, 0, .4);--card-bg: rgba(22, 26, 32, .92);--card-border: rgba(255, 255, 255, .1);background:none}body[theme-mode=dark] .feature-showcase-container:before,html.dark .feature-showcase-container:before{background:radial-gradient(ellipse 55% 50% at 50% 50%,rgba(59,91,150,.18) 0%,rgba(98,75,150,.1) 45%,transparent 70%)}body[theme-mode=dark] .feature-showcase .bg-orb-1,html.dark .feature-showcase .bg-orb-1{background:radial-gradient(circle,rgba(96,165,250,.14) 0%,transparent 70%)}body[theme-mode=dark] .feature-showcase .bg-orb-2,html.dark .feature-showcase .bg-orb-2{background:radial-gradient(circle,rgba(129,140,248,.12) 0%,transparent 70%)}body[theme-mode=dark] .feature-showcase .bg-orb-3,html.dark .feature-showcase .bg-orb-3{background:radial-gradient(circle,rgba(34,211,238,.1) 0%,transparent 70%)}body[theme-mode=dark] .feature-showcase .orbit-ring-1,html.dark .feature-showcase .orbit-ring-1{border-color:#93c5fd1f}body[theme-mode=dark] .feature-showcase .orbit-ring-2,html.dark .feature-showcase .orbit-ring-2{border-color:#93c5fd14}body[theme-mode=dark] .feature-showcase .pill,html.dark .feature-showcase .pill{box-shadow:var(--pill-shadow),inset 0 1px #ffffff1a}body[theme-mode=dark] .feature-showcase .feature-card,html.dark .feature-showcase .feature-card{box-shadow:0 8px 36px #00000073,0 2px 10px #00000040,inset 0 1px #ffffff14}body[theme-mode=dark] .feature-showcase .card-ui,html.dark .feature-showcase .card-ui{background:linear-gradient(160deg,#1a2332,#121820);border-bottom:1px solid rgba(255,255,255,.08)}body[theme-mode=dark] .feature-showcase .ui-input-row,html.dark .feature-showcase .ui-input-row{background:#0c0f14eb;border-color:#ffffff1a}body[theme-mode=dark] .feature-showcase .ui-input-text,html.dark .feature-showcase .ui-input-text{color:#94a3b8}body[theme-mode=dark] .feature-showcase .ui-badge,html.dark .feature-showcase .ui-badge{background:#2563eb38;border-color:#60a5fa59;color:#93c5fd}body[theme-mode=dark] .feature-showcase .card-desc,html.dark .feature-showcase .card-desc{color:#94a3b8}body[theme-mode=dark] .feature-showcase .icon-blue,html.dark .feature-showcase .icon-blue{background:linear-gradient(135deg,#1e3a8acc,#1e40af8c);color:#93c5fd}body[theme-mode=dark] .feature-showcase .icon-purple,html.dark .feature-showcase .icon-purple{background:linear-gradient(135deg,#4c1d95bf,#5b21b680);color:#c4b5fd}body[theme-mode=dark] .feature-showcase .icon-green,html.dark .feature-showcase .icon-green{background:linear-gradient(135deg,#064e3bbf,#04785780);color:#6ee7b7}body[theme-mode=dark] .feature-showcase .icon-amber,html.dark .feature-showcase .icon-amber{background:linear-gradient(135deg,#78350fbf,#92400e80);color:#fcd34d}body[theme-mode=dark] .feature-showcase .icon-cyan,html.dark .feature-showcase .icon-cyan{background:linear-gradient(135deg,#164e63bf,#0e749080);color:#67e8f9}body[theme-mode=dark] .feature-showcase .c-l4,html.dark .feature-showcase .c-l4{background:linear-gradient(135deg,#1e40788c,#4338a061 60%,#2563b46b);border-color:#ffffff1f;box-shadow:0 10px 32px #00000059,inset 0 1px #ffffff14}body[theme-mode=dark] .feature-showcase .c-l3,html.dark .feature-showcase .c-l3{background:linear-gradient(135deg,#25508c94,#5b4caa66 55%,#4f5ac87a);border-color:#ffffff24;box-shadow:0 8px 28px #00000052,inset 0 1px #ffffff1a}body[theme-mode=dark] .feature-showcase .c-l2,html.dark .feature-showcase .c-l2{background:linear-gradient(135deg,#285aa599,#6e5ac873,#434cc885);border-color:#ffffff26;box-shadow:0 6px 24px #0000004d,inset 0 1px #ffffff1a}body[theme-mode=dark] .feature-showcase .c-l1,html.dark .feature-showcase .c-l1{background:linear-gradient(135deg,#2d55a08c,#6455c86b 40%,#3778d28c);border-color:#ffffff29;box-shadow:0 4px 20px #00000059,inset 0 1px 1px #ffffff1f}body[theme-mode=dark] .feature-showcase .c-l1:after,html.dark .feature-showcase .c-l1:after{background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 100%)}