:root{--header-bg: rgba(35, 84, 197, .8);--hero-gradient-start: rgba(35, 84, 197, .8);--hero-gradient-end: rgba(34, 129, 255, .8);--accent-blue: #356ef1;--text-primary: #334155;--text-secondary: #64748b;--text-muted: #94a3b8;--card-shadow: 0 0 20px rgba(100, 116, 139, .08);--card-border: #e2e8f0}*{margin:0;padding:0;box-sizing:border-box}body{width:100%;max-width:100%;font-family:Microsoft YaHei,PingFang SC,Helvetica,Arial,sans-serif;background-color:#f8fafc;color:var(--text-primary);line-height:1.6;overflow-x:visible}.bg{background:url(../assets/images/index/banner.png);background-size:cover;background-position:center;min-height:100vh;height:auto;position:relative}.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:100px;background:#2354c533;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.header.scrolled{background:#2354c5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #c8a95126}.header-content{width:100%;max-width:1920px;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 150px}.logo-area{display:flex;align-items:center;width:218px;height:60px;opacity:1;justify-content:space-around}.logo-img{width:218px;height:60px;-o-object-fit:contain;object-fit:contain}.nav-area{position:relative;display:flex;align-items:center;gap:2rem}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 40px;height:40px;justify-content:center;cursor:pointer}.nav-item:first-child{margin-left:0}.nav-item span{font-size:22px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;color:#fff;white-space:nowrap}.login-btn{width:140px;height:50px;padding:0 10px;background:#fff;border:none;border-radius:100px;cursor:pointer;display:flex;align-items:center;justify-content:center}.login-btn span{font-size:18px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;color:var(--accent-blue);white-space:nowrap}.user-info{display:flex;align-items:center;gap:10px;height:50px;padding:0 18px;background:#fff;border-radius:100px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif}.user-info .username{color:var(--accent-blue);font-size:16px;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info .separator{color:#cbd5e1;font-size:14px}.user-info .logout-link{color:var(--accent-blue);text-decoration:none;font-size:14px;cursor:pointer}.user-info .logout-link:hover{text-decoration:underline}a:-webkit-any-link{color:inherit!important;text-decoration:none!important}.mobile-menu-btn{display:none;width:44px;height:44px;background:#ffffff1a;border:none;border-radius:10px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-left:auto}.mobile-menu-btn span{width:20px;height:2px;background:#fff;border-radius:2px}.hero{position:relative;min-height:100vh;height:auto;display:flex;flex-direction:column;align-items:center;padding-top:180px;overflow:hidden;box-sizing:border-box;width:100%;max-width:100%;justify-content:center}.hero-top{margin-top:0;text-align:center}.hero-title{height:auto;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(32px,5vw,80px);font-weight:400;line-height:1.2;color:#fff;text-align:center;letter-spacing:4px}.hero-subtitle{height:auto;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;margin-top:20px;font-size:clamp(16px,1.8vw,24px);color:#fff;line-height:1.3;font-weight:lighter;text-align:center}.hero-tags{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,20px);margin-top:20px;flex-wrap:wrap}.hero-tag{font-size:clamp(14px,1.8vw,24px);font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;color:#fff;white-space:nowrap;position:relative;padding-left:18px}.hero-tag:not(:first-child):before{height:16px;border-radius:0;border:1px solid #FFFFFF;opacity:.4;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%)}.register-btn{height:clamp(40px,4vh,56px);max-width:215px;padding:0 clamp(30px,4vw,60px);margin-top:30px;background:#fff;border:none;border-radius:100px;cursor:pointer;display:flex;align-items:center;justify-content:center}.register-btn span{font-size:clamp(16px,1.8vw,24px);font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1;text-align:center;color:var(--accent-blue);white-space:nowrap}.hero-feature-cards{display:flex;flex-wrap:wrap;gap:clamp(12px,1.5vw,24px);width:100%;padding:0 150px;justify-content:center;margin-top:160px}.hero-feature-card{border-radius:18px;padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden;flex:1;min-width:180px;box-sizing:border-box}.hero-feature-card:nth-child(1){background:url(../assets/images/index/card-1.png) center/cover}.hero-feature-card:nth-child(2){background:url(../assets/images/index/card-2.png) center/cover}.hero-feature-card:nth-child(3){background:url(../assets/images/index/card-3.png) center/cover}.hero-feature-card:nth-child(4){background:url(../assets/images/index/card-4.png) center/cover}.hero-card-title{font-size:clamp(16px,1.8vw,24px);font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-primary);font-weight:600;text-align:left;margin-bottom:8px}.hero-card-desc{font-size:clamp(12px,1.2vw,16px);font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-secondary);width:auto;height:auto;line-height:1.4;max-width:166px}.hero-card-icon{position:absolute;right:clamp(10px,2vw,26px);top:50%;transform:translateY(-50%);width:clamp(60px,8vw,127px);height:clamp(60px,8vw,123px);-o-object-fit:contain;object-fit:contain}.main-content{max-width:100%;margin:0 auto;padding:0 150px}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:80px;padding-top:100px}.section-icon{width:48px;height:48px;background:linear-gradient(135deg,#356ef1,#2281ff);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.section-title-group{display:flex;align-items:center;gap:40px}.section-title{margin-top:48px;margin-bottom:48px;color:var(--text-primary);letter-spacing:-.5px;height:48px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-weight:700;font-size:48px;line-height:48px;text-align:left;font-style:normal;text-transform:none}.section-subtitle{font-size:20px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-secondary);text-align:left;margin-bottom:80px;line-height:20px}.section-subtitle-text{font-size:18px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.section-divider{width:2px;height:45px;background:var(--card-border)}.design-process{margin-top:80px;margin-bottom:80px}.process-flow{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:60px;flex-wrap:wrap}.process-item{display:flex;align-items:center;gap:16px;flex:1;min-width:250px;position:relative;padding-right:24px}.process-item:not(:last-child):after{content:"";position:absolute;top:10%;bottom:10%;width:1px;background:repeating-linear-gradient(to bottom,#ccc,#ccc 4px,transparent 4px,transparent 6px);left:100%;transform:translate(-50%)}.process-icon{width:64px;height:64px;border-radius:0;display:flex;align-items:center;justify-content:center}.process-icon img{width:98px;height:98px;-o-object-fit:contain;object-fit:contain}.process-text h4{font-size:22px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-weight:600;color:var(--text-primary);margin-bottom:4px}.process-text p{font-size:16px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-secondary)}.process-arrow{color:var(--text-muted);font-size:24px;flex-shrink:0}.feature-icons-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:60px;flex-wrap:wrap}.feature-icon-item{display:flex;align-items:center;gap:16px;flex:1;min-width:250px;position:relative;padding-right:24px}.feature-icon-item:not(:last-child):after{content:"";position:absolute;top:10%;bottom:10%;width:1px;background:repeating-linear-gradient(to bottom,#ccc,#ccc 4px,transparent 4px,transparent 6px);left:100%;transform:translate(-50%)}.feature-icon-main{width:64px;height:64px;border-radius:0;display:flex;align-items:center;justify-content:center}.feature-icon-main img{width:98px;height:98px;-o-object-fit:contain;object-fit:contain}.feature-icon-text h4{font-size:22px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-weight:600;color:var(--text-primary);margin-bottom:6px}.feature-icon-text p{font-size:16px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-secondary);line-height:1.5}.feature-icon-pair{display:flex;gap:16px}.feature-icon-pair img{width:64px;height:64px;-o-object-fit:contain;object-fit:contain}.feature-icon-single{width:80px;height:80px;-o-object-fit:contain;object-fit:contain}.app-section{padding-bottom:80px}.app-section-title{font-size:48px;font-weight:600;color:var(--text-primary);text-align:left;margin-top:80px;margin-bottom:32px;letter-spacing:-.5px}.app-section-subtitle{font-size:20px;color:var(--text-secondary);text-align:left;margin-bottom:60px}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.app-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--card-shadow);border:1px solid var(--card-border);transition:all .3s ease;cursor:pointer}.app-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #64748b26;border-color:var(--accent-blue)}.app-card-header{display:flex;align-items:center;margin-bottom:16px}.app-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:left;flex-shrink:0}.app-icon img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.app-card h3{font-size:19px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-weight:600;color:var(--text-primary);flex:1}.app-card p{font-size:14px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.app-tags{display:flex;gap:8px;flex-wrap:wrap}.app-tag{font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;padding:6px 12px;background:#fff;border:1px solid rgba(148,163,184,.4);border-radius:6px;font-size:14px;color:var(--text-muted);font-weight:500}.services-section{display:grid;grid-template-columns:1fr 1fr;gap:0px;margin-bottom:80px;overflow:visible}.services-image{position:relative;overflow:visible}.services-image img{width:100%;height:112%;-o-object-fit:cover;object-fit:cover;border-radius:16px}.services-content{padding-top:40px}.services-content h2{font-size:48px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-weight:600;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.5px;text-align:right}.services-content>p{font-size:20px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-secondary);margin-bottom:38px;text-align:right}.service-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-card{background:#fff;box-shadow:0 0 20px #64748b14;border-radius:16px;padding:24px;border:1px solid var(--card-border);transition:all .3s ease}.service-card:hover{background:#fff;box-shadow:0 10px 30px #64748b1a;transform:translateY(-3px)}.service-card h3{font-size:22px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-weight:600;color:var(--text-primary);margin-bottom:8px}.service-card>p{font-size:16px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-secondary);line-height:24px;margin-bottom:16px}.service-info{display:flex;align-items:center;justify-content:space-between}.price{height:24px;font-size:22px;font-weight:700;color:#2281ff}.price span{font-size:16px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;color:#64748b}.wprice{font-weight:400;font-size:16px;color:#64748b;line-height:24px;text-align:justified;font-style:normal;text-transform:none}.service-btn{padding:8px 16px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#356ef1,#2281ff);color:#fff;border:none;border-radius:100px;font-size:14px;font-weight:400;cursor:pointer;transition:all .3s ease}.service-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #356ef14d}.ai-section{height:420px;border:none;outline:none;box-shadow:none;padding:24px;position:relative;overflow:visible;background:transparent;margin-bottom:0}.ai-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center bottom,rgba(211,200,247,.8) 20%,rgba(230,220,255,.2) 60%,transparent 70%);pointer-events:none;border:none;outline:none;box-shadow:none}.ai-section h2{margin-top:0;font-size:48px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-weight:600;text-align:center;color:#334155;margin-bottom:12px;position:relative}.ai-section>p{font-size:20px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;text-align:center;color:#334155;margin-bottom:32px;position:relative}.ai-suggestions{width:100%;margin-top:50px;display:flex;gap:8px;justify-content:center;margin-bottom:50px;position:relative;flex-wrap:wrap}.ai-suggestion{padding:8px 10px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;background:#fffc;border-radius:16px;color:#64748b;text-align:center;font-size:16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 10px #fff,0 10px 30px #64748b1a;border:1px solid #FFFFFF}.ai-suggestion:hover{background:#fffc;transform:translate(-2px)}.ai-input-container{width:90%;margin:0 auto;display:flex;gap:12px;position:relative}.ai-input-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:24px;background:linear-gradient(88deg,#ca35d7,#0c64fb);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.ai-input-container:last-child{margin-bottom:0}.ai-input{flex:1;padding:16px 64px 16px 24px;position:relative;background:#fff;font-size:18px;outline:none;transition:all .3s ease;border:2px solid;border-radius:24px;border-color:transparent;background-clip:padding-box}.ai-input::-moz-placeholder{color:#94a3b8;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif}.ai-input::placeholder{color:#94a3b8;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif}.ai-input-btn{width:50px;height:50px;background:linear-gradient(135deg,#ca35d7,#0c64fb);border-radius:18px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.ai-input-btn img{width:24px;height:24px}.ai-input-btn:hover{transform:translateY(-51%) scale(1.02);box-shadow:0 4px 20px #356ef166}.footer{background-image:url(../assets/images/index/mech.jpeg);max-width:100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;padding:60px 0 0}.footer-content{height:150px;max-width:1560px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr auto;-moz-column-gap:40px;column-gap:40px}.footer-left{height:200px;display:flex;align-items:center;gap:20px}.footer-ligong{width:auto;max-width:180px;min-width:60px;height:auto;display:flex;align-items:center;justify-content:flex-start;flex-shrink:1;margin-bottom:80px}.footer-ligong img{width:100%;height:auto;max-width:180px;-o-object-fit:contain;object-fit:contain}.footer-huanghai{width:auto;max-width:250px;min-width:80px;height:auto;display:flex;align-items:center;justify-content:center;flex-shrink:1;margin-bottom:80px}.footer-huanghai img{width:100%;height:auto;max-width:250px;-o-object-fit:contain;object-fit:contain}.footer-contact{margin-left:40px;display:grid;grid-template-columns:repeat(2,auto);align-items:center;gap:24px 60px;margin-bottom:80px}.contact-item{display:flex;align-items:center;text-align:left;gap:8px;color:#ffffffb3;font-size:14px;line-height:1.2;margin:0;padding:0}.contact-item img{width:20px;height:20px;opacity:.7}.footer-right{margin-right:40px;display:flex;gap:40px}.qr-code{text-align:center;margin-bottom:70px;flex-shrink:1;min-width:0;width:auto}.qr-code img{width:100%;height:auto;max-width:140px;min-width:60px;border-radius:4px;margin-bottom:6px;align-items:center;-o-object-fit:contain;object-fit:contain}.qr-code span{display:block;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;color:#ffffff80}.footer-bottom{width:100%;margin:40px auto 0;padding:20px 40px 0;border-top:1px solid #64748B;display:flex;align-items:center;justify-content:center;gap:30px;background-color:#0000004d}.footer-bottom span{font-size:12px;margin-bottom:16px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;color:#ffffff80}.footer-beian{display:flex;align-items:center;gap:8px}.footer-beian img{width:16px;height:16px;align-items:center;margin-bottom:16px}@media (max-width: 1200px){.header-content,.hero-feature-cards,.main-content{padding:0 40px}.footer-content{padding:0 20px;gap:15px}.footer-ligong{max-width:140px;min-width:50px}.footer-ligong img{max-width:140px}.footer-huanghai{max-width:190px;min-width:60px}.footer-huanghai img{max-width:190px}.contact-item{font-size:12px}.contact-item img{width:16px;height:16px}.qr-code img{max-width:100px}.qr-code span{font-size:10px}}@media (max-width: 992px){.header{height:80px}.header-content{padding:0 40px}.nav-area{display:flex;gap:15px}.nav-item{padding:0 15px}.nav-item span{font-size:14px;white-space:nowrap}.login-btn{width:90px;height:38px}.login-btn span{font-size:14px}.mobile-menu-btn{display:none}.logo-area,.logo-img{width:160px;height:45px}.main-content{padding:0 40px}.hero-feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 40px;margin-top:80px}.section-title{font-size:36px;height:auto}.section-subtitle{font-size:16px}.app-section-title{font-size:36px}.app-section-subtitle{font-size:16px}.app-grid{grid-template-columns:repeat(2,1fr);gap:20px}.services-section{grid-template-columns:1fr}.services-image{display:none}.services-content h2{text-align:center;font-size:36px}.services-content>p{text-align:center;font-size:16px}.service-cards-grid{grid-template-columns:repeat(2,1fr)}.ai-section{height:auto;padding:40px 20px}.ai-section h2{font-size:36px}.ai-section>p{font-size:16px}.ai-input-container{width:100%}.footer-content{padding:0 15px;gap:10px}.footer-ligong{max-width:110px;min-width:40px}.footer-ligong img{max-width:110px}.footer-huanghai{max-width:150px;min-width:50px}.footer-huanghai img{max-width:150px}.footer-left{gap:10px}.footer-contact{gap:12px 30px}.contact-item{font-size:10px}.contact-item img{width:14px;height:14px}.footer-right{gap:15px}.qr-code img{max-width:80px}.footer-bottom{gap:15px;padding:15px 20px 0}.footer-bottom span{font-size:10px}}@media (max-width: 768px){.hero{padding-top:200px}.hero-feature-cards{margin-bottom:60px}.app-grid{grid-template-columns:1fr}.hero-feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 40px}.service-cards-grid{grid-template-columns:1fr}.process-flow{flex-direction:column}.process-item{width:100%;padding-right:0}.process-item:not(:last-child):after{display:none}.feature-icons-row{flex-direction:column}.feature-icon-item{width:100%;padding-right:0}.feature-icon-item:not(:last-child):after{display:none}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-title-group{flex-direction:column;align-items:flex-start;gap:8px}.section-divider{display:none}.footer{padding:40px 0 0}.footer-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:auto;min-height:180px;padding:0 15px;gap:15px;flex-wrap:nowrap}.footer-left{display:flex;align-items:center;justify-content:center;gap:10px;height:auto;margin-bottom:0;flex-shrink:0}.footer-ligong,.footer-huanghai{margin-bottom:0;display:flex;justify-content:center}.footer-ligong,.footer-ligong img{max-width:70px}.footer-huanghai,.footer-huanghai img{max-width:100px}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:60px;gap:8px;flex:1;grid-template-columns:none}.contact-item{white-space:nowrap;font-size:10px;gap:6px}.contact-item img{width:14px;height:14px}.footer-right{display:flex;flex-direction:row;gap:15px;margin-right:0;flex-shrink:0}.qr-code{margin-bottom:0;text-align:center}.qr-code img{max-width:65px;min-width:50px}.qr-code span{font-size:9px}.footer-bottom{margin-top:30px;padding:15px 15px 0;gap:15px;flex-wrap:wrap;justify-content:center}.footer-bottom span{font-size:9px;margin-bottom:12px}}@media (max-width: 576px){.hero-tag,.register-btn span{white-space:nowrap}.hero-feature-cards{grid-template-columns:1fr;gap:16px;padding:0 20px}.footer-right{flex-direction:column;align-items:center;gap:15px}.qr-code img{width:65px}}@media (max-width: 480px){.body{padding-top:100px}.bg{min-height:100vh;height:auto}.hero-feature-cards{grid-template-columns:1fr;gap:16px;padding:0 20px}.hero-feature-card{min-width:240px;flex:0 1 auto}.hero-card-icon{display:none}.footer-right{flex-direction:column;align-items:center;gap:15px}.qr-code img{width:65px}}.mobile-nav{display:none;position:absolute;top:100px;left:0;right:0;background:var(--header-bg);padding:20px;flex-direction:column;gap:10px}.mobile-nav.active{display:flex}.mobile-nav-item{padding:12px 20px;color:#fff;font-size:18px;text-align:center;border-radius:8px;cursor:pointer}.mobile-nav-item:hover,.mobile-nav-item.active{background:#ffffff1a}.mobile-login-btn{margin-top:10px;padding:12px 20px;background:#fff;border-radius:100px;text-align:center}.mobile-login-btn span{color:var(--accent-blue);font-size:16px;font-weight:600}.mobile-user-info{margin-top:10px;padding:12px 20px;background:#fff;border-radius:100px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif}.mobile-user-info .username{color:var(--accent-blue);font-size:16px;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-info .separator{color:#cbd5e1;font-size:14px}.mobile-user-info .logout-link{color:var(--accent-blue);text-decoration:none;font-size:14px;cursor:pointer}.mobile-user-info .logout-link:hover{text-decoration:underline}@media (max-width: 992px){.mobile-nav{top:80px}}.detail-page{background-color:#f8fafc}.detail-page .header{background:#2354c5}.detail-main{padding-top:100px;padding-bottom:80px;min-height:calc(100vh - 100px)}.detail-container{max-width:1200px;margin:0 auto;padding:24px 40px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b;margin-bottom:24px}.breadcrumb a{color:#64748b;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#356ef1}.breadcrumb .sep{color:#cbd5e1}.breadcrumb .current{color:#334155}.detail-card{background:#fff;border-radius:20px;padding:48px 56px;box-shadow:0 0 30px #64748b14;border:1px solid #e2e8f0}.detail-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.detail-tag{padding:6px 14px;background:#356ef114;border:1px solid rgba(53,110,241,.2);border-radius:100px;font-size:14px;color:#356ef1;font-weight:500}.detail-title{font-size:36px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-weight:700;color:#1e293b;margin-bottom:16px;line-height:1.3}.detail-desc{font-size:16px;color:#64748b;line-height:1.8;margin-bottom:28px;max-width:900px}.detail-download-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#356ef1,#2281ff);color:#fff;border:none;border-radius:100px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif}.detail-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #356ef14d}.detail-section{margin-top:48px}.detail-section-title{font-size:22px;font-family:"Alibaba PuHuiTi 3.0",AlibabaPuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;font-weight:600;color:#1e293b;margin-bottom:16px;padding-left:14px;border-left:4px solid #356ef1;line-height:1.3}.detail-section-text{font-size:16px;color:#475569;line-height:1.8}.detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.detail-list li{position:relative;padding-left:18px;font-size:15px;color:#475569;line-height:1.7}.detail-list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#356ef1;border-radius:50%}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-screenshot{position:relative;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;overflow:hidden;min-height:260px;display:flex;align-items:center;justify-content:center}.detail-screenshot-main{grid-column:1 / -1;min-height:380px}.detail-screenshot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;z-index:1}.screenshot-placeholder-text{position:absolute;color:#94a3b8;font-size:14px;z-index:0}.detail-footer-action{margin-top:48px;padding-top:40px;border-top:1px solid #e2e8f0;text-align:center}@media (max-width: 992px){.detail-container{padding:20px}.detail-card{padding:32px}.detail-title{font-size:28px}}@media (max-width: 768px){.detail-gallery{grid-template-columns:1fr}.detail-screenshot-main{grid-column:auto}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.z-\[9999\]{z-index:9999}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.w-\[360px\]{width:360px}.max-w-\[90vw\]{max-width:90vw}.flex-shrink{flex-shrink:1}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-3{gap:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.bg-\[\#356ef1\]{--tw-bg-opacity: 1;background-color:rgb(53 110 241 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.hover\:bg-\[\#2354c5\]:hover{--tw-bg-opacity: 1;background-color:rgb(35 84 197 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}