:root{--ink:#edf7ff;--mute:#93a4c5;--line:rgba(182,202,255,.18);--cyan:#72f6e4;--violet:#b79bff;--bg:#02030b;font-family:"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--ink)}#odyssey-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.noise,.vignette{position:fixed;inset:0;z-index:3;pointer-events:none}.noise{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{background:radial-gradient(ellipse at center,transparent 36%,rgba(0,0,0,.58) 100%)}.odyssey-nav{position:fixed;z-index:8;top:0;left:0;display:flex;width:100%;height:82px;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,74px);border-bottom:1px solid rgba(193,212,255,.09);background:linear-gradient(#03040dbe,transparent)}.odyssey-brand{display:flex;gap:12px;align-items:center;color:#f3f6ff;font:700 11px Consolas,monospace;letter-spacing:.16em;text-decoration:none}.odyssey-brand i{position:relative;width:22px;height:22px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 18px #72f6e477}.odyssey-brand i:after{position:absolute;top:7px;left:7px;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);content:""}.odyssey-brand em{color:#7180a6;font-style:normal}.odyssey-nav p{margin:0;color:#8191b6;font:8px Consolas,monospace;letter-spacing:.16em}.odyssey-nav p b{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:blink 1.7s infinite}.nav-enter{display:flex;gap:10px;align-items:center;color:#f5f8ff;font-size:12px;text-decoration:none}.nav-enter i{color:var(--cyan);font-style:normal}.odyssey-hero{position:relative;z-index:1;min-height:100svh;overflow:hidden}.hero-copy{position:relative;z-index:2;width:min(700px,82vw);padding:27vh 0 0 clamp(26px,10vw,170px)}.kicker,.chapter-copy>p{color:var(--cyan);font:600 9px Consolas,monospace;letter-spacing:.2em}.kicker i{display:inline-block;width:42px;height:1px;margin:0 11px 3px 0;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1{margin:27px 0 0;font-size:clamp(54px,7.2vw,112px);font-weight:500;line-height:.95;letter-spacing:-.075em}h1 em{color:#c2b5ff;font-style:normal;text-shadow:0 0 38px #a68eff55}.hero-desc{max-width:480px;margin:30px 0;color:#a9b7d2;font-size:15px;line-height:1.9}.launch{display:inline-flex;gap:28px;align-items:center;margin-top:32px;padding:16px 19px;border:1px solid #aef7ef77;background:#72f6e417;color:#eaffff;font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;box-shadow:0 0 30px #72f6e414;transition:.25s}.launch:hover{transform:translateY(-4px);background:#72f6e42d;box-shadow:0 14px 36px #72f6e42c}.launch i{color:var(--cyan);font-size:18px;font-style:normal}.hero-object{position:absolute;top:13%;right:5%;width:min(51vw,690px);aspect-ratio:1;filter:drop-shadow(0 0 50px #8967ff38)}.core{position:absolute;inset:20%;border:1px solid #b6a9ff88;border-radius:50%;background:radial-gradient(circle at 35% 27%,#fff,#7bf6f0 5%,#8170ee 25%,#1a1b55 58%,#02030b 75%);box-shadow:inset -25px -25px 52px #000b,0 0 70px #9f8cff80;animation:float 7s ease-in-out infinite}.core:before{position:absolute;inset:0;border-radius:inherit;background:repeating-radial-gradient(ellipse at 30% 30%,transparent 0 10px,#fff1 11px 12px);content:""}.shell{position:absolute;inset:3%;border:1px solid #b9abff44;border-radius:50%;box-shadow:inset 0 0 70px #a984ff17;transform:rotateX(62deg) rotateZ(-28deg);animation:spin 18s linear infinite}.debris{position:absolute;inset:0;border:2px dotted #72f6e455;border-radius:50%;filter:drop-shadow(0 0 10px #72f6e477);transform:rotateX(66deg) rotateZ(18deg);animation:spin 12s linear infinite reverse}.scroll-cue{position:absolute;bottom:50px;left:50%;z-index:3;color:#8391b3;font:8px Consolas,monospace;letter-spacing:.18em;transform:translateX(-50%)}.scroll-cue i{display:block;width:1px;height:44px;margin:13px auto 0;background:linear-gradient(var(--cyan),transparent);animation:scrollLine 1.8s infinite}.chapter-stream{position:relative;z-index:2;padding:170px 0 110px;background:linear-gradient(180deg,transparent,#08091c 6%,#03040e 90%)}.odyssey-chapter{position:relative;display:grid;grid-template-columns:1fr minmax(280px,570px) minmax(280px,430px) 1fr;gap:clamp(20px,4vw,75px);align-items:center;min-height:720px;padding:80px max(28px,8vw);opacity:.25;filter:saturate(.5);transform:translateY(70px);transition:opacity .8s,transform .8s,filter .8s}.odyssey-chapter.active{opacity:1;filter:none;transform:none}.odyssey-chapter.right .chapter-card{grid-column:3}.odyssey-chapter.right .chapter-copy{grid-column:2;grid-row:1;text-align:right}.odyssey-chapter.left .chapter-card{grid-column:2}.odyssey-chapter.left .chapter-copy{grid-column:3}.chapter-meta{position:absolute;top:75px;left:max(28px,8vw);display:flex;gap:10px;align-items:center;color:#b7c5e4;font:9px Consolas,monospace;letter-spacing:.12em}.right .chapter-meta{right:max(28px,8vw);left:auto}.chapter-meta span{font-size:28px;color:#fff}.chapter-meta i{width:38px;height:1px;background:var(--chapter,#72f6e4)}.chapter-meta small{color:#8392b2}.chapter-card{position:relative;height:clamp(340px,40vw,490px);overflow:hidden;border:1px solid #c9ccff38;border-radius:30px;background:#0b1028;box-shadow:0 35px 90px #0008,inset 0 0 80px #7f68ff12;isolation:isolate;transform:rotate(var(--tilt,-4deg));transition:transform .5s,box-shadow .5s}.odyssey-chapter:hover .chapter-card{transform:rotate(0) translateY(-10px);box-shadow:0 50px 110px #0009,0 0 45px color-mix(in srgb,var(--chapter,#72f6e4) 22%,transparent)}.chapter-card:before{position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#ffffff0b,transparent 42%,#0007);content:""}.chapter-card p{position:absolute;top:13%;left:11%;margin:0;color:#eaf5ff;font:10px Consolas,monospace;letter-spacing:.27em}.chapter-card strong{position:absolute;bottom:14%;left:10%;color:#fff;font-size:clamp(40px,5vw,75px);font-weight:400;line-height:.9;letter-spacing:-.07em}.chapter-card>span{position:absolute;bottom:8%;left:11%;color:#bfc9e8;font:8px Consolas,monospace;letter-spacing:.11em}.card-mesh{position:absolute;inset:-20%;background:repeating-radial-gradient(ellipse at 20% 40%,#72f6e422 0 3px,transparent 5px 19px),linear-gradient(135deg,#0e2673,#040713 54%,#5542b1);filter:blur(.3px);animation:mesh 10s linear infinite}.transformer-card:after{position:absolute;inset:17%;border:1px solid #72f6e488;border-radius:50%;box-shadow:0 0 40px #72f6e444,inset 0 0 28px #72f6e433;content:"";animation:spin 15s linear infinite}.prompt-card{--tilt:5deg;background:radial-gradient(circle at 70% 25%,#b79bff45,transparent 25%),#10092d}.prompt-particles{position:absolute;inset:-30%;background:radial-gradient(circle,#d6c5ff 0 2px,transparent 3px) 0 0/38px 38px;filter:drop-shadow(0 0 8px #b79bff);animation:drift 13s linear infinite}.agent-card{--tilt:-6deg;background:radial-gradient(circle at 50% 50%,#ff94ce42,transparent 35%),#160a28}.agent-ring{position:absolute;inset:20%;border:1px solid #ff9ec799;border-radius:50%;box-shadow:0 0 40px #ff9ec766;animation:spin 16s linear infinite}.agent-node{position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 19px #ff9ec7}.n1{top:20%;left:28%}.n2{right:22%;bottom:27%}.n3{top:46%;right:13%;background:#72f6e4}.rag-card{--tilt:4deg;background:linear-gradient(135deg,#351f09,#111a35 48%,#0c302d)}.rag-grid{position:absolute;inset:0;background:linear-gradient(#ffcf7611 1px,transparent 1px),linear-gradient(90deg,#ffcf7611 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 73%);animation:grid 11s linear infinite}.chapter-copy h2{margin:0;color:#f7f9ff;font-size:clamp(31px,3.5vw,56px);font-weight:450;line-height:1.08;letter-spacing:-.055em}.chapter-copy h2 em{color:var(--chapter,#72f6e4);font-style:normal;text-shadow:0 0 30px color-mix(in srgb,var(--chapter,#72f6e4) 40%,transparent)}.chapter-copy>span{display:block;max-width:380px;margin-top:21px;color:#aab7d0;font-size:13px;line-height:1.85}.right .chapter-copy>span{margin-left:auto}.chapter-copy button{margin-top:28px;padding:0;border:0;background:transparent;color:#eff6ff;font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer}.chapter-copy button i{margin-left:10px;color:var(--chapter,#72f6e4);font-size:18px;font-style:normal}.odyssey-chapter:nth-child(1){--chapter:#72f6e4}.odyssey-chapter:nth-child(2){--chapter:#b79bff}.odyssey-chapter:nth-child(3){--chapter:#ff9ec7}.odyssey-chapter:nth-child(4){--chapter:#ffcf76}footer{position:relative;z-index:2;display:flex;justify-content:space-between;padding:40px max(28px,8vw);border-top:1px solid var(--line);color:#72809f;font:8px Consolas,monospace;letter-spacing:.12em}footer a{color:#b9c9e8;text-decoration:none}@keyframes blink{50%{opacity:.25}}@keyframes float{50%{transform:translateY(-17px) rotate(3deg)}}@keyframes spin{to{transform:rotateX(62deg) rotateZ(360deg)}}@keyframes scrollLine{to{transform:scaleY(.2);transform-origin:top;opacity:0}}@keyframes mesh{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translate(38px,38px)}}@keyframes grid{to{background-position:32px 32px}}@media(max-width:800px){.odyssey-nav p{display:none}.hero-copy{padding-top:22vh}.hero-object{top:13%;right:-16%;width:92vw;opacity:.73}.chapter-stream{padding-top:80px}.odyssey-chapter,.odyssey-chapter.right{display:flex;min-height:0;padding:100px 26px 75px;flex-direction:column}.chapter-card,.odyssey-chapter.right .chapter-card{width:100%;height:400px;order:1}.chapter-copy,.odyssey-chapter.right .chapter-copy{width:100%;order:2;text-align:left}.right .chapter-copy>span{margin-left:0}.chapter-meta,.right .chapter-meta{top:36px;left:26px;right:auto}.chapter-copy h2{font-size:38px}footer{gap:22px;flex-direction:column}.odyssey-chapter{opacity:1;filter:none;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}