:root{--gradient-start: #000000;--gradient-end: #2a2a2a;--fire-blue: #00BFFF;--fire-blue-glow: #00D4FF;--fire-blue-rgb: 0, 191, 255;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--font-family-zh: "Noto Sans TC", sans-serif;--font-family-en: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font-family-zh),var(--font-family-en),sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-container{position:relative;width:100vw;height:100vh;overflow:hidden}.gradient-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);z-index:0}.gradient-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.5;animation:gridMove 20s linear infinite}.gradient-background:after{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(74,144,226,.1) 0%,transparent 70%);animation:glow 8s ease-in-out infinite alternate}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes glow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}.landing-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem}.frame-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:90vw;height:100%;max-height:90vh}.fire-frame-image{width:auto;height:auto;max-width:100%;max-height:85%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(0,191,255,.3));animation:floatFrame 6s ease-in-out infinite;z-index:2}@keyframes floatFrame{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}.frame-placeholder{display:none;width:100%;height:100%;align-items:center;justify-content:center;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.frame-placeholder.show{display:flex}.placeholder-text{font-size:3rem;font-weight:700;color:var(--text-primary);text-shadow:0 0 20px rgba(255,100,0,.8);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.start-button{position:absolute;bottom:8%;left:50%;transform:translate(-50%);padding:1rem 3rem;background:var(--fire-blue);border:2px solid var(--fire-blue-glow);border-radius:50px;text-decoration:none;color:var(--text-primary);font-size:1.5rem;font-weight:600;font-family:var(--font-family-en);letter-spacing:.15em;transition:var(--transition);box-shadow:0 0 20px #00bfff80,0 0 40px #00d4ff4d,inset 0 1px #ffffff4d;z-index:3;white-space:nowrap;text-shadow:0 0 10px rgba(0,0,0,.5)}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s,opacity .3s;border-radius:50px;opacity:0;pointer-events:none}.start-button:hover{transform:translate(-50%) translateY(-4px);background:var(--fire-blue-glow);box-shadow:0 0 30px #00bfffcc,0 0 60px #00d4ff80,0 8px 24px #0006,inset 0 1px #fff6;border-color:#fff6}.start-button:hover:before{left:0%;opacity:1;transition:left .5s,opacity .1s}.start-button:not(:hover):before{left:-100%;opacity:0}.start-button:active{transform:translate(-50%) translateY(-2px)}.button-text{position:relative;z-index:1}@media (max-width: 1024px){.landing-content{padding:1rem}.frame-container{max-width:95vw;max-height:95vh}.start-button{font-size:1.25rem;padding:.875rem 2.5rem;bottom:10%}}@media (max-width: 768px){.landing-content{padding:.5rem}.start-button{font-size:1.125rem;padding:.75rem 2rem;bottom:12%}.fire-frame-image{max-height:80%}}@media (max-width: 480px){.start-button{font-size:1rem;padding:.625rem 1.5rem;bottom:15%}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}