:root{--lime:#c6fa55;--ink:#070b0d;--muted:#8d999e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f4f7f6;font-family:'Space Grotesk','Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{position:absolute;z-index:20;top:0;left:0;width:100%;padding:28px 4%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:2px;font-size:15px}.mark{font-size:36px;color:var(--lime);line-height:1}.beta{color:#7f9296;font-size:9px;letter-spacing:1px;margin-left:18px}.skip{font-size:12px;border:1px solid #ffffff30;padding:12px 18px;border-radius:2px;background:#0b111755}#journey{height:680vh}.sticky{height:100svh;position:sticky;top:0;overflow:hidden}canvas{width:100%;height:100%;display:block}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#060a0eaa,transparent 65%),linear-gradient(0deg,#05090d99,transparent 22%)}.copy{position:absolute;top:23%;left:7%;max-width:650px;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--lime);font-weight:600}h1{font-size:clamp(36px,4.6vw,76px);letter-spacing:-2px;line-height:1.2;margin:25px 0;font-weight:900}.copy p{font-size:13px;color:#9eacb3;letter-spacing:1px;line-height:1.8}.bottom{position:absolute;bottom:34px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#a8b5b8;align-items:center}.scroll{color:#fff}.scroll b{margin-left:24px;color:var(--lime);font-size:21px}.chapters{position:absolute;right:3%;top:44%;display:grid;gap:15px}.chapters button{height:5px;width:5px;padding:0;border:0;background:#576067;border-radius:50%;outline-offset:7px}.chapters button.active{background:var(--lime);box-shadow:0 0 15px var(--lime)}.progress{position:absolute;bottom:0;height:2px;background:var(--lime);width:0}#bracket{position:absolute;inset:12% 7% 10%;opacity:0;pointer-events:none}.bracket-head{text-align:center}.bracket-head>span{font-size:10px;letter-spacing:3px;color:var(--lime)}.bracket-head h2{font-size:clamp(25px,3vw,46px);margin:14px}.bracket-head p{color:var(--muted);font-size:11px}#tree{width:100%;height:65%;overflow:visible;margin-top:20px}#logoReveal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;pointer-events:none;background:radial-gradient(ellipse at center,#14241988,transparent 65%)}.bigmark{font-size:130px;line-height:1;color:var(--lime);text-shadow:0 0 60px #b4ee5530}#logoReveal h2{font-size:clamp(38px,6vw,85px);letter-spacing:-3px;margin:18px 0}#logoReveal p{color:#a8b5b8;letter-spacing:7px;font-size:13px}#logoReveal a{margin-top:35px;border:1px solid #bbf45555;padding:16px 36px;font-size:12px}#logoReveal a span{margin-left:40px}main{position:relative;background:#0c1113;padding:0 7%;border-top:1px solid #31403d}.platform-nav{display:flex;justify-content:space-between;padding:28px 0;border-bottom:1px solid #ffffff18;font-size:12px}.platform-nav a{color:var(--lime)}.platform-hero{padding:100px 0 80px;display:flex;justify-content:space-between;align-items:end;gap:30px}.platform-hero h2{font-size:clamp(34px,4vw,60px);line-height:1.3;margin:20px 0 0;letter-spacing:-2px}.platform-hero em{font-style:normal;color:var(--lime)}.platform-hero p{font-size:13px;color:#88999e;line-height:2}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h3{font-size:17px}.section-title span{font-size:10px;color:var(--muted);letter-spacing:2px}.events{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 0 80px}.event{text-align:left;background:none;border:0;padding:0}.event-tag{font-size:9px;letter-spacing:2px;color:#8fa29e}.event-art{height:210px;margin:14px 0 23px;font-size:110px;font-weight:700;display:flex;justify-content:space-between;align-items:center;padding:18px;overflow:hidden;color:#ffffff20;background:repeating-linear-gradient(125deg,transparent 0 29px,#b5ff5d12 30px 31px),#15251e;border-bottom:2px solid var(--lime);transition:filter .3s,transform .3s}.event-art span{font-size:130px;color:var(--lime)}.art2{background-color:#16272e;border-color:#62def8}.art2 span{color:#62def8}.art3{background-color:#282036;border-color:#bd92ff}.art3 span{color:#bd92ff}.event:hover .event-art{filter:brightness(1.3);transform:translateY(-5px)}.event h4{font-size:22px;margin:0 0 10px}.event p{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.event p span{color:#cbd4d4}footer{border-top:1px solid #ffffff18;display:flex;justify-content:space-between;padding:30px 0;font-size:10px;color:#7b8e92}footer button{border:0;background:none;color:var(--lime);font-size:11px}dialog{background:#111c20;color:#eef5f5;padding:45px;border:1px solid #4a6261;max-width:90vw;width:520px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog p{color:var(--muted);font-size:13px;line-height:1.8}#close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:25px}.detail-row{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #ffffff18;font-size:12px}#back{background:var(--lime);color:#102012;border:0;margin-top:30px;padding:14px 22px}@media(max-width:700px){header{padding:22px 6%}.beta{display:none}.brand{font-size:11px}.skip{font-size:10px;padding:9px}.copy{top:19%;left:7%;right:10%}.copy h1{font-size:40px}.copy p{max-width:230px;font-size:11px}.bottom{bottom:24px;font-size:8px}.bottom>span:first-child{display:none}.chapters{right:5%}#journey{height:580vh}#bracket{inset:15% 4% 9%}#tree{height:60%;margin-top:35px}.platform-hero{display:block;padding:70px 0 40px}.platform-hero p{margin-top:28px}.section-title{align-items:start;gap:20px}.section-title span{font-size:8px;max-width:95px;line-height:1.8}.events{grid-template-columns:1fr}.event-art{height:240px}footer{gap:25px;line-height:1.8}footer span{max-width:210px}#logoReveal p{letter-spacing:3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.event-art{transition:none}}