.tech-showcase{--tech-accent:#d7f36b;isolation:isolate;color:#f1f8f4;background:#0c211f;position:relative;overflow:hidden}.tech-grid{z-index:-1;opacity:.22;pointer-events:none;position:absolute;inset:0}.tech-grid:before{content:"";background:#44665c;width:1px;position:absolute;top:0;bottom:0;left:calc(50% + 100px);box-shadow:80px 0 #44665c,160px 0 #44665c,240px 0 #44665c,320px 0 #44665c,400px 0 #44665c,-80px 0 #44665c,-160px 0 #44665c}.tech-grid:after{content:"";background:#44665c;height:1px;position:absolute;top:120px;left:50%;right:0;box-shadow:0 80px #44665c,0 160px #44665c,0 240px #44665c,0 320px #44665c}.tech-inner{max-width:1220px;margin:auto;padding:28px 32px 22px}.tech-masthead{color:#a9c4b9;justify-content:space-between;align-items:center;gap:20px;font:11px Consolas,monospace;display:flex}.tech-masthead>span:first-child{color:#f1f8f4;align-items:center;gap:10px;font:700 17px Microsoft YaHei,sans-serif;display:flex}.tech-masthead i{background:var(--tech-accent);width:6px;height:6px}.tech-sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tech-viewport{touch-action:pan-y;height:434px;margin-top:12px;position:relative}.tech-slide{opacity:0;visibility:hidden;pointer-events:none;grid-template-columns:1.08fr 1fr;align-items:center;gap:42px;transition:opacity .38s ease-out,transform .5s cubic-bezier(.22,1,.36,1),visibility .5s;display:grid;position:absolute;inset:0;transform:translateY(36px)}.tech-slide[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.tech-copy{min-width:0}.tech-label{color:#b0c6bd;gap:16px;margin-bottom:18px;font-size:12px;display:flex}.tech-label>span{color:var(--slide-accent);font-family:Consolas,monospace}.tech-copy h2{margin:0 0 22px;font-size:54px;font-weight:700;line-height:1.17}.tech-copy h2 span{color:var(--slide-accent)}.tech-description{color:#c1d0ca;max-width:440px;min-height:52px;margin-bottom:18px;font-size:15px}.tech-tags{color:#a9c4b9;gap:0;margin-bottom:24px;font-size:12px;display:flex}.tech-tags span+span{border-left:1px solid #4c655c;margin-left:14px;padding-left:14px}.tech-actions{align-items:center;gap:24px;display:flex}.tech-primary{background:var(--slide-accent);color:#102522;min-height:46px}.tech-primary:hover{filter:brightness(1.08)}.tech-detail{align-items:center;gap:9px;min-height:44px;font-size:13px;display:flex}.tech-detail:hover{color:var(--slide-accent)}.tech-scene{min-width:0;color:var(--slide-accent);margin:0}.tech-scene-top{color:#a9c4b9;justify-content:space-between;font:10px Consolas,monospace;display:flex}.tech-orbit{aspect-ratio:440/300;place-items:center;width:100%;margin:8px 0;display:grid;position:relative}.orbit-ring{aspect-ratio:1;border:1px solid #41665c;border-radius:50%;width:68%;position:absolute}.ring-outer{border-style:dashed;width:58%;animation:48s linear infinite orbit-turn}.ring-inner{border-color:var(--slide-accent);opacity:.48;border-left-color:#0000;border-right-color:#0000;width:43%;animation:18s linear infinite reverse orbit-turn}.orbit-axis{opacity:.5;background:#406357;position:absolute}.axis-horizontal{height:1px;top:50%;left:3%;right:3%}.axis-vertical{width:1px;top:0;bottom:0;left:50%}.orbit-sweep{background:var(--slide-accent);opacity:.2;width:72%;height:1px;animation:5s ease-in-out infinite tech-scan;position:absolute}.orbit-core{border:1px solid var(--slide-accent);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#0c211f;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:128px;height:128px;display:flex;position:relative}.orbit-core strong{font-family:Consolas,Microsoft YaHei,sans-serif;font-size:23px}.orbit-core>span{color:#a9c4b9;font:8px Consolas,monospace}.orbit-node{color:#dcebe4;background:#0c211f;border-bottom:1px solid #41665c;align-items:center;gap:8px;padding:7px 0;font-size:12px;display:flex;position:absolute}.orbit-node>span{color:var(--slide-accent);font:10px Consolas,monospace}.node-0{top:8%;left:1%}.node-1{top:8%;right:1%}.node-2{bottom:8%;left:1%}.node-3{bottom:8%;right:1%}.orbit-wire{background:var(--slide-accent);opacity:.35;width:26%;height:1px;position:absolute}.wire-0{top:30%;left:14%;transform:rotate(32deg)}.wire-1{top:30%;right:14%;transform:rotate(-32deg)}.wire-2{bottom:30%;left:14%;transform:rotate(-32deg)}.wire-3{bottom:30%;right:14%;transform:rotate(32deg)}.tech-command{color:#b4ccc0;border-top:1px solid #355448;justify-content:center;align-items:center;gap:9px;min-height:38px;font-size:11px;display:flex}.tech-command code{font:inherit;font-family:Consolas,monospace}.terminal-cursor{background:var(--slide-accent);width:5px;height:12px;animation:1.8s steps(2,end) infinite cursor-blink}.tech-controls{border-top:1px solid #3d584c;align-items:center;gap:30px;display:flex}.tech-chapters{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tech-chapter{color:#a9c4b9;text-align:left;background:0 0;align-items:center;gap:12px;min-height:62px;padding:0 8px;display:flex;position:relative}.tech-chapter>span{font:11px Consolas,monospace}.tech-chapter strong{font-size:14px;font-weight:500}.tech-chapter[aria-pressed=true]{color:var(--tech-accent)}.tech-chapter:before{content:"";opacity:0;background:#416258;height:2px;position:absolute;top:-1px;left:0;right:8px}.tech-chapter[aria-pressed=true]:before{opacity:1}.chapter-progress{background:var(--tech-accent);transform-origin:0;height:2px;position:absolute;top:-1px;left:0;right:8px}.chapter-progress[data-running=true]{animation:6.5s linear both chapter-timer}.tech-playback{gap:8px;display:flex}.tech-playback button{color:#e1ece6;background:0 0;border:1px solid #48645a;place-items:center;width:44px;height:44px;padding:0;display:grid}.tech-playback button:hover,.tech-playback button:focus-visible{color:var(--tech-accent);background:#254135}.tech-playback button:disabled{opacity:.45;cursor:default}.tech-chapter:hover{color:#fff}.tech-showcase :is(a,button):focus-visible{outline-offset:4px;outline:2px solid #d7f36b}.tech-bottom{color:#a9c4b9;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.tech-bottom a{align-items:center;gap:8px;min-height:32px;display:flex}.tech-showcase[data-playing=false] :is(.orbit-ring,.orbit-sweep,.terminal-cursor),.tech-slide:not([data-active=true]) :is(.orbit-ring,.orbit-sweep,.terminal-cursor){animation-play-state:paused}.tech-showcase[data-instant=true] .tech-slide{transition:none}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes tech-scan{0%,to{opacity:0;transform:translateY(-70px)}35%,65%{opacity:.3}50%{transform:translateY(70px)}}@keyframes cursor-blink{to{opacity:0}}@keyframes chapter-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:1000px){.tech-slide{grid-template-columns:1.05fr 1fr;gap:22px}.tech-copy h2{font-size:44px}.orbit-core{width:104px;height:104px}.orbit-node{gap:4px;font-size:11px}.tech-controls{gap:16px}.tech-chapter{gap:6px}.tech-masthead>span:last-child{font-size:9px}}@media (max-width:760px){.tech-inner{padding:20px 20px 16px}.tech-masthead>span:last-child{display:none}.tech-masthead>span:first-child{font-size:15px}.tech-viewport{height:485px;margin-top:20px}.tech-slide{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;display:flex}.tech-copy h2{margin-bottom:14px;font-size:34px;line-height:1.15}.tech-label{margin-bottom:12px;font-size:10px}.tech-description{max-width:460px;min-height:44px;margin-bottom:14px;font-size:13px}.tech-tags{display:none}.tech-actions{gap:20px}.tech-primary{min-height:44px;font-size:12px}.tech-detail{font-size:12px}.tech-scene{align-self:center;width:100%;max-width:390px}.tech-scene-top{font-size:8px}.tech-orbit{aspect-ratio:auto;height:152px;margin:4px 0}.orbit-ring{width:140px}.ring-inner{width:110px}.orbit-core{gap:4px;width:85px;height:85px}.orbit-core svg{width:25px;height:25px}.orbit-core strong{font-size:17px}.orbit-core>span{display:none}.orbit-node{font-size:10px}.tech-command{min-height:26px;font-size:9px}.tech-controls{flex-wrap:wrap;gap:0;padding-bottom:48px;position:relative}.tech-chapters{flex-basis:100%}.tech-chapter{justify-content:center;gap:5px;min-height:52px;padding:0 2px}.tech-chapter strong{font-size:12px}.tech-chapter>span{font-size:9px}.tech-playback{gap:6px;position:absolute;bottom:0;right:0}.tech-bottom{min-height:44px;margin-top:-44px;padding-right:152px}.tech-bottom>span{display:none}.tech-grid:after{left:0}}@media (prefers-reduced-motion:reduce){.tech-showcase *,.tech-showcase :before,.tech-showcase :after{transition:none!important;animation:none!important}}