:root{color-scheme:dark;--void: #070a12;--night: #101827;--ink: #fbf6ec;--muted: #c8beaa;--dim: #8a806f;--glass: rgba(13, 18, 29, .62);--glass-strong: rgba(13, 18, 29, .82);--paper: #f4ead8;--paper-ink: #241a13;--paper-muted: #6e5e4d;--accent: #e2b95d;--accent-strong: #f4d886;--rose: #d17d88;--line: rgba(251, 246, 236, .16);--shadow: rgba(0, 0, 0, .38);--radius: 18px;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif;background:var(--void)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at 18% 8%,rgba(226,185,93,.16),transparent 28rem),radial-gradient(circle at 84% 2%,rgba(122,154,192,.13),transparent 30rem),linear-gradient(180deg,#070a12,#101827 48%,#12101b);overflow-x:hidden}button,input{font:inherit}button{min-height:46px;border:0;border-radius:999px;padding:0 22px;color:#171008;background:var(--accent);cursor:pointer;transition:transform .18s ease,background .18s ease,opacity .18s ease}button:hover{background:var(--accent-strong);transform:translateY(-1px)}button:active{transform:translateY(1px) scale(.98)}button:disabled{cursor:default;opacity:.62;transform:none}button:focus-visible,input:focus-visible{outline:3px solid rgba(226,185,93,.42);outline-offset:3px}img{display:block;width:100%;height:100%;object-fit:cover}p,h1,h2,h3{margin-top:0}h1,h2,h3{font-family:Kaiti SC,STKaiti,KaiTi,"Noto Serif CJK SC",PingFang SC,serif;font-weight:600;letter-spacing:0}.small-label{margin:0 0 14px;color:var(--accent-strong);font-size:.92rem;font-weight:750}.gate{min-height:100dvh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 32% 20%,rgba(226,185,93,.22),transparent 26rem),radial-gradient(circle at 72% 72%,rgba(209,125,136,.12),transparent 28rem)}.gate-card{width:min(100%,480px);padding:clamp(28px,7vw,50px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:#0d121dd1;box-shadow:0 30px 90px var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.gate-card h1{max-width:9em;margin-bottom:18px;font-size:3.45rem;line-height:1.12;text-wrap:balance;word-break:keep-all}.gate-card p:not(.small-label){color:var(--muted);line-height:1.8}.gate-audio-tip{margin-top:18px;padding:12px 14px;border:1px solid rgba(226,185,93,.18);border-radius:14px;color:#f2dfb1;background:#e2b95d14;line-height:1.65}.gate-card label{display:block;margin:22px 0 8px;color:var(--ink)}.gate-card input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:14px;padding:0 16px;color:var(--ink);background:#ffffff14}.gate-card button{width:100%;margin-top:16px}.form-error{display:block;margin-top:8px;color:#ffd3d8;line-height:1.5}.form-notice{display:block;margin-top:8px;color:#f4dfaa;line-height:1.5}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(18px,5vw,56px);background:linear-gradient(180deg,#070a12d6,#070a1200);pointer-events:none}.topbar span,.topbar button{pointer-events:auto}.topbar span{font-weight:750}.audio-button{min-height:40px;padding:0 16px;color:var(--ink);background:#ffffff1a;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.audio-button[aria-pressed=true]{color:#171008;background:var(--accent)}.galaxy-voyage{position:relative;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(226,185,93,.08),transparent 22rem),#070a12}.voyage-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.voyage-canvas canvas{display:block;width:100%!important;height:100%!important}.galaxy-voyage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 52%,transparent 0 30%,rgba(7,10,18,.52) 78%),linear-gradient(90deg,rgba(7,10,18,.76),transparent 32%,transparent 68%,rgba(7,10,18,.72))}.meteor-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.meteor-layer span{position:absolute;width:180px;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96),transparent);transform:rotate(-24deg) translate(-220px);opacity:0;animation:meteor 6.8s ease-in-out infinite}.meteor-layer span:nth-child(1){left:14%;top:20%}.meteor-layer span:nth-child(2){left:58%;top:15%;animation-delay:2.1s}.meteor-layer span:nth-child(3){left:38%;top:64%;animation-delay:4.4s}.voyage-copy{position:relative;z-index:3;width:min(100% - 40px,760px);padding:112px 0 0 clamp(20px,6vw,72px)}.voyage-copy h1{max-width:12em;margin-bottom:22px;font-size:5.2rem;line-height:1.12;text-wrap:balance}.voyage-copy p:not(.small-label),.memory-panel p,.zju-copy p,.proposal-card p{color:var(--muted);font-size:1.08rem;line-height:1.85}.memory-panel{position:absolute;right:clamp(16px,5vw,62px);bottom:clamp(78px,7vw,98px);z-index:4;width:min(520px,calc(100% - 32px));max-height:min(68dvh,680px);overflow:auto;padding:clamp(22px,4vw,34px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);background:#0a0f19b8;box-shadow:0 26px 90px #0006;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.memory-panel.is-flying{border-color:#e2b95d57;background:#0a0f1994}.memory-panel.is-arriving{border-color:#e2b95d47;background:#0a0f19a3}.memory-panel h2{margin-bottom:16px;font-size:3.1rem;line-height:1.1}.panel-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;color:var(--accent-strong);font-size:.92rem}.panel-images{display:grid;gap:10px;margin:0 0 18px}.panel-images.count-1{grid-template-columns:1fr}.panel-images.count-2,.panel-images.count-3{grid-template-columns:1fr 1fr}.panel-images.count-3 img:first-child{grid-row:span 2}.panel-images img,.panel-empty{min-height:150px;max-height:280px;border-radius:14px;overflow:hidden;background:#ffffff14}.panel-empty{display:grid;place-items:center;min-height:220px;padding:22px;color:var(--muted);text-align:center}.panel-copy p{margin-bottom:10px}.memory-content-reveal{animation:memoryContentIn .9s cubic-bezier(.16,1,.3,1) both}.memory-panel button{margin-top:10px}.flight-progress{position:relative;height:2px;margin-top:24px;overflow:hidden;border-radius:999px;background:#ffffff1f}.flight-progress span{position:absolute;inset-block:0;left:-42%;width:42%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--accent-strong),transparent);box-shadow:0 0 20px #e2b95d9e;animation:flightLine 1.2s cubic-bezier(.16,1,.3,1) infinite}.star-picker{position:absolute;left:clamp(16px,5vw,62px);bottom:clamp(18px,4vw,36px);z-index:5;display:flex;flex-wrap:wrap;gap:8px;max-width:min(520px,calc(100% - 32px))}.star-picker button{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;color:var(--ink);background:#ffffff1a;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.star-picker button.is-active{color:#171008;background:var(--accent)}.star-picker button:disabled{opacity:.78}.star-picker button.is-active:disabled{opacity:1}.zju-section,.proposal{padding:clamp(66px,9vw,118px) clamp(20px,6vw,86px)}.zju-section{display:grid;grid-template-columns:minmax(0,.92fr) minmax(300px,1.08fr);gap:clamp(30px,7vw,82px);align-items:center;min-height:100dvh}.zju-copy{max-width:760px}.zju-copy h2,.proposal-card h2{margin-bottom:18px;font-size:4.35rem;line-height:1.08}.constellation{position:relative;width:100%;min-height:0;height:clamp(390px,38vw,540px);border:1px solid rgba(226,185,93,.18);border-radius:var(--radius);background:#070a12;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 30px 90px #00000047;isolation:isolate}.constellation:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 54%,transparent 0 45%,rgba(7,10,18,.34) 78%),linear-gradient(180deg,#070a121a,#070a1247)}.constellation img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.015);filter:saturate(1.08) contrast(1.04)}.numbered-star{position:absolute;z-index:2;left:var(--x);top:var(--y);display:grid;place-items:center;border-radius:50%;color:#171008;background:radial-gradient(circle at 38% 32%,#fff6c7,var(--accent) 58%,#b9872d);border:1px solid rgba(255,246,199,.72);box-shadow:0 0 18px #e2b95db8,0 0 42px #e2b95d47;font-weight:800;--pulse-origin: translate(-50%, -50%);animation:starPulse 3s ease-in-out infinite;animation-delay:var(--delay)}.constellation-star{width:clamp(34px,4vw,46px);height:clamp(34px,4vw,46px);font-size:clamp(.78rem,1.1vw,.92rem)}.star-lamp{position:relative;width:min(72vw,430px);height:min(72vw,430px)}.lamp-globe{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1px solid rgba(226,185,93,.26);border-radius:50%;background:radial-gradient(circle at 45% 42%,rgba(255,255,255,.32),transparent 14%),radial-gradient(circle at 52% 55%,rgba(226,185,93,.22),transparent 66%),#ffffff0b;box-shadow:inset 0 1px #ffffff2e,0 0 80px #e2b95d33,0 38px 90px var(--shadow);overflow:hidden}.lamp-globe:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.lamp-globe i{position:absolute;border-radius:50%;background:var(--accent-strong);box-shadow:0 0 14px #e2b95de6;--pulse-origin: translate(0, 0);animation:starPulse 2.8s ease-in-out infinite}.lamp-pole{position:absolute;left:50%;top:86%;width:12px;height:28%;transform:translate(-50%);border-radius:999px;background:linear-gradient(var(--accent),rgba(226,185,93,0));opacity:.54}.generated-lamp{position:relative;width:min(64vw,420px);max-width:100%;aspect-ratio:744 / 1024;overflow:hidden;border:1px solid rgba(226,185,93,.2);border-radius:calc(var(--radius) + 4px);background:#111936;box-shadow:0 0 90px #e2b95d29,0 34px 98px #00000057;isolation:isolate}.generated-lamp img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.02) contrast(1.03)}.generated-lamp:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 54%,transparent 0 35%,rgba(8,13,28,.08) 58%,rgba(8,13,28,.16) 100%),linear-gradient(180deg,#070a1205,#070a1224)}.lamp-sparkle{position:absolute;z-index:2;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#fff9d9;box-shadow:0 0 8px #fff9d9f2,0 0 16px #e2b95d94;--pulse-origin: translate(-50%, -50%);animation:starPulse 2.8s ease-in-out infinite;animation-delay:var(--delay)}.proposal{min-height:100dvh;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:clamp(30px,8vw,86px);align-items:center}.proposal-lamp{display:grid;place-items:center}.proposal-card{padding:clamp(26px,6vw,56px);border-radius:var(--radius);color:var(--paper-ink);background:var(--paper);box-shadow:0 32px 90px #04070c57}.proposal-card .small-label{color:#8d6a28}.proposal-card p{color:var(--paper-muted)}.decision-row{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 10px}.decision-row button{min-width:132px}.decision-row .secondary{color:var(--paper-ink);background:transparent;border:1px solid rgba(36,26,19,.26)}.submit-status{min-height:1.5em;color:#7a5a21}.gentle-answer,.yes-panel{margin-top:28px;padding:22px;border:1px solid rgba(36,26,19,.12);border-radius:var(--radius);background:#ffffff6b}.gentle-answer h3,.blind-box h3{margin-bottom:10px;font-size:2rem}.yes-panel{display:grid;gap:18px}.love-timer{padding:20px;border-radius:16px;color:var(--ink);background:var(--night)}.love-timer p{margin-bottom:6px;color:var(--muted)}.love-timer strong{display:block;color:var(--accent-strong);font-size:2.35rem;line-height:1.22}.blind-box{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(226,185,93,.28);border-radius:16px;background:radial-gradient(circle at 18% 10%,rgba(226,185,93,.22),transparent 28%),#ffffff80}.blind-box button{margin-top:10px}.blind-box.is-rolling:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:translate(-100%);animation:sweep .7s ease-in-out infinite}.reveal{animation:revealUp .76s cubic-bezier(.16,1,.3,1) both}@keyframes revealUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes memoryContentIn{0%{opacity:0;transform:translateY(16px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes starPulse{0%,to{opacity:.58;transform:var(--pulse-origin, translate(0, 0)) scale(.88)}50%{opacity:1;transform:var(--pulse-origin, translate(0, 0)) scale(1.2)}}@keyframes flightLine{0%{transform:translate(0)}to{transform:translate(340%)}}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes meteor{0%,72%{opacity:0;transform:rotate(-24deg) translate(-240px)}78%{opacity:.9}90%,to{opacity:0;transform:rotate(-24deg) translate(420px)}}@media(max-width:980px){.galaxy-voyage{min-height:100dvh}.voyage-copy{width:min(100% - 32px,620px);padding:92px 16px 0}.memory-panel{left:16px;right:16px;bottom:108px;width:auto;max-height:42dvh}.star-picker{left:16px;right:16px;bottom:18px}.zju-section,.proposal{grid-template-columns:1fr}.constellation{min-height:320px;height:min(88vw,430px)}.generated-lamp{width:min(76vw,390px);margin-inline:auto}}@media(max-width:620px){.gate{padding:18px}.gate-card{padding:24px 22px}.topbar{min-height:56px;padding:10px 16px}.topbar span{max-width:12ch;font-size:.92rem}.audio-button{min-height:38px;padding-inline:13px;font-size:.9rem}.small-label{font-size:.84rem}.voyage-copy{width:calc(100% - 32px);padding-top:82px}.voyage-copy h1{max-width:100%;font-size:2.08rem;line-height:1.18;text-wrap:balance;overflow-wrap:anywhere}.voyage-copy p:not(.small-label),.memory-panel p,.zju-copy p,.proposal-card p{font-size:.98rem;line-height:1.72}.gate-card h1{font-size:2.22rem;line-height:1.18}.gate-card p:not(.small-label),.gate-audio-tip{font-size:.96rem}.memory-panel{bottom:70px;max-height:48dvh;padding:18px}.memory-panel h2{font-size:1.95rem}.panel-meta{font-size:.82rem}.star-picker{bottom:14px;gap:5px}.star-picker button{width:36px;min-width:36px;height:36px;min-height:36px;font-size:.84rem}.zju-section,.proposal{padding:82px 23px 64px;gap:24px}.zju-copy h2,.proposal-card h2{font-size:2.12rem;line-height:1.14}.constellation{height:min(80vw,340px)}.constellation-star{width:32px;height:32px;font-size:.72rem}.generated-lamp{width:min(82vw,330px)}.gentle-answer h3,.blind-box h3{font-size:1.55rem}.love-timer strong{font-size:1.62rem}.panel-images.count-2,.panel-images.count-3{grid-template-columns:1fr}.panel-images.count-3 img:first-child{grid-row:auto}.panel-images img,.panel-empty{min-height:132px;max-height:188px}.proposal-card{padding:24px 22px}.decision-row{display:grid;gap:10px}.decision-row button{width:100%;min-height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}