:root{--primary:#1b4d3e;--primary-light:#2b6b58;--primary-dark:#0f3328;--primary-rgb:27, 77, 62;--accent:#d49a37;--accent-light:#e5b35c;--accent-dark:#b17d23;--neutral-dark:#1e2924;--neutral-light:#f7f9f6;--neutral-white:#fff;--neutral-muted:#62776f;--border-color:#e2e8e5;--card-shadow:0 4px 20px #0000000a;--card-shadow-hover:0 10px 30px #1b4d3e14;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--neutral-light);color:var(--neutral-dark);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.btn{border-radius:var(--radius-md);transition:var(--transition);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 28px;font-size:16px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--neutral-white);box-shadow:0 4px 14px #1b4d3e33}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 20px #1b4d3e4d}.btn-accent{background-color:var(--accent);color:var(--neutral-white);box-shadow:0 4px 14px #d49a3733}.btn-accent:hover{background-color:var(--accent-light);transform:translateY(-2px);box-shadow:0 6px 20px #d49a374d}.btn-outline{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:var(--neutral-white)}.glass-card{-webkit-backdrop-filter:blur(12px);box-shadow:var(--card-shadow);border-radius:var(--radius-lg);transition:var(--transition);background:#fffc;border:1px solid #ffffff80}.glass-card:hover{box-shadow:var(--card-shadow-hover);border-color:#1b4d3e26;transform:translateY(-4px)}.nav-link{color:var(--neutral-dark);opacity:.85;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{opacity:1;color:var(--primary)}.nav-link:after{content:"";background-color:var(--accent);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}h1,h2,h3,h4{font-weight:700;line-height:1.3}h2{color:var(--primary-dark);margin-bottom:12px;font-size:32px}.qr-modal{z-index:1000;opacity:0;pointer-events:none;width:100%;height:100%;transition:var(--transition);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.qr-modal.active{opacity:1;pointer-events:auto}.qr-card{background:var(--neutral-white);border-radius:var(--radius-lg);text-align:center;width:90%;max-width:400px;transition:var(--transition);padding:32px;transform:scale(.9);box-shadow:0 10px 40px #0003}.qr-modal.active .qr-card{transform:scale(1)}.qr-image{border:1px solid var(--border-color);border-radius:var(--radius-md);width:200px;height:200px;color:var(--neutral-muted);background:#f9f9f9;justify-content:center;align-items:center;margin:20px auto;padding:8px;font-size:14px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s forwards fadeIn}.header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#ffffffd9;align-items:center;height:72px;display:flex;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:var(--primary);align-items:center;gap:10px;font-family:Noto Serif SC,serif;font-size:20px;font-weight:700;display:flex}.logo-icon{width:28px;height:28px;color:var(--accent)}.nav-desktop{align-items:center;gap:32px;display:flex}.btn-sm{padding:8px 18px;font-size:14px}.mobile-menu-btn{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;display:none}.mobile-menu-btn .bar{background-color:var(--primary);width:100%;height:2px;transition:var(--transition)}.mobile-menu-btn.active .bar:first-child{transform:translateY(8px)rotate(45deg)}.mobile-menu-btn.active .bar:nth-child(2){opacity:0}.mobile-menu-btn.active .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-nav{background:var(--neutral-white);border-bottom:1.5px solid var(--border-color);opacity:0;pointer-events:none;width:100%;transition:var(--transition);z-index:99;flex-direction:column;display:flex;position:fixed;top:72px;left:0;transform:translateY(-120%);box-shadow:0 10px 20px #0000000d}.mobile-nav.active{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav-link{border-bottom:1px solid #f0f3f1;padding:16px 24px;font-weight:500}.mobile-nav-link.active{color:var(--primary);background-color:#f7f9f6}.main-content{min-height:calc(100vh - 352px)}.footer{background-color:var(--primary-dark);color:#fffc;border-top:3px solid var(--accent);margin-top:60px;padding:60px 0 20px}.footer-grid{grid-template-columns:1.5fr 1fr 1.5fr;gap:48px;margin-bottom:40px;display:grid}.logo-footer{color:var(--neutral-white);margin-bottom:16px}.footer-desc{max-width:320px;font-size:14px;line-height:1.6}.footer h4{color:var(--accent);margin-bottom:20px;font-family:Noto Serif SC,serif;font-size:18px}.footer-links ul{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a:hover{color:var(--accent-light);padding-left:4px}.footer-contact p{margin-bottom:12px;font-size:14px}.footer-contact a{color:var(--accent-light)}.footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1a;padding-top:20px;font-size:13px}.qr-close{color:var(--neutral-muted);cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1;position:absolute;top:16px;right:16px}.qr-close:hover{color:var(--neutral-dark)}.qr-card h3{color:var(--primary);margin-bottom:6px;font-family:Noto Serif SC,serif;font-size:22px}.qr-subtitle{color:var(--neutral-muted);margin-bottom:16px;font-size:14px}.qr-tip{color:var(--neutral-muted);border-radius:var(--radius-sm);background:#f7f9f6;margin-top:12px;padding:10px;font-size:13px}@media (width<=768px){.nav-desktop{display:none}.mobile-menu-btn{display:flex}.footer-grid{grid-template-columns:1fr;gap:32px}h2{font-size:26px}}