*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#fff}body{background:#021b60;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,#pages:focus-visible{outline:2px solid #cafffd;outline-offset:4px}.ambient{position:fixed;inset:-15%;background:radial-gradient(ellipse at 70% 25%,#0788b9 0,transparent 52%),radial-gradient(ellipse at 24% 70%,#2534c7 0,transparent 50%),linear-gradient(135deg,#031849,#062357);opacity:.85;animation:ambientDrift 16s ease-in-out infinite alternate}.desktop-note{position:fixed;left:max(6vw,30px);top:25%;color:#bfecf4}.desktop-note>span{font:10px Arial;letter-spacing:3px}.desktop-note p{font-family:Georgia,"SimSun",serif;font-size:38px;line-height:1.8;letter-spacing:6px;font-weight:400}.desktop-note small{font-size:12px;line-height:2;letter-spacing:2px;opacity:.6}.invitation{position:relative;width:min(100%,480px);height:100dvh;margin:auto;background:#063ec5;box-shadow:0 0 100px #0005;overflow:hidden}.invitation:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;background:linear-gradient(110deg,transparent 20%,#9ffcff0d 47%,transparent 70%);transform:translateX(-130%);animation:glassSweep 8s ease-in-out infinite}.chrome{position:absolute;z-index:7;top:0;left:0;right:0;padding:calc(22px + env(safe-area-inset-top)) 28px 8px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:11px;letter-spacing:1px;color:#e7faff}.wordmark i{font-style:normal;padding:0 4px;color:#84edee}#music{border:1px solid #ffffff66;border-radius:50%;background:#ffffff12;color:white;width:32px;height:32px;transition:transform .35s,background .35s,box-shadow .35s}#music.playing{background:#9df9f12b;box-shadow:0 0 18px #8bfff780;animation:musicPulse 2.4s ease-in-out infinite}.hint{position:absolute;z-index:7;top:calc(52px + env(safe-area-inset-top));left:28px;font-size:9px;letter-spacing:2px;opacity:.62;pointer-events:none;animation:hintFloat 2.2s ease-in-out infinite}#pages{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;scroll-behavior:smooth}#pages::-webkit-scrollbar{display:none}.page{position:relative;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:radial-gradient(ellipse at 95% 8%,#04c9de88,transparent 52%),linear-gradient(160deg,#0643ce 0%,#0239bb 52%,#001c85 100%);isolation:isolate}.page:before{content:"";position:absolute;width:440px;height:440px;border:1px solid #6ce5ef20;border-radius:50%;right:-240px;top:130px;box-shadow:0 0 0 65px #7ef7ff07,0 0 0 130px #7ef7ff04;z-index:-1;transform:scale(.86) rotate(-6deg);opacity:.45;transition:transform 1.5s cubic-bezier(.16,1,.3,1),opacity 1.2s}.page.is-active:before{transform:scale(1) rotate(0);opacity:1;animation:ringBreath 7s ease-in-out 1.5s infinite}.page:after{content:"";position:absolute;left:-30%;top:-10%;width:55%;height:120%;z-index:0;background:linear-gradient(90deg,transparent,#92ffff12,transparent);transform:skewX(-14deg) translateX(-180%)}.page.is-active:after{animation:pageLight 1.6s .2s cubic-bezier(.16,1,.3,1) both}.content{position:relative;z-index:2;padding:100px 34px 125px}.reveal{opacity:0;transform:translate3d(0,24px,0);filter:blur(8px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s;transition-delay:calc(var(--reveal-order,0)*70ms + 80ms)}.page.is-active .reveal{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}.schedule article.reveal{transform:translate3d(-24px,0,0)}.page.is-active .schedule article.reveal{transform:translate3d(0,0,0)}.spark-field{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none;opacity:0;transition:opacity 1s}.page.is-active .spark-field{opacity:1}.spark-field i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;border-radius:50%;background:#c9ffff;box-shadow:0 0 8px #aaffff;animation:sparkFloat var(--d) ease-in-out var(--delay) infinite alternate}.eyebrow{font:9px/1.7 Arial,sans-serif;letter-spacing:2.6px;color:#a3f1f0}.year{font:74px/.95 Georgia,serif;margin:26px 0 20px;color:#9efcff}.page.is-active .year{animation:yearFloat 5s ease-in-out 1.2s infinite}.year span{display:block;font:9px Arial;letter-spacing:8px;margin:10px 0 0 5px;color:#dcffff}h1{font-family:"STSong","SimSun",serif;font-size:48px;line-height:1.28;letter-spacing:4px;font-weight:700;margin:0;text-shadow:0 10px 35px #00176e80}h1 span,.closing h2 span{color:#a0f9f1}.english{font:10px/1.7 Arial;letter-spacing:3px;color:#b5e7ff;margin:16px 0 24px}.cover-event{font-size:15px;line-height:1.85;letter-spacing:.5px}.cover-event span{font-size:12px;color:#d1eaff}.date{font:32px Georgia,serif;margin-top:22px;letter-spacing:2px}.date span{font:10px Arial;letter-spacing:1px;margin-left:8px;color:#b9e9ff}.cover-location{font-size:10px;line-height:1.9;color:#d4eaff;margin:8px 0 12px}.countdown{font-size:11px;letter-spacing:2px;color:#a7ffff;margin:15px 0}.primary{border:1px solid #a3ffff80;background:#b5ffff;color:#00378d;padding:14px 19px;font-size:12px;letter-spacing:2px;width:200px;display:flex;justify-content:space-between;box-shadow:0 8px 30px #00388e44;transition:transform .3s,box-shadow .3s}.primary:hover,.primary:active{transform:translateY(-2px);box-shadow:0 12px 34px #6cffff35}.primary span{font-size:18px;line-height:15px}.landscape{position:absolute;z-index:1;bottom:0;left:0;width:100%;height:175px;background:url('assets/campus-landscape.webp') 25% bottom/auto 305px no-repeat;mask-image:linear-gradient(transparent,#000 47%);opacity:.72;transform:scale(1.08) translateY(12px);transition:transform 1.8s cubic-bezier(.16,1,.3,1),opacity 1.3s;pointer-events:none}.page.is-active .landscape{opacity:.94;transform:scale(1) translateY(0)}.cover .landscape{height:220px;background-size:auto 350px}.cover .content{padding-bottom:165px}h2{font-family:"STSong","SimSun",serif;font-size:36px;letter-spacing:3px;line-height:1.4;margin:18px 0 16px;text-shadow:0 10px 30px #00196e80}h2>span{display:block;font:15px/1.6 "Microsoft YaHei",sans-serif;letter-spacing:4px;color:#9ff6ef;margin-top:6px}.small-rule{width:28px;height:2px;background:#8af3ed;margin:24px 0;transform-origin:left}.page.is-active .small-rule{animation:ruleGrow 1s .35s both}.salutation{font-size:14px;margin:30px 0 20px}.letter-poem{font-family:"STSong","SimSun",serif;font-size:19px;line-height:2.1;letter-spacing:1px;margin:0 0 30px}.details{border-top:1px solid #ffffff28}.details>div{padding:16px 0;border-bottom:1px solid #ffffff20}.details>div>span{display:block;font-size:10px;color:#91e6f3;letter-spacing:2px;margin-bottom:9px}.details strong{font-size:12px;line-height:1.9;font-weight:400}.details p{font-size:10px;line-height:1.8;color:#b9dfff;margin:8px 0 0}.time-range{font:26px Georgia,serif;letter-spacing:2px;color:#a0fdf7;margin:18px 0 30px}.time-range i{font-style:normal;font-size:17px;margin:0 10px;color:#7abaff}.schedule{padding-left:17px;border-left:1px solid #83efff50;margin-left:3px}.schedule article{position:relative;padding:0 0 22px;margin:0 0 19px;border-bottom:1px solid #ffffff20}.schedule article:before{content:"";position:absolute;left:-21px;top:4px;width:6px;height:6px;border-radius:50%;background:#b1ffff;box-shadow:0 0 12px #adffff88}.page.is-active .schedule article:before{animation:nodePulse 2.6s ease-in-out calc(var(--reveal-order,0)*80ms + 1s) infinite}.schedule article:last-child{margin:0;padding-bottom:3px;border-bottom:0}.schedule time{font:12px Arial;letter-spacing:1px;color:#9af4f1}.schedule p{font-size:14px;line-height:1.8;margin:9px 0 0;letter-spacing:.4px}.schedule small{display:block;font-size:11px;line-height:1.85;color:#c2dcff;margin-top:4px}.market h2{font-size:35px;margin-bottom:8px}.market .time-range{margin:13px 0 18px}.market-subtitle{font-size:13px;letter-spacing:.5px}.venue{font-size:10px;color:#bcecff;margin:8px 0 26px}.compact article{padding-bottom:13px;margin-bottom:14px}.compact p{font-size:12px;margin-top:6px}.compact small{font-size:10px}.map-link{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #77ecf1;color:#acfff7;font-size:12px;margin-top:24px}.address{font-size:10px;color:#c2e7ff}.closing h2{font-size:37px;line-height:1.35}.closing h2 span{font:inherit;letter-spacing:inherit;margin:0}.closing-message{font-size:12px;line-height:1.9;color:#d4e8ff;margin-bottom:25px}.locations>a{display:block;padding:14px 0;border-top:1px solid #ffffff30}.locations strong{display:block;font-size:12px;font-weight:400;color:#aefff8}.locations strong span{float:right}.locations small{display:block;font-size:10px;line-height:1.8;margin-top:8px;color:#c9e4ff}.registration{display:flex;align-items:center;gap:22px;margin:24px 0}.registration h3{font-size:15px;font-weight:400;margin:7px 0}.registration p,.registration a{font-size:10px;color:#c3e8ff}#qr{position:relative;width:94px;height:94px;flex-shrink:0;border:1px solid #9addf866;display:flex;align-items:center;justify-content:center;background:#ffffff08;font-size:10px;text-align:center;line-height:1.8;color:#c6eaff}.qr-corners{position:absolute;top:0;right:4px;font-size:16px;color:#7bccf4}#qr img{width:100%;height:100%;object-fit:contain;background:white}.organizer{font-size:11px;margin-top:25px}.footer-en{font:7px/1.8 Arial;letter-spacing:1.5px;opacity:.6}.back{background:none;border:0;border-bottom:1px solid #90dbe966;padding:10px 0;color:#baf9ff;font-size:11px;letter-spacing:2px;margin-top:8px}.navigation{position:absolute;bottom:0;left:0;right:0;padding:15px 24px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#001c85f5 45%);display:flex;align-items:center;gap:15px;z-index:7}.navigation>button{border:0;background:transparent;color:#d3faff;font-size:18px;padding:6px 9px}.navigation>button:disabled{opacity:.25;cursor:default}#dots{display:flex;gap:4px;flex:1}#dots button{border:0;background:transparent;padding:9px 5px;position:relative}#dots button:after{content:"";display:block;width:4px;height:4px;background:#b6deff66;border-radius:50%;transition:width .4s,background .4s}#dots button.active:after{width:20px;border-radius:4px;background:#aefff7;box-shadow:0 0 10px #99ffff88}#page-count{font:10px Arial;letter-spacing:2px;color:#b5dbff}#toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:#001846;color:white;padding:12px 18px;font-size:12px;border-radius:5px;z-index:20;display:none}[hidden]{display:none!important}@keyframes ambientDrift{to{transform:translate3d(-4%,3%,0) scale(1.08)}}@keyframes glassSweep{0%,72%{transform:translateX(-130%)}100%{transform:translateX(130%)}}@keyframes pageLight{from{transform:skewX(-14deg) translateX(-180%)}to{transform:skewX(-14deg) translateX(340%)}}@keyframes ringBreath{50%{transform:scale(1.06);opacity:.65}}@keyframes sparkFloat{to{transform:translate3d(8px,-18px,0) scale(1.7);opacity:.25}}@keyframes yearFloat{50%{transform:translateY(-5px);text-shadow:0 0 24px #a7ffff66}}@keyframes hintFloat{50%{transform:translateY(4px);opacity:.35}}@keyframes musicPulse{50%{transform:scale(1.08)}}@keyframes ruleGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes nodePulse{50%{transform:scale(1.45);box-shadow:0 0 20px #caffff}}@media(min-width:900px){.invitation{margin-left:52%;height:calc(100dvh - 40px);margin-top:20px;border:1px solid #3e8aaa55;border-radius:4px}}@media(max-width:899px){.desktop-note{display:none}}@media(max-height:760px){.content{padding-top:90px}.year{font-size:58px;margin:15px 0}h1{font-size:42px}.english{margin:12px 0 17px}.date{margin-top:16px}.cover-event{font-size:14px}.cover .content{padding-bottom:145px}.schedule article{padding-bottom:16px;margin-bottom:16px}.letter-poem{font-size:17px}.details>div{padding:12px 0}}@media(max-width:360px){.content{padding-left:26px;padding-right:26px}.wordmark{font-size:10px}h1{font-size:40px}.letter-poem{font-size:16px}}@media(prefers-reduced-motion:reduce){#pages{scroll-behavior:auto}.ambient,.invitation:after,.page:after,.page:before,.year,.hint,.spark-field i,.schedule article:before,#music{animation:none!important}.reveal,.landscape{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}}
.invitation-title{font-family:"STSong","SimSun",serif;font-size:64px;letter-spacing:12px;white-space:nowrap;color:#ecffff;text-shadow:0 0 30px #66ffff66;margin-top:28px}.invitation-title span{letter-spacing:5px;margin-left:2px;color:#9efcff}@media(max-height:760px){.invitation-title{font-size:52px;margin-top:16px;letter-spacing:10px}}@media(max-height:900px){.content{padding-bottom:85px}.cover .content{padding-bottom:125px}.letter-poem{margin-bottom:20px}.letter .details>div{padding:12px 0}.schedule article{padding-bottom:15px;margin-bottom:14px}.market .venue{margin-bottom:18px}.market .time-range{margin-bottom:12px}.compact article{padding-bottom:10px;margin-bottom:11px}}
.cover .year{font-size:92px;letter-spacing:8px;margin-top:20px;margin-bottom:18px}.cover h1{font-size:40px;line-height:1.35}@media(max-height:760px){.cover .year{font-size:78px;margin:12px 0}.cover h1{font-size:38px}}.cover.is-active .year{animation:coverTitleIn 1.15s cubic-bezier(.16,1,.3,1) both,coverTitleFloat 4.8s 1.15s ease-in-out infinite}.cover.is-active h1.reveal{animation:coverThemeIn 1.05s .45s cubic-bezier(.16,1,.3,1) both}.cover.is-active .english.reveal{animation:coverCopyIn .9s .7s cubic-bezier(.16,1,.3,1) both}.cover.is-active .landscape{animation:coverLandscapeIn 1.9s cubic-bezier(.16,1,.3,1) both,coverLandscapeBreath 8s 1.9s ease-in-out infinite alternate}.cover.is-active:after{animation:pageLight 2.2s .15s cubic-bezier(.16,1,.3,1) both}@keyframes coverTitleIn{0%{opacity:0;transform:scale(.68) translateY(30px);filter:blur(14px);letter-spacing:24px}65%{opacity:1;transform:scale(1.06) translateY(-3px);filter:blur(0);letter-spacing:7px}100%{opacity:1;transform:scale(1) translateY(0);filter:blur(0);letter-spacing:8px}}@keyframes coverTitleFloat{50%{transform:translateY(-7px) scale(1.025);text-shadow:0 0 30px #baffff88}}@keyframes coverThemeIn{from{opacity:0;transform:translateY(38px);filter:blur(12px);letter-spacing:13px}to{opacity:1;transform:translateY(0);filter:blur(0);letter-spacing:4px}}@keyframes coverCopyIn{from{opacity:0;transform:translateY(24px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes coverLandscapeIn{from{opacity:0;transform:scale(1.2) translateY(40px)}to{opacity:.94;transform:scale(1) translateY(0)}}@keyframes coverLandscapeBreath{to{transform:scale(1.035) translateY(-5px);filter:saturate(1.12)}}@media(prefers-reduced-motion:reduce){.cover.is-active .year,.cover.is-active h1.reveal,.cover.is-active .english.reveal,.cover.is-active .landscape{animation:none!important}}#music-hint{position:absolute;z-index:8;top:calc(58px + env(safe-area-inset-top));right:20px;padding:7px 10px;border:1px solid #b8ffff55;border-radius:16px;background:#00277dcc;color:#dfffff;font-size:10px;letter-spacing:1px;box-shadow:0 4px 18px #00154c55;animation:musicHintPulse 1.8s ease-in-out infinite;pointer-events:none}#music-hint[hidden]{display:none!important}@keyframes musicHintPulse{50%{opacity:.58;transform:translateY(2px)}}