:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}body{color:#fff6fc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0612;min-height:100vh;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}a{font:inherit;color:inherit}img{max-width:100%;display:block}.shell{--mx:0;--my:0;--gx:50vw;--gy:50vh;color:#fff6fc;background:#0a0612;position:relative;overflow:hidden}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#0a0612;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.scroll-progress{z-index:100;transform-origin:0;background:linear-gradient(90deg,#ff80c0,#c090ff,#ff80c0);height:2px;transition:transform .15s;position:fixed;top:0;left:0;right:0;box-shadow:0 0 12px #ff8cd280}.elapsed{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.06em;color:#ffdcf08c;background:#0a061299;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:flex-end;gap:6px;padding:10px 16px;font-size:12px;display:flex;position:fixed;bottom:20px;right:20px}.elapsed-row{align-items:center;gap:8px;display:flex}.elapsed-days{color:#ffc8e666;letter-spacing:.04em;font-size:11px}.elapsed-dot{background:#ff80c0;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.divider{z-index:3;justify-content:center;align-items:center;gap:20px;max-width:800px;margin:0 auto;padding:20px 24px;display:flex;position:relative}.divider-line{background:linear-gradient(90deg,#0000,#ffc8e633,#0000);flex:1;height:1px}.divider-mark{opacity:.35;filter:drop-shadow(0 0 8px #ff8cd24d);width:28px;animation:24s linear infinite spinSlow}.bg-aurora,.bg-grid,.glow-cursor{pointer-events:none;position:fixed;inset:0}.bg-aurora{z-index:0;background:radial-gradient(60% 50% at 20% 20%,#ff8cd226,#0000),radial-gradient(50% 60% at 80% 30%,#8c64ff1f,#0000),radial-gradient(70% 40% at 50% 80%,#ffb4e61a,#0000);animation:20s ease-in-out infinite alternate auroraShift}.bg-grid{z-index:0;opacity:.25;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:80px 80px;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000);mask-image:radial-gradient(80% 70% at 50% 40%,#000,#0000)}.glow-cursor{z-index:1;background:radial-gradient(circle 200px at var(--gx) var(--gy), #ffc8eb1f, transparent 70%);mix-blend-mode:screen;transition:background .3s}.petal-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.trail-canvas{z-index:4;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.anim-in{opacity:0;transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1);transform:translateY(60px)}.anim-in.visible{opacity:1;transform:translateY(0)}.hero{z-index:3;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px 60px;display:flex;position:relative}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:40px;width:min(1200px,100%);display:grid}.hero-text{opacity:0;animation:1.2s cubic-bezier(.22,1,.36,1) .3s forwards slideInLeft;transform:translate(-60px)}.tag{letter-spacing:.5em;text-transform:uppercase;color:#ffd2ebb3;margin-bottom:20px;font-size:11px}.title{margin:0;line-height:1}.title-cn{background:linear-gradient(135deg,#fff 30%,#ffb8e0 70%,#d4a0ff);-webkit-text-fill-color:transparent;filter:drop-shadow(0 8px 30px #ff96dc33);-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,10vw,120px);font-weight:700;display:block}.title-en{letter-spacing:.5em;color:#ffdcf0b3;text-transform:uppercase;margin-top:12px;font-size:clamp(18px,2.5vw,28px);font-weight:400;display:block}.subtitle{letter-spacing:.2em;color:#ffd7ee99;margin-top:28px;font-size:16px}.greeting{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff0fad9;opacity:0;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid #ffffff1a;border-radius:20px;max-width:420px;margin-top:40px;padding:20px 24px;font-size:17px;line-height:1.8;animation:.8s 1.2s forwards fadeUp}.hero-art{opacity:0;transform-origin:50%;place-items:center;min-height:600px;animation:1.6s cubic-bezier(.22,1,.36,1) .5s forwards artReveal;display:grid;position:relative}.art-ring{border:1px solid #ffdcf01f;border-radius:50%;position:absolute}.art-ring-1{aspect-ratio:1;width:min(50vw,560px);animation:40s linear infinite spinSlow;box-shadow:inset 0 0 60px #ffffff08,0 0 40px #ff8cd20f}.art-ring-2{aspect-ratio:1;border-color:#ffc8e61a;width:min(38vw,420px);animation:28s linear infinite reverse spinSlow}.art-glow{aspect-ratio:1;background:radial-gradient(circle,#ffdcf02e,#ffa0dc0a 50%,#0000 70%);border-radius:50%;width:min(30vw,340px);animation:5s ease-in-out infinite pulse;position:absolute}.art-engrave-back{mix-blend-mode:screen;pointer-events:none;opacity:.7;width:min(32vw,360px);animation:30s linear infinite reverse spinSlow;position:absolute}.art-shadow,.art-hero{object-fit:contain;width:min(48vw,600px);max-height:75vh;position:relative}.art-shadow{z-index:0;opacity:.4;filter:brightness(0)blur(8px);position:absolute;transform:translate(-14px,10px)scale(1.02);-webkit-mask-image:linear-gradient(#000c,#0000 90%);mask-image:linear-gradient(#000c,#0000 90%)}.art-hero{z-index:1;filter:drop-shadow(0 20px 40px #0f051980)drop-shadow(0 0 40px #ff82c82e);animation:6s ease-in-out infinite floatY}.scroll-hint{color:#ffdcf080;letter-spacing:.3em;text-transform:uppercase;opacity:0;flex-direction:column;align-items:center;gap:8px;font-size:10px;text-decoration:none;transition:color .3s;animation:.6s 2s forwards fadeUp;display:flex;position:absolute;bottom:32px}.scroll-hint:hover{color:#ffdcf0cc}.scroll-dot{animation:1.8s ease-in-out infinite scrollBounce}.quotes-section{z-index:3;max-width:1100px;margin:0 auto;padding:120px 24px 80px;position:relative}.section-label{letter-spacing:.4em;text-transform:uppercase;color:#ffc8e680;text-align:center;margin-bottom:12px;font-size:11px}.section-title{background:linear-gradient(135deg,#fff,#ffb8e0);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:48px;font-size:clamp(32px,5vw,52px);font-weight:600}.whisper-section{z-index:3;text-align:center;max-width:1100px;margin:0 auto;padding:120px 24px 80px;position:relative}.whisper-space{justify-content:center;align-items:center;min-height:320px;display:flex;position:relative}.whisper-ambient-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.whisper-main{letter-spacing:.08em;text-align:center;color:#ffffffeb;text-shadow:0 0 12px #ffc0dc2e;max-width:900px;padding:0 24px;font-size:clamp(24px,3vw,42px);font-weight:300;line-height:1.8;animation:10s cubic-bezier(.22,1,.36,1) forwards whisperMain}.whisper-ambient{white-space:nowrap;max-width:260px;top:var(--w-top,50%);left:var(--w-left,50%);font-size:calc(clamp(11px, 1.3vw, 15px) * var(--w-size,1));letter-spacing:.06em;text-align:center;color:#ffdcf0e6;text-shadow:0 0 6px #ffb4e61f,0 0 20px #ffb4e60f;filter:blur(.2px);opacity:0;pointer-events:none;mix-blend-mode:screen;animation:whisperFloat var(--w-dur,30s) cubic-bezier(.22, 1, .36, 1) var(--w-delay,0s) forwards;font-weight:300;line-height:1.6;position:absolute}.profile-section{z-index:3;text-align:center;max-width:1100px;margin:0 auto;padding:120px 24px 80px;position:relative}.profile-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px;display:grid}.profile-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #ffffff14;border-radius:20px;padding:28px 20px;transition:transform .35s,border-color .35s,box-shadow .35s}.profile-card:hover{border-color:#ffb4e640;transform:translateY(-6px);box-shadow:0 16px 48px #ff8cd21f}.profile-label{letter-spacing:.35em;text-transform:uppercase;color:#ffc8e673;margin-bottom:12px;font-size:11px;display:block}.profile-value{color:#fff0fad9;font-size:15px;line-height:1.6;display:block}.profile-desc{color:#ffebf899;max-width:800px;margin:0 auto;font-size:15px;line-height:2}.profile-source{color:#ffdcf04d;text-align:center;border-top:1px solid #ffffff0f;max-width:800px;margin:24px auto 0;padding-top:20px;font-size:12px;line-height:1.8}.profile-source a{color:#ffc8e680;text-decoration:none;transition:color .3s}.profile-source a:hover{color:#ffc8e6cc}.profile-source span{margin-top:4px;display:block}.theysay-section{z-index:3;text-align:center;max-width:1100px;margin:0 auto;padding:120px 24px 80px;position:relative}.theysay-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.theysay-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;background:linear-gradient(160deg,#ffffff0d,#ffffff03);border:1px solid #ffffff0f;border-radius:20px;padding:24px;transition:transform .35s,border-color .35s,box-shadow .35s}.theysay-card:hover{border-color:#ffb4e633;transform:translateY(-6px);box-shadow:0 12px 40px #ff8cd214}.theysay-name{letter-spacing:.15em;color:#ffc8e6b3;background:#ffc8e60d;border:1px solid #ffc8e626;border-radius:999px;margin-bottom:12px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-block}.theysay-quote{color:#ffebf899;font-size:14px;line-height:1.9}.relations-section{z-index:3;text-align:center;max-width:1100px;margin:0 auto;padding:120px 24px 80px;position:relative}.relations-frame-wrap{aspect-ratio:16/9;border:1px solid #ffffff14;border-radius:20px;width:100%;overflow:hidden;box-shadow:0 8px 40px #0000004d}.relations-frame{border:none;width:100%;height:100%;display:block}.story-section{z-index:3;text-align:center;max-width:1100px;margin:0 auto;padding:120px 24px 80px;position:relative}.story-list{text-align:left;flex-direction:column;gap:20px;display:flex}.story-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;background:linear-gradient(160deg,#ffffff0d,#ffffff03);border:1px solid #ffffff0f;border-radius:20px;gap:24px;padding:28px 32px;transition:transform .35s,border-color .35s,box-shadow .35s;animation:.6s forwards cardIn;display:flex;position:relative}.story-card:hover{border-color:#ffb4e633;transform:translate(8px);box-shadow:0 12px 40px #ff8cd214}.story-num{background:linear-gradient(#ffc8e64d,#ffc8e614);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;min-width:48px;font-size:28px;font-weight:700;line-height:1}.story-card h3{color:#ffebf8e6;margin-bottom:8px;font-size:17px;font-weight:600}.story-card p{color:#ffe6f58c;font-size:14px;line-height:1.9}.hero-rank{align-items:center;gap:12px;margin-bottom:28px;display:flex}.rank-num{background:linear-gradient(135deg,#ffb8e0,#d4a0ff);-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}.rank-label{letter-spacing:.35em;color:#ffd2eb80;border-left:1px solid #ffc8e633;padding-left:12px;font-size:12px}.signet-section{z-index:3;text-align:center;padding:100px 24px 80px;position:relative}.signet-hero{margin-bottom:32px;display:inline-block;position:relative}.signet-img{filter:drop-shadow(0 0 40px #ff78c84d);width:min(40vw,280px);animation:36s linear infinite spinSlow}.signet-glow{pointer-events:none;background:radial-gradient(circle,#ffb4e61f,#0000 60%);border-radius:50%;animation:6s ease-in-out infinite pulse;position:absolute;inset:-30%}.signet-sub{letter-spacing:.4em;text-transform:uppercase;color:#ffd2eb80;margin-top:8px;font-size:14px}.footer{z-index:3;flex-direction:column;align-items:center;padding:0 24px 48px;display:flex;position:relative}.footer-divider{background:linear-gradient(90deg,#0000,#ff8cd266,#0000);width:60px;height:1px;margin-bottom:28px}.footer-content{flex-direction:column;align-items:center;gap:10px;display:flex}.footer-powered{color:#ffe1f259;letter-spacing:.08em;font-size:13px;font-weight:300}.footer-links{align-items:center;gap:10px;display:flex}.footer-links a{color:#ffe1f28c;letter-spacing:.04em;align-items:center;gap:5px;font-size:13px;text-decoration:none;transition:color .3s;display:inline-flex}.footer-links a:hover{color:#ffaae1e6}.footer-sep{color:#ffe1f233;-webkit-user-select:none;user-select:none;font-size:12px}@keyframes auroraShift{0%{transform:scale(1)translate(0)}to{transform:scale(1.06)translate(-1%,-2%)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes artReveal{0%{opacity:0;transform:scale(.85)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes scrollBounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.4;transform:translateY(6px)}}@keyframes quoteSwap{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes whisperMain{0%{opacity:0;transform:translateY(12px)scale(1)}10%{opacity:1;transform:translateY(0)scale(1)}80%{opacity:1;transform:translateY(-3px)scale(1.02)}to{opacity:0;transform:translateY(-6px)scale(1.02)}}@keyframes whisperFloat{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}10%{opacity:.28;transform:translate(calc(-50% + var(--w-dx,0px) * .15), calc(-50% + var(--w-dy,0px) * .15)) scale(1)}50%{opacity:.22;transform:translate(calc(-50% + var(--w-dx,0px) * .5), calc(-50% + var(--w-dy,0px) * .5)) scale(1.03)}85%{opacity:.18;transform:translate(calc(-50% + var(--w-dx,0px) * .85), calc(-50% + var(--w-dy,0px) * .85)) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--w-dx,0px)), calc(-50% + var(--w-dy,0px))) scale(.95)}}@media (width<=900px){.hero-inner{text-align:center;grid-template-columns:1fr;gap:24px}.hero-text{order:1}.hero-art{order:0;min-height:420px}.greeting{margin-left:auto;margin-right:auto}.art-shadow,.art-hero,.art-ring-1{width:min(80vw,460px)}.art-ring-2{width:min(60vw,340px)}.art-glow,.art-engrave-back{width:min(50vw,280px)}.profile-grid,.theysay-grid{grid-template-columns:repeat(2,1fr)}.story-card{gap:16px;padding:20px 24px}.relations-frame-wrap{aspect-ratio:4/3}}@media (width<=520px){.hero{padding:20px 16px 40px}.hero-art{min-height:300px}.title-cn{font-size:48px}.title-en{font-size:16px}.subtitle{font-size:14px}.greeting{padding:16px 18px;font-size:15px}.section-title{margin-bottom:32px;font-size:28px}.profile-section,.story-section,.quotes-section,.relations-section,.theysay-section,.signet-section{padding:80px 16px 48px}.profile-grid{grid-template-columns:1fr}.profile-card{padding:20px 16px}.profile-desc{font-size:14px}.theysay-grid{grid-template-columns:1fr}.theysay-card{padding:18px}.story-card{flex-direction:column;gap:8px;padding:18px}.story-num{min-width:auto;font-size:22px}.whisper-space{min-height:260px}.whisper-main{font-size:clamp(20px,2.5vw,32px)}.relations-frame-wrap{aspect-ratio:3/4}.footer{padding-bottom:36px}.footer-powered,.footer-links a{font-size:12px}.elapsed{padding:6px 12px;font-size:11px;bottom:12px;right:12px}.hero-rank{justify-content:center}.rank-num{font-size:26px}.rank-label{font-size:11px}.divider{gap:12px;padding:12px 16px}.divider-mark{width:22px}.signet-img{width:min(50vw,180px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}