.wrap-at-words{word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}.category{border:1.5px solid var(--ink);background:var(--yellow-soft);color:var(--ink);border-radius:999px;align-items:center;padding:2px 12px;font-size:14px;font-weight:700;display:inline-flex}.blog-hero{background-color:var(--panel);background-image:radial-gradient(var(--panel-dot) 1.5px, transparent 1.7px);border-bottom:var(--keyline) solid var(--ink);background-size:22px 22px;padding-block:clamp(48px,7vw,96px) clamp(36px,5vw,56px)}.blog-hero h1{font-size:clamp(40px,6vw,80px);line-height:1.08}.blog-hero p{max-width:34em;color:var(--ink-2);margin-top:20px;font-size:19px}.blog-index{padding-block:clamp(48px,6vw,88px) clamp(72px,9vw,120px)}.article-list{border-top:var(--keyline) solid var(--ink)}.article-row{border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:center;gap:20px clamp(28px,4vw,56px);padding-block:32px;display:grid;position:relative}.article-row-image{aspect-ratio:16/9;border:var(--keyline) solid var(--ink);border-radius:var(--radius);background:var(--panel);transition:transform .25s var(--ease-out);display:block;overflow:hidden}.article-row:hover .article-row-image{transform:translateY(-4px)}.article-row-image img{object-fit:cover;width:100%;height:100%}.article-row-meta{color:var(--ink-3);font-size:15px;font-family:var(--font-num), var(--font-zh);flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.article-row h3{margin-top:12px;font-size:clamp(22px,2.2vw,28px)}.article-row h3 a{text-decoration:none}.article-row h3 a:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.article-row:hover h3 a{text-decoration:underline;text-decoration-color:var(--orange)}.article-row h3 a:focus-visible{outline:none}.article-row h3 a:focus-visible:after{outline:3px solid var(--sky-deep);outline-offset:6px}.article-row-copy>p{color:var(--ink-2);margin-top:10px;font-size:16px}.article-row-link{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:.22em;align-items:center;gap:8px;margin-top:14px;font-weight:700;text-decoration-thickness:2px;display:inline-flex}.article-row:hover .article-row-link{text-decoration-color:var(--ink)}.article-hero{background:var(--panel);border-bottom:var(--keyline) solid var(--ink);padding-top:clamp(36px,5vw,64px)}.article-hero-inner{max-width:980px}.breadcrumbs{color:var(--ink-3);gap:8px;font-size:15px;display:flex}.breadcrumbs a{color:var(--ink-2);text-decoration-color:var(--orange)}.article-hero h1{margin-top:18px;font-size:clamp(32px,4.6vw,58px);line-height:1.18}.article-deck{max-width:40em;color:var(--ink-2);margin-top:18px;font-size:19px;line-height:1.8}.article-meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:22px;font-size:15px;display:flex}.article-figure{max-width:980px;margin-top:clamp(28px,4vw,44px);margin-bottom:calc(-1*clamp(40px,6vw,88px))}.article-figure img{aspect-ratio:16/9;object-fit:cover;border:var(--keyline) solid var(--ink);background:#fff;border-radius:20px;width:100%;height:auto}.article-shell{grid-template-columns:minmax(0,240px) minmax(0,720px);justify-content:center;gap:clamp(32px,5vw,72px);padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(72px,9vw,120px);display:grid}.article-aside{align-self:start;position:sticky;top:100px}.article-aside>p{border-bottom:var(--keyline) solid var(--ink);padding-bottom:10px;font-size:15px;font-weight:700}.article-aside ol{gap:10px;margin-top:12px;padding-left:1.4em;font-size:15px;line-height:1.5;display:grid}.article-aside li::marker{font-family:var(--font-num);color:var(--orange-ink);font-weight:700}.article-aside a{color:var(--ink-2);text-decoration:none}.article-aside a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange)}.article-body{font-size:18px;line-height:1.9}.article-body>:first-child{margin-top:0}.article-body h2{border-top:var(--keyline) solid var(--ink);margin:56px 0 18px;padding-top:18px;font-size:clamp(24px,2.6vw,30px)}.article-body h3{margin:36px 0 12px;font-size:21px}.article-body p,.article-body ul,.article-body ol,.article-body table,.article-body pre,.article-body blockquote{margin-top:0;margin-bottom:26px}.article-body p,.article-body li{color:var(--ink-2)}.article-body ul,.article-body ol{padding-left:1.4em}.article-body li+li{margin-top:6px}.article-body li::marker{color:var(--orange-ink)}.article-body a{color:var(--ink);text-decoration-color:var(--orange)}.article-body strong{color:var(--ink)}.article-body blockquote{background:var(--panel);border:var(--keyline) solid var(--ink);border-radius:var(--radius);margin-inline:0;padding:20px 24px}.article-body blockquote>:last-child{margin-bottom:0}.article-body pre{color:#f4f6f8;background:var(--ink);border-radius:var(--radius);max-width:100%;padding:22px 24px;font-size:14px;line-height:1.7;overflow-x:auto}.article-body :not(pre)>code{background:var(--panel);border:1px solid var(--hair);color:var(--ink);border-radius:6px;padding:2px 6px;font-size:.88em}.article-body table{border-collapse:separate;border-spacing:0;border:var(--keyline) solid var(--ink);border-radius:var(--radius);width:100%;font-size:15px;line-height:1.6;overflow:hidden}.article-body th,.article-body td{border-bottom:1px solid var(--hair);text-align:left;vertical-align:top;padding:12px 14px}.article-body tr:last-child td{border-bottom:0}.article-body th{background:var(--panel);color:var(--ink);border-bottom:var(--keyline) solid var(--ink);font-weight:700}.article-body td{color:var(--ink-2)}.article-end{background:var(--panel);border:var(--keyline) solid var(--ink);border-radius:20px;margin-top:56px;padding:26px 28px}.article-end>p{color:var(--ink-2);font-size:16px}.article-end>a{text-decoration-color:var(--orange);align-items:center;gap:8px;margin-top:16px;font-weight:700;display:inline-flex}.article-body .article-products-title{border:0;margin:20px 0 10px;padding:0;font-size:17px}.article-products ul{gap:10px;padding:0;list-style:none;display:grid}.article-products a{border:var(--keyline) solid var(--ink);border-radius:var(--radius-s);background:#fff;gap:2px;padding:12px 16px;text-decoration:none;display:grid}.article-products a:hover{background:var(--yellow-soft)}.article-products strong{font-size:17px}.article-products span{color:var(--ink-2);font-size:15px}@media (width<=1000px){.article-shell{grid-template-columns:minmax(0,720px)}.article-aside{background:var(--panel);border-radius:var(--radius);padding:18px 20px;position:static}}@media (width<=760px){.article-row{grid-template-columns:minmax(0,1fr)}.article-body{font-size:17px}.article-body table{white-space:nowrap;display:block;overflow-x:auto}}