*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:#c8c8d8;-webkit-font-smoothing:antialiased;background:#000;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.7;overflow-x:hidden}#scene{z-index:0;pointer-events:none;position:fixed;inset:0}#app{z-index:1;position:relative}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:40px 24px;display:flex;position:relative}.hero h1{letter-spacing:-2px;margin-bottom:16px;font-size:clamp(48px,10vw,100px);font-weight:800;line-height:1.1}.hero h1 .gradient{background:linear-gradient(135deg,#f59e0b 0%,#f97316 30%,#ef4444 60%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero .subtitle{color:#555570;max-width:400px;font-size:clamp(14px,2.5vw,18px)}.scroll-hint{color:#333350;flex-direction:column;align-items:center;gap:8px;font-size:13px;animation:2s ease-in-out infinite bobble;display:flex;position:absolute;bottom:40px}.scroll-hint .arrow{border-bottom:2px solid #333350;border-right:2px solid #333350;width:20px;height:20px;transform:rotate(45deg)}@keyframes bobble{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.content-spacer{height:600vh}@media (width<=768px){.hero{padding:40px 16px}}