:root {
  --bg: #f7f7f2;
  --surface: #ffffff;
  --ink: #141414;
  --muted: #626262;
  --line: rgba(20,20,20,.13);
  --purple: #7557ff;
  --pink: #ff7bbd;
  --blue: #73d8ff;
  --lime: #c9f36b;
  --yellow: #ffd95c;
  --cyan: var(--purple);
  --text: var(--ink);
  --panel: var(--surface);
  --max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--bg); font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; overflow-x: hidden; }
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
.stars { position: fixed; inset: 0; pointer-events: none; opacity: .22; background-image: radial-gradient(circle at 20% 30%,#7557ff 0 2px,transparent 2.5px),radial-gradient(circle at 70% 12%,#ff7bbd 0 2px,transparent 2.5px),radial-gradient(circle at 88% 68%,#2ea8d8 0 2px,transparent 2.5px); background-size: 280px 280px,360px 360px,440px 440px; }
.aurora { position: fixed; width: 45vw; height: 45vw; border-radius: 50%; filter: blur(110px); opacity: .18; pointer-events: none; }
.aurora-a { top: -25vw; right: -5vw; background: var(--pink); }.aurora-b { top: 45vh; left: -30vw; background: var(--blue); }
.section-shell { width: min(calc(100% - 48px),var(--max)); margin-inline: auto; position: relative; }
.site-header { position: fixed; z-index: 20; top: 18px; left: 50%; transform: translateX(-50%); width: min(calc(100% - 36px),1240px); height: 64px; display: flex; align-items: center; gap: 30px; padding: 0 12px 0 20px; background: rgba(255,255,255,.82); border: 1px solid rgba(20,20,20,.1); border-radius: 999px; backdrop-filter: blur(20px); box-shadow: 0 10px 36px rgba(30,20,70,.08); }
.brand { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 900; letter-spacing: .11em; }
.brand-mark { width: 32px; height: 32px; display: grid; place-items: center; color: white; background: var(--purple); border-radius: 50%; transform: rotate(-8deg); }
nav { display: flex; gap: 25px; margin-left: auto; } nav a { color: #555; font-size: 13px; font-weight: 650; } nav a:hover { color: var(--purple); }
.header-cta,.button { border: 0; cursor: pointer; }.header-cta { padding: 12px 19px; border-radius: 999px; color: white; background: var(--ink); font-size: 13px; font-weight: 800; }
.menu-toggle { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 40px; height: 40px; padding: 0 10px; border: 0; background: transparent; cursor: pointer; }.menu-toggle span { display: block; height: 2px; border-radius: 2px; background: var(--ink); transition: transform .25s,opacity .25s; }.mobile-menu { display: none; }
.hero { min-height: 100svh; padding-top: 150px; padding-bottom: 80px; display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 55px; }
/* 重置 .section-shell 在首屏上的宽度限制，让 .orbit-bg 真正铺满整个视口宇宙 */
.hero.section-shell { width: 100%; max-width: none; margin: 0; padding-inline: max(48px, calc((100vw - 1180px) / 2)); }
.eyebrow { color: #555; font-size: 11px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }.signal { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(201,243,107,.25); }
h1,h2,h3,p { margin-top: 0; }.hero h1 { margin: 25px 0 28px; font-size: clamp(62px,8.4vw,116px); line-height: .88; letter-spacing: -.075em; }.hero h1 span,.belief h2 span,.section-heading h2 span,.contact h2 span { color: var(--purple); -webkit-text-stroke: 0; }
.hero-lead { max-width: 650px; color: #494949; font-size: clamp(16px,1.5vw,20px); line-height: 1.8; }.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 36px; }.button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 54px; padding: 0 24px; border-radius: 999px; font-size: 14px; font-weight: 800; transition: transform .2s,box-shadow .2s; }.button:hover { transform: translateY(-2px); }.button-primary { color: white; background: var(--purple); box-shadow: 0 14px 30px rgba(117,87,255,.24); }.button-ghost { background: white; border: 1px solid var(--line); }
/* 视口宽于 1180px 时锁定内容容器宽度，跟随左右空白居中 */
.hero-orbit { position: relative; width: 100%; max-width: 480px; aspect-ratio: 1; display: grid; place-items: center; justify-self: end; }
.hero-copy,.hero-orbit { position: relative; z-index: 1; }
.orbit-bg { position: absolute; left: 50%; top: 0; bottom: 0; width: 100vw; transform: translateX(-50%); pointer-events: none; overflow: hidden; }
.bg-beam { position: absolute; top: -10%; left: 50%; transform: translateX(-50%); width: 200%; height: 130%; background: radial-gradient(ellipse at 50% 35%,rgba(180,160,255,.45) 0%,rgba(140,110,255,.18) 25%,transparent 55%); filter: blur(28px); opacity: .85; animation: beam-pulse 6s ease-in-out infinite alternate; }
.bg-beam-b { top: auto; bottom: -20%; background: radial-gradient(ellipse at 50% 80%,rgba(255,200,120,.35) 0%,transparent 60%); animation: beam-pulse 7s ease-in-out infinite alternate-reverse; }
.bg-particles { position: absolute; inset: 0; }
.bg-particles i { position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #fff; box-shadow: 0 0 8px rgba(255,255,255,.9); opacity: .8; }
.bg-particles i:nth-child(1){ top:14%; left:22%; animation: particle-drift 9s ease-in-out infinite; }
.bg-particles i:nth-child(2){ top:32%; left:78%; width:3px; height:3px; animation: particle-drift 11s ease-in-out -2s infinite; }
.bg-particles i:nth-child(3){ top:58%; left:14%; width:5px; height:5px; animation: particle-drift 13s ease-in-out -4s infinite; }
.bg-particles i:nth-child(4){ top:74%; left:64%; width:2px; height:2px; animation: particle-drift 10s ease-in-out -3s infinite; }
.bg-particles i:nth-child(5){ top:46%; left:88%; animation: particle-drift 12s ease-in-out -1s infinite; }
.bg-particles i:nth-child(6){ top:8%; left:58%; width:2px; height:2px; animation: particle-drift 14s ease-in-out -5s infinite; }
.bg-particles i:nth-child(7){ top:84%; left:38%; animation: particle-drift 9s ease-in-out -2s infinite; }
.bg-particles i:nth-child(8){ top:22%; left:38%; width:3px; height:3px; animation: particle-drift 15s ease-in-out -3s infinite; }
.bg-particles i:nth-child(9){ top:64%; left:48%; width:2px; height:2px; animation: particle-drift 11s ease-in-out -6s infinite; }
.bg-particles i:nth-child(10){ top:90%; left:82%; animation: particle-drift 13s ease-in-out -4s infinite; }
.orbit-stage { position: absolute; inset: 0; display: grid; place-items: center; perspective: 1200px; }
.orbit-arc { position: absolute; top: 50%; left: 50%; border-radius: 50%; border-style: solid; border-color: transparent; pointer-events: none; transform-origin: 0 0; will-change: transform,opacity; }
.arc-a { width: 82%; height: 82%; border-width: 1.5px; border-top-color: rgba(98,87,255,.55); border-right-color: rgba(98,87,255,.38); border-bottom-color: rgba(98,87,255,.12); border-left-color: rgba(98,87,255,.32); animation: orbit-spin 28s linear infinite; filter: drop-shadow(0 0 12px rgba(98,87,255,.28)); }
.arc-b { width: 60%; height: 60%; border-width: 1.5px; border-top-color: rgba(33,196,168,.5); border-right-color: rgba(33,196,168,.22); border-left-color: rgba(33,196,168,.35); animation: orbit-spin-rev 22s linear infinite; filter: drop-shadow(0 0 10px rgba(33,196,168,.2)); }
.orbit-spark { position: absolute; top: -3px; right: -3px; width: 6px; height: 6px; border-radius: 50%; pointer-events: none; background: radial-gradient(circle,#fff 0%,rgba(255,255,255,.9) 30%,transparent 70%); box-shadow: 0 0 12px #fff,0 0 24px rgba(180,160,255,.6); }
.spark-a { animation: spark-pulse 1.5s ease-in-out infinite; }
.spark-b { animation: spark-pulse 1.8s ease-in-out -0.5s infinite; }
@keyframes spark-pulse { 0%,100% { transform: scale(.8); opacity: .7; } 50% { transform: scale(1.3); opacity: 1; } }
.planet { position: relative; z-index: 3; display: grid; place-items: center; text-align: center; color: #fff; will-change: transform; overflow: visible; padding: 20px 28px; }
.planet-aura { position: absolute; inset: -40px; border-radius: 50%; background: radial-gradient(circle,rgba(140,108,255,.35) 0%,rgba(140,108,255,.12) 35%,transparent 70%); filter: blur(20px); z-index: -1; pointer-events: none; animation: planet-aura 3.6s ease-in-out infinite alternate; }
.planet-glyph { position: relative; z-index: 1; display: grid; gap: 10px; text-shadow: 0 2px 18px rgba(0,0,0,.5); }
.planet-glyph strong { font-size: 28px; letter-spacing: .14em; font-weight: 900; display: flex; align-items: baseline; gap: 12px; justify-content: center; flex-wrap: wrap; }
.planet-glyph strong em { font-style: normal; font-size: 26px; letter-spacing: .18em; background: linear-gradient(135deg,#fff 0%,#c8b6ff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.planet-glyph small { color: rgba(255,255,255,.7); font: 600 10px/1 monospace; letter-spacing: .28em; }
@keyframes planet-aura { from { opacity: .55; transform: scale(.9); } to { opacity: 1; transform: scale(1.15); } }
.orbit-card { position: absolute; z-index: 4; display: inline-flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 16px; background: rgba(255,255,255,.82); border: 1px solid rgba(255,255,255,.95); box-shadow: 0 16px 40px rgba(80,60,160,.22),inset 0 1px 0 rgba(255,255,255,.95); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); color: #222; will-change: transform; cursor: pointer; transition: box-shadow .25s ease, background .25s ease, transform .25s ease; }
.orbit-card:hover { background: #fff; box-shadow: 0 20px 48px rgba(80,60,160,.32), inset 0 1px 0 rgba(255,255,255,.95); }
.orbit-card:active { transform: scale(.96); }
.orbit-card:focus-visible { outline: 2px solid var(--purple); outline-offset: 3px; }
.orbit-card .card-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(150deg,#9b86ff,#5a3ed8); color: #fff; font-size: 14px; box-shadow: 0 6px 16px rgba(106,78,224,.4),inset 0 1px 0 rgba(255,255,255,.5); }
.orbit-card .card-icon i { font-style: normal; }
.orbit-card .card-copy { display: grid; gap: 3px; }
.orbit-card .card-copy b { font: 800 11px/1 monospace; letter-spacing: .14em; }
.orbit-card .card-copy p { font-size: 10px; color: #6e6892; letter-spacing: .05em; }
.card-a { top: 14%; right: 6%; transform: rotate(-4deg); }
.card-b { top: 52%; right: -2%; transform: rotate(6deg); }
.card-c { bottom: 16%; left: 4%; transform: rotate(-3deg); }
 @keyframes orbit-spin { to { transform: rotate(360deg); } }
 @keyframes orbit-spin-rev { to { transform: rotate(-360deg); } }
 @keyframes beam-pulse { from { opacity: .7; transform: translateX(-50%) scale(.95); } to { opacity: 1; transform: translateX(-50%) scale(1.08); } }
 @keyframes particle-drift { 0%,100% { transform: translateY(0); opacity: .4; } 50% { transform: translateY(-14px); opacity: 1; } }
 @keyframes streak-pulse { 0%,100% { opacity: .3; transform: translateY(-50%) scaleX(.8); } 50% { opacity: 1; transform: translateY(-50%) scaleX(1.15); } }
 @keyframes spin { to { transform: rotate(360deg); } }
.coordinates { display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 100px; background: var(--ink); color: white; border-radius: 22px; overflow: hidden; box-shadow: 0 18px 50px rgba(20,20,20,.12); -webkit-mask-image: linear-gradient(to bottom,black 0%,black 68%,transparent 100%); mask-image: linear-gradient(to bottom,black 0%,black 68%,transparent 100%); }.coordinates div { min-height: 105px; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; border-right: 1px solid rgba(255,255,255,.18); }.coordinates div:last-child { border-right: 0; }.coordinates span { color: #aaa; font: 10px monospace; letter-spacing: .13em; }.coordinates strong { font-size: 16px; }.coordinates .status-live { color: var(--lime); }
.aigc-entry { margin-bottom: 100px; padding: 48px; display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: end; color: white; border-radius: 30px; background: radial-gradient(circle at 75% 0,rgba(98,222,208,.24),transparent 38%),linear-gradient(135deg,#161922,#27213e 65%,#15191f); box-shadow: 0 24px 60px rgba(25,20,55,.18); }.aigc-entry-copy > span { color: #75e8d4; font: 800 10px monospace; letter-spacing: .16em; }.aigc-entry h2 { margin: 25px 0 18px; font-size: clamp(38px,4.8vw,66px); line-height: 1.02; letter-spacing: -.05em; }.aigc-entry p { max-width: 630px; margin: 0; color: #adb4c3; line-height: 1.8; }.aigc-entry-action { min-width: 190px; display: flex; flex-direction: column; align-items: flex-end; }.aigc-entry-action small { color: #8f97a6; }.aigc-entry-action strong { margin: 8px 0 25px; font-size: 34px; }.aigc-entry-action strong i { font-size: 13px; font-style: normal; }.aigc-entry .button { color: #101316; background: #75e8d4; box-shadow: none; }
.belief,.mission,.aboard,.vision,.collab { padding-block: 108px; border-top: 1px solid var(--line); }.section-index { margin-bottom: 55px; color: #777; font: 800 10px/1 monospace; letter-spacing: .18em; }.belief-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 90px; align-items: end; }.belief h2,.section-heading h2,.contact h2 { margin-bottom: 0; font-size: clamp(42px,5.4vw,76px); line-height: 1.04; letter-spacing: -.055em; }.belief-grid > p { color: var(--muted); line-height: 1.9; font-size: 16px; }
.traits { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 70px; }.trait-card { min-height: 310px; padding: 25px; display: flex; flex-direction: column; border-radius: 24px; }.trait-card:nth-child(1) { background: #fff0a8; transform: rotate(-1deg); }.trait-card:nth-child(2) { background: #dfd7ff; transform: translateY(12px); }.trait-card:nth-child(3) { background: #c9f2ff; transform: rotate(1deg); }.trait-card > span { color: rgba(20,20,20,.45); font: 11px monospace; }.trait-icon { margin: auto 0 28px; color: var(--purple); font-size: 36px; }.trait-card h3 { margin-bottom: 12px; font-size: 25px; }.trait-card p { margin-bottom: 0; color: #4f4f4f; line-height: 1.7; }
.profile,.latest { padding-block: 108px; border-top: 1px solid var(--line); }.profile-grid { display: grid; grid-template-columns: 320px 1fr; gap: 70px; align-items: start; }.profile-avatar { display: flex; flex-direction: column; align-items: center; gap: 14px; }.profile-avatar img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 28px; box-shadow: 0 20px 50px rgba(40,30,80,.14); }.profile-avatar span { color: var(--muted); font: 800 10px monospace; letter-spacing: .16em; }.profile-copy .eyebrow { margin-bottom: 20px; }.profile-copy h2 { margin-bottom: 22px; font-size: clamp(38px,4.6vw,62px); line-height: 1.05; letter-spacing: -.05em; }.profile-copy h2 span { color: var(--purple); }.profile-copy > p:not(.eyebrow) { max-width: 640px; margin: 0 0 38px; color: var(--muted); line-height: 1.9; font-size: 15.5px; }.profile-promises { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }.profile-promises article { padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: white; }.profile-promises b { display: block; margin-bottom: 9px; color: var(--purple); font-size: 14px; }.profile-promises span { color: var(--muted); font-size: 13px; line-height: 1.75; }
.section-heading { display: flex; justify-content: space-between; gap: 45px; align-items: start; margin-bottom: 70px; }.section-heading > p { color: var(--purple); font-size: 13px; font-weight: 800; letter-spacing: .08em; }.section-heading h2 { max-width: 780px; }
.mission-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 16px; }.mission-card { min-height: 260px; padding: 30px; display: flex; flex-direction: column; border-radius: 25px; background: white; box-shadow: 0 14px 40px rgba(40,30,80,.07); }.mission-primary { grid-row: span 2; min-height: 536px; color: white; background: linear-gradient(145deg,#795cff,#4f34ce 65%,#36238f); }.mission-card:nth-child(2) { background: #ffd987; }.mission-card:nth-child(3) { background: #ccefff; }.mission-card > span,.aboard-card > span { color: var(--purple); font: 800 10px monospace; letter-spacing: .15em; }.mission-primary > span { color: var(--lime); }.mission-card h3 { margin: auto 0 16px; font-size: clamp(30px,3vw,46px); }.mission-card p { margin: 0; max-width: 620px; color: #555; line-height: 1.85; }.mission-primary p { color: rgba(255,255,255,.78); }.mission-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }.mission-tags i { padding: 8px 11px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; color: white; font-size: 11px; font-style: normal; }
.aboard-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }.aboard-card { min-height: 370px; padding: 28px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 25px; background: white; transition: transform .2s,box-shadow .2s; }.aboard-card:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(60,40,120,.1); }.aboard-open { background: #dff5ff; }.aboard-symbol { margin: auto 0 26px; color: var(--purple); font-size: 36px; }.aboard-card h3 { margin-bottom: 14px; font-size: 28px; }.aboard-card p { min-height: 70px; margin-bottom: 25px; color: var(--muted); line-height: 1.75; }.aboard-card b { color: var(--purple); font-size: 12px; }
.latest-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }.latest-card { min-height: 230px; padding: 28px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 24px; background: white; transition: transform .2s,box-shadow .2s; }.latest-card:hover { transform: translateY(-6px); box-shadow: 0 18px 45px rgba(60,40,120,.1); }.latest-card:first-child { grid-column: span 2; }.latest-tag { color: var(--purple); font: 800 10px monospace; letter-spacing: .15em; }.latest-card h3 { margin: auto 0 12px; font-size: clamp(24px,3vw,34px); line-height: 1.2; }.latest-card p { margin: 0 0 22px; color: var(--muted); line-height: 1.75; font-size: 14px; }.latest-card b { color: var(--purple); font-size: 12px; }.latest-more { align-items: center; text-align: center; background: #f0ecff; }.latest-more p { max-width: 300px; margin-inline: auto; }
.vision-path { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 18px; }.vision-path div { min-height: 230px; padding: 27px; display: flex; flex-direction: column; border-radius: 24px; background: white; box-shadow: inset 0 0 0 1px var(--line); }.vision-path div:nth-child(3) { background: #eee9ff; }.vision-path div:nth-child(5) { background: #fff0bd; }.vision-path span { color: var(--purple); font: 800 10px monospace; letter-spacing: .15em; }.vision-path strong { margin: auto 0 14px; font-size: 23px; }.vision-path p { margin: 0; color: var(--muted); line-height: 1.7; }.vision-path > i { align-self: center; color: var(--purple); font-size: 25px; font-style: normal; }
.collab-list { display: grid; gap: 12px; }.collab-row { display: grid; grid-template-columns: 60px 1fr auto; align-items: center; gap: 24px; padding: 30px 26px; border: 1px solid var(--line); border-radius: 22px; background: white; transition: .22s; }.collab-row:hover { transform: translateX(6px); border-color: var(--purple); }.collab-no { color: #999; font: 12px monospace; }.collab-tag { margin-bottom: 8px; color: var(--purple); font-size: 10px; font-weight: 800; letter-spacing: .14em; }.collab-row h3 { margin-bottom: 9px; font-size: clamp(25px,3.2vw,42px); }.collab-row div > p:last-child { margin: 0; color: var(--muted); }.collab-arrow { font-size: 27px; color: var(--purple); }
.contact { margin-top: 80px; margin-bottom: 120px; padding: 90px; text-align: center; color: white; border-radius: 32px; background: radial-gradient(circle at 70% 0,rgba(255,123,189,.65),transparent 42%),linear-gradient(135deg,#7658ff,#432ab6); box-shadow: 0 24px 65px rgba(80,50,190,.22); }.contact h2 { margin: 22px 0; }.contact h2 span { color: var(--lime); }.contact > p:not(.eyebrow) { color: rgba(255,255,255,.75); }.contact .eyebrow { color: white; }.contact .button { margin-top: 22px; color: var(--ink); background: white; box-shadow: none; }
.site-footer { padding: 30px 0 50px; display: flex; justify-content: space-between; gap: 30px; border-top: 1px solid var(--line); color: #777; font-size: 11px; letter-spacing: .1em; }.site-footer div { display: flex; flex-direction: column; gap: 8px; }.site-footer strong { color: var(--ink); }
.contact-dialog { width: min(720px,calc(100% - 30px)); padding: 28px; color: var(--ink); background: white; border: 0; border-radius: 28px; grid-template-columns: 1fr 260px; gap: 28px; box-shadow: 0 30px 100px rgba(20,20,20,.3); }.contact-dialog[open] { display: grid; }.contact-dialog::backdrop { background: rgba(35,26,70,.48); backdrop-filter: blur(8px); }.dialog-close { position: absolute; top: 12px; right: 16px; border: 0; background: transparent; color: #666; font-size: 30px; cursor: pointer; }.dialog-copy { padding: 28px 10px; }.dialog-copy h2 { margin: 24px 0 14px; font-size: 40px; }.dialog-copy > p { color: var(--muted); line-height: 1.8; }.dialog-copy a { color: var(--purple); font-size: 13px; }.qr-card { padding: 16px; color: var(--ink); background: #f5f3ff; border-radius: 20px; align-self: center; text-align: center; }.qr-card img { display: block; width: 100%; border-radius: 12px; }.qr-card span { display: block; margin-top: 12px; font-size: 12px; font-weight: 800; }
.reveal { opacity: 1; transform: none; }
[data-detail] { cursor: pointer; position: relative; }
[data-detail]:focus-visible { outline: 3px solid var(--purple); outline-offset: 4px; }
[data-detail]:after { content: "查看详情 ↗"; position: absolute; right: 18px; top: 18px; padding: 7px 9px; border-radius: 999px; color: var(--purple); background: rgba(255,255,255,.76); font-size: 9px; font-weight: 850; opacity: 0; transform: translateY(4px); transition: .2s; }
[data-detail]:hover:after,[data-detail]:focus-visible:after { opacity: 1; transform: none; }
.coordinates [data-detail]:after { color: var(--ink); background: var(--lime); }
.coordinates [data-detail],.trait-card[data-detail],.mission-card[data-detail],.vision-path [data-detail] { transition: transform .2s,box-shadow .2s; }
.coordinates [data-detail]:hover,.mission-card[data-detail]:hover,.vision-path [data-detail]:hover { transform: translateY(-4px); box-shadow: 0 16px 35px rgba(50,35,100,.12); }
@media (max-width:800px) {
  .section-shell { width: min(calc(100% - 28px),var(--max)); }.site-header { top: 10px; height: 56px; }.brand { font-size: 11px; } nav { display: none; }.header-cta { margin-left: 0; padding: 9px 14px; }.menu-toggle { display: flex; margin-left: auto; }.menu-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }.menu-toggle.active span:nth-child(2) { opacity: 0; }.menu-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }.mobile-menu { display: flex; position: fixed; z-index: 19; top: 76px; left: 14px; right: 14px; flex-direction: column; gap: 4px; padding: 14px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.96); backdrop-filter: blur(20px); box-shadow: 0 24px 60px rgba(20,20,20,.18); opacity: 0; transform: translateY(-10px); pointer-events: none; transition: opacity .25s,transform .25s; }.mobile-menu.open { opacity: 1; transform: none; pointer-events: auto; }.mobile-menu a,.mobile-menu button { display: block; width: 100%; padding: 13px 16px; border: 0; border-radius: 14px; background: transparent; color: var(--ink); font-size: 15px; font-weight: 750; text-align: left; }.mobile-menu a:hover { background: rgba(20,20,20,.06); }.mobile-menu button { margin-top: 4px; color: #fff; background: var(--ink); text-align: center; }.hero { min-height: auto; padding-top: 125px; grid-template-columns: 1fr; }.hero h1 { font-size: clamp(56px,19vw,84px); }.hero-orbit { width: 100%; max-width: 440px; margin: 20px auto 0; }.planet { width: 140px; height: 140px; }.coordinates { grid-template-columns: repeat(2,1fr); margin-bottom: 65px; }.coordinates div:nth-child(2) { border-right: 0; }.coordinates div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.18); }.belief,.profile,.mission,.aboard,.latest,.vision,.collab { padding-block: 72px; }.belief-grid,.profile-grid,.traits,.mission-grid,.aboard-grid,.latest-grid,.vision-path { grid-template-columns: 1fr; }.latest-card:first-child { grid-column: auto; }.latest-more h3 { margin-top: 0; }.belief-grid { gap: 30px; }.profile-grid { gap: 40px; }.profile-avatar { max-width: 280px; margin: 0 auto; }.profile-promises { grid-template-columns: 1fr; }.traits { margin-top: 45px; }.trait-card { min-height: 220px; transform: none !important; }.mission-primary { grid-row: auto; min-height: 360px; }.mission-card { min-height: 260px; }.aboard-card { min-height: 300px; }.vision-path > i { transform: rotate(90deg); }.section-heading { display: block; }.section-heading > p { margin-bottom: 20px; }.collab-row { grid-template-columns: 32px 1fr; padding: 25px 18px; }.collab-arrow { display: none; }.collab-row div > p:last-child { line-height: 1.7; }.contact { padding: 60px 22px; }.site-footer { flex-direction: column; }.contact-dialog[open] { grid-template-columns: 1fr; }.dialog-copy { padding-bottom: 0; }.qr-card { width: min(100%,260px); margin: auto; }
  .aigc-entry { margin-bottom: 65px; padding: 34px 24px; grid-template-columns: 1fr; gap: 35px; }.aigc-entry-action { align-items: flex-start; }
}
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
@media (max-width:800px) {
  /* 手机端首屏更紧凑，给 hero 留更多可读空间 */
  .hero { padding-top: 118px; padding-bottom: 28px; gap: 24px; }
  .hero-orbit { max-width: 360px; margin-top: 12px; }
}
@media (max-width:600px) {
  .hero { padding-top: 96px; padding-bottom: 24px; gap: 20px; }
  .hero-orbit { max-width: 320px; }
  .hero h1 { font-size: clamp(38px,11vw,48px); }
  .planet-glyph strong { font-size: 18px; }
  .planet-glyph strong em { font-size: 16px; }
}
@media(max-width:600px){.section-shell{width:min(calc(100% - 36px),var(--max))}.site-header{top:9px;width:calc(100% - 20px);height:52px;padding:0 8px 0 12px}.brand{font-size:9.5px}.brand-mark{width:27px;height:27px}.header-cta{padding:8px 12px;font-size:11px}.hero{padding-top:100px;padding-bottom:52px;gap:30px}.hero h1{margin:20px 0;font-size:clamp(40px,11.8vw,50px);line-height:.96}.hero-lead{font-size:14px;line-height:1.75}.hero-actions{margin-top:26px;gap:8px}.button{min-height:46px;padding:0 18px;gap:12px;font-size:12px}.hero-orbit{max-width:420px}.planet strong{font-size:20px}.planet-glyph strong em{font-size:18px}.planet small{font-size:10px}.coordinates{margin-bottom:52px;border-radius:17px}.coordinates div{min-height:86px;padding:16px}.coordinates span{font-size:8px}.coordinates strong{font-size:13px}.aigc-entry{margin-bottom:55px;padding:25px 20px;grid-template-columns:1fr;gap:24px;border-radius:21px}.aigc-entry h2{margin:18px 0 13px;font-size:32px}.aigc-entry p{font-size:13px;line-height:1.7}.aigc-entry-action{min-width:0;align-items:flex-start}.aigc-entry-action strong{margin:5px 0 17px;font-size:26px}.belief,.mission,.aboard,.latest,.vision,.collab{padding-block:54px}.section-index{margin-bottom:33px;font-size:8.5px}.belief h2,.section-heading h2,.contact h2{font-size:clamp(30px,9vw,37px);line-height:1.08}.belief-grid{gap:20px}.belief-grid>p{font-size:13.5px;line-height:1.75}.traits{gap:9px;margin-top:34px}.trait-card{min-height:180px;padding:19px;border-radius:18px}.trait-icon{margin-bottom:19px;font-size:29px}.trait-card h3{font-size:22px}.trait-card p{font-size:13px}.section-heading{margin-bottom:38px}.section-heading>p{font-size:10px}.mission-grid,.aboard-grid{gap:10px}.mission-card{min-height:210px;padding:21px;border-radius:19px}.mission-primary{min-height:285px}.mission-card h3{font-size:clamp(26px,8vw,33px)}.mission-card p{font-size:13px;line-height:1.7}.mission-tags{margin-top:20px}.mission-tags i{padding:6px 8px;font-size:9px}.aboard-card{min-height:235px;padding:20px;border-radius:19px}.aboard-symbol{margin-bottom:18px;font-size:29px}.aboard-card h3{font-size:23px}.aboard-card p{min-height:0;margin-bottom:18px;font-size:13px}.collab-list{gap:9px}.collab-row{padding:20px 16px;gap:15px;border-radius:17px}.collab-row h3{font-size:24px}.collab-row div>p:last-child{font-size:13px}.contact{margin-top:52px;margin-bottom:72px;padding:40px 18px;border-radius:23px}.contact h2{margin:17px 0}.contact>p:not(.eyebrow){font-size:13px}.contact-dialog{padding:21px 17px;border-radius:21px}.dialog-copy{padding:20px 4px 0}.dialog-copy h2{font-size:29px}.dialog-copy>p{font-size:13px}.dialog-copy a{font-size:11px}.qr-card{width:min(100%,215px);padding:12px}.menu-toggle{width:36px;height:36px;gap:4px;padding:0 8px}.menu-toggle.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu{top:70px;left:10px;right:10px;border-radius:19px}.latest-grid{gap:10px}.latest-card{min-height:0;padding:20px;border-radius:19px}.site-footer{gap:10px;padding-bottom:32px;font-size:9px}}
.dialog-copy a{display:block;margin-top:10px}
/* 全局交互增强：顶部滚动进度条 + 返回顶部按钮 */
.scroll-progress { position: fixed; z-index: 60; top: 0; left: 0; height: 3px; width: 100%; pointer-events: none; }
.scroll-progress::before { content: ""; display: block; height: 100%; width: var(--progress, 0%); background: linear-gradient(90deg, var(--purple), var(--lime)); box-shadow: 0 0 12px rgba(117,87,255,.5); transition: width .12s linear; }
.back-to-top { position: fixed; z-index: 40; right: 20px; bottom: 24px; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line); background: rgba(255,255,255,.86); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); color: var(--ink); cursor: pointer; box-shadow: 0 12px 30px rgba(30,20,70,.16); opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .28s ease, transform .28s ease, box-shadow .28s ease; }
.back-to-top svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.back-to-top.show { opacity: 1; transform: none; pointer-events: auto; }
@media (hover:hover) { .back-to-top:hover { transform: translateY(-2px); box-shadow: 0 16px 38px rgba(30,20,70,.2); } }
.back-to-top:active { transform: scale(.93); }
@media (max-width:800px) { .back-to-top { right: 14px; bottom: 18px; width: 42px; height: 42px; } .scroll-progress { height: 2.5px; } }