:root{--blue:#0d91d8;--sky:#eaf7ff;--ink:#10273c;--muted:#627689;--line:#d9ebf5}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 28px}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:24px;letter-spacing:-1px}.brand img{width:38px;height:38px;object-fit:contain;border-radius:50%}.brand span{color:var(--blue)}.links{display:flex;gap:28px;color:#456077;font-size:14px}.button{border:0;border-radius:99px;background:var(--blue);color:#fff;padding:13px 21px;font-weight:700;cursor:pointer;font-size:14px}.hero{background:linear-gradient(120deg,#f7fcff 0%,#e6f6ff 70%,#fff 100%);overflow:hidden}.hero .wrap{min-height:475px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px}.eyebrow{color:var(--blue);font-weight:800;font-size:13px;letter-spacing:1.3px;text-transform:uppercase}.hero h1{font-size:52px;line-height:1.13;margin:14px 0 17px;letter-spacing:-2px}.hero p{font-size:17px;line-height:1.8;color:var(--muted);max-width:510px}.hero-actions{display:flex;gap:12px;margin-top:28px}.secondary{background:#fff;color:var(--blue);border:1px solid #b9e4fa}.hero-card{height:320px;border-radius:28px;padding:25px;display:flex;align-items:end;background:linear-gradient(145deg,rgba(6,79,120,.22),rgba(9,153,218,.05)),url('https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=900&q=85') center/cover;box-shadow:0 20px 55px #78b8dc66}.play{width:58px;height:58px;border:0;border-radius:50%;background:#fff;color:var(--blue);font-size:20px;cursor:pointer}.hero-card p{margin:0 0 4px 15px;color:#fff;font-weight:700}.section{padding:84px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.heading h2{margin:0;font-size:34px;letter-spacing:-1px}.heading p{margin:7px 0 0;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:#fff;border:1px solid var(--line);padding:9px 14px;border-radius:99px;color:#567086;cursor:pointer}.filter.active{border-color:var(--blue);background:#e9f7ff;color:var(--blue);font-weight:700}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.model{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;transition:.2s;cursor:pointer}.model:hover{transform:translateY(-4px);box-shadow:0 15px 30px #083c5d13}.thumb{height:220px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;position:relative}.thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#0d2d42a6)}.thumb button{z-index:1;width:49px;height:49px;border-radius:50%;border:0;background:#fff;color:var(--blue);font-size:16px;cursor:pointer}.info{padding:16px}.info h3{margin:0 0 7px;font-size:18px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:12px;color:#52728a;background:#eff8fc;padding:5px 8px;border-radius:5px}.band{background:var(--sky);padding:52px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{background:#fff;border-radius:15px;padding:25px;border:1px solid var(--line)}.num{color:var(--blue);font-size:13px;font-weight:800}.step h3{margin:9px 0}.step p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.cta{padding:80px 0;text-align:center}.cta-box{padding:55px 30px;border-radius:25px;background:linear-gradient(120deg,#0b9be0,#53c7f4);color:#fff}.cta h2{margin:0;font-size:35px}.cta p{opacity:.9}.cta .button{background:#fff;color:var(--blue);margin-top:12px}.footer{padding:25px 0;border-top:1px solid var(--line);font-size:13px;color:#71869a}.modal{display:none;position:fixed;inset:0;z-index:9;background:#092238aa;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.dialog{position:relative;width:min(640px,100%);background:#fff;border-radius:18px;padding:28px}.close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:25px;cursor:pointer}.video-placeholder{height:320px;border-radius:12px;background:linear-gradient(135deg,#123b56,#1aa7e9);display:grid;place-items:center;color:#fff;text-align:center}.video-placeholder video{width:100%;height:100%;object-fit:contain;border-radius:12px}.video-placeholder b{font-size:24px;display:block;margin-bottom:8px}.dialog h2{margin:0 0 8px}.dialog input,.dialog textarea{width:100%;margin:7px 0;border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit}.dialog textarea{height:88px;resize:vertical}@media(max-width:750px){.links{display:none}.hero .wrap{grid-template-columns:1fr;padding-top:60px;padding-bottom:50px}.hero h1{font-size:40px}.hero-card{height:240px}.grid,.steps{grid-template-columns:1fr}.heading{display:block}.filters{margin-top:18px}.section{padding:55px 0}}
    .wecom-float{position:fixed;right:24px;bottom:24px;z-index:8;width:64px;height:64px;padding:0;border:0;border-radius:18px;background:transparent;box-shadow:0 8px 25px #0a375133;cursor:pointer;perspective:700px;transition:width .25s,height .25s}.wecom-flip{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s}.wecom-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:18px;overflow:hidden;backface-visibility:hidden;background:#fff}.wecom-face img{display:block;width:100%;height:100%;object-fit:cover}.wecom-back{display:flex;flex-direction:column;justify-content:center;gap:6px;transform:rotateY(180deg);padding:9px}.wecom-back img{width:126px;height:126px;object-fit:contain}.wecom-back strong{font-size:12px;line-height:1.35;color:#31586f;text-align:center}.wecom-float:hover{width:176px;height:176px}.wecom-float:hover .wecom-flip{transform:rotateY(180deg)}.wecom-dialog{text-align:center;max-width:360px}.wecom-dialog h2{margin:5px 0 8px}.wecom-dialog p{color:#627689;margin:0 0 18px}.wecom-qr{width:230px;height:230px;object-fit:contain;border:1px solid #e1edf3;padding:7px;border-radius:10px}@media(max-width:700px){.wecom-float:hover{width:64px;height:64px}.wecom-float:hover .wecom-flip{transform:none}}
    #models .filters{display:none}#models .grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center}#models .model{width:100%;animation:cardIn .45s ease both}@keyframes cardIn{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}@media(max-width:750px){#models .grid{grid-template-columns:1fr}}
    #models .model{transition:transform .28s ease,box-shadow .28s ease}#models .model:hover{transform:translateY(-7px);box-shadow:0 16px 32px #083c5d20}#models .model-hover{display:none}#models .thumb button{transition:transform .2s ease}#models .model:hover .thumb button{transform:scale(1.08)}
.hero{position:relative;background:linear-gradient(90deg,rgba(247,252,255,.94) 0%,rgba(234,247,255,.72) 48%,rgba(234,247,255,.12) 100%),url('/uploads/seed/whaleshot-hero-scene.jpg') center/cover no-repeat;animation:heroScene 14s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,252,255,.94) 0%,rgba(234,247,255,.72) 48%,rgba(234,247,255,.12) 100%),url('/uploads/seed/whaleshot-hero-family.jpg') center/cover no-repeat;opacity:0;animation:familyFade 12s ease-in-out infinite}.hero .wrap{position:relative;z-index:1;grid-template-columns:1fr}.hero-card{display:none}.platforms{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.platform{padding:8px 12px;border-radius:99px;background:#ffffffbd;border:1px solid #ffffff;color:#315069;font-size:13px;font-weight:800;backdrop-filter:blur(5px)}.platform.amazon{color:#202b39}.platform.tiktok{color:#15202b}.platform.youtube{color:#d62929}@keyframes heroScene{from{background-position:center center}to{background-position:54% center}}@keyframes familyFade{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
    .nav{justify-content:flex-start}.nav .links{margin-left:auto;margin-right:28px}.notice-bar{background:#f4fbff;border-bottom:1px solid var(--line);overflow:hidden}.notice-bar .wrap{display:flex;align-items:center;gap:17px;min-height:82px}.notice-label{flex:0 0 auto;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.6px}.notice-viewport{overflow:hidden;flex:1}.notice-track{display:flex;gap:12px;transition:transform .55s ease}.notice-card{flex:0 0 calc(50% - 6px);display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #d6edf9;border-radius:12px;background:#fff;min-height:58px}.notice-card b{font-size:13px;white-space:nowrap}.notice-card span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);flex:none}@media(max-width:750px){.why-section{flex-direction:column!important;align-items:stretch!important}.why-section img{width:100%!important;min-width:0!important}.notice-bar .wrap{min-height:68px}.notice-card{flex-basis:100%}.notice-label{font-size:12px}}
    .notice-bar{background:#f1f9fd;border-bottom:1px solid #d9ebf5}.notice-bar .wrap{min-height:46px;display:flex;align-items:center;justify-content:center;gap:14px;color:#45677d}.notice-content{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.notice-icon{color:#0d91d8;font-size:18px;line-height:1}.notice-link{color:#0d91d8;font-weight:900;white-space:nowrap}.notice-close{position:absolute;right:26px;border:0;background:transparent;color:#6a8799;font-size:22px;line-height:1;cursor:pointer}.notice-bar .notice-viewport,.notice-toggle{display:none}.testimonials{background:#f7fcff}.testimonial-viewport{overflow:hidden;padding:2px}.testimonial-grid{display:flex;gap:17px;transition:transform .55s ease;will-change:transform}.testimonial{flex:0 0 calc((100% - 34px)/3);background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;min-height:178px}.testimonial .stars{color:#0d91d8;letter-spacing:2px;font-size:13px}.testimonial blockquote{margin:13px 0 17px;color:#45677d;line-height:1.75;font-size:14px}.testimonial footer{display:flex;align-items:center;gap:10px;color:#6b8495;font-size:12px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#dff3fd;color:#0d91d8;font-weight:900}.testimonial-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:23px}.testimonial-controls button{width:36px;height:36px;border:1px solid #cfe8f4;border-radius:50%;background:#fff;color:var(--blue);font-size:18px;cursor:pointer}.testimonial-dots{display:flex;gap:6px}.testimonial-dots i{display:block;width:7px;height:7px;border-radius:99px;background:#c8e3f0;transition:.2s}.testimonial-dots i.active{width:22px;background:var(--blue)}@media(max-width:900px){.testimonial{flex-basis:calc((100% - 17px)/2)}}@media(max-width:750px){.notice-bar .wrap{justify-content:flex-start;padding-right:46px;min-height:44px}.notice-content{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-content strong{overflow:hidden;text-overflow:ellipsis}.notice-close{right:16px}.testimonial{flex-basis:100%}}
.testimonial .avatar{width:38px;height:38px;display:block;flex:none;background-image:url('/uploads/seed/testimonial-avatars-chinese.jpg');background-size:300% 200%;background-repeat:no-repeat;border:2px solid #fff;box-shadow:0 2px 8px #0b4a6a22;color:transparent}.testimonial footer .avatar.a1{background-position:0 0}.testimonial footer .avatar.a2{background-position:50% 0}.testimonial footer .avatar.a3{background-position:100% 0}.testimonial footer .avatar.a4{background-position:0 100%}.testimonial footer .avatar.a5{background-position:50% 100%}.testimonial footer .avatar.a6{background-position:100% 100%}
    .testimonial:nth-child(1) .avatar{background-position:0 0}.testimonial:nth-child(2) .avatar{background-position:50% 0}.testimonial:nth-child(3) .avatar{background-position:100% 0}.testimonial:nth-child(4) .avatar{background-position:0 100%}.testimonial:nth-child(5) .avatar{background-position:50% 100%}.testimonial:nth-child(6) .avatar{background-position:100% 100%}
    html,body{background:#fff}.section{background:#fff}.hero{background-color:#f5fafb}.band{background:#edf6f7}.testimonials{background:#f4f9f9}.cta{background:#fff}.step{border-color:#dbeaec}.model{border-color:#dcebef}.testimonial{border-color:#dcebed}#how .steps{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){#how .steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:750px){#how .steps{grid-template-columns:1fr}}
.model-card-dialog{width:min(860px,calc(100% - 32px));padding:0;overflow:hidden;border-radius:22px;transform-style:preserve-3d}.modal.open .model-card-dialog{animation:modelCardReveal .48s cubic-bezier(.2,.75,.2,1) both}@keyframes modelCardReveal{from{opacity:0;transform:perspective(1100px) rotateY(58deg) scale(.9)}to{opacity:1;transform:perspective(1100px) rotateY(0) scale(1)}}.model-card-content{display:grid;grid-template-columns:39% 61%;min-height:470px}.model-card-photo{min-height:470px;background:#dfeef5 center/cover no-repeat}.model-card-info{padding:42px 42px 30px}.model-card-info h2{margin:0 0 12px;font-size:38px;letter-spacing:-.04em}.model-card-info p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}.model-card-badge{display:none;align-items:center;gap:7px;margin-bottom:21px;color:#6848d9;font-size:15px;font-weight:800}.model-card-badge img{width:30px;height:30px;border-radius:50%}.model-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.model-card-stat{padding:13px;border-radius:13px;background:#eaf6fb;color:#607c91;font-size:13px}.model-card-stat b{display:block;color:#102d45;font-size:17px;margin-top:5px}.model-card-case-title{margin:8px 0 10px;font-size:20px}.model-card-case{width:190px;min-height:128px;border:0;border-radius:14px;padding:18px;text-align:left;background:linear-gradient(140deg,#0e547d,#119cdc);color:#fff;cursor:pointer}.model-card-case span{display:block;font-size:24px;margin-bottom:8px}.model-card-case b{display:block;font-size:15px;line-height:1.4}.model-card-case small{display:block;margin-top:4px;font-size:13px;opacity:.8}.model-card-actions{display:flex;gap:12px;align-items:center;margin-top:22px}.model-card-actions .button{margin:0}.model-card-note{margin-top:18px!important;font-size:13px!important}@media(max-width:760px){.model-card-content{grid-template-columns:1fr}.model-card-photo{min-height:260px}.model-card-info{padding:34px 24px 25px}.model-card-info h2{font-size:33px}.model-card-stats{grid-template-columns:1fr}.model-card-case{width:100%}.model-card-actions{flex-wrap:wrap}}
