*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0a0a0f;--color-bg-light:#12121a;--color-primary:#c9a962;--color-primary-light:#e0c078;--color-text:#f5f5f5;--color-text-muted:#888;--color-accent:#ff6b6b;--font-display:"Playfair Display", serif;--font-body:"Noto Sans SC", sans-serif;--transition-smooth:cubic-bezier(.4, 0, .2, 1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;overflow-x:hidden}.background{z-index:-1;position:fixed;inset:0;overflow:hidden}.gradient-mesh{background:radial-gradient(at 20% 20%,#c9a96226 0%,#0000 50%),radial-gradient(at 80% 80%,#c9a9621a 0%,#0000 50%),radial-gradient(#ff6b6b0d 0%,#0000 70%);animation:20s ease-in-out infinite meshMove;position:absolute;inset:0}@keyframes meshMove{0%,to{transform:translate(0)scale(1)}33%{transform:translate(2%,-2%)scale(1.02)}66%{transform:translate(-1%,1%)scale(.98)}}.noise-overlay{opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.content{text-align:center;z-index:1;max-width:800px;animation:fadeInUp 1s var(--transition-smooth) forwards;opacity:0;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.badge{background:#c9a9621a;border:1px solid #c9a9624d;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;animation:2s ease-in-out infinite pulse;display:inline-flex}@keyframes pulse{0%,to{box-shadow:0 0 #c9a96266}50%{box-shadow:0 0 0 10px #c9a96200}}.badge-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.badge-text{color:var(--color-primary);letter-spacing:.1em;font-size:.875rem;font-weight:500}.title{font-family:var(--font-display);margin-bottom:1.5rem;font-size:clamp(3rem,10vw,6rem);font-weight:700;line-height:1.1}.title-line{background:linear-gradient(135deg, var(--color-text) 0%, var(--color-primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.title-line.highlight{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.title-line.highlight:after{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), transparent);width:60%;height:3px;animation:3s ease-in-out infinite shimmer;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.subtitle{color:var(--color-text-muted);margin-bottom:2rem;font-size:clamp(1rem,3vw,1.25rem);font-weight:300;line-height:1.8}.divider{justify-content:center;align-items:center;gap:1rem;margin:2rem 0;display:flex}.divider-line{background:linear-gradient(90deg, transparent, var(--color-primary), transparent);width:60px;height:1px}.divider-icon{color:var(--color-primary);font-size:.75rem;animation:4s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact{margin-top:1rem}.contact-label{color:var(--color-text-muted);margin-bottom:.75rem;font-size:.875rem}.contact-link{color:var(--color-primary);transition:all .3s var(--transition-smooth);border:1px solid #c9a9624d;border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;text-decoration:none;display:inline-flex}.contact-link:hover{border-color:var(--color-primary);background:#c9a9621a;transform:translateY(-2px);box-shadow:0 10px 30px #c9a96233}.icon{width:18px;height:18px}.floating-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shape{filter:blur(60px);opacity:.3;border-radius:50%;position:absolute}.shape-1{background:var(--color-primary);width:300px;height:300px;animation:15s ease-in-out infinite float1;top:10%;left:10%}.shape-2{background:var(--color-accent);width:200px;height:200px;animation:12s ease-in-out infinite float2;top:60%;right:10%}.shape-3{background:var(--color-primary-light);width:150px;height:150px;animation:18s ease-in-out infinite float3;bottom:20%;left:30%}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.1)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-20px,20px)scale(.9)}}@keyframes float3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,10px)scale(1.05)}}.footer{background:linear-gradient(to top, var(--color-bg) 0%, transparent 100%);z-index:10;padding:1.5rem;position:fixed;bottom:0;left:0;right:0}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:.5rem;max-width:1200px;margin:0 auto;display:flex}.copyright{color:var(--color-text-muted);font-size:.875rem}.beian a{color:var(--color-text-muted);font-size:.75rem;text-decoration:none;transition:color .3s}.beian a:hover{color:var(--color-primary)}@media (width<=768px){.container{padding:1.5rem}.title{font-size:2.5rem}.divider-line{width:40px}.shape{filter:blur(40px)}.shape-1{width:150px;height:150px}.shape-2{width:100px;height:100px}.shape-3{width:80px;height:80px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}