: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:#c06c4a;--c-accent-dark:#a55b3e;--c-overlay:#00000073;--c-shadow-brand:#4a7c591a;--c-ring-brand:#4a7c5933;--c-ring-accent:#c06c4a33;--c-brand-ring:#4a7c5933;--c-page-hero-bg:#14202e;--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:#fff;--c-serp-border:#e0e0e0;--xs:2px;--sm:4px;--md:8px;--lg:12px;--xl:14px;--2xl:16px;--3xl:20px;--4xl:24px;--t-xs:.75rem;--t-sm:.875rem;--t-base:1rem;--t-lg:1.125rem;--t-xl:1.25rem;--t-2xl:1.5rem;--t-3xl:clamp(1.5rem, 3vw, 2rem);--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;--fs-xxs:.6rem;--fs-xs:.65rem;--fs-sm:.68rem;--fs-md:.72rem;--fs-lg:.76rem;--fs-xl:.78rem;--fs-2xl:.82rem;--fs-3xl:.85rem;--t-fast:.12s;--t-base-trans:.15s;--t-slow:.2s;--s-focus:0 0 0 3px #ff5c3c26;--s-focus-sm:0 0 0 2px #ff5c3c26;--s-card:0 1px 4px #0000000a;--s-modal:0 20px 60px #00000026;--nav-h:42px}[v-cloak]{display:none}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--c-bg);font-family:Inter,system-ui,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}#app,body{height:100vh}#app{flex-direction:column;display:flex}#app-shell{flex:1;min-height:0}: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{padding:6px 18px;font-size:15px;top:18px}.page-hero .ai-badge{padding:5px 16px;font-size:14px;top:14px}@media (width<=600px){.hero .ai-badge,.page-hero .ai-badge{padding:3px 8px;font-size:10px;top:8px}}.size-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}:root{--fz-body:17px;--fz-sm:14px;--fz-lg:20px;--fz-90:.9rem;--fz-155:1.55rem;--fz-88:.88rem;--fz-165:1.65rem;--fz-92:.92rem;--fz-94:.94rem;--fz-120:1.2rem;--fz-115:1.15rem;--fz-85:.85rem;--fz-95:.95rem;--fz-110:1.1rem;--fz-icon-lg:2rem;--fz-icon-xl:32px;--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{background:var(--c-brand);color:#fff;border-radius:0 0 var(--r-sm) var(--r-sm);z-index:9999;padding:8px 16px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:16px}.skip-link:focus{top:0}html{font-size:var(--fz-body);scroll-behavior:smooth}body{background:var(--c-bg);color:var(--c-text);-webkit-text-size-adjust:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.7;overflow:hidden auto}#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-offset:2px;outline-color:#fff}h1{font-size:var(--t-4xl);letter-spacing:-.5px;margin-bottom:16px;font-weight:700}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);margin-bottom:8px;line-height:1.35}p{font-size:var(--t-base);color:var(--c-text);margin-bottom:16px}img{max-width:100%;height:auto;display:block}.btn{background:var(--c-accent);font-size:var(--fz-lg);border-radius:var(--r-pill);cursor:pointer;border:none;min-width:44px;min-height:48px;padding:14px 36px;font-weight:600;transition:all .2s;display:inline-block;color:#fff!important;text-decoration:none!important}.btn:hover{background:var(--c-accent-dark);transform:translateY(-2px);box-shadow:0 6px 20px #e07b4a59}.btn-outline{border-radius:var(--r-md);color:var(--c-text)!important;border:2px solid var(--c-border)!important;background:0 0!important}.btn-outline:hover{transform:translateY(-2px);background:var(--c-bg)!important;box-shadow:none!important}.btn-sm{font-size:var(--fz-sm);border-radius:var(--r-md);min-height:32px;padding:6px 16px;font-weight:600}.sec-wrap{max-width:1280px;margin:0 auto;padding:clamp(48px,5vw,72px) clamp(24px,4vw,64px)}.sec-title{text-align:center;margin-bottom:12px;font-size:clamp(20px,4vw,28px);font-weight:600}.sec-subtitle{text-align:center;font-size:var(--fz-lg);color:var(--c-text-dim);max-width:600px;margin-bottom:48px;margin-left:auto;margin-right:auto}.hero-scroll-hint{z-index:3;color:#ffffffa6;pointer-events:none;animation:2s ease-in-out infinite heroBounce;position:absolute;bottom:clamp(24px,4vw,40px);left:50%;transform:translate(-50%)}.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:clamp(48px,5vw,72px) clamp(24px,4vw,64px)}.content-page h2{margin-bottom:24px;font-size:clamp(20px,4vw,28px)}.content-page h3{margin-top:36px;margin-bottom:12px;font-size:clamp(18px,3vw,24px)}.content-page p{font-size:var(--fz-body);margin-bottom:20px;line-height:1.8}.content-page ol,.content-page ul{margin-bottom:24px;padding-left:28px}.content-page li{font-size:var(--fz-body);margin-bottom:10px;line-height:1.8}.content-page img{border-radius:var(--r-lg);margin:24px 0}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.learn-grid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1280px;margin:0 auto;display:grid}.learn-card{border-radius:var(--r-lg);background:#fff;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 12px #0000000f}.learn-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.learn-card-link{color:inherit;display:block;text-decoration:none!important}.learn-card .learn-img{aspect-ratio:16/10;background:var(--c-bg);position:relative;overflow:hidden}.learn-card .learn-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;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);color:var(--c-text);margin-bottom:8px;font-weight:600;line-height:1.35}.learn-card .learn-body p{font-size:var(--fz-sm);color:var(--c-text-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.learn-card .learn-tags{flex-wrap:wrap;gap:6px;display:flex}.learn-tag{background:var(--c-bg);color:var(--c-brand);font-size:var(--fz-sm);border-radius:var(--r-lg);padding:3px 12px;font-weight:600;display:inline-block}.article-detail{max-width:760px;margin:0 auto;padding:0 24px}.article-header{text-align:center;margin-bottom:36px}.article-header h1{color:var(--c-text);margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.25}.article-byline{font-size:var(--fz-sm);color:var(--c-text-faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.article-byline span{align-items:center;display:inline-flex}.article-byline strong{color:var(--c-text);font-weight:600}.article-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:0;display:flex}.article-tag{background:var(--c-bg);color:var(--c-brand);font-size:var(--fz-sm);border-radius:var(--r-lg);padding:4px 14px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.article-tag:hover{background:var(--c-brand);color:#fff}.article-hero{max-width:760px;margin:0 auto;padding:0 24px 2rem}.article-hero-img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--r-lg);width:100%;max-height:450px;display:block}.article-hero-img-wrap+h1{margin-top:1.5rem}.article-hero-meta{font-size:var(--fz-85);gap:.75rem;margin-top:.5rem}.article-breadcrumb,.article-hero-meta{color:var(--c-text-muted);flex-wrap:wrap;align-items:center;display:flex}.article-breadcrumb{font-size:var(--t-base);gap:.4rem;margin-bottom:1.25rem}.article-breadcrumb a{color:var(--c-brand);font-weight:600;text-decoration:none}.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{flex-wrap:wrap;gap:.35rem;display:inline-flex}.article-hero-tag{font-size:var(--fz-sm);border-radius:var(--r-pill);background:var(--c-bg);color:var(--c-brand);padding:2px 10px;font-weight:600;display:inline-block}.article-share{background:var(--c-bg);border-radius:var(--r-lg);align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1rem;display:flex}.article-share-label{font-size:var(--fz-85);color:var(--c-text-muted);font-weight:600}.article-share-btn{font-size:var(--t-base);border-radius:var(--r-md);background:var(--c-white);border:1px solid var(--c-border-light);min-height:44px;color:var(--c-text);cursor:pointer;padding:8px 14px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.article-share-btn:hover{background:var(--c-bg-hover)}.article-author{background:var(--c-bg);border-radius:var(--r-lg);align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:flex}.article-author-avatar{background:var(--c-brand);color:#fff;width:44px;height:44px;font-size:var(--fz-px16);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.article-author-name{font-size:var(--fz-95);color:var(--c-text);margin-bottom:.25rem;font-weight:600}.article-author-bio{font-size:var(--fz-sm);color:var(--c-text-dim);line-height:1.5}.article-read-time{font-size:var(--fz-88);color:var(--c-text-muted);margin-top:.3rem}.article-lbox{z-index:9999;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.article-lbox img{border-radius:var(--r-md);cursor:default;max-width:92vw;max-height:92vh}.article-lbox-close{color:#fff;font-size:var(--fz-icon-lg);cursor:pointer;background:0 0;border:none;line-height:1;position:absolute;top:1rem;right:1rem}.breadcrumb{font-size:var(--t-base);color:var(--c-text-faint);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.breadcrumb a{color:var(--c-brand);font-weight:600;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:var(--c-text-faint)}.article-toc{background:var(--c-bg);border-radius:var(--r-lg);border-left:4px solid var(--c-brand);margin-bottom:36px;padding:24px 28px}.article-toc h3{font-size:var(--fz-body);color:var(--c-text);margin-bottom:14px;font-weight:600}.article-toc ul{margin:0;padding:0;list-style:none}.article-toc li{margin-bottom:8px}.article-toc li:last-child{margin-bottom:0}.article-toc a{color:var(--c-brand);font-size:var(--t-base);font-weight:600;line-height:1.5;text-decoration:none;transition:color .2s}.article-toc a:hover{color:var(--c-accent);text-decoration:underline}.article-detail .article-body{font-size:var(--fz-body);color:var(--c-text-dim);line-height:1.85}.article-detail .article-body h2{color:var(--c-text);border-bottom:2px solid var(--c-bg);margin-top:52px;margin-bottom:18px;padding-bottom:8px;font-size:clamp(22px,3vw,28px);font-weight:600}.article-detail .article-body h3{font-size:var(--fz-lg);color:var(--c-text);margin-top:36px;margin-bottom:12px;font-weight:600}.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{margin-bottom:12px;line-height:1.75}.article-detail .article-body strong{color:var(--c-text)}.article-detail .article-body code{background:var(--c-bg-hover);border-radius:var(--r-sm);padding:2px 6px;font-size:.9em}.article-detail .article-body pre{color:#cdd6f4;border-radius:var(--r-lg);font-size:var(--fz-sm);background:#1e1e2e;margin:28px 0;padding:20px 24px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;line-height:1.6;overflow-x:auto}.article-detail .article-body pre code{font-size:inherit;color:inherit;background:0 0;padding:0}.article-detail .article-body table{border-collapse:collapse;width:100%;font-size:var(--fz-px16);margin:28px 0}.article-detail .article-body th{background:var(--c-bg);text-align:left;border-bottom:2px solid var(--c-border);color:var(--c-text);padding:12px 16px;font-weight:600}.article-detail .article-body td{border-bottom:1px solid var(--c-bg);color:var(--c-text-dim);padding:10px 16px}.article-detail .article-body blockquote{border-radius:var(--r-lg);font-size:var(--fz-px16);border-left:5px solid var(--c-brand);background:#f0f5f9;border-top-left-radius:4px;border-bottom-left-radius:4px;margin:32px 0;padding:24px 28px 24px 20px;line-height:1.7}.article-detail .article-body blockquote p{margin:0}.article-detail .article-body blockquote.bq-info{border-left-color:var(--c-brand);background:#f0f5f9}.article-detail .article-body blockquote.bq-tip{background:#f0faf2;border-left-color:#22c55e}.article-detail .article-body blockquote.bq-warn{background:#fff5f0;border-left-color:#f97316}.article-detail .article-body>p:first-of-type:first-letter{float:left;color:var(--c-brand);margin:.05em .1em 0 0;font-size:3.4em;font-weight:600;line-height:.75}.story-label{font-size:var(--fz-sm);text-transform:uppercase;letter-spacing:1px;color:var(--c-accent);margin-bottom:8px;font-weight:600}.skeleton{background:linear-gradient(90deg,var(--c-bg-card,#f0f0f0) 25%,var(--c-bg-hover,#e8e8e8) 50%,var(--c-bg-card,#f0f0f0) 75%);border-radius:var(--r-md);background-size:200% 100%;min-height:1rem;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-cnt{text-align:center;color:var(--c-text-dim);font-size:var(--t-base);padding:3rem 1rem}.loading-cnt:before{content:"";border:3px solid var(--c-border-light);border-top-color:var(--c-accent);border-radius:var(--r-pill);vertical-align:middle;width:1.2rem;height:1.2rem;margin-right:.5rem;animation:.8s linear infinite spin;display:inline-block}@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{background:var(--c-accent);color:var(--c-white);border-radius:var(--r-md);cursor:pointer;font-size:var(--fz-94);border:none;margin-top:.75rem;padding:.5rem 1.25rem;display:inline-block}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.article-footer{border-top:2px solid var(--c-bg);text-align:center;margin-top:3rem;padding-top:2rem}.article-footer .btn-lg{font-size:var(--fz-110);padding:.85rem 2.8rem;font-weight:600}.article-related{text-align:left;margin-bottom:2rem}.article-related h3{font-size:var(--fz-110);color:var(--c-text);margin-bottom:1rem;font-weight:600}.article-related-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;display:grid}.article-related-card{background:var(--c-bg);border-radius:var(--r-lg);align-items:flex-start;gap:.75rem;padding:.75rem;text-decoration:none;transition:background .2s;display:flex}.article-related-card:hover{background:var(--c-bg-hover)}.article-related-img{border-radius:var(--r-md);-o-object-fit:cover;object-fit:cover;flex-shrink:0;width:100px;height:75px}.article-related-title{font-size:var(--fz-95);color:var(--c-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.article-related-meta{font-size:var(--fz-sm);color:var(--c-text-muted);margin-top:.2rem}.article-toc-sidebar{z-index:50;width:200px;max-height:calc(100vh - 200px);padding:0;display:none;position:fixed;top:160px;left:max(50vw - 616px,16px);overflow-y:auto}@media (width>=1200px){.article-toc-sidebar{display:block}}.toc-title{font-size:var(--fz-85);text-transform:uppercase;letter-spacing:.5px;color:var(--c-text-muted);margin-bottom:.75rem;font-weight:600}.article-toc-sidebar ul{margin:0;padding:0;list-style:none}.article-toc-sidebar li{margin-bottom:6px}.article-toc-sidebar a{font-size:var(--t-base);color:var(--c-text-muted);border-left:2px solid #0000;padding:2px 0 2px 8px;line-height:1.45;text-decoration:none;transition:all .2s;display:block}.article-toc-sidebar .toc-level-3 a{font-size:var(--t-base);padding-left:16px}.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{z-index:150;background:var(--c-text);color:#fff;border-radius:var(--r-pill);font-size:var(--t-base);cursor:pointer;opacity:0;pointer-events:none;border:none;padding:10px 22px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:2rem;right:2rem;transform:translateY(10px);box-shadow:0 4px 16px #00000026}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--c-brand)}.article-detail .article-body img{border-radius:var(--r-lg);cursor:zoom-in;max-width:100%;margin:1.5rem 0;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}}@media (width<=600px){.article-related-grid,.learn-grid,.related-grid{grid-template-columns:1fr!important}}