*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #111111;--color-secondary: #6B7280;--color-accent: #2563EB;--color-accent-dark: #1D4ED8;--color-accent-darker: #1E40AF;--color-bg: #FAFAFA;--color-bg-card: #FFFFFF;--color-text: #1F2937;--color-text-muted: #9CA3AF;--color-border: #E5E7EB;--max-width: 1200px;--content-width: 720px;--nav-height: 64px;--section-gap: 80px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent);text-decoration:none;transition:color .15s ease}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:18px;font-weight:700;color:var(--color-primary)!important;text-decoration:none!important}.nav-links{display:flex;gap:32px}.nav-links a{font-size:15px;font-weight:400;color:var(--color-secondary)!important;text-decoration:none!important;position:relative;padding-bottom:2px;transition:color .15s ease}.nav-links a:hover,.nav-links a.active{color:var(--color-primary)!important}.nav-links a.active:after{content:"";position:absolute;bottom:-21px;left:0;right:0;height:2px;background:var(--color-accent)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;width:40px;height:40px;position:relative;z-index:200}.menu-icon{display:block;width:24px;height:2px;background:var(--color-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:background .2s ease}.menu-icon:before,.menu-icon:after{content:"";display:block;width:24px;height:2px;background:var(--color-primary);position:absolute;transition:transform .2s ease}.menu-icon:before{top:-7px}.menu-icon:after{top:7px}.mobile-overlay{display:none}.site-footer{background:var(--color-primary);padding:48px 24px;margin-top:var(--section-gap);text-align:center}.footer-inner{max-width:var(--content-width);margin:0 auto}.footer-copy{font-size:14px;color:var(--color-text-muted);margin-bottom:8px}.footer-motto{font-size:14px;color:var(--color-secondary);margin-bottom:16px}.footer-links{margin-bottom:32px}.footer-links a{font-size:14px;color:var(--color-secondary)!important;text-decoration:none!important;transition:color .15s ease}.footer-links a:hover{color:var(--color-accent)!important}.footer-dot{color:var(--color-secondary);margin:0 12px;font-size:14px}.footer-qrcode-text{font-size:12px;color:var(--color-text-muted);margin-bottom:8px}.qrcode-placeholder{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-muted);font-size:12px;padding:16px;border:1px dashed rgba(255,255,255,.2);border-radius:8px}.qrcode-placeholder svg{opacity:.5}.section-container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.content-container{max-width:var(--content-width);margin:0 auto;padding:0 24px}.section-title{font-size:1.75rem;font-weight:600;color:var(--color-primary);text-align:center;margin-bottom:.5rem}.section-subtitle{font-size:1rem;color:var(--color-secondary);text-align:center;margin-bottom:3rem}@media(max-width:768px){.nav-links{position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--color-bg-card);flex-direction:column;padding:80px 32px 32px;gap:20px;transform:translate(100%);transition:transform .25s ease;box-shadow:-4px 0 20px #0000001a;z-index:150}.nav-links.open{transform:translate(0)}.nav-links a{font-size:18px}.nav-links a.active:after{bottom:-12px}.menu-toggle{display:block}.mobile-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:140;opacity:0;pointer-events:none;transition:opacity .25s ease}.mobile-overlay.open{opacity:1;pointer-events:auto}.section-container,.content-container{padding:0 20px}.section-title{font-size:1.375rem}.site-footer{padding:36px 20px}}
