:root{--bg-light:#fff;--text-primary:#0f172a;--text-secondary:#475569;--accent-cyan:#2563eb;--accent-purple:#7c3aed;--accent-blue:#3b82f6;--nav-height:80px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;margin:0;padding:0;overflow:hidden}html{font-family:var(--font-family);background-color:var(--bg-light);color:var(--text-primary)}body{background-color:var(--bg-light)}.scroll-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;height:100vh;overflow:hidden auto}.loading-screen{background-color:var(--bg-light);z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:3px solid #0f172a0d;border-top-color:var(--accent-cyan);border-radius:50%;width:50px;height:50px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.header-nav{width:100%;height:var(--nav-height);z-index:1000;-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border-bottom:1px solid #0f172a0d;justify-content:space-between;align-items:center;padding:0 4rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.header-nav.scrolled{background:#ffffffe6;border-bottom:1px solid #2563eb26;height:70px;box-shadow:0 10px 30px -10px #0000000d,0 1px 15px #2563eb05}.logo-container{cursor:pointer;align-items:center;gap:.75rem;display:flex}.logo-image{object-fit:contain;filter:drop-shadow(0 4px 6px #0000000d);width:auto;height:48px;transition:transform .3s,height .3s}.header-nav.scrolled .logo-image{height:42px}.logo-text{letter-spacing:2px;background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-item a{color:var(--text-secondary);letter-spacing:1px;cursor:pointer;padding:.5rem 0;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.nav-item a:hover,.nav-item.active a{color:var(--text-primary)}.nav-item a:after{content:"";background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));width:0;height:2px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-item a:hover:after,.nav-item.active a:after{width:100%}.hero-section{z-index:1;background-color:var(--bg-light);scroll-snap-align:start;scroll-snap-stop:always;align-items:center;width:100%;height:100vh;padding-left:10%;padding-right:10%;display:flex;position:relative;overflow:hidden}.section-bg{z-index:1;position:absolute;inset:0}.bg-image{width:100%;height:100%;display:block;position:relative;overflow:hidden}.bg-image img{object-fit:cover;object-position:center;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%!important;height:auto!important}.section-overlay{z-index:2;background:linear-gradient(90deg,#fffffff2 0%,#fffc 35%,#ffffff4d 70%,#fff0 100%);position:absolute;inset:0}.section-content{z-index:3;opacity:0;max-width:600px;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(45px)scale(.8)}.section-content.visible{opacity:1;transform:translateY(0)scale(1)}.section-title{color:var(--text-primary);letter-spacing:-1px;margin-bottom:1.5rem;font-size:3.2rem;font-weight:800;line-height:1.2}.section-desc{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8}.btn-primary{letter-spacing:1px;color:#fff;background-color:#38598a;border-radius:50px;justify-content:center;align-items:center;padding:.85rem 2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 20px -5px #38598a59}.btn-primary:hover{background-color:#496a9c;transform:translateY(-3px)scale(1.03);box-shadow:0 15px 30px -5px #38598a73}.footer-container{text-align:center;scroll-snap-align:end;background-color:#f8fafc;border-top:1px solid #0f172a0d;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.footer-copy{color:var(--text-secondary);font-size:.9rem}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;display:flex}.footer-link{color:var(--text-secondary);cursor:pointer;font-size:.85rem;text-decoration:none;transition:color .3s,text-shadow .3s;position:relative}.footer-link:hover{color:var(--accent-cyan)}.footer-divider{color:#0f172a26;-webkit-user-select:none;user-select:none;margin:0 12px;font-size:.85rem}.gongan-link{align-items:center;gap:5px;display:inline-flex}.gongan-icon{object-fit:contain;width:auto;height:16px}.menu-toggle,.menu-drawer-mask,.menu-drawer{display:none}@media (width<=768px){.header-nav{justify-content:flex-end;align-items:center;padding:0 1.5rem;display:flex;position:fixed}.logo-container{position:absolute;left:50%;transform:translate(-50%)}.nav-links{display:none!important}.menu-toggle{cursor:pointer;z-index:1010;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0;display:flex}.hamburger-bar{background-color:var(--text-primary);border-radius:2px;width:100%;height:2px;transition:all .3s}.menu-drawer-mask{-webkit-backdrop-filter:blur(4px);z-index:1500;opacity:0;pointer-events:none;background-color:#0f172a66;transition:opacity .4s;display:block;position:fixed;inset:0}.menu-drawer-mask.open{opacity:1;pointer-events:auto}.menu-drawer{-webkit-backdrop-filter:blur(20px);z-index:1600;background-color:#fffffff5;flex-direction:column;width:200px;height:100%;padding:2rem 1.2rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0000000d}.menu-drawer.open{transform:translate(0,0)}.drawer-header{justify-content:flex-end;display:flex}.drawer-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.6rem;transition:color .3s}.drawer-close:hover{color:var(--text-primary)}.drawer-nav{margin-top:3rem}.drawer-links{flex-direction:column;align-items:center;gap:2.2rem;list-style:none;display:flex}.drawer-item a{color:var(--text-secondary);letter-spacing:1px;cursor:pointer;text-align:center;padding:.5rem 0;font-size:1.15rem;font-weight:700;text-decoration:none;transition:color .3s;display:block}.drawer-item.active a,.drawer-item a:hover{color:var(--accent-cyan)}.hero-section{justify-content:center;align-items:flex-start;padding-top:170px;padding-left:1.5rem;padding-right:1.5rem}.bg-image{width:100%;height:100%;position:relative;overflow:hidden}.bg-image img{object-fit:cover;object-position:center;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%!important;height:auto!important}.section-content{text-align:center;max-width:100%;transform:translateY(30px)scale(.9)}.section-content.visible{transform:translateY(0)scale(1)}.section-overlay{background:linear-gradient(#fffffff2 0%,#fffc 45%,#ffffff4d 75%,#fff0 100%)}.section-title{margin-bottom:1.2rem;font-size:2.2rem}.section-desc{max-width:290px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:.98rem;line-height:1.7}.footer-container{gap:.75rem;padding:2.5rem 1rem}.footer-divider{margin:0 8px}}