:root{--blue:#007aff;--blue-light:#eaf4ff;--text:#111827;--gray:#667085;--line:#e6eef8;--bg:#f7fbff;--card:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;min-height:100%}body{color:var(--text);background:linear-gradient(#fff,#f6faff);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font-family:inherit}.header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;height:72px;padding:0 60px;display:flex;position:sticky;top:0}.logo{letter-spacing:-1px;font-size:28px;font-weight:700}.logo span{color:#8b95a7;margin-left:8px;font-size:14px;font-weight:400}nav{align-items:center;gap:32px;display:flex}nav a{color:#4b5563;font-size:15px}nav a:hover,.router-link-active{color:var(--blue)}.login{background:var(--blue);color:#fff;border-radius:30px;padding:10px 25px}.hero{text-align:center;max-width:1100px;margin:auto;padding:120px 20px 90px}.tag{background:var(--blue-light);color:var(--blue);border-radius:30px;padding:8px 18px;font-size:13px;display:inline-block}.hero h1{letter-spacing:-3px;margin-top:35px;font-size:72px;line-height:1.1}.hero p{color:var(--gray);margin-top:30px;font-size:20px;line-height:1.8}.buttons{justify-content:center;gap:18px;margin-top:45px;display:flex}.primary{background:var(--blue);color:#fff;border-radius:30px;justify-content:center;align-items:center;padding:15px 35px;display:inline-flex}.white{border:1px solid var(--line);background:#fff;border-radius:30px;justify-content:center;align-items:center;padding:15px 35px;display:inline-flex}.stats{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1000px;margin:0 auto 100px;display:grid}.stat{text-align:center;border:1px solid var(--line);background:#fff;border-radius:30px;padding:45px 20px;box-shadow:0 15px 40px #007aff14}.stat h2{color:var(--blue);font-size:42px}.stat p{color:var(--gray);margin-top:12px}.products{text-align:center;max-width:1100px;margin:auto}.products h2{font-size:40px}.subtitle{color:var(--gray);margin-top:15px}.cards{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:32px;padding:45px 30px;transition:all .3s}.card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #007aff1f}.icon{font-size:48px}.card h3{margin:25px 0 15px}.card p{color:var(--gray);line-height:1.7}.card a{color:var(--blue);margin-top:20px;display:inline-block}.about{text-align:center;max-width:900px;margin:100px auto;padding:50px 30px}.about h2{margin-bottom:20px;font-size:40px}.about p{color:var(--gray);font-size:18px;line-height:2}.source-box{text-align:center;border:1px solid var(--line);background:#fff;border-radius:35px;max-width:850px;margin:100px auto;padding:50px 35px;box-shadow:0 20px 60px #007aff14}.source-box h2{margin-bottom:25px}.source-box p{color:var(--gray);margin:8px 0;line-height:2}.source-box .primary{margin-top:30px}.apps-hero{text-align:center;max-width:900px;margin:auto;padding:80px 20px}.apps-hero h1{font-size:45px}.apps-hero p{color:var(--gray);margin-top:15px}.apps-hero input{border:1px solid var(--line);border-radius:25px;outline:none;width:90%;max-width:500px;height:50px;margin-top:35px;padding:0 22px;font-size:16px}.apps-hero input:focus{border-color:var(--blue)}.count{color:var(--gray);margin-top:20px}.app-list{max-width:900px;margin:auto}.app-card{border:1px solid var(--line);background:#fff;border-radius:28px;align-items:center;gap:20px;margin-bottom:18px;padding:22px;transition:all .3s;display:flex}.app-card:hover{transform:translateY(-3px);box-shadow:0 15px 40px #007aff1a}.app-card img{border-radius:20px;width:75px;height:75px}.info{flex:1}.info p{color:var(--gray);margin-top:5px}.arrow{color:var(--blue)}.detail-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:35px;max-width:700px;margin:80px auto;padding:50px 35px;box-shadow:0 20px 60px #007aff14}.app-icon{border-radius:30px;width:120px;height:120px}.detail-card h1{margin-top:25px}.meta{color:var(--gray);justify-content:center;gap:20px;margin-top:20px;display:flex}.description{text-align:left;background:#f7fbff;border-radius:25px;margin:35px 0;padding:25px}.detail-card .actions{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.vip{color:#fff;background:#111827;border-radius:30px;padding:15px 30px}.user-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:35px;max-width:700px;margin:80px auto;padding:50px 35px;box-shadow:0 20px 60px #007aff14}.avatar{background:var(--blue);color:#fff;border-radius:30px;justify-content:center;align-items:center;width:90px;height:90px;margin:auto;font-size:42px;display:flex}.user-card p{color:var(--gray)}.status{justify-content:center;gap:20px;margin:35px 0;display:flex}.status div{background:#f5f9ff;border-radius:22px;padding:20px 35px}.service-box{text-align:center;max-width:1100px;margin:80px auto}.service-box h2{margin-bottom:40px;font-size:38px}.service-list{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.service-card{border:1px solid var(--line);background:#fff;border-radius:30px;padding:35px 25px;box-shadow:0 15px 40px #007aff14}.service-icon{margin-bottom:20px;font-size:45px}.service-card p{color:var(--gray);margin:15px 0}.contact{text-align:center;border:1px solid var(--line);background:#fff;border-radius:35px;max-width:850px;margin:80px auto;padding:45px 30px;box-shadow:0 20px 60px #007aff14}.contact h2{margin-bottom:25px;font-size:36px}.contact p{color:var(--gray);line-height:2}.login-page{min-height:100vh}.login-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:35px;max-width:500px;margin:90px auto;padding:50px 35px;box-shadow:0 20px 60px #007aff1a}.login-logo{background:var(--blue);color:#fff;border-radius:30px;justify-content:center;align-items:center;width:90px;height:90px;margin:auto;font-size:42px;font-weight:700;display:flex}.login-card h1{margin-top:25px;font-size:32px}.login-card>p{color:var(--gray);margin:15px 0 35px}.login-card input{border:1px solid var(--line);border-radius:18px;outline:none;width:100%;height:52px;margin-bottom:18px;padding:0 20px;font-size:16px}.login-card input:focus{border-color:var(--blue)}.login-card button{background:var(--blue);color:#fff;border:none;border-radius:26px;width:100%;height:52px;font-size:17px}.tips{color:var(--gray);margin-top:25px}.tips a{color:var(--blue)}.yunix-footer{text-align:center;border-top:1px solid var(--line);background:#fff;margin-top:120px;padding:60px 20px}.footer-logo{color:var(--blue);font-size:28px;font-weight:700}.footer-links{justify-content:center;gap:30px;margin:25px 0;display:flex}.footer-info{color:#8a94a6;line-height:2}.primary,.white,.vip{cursor:pointer;white-space:nowrap;transition:all .25s}.primary:hover,.white:hover,.vip:hover{transform:translateY(-3px)}.loading{min-height:400px;color:var(--gray);justify-content:center;align-items:center;display:flex}@media (width<=900px){.header{padding:0 20px}nav{display:none}.hero{padding-top:70px}.hero h1{letter-spacing:-1px;font-size:46px}.stats{grid-template-columns:1fr;margin:0 20px 70px}.cards{grid-template-columns:1fr;margin:40px 20px}.products h2{font-size:32px}.service-list{grid-template-columns:1fr;padding:0 20px}.service-box{margin-top:50px}.status,.meta{flex-direction:column}.app-card{margin:15px}.detail-card,.user-card,.login-card{margin:40px 20px;padding:35px 20px}.source-box{margin:50px 20px}.about{margin:60px 20px}.footer-links{flex-direction:column;gap:15px}}.hero-source{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);background:#ffffffbf;border-radius:35px;justify-content:space-between;align-items:center;gap:25px;max-width:850px;margin:60px auto 0;padding:30px 35px;display:flex;box-shadow:0 20px 60px #007aff1f}.hero-source h3{margin-bottom:8px;font-size:24px}.hero-source p{color:var(--gray);margin:0;font-size:15px}.source-number{color:var(--blue);font-size:42px;font-weight:700}.source-number span{color:var(--gray);margin-left:5px;font-size:16px;font-weight:400}.source-update{color:var(--gray);text-align:center;line-height:1.8}.source-info{justify-content:center;gap:20px;margin:30px 0;display:flex}.source-info div{color:#667085;background:#f7fbff;border-radius:22px;min-width:150px;padding:20px;line-height:1.8}@media (width<=768px){.hero-source{text-align:center;flex-direction:column;padding:30px 20px}.source-number{font-size:36px}.source-info{flex-direction:column}.source-info div{width:100%}}