:root{--primary: #d83131;--text: #26272b;--muted: #666c89;--bg: #edf0f6}*{box-sizing:border-box}body{margin:0;font-family:Manrope,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}a{color:inherit;text-decoration:none}.icon{width:40px;height:40px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.page{display:flex;flex-direction:column;min-height:100vh}header{position:sticky;top:0;background:#fff;z-index:10;box-shadow:0 2px 12px #0000000f}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo img{height:44px}.nav-links{display:flex;gap:30px;font-weight:600}.nav-links a{transition:color .3s ease}.nav-links a:hover,.nav-links .active{color:var(--primary)}.wrapper{background:linear-gradient(90deg,#eceff5,#edf0f6);flex:1}.banner-box{position:relative;border-radius:12px;overflow:hidden;width:100%}.banner-img{width:100%;display:block}.banner-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px}.banner-dots .dot{width:80px;height:6px;border-radius:2px;background:#d9d9d9;cursor:pointer;transition:background .3s ease}.banner-dots .dot.active{background:var(--primary)}.introduce{padding:120px 0 100px;background:linear-gradient(180deg,#edf0f600,#ced2db)}.introduce-wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.intro-img img{width:506px;height:600px;object-fit:contain}.intro-card{width:580px;background:#fff6;border:2px solid hsla(0,0%,98%,.3);padding:60px;box-sizing:border-box;border-radius:12px}.intro-tag{background:#edf0f6;padding:3px 12px;display:inline-block;position:relative;font-size:14px;color:var(--text);border-radius:4px}.intro-tag:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--primary);border-radius:4px 0 0 4px}.intro-title{margin:24px 0 12px;font-size:40px;font-weight:700;color:var(--text)}.intro-desc{margin:0;line-height:24px;color:var(--muted);font-size:16px}.intro-features{margin-top:60px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:30px}.feature-card{text-align:center}.feature-icon{transition:all .2s linear}.feature-card:hover{transform:translateY(-5px)}.feature-card img{width:80px;height:80px;margin-bottom:20px}.feature-title{font-size:20px;font-weight:600;margin-bottom:10px;color:var(--text)}.feature-desc{color:var(--muted);font-size:14px;line-height:20px}.follow{background:url(/static/img/follow.png) no-repeat center/cover;padding:120px 0;position:relative}.follow:before{content:"";position:absolute;inset:0;background:#0000004d;z-index:1}.follow-inner{text-align:center;color:#fff;position:relative;z-index:2}.follow-title{font-size:40px;margin:0 0 30px}.follow-desc{margin:0;color:#fffc;font-size:16px}.follow-icons{margin-top:60px;display:flex;justify-content:center;gap:30px;list-style:none;padding:0}.svgclass{width:40px;height:40px;fill:currentColor;color:#fff;transition:transform .3s ease}.svgclass:hover{transform:scale(1.1)}footer{background:#5e5e5e;color:#fff;padding:60px 0 0}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;align-items:center}.footer-logo{width:164px;margin-bottom:20px}.footer-desc{color:#fffc;margin:0;font-size:14px;line-height:20px}.footer-links h3,.footer-contact h3{font-size:18px;margin-bottom:20px}.footer-links ul,.footer-contact p{margin:0;padding:0;list-style:none;color:#fffc;font-size:14px}.footer-links li{margin-bottom:10px}.footer-links a{color:#fffc;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-contact p{margin-bottom:10px}.footer-line{height:1px;background:#717171;margin-top:32px}.footer-bottom{text-align:center;padding:20px 0;opacity:.7;font-size:14px}@media(max-width:1024px){.intro-card{width:auto}.intro-img img{width:400px;height:auto}.feature-card{min-width:180px}}@media(max-width:768px){.container{padding:0 16px}.nav{height:60px}.logo img{height:32px}.nav-links{gap:20px;font-size:14px}.introduce-wrap{flex-direction:column}.intro-card{padding:40px 30px}.intro-img img{width:100%;max-width:400px}.intro-title{font-size:32px}.intro-features{flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:15px;margin-top:40px}.feature-card{min-width:150px;max-width:200px;width:calc(33.333% - 10px);padding:30px 15px}.feature-card img{width:60px;height:60px;margin-bottom:15px}.feature-title{font-size:18px;margin-bottom:8px}.feature-desc{font-size:13px;line-height:18px}.follow{padding:80px 0}.follow-icons{gap:20px}.follow-title{font-size:32px}.footer-top{flex-direction:column;gap:30px;align-items:center}}@media(max-width:480px){.nav-links{font-size:13px;gap:15px}.intro-title{font-size:28px}.intro-card{padding:30px 20px}.banner-dots .dot{width:40px}.intro-features{gap:10px;margin-top:30px}.feature-card{min-width:120px;max-width:150px;width:calc(33.333% - 7px);padding:25px 12px}.feature-card img{width:50px;height:50px;margin-bottom:12px}.feature-title{font-size:16px;margin-bottom:6px}.feature-desc{font-size:12px;line-height:16px}.follow-title{font-size:28px}.follow-icons{gap:15px}.svgclass{width:32px;height:32px}}