.article-module__qU4VIq__page{--brand:var(--color-brand,#ff4fa3);--brand-light:var(--color-brand-light,#ff8fc7);--accent:var(--color-accent-purple,#9b5cff);max-width:1120px;color:var(--color-foreground,#1a1a20);margin:0 auto;padding:32px 20px 80px}.article-module__qU4VIq__breadcrumb{color:var(--color-muted-foreground,#8a8a94);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.article-module__qU4VIq__breadcrumb a:hover{color:var(--brand)}.article-module__qU4VIq__header{text-align:center;max-width:800px;margin:0 auto 28px}.article-module__qU4VIq__tag{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand);border-radius:999px;margin-bottom:16px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.article-module__qU4VIq__title{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.15}.article-module__qU4VIq__excerpt{color:var(--color-muted-foreground,#6b6b76);margin:0 0 18px;font-size:18px;line-height:1.6}.article-module__qU4VIq__meta{color:var(--color-muted-foreground,#8a8a94);flex-wrap:wrap;justify-content:center;gap:18px;font-size:14px;display:flex}.article-module__qU4VIq__meta span{position:relative}.article-module__qU4VIq__meta span+span:before{content:"·";position:absolute;left:-11px}.article-module__qU4VIq__hero{max-width:960px;margin:0 auto 40px}.article-module__qU4VIq__hero img{border-radius:16px;width:100%;display:block}.article-module__qU4VIq__hero figcaption{text-align:center;color:var(--color-muted-foreground,#8a8a94);margin-top:10px;font-size:13px}.article-module__qU4VIq__layout{grid-template-columns:240px minmax(0,1fr);gap:48px;max-width:1000px;margin:0 auto;display:grid}.article-module__qU4VIq__aside{position:relative}.article-module__qU4VIq__toc{font-size:14px;position:sticky;top:96px}.article-module__qU4VIq__tocTitle{color:var(--color-foreground,#1a1a20);margin-bottom:12px;font-weight:700}.article-module__qU4VIq__toc ul{border-left:2px solid var(--color-hairline,#e6e6ec);margin:0;padding:0;list-style:none}.article-module__qU4VIq__toc li a{color:var(--color-muted-foreground,#6b6b76);border-left:2px solid #0000;margin-left:-2px;padding:6px 0 6px 14px;line-height:1.4;display:block}.article-module__qU4VIq__toc li a:hover{color:var(--brand);border-left-color:var(--brand)}.article-module__qU4VIq__content{min-width:0;font-size:17px;line-height:1.8}.article-module__qU4VIq__content>:first-child{margin-top:0}.article-module__qU4VIq__content h2{margin:44px 0 16px;scroll-margin-top:96px;font-size:26px;font-weight:700;line-height:1.3}.article-module__qU4VIq__content h3{margin:32px 0 12px;font-size:21px;font-weight:700}.article-module__qU4VIq__content p{margin:0 0 20px}.article-module__qU4VIq__content a{color:var(--brand);text-underline-offset:2px;text-decoration:underline}.article-module__qU4VIq__content ul,.article-module__qU4VIq__content ol{margin:0 0 20px;padding-left:24px}.article-module__qU4VIq__content li{margin-bottom:8px}.article-module__qU4VIq__content blockquote{border-left:4px solid var(--brand);color:var(--color-muted-foreground,#55555f);margin:24px 0;padding:4px 20px;font-style:italic}.article-module__qU4VIq__content img{border-radius:12px;max-width:100%}.article-module__qU4VIq__content pre{background:var(--color-surface-1,#14141c);color:#e6e6ec;border-radius:12px;margin:0 0 20px;padding:18px;font-size:14px;overflow-x:auto}.article-module__qU4VIq__content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.article-module__qU4VIq__content :not(pre)>code{background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:6px;padding:2px 6px}.article-module__qU4VIq__content hr{border:none;border-top:1px solid var(--color-hairline,#e6e6ec);margin:40px 0}.article-module__qU4VIq__tableWrapper{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;margin:0 0 20px;overflow-x:auto}.article-module__qU4VIq__tableWrapper table{border-collapse:collapse;width:100%;min-width:100%;font-size:15px;display:table}.article-module__qU4VIq__tableWrapper th,.article-module__qU4VIq__tableWrapper td{border:1px solid var(--color-hairline,#e6e6ec);text-align:left;padding:10px 14px}.article-module__qU4VIq__tableWrapper th{background:color-mix(in srgb, var(--brand) 8%, transparent);font-weight:600}.article-module__qU4VIq__figure{margin:28px 0}.article-module__qU4VIq__figure img,.article-module__qU4VIq__figure video{border-radius:12px;width:100%;display:block}.article-module__qU4VIq__figure figcaption{text-align:center;color:var(--color-muted-foreground,#8a8a94);margin-top:10px;font-size:13px}.article-module__qU4VIq__figure[data-width=wide]{width:min(120%,100vw);max-width:1000px;margin-left:50%;transform:translate(-50%)}.article-module__qU4VIq__figure[data-width=full]{border-radius:0;width:100vw;position:relative;left:50%;transform:translate(-50%)}.article-module__qU4VIq__figure[data-width=full] img,.article-module__qU4VIq__figure[data-width=full] video{border-radius:0}.article-module__qU4VIq__buttonWrapper{justify-content:center;margin:8px 0 24px;display:flex}.article-module__qU4VIq__buttonWrapper[data-align=left]{justify-content:flex-start}.article-module__qU4VIq__buttonWrapper[data-align=right]{justify-content:flex-end}.article-module__qU4VIq__button{background:linear-gradient(135deg, var(--brand), var(--accent));border-radius:999px;padding:12px 28px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-block;color:#fff!important;text-decoration:none!important}.article-module__qU4VIq__button:hover{box-shadow:0 8px 24px color-mix(in srgb, var(--brand) 40%, transparent);transform:translateY(-1px)}.article-module__qU4VIq__callout{border-left:4px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:12px;margin:24px 0;padding:16px 20px}.article-module__qU4VIq__callout>:last-child{margin-bottom:0}.article-module__qU4VIq__callout[data-tone=success]{background:#16a34a14;border-left-color:#16a34a}.article-module__qU4VIq__callout[data-tone=warning]{background:#d9770614;border-left-color:#d97706}.article-module__qU4VIq__callout[data-tone=danger]{background:#dc262614;border-left-color:#dc2626}.article-module__qU4VIq__authorList{border-top:1px solid var(--color-hairline,#e6e6ec);flex-direction:column;gap:20px;max-width:1000px;margin:56px auto 0;padding-top:40px;display:flex}.article-module__qU4VIq__authorCard{align-items:flex-start;gap:18px;display:flex}.article-module__qU4VIq__authorAvatar,.article-module__qU4VIq__authorAvatarFallback{object-fit:cover;border-radius:50%;flex-shrink:0;width:64px;height:64px}.article-module__qU4VIq__authorAvatarFallback{background:linear-gradient(135deg, var(--brand), var(--accent));color:#fff;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.article-module__qU4VIq__authorInfo{min-width:0}.article-module__qU4VIq__authorName{font-size:18px;font-weight:700}.article-module__qU4VIq__authorRole{color:var(--brand);margin-top:2px;font-size:14px}.article-module__qU4VIq__authorBio{color:var(--color-muted-foreground,#55555f);margin:8px 0 0;font-size:15px;line-height:1.6}.article-module__qU4VIq__authorSocial{color:var(--color-muted-foreground,#8a8a94);gap:14px;margin-top:10px;display:flex}.article-module__qU4VIq__authorSocial a:hover{color:var(--brand)}.article-module__qU4VIq__recommend{max-width:1000px;margin:64px auto 0}.article-module__qU4VIq__recommend h2{margin-bottom:24px;font-size:24px;font-weight:700}.article-module__qU4VIq__recommendGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.article-module__qU4VIq__card{border:1px solid var(--color-hairline,#e6e6ec);border-radius:14px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.article-module__qU4VIq__card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000014}.article-module__qU4VIq__card img,.article-module__qU4VIq__cardPlaceholder{aspect-ratio:16/9;object-fit:cover;width:100%}.article-module__qU4VIq__cardPlaceholder{background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 20%, transparent), color-mix(in srgb, var(--accent) 20%, transparent))}.article-module__qU4VIq__cardBody{padding:16px}.article-module__qU4VIq__cardBody h3{margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.4}.article-module__qU4VIq__cardBody p{color:var(--color-muted-foreground,#6b6b76);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}@media (max-width:900px){.article-module__qU4VIq__layout{grid-template-columns:1fr;gap:0}.article-module__qU4VIq__aside{display:none}.article-module__qU4VIq__recommendGrid{grid-template-columns:1fr}}
