body{background-color:#f8faff;color:#333;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;margin:0;padding:0}.container{margin:0 auto;max-width:1100px;padding:0 20px}a{text-decoration:none;transition:color .3s}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 1px 15px #0000000d;position:sticky;top:0;z-index:100}.nav-content{align-items:center;display:flex;height:70px;justify-content:space-between}.logo{color:#07c160;font-size:22px;font-weight:800;letter-spacing:1px}.links a{color:#555;font-size:15px;font-weight:500;margin-left:30px}.links a:hover{color:#07c160}.hero-section{background:linear-gradient(180deg,#fff,#e6f7ff);padding:80px 0 100px;text-align:center}.badge{background:#e3f9e9;border-radius:20px;color:#07c160;display:inline-block;font-size:13px;font-weight:700;margin-bottom:15px;padding:5px 15px}.hero-section h1{color:#2c3e50;font-size:48px;letter-spacing:-1px;margin:0 0 15px}.subtitle{color:#666;font-size:18px;margin-bottom:50px}.qr-card{align-items:center;background:#fff;border:1px solid rgba(7,193,96,.1);border-radius:16px;box-shadow:0 20px 40px #07c16026;display:inline-flex;padding:20px 30px;text-align:left}.qr-wrapper{border:1px solid #eee;border-radius:8px;height:100px;margin-right:20px;overflow:hidden;width:100px}.qr-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.qr-text strong{color:#333;display:block;font-size:18px;margin-bottom:5px}.qr-text p{color:#888;font-size:14px;margin:0}.features-section{background:#fff;padding:80px 0}.section-title{margin-bottom:60px;text-align:center}.section-title h2{font-size:32px;margin-bottom:10px}.section-title p{color:#888}.grid-box{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:#f8faff;border:1px solid #f0f0f0;border-radius:12px;padding:40px 30px;transition:transform .3s}.card:hover{background:#fff;box-shadow:0 10px 30px #0000000d;transform:translateY(-5px)}.icon{font-size:40px;margin-bottom:20px}.card h3{font-size:20px;margin-bottom:10px}.card p{color:#666;font-size:14px;line-height:1.6}.site-footer{background:#2c3e50;color:#aab;font-size:14px;padding:50px 0}.footer-content{text-align:center}.beian-info{margin-top:10px}.beian-info a{color:#889}.beian-info a:hover{color:#fff}.divider{color:#556;margin:0 10px}@media(max-width:768px){.hero-section h1{font-size:32px}.qr-card{flex-direction:column;padding:20px;text-align:center}.qr-wrapper{margin:0 auto 15px}.nav-content{justify-content:center}.links{display:none}}