:root{color:#2a3b42;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#dff4f8;font-family:HarmonyOS Sans SC,"Alibaba PuHuiTi 3.0",PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{color:#283b40;background:radial-gradient(circle at 12% 18%,#85e3f273 0%,#85e3f200 36%),radial-gradient(circle at 88% 8%,#ffbdde54 0%,#ffbdde00 28%),linear-gradient(#d8f2f7 0%,#d2eef3 58%,#d9f2f6 100%);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}#app{min-height:100vh}.page{background:linear-gradient(135deg,#eeffffad,#e9f8fcd9),repeating-linear-gradient(45deg,#74d6e417 0 10px,#74d6e408 10px 20px);border:0;border-radius:0;flex-direction:column;align-items:center;gap:28px;width:100%;margin:0 auto;padding:0 0 40px;display:flex;overflow:hidden;box-shadow:0 30px 80px #2b829c24,inset 0 1px #ffffffa6}.hero{background:linear-gradient(160deg,#d1f7fdeb,#c5ecf5b3),radial-gradient(circle at 90% 10%,#ffd3e785,#0000 46%);border:1px solid #69d4e68c;border-radius:0;flex-direction:column;justify-content:flex-start;width:100%;min-height:100svh;margin-inline:auto;padding:clamp(30px,4vw,56px);animation:.75s ease-out both floatIn;display:flex;position:relative;box-shadow:0 16px 45px #398ca31f}.hero-content{flex-direction:column;justify-content:flex-start;gap:18px;width:100%;min-height:calc(100svh - 120px);margin:0 auto;display:flex}.hero>*{z-index:1;position:relative}.aurora{pointer-events:none;filter:blur(1px);z-index:0;position:absolute}.aurora-left{background:#6cdbec57;border-radius:46% 54% 63% 37%;width:300px;height:300px;top:-90px;left:-120px}.aurora-right{background:#ffa8d047;border-radius:64% 36% 51% 49%;width:260px;height:260px;bottom:-100px;right:-80px}.hero-kicker,.label{letter-spacing:.18em;color:#33a9c6;margin:0;font-size:12px;font-weight:700}.brand{box-shadow:none;background:0 0;border:0;border-radius:0;align-self:flex-start;align-items:center;gap:12px;margin-top:0;padding:0;display:inline-flex}.brand-logo{border-radius:14px;width:52px;height:52px;display:block}.brand-name{color:#1b424c;font-size:30px;font-weight:700;line-height:1}h1,h2,p{margin:0}h1{letter-spacing:.02em;color:#123840;text-wrap:nowrap;margin:0;font-family:YouSheBiaoTiHei,HarmonyOS Sans SC,PingFang SC,sans-serif;font-size:clamp(36px,4.2vw,64px);line-height:1.08}.hero-subtitle{color:#1c3a42d9;max-width:700px;margin-top:12px;font-size:clamp(16px,2vw,20px)}.hero-main{flex:1;align-items:stretch;margin-top:160px;display:flex}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:stretch;gap:clamp(20px,3vw,48px);width:100%;display:grid}.hero-copy{align-self:start;max-width:760px}.hero-headline{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;display:flex}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-preview-card{background:linear-gradient(#ffffffdb,#ecfaffe6);border:1px solid #79d4e385;border-radius:28px;place-self:center end;width:min(100%,300px);margin:0 160px 0 0;padding:10px;box-shadow:0 16px 28px #4792a838}.hero-preview-card img{border-radius:20px;width:100%;display:block}.btn{letter-spacing:.08em;text-align:center;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;height:50px;padding:0 28px;font-size:16px;font-weight:700;line-height:1;transition:transform .22s,box-shadow .22s,background-color .22s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#15414b;background:linear-gradient(#76e3f3 0%,#6ad9ea 100%);box-shadow:0 12px 24px #48b0cb61}.btn-ghost{color:#16758f;background:#ffffffb8;border:1px solid #51b5cd66}.chip-list{color:#1b6174;letter-spacing:.01em;background:#e7faffb8;border:1px solid #74cbdf75;border-radius:999px;align-items:center;gap:12px;width:fit-content;margin-top:30px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.chip{line-height:1;position:relative}.chip:not(:last-child):after{content:"/";color:#19566794;margin-left:12px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1200px,100% - 32px);margin:0;display:grid}.feature-card{background:#f5feffb3;border:1px solid #0000;border-radius:22px;padding:24px 22px;animation:.75s both riseUp;box-shadow:0 8px 20px #499ab01f}.feature-card:nth-child(2){animation-delay:80ms}.feature-card:nth-child(3){animation-delay:.16s}.feature-icon{font-size:32px}.feature-card h2{color:#143f49;margin-top:8px;font-size:25px}.feature-card p{color:#193d46d1;margin-top:8px}.tone-cyan{background:linear-gradient(140deg,#c3f5ffd9,#d8f9ff94);border-color:#56cee38c}.tone-blue{background:linear-gradient(140deg,#d4ecffd6,#e7f5ff99);border-color:#7fbff38a}.tone-pink{background:linear-gradient(140deg,#ffe2f2d4,#fff0f6a1);border-color:#eeadd87a}.preview{background:#f2fdffb0;border:1px solid #69d4e673;border-radius:30px;flex-direction:column;justify-content:flex-start;width:min(1200px,100% - 32px);min-height:auto;margin:0;padding:clamp(26px,3.2vw,42px);display:flex}.preview-heading h2{color:#1b424c;margin-top:8px;font-size:clamp(28px,4vw,38px)}.preview-heading p{color:#193f48c7;margin-top:8px}.phone-wall{grid-template-columns:repeat(4,minmax(200px,1fr));justify-content:stretch;align-items:start;gap:18px;margin-top:22px;display:grid}.phone-card{background:linear-gradient(#ffffffe6,#f0fbffe6);border:1px solid #79d4e373;border-radius:24px;margin:0;padding:8px;box-shadow:0 14px 30px #4a95a92b;transform:none!important}.phone-card img{object-fit:contain;background:#eef7fa;border-radius:18px;width:100%;height:auto;display:block}.cta{background:linear-gradient(120deg,#70dff0c4,#89c1ffa3 55%,#ffbae2ad);border-radius:30px;justify-content:space-between;align-items:center;gap:16px;width:min(1200px,100% - 32px);margin:0;padding:34px 30px;display:flex}.cta h2{color:#0f3a42;margin-top:10px;font-size:clamp(26px,4vw,42px)}.cta p{color:#0d3842d6;margin-top:8px}.cta-actions{flex-wrap:wrap;gap:10px;display:flex}.footer{text-align:right;color:#175462d9;flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;width:min(1200px,100% - 32px);margin:0;padding:6px 6px 0;font-size:13px;display:flex}@keyframes floatIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes riseUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.page{border:0;border-radius:0;padding:0 0 24px}.hero{padding:30px 22px}.hero-content{gap:14px;width:100%;min-height:auto}.hero-main{flex:none;align-items:stretch}.hero-layout{grid-template-columns:1fr;gap:14px}.hero-headline{gap:10px}h1{text-wrap:balance}.hero-preview-card{place-self:start;max-width:260px}.feature-grid{grid-template-columns:1fr}.phone-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cta{flex-direction:column;align-items:flex-start}}@media (width<=640px){.hero-preview-card{display:none}.footer{text-align:center;justify-content:center}.phone-wall{grid-template-columns:1fr}.phone-card img{height:auto}.phone-card:first-child,.phone-card:nth-child(3),.phone-card:nth-child(4){transform:none}.btn,.cta-actions{width:100%}}