:root{--c-brand:#4a7c59;--c-brand-dark:#3a6347;--c-brand-light:#a3c9ae;--c-brand-bg:#e8f0eb;--c-brand-bg-2:#f2f7f3;--c-white:#fff;--c-bg:#fafaf5;--c-bg-card:#fafafa;--c-bg-panel:#f8f9fb;--c-border:#e8e4df;--c-border-alt:#e8e4df;--c-border-light:#e8e4df;--c-text:#2d2d2d;--c-text-mid:#3d4b40;--c-text-dim:#3d4b40;--c-text-faint:#5a635c;--c-text-muted:#717a73;--c-bg-hover:#f4f2ed;--c-bg-brand-subtle:#e8f0eb;--c-bg-brand-ghost:#f2f7f3;--c-danger:#e53935;--c-danger-bg:#fee2e2;--c-danger-hover:#fca5a5;--c-danger-text:#dc2626;--c-warn:#f59e0b;--c-success:#3a6347;--c-accent:#ff6b35;--c-accent-dark:#e85d1f;--c-overlay:rgba(0,0,0,.45);--c-shadow-brand:rgba(74,124,89,.1);--c-ring-brand:rgba(74,124,89,.2);--c-ring-accent:rgba(255,107,53,.2);--c-brand-ring:rgba(74,124,89,.2);--c-page-hero-bg:var(--c-deep-gradient-b);--c-text-disabled:#aeb8b0;--c-text-seo-muted:#8a948c;--c-nav-from:#1e2a4a;--c-nav-to:#0f172a;--c-seo-bg:#fafbfc;--c-seo-header:#1a1a2e;--c-seo-dot-def:#ccc;--c-seo-tab-active:var(--c-brand);--c-seo-status-done-bg:#d4edda;--c-seo-status-done-text:#155724;--c-seo-status-warn-bg:#fff3cd;--c-seo-status-warn-text:#856404;--c-seo-tips-bg:#f0f9ff;--c-seo-tips-border:#bae6fd;--c-seo-tips-title:#0369a1;--c-serp-title:#1a0dab;--c-serp-url:#006621;--c-serp-desc:#545454;--c-serp-bg:var(--c-white);--c-serp-border:#e0e0e0;--xs:2px;--sm:4px;--md:8px;--lg:12px;--xl:14px;--2xl:16px;--3xl:20px;--4xl:24px;--t-sm:.875rem;--t-base:1rem;--t-xl:1.25rem;--t-2xl:1.5rem;--t-4xl:clamp(1.75rem, 5vw, 3rem);--t-heading-weight:700;--t-heading-line:1.25;--t-body-weight:400;--t-body-line:1.6;--r-xs:2px;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--r-pill:999px;--t-fast:.12s;--t-base-trans:.15s;--t-slow:.2s;--s-focus:0 0 0 3px rgba(255,92,60,.15);--s-focus-sm:0 0 0 2px rgba(255,92,60,.15);--s-card:0 1px 4px rgba(0,0,0,.04);--s-modal:0 20px 60px rgba(0,0,0,.15);--nav-h:42px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@font-face{font-family:Inter;src:url(../fonts/inter-latin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../fonts/inter-latin-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../fonts/inter-latin-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../fonts/inter-latin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../fonts/inter-latin-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}[v-cloak]{display:none}*{margin:0;padding:0;box-sizing:border-box}:root,html{--el-color-primary:#4a7c59 !important;--el-color-primary-rgb:74,124,89 !important;--el-color-primary-light-3:#6b9a7a !important;--el-color-primary-light-5:#a3c9ae !important;--el-color-primary-light-7:#d4e8da !important;--el-color-primary-light-8:#eaf2ec !important;--el-color-primary-light-9:#f2f8f4 !important;--el-color-primary-dark-2:#3d6a4a !important}.hero .ai-badge{font-size:var(--fz-badge-lg);padding:6px 18px;top:18px}.page-hero .ai-badge{font-size:var(--fz-sm);padding:5px 16px;top:14px}@media(max-width:600px){.hero .ai-badge,.page-hero .ai-badge{font-size:var(--fz-badge-2xs);padding:3px 8px;top:8px}}.size-card{background:var(--c-white);border-radius:12px;box-shadow:0 2px 8px #0000000f}:root{--space-sec:clamp(64px, 7vw, 96px);--space-hd:clamp(28px, 3vw, 40px);--space-row:clamp(20px, 2.5vw, 28px);--pg-gap:32px;--pg-cols-desk:3;--pg-cols-md:2;--pg-cols-sm:1;--pg-maxw:1280px;--radius-card:var(--r-lg);--radius-panel:var(--r-xl);--radius-btn:var(--r-pill);--radius-input:var(--r-md);--radius-sm:8px;--shadow-soft:0 2px 12px rgba(0,0,0,.05);--shadow-card:0 4px 20px rgba(0,0,0,.07);--shadow-card-hover:0 10px 32px rgba(0,0,0,.12);--c-card-border:#e8e4df;--c-star-gold:gold;--c-border-hover:#d0d0d0;--c-form-success:#4caf50;--c-form-success-bg:#e8f5e9;--c-form-success-text:#2e7d32;--c-form-success-body:#4a7c4f;--c-code-bg:#1e1e2e;--c-code-text:#cdd6f4;--c-quote-info-bg:#f0f5f9;--c-quote-tip-bg:#f0faf2;--c-quote-warn-bg:#fff5f0;--c-quote-default-bg:#f0f5f9;--c-quote-warn-border:#ff6b35;--c-quote-tip-border:#22c55e;--c-deep-gradient-a:#1a1f2e;--c-deep-gradient-b:#14202e;--c-cta-gradient-a:#7ba58b;--c-cta-gradient-b:#4a7c59;--c-deep-gradient-m:#2a3040;--c-price-bg-a:#fff5f5;--c-price-bg-b:#fff0f0;--c-price-border:#fecaca;--c-form-success-border:#c8e6c9;--c-brand-bg-3:#fef5ee;--c-star-empty:#e0e0e0;--c-body:var(--c-text-dim);--c-headline:var(--c-text);--c-muted:#767676;--c-star:#f59e0b;--c-verified:#2e7d5b;--c-quote-warn-border2:#ff6b35;--fz-body:1rem;--fz-sm:.88rem;--fz-lg:1.25rem;--fz-pdp-title:1.55rem;--fz-pdp-price:1.65rem;--fz-pdp-detail-h2:1.2rem;--fz-pdp-detail-h3:1.15rem;--fz-pdp-detail-p:.95rem;--fz-pdp-heading:1.15rem;--fz-pdp-base:.94rem;--fz-pdp-mini-price:.92rem;--fz-pdp-subtitle:.9rem;--fz-pdp-label:.85rem;--fz-pdp-spec:.92rem;--fz-badge:.8125rem;--fz-badge-lg:.94rem;--fz-badge-sm:.75rem;--fz-badge-2xs:.625rem;--fz-feat-icon:1.375rem;--fz-micro:.72rem;--fz-note:.78rem;--fz-err-code:4rem;--fz-page-title:1.5rem;--fz-success-title:1.05rem;--fz-icon-md:1.3rem;--fz-body-sm:.82rem;--fz-body-xs:.88rem;--fz-pdp-feat-icon:1.1rem;--fz-pdp-option:1rem;--fz-90:var(--fz-pdp-subtitle);--fz-155:var(--fz-pdp-title);--fz-88:var(--fz-pdp-subtitle);--fz-165:var(--fz-pdp-price);--fz-92:var(--fz-pdp-mini-price);--fz-94:var(--fz-pdp-base);--fz-120:var(--fz-pdp-detail-h2);--fz-115:var(--fz-pdp-detail-h3);--fz-85:var(--fz-pdp-label);--fz-95:var(--fz-pdp-detail-p);--fz-110:var(--fz-pdp-feat-icon);--fz-icon-lg:2rem;--fz-icon-2xl:40px;--fz-icon-3xl:44px;--fz-icon-4xl:48px;--fz-px28:28px;--fz-logo:26px;--fz-nav:18px;--fz-px16:16px;--fz-icon-25:2.5rem}.skip-link{position:absolute;top:-100px;left:16px;background:var(--c-brand);color:#fff;padding:8px 16px;border-radius:0 0 var(--r-sm) var(--r-sm);z-index:9999;font-weight:600;transition:top .2s;text-decoration:none}.skip-link:focus{top:0}html{font-size:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);line-height:1.7;overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:100%}#app,body,html{height:auto;overflow:visible}#app{display:block}a{color:var(--c-brand);font-weight:600;text-decoration:none}a:focus,a:hover{color:var(--c-brand-dark);text-decoration:underline}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--c-brand);outline-offset:2px;border-radius:2px}input:focus-visible:not(.contact-form input),textarea:focus-visible:not(.contact-form textarea){outline:2px solid var(--c-brand);outline-offset:2px}.btn:focus-visible,.nav-cta:focus-visible,.site-footer a:focus-visible{outline-color:#fff;outline-offset:2px}h1{font-size:var(--t-4xl);font-weight:700;letter-spacing:-.5px;margin-bottom:16px}h1,h2{line-height:var(--t-heading-line)}h2{font-size:var(--t-2xl);margin-bottom:12px}h2,h3{font-weight:600}h3{font-size:var(--t-xl);line-height:1.35;margin-bottom:8px}p{font-size:var(--t-base);margin-bottom:16px;color:var(--c-text)}img{max-width:100%;height:auto;display:block}.btn{display:inline-block;background:var(--c-accent);color:#fff!important;font-size:var(--fz-lg);font-weight:600;padding:14px 36px;border-radius:var(--radius-btn);text-decoration:none!important;transition:all .2s ease;min-height:48px;min-width:44px;cursor:pointer;border:none;box-shadow:0 4px 14px #ff6b3540}.btn:hover{background:var(--c-accent-dark);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3559}.btn-outline{background:transparent!important;color:var(--c-text)!important;border:2px solid var(--c-border)!important;border-radius:var(--r-md)}.btn-outline:hover{background:var(--c-bg)!important;transform:translateY(-2px);box-shadow:none!important}.btn-sm{font-size:var(--fz-sm);font-weight:600;padding:6px 16px;min-height:32px;border-radius:var(--r-md)}.sec-wrap{max-width:1280px;margin:0 auto;padding:var(--space-sec) clamp(24px,4vw,64px)}.sec-title{text-align:center;font-size:clamp(22px,4vw,30px);font-weight:700;margin-bottom:12px;color:var(--c-text)}.sec-subtitle{text-align:center;font-size:var(--fz-lg);color:var(--c-text-dim);margin-bottom:var(--space-hd);max-width:620px;margin-left:auto;margin-right:auto;line-height:1.6}.hero-scroll-hint{position:absolute;bottom:clamp(24px,4vw,40px);left:50%;transform:translate(-50%);z-index:3;animation:heroBounce 2s ease-in-out infinite;color:#ffffffa6;pointer-events:none}.hero-scroll-hint svg{display:block}@keyframes heroBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.content-page{max-width:1280px;margin:0 auto;padding:var(--space-sec) clamp(24px,4vw,64px)}.content-page h2{font-size:clamp(20px,4vw,28px);margin-bottom:24px}.content-page h3{font-size:clamp(18px,3vw,24px);margin-bottom:12px;margin-top:36px}.content-page p{font-size:var(--fz-body);line-height:1.8;margin-bottom:20px}.content-page ol,.content-page ul{margin-bottom:24px;padding-left:28px}.content-page li{font-size:var(--fz-body);line-height:1.8;margin-bottom:10px}.content-page img{border-radius:var(--r-lg);margin:24px 0}.learn-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;max-width:1280px;margin:0 auto}.learn-grid .learn-card{flex:0 0 calc((100% - (var(--grid-cols,4) - 1)*28px)/var(--grid-cols,4));max-width:none;min-width:0}.learn-card{background:var(--c-white);border:1px solid var(--c-card-border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .2s,box-shadow .25s}.learn-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.learn-card-link{text-decoration:none!important;color:inherit;display:block}.learn-card .learn-img{aspect-ratio:16/10;overflow:hidden;background:var(--c-bg);position:relative}.learn-card .learn-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.learn-card:hover .learn-img img{transform:scale(1.04)}.learn-card .learn-body{padding:24px 20px 28px}.learn-card .learn-meta{font-size:var(--fz-sm);color:var(--c-text-faint);margin-bottom:10px;font-weight:500}.learn-card .learn-body h3{font-size:var(--fz-body);font-weight:600;color:var(--c-text);margin-bottom:8px;line-height:1.35}.learn-card .learn-body p{font-size:var(--fz-sm);color:var(--c-text-dim);margin-bottom:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.learn-card .learn-tags{display:flex;flex-wrap:wrap;gap:6px}.learn-tag{display:inline-block;background:var(--c-bg);color:var(--c-brand);font-size:var(--fz-sm);font-weight:600;padding:3px 12px;border-radius:var(--r-lg)}.article-detail{max-width:760px;margin:0 auto;padding:0 24px}.article-header{text-align:center;margin-bottom:36px}.article-header h1{font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.25;margin-bottom:16px;color:var(--c-text)}.article-byline{font-size:var(--fz-sm);color:var(--c-text-faint);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.article-byline span{display:inline-flex;align-items:center}.article-byline strong{color:var(--c-text);font-weight:600}.article-tags{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:0}.article-tag{display:inline-block;background:var(--c-bg);color:var(--c-brand);font-size:var(--fz-sm);font-weight:600;padding:4px 14px;border-radius:var(--r-lg);text-decoration:none;transition:background .2s}.article-tag:hover{background:var(--c-brand);color:#fff}.article-hero{max-width:760px;margin:0 auto;padding:0 24px 2rem}.article-hero-img{display:block;width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--r-lg);max-height:450px}.article-hero-img-wrap+h1{margin-top:1.5rem}.article-hero-meta{font-size:var(--fz-pdp-label);margin-top:.5rem;gap:.75rem}.article-breadcrumb,.article-hero-meta{color:var(--c-text-muted);display:flex;align-items:center;flex-wrap:wrap}.article-breadcrumb{font-size:var(--t-base);margin-bottom:1.25rem;gap:.4rem}.article-breadcrumb a{color:var(--c-brand);text-decoration:none;font-weight:600}.article-breadcrumb a:hover{text-decoration:underline}.article-breadcrumb a:after{content:" /";color:var(--c-text-muted);margin-left:.4rem}.article-breadcrumb span{color:var(--c-text);font-weight:600}.article-hero-tags{display:inline-flex;gap:.35rem;flex-wrap:wrap}.article-hero-tag{display:inline-block;font-size:var(--fz-sm);font-weight:600;padding:2px 10px;border-radius:var(--r-pill);background:var(--c-bg);color:var(--c-brand)}.article-share{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1rem;background:var(--c-white);border:1px solid var(--c-card-border);border-radius:var(--radius-card)}.article-share-label{font-size:var(--fz-pdp-label);color:var(--c-text-muted);font-weight:600}.article-share-btn{display:inline-block;font-size:var(--t-base);font-weight:600;padding:8px 14px;min-height:44px;border-radius:var(--radius-btn);background:var(--c-white);border:1px solid var(--c-border-light);color:var(--c-text);cursor:pointer;text-decoration:none;transition:background .2s}.article-share-btn:hover{background:var(--c-bg-hover)}.article-author{display:flex;gap:1rem;align-items:flex-start;margin-bottom:2rem;padding:1.25rem;background:var(--c-white);border:1px solid var(--c-card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.article-author-avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--c-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--fz-px16);font-weight:600}.article-author-name{font-size:var(--fz-pdp-detail-p);font-weight:600;color:var(--c-text);margin-bottom:.25rem}.article-author-bio{font-size:var(--fz-sm);color:var(--c-text-dim);line-height:1.5}.article-read-time{font-size:var(--fz-pdp-subtitle);color:var(--c-text-muted);margin-top:.3rem}.article-lbox{position:fixed;inset:0;z-index:9999;background:#000000e0;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.article-lbox img{max-width:92vw;max-height:92vh;border-radius:var(--r-md);cursor:default}.article-lbox-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;font-size:var(--fz-icon-lg);cursor:pointer;line-height:1}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:var(--t-base);color:var(--c-text-faint);margin-bottom:24px;flex-wrap:wrap}.breadcrumb a{color:var(--c-brand);text-decoration:none;font-weight:600}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:var(--c-text-faint)}.article-toc{background:var(--c-white);border:1px solid var(--c-card-border);border-radius:var(--radius-card);padding:24px 28px;margin-bottom:36px;border-left:4px solid var(--c-brand);box-shadow:var(--shadow-soft)}.article-toc h3{font-size:var(--fz-body);font-weight:600;margin-bottom:14px;color:var(--c-text)}.article-toc ul{list-style:none;padding:0;margin:0}.article-toc li{margin-bottom:8px}.article-toc li:last-child{margin-bottom:0}.article-toc a{color:var(--c-brand);text-decoration:none;font-size:var(--t-base);font-weight:600;line-height:1.5;transition:color .2s}.article-toc a:hover{color:var(--c-accent);text-decoration:underline}.article-detail .article-body{font-size:var(--fz-body);line-height:1.85;color:var(--c-text-dim)}.article-detail .article-body h2{font-size:clamp(22px,3vw,28px);font-weight:600;margin-top:52px;margin-bottom:18px;color:var(--c-text);padding-bottom:8px;border-bottom:2px solid var(--c-bg)}.article-detail .article-body h3{font-size:var(--fz-lg);font-weight:600;margin-top:36px;margin-bottom:12px;color:var(--c-text)}.article-detail .article-body p{margin-bottom:24px}.article-detail .article-body ol,.article-detail .article-body ul{margin-bottom:28px;padding-left:30px}.article-detail .article-body li{line-height:1.75;margin-bottom:12px}.article-detail .article-body strong{color:var(--c-text)}.article-detail .article-body code{background:var(--c-bg-hover);padding:2px 6px;border-radius:var(--r-sm);font-size:.9em}.article-detail .article-body pre{background:var(--c-code-bg);color:var(--c-code-text);padding:20px 24px;border-radius:var(--r-lg);overflow-x:auto;font-size:var(--fz-sm);line-height:1.6;margin:28px 0;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.article-detail .article-body pre code{background:transparent;padding:0;font-size:inherit;color:inherit}.article-detail .article-body table{width:100%;border-collapse:collapse;margin:28px 0;font-size:var(--fz-px16)}.article-detail .article-body th{background:var(--c-bg);text-align:left;padding:12px 16px;font-weight:600;border-bottom:2px solid var(--c-border);color:var(--c-text)}.article-detail .article-body td{padding:10px 16px;border-bottom:1px solid var(--c-bg);color:var(--c-text-dim)}.article-detail .article-body blockquote{margin:32px 0;padding:24px 28px 24px 20px;border-radius:var(--r-lg);font-size:var(--fz-px16);line-height:1.7;background:var(--c-quote-info-bg);border-left:5px solid var(--c-brand);border-top-left-radius:4px;border-bottom-left-radius:4px}.article-detail .article-body blockquote p{margin:0}.article-detail .article-body blockquote.bq-info{background:var(--c-quote-info-bg);border-left-color:var(--c-brand)}.article-detail .article-body blockquote.bq-tip{background:var(--c-quote-tip-bg);border-left-color:var(--c-quote-tip-border)}.article-detail .article-body blockquote.bq-warn{background:var(--c-quote-warn-bg);border-left-color:var(--c-quote-warn-border2)}.article-detail .article-body>p:first-of-type:first-letter{float:left;font-size:3.4em;font-weight:600;line-height:.75;margin:.05em .1em 0 0;color:var(--c-brand)}.story-label{font-size:var(--fz-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--c-accent);margin-bottom:8px}.skeleton{background:linear-gradient(90deg,var(--c-bg-card,#f0f0f0) 25%,var(--c-bg-hover,#e8e8e8) 50%,var(--c-bg-card,#f0f0f0) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-md);min-height:1rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-cnt{text-align:center;padding:3rem 1rem;color:var(--c-text-dim);font-size:var(--t-base)}.loading-cnt:before{content:"";display:inline-block;width:1.2rem;height:1.2rem;border:3px solid var(--c-border-light);border-top-color:var(--c-accent);border-radius:var(--r-pill);animation:spin .8s linear infinite;margin-right:.5rem;vertical-align:middle}@keyframes spin{to{transform:rotate(1turn)}}.empty-msg{color:var(--c-text-dim);font-size:var(--t-base)}.empty-msg,.error-msg{text-align:center;padding:2rem 1rem}.error-msg{color:var(--c-danger-text);background:var(--c-danger-bg);border-radius:var(--r-lg);margin:1rem 0}.error-msg button{display:inline-block;margin-top:.75rem;background:var(--c-accent);color:var(--c-white);border:none;padding:.5rem 1.25rem;border-radius:var(--r-md);cursor:pointer;font-size:var(--fz-pdp-base)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.article-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--c-bg);text-align:center}.article-footer .btn-lg{padding:.85rem 2.8rem;font-size:var(--fz-pdp-feat-icon);font-weight:600}.article-related{text-align:left;margin-bottom:2rem}.article-related h3{font-size:var(--fz-pdp-feat-icon);font-weight:600;color:var(--c-text);margin-bottom:1rem}.article-related-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.article-related-card{display:flex;gap:.75rem;padding:.75rem;background:var(--c-white);border:1px solid var(--c-card-border);border-radius:var(--radius-card);text-decoration:none;transition:background .2s,box-shadow .2s;align-items:flex-start;flex:0 0 calc(25% - .5625rem);min-width:0}.article-related-card:hover{background:var(--c-bg-hover);box-shadow:var(--shadow-soft)}.article-related-img{width:100px;height:75px;border-radius:var(--r-md);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.article-related-title{font-size:var(--fz-pdp-detail-p);font-weight:600;color:var(--c-text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-related-meta{font-size:var(--fz-sm);color:var(--c-text-muted);margin-top:.2rem}.article-toc-sidebar{position:fixed;left:max(calc(50vw - 616px),16px);top:160px;width:200px;max-height:calc(100vh - 200px);overflow-y:auto;padding:0;z-index:50;display:none}@media(min-width:1200px){.article-toc-sidebar{display:block}}.toc-title{font-size:var(--fz-pdp-label);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--c-text-muted);margin-bottom:.75rem}.article-toc-sidebar ul{list-style:none;padding:0;margin:0}.article-toc-sidebar li{margin-bottom:6px}.article-toc-sidebar a{font-size:var(--t-base);color:var(--c-text-muted);text-decoration:none;line-height:1.45;display:block;border-left:2px solid transparent;padding:2px 0 2px 8px;transition:all .2s}.article-toc-sidebar .toc-level-3 a{padding-left:16px;font-size:var(--t-base)}.article-toc-sidebar a:hover{color:var(--c-brand)}.article-toc-sidebar li[data-active=true] a{color:var(--c-brand);border-left-color:var(--c-brand);font-weight:600}.back-to-top{position:fixed;bottom:2rem;right:2rem;z-index:150;background:var(--c-text);color:#fff;border:none;padding:10px 22px;border-radius:var(--r-pill);font-size:var(--t-base);font-weight:600;cursor:pointer;opacity:0;transform:translateY(10px);transition:opacity .2s,transform .2s;pointer-events:none;box-shadow:0 4px 16px #00000026}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:var(--c-brand)}.article-detail .article-body img{max-width:100%;border-radius:var(--r-lg);margin:1.5rem 0;cursor:zoom-in;display:block}@media(hover:none),(pointer:coarse){.learn-card:hover,.product-card:hover{transform:none;box-shadow:0 2px 12px #0000000f}.learn-card:hover .learn-img img{transform:none}}.page-home{--grid-cols:3}@media(max-width:600px){.article-related-grid .article-related-card,.learn-grid .learn-card,.related-grid .related-card{flex-basis:100%!important}}.err-boundary[data-v-56e202a7]{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:48px 24px;background:var(--c-bg,#f8f8fa)}.err-box[data-v-56e202a7]{text-align:center;max-width:480px;padding:48px 40px;background:var(--c-white,var(--c-white));border-radius:16px;box-shadow:0 2px 16px #0000000f}.err-code[data-v-56e202a7]{font-size:var(--fz-err-code);font-weight:800;color:var(--c-brand,#2d2a3c);margin:0 0 8px}.err-title[data-v-56e202a7]{font-size:var(--fz-page-title);color:var(--c-headline,#1a1a2e);margin:0 0 12px}.err-desc[data-v-56e202a7]{color:var(--c-text-dim,#6b6b7b);line-height:1.6;margin:0 0 28px}.err-btn[data-v-56e202a7],.err-desc[data-v-56e202a7]{font-size:var(--fz-pdp-option)}.err-btn[data-v-56e202a7]{display:inline-block;padding:12px 32px;background:var(--c-brand,#2d2a3c);color:var(--c-white);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.err-btn[data-v-56e202a7]:hover{opacity:.85}