.BlogExperience-module__sxYvOa__page{--ink:#16192c;--body:#425466;--mint:#16e1b5;--cyan:#3cdbea;--surface:#f5f5f5;color:var(--ink);background:#fff;font-family:Inter,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}.BlogExperience-module__sxYvOa__hero{--light-x:50%;--light-y:50%;--spot-radius:260px;z-index:1;color:#fff;scroll-snap-align:start;background:#000;min-height:100svh;position:sticky;top:0;overflow:hidden}.BlogExperience-module__sxYvOa__lightField{contain:strict;background:#000;position:absolute;inset:0;overflow:hidden}.BlogExperience-module__sxYvOa__darkImage,.BlogExperience-module__sxYvOa__brightImage{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;inset:0;width:100%!important;height:100%!important;position:absolute!important}.BlogExperience-module__sxYvOa__darkImage{filter:brightness(.8)saturate(.88)}.BlogExperience-module__sxYvOa__spotlight{width:calc(var(--spot-radius) * 2);height:calc(var(--spot-radius) * 2);opacity:0;contain:strict;will-change:transform, opacity;transform:translate3d(calc(var(--light-x) - var(--spot-radius)), calc(var(--light-y) - var(--spot-radius)), 0);transition:opacity .42s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-image:radial-gradient(circle closest-side,#000 0%,#000000e6 22%,#0000009e 44%,#0000004d 64%,#0000001a 78%,#0000 88%);mask-image:radial-gradient(circle closest-side,#000 0%,#000000e6 22%,#0000009e 44%,#0000004d 64%,#0000001a 78%,#0000 88%)}.BlogExperience-module__sxYvOa__isLit .BlogExperience-module__sxYvOa__spotlight{opacity:1}.BlogExperience-module__sxYvOa__brightImage{filter:saturate(1.08)contrast(1.02);max-width:none;left:calc(var(--light-x) * -1 + var(--spot-radius))!important;top:calc(var(--light-y) * -1 + var(--spot-radius))!important;width:100vw!important;height:100svh!important}.BlogExperience-module__sxYvOa__lightTint{pointer-events:none;background:radial-gradient(circle,#65ffeb09 0%,#17bebc03 34%,#0000 70%);position:absolute;inset:0}.BlogExperience-module__sxYvOa__heroOverlay{pointer-events:none;background:linear-gradient(#0000002e,#0000 35%,#0000003d);position:absolute;inset:0}.BlogExperience-module__sxYvOa__heroContent{z-index:1;width:min(82vw,1154px);position:absolute;bottom:9.5%;left:clamp(32px,5.4vw,78px)}.BlogExperience-module__sxYvOa__heroContent h1{color:#0000;letter-spacing:-.03em;text-shadow:0 3px 4px #0000003d;background:linear-gradient(92deg,#fff 0%,#7be9ff 98%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(63px,7.14vw,103.5px);font-weight:750;line-height:1.08}.BlogExperience-module__sxYvOa__heroContent h1 span{white-space:nowrap;display:block}.BlogExperience-module__sxYvOa__scrollCue{z-index:2;border:1px solid #ffffff7a;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:28px;right:28px}.BlogExperience-module__sxYvOa__scrollCue span{border-bottom:1.5px solid #fff;border-right:1.5px solid #fff;width:8px;height:8px;animation:1.8s ease-in-out infinite BlogExperience-module__sxYvOa__drift;transform:translateY(-2px)rotate(45deg)}@keyframes BlogExperience-module__sxYvOa__drift{50%{transform:translateY(3px)rotate(45deg)}}.BlogExperience-module__sxYvOa__postsSection{z-index:2;scroll-snap-align:start;background:#fff;min-height:100svh;padding:68px clamp(24px,4.72vw,68px) 54px;position:relative;box-shadow:0 -18px 44px #0000001f}.BlogExperience-module__sxYvOa__postsInner{width:min(100%,1304px);margin:0 auto}.BlogExperience-module__sxYvOa__categoryBar{background:var(--surface);scrollbar-width:none;border-radius:12px;justify-content:space-between;align-items:center;height:56px;padding:0 28px;display:flex;overflow-x:auto}.BlogExperience-module__sxYvOa__categoryBar::-webkit-scrollbar{display:none}.BlogExperience-module__sxYvOa__category{color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:42px;flex:none;padding:10px 20px;font-size:16px;font-weight:500;transition:color .18s,background .18s}.BlogExperience-module__sxYvOa__categoryActive{color:var(--mint);background:#fff;font-weight:700}.BlogExperience-module__sxYvOa__postsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:31px;margin-top:31px;display:grid}.BlogExperience-module__sxYvOa__postCard{cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;min-width:0;height:460px;min-height:460px;padding:8px 8px 24px;text-decoration:none;transition:box-shadow .24s,transform .24s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 4px #0c1a4b1a,0 3px 8px -1px #32324714}.BlogExperience-module__sxYvOa__postCard:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0c1a4b24}.BlogExperience-module__sxYvOa__postCard:focus-visible{outline-offset:4px;outline:3px solid #16e1b58c}.BlogExperience-module__sxYvOa__postCard>img{object-fit:cover;border-radius:16px;width:100%;height:200px}.BlogExperience-module__sxYvOa__postBody{flex-direction:column;flex:1;align-items:flex-start;gap:16px;padding:17px 16px 0;display:flex}.BlogExperience-module__sxYvOa__postBody h2{color:var(--ink);margin:0;font-size:16px;font-weight:600;line-height:1.36}.BlogExperience-module__sxYvOa__postBody p{color:var(--body);margin:0;font-size:14px;line-height:23px}.BlogExperience-module__sxYvOa__postMeta{gap:16px;margin-top:auto;display:flex}.BlogExperience-module__sxYvOa__postMeta span{border:1px solid;border-radius:30px;padding:5px 16px;font-size:14px;line-height:14px}.BlogExperience-module__sxYvOa__date{color:#ffb688}.BlogExperience-module__sxYvOa__readTime{color:var(--mint)}.BlogExperience-module__sxYvOa__arrowButton{color:#fff;background:var(--mint);border-radius:50%;place-items:center;width:32px;height:32px;font-size:23px;line-height:1;display:grid;position:absolute;bottom:16px;right:18px}@media (max-width:1500px){.BlogExperience-module__sxYvOa__heroContent h1{font-size:68px}}@media (max-width:1000px){.BlogExperience-module__sxYvOa__heroContent h1{font-size:clamp(38px,6vw,58px)}.BlogExperience-module__sxYvOa__heroContent h1 span{white-space:normal}.BlogExperience-module__sxYvOa__postsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.BlogExperience-module__sxYvOa__hero{--spot-radius:210px;min-height:100svh}.BlogExperience-module__sxYvOa__brightImage{height:100svh!important}.BlogExperience-module__sxYvOa__heroContent{width:calc(100% - 48px);bottom:13%;left:24px}.BlogExperience-module__sxYvOa__heroContent h1{font-size:clamp(30px,8vw,42px);line-height:1.16}.BlogExperience-module__sxYvOa__heroContent h1 span{white-space:normal}.BlogExperience-module__sxYvOa__scrollCue{bottom:20px;right:20px}.BlogExperience-module__sxYvOa__postsSection{padding:28px 16px 40px}.BlogExperience-module__sxYvOa__categoryBar{gap:2px;height:52px;padding:0 8px}.BlogExperience-module__sxYvOa__category{padding:9px 14px;font-size:14px}.BlogExperience-module__sxYvOa__postsGrid{grid-template-columns:1fr;gap:20px;margin-top:20px}.BlogExperience-module__sxYvOa__postCard{height:auto;min-height:0;padding-bottom:22px}.BlogExperience-module__sxYvOa__postCard>img{aspect-ratio:398/200;height:auto}}@media (max-width:390px){.BlogExperience-module__sxYvOa__heroContent{width:calc(100% - 40px);left:20px}}@media (prefers-reduced-motion:reduce){.BlogExperience-module__sxYvOa__scrollCue span{animation:none}.BlogExperience-module__sxYvOa__page *,.BlogExperience-module__sxYvOa__page :before,.BlogExperience-module__sxYvOa__page :after{transition-duration:.01ms!important}}
