.header{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center;height:70px}.logo{font-size:1.8rem;font-weight:700;color:#3498db}.nav ul{display:flex}.nav li{margin-left:30px}.nav a{font-size:1rem;color:#333;transition:color .3s}.nav a:hover{color:#3498db}.about{background:linear-gradient(#22313f80,#22313f80),url(https://images.unsplash.com/photo-1461749280684-dccba630e2f6?auto=format&fit=crop&w=1200&q=80) center/cover no-repeat;color:#fff;position:relative;padding:60px 0}.about .section-title,.about-content p{position:relative;z-index:2}.about:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#22313f80;z-index:1;pointer-events:none}.about-content{max-width:900px;margin:0 auto;text-align:left;position:relative;z-index:2}.app-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-bottom:40px}.app-item{display:flex;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.app-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.app-icon{flex:0 0 80px;padding:15px}.app-icon img{width:100%;border-radius:12px}.app-info{flex:1;padding:15px 15px 15px 0}.app-title{font-size:1.2rem;font-weight:700;margin-bottom:5px;color:#333}.app-id{font-size:.8rem;color:#999;margin-bottom:10px}.app-desc{font-size:.9rem;color:#666;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;box-orient:vertical}.app-detail{font-size:.9rem;color:#3498db;display:inline-block}.show-more{text-align:center}.btn-more{background-color:#3498db;color:#fff;padding:10px 25px;border-radius:5px;font-size:1rem;transition:background-color .3s}.btn-more:hover{background-color:#2980b9}.footer{background-color:#2c3e50;color:#fff;padding:30px 0;text-align:center}.contact-info{margin-bottom:20px}.copyright{font-size:.9rem;color:#ffffffb3}@media (max-width: 768px){.header .container{height:60px}.logo{font-size:1.5rem}.nav li{margin-left:15px}.app-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media (max-width: 576px){.logo{font-size:1.2rem}.nav{display:none}.app-list{grid-template-columns:1fr}}section[id]{scroll-margin-top:70px}