:root{--color-red: #DE2910;--color-red-deep: #A81B0F;--color-gold: #FFDE00;--color-gold-soft: #E8C500;--color-cream: #FFF8F0;--color-paper: #FFFFFF;--color-ink: #1A1A1A;--font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;--font-serif-en: Georgia, "Times New Roman", serif;--space-v: clamp(2.5rem, 6vw, 5rem);--space-h: clamp(1.5rem, 4vw, 3rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-serif);color:var(--color-ink);background:var(--color-paper);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#app{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-v) var(--space-h);background:radial-gradient(ellipse 70% 50% at 20% 10%,rgba(222,41,16,.08),transparent 65%),radial-gradient(ellipse 55% 45% at 85% 90%,rgba(255,222,0,.1),transparent 70%),linear-gradient(180deg,#fffdf8,#fff 40%,#fff8f0);overflow:hidden}.glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,rgba(222,41,16,.1),transparent 55%);pointer-events:none;z-index:0}.ribbon{position:absolute;color:var(--color-red);z-index:1;pointer-events:none;opacity:0;animation:ribbon-in 1.2s var(--ease-out-expo) .9s forwards}.ribbon-tl{top:6%;left:-4%;width:clamp(140px,28vw,260px);height:auto;transform:rotate(-12deg)}.ribbon-br{bottom:6%;right:-4%;width:clamp(140px,28vw,260px);height:auto;transform:rotate(12deg);animation-delay:1.1s}@keyframes ribbon-in{to{opacity:1}}.poster{position:relative;z-index:2;width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:clamp(1.5rem,4vw,3rem);text-align:center}.poster-head{display:flex;flex-direction:column;align-items:center;gap:0}.star-cluster{position:relative;width:clamp(90px,20vw,180px);height:clamp(90px,20vw,180px);margin-bottom:1.2rem}.star-main{position:absolute;left:50%;top:50%;width:clamp(70px,18vw,160px);height:clamp(70px,18vw,160px);margin-left:calc(clamp(70px,18vw,160px)/-2);margin-top:calc(clamp(70px,18vw,160px)/-2);color:var(--color-gold);filter:drop-shadow(0 4px 14px rgba(222,41,16,.35));animation:star-main 3.4s ease-in-out infinite alternate}.star-s{position:absolute;width:clamp(18px,3.5vw,34px);height:clamp(18px,3.5vw,34px);color:var(--color-gold);filter:drop-shadow(0 1px 3px rgba(222,41,16,.25))}.star-s.s1{top:-6%;right:-8%;transform:rotate(18deg);animation:star-s 2.8s ease-in-out .3s infinite alternate}.star-s.s2{top:8%;right:-14%;transform:rotate(-12deg);animation:star-s 3.2s ease-in-out .6s infinite alternate}.star-s.s3{bottom:-8%;left:-14%;transform:rotate(24deg);animation:star-s 3s ease-in-out .9s infinite alternate}.star-s.s4{bottom:6%;left:-10%;transform:rotate(-20deg);animation:star-s 2.6s ease-in-out .4s infinite alternate}@keyframes star-main{0%{opacity:.78;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}@keyframes star-s{0%{opacity:.6;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.title-1{font-family:var(--font-serif);font-weight:900;color:var(--color-red);font-size:clamp(1.6rem,5.5vw + .3rem,3.6rem);letter-spacing:.06em;line-height:1.25;margin-top:.4rem;text-shadow:0 2px 12px rgba(222,41,16,.12);animation:title-in 1s var(--ease-out-expo) .2s both}.title-1 .ann{display:inline-block;margin-left:.3em;color:var(--color-red-deep)}.divider{margin:1.6em auto 0;width:clamp(60px,12vw,130px)}.divider span{display:block;height:3px;background:linear-gradient(90deg,transparent 0%,var(--color-gold) 50%,transparent 100%);border-radius:2px;transform:scaleX(0);transform-origin:center;animation:divider-in .8s var(--ease-out-expo) .7s forwards}@keyframes divider-in{to{transform:scaleX(1)}}.title-2{font-family:var(--font-serif-en);font-weight:400;font-size:clamp(1rem,2.8vw + .1rem,1.7rem);color:var(--color-gold-soft);letter-spacing:.35em;margin-top:1em;animation:title-in .9s var(--ease-out-expo) .5s both}.title-3{font-family:var(--font-serif);font-weight:400;font-size:clamp(.9rem,1.5vw + .1rem,1.15rem);color:var(--color-red-deep);letter-spacing:.4em;margin-top:.9em;padding-left:.4em;animation:title-in .9s var(--ease-out-expo) .75s both}@keyframes title-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.poster-foot{margin-top:2.4em;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.4em;animation:title-in .7s var(--ease-out-expo) 1s both}.seal{display:inline-block;font-family:var(--font-serif);font-weight:700;font-size:clamp(.7rem,1vw + .1rem,.88rem);color:var(--color-gold);border:2px solid var(--color-red);border-radius:50%;aspect-ratio:1 / 1;width:clamp(44px,6vw,64px);height:clamp(44px,6vw,64px);display:inline-flex;align-items:center;justify-content:center;text-align:center;letter-spacing:.05em;line-height:1.1;background:#de29100f;box-shadow:inset 0 0 0 1px #ffde004d;flex-shrink:0}.poster-foot time{font-family:var(--font-serif);font-weight:400;font-size:clamp(.78rem,1.2vw,.98rem);color:var(--color-red-deep);letter-spacing:.18em}@media (min-width: 769px){#app{background:radial-gradient(ellipse 60% 50% at 15% 25%,rgba(222,41,16,.1),transparent 65%),radial-gradient(ellipse 50% 45% at 90% 75%,rgba(255,222,0,.12),transparent 70%),linear-gradient(180deg,#fffdf8,#fff 45%,#fff8f0)}.poster{max-width:1200px;flex-direction:row;align-items:center;justify-content:space-between;gap:clamp(2rem,4vw,5rem);padding:0 clamp(2rem,4vw,4rem);text-align:left}.poster-head{flex:1 1 auto;align-items:flex-start;text-align:left;position:relative}.poster-head:before,.poster-head:after{content:"";display:block;width:60px;height:2px;background:var(--color-gold);opacity:.5}.poster-head:before{margin-bottom:2rem}.poster-head:after{margin-top:2rem}.star-cluster{width:200px;height:200px;flex:0 0 auto;margin-right:1.5rem}.star-main{width:180px;height:180px;margin-left:-90px;margin-top:-90px}.star-s{width:34px;height:34px}.star-s.s1{top:-10%;right:-12%}.star-s.s2{top:10%;right:-18%}.star-s.s3{bottom:-12%;left:-18%}.star-s.s4{bottom:10%;left:-14%}.title-1,.title-2{text-align:left}.title-3{text-align:left;padding-left:0}.divider{margin-left:0}.poster-foot{flex-direction:column;gap:1rem;margin-top:0;padding:1.5rem 2rem;border:1px solid rgba(222,41,16,.2);border-radius:2px;background:#fff8f099;flex:0 0 auto;min-width:200px;align-items:center}.poster-foot time{text-align:center}}@media (max-width: 768px){.ribbon{display:none}.poster{padding:1.5rem 1.2rem;gap:0}.star-cluster{width:130px;height:130px;margin-bottom:1rem}.star-main{width:110px;height:110px;margin-left:-55px;margin-top:-55px}.star-s{width:22px;height:22px}.title-1{letter-spacing:.04em}.title-2{letter-spacing:.25em;margin-top:.8em}.title-3{letter-spacing:.3em;margin-top:.8em}.poster-foot{margin-top:2rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:.01ms!important}}