.ic{stroke-width:1.5px}.page{padding-top:112px}.crumbs{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-bottom:22px;font-size:14px;font-weight:500;display:flex}.crumbs a:hover{color:var(--ink)}.crumbs .ic{color:#b6bdcb;width:14px;height:14px}.blog-head{max-width:1240px;margin:0 auto;padding:56px 20px 0}.blog-head .head{margin-bottom:40px}.tabs{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:36px;display:flex}.tabs a{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .2s}.tabs a:hover{color:var(--ink)}.tabs a[aria-current]{background:var(--ink);color:#fff;box-shadow:none}.posts{grid-template-columns:repeat(12,1fr);gap:16px;max-width:1240px;margin:0 auto;padding:0 20px;display:grid}.post{border-radius:var(--r);transition:transform .35s var(--ease);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.post:hover{transform:translateY(-4px)}.post--lead{flex-direction:row;grid-column:span 12;min-height:440px}.post--s{grid-column:span 6}.post__cover{background:linear-gradient(135deg,#e3f2ff 0%,#a8d8ff 100%);place-items:center;display:grid;position:relative;overflow:hidden}.post--lead .post__cover{flex:55%}.post--s .post__cover{height:280px}.post__cover img{filter:drop-shadow(0 24px 30px #0e193029);width:min(56%,300px);transition:transform .6s var(--ease)}.post--s .post__cover img{width:auto;height:76%}.post:hover .post__cover img{transform:scale(1.05)rotate(2deg)}.cover--violet{background:linear-gradient(135deg,#efeaff 0%,#cdbfff 100%)}.cover--peach{background:linear-gradient(135deg,#fff0e4 0%,#ffc9a3 100%)}.post__body{flex-direction:column;flex:1;padding:36px;display:flex}.post--lead .post__body{flex:45%;justify-content:center;padding:48px}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px;font-weight:500;display:flex}.meta .tag{margin:0}.meta i{color:#c4cad6;font-style:normal}.post h2,.post h3{letter-spacing:-.035em;text-wrap:balance;margin:18px 0 12px;font-size:clamp(24px,2.5vw,34px);line-height:1.12}.post--lead h2{font-size:clamp(28px,3.4vw,46px)}.post p{color:var(--muted);text-wrap:pretty;max-width:520px;font-size:17px}.post__more{color:var(--blue);align-items:center;gap:6px;margin-top:auto;padding-top:24px;font-size:16px;font-weight:600;display:inline-flex}.post--lead .post__more{margin-top:0;padding-top:28px}.post__more .ic{width:18px;height:18px;transition:transform .25s var(--ease)}.post:hover .post__more .ic{transform:translate(4px)}.post>a.post__hit{z-index:2;position:absolute;inset:0}.art-head{text-align:center;max-width:880px;margin:0 auto;padding:56px 20px 0}.art-head .meta{justify-content:center}.art-title{letter-spacing:-.045em;text-wrap:balance;margin:24px 0 0;font-size:clamp(36px,5.4vw,68px);font-weight:700;line-height:1.04}.art-lead{max-width:660px;color:var(--muted);text-wrap:pretty;margin:26px auto 0;font-size:clamp(19px,2vw,23px);line-height:1.5}.art-by{text-align:left;align-items:center;gap:12px;margin-top:32px;display:inline-flex}.art-by img{object-fit:contain;background:#e1f1ff;border-radius:50%;width:44px;height:44px;padding:8px}.art-by b{font-size:15px;line-height:1.25;display:block}.art-by small{color:var(--muted);font-size:14px}.art-cover{max-width:1100px;margin:48px auto 0;padding:0 20px}.art-cover__in{border-radius:var(--r);background:linear-gradient(135deg,#e3f2ff 0%,#a8d8ff 100%);place-items:center;height:clamp(240px,40vw,460px);display:grid;position:relative;overflow:hidden}.art-cover__in img{filter:drop-shadow(0 28px 34px #0e193029);width:auto;height:78%}.prose{color:#232f47;font-feature-settings:"kern","liga","calt";hanging-punctuation:first;text-wrap:pretty;max-width:680px;margin:64px auto 0;padding:0 20px;font-size:20px;line-height:1.7}.prose>*+*{margin-top:1.35em}.prose h2{letter-spacing:-.035em;color:var(--ink);text-wrap:balance;margin-top:2.3em;font-size:clamp(28px,3.4vw,36px);line-height:1.15}.prose h2+*{margin-top:.8em}.prose h3{letter-spacing:-.025em;color:var(--ink);margin-top:1.9em;font-size:24px;line-height:1.25}.prose h3+*{margin-top:.6em}.prose strong{color:var(--ink);font-weight:700}.prose a{color:var(--blue);text-underline-offset:.2em;-webkit-text-decoration:underline #008aff59;text-decoration:underline #008aff59;text-decoration-thickness:1.5px;transition:all .2s}.prose a:hover{-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.prose ul,.prose ol{padding-left:1.4em}.prose li{padding-left:.3em}.prose li+li{margin-top:.55em}.prose li::marker{color:var(--blue);font-weight:700}.prose ol{counter-reset:s;padding-left:0;list-style:none}.prose ol>li{counter-increment:s;min-height:36px;padding:0 0 0 52px;position:relative}.prose ol>li:before{content:counter(s);background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;font-weight:700;line-height:1;display:grid;position:absolute;top:.18em;left:0}.prose ol>li+li{margin-top:1em}.prose code{color:var(--ink);background:#eef1f6;border-radius:8px;padding:.15em .45em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.84em}.prose hr{background:var(--line);border:0;height:1px;margin:3em 0}.prose blockquote{text-align:center;margin:2.2em -56px;padding:0}.prose blockquote p{letter-spacing:-.03em;color:var(--ink);text-wrap:balance;font-size:clamp(26px,3.4vw,38px);font-weight:700;line-height:1.22}.prose blockquote p span{color:var(--blue)}.note{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:24px;gap:16px;padding:22px 24px;font-size:18px;line-height:1.55;display:flex}.note .ic{width:28px;height:28px;color:var(--blue);flex:none;margin-top:2px}.note b{color:var(--ink);margin-bottom:2px;display:block}.note--blue{box-shadow:none;background:#e3f2ff}.fig{margin:2.4em -56px}.fig__in{background:#fff;border-radius:28px;gap:10px;padding:28px;display:grid}.fig figcaption{text-align:center;color:var(--muted);margin-top:14px;font-size:15px}.mock{background:var(--bg);border-radius:20px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:17px;line-height:1.4;display:flex}.mock .ic{width:24px;height:24px;color:var(--blue);flex:none;margin-top:1px}.mock b{color:var(--ink);font-size:16px;display:block}.mock small{color:var(--muted);font-size:14px;display:block}.art-end{max-width:1100px;margin:88px auto 0;padding:0 20px}.end-card{text-align:center;background:linear-gradient(115deg,#cce8ff 0%,#7cc4ff 100%);border-radius:40px;padding:72px 24px;position:relative;overflow:hidden}.end-card .h2{font-size:clamp(28px,3.6vw,46px)}.end-card .sub{color:#3a6485;margin-bottom:28px}.end-card .float{opacity:1}.e-star{--r1:-12deg;--t:6s;width:clamp(60px,8vw,110px);top:14%;right:8%}.e-balloon{--r0:6deg;--r1:-4deg;--t:9s;width:clamp(80px,10vw,150px);bottom:12%;left:6%}.more{max-width:1240px;margin:72px auto 0;padding:0 20px}.more h2{letter-spacing:-.035em;text-align:center;margin-bottom:24px;font-size:clamp(28px,3.4vw,40px)}.more .posts{padding:0}.back{color:var(--muted);align-items:center;gap:8px;margin-bottom:22px;font-size:15px;font-weight:600;display:inline-flex}.back:hover{color:var(--ink)}.back .ic{width:18px;height:18px}@media (max-width:1100px){.post--lead{flex-direction:column;min-height:0}.post--lead .post__cover{flex:none;height:300px}.post--lead .post__body{padding:32px}.prose blockquote,.fig{margin-left:0;margin-right:0}}@media (max-width:760px){.page{padding-top:92px}.blog-head{padding:32px 14px 0}.posts{gap:12px;padding:0 14px}.post--s{grid-column:span 12}.post--s .post__cover{height:230px}.post__body,.post--lead .post__body{padding:26px}.post--lead .post__cover{height:240px}.post,.art-cover__in,.end-card{border-radius:26px}.tabs{margin-bottom:28px}.art-head{padding-top:32px}.art-cover{margin-top:36px;padding:0 14px}.prose{margin-top:44px;font-size:18px;line-height:1.68}.prose ol>li{padding-left:46px}.prose ol>li:before{width:30px;height:30px;font-size:15px}.note{border-radius:20px;gap:12px;padding:18px;font-size:16px}.note .ic{width:24px;height:24px}.fig__in{border-radius:22px;padding:16px}.art-end{margin-top:64px;padding:0 14px}.end-card{padding:56px 20px 150px}.e-balloon{width:96px;bottom:18px;left:7%}.e-star{width:70px;top:auto;bottom:18px;right:9%}.more{padding:0 14px}}