.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}#nprogress{pointer-events:none}#nprogress .bar{z-index:1031;background:#29d;width:100%;height:2px;position:fixed;top:0;left:0}#nprogress .peg{opacity:1;width:100px;height:100%;display:block;position:absolute;right:0;transform:rotate(3deg)translateY(-4px);box-shadow:0 0 10px #29d,0 0 5px #29d}#nprogress .spinner{z-index:1031;display:block;position:fixed;top:15px;right:15px}#nprogress .spinner-icon{box-sizing:border-box;border:2px solid #0000;border-color:#29d #0000 #0000 #29d;border-radius:50%;width:18px;height:18px;animation:.4s linear infinite nprogress-spinner}.nprogress-custom-parent{position:relative;overflow:hidden}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color .3s}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}input,textarea,button{font-family:inherit;font-size:inherit}button{cursor:pointer;background:0 0;border:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.page-title{color:var(--text-primary);text-align:center;margin-bottom:1rem;font-size:2.5rem;font-weight:600}.page-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:3rem;font-size:1.125rem}.section-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:600;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:2px;width:60px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.card{background:var(--bg-card);border-radius:12px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #00000014}.card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.btn{border-radius:8px;justify-content:center;align-items:center;padding:12px 32px;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));transform:translateY(-2px);box-shadow:0 4px 15px #e67e2266}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-primary);color:#fff}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--bg-card)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-4{gap:1rem}.gap-8{gap:2rem}@media (width<=768px){html{font-size:14px}.container{padding:0 16px}.page-title{font-size:2rem}.section-title{font-size:1.5rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-silver);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-warm-brown)}::selection{background:var(--color-primary);color:#fff}:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1e40af;--color-primary-bg:#2563eb14;--color-accent:#06b6d4;--color-accent-light:#22d3ee;--color-accent-dark:#0891b2;--color-success:#10b981;--color-success-light:#34d399;--color-warning:#f59e0b;--color-danger:#ef4444;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--bg-primary:var(--color-gray-50);--bg-secondary:var(--color-gray-100);--bg-card:#fff;--bg-dark:var(--color-gray-900);--bg-dark-secondary:#1e293b;--text-primary:var(--color-gray-900);--text-secondary:var(--color-gray-600);--text-muted:var(--color-gray-400);--text-light:#fff;--text-inverse:var(--color-gray-100);--border-color:var(--color-gray-200);--border-color-light:var(--color-gray-100);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-primary:0 8px 25px -5px #2563eb59;--shadow-accent:0 8px 25px -5px #06b6d44d;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--font-family-base:"HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-family-heading:"HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem}@media (prefers-color-scheme:dark){:root{--bg-primary:var(--color-gray-900);--bg-secondary:var(--color-gray-800);--bg-card:var(--color-gray-800);--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-300);--text-muted:var(--color-gray-500);--border-color:var(--color-gray-700);--border-color-light:var(--color-gray-800)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swing{0%{transform:rotate(0)}15%{transform:rotate(5deg)}30%{transform:rotate(-5deg)}45%{transform:rotate(3deg)}60%{transform:rotate(-3deg)}75%{transform:rotate(1deg)}to{transform:rotate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}@keyframes scrollDown{0%{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-hover{transition:all .3s}.card-hover:hover{transform:translateY(-5px);box-shadow:0 10px 30px #8b735526}.img-zoom{overflow:hidden}.img-zoom img{transition:transform .5s}.img-zoom:hover img{transform:scale(1.1)}.btn-shine{position:relative;overflow:hidden}.btn-shine:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-shine:hover:before{left:100%}.border-flow{position:relative}.border-flow:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(90deg,#d4a574,#8b7355,#d4a574) 0 0/200% 100%;padding:2px;animation:3s linear infinite gradientShift;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.parallax-container{position:relative;overflow:hidden}.parallax-layer{will-change:transform}.animate-fade-in{animation:.6s forwards fadeIn}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-fade-in-down{animation:.6s forwards fadeInDown}.animate-fade-in-left{animation:.6s forwards fadeInLeft}.animate-fade-in-right{animation:.6s forwards fadeInRight}.animate-fade-in-scale{animation:.6s forwards fadeInScale}.animate-bounce{animation:2s infinite bounce}.animate-pulse{animation:2s infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.animate-rotate{animation:10s linear infinite rotate}.animate-swing{animation:1s swing}.animate-shimmer{background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%) 0 0/200% 100%;animation:2s infinite shimmer}.animate-gradient{background-size:200% 200%;animation:5s infinite gradientShift}.animate-scroll-down{animation:1.5s ease-in-out infinite scrollDown}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.scroll-reveal{opacity:0;transition:all .6s;transform:translateY(30px)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.particles-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background:#d4a5744d;border-radius:50%;width:4px;height:4px;animation:6s ease-in-out infinite float;position:absolute}
