*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e8e6e3;background:#0a0a0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}.screen{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.screen-1{background:radial-gradient(at 50% 30%,#0f1a2e 0%,#0a0a0f 70%)}.main-title{letter-spacing:.04em;color:#d4d4d4;text-align:center;max-width:800px;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.4}.main-title .highlight{background:linear-gradient(135deg,#60a5fa,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.scroll-hint{color:#5a5a6e;font-size:.85rem;animation:2s infinite bounce;position:absolute;bottom:40px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.screen-2{background:radial-gradient(at 50% 30%,#2a1810 0%,#0a0a0f 70%)}.screen-2 .section-label{color:#c47a5a;letter-spacing:.15em;font-size:1.1rem;position:absolute;top:60px}.screen-2 svg{width:90vmin;height:auto}.screen-3{background:radial-gradient(at 50% 30%,#14101e 0%,#0a0a0f 70%);gap:24px}.text-block{text-align:center;max-width:700px}.text-block .main{color:#d4d4d4;font-size:clamp(1.5rem,4vw,3rem);font-weight:600;line-height:1.5}.text-block .sub{color:#7a7a8e;margin-top:16px;font-size:clamp(1rem,2vw,1.3rem);line-height:1.6}.text-block .em{color:#f59e0b}.screen-4{background:radial-gradient(at 50% 30%,#0f1a18 0%,#0a0a0f 70%);gap:32px}.chain-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;padding:0 20px;display:flex}.chain-node{flex-direction:column;align-items:center;gap:8px;display:flex}.chain-node .icon-box{color:#2a3a3a;border:2px solid #2a3a3a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;transition:border-color .3s,box-shadow .3s,background .3s,color .3s;display:flex}.chain-node.active .icon-box{background:#22d3ee1a;border-color:#22d3ee;box-shadow:0 0 20px #22d3ee4d}.chain-node .label{color:#7a7a8e;font-size:1rem}.chain-node.active .label{color:#22d3ee}.chain-arrow{color:#2a3a3a;margin:0 8px;font-size:1.5rem}.chain-arrow.active{color:#f59e0b}.screen-5{background:radial-gradient(at 50% 30%,#1a0f0a 0%,#0a0a0f 70%);gap:24px}.burst-text{color:#d4d4d4;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.burst-text .em{background:linear-gradient(135deg,#f97316,#ef4444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.trajectory-glow{filter:drop-shadow(0 0 6px #22d3ee99)drop-shadow(0 0 20px #22d3ee4d)}.trajectory-glow-strong{filter:drop-shadow(0 0 8px #22d3eecc)drop-shadow(0 0 30px #22d3ee80)drop-shadow(0 0 60px #22d3ee33)}.pin-spacer{pointer-events:none!important}