:root{color-scheme:dark;font-family:HarmonyOS Sans SC,MiSans,PingFang SC,Microsoft YaHei,sans-serif;background:#03060a;color:#f4fffd;--accent: #74f7e5;--accent-strong: #21d9c5;--accent-warm: #ffbd6b;--accent-rose: #ff6f91;--ink: #f5fffd;--muted: rgba(233, 255, 251, .68);--faint: rgba(233, 255, 251, .12);--panel: rgba(4, 12, 17, .68);--panel-solid: rgba(9, 22, 28, .94);--radius-xl: 34px;--radius-lg: 26px;--ease-heavy: cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 15% 12%,rgba(116,247,229,.12),transparent 28rem),radial-gradient(circle at 86% 18%,rgba(255,189,107,.11),transparent 24rem),linear-gradient(135deg,#03060a,#061014 44%,#020407)}button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0}::selection{background:#74f7e557;color:#fff}.site-root{position:relative;min-height:100dvh;overflow-x:hidden;--cursor-x: 50vw;--cursor-y: 50vh}.site-root[data-mode=静观]{--accent: #9df7ed;--accent-strong: #54dfd2;--accent-warm: #d9e7ff}.site-root[data-mode=脉冲]{--accent: #60ffd1;--accent-strong: #1effba;--accent-warm: #ff8f59}.field-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.cursor-aura{position:fixed;left:var(--cursor-x);top:var(--cursor-y);z-index:1;width:34rem;height:34rem;border-radius:999px;pointer-events:none;translate:-50% -50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 28%,transparent),transparent 62%),radial-gradient(circle,rgba(255,189,107,.12),transparent 42%);filter:blur(12px);opacity:.82;mix-blend-mode:screen}.grain-layer{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:3px 3px,3px 3px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 82%);mask-image:radial-gradient(circle at center,black,transparent 82%)}.nav-shell{position:fixed;left:50%;top:22px;z-index:20;display:flex;align-items:center;gap:16px;width:min(calc(100% - 32px),880px);padding:8px 9px 8px 13px;border:1px solid rgba(244,255,253,.16);border-radius:999px;background:#03080ba8;box-shadow:inset 0 1px #ffffff29,0 24px 70px #00000052;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transform:translate(-50%)}.brand-mark{display:inline-flex;align-items:center;gap:10px;min-width:max-content;padding:8px 12px;border-radius:999px;color:var(--ink);font-weight:700;letter-spacing:.08em}.brand-symbol{width:14px;height:14px;border-radius:999px;background:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 70%,transparent),0 0 46px color-mix(in srgb,var(--accent) 34%,transparent)}.nav-links{display:flex;justify-content:center;gap:4px;width:100%}.nav-links a{border-radius:999px;padding:9px 16px;color:#f4fffdb8;font-size:14px;transition:color .7s var(--ease-heavy),background .7s var(--ease-heavy),transform .7s var(--ease-heavy)}.nav-links a:hover{color:#fff;background:#ffffff14;transform:translateY(-1px)}.menu-toggle{position:relative;display:none;width:42px;height:42px;flex:0 0 auto;border-radius:999px;background:#ffffff14;cursor:pointer}.menu-toggle span{position:absolute;left:13px;width:16px;height:1.5px;border-radius:99px;background:#fff;transition:transform .65s var(--ease-heavy)}.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:24px}.menu-toggle.open span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-panel{position:fixed;inset:0;z-index:18;display:grid;place-items:center;gap:18px;padding:120px 24px 48px;background:#010508d6;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);opacity:0;pointer-events:none;transition:opacity .7s var(--ease-heavy)}.menu-panel.visible{opacity:1;pointer-events:auto}.menu-panel a{font-size:clamp(2.2rem,9vw,5.8rem);font-weight:800;letter-spacing:.04em;opacity:0;transform:translateY(36px);transition:opacity .74s var(--ease-heavy),transform .74s var(--ease-heavy),color .74s var(--ease-heavy)}.menu-panel.visible a{opacity:1;transform:translateY(0)}.menu-panel a:hover{color:var(--accent)}.page-shell{position:relative;z-index:5;width:100%;max-width:100%;overflow-x:hidden}.hero-section{display:grid;align-items:center;min-height:100dvh;padding:154px 24px 70px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(28px,5vw,76px);width:min(1420px,100%);margin:0 auto;align-items:center}.hero-copy{max-width:900px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;width:fit-content;gap:9px;border:1px solid rgba(244,255,253,.14);border-radius:999px;padding:8px 12px;color:#f4fffdbd;background:#ffffff0d;font-size:12px;font-weight:700;letter-spacing:.13em}.eyebrow:before,.section-kicker:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 70%,transparent)}h1,h2,h3,p{margin:0}.hero-copy h1{display:grid;gap:.02em;margin-top:28px;color:#fff;font-size:clamp(4.6rem,12vw,12.6rem);font-weight:900;line-height:.86;letter-spacing:0}.hero-copy h1 span:last-child{color:transparent;-webkit-text-stroke:1px rgba(244,255,253,.72);text-shadow:0 0 40px rgba(116,247,229,.18)}.hero-lede{max-width:760px;margin-top:30px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.45rem);line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.magnetic-button{display:inline-flex;align-items:center;gap:14px;min-height:52px;border-radius:999px;padding:7px 7px 7px 22px;cursor:pointer;font-weight:800;transition:transform .65s var(--ease-heavy),background .65s var(--ease-heavy),color .65s var(--ease-heavy),box-shadow .65s var(--ease-heavy)}.magnetic-button:active{transform:scale(.982)}.magnetic-button.primary{color:#03100e;background:linear-gradient(135deg,var(--accent),#fff6d8);box-shadow:0 18px 58px color-mix(in srgb,var(--accent) 26%,transparent),inset 0 1px #ffffffa6}.magnetic-button.ghost{color:#fff;border:1px solid rgba(255,255,255,.14);background:#ffffff12}.button-orb{display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#03080b29;transition:transform .65s var(--ease-heavy),background .65s var(--ease-heavy)}.magnetic-button:hover .button-orb{transform:translate(3px,-1px) scale(1.05);background:#03080b42}.button-orb span{width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.observatory{padding:8px;border:1px solid rgba(244,255,253,.12);border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffff14,#ffffff05),#ffffff0a;box-shadow:inset 0 1px #ffffff26,0 30px 90px #0000006b}.observatory-core{position:relative;min-height:600px;overflow:hidden;border-radius:calc(var(--radius-xl) - 8px);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 16rem),linear-gradient(180deg,#0a191ff5,#020609f5);box-shadow:inset 0 1px 1px #ffffff29,inset 0 -1px 1px #ffffff14}.time-face{position:absolute;left:28px;right:28px;top:26px;display:grid;gap:7px;z-index:3}.time-face span,.time-face small,.portal-panel span,.card-topline span{color:#f4fffd8c;font-size:12px;font-weight:700;letter-spacing:.14em}.time-face strong{color:#fff;font-family:DIN Alternate,Bahnschrift,Microsoft YaHei,sans-serif;font-size:clamp(3rem,7vw,5.4rem);font-weight:800;letter-spacing:0;line-height:1}.orbital-map{position:absolute;inset:92px 20px 118px;display:grid;place-items:center}.orbital-map:before{content:"";width:38%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.92),rgba(116,247,229,.32) 22%,transparent 55%),radial-gradient(circle,rgba(255,189,107,.16),transparent 72%);box-shadow:0 0 60px color-mix(in srgb,var(--accent) 32%,transparent),0 0 130px #ffbd6b29;animation:breathe 4.8s var(--ease-heavy) infinite alternate}.orbital-map span{position:absolute;border:1px solid rgba(244,255,253,.18);border-radius:50%;transform:rotateX(68deg) rotate(0)}.orbital-map span:nth-child(1){width:86%;aspect-ratio:1;animation:orbit 18s linear infinite}.orbital-map span:nth-child(2){width:64%;aspect-ratio:1;border-color:#ffbd6b33;animation:orbit 13s linear infinite reverse}.orbital-map span:nth-child(3){width:42%;aspect-ratio:1;border-color:#ffffff38;animation:orbit 9s linear infinite}.signal-list{position:absolute;left:20px;right:20px;bottom:20px;display:grid;gap:8px}.signal-row{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0b}.signal-row span{color:#f4fffdb8}.signal-row strong{color:var(--accent-warm)}.mode-strip{display:flex;justify-content:space-between;gap:24px;width:min(1420px,100%);margin:42px auto 0;padding:7px;border:1px solid rgba(244,255,253,.12);border-radius:28px;background:#ffffff0b}.mode-strip>div:first-child{display:grid;gap:6px;padding:18px 22px}.mode-strip span{color:#f4fffd85;font-size:12px;font-weight:700;letter-spacing:.14em}.mode-strip strong{font-size:1.6rem}.mode-strip p{color:var(--muted);line-height:1.65}.mode-options{display:flex;align-items:center;gap:8px;padding:8px}.mode-options button{min-width:84px;border-radius:999px;padding:13px 18px;color:#f4fffdb8;background:#ffffff0f;cursor:pointer;transition:color .65s var(--ease-heavy),background .65s var(--ease-heavy),transform .65s var(--ease-heavy)}.mode-options button:hover,.mode-options button.active{color:#03100e;background:var(--accent);transform:translateY(-1px)}.signal-section,.fragment-section,.motion-section,.portal-section{width:min(1420px,calc(100% - 48px));margin:0 auto;padding:clamp(96px,13vw,190px) 0}.signal-section{display:grid;justify-items:start;gap:30px}.signal-line{max-width:1160px;color:#fff;font-size:clamp(3.2rem,8.2vw,8.9rem);font-weight:900;line-height:1.04;letter-spacing:0}.line-word{display:inline-block;opacity:.2}.signal-copy{max-width:760px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.9}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px}.section-heading div{display:grid;gap:20px}.section-heading h2,.motion-sticky h2,.portal-copy h2{max-width:820px;color:#fff;font-size:clamp(2.5rem,5.4vw,6rem);font-weight:900;line-height:1.02;letter-spacing:0}.section-heading p,.motion-sticky p,.portal-copy p,.portal-panel p{max-width:520px;color:var(--muted);font-size:1.04rem;line-height:1.82}.fragment-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:16px}.fragment-card{min-height:310px;padding:7px;border:1px solid rgba(244,255,253,.12);border-radius:var(--radius-xl);background:#ffffff0d;transition:transform .8s var(--ease-heavy),border-color .8s var(--ease-heavy),background .8s var(--ease-heavy)}.fragment-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.12));background:#ffffff14}.card-1{grid-column:span 7;min-height:440px}.card-2{grid-column:span 5;min-height:440px}.card-3,.card-4{grid-column:span 6}.card-core{position:relative;display:flex;min-height:100%;overflow:hidden;flex-direction:column;justify-content:space-between;gap:26px;border-radius:calc(var(--radius-xl) - 8px);padding:clamp(24px,3vw,36px);background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 17rem),radial-gradient(circle at 12% 100%,rgba(255,189,107,.12),transparent 18rem),var(--panel-solid);box-shadow:inset 0 1px 1px #ffffff21}.card-topline{display:flex;justify-content:space-between;gap:12px}.card-topline strong{color:var(--accent-warm);font-size:12px;letter-spacing:.16em}.fragment-card h3{color:#fff;font-size:clamp(2.2rem,5vw,5.3rem);font-weight:900;line-height:1}.fragment-card p{max-width:560px;color:var(--muted);font-size:1.02rem;line-height:1.84}.card-radar{position:absolute;right:-58px;bottom:-58px;width:220px;aspect-ratio:1;border-radius:999px;opacity:.56}.card-radar span{position:absolute;inset:0;border:1px solid rgba(244,255,253,.16);border-radius:inherit}.card-radar span:nth-child(2){inset:38px}.card-radar span:nth-child(3){inset:76px;background:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 0 50px color-mix(in srgb,var(--accent) 34%,transparent)}.motion-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,90px);align-items:start}.motion-sticky{position:sticky;top:150px;display:grid;gap:22px}.stack-list{display:grid;gap:22px}.stack-card{display:grid;gap:24px;min-height:300px;padding:clamp(28px,4vw,46px);border:1px solid rgba(244,255,253,.13);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ffffff17,#ffffff06),#040c11b8;box-shadow:inset 0 1px #ffffff24,0 30px 90px #00000038}.stack-card span{width:fit-content;border-radius:999px;padding:9px 13px;color:#02100d;background:var(--accent);font-weight:900}.stack-card p{max-width:620px;color:#fff;font-size:clamp(1.65rem,3.5vw,3.35rem);font-weight:850;line-height:1.14}.portal-section{padding-bottom:90px}.portal-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.44fr);gap:18px;padding:8px;border:1px solid rgba(244,255,253,.12);border-radius:38px;background:linear-gradient(135deg,#ffffff14,#ffffff05),#ffffff0a}.portal-copy,.portal-panel{display:grid;align-content:center;gap:22px;min-height:360px;border-radius:30px;padding:clamp(28px,5vw,56px);background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 18rem),#040c11e0;box-shadow:inset 0 1px 1px #ffffff1f}.portal-panel{align-content:end;background:radial-gradient(circle at 50% 28%,rgba(255,189,107,.18),transparent 14rem),#ffffff14}.portal-panel strong{overflow-wrap:anywhere;color:#fff;font-size:clamp(2rem,4vw,3.8rem);line-height:1}.site-footer{position:relative;z-index:5;display:flex;justify-content:space-between;gap:20px;width:min(1420px,calc(100% - 48px));margin:0 auto;padding:28px 0 44px;color:#f4fffd8a;font-size:13px;letter-spacing:.08em}.site-footer a{color:#f4fffda3;text-underline-offset:4px;transition:color .65s var(--ease-heavy),text-decoration-color .65s var(--ease-heavy)}.site-footer a:hover{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 70%,transparent)}@keyframes orbit{0%{transform:rotateX(68deg) rotate(0)}to{transform:rotateX(68deg) rotate(360deg)}}@keyframes breathe{0%{transform:scale(.94);opacity:.72}to{transform:scale(1.04);opacity:1}}@media(max-width:980px){.nav-links{display:none}.menu-toggle{display:block}.nav-shell{justify-content:space-between}.hero-grid,.motion-section,.portal-shell{grid-template-columns:1fr}.hero-section{padding-top:128px}.observatory-core{min-height:480px}.section-heading{align-items:start;flex-direction:column}.fragment-grid{grid-template-columns:1fr}.card-1,.card-2,.card-3,.card-4{grid-column:span 1;min-height:330px}.motion-sticky{position:relative;top:auto}}@media(max-width:680px){.hero-section{padding:118px 16px 54px}.hero-copy h1{max-width:100%;overflow:hidden;font-size:clamp(3.45rem,17vw,4.85rem);line-height:.92}.hero-grid,.mode-strip{width:100%;max-width:calc(100vw - 32px)}.hero-copy,.observatory{width:100%;min-width:0}.hero-copy h1 span{max-width:100%;white-space:nowrap}.hero-actions,.mode-strip,.mode-options,.site-footer{flex-direction:column}.magnetic-button,.mode-options button{width:100%;justify-content:space-between}.magnetic-button{max-width:320px;padding-left:20px}.mode-options{align-items:stretch}.signal-section,.fragment-section,.motion-section,.portal-section,.site-footer{width:min(100% - 32px,1420px)}.observatory-core{min-height:420px}.time-face{left:20px;right:20px}.time-face strong{font-size:3.2rem}.stack-card{min-height:250px}.portal-copy,.portal-panel{min-height:280px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.field-canvas,.cursor-aura{opacity:.35}}