:root{--bg:#f7f9fc;--text:#1f2937;--muted:#6b7280;--brand:#2f6df6;--container:1200px;font-family:PingFang SC,Segoe UI,Roboto,Hiragino Sans,Noto Sans CJK SC,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{height:100%}body{min-height:100%;display:flex;flex-direction:column;margin:0;background:linear-gradient(180deg,#fbfcff 0%,var(--bg) 100%);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container);margin:0 auto;padding:0 20px}.site-header{background:#fff;position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 24px}.logo{display:flex;align-items:center;text-decoration:none;width:174px;height:36px}.logo img{display:block}.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:24px;align-items:center}.main-nav a{text-decoration:none;color:var(--muted);font-weight:600;padding:15px 0;border-radius:0;border-bottom:3px solid transparent;font-family:PingFang SC,Segoe UI,Roboto,Hiragino Sans,Noto Sans CJK SC,Helvetica Neue,Arial,sans-serif;font-size:16px}.main-nav a.active,.main-nav a:hover{color:var(--brand);background:transparent;border-bottom:3px solid var(--brand)}.header-actions{display:flex;gap:12px;align-items:center;position:relative}.btn{display:inline-block;padding:0;border-radius:4px;text-decoration:none;font-weight:400;font-size:14px;text-align:center;font-family:PingFang SC,Segoe UI,Roboto,Hiragino Sans,Noto Sans CJK SC,Helvetica Neue,Arial,sans-serif;cursor:pointer;border:none}.btn-outline{border:1px solid rgba(31,41,55,.08);background:#fff;color:var(--text);width:65px;height:32px;line-height:32px}.btn-primary{background:#3d5afe;color:#fff;box-shadow:0 6px 18px #2f6df629;width:65px;height:32px;line-height:32px}.btn-hero{background:#3d5afe;color:#fff;box-shadow:0 6px 18px #2f6df629;height:42px;line-height:42px;width:auto;padding:0 24px;cursor:pointer}.btn-block{width:100%}.btn-wechat{background-color:#07c160;color:#fff;border:none;display:flex;align-items:center;justify-content:center;gap:8px;line-height:32px}.modal-body .btn-primary,.modal-body .btn-wechat{width:100%;height:32px}.user-avatar{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;overflow:hidden;cursor:pointer;position:relative}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-menu{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:4px;box-shadow:0 4px 6px #0000001a;width:120px;z-index:100;display:none}.user-menu:before{content:"";position:absolute;top:-6px;right:14px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white}.user-menu ul{list-style:none;padding:8px 0;margin:0}.user-menu li{padding:0;margin:0}.user-menu a{display:block;padding:8px 16px;color:var(--text);text-decoration:none;font-size:14px}.user-menu a:hover{background-color:#f7f9fc}.qr-popup{position:absolute;top:calc(100% + 10px);left:-100px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;z-index:100;display:none;font-size:10px}.qr-popup:before{content:"";position:absolute;top:-6px;left:120px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white}.qr-popup img{display:block;width:140px;height:140px}.hero{padding:64px 0 120px;background-image:url(./background.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;min-height:80vh;flex:1}.hero-inner{display:flex;align-items:center;gap:40px;flex-wrap:wrap;flex-direction:column}.hero-copy{flex:1 1 420px;text-align:center;color:#000;z-index:2;padding:30px;border-radius:12px}.hero h1{font-size:36px;margin:0 0 12px;line-height:1.12}.lead{color:#000;margin:0 0 20px;font-size:20px;font-family:PingFang SC,Segoe UI,Roboto,Hiragino Sans,Noto Sans CJK SC,Helvetica Neue,Arial,sans-serif}.hero-illustration{display:none}.site-footer{border-top:1px solid rgba(31,41,55,.04);background:#fff9;padding:18px 0;margin-top:auto}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:13px;color:var(--muted);text-align:center}.footer-inner>div p{margin:0;text-align:center}.footer-inner ul{display:flex;gap:12px;list-style:none;margin:0;padding:0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 0}.modal-header h2{margin:0;font-size:20px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer}.modal-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-footer{text-align:center;margin-top:20px}.form-footer p{margin:0;font-size:14px;color:#666}.form-footer a{color:#3d5afe;text-decoration:none}.form-footer a:hover{text-decoration:underline}.form-footer button{background:none;border:none;color:#3d5afe;text-decoration:underline;cursor:pointer;padding:0;font-size:14px}.social-login{display:flex;gap:8px;align-items:center;position:relative}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f0f0f0;text-decoration:none}.divider{display:flex;align-items:center;text-align:center;color:#999;font-size:14px;margin:20px 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #eee}.divider:before{margin-right:10px}.divider:after{margin-left:10px}.btn-wechat{background-color:#07c160;color:#fff;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.btn-wechat:hover{background-color:#06ad56}.wechat-icon{width:18px;height:18px}@media(max-width:900px){.hero-inner{flex-direction:column-reverse;align-items:center;text-align:center}.main-nav{display:none}.header-actions{gap:8px}.hero h1{font-size:28px}}