.app-container{padding-top:70px}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:15px 40px;background:linear-gradient(90deg,#42b983,#3eaf7c);box-shadow:0 2px 12px rgba(0,0,0,.1);justify-content:space-between}.nav,.nav-left,.nav-right{display:flex;align-items:center}.nav-right{margin-left:auto;gap:20px}.blog-btn{color:#fff;text-decoration:none;padding:8px 16px;border:1px solid hsla(0,0%,100%,.3);border-radius:20px;transition:all .3s}.blog-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.about-btn{color:#fff;cursor:pointer;padding:8px 16px;border:1px solid hsla(0,0%,100%,.3);border-radius:20px;transition:all .3s}.about-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.main-content{min-height:calc(100vh - 70px);padding-bottom:40px}.nav-home{display:inline-block;margin-right:40px;font-weight:700;color:#fff;text-decoration:none;font-size:18px;transition:transform .3s}.nav-home:hover{transform:translateY(-2px)}.nav-group{display:inline-flex;gap:40px}.nav-category{position:relative;display:inline-block}.category-title{cursor:pointer;padding:8px 16px;color:#fff;font-weight:500;border-radius:20px;transition:all .3s}.nav-category:hover .category-title{background:hsla(0,0%,100%,.2)}.category-items{display:none;position:absolute;top:100%;left:0;margin-top:8px;background-color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.15);border-radius:8px;padding:8px 0;z-index:1000;min-width:160px}.category-items:hover,.nav-category:hover .category-items{display:block}.nav-category:after{content:"";position:absolute;top:100%;left:0;right:0;height:10px;background:transparent}.category-items a{display:block;padding:8px 16px;color:#2c3e50;text-decoration:none;transition:all .3s;white-space:nowrap}.category-items a:hover{background-color:#f8f9fa;color:#42b983}.nav a.router-link-exact-active{color:#2c3e50;background:hsla(0,0%,100%,.9);padding:6px 12px;border-radius:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body{margin:0;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.about-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000}.about-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;animation:modalSlideIn .3s ease}.about-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.about-header h2{margin:0;color:#2c3e50}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.about-body{padding:30px}.about-text{margin-bottom:20px;line-height:1.6;color:#2c3e50}.about-list{margin:20px 0;padding-left:20px}.about-list li{margin-bottom:10px;color:#2c3e50}.contact-section{margin-top:40px;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:20px}.qr-code{text-align:center}.qr-code img{width:150px;height:150px;border-radius:8px;margin-bottom:10px}.email{text-align:center}.email a{color:#42b983;text-decoration:none}@keyframes modalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.category-title.active{color:#2c3e50;background:hsla(0,0%,100%,.9);padding:6px 12px;border-radius:16px}.nav-category:hover .category-title:not(.active){background:hsla(0,0%,100%,.2)}.category-items a.router-link-active{background-color:#f8f9fa;color:#42b983;padding-left:24px}.nav-home.router-link-exact-active{color:#2c3e50;background:hsla(0,0%,100%,.9);padding:6px 12px;border-radius:16px}.home[data-v-27a38b70]{padding:40px;max-width:1200px;margin:0 auto}.category-section[data-v-27a38b70]{margin-bottom:60px}.category-title[data-v-27a38b70]{font-size:28px;color:#2c3e50;margin-bottom:30px;padding-bottom:15px;border-bottom:3px solid #42b983;position:relative}.category-title[data-v-27a38b70]:after{content:"";position:absolute;bottom:-3px;left:0;width:100px;height:3px;background-color:#42b983}.card-list[data-v-27a38b70]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.card-item[data-v-27a38b70]{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);cursor:pointer;transition:all .3s ease;overflow:hidden}.card-item[data-v-27a38b70]:hover{transform:translateY(-8px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.card-content[data-v-27a38b70]{padding:30px 20px;text-align:center}.card-icon[data-v-27a38b70]{font-size:48px;margin-bottom:20px;transition:transform .3s ease}.card-item:hover .card-icon[data-v-27a38b70]{transform:scale(1.1)}.card-title[data-v-27a38b70]{font-size:20px;font-weight:600;margin-bottom:12px;color:#2c3e50}.card-desc[data-v-27a38b70]{font-size:15px;color:#666;line-height:1.5}@media (max-width:768px){.home[data-v-27a38b70]{padding:20px}.category-title[data-v-27a38b70]{font-size:24px}.card-list[data-v-27a38b70]{gap:20px}.card-content[data-v-27a38b70]{padding:20px}.card-icon[data-v-27a38b70]{font-size:40px}}.beian-info[data-v-27a38b70]{text-align:center;padding:20px 0;margin-top:40px;color:#666;font-size:12px;border-top:1px solid #eee}.beian-info a[data-v-27a38b70]{color:#666;text-decoration:none;transition:color .3s ease}.beian-info a[data-v-27a38b70]:hover{color:#42b983}