.header{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.05);background:#0a0a0a80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header__inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:8px 24px;max-width:1280px;margin:0 auto}.header__logo{display:flex;align-items:center;gap:8px}.header__logo-img{width:32px;height:32px;border-radius:8px;object-fit:cover;box-shadow:0 1px 3px #0000004d}.header__logo-text{font-size:1rem;font-weight:600;color:#fff;letter-spacing:-.025em}.header__dl{position:relative}.header__dl-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:50px;background:#fff;color:#000;font-size:.875rem;font-weight:500;transition:opacity .2s}.header__dl-btn:hover{opacity:.9}.header__dl-menu{position:absolute;right:0;top:calc(100% + 8px);width:224px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 30px #00000080;padding:6px;z-index:60}.header__dl-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;transition:background .15s;color:#e4e4e7}.header__dl-item:hover{background:#ffffff1a}.header__dl-icon{flex-shrink:0;opacity:.7}.header__dl-title{font-size:.875rem;font-weight:500}.header__dl-sub{font-size:.6875rem;color:#71717a}@media(max-width:768px){.header__inner{padding:8px 16px}.header__logo-text{font-size:.9rem}.header__dl-btn{padding:8px 14px;font-size:.8rem}}.hero{padding:144px 0 80px;position:relative;z-index:1}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:50px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;font-size:.75rem;font-weight:500;color:#d4d4d8;margin-bottom:24px}.hero__badge-dot{width:8px;height:8px;border-radius:50%;background:#818cf8;animation:hero-pulse 2s infinite}@keyframes hero-pulse{0%,to{opacity:1}50%{opacity:.4}}.hero__title{font-size:3.75rem;font-weight:600;color:#fff;letter-spacing:-.025em;line-height:1.1;margin-bottom:16px}.hero__desc{font-size:1.25rem;color:#a1a1aa;line-height:1.65;max-width:720px;margin-bottom:36px}.hero__stats{display:flex;flex-wrap:wrap;gap:48px 80px;margin-bottom:40px}.hero__stat-num{display:block;font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:-.02em}.hero__stat-label{display:block;font-size:.875rem;color:#a1a1aa;font-weight:500;margin-top:2px}.hero__dl-section{margin-bottom:24px}.hero__dl-label{font-size:.875rem;color:#a1a1aa;font-weight:500;margin-bottom:12px}.hero__dl-links{display:flex;gap:10px;flex-wrap:wrap}.hero__dl-link{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:50px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;font-size:.875rem;font-weight:600;color:#fff;transition:all .2s}.hero__dl-link:hover{background:#ffffff1a;border-color:#fff3}.hero__ios-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:50px;background:linear-gradient(135deg,#5078fc,#5092fc);color:#fff;font-size:.875rem;font-weight:600;transition:opacity .2s}.hero__ios-btn:hover{opacity:.9}.hero__miniapp{margin-bottom:60px}.hero__wx-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:50px;background:#28b155;color:#fff;font-size:.875rem;font-weight:600;transition:opacity .2s}.hero__wx-btn:hover{opacity:.9}.hero__features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:48px 0;border-top:1px solid rgba(255,255,255,.05)}.hero__feat-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:28px 24px;transition:border-color .2s}.hero__feat-card:hover{border-color:#ffffff26}.hero__feat-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.hero__feat-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%}.hero__feat-badge{font-size:.72rem;font-weight:500;padding:3px 10px;border-radius:20px}.hero__feat-title{font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:6px}.hero__feat-desc{font-size:.875rem;color:#a1a1aa;line-height:1.6}@media(max-width:768px){.hero{padding-top:110px}.hero__title{font-size:2.2rem}.hero__desc{font-size:1rem}.hero__stats{gap:24px 48px}.hero__features{grid-template-columns:1fr}}.eco{padding:80px 0 100px;position:relative;z-index:1}.eco__header{text-align:center;margin-bottom:48px}.eco__title{font-size:2.25rem;font-weight:700;color:#fff;letter-spacing:-.025em;margin-bottom:12px}.eco__subtitle{font-size:1rem;color:#a1a1aa;max-width:640px;margin:0 auto;line-height:1.65}.eco__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.eco__card{display:flex;align-items:flex-start;gap:20px;padding:24px;border:1px solid rgba(255,255,255,.05);border-radius:16px;background:#ffffff05;transition:border-color .2s}.eco__card:hover{border-color:#ffffff26}.eco__card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#14b8a626;color:#2dd4bf;flex-shrink:0}.eco__card-title{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:4px}.eco__card-desc{font-size:.875rem;color:#a1a1aa;line-height:1.6}@media(max-width:768px){.eco{padding:60px 0}.eco__grid{grid-template-columns:1fr}.eco__title{font-size:1.75rem}.eco__card{flex-direction:column}}.skill-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;cursor:pointer;transition:border-color .2s}.skill-card:hover{border-color:#ffffff26}.skill-card__cat{display:inline-block;font-size:.75rem;font-weight:500;color:#a1a1aa;margin-bottom:8px}.skill-card__name{font-size:1rem;font-weight:600;color:#f4f4f5;margin-bottom:6px}.skill-card__desc{font-size:.875rem;color:#a1a1aa;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skills{padding:80px 0 100px;position:relative;z-index:1}.skills__header{text-align:center;margin-bottom:40px}.skills__title{font-size:2.25rem;font-weight:700;color:#fff;letter-spacing:-.025em;margin-bottom:12px}.skills__subtitle{font-size:1rem;color:#a1a1aa;max-width:640px;margin:0 auto;line-height:1.65}.skills__filters{display:flex;justify-content:center;flex-wrap:nowrap;gap:8px;margin-bottom:40px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.skills__filters::-webkit-scrollbar{display:none}.skills__filter{flex-shrink:0;padding:8px 16px;border-radius:50px;font-size:.875rem;font-weight:500;color:#a1a1aa;background:#ffffff0d;border:1px solid transparent;transition:all .2s}.skills__filter:hover{background:#ffffff1a;color:#d4d4d8}.skills__filter--active{background:#fff;color:#000}.skills__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1024px){.skills__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.skills{padding:60px 0}.skills__grid{grid-template-columns:1fr}.skills__title{font-size:1.75rem}.skills__filters{justify-content:flex-start}}.footer{border-top:1px solid rgba(255,255,255,.05);background:#0a0a0a;padding:56px 0 24px;position:relative;z-index:1}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:40px;margin-bottom:48px}.footer__brand{display:flex;align-items:center;gap:8px;margin-bottom:12px}.footer__logo-img{width:24px;height:24px;border-radius:4px}.footer__brand-text{font-size:1rem;font-weight:600;color:#fff}.footer__brand-desc{font-size:.875rem;color:#71717a;line-height:1.65}.footer__col-title{font-size:.9rem;font-weight:500;color:#fff;margin-bottom:14px}.footer__links{display:flex;flex-direction:column;gap:10px}.footer__links li,.footer__links a{font-size:.875rem;color:#71717a;transition:color .2s}.footer__links a:hover{color:#d4d4d8}.footer__qr-box{width:88px;height:88px;padding:4px;border-radius:12px;background:#fff;margin-bottom:10px}.footer__qr-text{font-size:.875rem;color:#71717a;line-height:1.6}.footer__bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:24px;text-align:center;font-size:.75rem;color:#52525b}@media(max-width:768px){.footer__grid{grid-template-columns:1fr;gap:28px}.footer{padding:40px 0 20px}}.back-to-top{position:fixed;z-index:40;right:32px;bottom:64px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#2a2a2a;box-shadow:0 2px 8px #0006;color:#71717b;transition:all .3s;pointer-events:none;opacity:0}.back-to-top--visible{pointer-events:auto;opacity:1}.back-to-top:hover{background:#333}@media(max-width:768px){.back-to-top{right:12px;bottom:60px;width:44px;height:44px}}.app{min-height:100vh;position:relative;background:#1f1f1f}.app__glow{position:absolute;top:0;left:0;right:0;height:800px;background:linear-gradient(to bottom,rgba(20,184,166,.15),rgba(99,102,241,.1) 50%,transparent);pointer-events:none;z-index:0}.app__blobs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.app__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.08}.app__blob--1{top:-5%;right:10%;width:400px;height:400px;background:linear-gradient(to right bottom,#a78bfa,#60a5fa)}.app__blob--2{top:15%;left:-5%;width:350px;height:350px;background:linear-gradient(to right top,#60a5fa,#818cf8)}.app__blob--3{top:45%;right:-10%;width:500px;height:500px;background:linear-gradient(to left top,#a78bfa,#c084fc)}.app__blob--4{top:60%;left:5%;width:300px;height:300px;background:linear-gradient(to right bottom,#38bdf8,#818cf8)}.app__blob--5{bottom:-10%;left:40%;width:600px;height:600px;background:linear-gradient(to top,#a78bfa,#60a5fa)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:PingFang SC,Microsoft YaHei,Hiragino Sans GB,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;background-color:#1f1f1f;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.text-gradient{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.container{padding:0 16px}}