.hero-section{position:relative;padding:100px 0 96px;background:linear-gradient(135deg,#eef4ff,#f3efff 48%,#f4f7fb);overflow:hidden}.hero-section .hero-bg-deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero-section .hero-bg-deco .deco-circle{position:absolute;border-radius:50%;filter:blur(96px);opacity:.45}.hero-section .hero-bg-deco .deco-circle.c1{width:380px;height:380px;background:radial-gradient(circle,#a5c6ff,transparent 70%);top:-120px;left:-80px}.hero-section .hero-bg-deco .deco-circle.c2{width:420px;height:420px;background:radial-gradient(circle,#d6c9ff,transparent 70%);top:60px;right:-140px}.hero-section .hero-bg-deco .deco-circle.c3{width:300px;height:300px;background:radial-gradient(circle,#c1ece3,transparent 70%);bottom:-120px;left:35%}.hero-section .hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}.hero-section .badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:rgba(91,141,239,.1);color:#4f78d0;font-size:13px;font-weight:500;margin-bottom:24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-section .badge i{font-size:15px}.hero-section .badge em{margin-left:4px;padding:2px 9px;border-radius:999px;background:#5b8def;color:#fff;font-size:11px;font-style:normal;letter-spacing:.3px}.hero-section .hero-title{font-size:46px;line-height:1.22;font-weight:700;margin:0 0 20px;color:#1e293b;letter-spacing:.3px}.hero-section .hero-title .gradient-text{background:linear-gradient(90deg,#5b8def,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-section .hero-desc{font-size:16px;line-height:1.85;color:#64748b;max-width:520px;margin:0 0 36px}.hero-section .hero-ctas{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:48px}.hero-section .hero-stats{display:flex;gap:40px}.hero-section .hero-stats .stat{display:flex;flex-direction:column}.hero-section .hero-stats .stat strong{font-size:24px;font-weight:700;color:#1e293b;font-variant-numeric:tabular-nums;letter-spacing:.5px}.hero-section .hero-stats .stat strong .small{font-size:14px;font-weight:500;color:#94a3b8}.hero-section .hero-stats .stat span{font-size:12.5px;color:#94a3b8;margin-top:4px;letter-spacing:.2px}.hero-section .hero-phone{position:relative;display:flex;justify-content:center;align-items:center}.hero-section .hero-phone .phone-mock{position:relative;width:280px;height:560px;border-radius:38px;background:linear-gradient(145deg,#334155,#1e293b);padding:14px;box-shadow:0 24px 56px rgba(30,41,59,.24),inset 0 2px 4px hsla(0,0%,100%,.08);transform:rotate(-5deg);z-index:2}.hero-section .hero-phone .phone-mock .phone-notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:100px;height:18px;background:#0f172a;border-radius:999px;z-index:3}.hero-section .hero-phone .phone-mock .phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#f8fafc,#eef4ff);border-radius:26px;overflow:hidden;display:flex;flex-direction:column}.hero-section .hero-phone .phone-mock .phone-screen .screen-header{display:flex;align-items:center;gap:6px;padding:38px 14px 12px;background:#fff}.hero-section .hero-phone .phone-mock .phone-screen .screen-header .dot{width:8px;height:8px;border-radius:50%;opacity:.85}.hero-section .hero-phone .phone-mock .phone-screen .screen-header .red{background:#f89c9c}.hero-section .hero-phone .phone-mock .phone-screen .screen-header .yellow{background:#f4cd73}.hero-section .hero-phone .phone-mock .phone-screen .screen-header .green{background:#8ed7a6}.hero-section .hero-phone .phone-mock .phone-screen .screen-header .app-name{margin-left:auto;font-size:13px;font-weight:600;color:#334155;letter-spacing:.2px}.hero-section .hero-phone .phone-mock .phone-screen .screen-body{padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}.hero-section .hero-phone .phone-mock .phone-screen .screen-body .mock-card{border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(30,41,59,.06)}.hero-section .hero-phone .phone-mock .phone-screen .screen-body .mock-card.mc1{grid-column:span 2;height:100px;background:linear-gradient(135deg,#a5c6ff,#d6c9ff)}.hero-section .hero-phone .phone-mock .phone-screen .screen-body .mock-card.mc2,.hero-section .hero-phone .phone-mock .phone-screen .screen-body .mock-card.mc3{height:90px}.hero-section .hero-phone .phone-mock .phone-screen .screen-body .mock-card.mc4{grid-column:span 2;height:130px;background:linear-gradient(135deg,#e3f6f1,#f6f8ff)}.hero-section .hero-phone .phone-shadow{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:260px;height:40px;background:radial-gradient(ellipse at center,rgba(30,41,59,.22) 0,transparent 72%);z-index:1}.section-title{text-align:center;font-size:28px;line-height:1.35;font-weight:700;color:#1e293b;margin:0 0 14px;display:flex;align-items:center;justify-content:center;gap:18px;letter-spacing:.2px}.section-title .title-line{display:inline-block;width:48px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#93b5f7 50%,transparent);opacity:.9}.section-subtitle{text-align:center;font-size:14.5px;line-height:1.75;color:#64748b;margin:0 0 48px;max-width:560px;margin-left:auto;margin-right:auto}.platform-icon{width:20px;height:20px}.platform-icon,.platform-icon-large{display:inline-block;background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0}.platform-icon-large{width:56px;height:56px;filter:drop-shadow(0 4px 10px rgba(71,85,105,.12))}.btn-download{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border:1px solid transparent;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-download:hover{transform:translateY(-2px)}.btn-download:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(91,141,239,.2)}.btn-download:active{transform:translateY(0);transition-duration:.1s}.btn-download.loading{cursor:wait;opacity:.85;pointer-events:none}.btn-download.primary{background:linear-gradient(135deg,#6a9bff,#5b8def);color:#fff;border-color:rgba(91,141,239,.22);box-shadow:0 10px 24px rgba(91,141,239,.24),0 2px 6px rgba(30,41,59,.04)}.btn-download.primary:hover{background:linear-gradient(135deg,#7aa6ff,#6a9bff);box-shadow:0 14px 30px rgba(91,141,239,.3),0 2px 8px rgba(30,41,59,.05)}.btn-download.secondary{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border-color:rgba(71,85,105,.22);box-shadow:0 10px 24px rgba(71,85,105,.2),0 2px 6px rgba(30,41,59,.04)}.btn-download.secondary:hover{background:linear-gradient(135deg,#7888a0,#5a6a80);box-shadow:0 14px 30px rgba(71,85,105,.26)}.btn-download.ghost{background:#fff;color:#4f78d0;border:1px solid rgba(91,141,239,.2);box-shadow:0 2px 6px rgba(30,41,59,.04)}.btn-download.ghost:hover{background:#eef4ff;border-color:rgba(91,141,239,.32);transform:translateY(-2px);box-shadow:0 6px 14px rgba(91,141,239,.12)}.btn-download.block{width:100%}.platform-section{padding:80px 0 70px;background:linear-gradient(180deg,#fff,#f5f8ff)}.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:920px;margin:0 auto}.platform-card{padding:36px 32px;border-radius:22px;background:linear-gradient(180deg,#fff,#f8faff);border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.03),0 8px 24px rgba(148,163,184,.1)}.platform-card.active,.platform-card:hover{transform:translateY(-4px);border-color:rgba(91,141,239,.28);box-shadow:0 2px 4px rgba(15,23,42,.04),0 18px 40px rgba(91,141,239,.14)}.platform-card.ios.active,.platform-card.ios:hover{border-color:rgba(100,116,139,.3);box-shadow:0 2px 4px rgba(15,23,42,.04),0 18px 40px rgba(100,116,139,.16)}.platform-card:before{content:"";position:absolute;top:0;left:0;width:160px;height:4px;background:linear-gradient(90deg,#5b8def,#a78bfa);border-bottom-right-radius:999px;opacity:0;transform:translateX(-16px);transition:all .35s cubic-bezier(.4,0,.2,1)}.platform-card.active:before,.platform-card:hover:before{opacity:1;transform:translateX(0)}.platform-card.ios:before{background:linear-gradient(90deg,#64748b,#94a3b8)}.platform-head{text-align:center;padding-bottom:22px;border-bottom:1px solid #eef2f7}.platform-head i{margin-bottom:12px}.platform-head h3{margin:4px 0 6px;font-size:20px;font-weight:700;color:#1e293b;letter-spacing:.2px}.platform-head .platform-tag{margin:0;font-size:12.5px;color:#4f78d0;font-weight:500}.platform-card.ios .platform-head .platform-tag{color:#475569}.platform-meta{list-style:none;padding:20px 4px;margin:0}.platform-meta li{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;font-size:14px}.platform-meta li+li{border-top:1px dashed #eef2f7}.platform-meta li .meta-label{color:#94a3b8;font-weight:400}.platform-meta li .meta-value{color:#334155;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.1px}.qr-code{display:flex;justify-content:center;padding:20px 0 28px}.qr-code img{display:block;width:140px;height:140px;padding:6px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 6px rgba(15,23,42,.04),0 10px 24px rgba(148,163,184,.14);-o-object-fit:contain;object-fit:contain;background-image:linear-gradient(135deg,#f8fafc,#eef4ff);aspect-ratio:1}.platform-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.features-section{padding:72px 0 70px;background:linear-gradient(180deg,#f5f8ff,#f8fafc)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-item{padding:32px 26px;background:#fff;border-radius:18px;border:1px solid #eef2f7;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease both}.feature-item:hover{transform:translateY(-4px);box-shadow:0 2px 6px rgba(15,23,42,.04),0 16px 36px rgba(91,141,239,.1);border-color:rgba(91,141,239,.22)}.feature-item .feature-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;box-shadow:0 6px 14px rgba(71,85,105,.12)}.feature-item .feature-icon i{font-size:24px}.feature-item .feature-icon.ic-1{background:linear-gradient(135deg,#8ab3ff,#6a9bff)}.feature-item .feature-icon.ic-2{background:linear-gradient(135deg,#ffb493,#ff9a76)}.feature-item .feature-icon.ic-3{background:linear-gradient(135deg,#7fd4de,#4ebfc8)}.feature-item .feature-icon.ic-4{background:linear-gradient(135deg,#98d19e,#6fbd78)}.feature-item .feature-icon.ic-5{background:linear-gradient(135deg,#ffd28a,#f4b25b)}.feature-item .feature-icon.ic-6{background:linear-gradient(135deg,#c2a0e0,#a780d6)}.feature-item h3{margin:0 0 8px;font-size:17px;line-height:1.4;font-weight:700;color:#1e293b}.feature-item p{margin:0;font-size:14.5px;line-height:1.8;color:#64748b}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.steps-section{padding:72px 0 70px;background:#fff}.steps-grid{display:flex;align-items:stretch;justify-content:center;gap:14px;max-width:940px;margin:0 auto}.step-item{flex:1;padding:30px 22px;background:linear-gradient(180deg,#fff,#f8faff);border-radius:18px;border:1px solid #eef2f7;text-align:center;position:relative;box-shadow:0 1px 2px rgba(15,23,42,.03),0 8px 20px rgba(148,163,184,.1);transition:all .3s cubic-bezier(.4,0,.2,1)}.step-item:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(15,23,42,.04),0 14px 30px rgba(91,141,239,.1)}.step-item .step-num{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#8ab3ff,#c4b2f5);color:#fff;font-weight:700;font-size:18px;margin-bottom:12px;box-shadow:0 6px 12px rgba(91,141,239,.18)}.step-item h3{margin:0 0 6px;font-size:16.5px;font-weight:700;color:#1e293b;letter-spacing:.2px}.step-item p{margin:0;font-size:13.5px;color:#64748b;line-height:1.7}.step-arrow{display:flex;align-items:center;color:#cbd5e1;font-size:22px;opacity:.75}.cta-section{padding:60px 0 78px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(1200px 400px at 15% 0,rgba(167,139,250,.24),transparent 60%),radial-gradient(1000px 400px at 100% 100%,rgba(91,141,239,.22),transparent 55%),linear-gradient(135deg,#334155,#1e293b)}.cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1040px;margin:0 auto;padding:0 24px}.cta-inner .cta-copy h2{margin:0 0 12px;font-size:26px;line-height:1.35;font-weight:700;letter-spacing:.2px}.cta-inner .cta-copy p{margin:0;font-size:14.5px;line-height:1.75;color:hsla(0,0%,100%,.78)}.cta-inner .cta-qr{flex-shrink:0}.cta-inner .cta-qr img{display:block;width:110px;height:110px;padding:6px;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.22);-o-object-fit:contain;object-fit:contain;aspect-ratio:1}@keyframes skel-shimmer{0%{background-position:-300px 0}to{background-position:300px 0}}.skel-wrapper{width:100%}.skel{background-color:#eef2f7;background-image:linear-gradient(90deg,#eef2f7,#f7f9fc 30%,#eef2f7 60%,#eef2f7);background-size:600px 100%;background-repeat:no-repeat;border-radius:10px;animation:skel-shimmer 1.5s ease-in-out infinite;color:transparent;overflow:hidden}.skel[class*=-k],.skel[class*=-li],.skel[class*=-v]{border-radius:6px}.skel.ghost{background-color:#f3f6fa;background-image:linear-gradient(90deg,#f3f6fa,#fff 30%,#f3f6fa 60%,#f3f6fa)}.skel-badge{width:180px;height:32px;border-radius:999px}.skel-title{width:90%;height:56px}.skel-title-2{height:56px}.skel-line{width:100%;height:16px}.skel-ctas{display:flex;gap:16px;flex-wrap:wrap}.skel-ctas .skel-btn-primary{width:210px;height:52px;border-radius:14px}.skel-ctas .skel-btn-secondary{width:180px;height:52px;border-radius:14px;opacity:.88}.skel-stats{display:flex;gap:40px;flex-wrap:wrap}.skel-stats .skel-stat{display:flex;flex-direction:column}.skel-stats .skel-num{width:76px;height:30px}.skel-stats .skel-lbl{width:64px;height:12px}.skel-phone{min-height:580px;display:flex;align-items:center;justify-content:center}.skel-phone .skel-phone-inner{width:280px;height:560px;border-radius:38px;background:#cbd5e1}.skel-s-title{width:260px;height:34px}.skel-s-sub{width:360px;height:14px;opacity:.9}.skel-ico{width:56px;height:56px;margin:0 auto;border-radius:14px}.skel-h3{width:120px;height:24px}.skel-li-k,.skel-tag{height:12px}.skel-li-k{width:48px}.skel-li-v{width:110px;height:12px}.skel-qr{width:140px;height:140px;border-radius:14px}.skel-btn{width:100%;height:48px;border-radius:14px}.skel-f-ico{width:54px;height:54px;border-radius:14px}.skel-f-h{height:20px}.skel-f-p1{width:100%}.skel-f-p1,.skel-f-p2{height:14px}.download-page__alert{position:sticky;top:0;z-index:50;padding:14px 24px;background:linear-gradient(180deg,#fff7ed,#fff3e3);border-bottom:1px solid #ffd9ad;box-shadow:0 2px 12px rgba(255,165,78,.08);animation:alert-slide .32s cubic-bezier(.4,0,.2,1) both}.download-page__alert .alert-body{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:14px}.download-page__alert .alert-icon{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:#c6761e;background:#ffe6c8;border-radius:999px}.download-page__alert .alert-main{flex:1;min-width:0}.download-page__alert .alert-text{margin:0;font-size:14px;line-height:1.65;color:#7d5015}.download-page__alert .alert-tag{display:inline-block;margin-right:8px;padding:2px 10px;font-size:12px;font-weight:600;letter-spacing:.2px;color:#fff;background:linear-gradient(135deg,#f5b270,#ef8e3a);border-radius:999px;vertical-align:1px}.download-page__alert .alert-tag.fallback{background:linear-gradient(135deg,#94a3b8,#64748b)}.download-page__alert .alert-tag.live{background:linear-gradient(135deg,#ef7878,#d95656)}.download-page__alert .alert-sub{display:inline-block;margin-left:6px;color:#9a6418;font-size:12.5px}.download-page__alert .alert-actions{flex-shrink:0}@keyframes alert-slide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.download-page__refresh{position:sticky;top:0;z-index:49;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:rgba(238,244,255,.9);backdrop-filter:blur(6px);color:#4f78d0;font-size:13px;letter-spacing:.2px;border-bottom:1px solid rgba(91,141,239,.16);animation:refresh-in .24s cubic-bezier(.4,0,.2,1) both}.download-page__refresh i{font-size:15px}@keyframes refresh-in{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.skel-title,.skel-title-2{height:42px}.skel-phone{min-height:480px}.skel-phone .skel-phone-inner{width:220px;height:440px}.skel-s-sub{width:100%}.download-page__alert{padding:12px 16px}.download-page__alert .alert-body{flex-wrap:wrap;gap:10px}.download-page__alert .alert-actions{width:100%;display:flex;justify-content:flex-end}}@media (max-width:960px){.hero-section{padding:64px 0 56px}.hero-section .hero-inner{grid-template-columns:1fr;gap:32px}.hero-section .hero-title{font-size:36px}.hero-section .hero-phone{order:-1}.hero-section .hero-stats{gap:24px}.section-title{font-size:24px}.section-title .title-line{width:32px}.section-subtitle{margin-bottom:40px}.features-section,.platform-section,.steps-section{padding:60px 0 56px}.cta-section{padding:54px 0 66px}.features-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{flex-direction:column;gap:12px;max-width:440px}.steps-grid .step-arrow{transform:rotate(90deg);min-height:20px}.cta-inner{flex-direction:column;text-align:center;padding:0}}@media (max-width:600px){.download-page .container{padding:0 18px}.hero-section{padding:44px 0 40px}.hero-section .hero-inner{padding:0}.hero-section .hero-title{font-size:30px;line-height:1.25}.hero-section .hero-desc{font-size:14px;line-height:1.8}.hero-section .hero-ctas{flex-direction:column;gap:12px}.hero-section .hero-ctas .btn-download{width:100%;justify-content:center;padding:13px 22px}.hero-section .hero-stats{justify-content:space-between;gap:12px}.hero-section .hero-stats .stat strong{font-size:20px}.hero-section .hero-stats .stat span{font-size:12px}.hero-section .hero-phone .phone-mock{width:220px;height:440px}.cta-section,.features-section,.platform-section,.steps-section{padding-top:44px;padding-bottom:44px}.section-title{font-size:22px;gap:12px}.section-title .title-line{width:24px}.section-subtitle{font-size:14px;margin-bottom:32px}.platform-grid{grid-template-columns:1fr;gap:22px}.platform-card{padding:28px 22px;border-radius:20px}.qr-code img{width:132px;height:132px}.features-grid{grid-template-columns:1fr;gap:18px}.feature-item{padding:26px 22px}.platform-meta li{padding:8px 0;font-size:13.5px}}.download-page{overflow-x:hidden;letter-spacing:.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;width:100%;background:#f7f9fc;color:#334155;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.7}.download-page .container{max-width:1140px;margin:0 auto;padding:0 24px}