.navbar[data-v-4d655872]{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all .3s;padding:5px 0}.navbar.scrolled[data-v-4d655872]{background:#003366f7;box-shadow:0 2px 12px #0003;padding:0}.navbar-inner[data-v-4d655872]{display:flex;align-items:center;justify-content:space-between;height:70px}.logo[data-v-4d655872]{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700}.logo-icon[data-v-4d655872]{background:var(--accent);color:#fff;padding:6px 12px;border-radius:4px;font-size:18px;letter-spacing:2px}.logo-text[data-v-4d655872]{font-size:18px}.nav-menu[data-v-4d655872]{display:flex;align-items:center;gap:8px}.nav-menu a[data-v-4d655872]{color:#ffffffe6;padding:8px 16px;font-size:15px;border-radius:4px;transition:all .3s}.nav-menu a[data-v-4d655872]:hover,.nav-menu a.router-link-exact-active[data-v-4d655872]{background:#ffffff26;color:#fff}.lang-switch[data-v-4d655872]{display:flex;align-items:center;gap:6px;margin-left:16px;border-left:1px solid rgba(255,255,255,.3);padding-left:16px}.lang-switch button[data-v-4d655872]{background:none;border:1px solid rgba(255,255,255,.4);color:#ffffffb3;padding:4px 10px;border-radius:3px;cursor:pointer;font-size:13px;transition:all .3s}.lang-switch button.active[data-v-4d655872]{background:var(--accent);border-color:var(--accent);color:#fff}.lang-switch button[data-v-4d655872]:hover{border-color:#fff;color:#fff}.lang-switch .divider[data-v-4d655872]{color:#ffffff4d}.mobile-toggle[data-v-4d655872]{display:none;background:none;border:none;width:30px;height:24px;cursor:pointer;position:relative}.mobile-toggle span[data-v-4d655872],.mobile-toggle span[data-v-4d655872]:before,.mobile-toggle span[data-v-4d655872]:after{display:block;width:30px;height:3px;background:#fff;border-radius:2px;transition:all .3s;position:absolute}.mobile-toggle span[data-v-4d655872]{top:50%;transform:translateY(-50%)}.mobile-toggle span[data-v-4d655872]:before{content:"";top:-9px}.mobile-toggle span[data-v-4d655872]:after{content:"";top:9px}.mobile-toggle span.open[data-v-4d655872]{background:transparent}.mobile-toggle span.open[data-v-4d655872]:before{top:0;transform:rotate(45deg)}.mobile-toggle span.open[data-v-4d655872]:after{top:0;transform:rotate(-45deg)}@media (max-width: 768px){.mobile-toggle[data-v-4d655872]{display:block}.nav-menu[data-v-4d655872]{display:none;position:absolute;top:70px;left:0;right:0;background:var(--primary);flex-direction:column;padding:20px;box-shadow:0 4px 12px #0003}.nav-menu.active[data-v-4d655872]{display:flex}.nav-menu a[data-v-4d655872]{width:100%;text-align:center;padding:12px}.lang-switch[data-v-4d655872]{border-left:none;border-top:1px solid rgba(255,255,255,.2);padding:12px 0 0;margin:8px 0 0;width:100%;justify-content:center}}.footer[data-v-d561f856]{background:var(--bg-dark);color:#fff;padding-top:50px;margin-top:0}.footer-grid[data-v-d561f856]{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:40px;padding-bottom:40px}.footer-logo[data-v-d561f856]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;margin-bottom:15px}.footer-logo .logo-icon[data-v-d561f856]{background:var(--accent);padding:4px 10px;border-radius:4px;font-size:14px}.footer-desc[data-v-d561f856]{color:#fff9;font-size:14px;line-height:1.7}.footer-col h4[data-v-d561f856]{font-size:16px;margin-bottom:18px;position:relative;padding-bottom:10px}.footer-col h4[data-v-d561f856]:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--accent)}.footer-col ul li[data-v-d561f856]{margin-bottom:10px}.footer-col ul li a[data-v-d561f856],.footer-col ul li[data-v-d561f856]{color:#fff9;font-size:14px;transition:color .3s}.footer-col ul li a[data-v-d561f856]:hover{color:#fff}.footer-col ul li .icon[data-v-d561f856]{margin-right:8px;font-style:normal}.qr-placeholder[data-v-d561f856],.qr-code[data-v-d561f856]{width:100px;height:100px;border-radius:8px;margin-top:10px}.qr-placeholder[data-v-d561f856]{background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff6}.qr-code[data-v-d561f856]{object-fit:contain}.footer-bottom[data-v-d561f856]{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;text-align:center;font-size:13px;color:#fff6}@media (max-width: 768px){.footer-grid[data-v-d561f856]{grid-template-columns:1fr;gap:30px}}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Segoe UI,Tahoma,sans-serif;color:#333;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit;transition:color .3s}img{max-width:100%;height:auto}ul{list-style:none}:root{--primary: #003366;--primary-light: #004d99;--accent: #c0392b;--accent-light: #e74c3c;--text: #333;--text-light: #666;--bg: #fff;--bg-gray: #f5f7fa;--bg-dark: #1a1a2e;--shadow: 0 2px 12px rgba(0,0,0,.1);--max-width: 1200px}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.section{padding:60px 0}.section-title{text-align:center;margin-bottom:40px}.section-title h2{font-size:32px;color:var(--primary);margin-bottom:10px}.section-title p{color:var(--text-light);font-size:16px}.section-title:after{content:"";display:block;width:60px;height:3px;background:var(--accent);margin:15px auto 0}.page-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;padding:80px 0 50px;text-align:center;margin-top:70px}.page-banner h1{font-size:36px;margin-bottom:10px}.page-banner p{font-size:16px;opacity:.85}.breadcrumb{background:var(--bg-gray);padding:12px 0;font-size:14px;color:var(--text-light)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span{margin:0 8px}.btn{display:inline-block;padding:12px 32px;border-radius:4px;font-size:15px;cursor:pointer;transition:all .3s;border:none;font-weight:600}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-light)}.btn-outline{border:2px solid #fff;color:#fff;background:transparent}.btn-outline:hover{background:#fff;color:var(--primary)}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.card img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center center}.card-body{padding:20px}.card-body h3{font-size:18px;margin-bottom:8px;color:var(--primary)}.card-body p{font-size:14px;color:var(--text-light);line-height:1.6}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--text)}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:15px;transition:border-color .3s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group textarea{height:120px;resize:vertical}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:40px 0}.section-title h2{font-size:24px}.page-banner{padding:60px 0 30px}.page-banner h1{font-size:26px}}@media (max-width: 1024px) and (min-width: 769px){.grid-4{grid-template-columns:repeat(2,1fr)}}