:root{--bg: #f7f9fb;--surface: #ffffff;--ink: #17202a;--muted: #526170;--line: #dce5ec;--brand: #2f78ff;--brand-strong: #185bd6;--accent: #ff8a34;--soft: #eaf3ff;--shadow: 0 18px 42px rgba(47, 120, 255, .12);font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:#fffffff0;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.breadcrumb{padding:14px 0;background:#fff;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.breadcrumb .container{display:flex;align-items:center;gap:8px;min-width:0}.breadcrumb a{color:var(--brand-strong);font-weight:700}.breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.brand,.footer-brand{display:inline-flex;align-items:center;gap:12px;font-weight:800}.brand img,.footer-brand img{width:42px;height:42px;object-fit:contain}.main-nav{display:flex;align-items:center;justify-content:center;flex:1;gap:8px}.main-nav a,.header-download{min-height:38px;padding:7px 12px;border-radius:8px;color:var(--muted);font-size:15px}.main-nav a:hover,.header-download{color:var(--brand-strong);background:var(--soft)}.nav-product{position:relative}.nav-product:after{content:"";position:absolute;top:100%;right:-18px;left:-18px;height:18px}.nav-trigger{display:inline-flex;align-items:center;gap:4px}.product-dropdown{position:absolute;top:calc(100% - 1px);left:50%;z-index:100;width:430px;padding:14px;background:#fff;border:1px solid #d7e5fb;border-radius:10px;box-shadow:0 22px 55px #17202a24;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .08s ease,transform .08s ease}.nav-product:hover .product-dropdown,.nav-product:focus-within .product-dropdown{opacity:1;pointer-events:auto;transform:translate(-50%)}.dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 8px 12px;border-bottom:1px solid var(--line)}.dropdown-head strong{color:var(--ink)}.dropdown-head a{min-height:auto;padding:0;color:var(--brand-strong);font-size:13px;font-weight:800}.dropdown-product{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:12px;margin-top:8px;padding:10px;border-radius:8px}.dropdown-product img{width:42px;height:42px;object-fit:contain;border-radius:8px}.dropdown-product span{display:grid;gap:2px}.dropdown-product strong{color:var(--ink);font-size:15px}.dropdown-product small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hero{padding:74px 0 62px;background:linear-gradient(180deg,#f4f8ff,#fff);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:center;gap:44px}.kicker,.section-eyebrow{margin:0 0 12px;color:var(--brand);font-size:14px;font-weight:800}h1,h2,h3{margin:0;line-height:1.25;letter-spacing:0}h1{max-width:760px;font-size:48px}h2{max-width:820px;font-size:32px}h3{font-size:19px}.lead{max-width:720px;margin:22px 0 0;color:var(--muted);font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:8px;font-weight:800}.btn.primary{color:#fff;background:var(--brand);border-color:var(--brand)}.btn.secondary{color:var(--brand-strong);background:#fff}.highlights{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.highlights span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:14px}.hero-media{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.hero-media img{width:100%;min-height:300px;object-fit:contain;border-radius:6px}.not-found-hero{padding:72px 0 58px;background:linear-gradient(180deg,#f4f8ff,#fff);border-bottom:1px solid var(--line)}.not-found-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:38px}.not-found-copy h1{font-size:46px}.not-found-panel{display:grid;gap:12px;padding:18px;background:#fff;border:1px solid #d7e5fb;border-radius:10px;box-shadow:var(--shadow)}.not-found-link{display:grid;gap:4px;padding:16px;background:#f8fbff;border:1px solid #dce7f4;border-radius:8px}.not-found-link span{color:var(--brand-strong);font-weight:800}.not-found-link small{color:var(--muted);font-size:13px;line-height:1.55}.suite-hero .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)}.suite-panel{padding:18px;background:#fff;border:1px solid #d7e5fb;border-radius:12px;box-shadow:var(--shadow)}.suite-art{width:100%;aspect-ratio:16 / 9;margin-bottom:16px;object-fit:cover;object-position:center;border:1px solid #dce7f4;border-radius:10px;background:#f8fbff}.suite-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 4px 16px;border-bottom:1px solid var(--line)}.suite-panel-head span{color:var(--brand-strong);font-size:14px;font-weight:800}.suite-panel-head strong{font-size:18px}.suite-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.suite-tool{display:grid;grid-template-columns:58px 1fr;gap:12px;min-height:132px;padding:16px;background:#f8fbff;border:1px solid #dce7f4;border-radius:10px}.suite-tool img{width:58px;height:58px;object-fit:contain}.suite-tool span{display:grid;gap:6px}.suite-tool strong{color:var(--brand-strong);font-size:17px}.suite-tool small{color:var(--muted);font-size:13px;line-height:1.55}.page-section,.faq-section,.conversion-band,.article-list,.article-page{padding:68px 0}.page-section:nth-child(2n),.conversion-band{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-intro{max-width:840px;margin:14px 0 0;color:var(--muted);font-size:17px}.section-image{margin:28px 0 0;padding:12px;background:#fff;border:1px solid #dce7f4;border-radius:10px;box-shadow:0 18px 42px #2f78ff14}.section-image img{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center;border-radius:7px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.info-card{min-height:190px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #17202a0a}.info-card img{width:58px;height:58px;object-fit:contain;margin-bottom:16px}.info-card h3 a{color:var(--brand-strong)}.card-link{display:inline-flex;margin-top:14px;color:var(--brand-strong);font-weight:700}.info-card p,.check-list,.faq-list p,.conversion-inner p,.site-footer p,.article-card p,.article-content p,.article-content li{color:var(--muted)}.compact-article-grid{margin-top:34px}.compact-article-grid .article-card{min-height:0}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:26px 0 0;padding:0;list-style:none}.check-list li{padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:8px}.screenshot-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.screenshot-gallery figure{margin:0;padding:12px;background:#fff;border:1px solid #dce7f4;border-radius:10px;box-shadow:0 14px 34px #17202a0f}.screenshot-gallery img{width:100%;aspect-ratio:16 / 9;object-fit:contain;object-position:center;background:#f8fbff;border-radius:7px}.screenshot-gallery figcaption{margin-top:10px;color:var(--ink);font-size:14px;font-weight:800}.faq-list{display:grid;gap:12px;margin-top:26px}.faq-list details{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:8px}.faq-list summary{cursor:pointer;font-weight:800}.conversion-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.site-footer{padding:44px 0;color:#d8e6df;background:#10231b}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}.site-footer h2{margin-bottom:12px;color:#fff;font-size:16px}.site-footer a{display:block;margin:8px 0;color:#d8e6df}.footer-record{margin-top:28px;padding-top:18px;border-top:1px solid rgba(216,230,223,.16);text-align:center}.footer-record a{display:inline-block;margin:0;color:#d8e6dfc7;font-size:13px}.footer-record a:hover{color:#fff}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.article-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:8px}.article-content{max-width:860px;margin:0 auto;padding:54px 0 80px}.article-content h1{font-size:40px}.article-content h2{margin-top:36px;font-size:26px}.article-content a{color:var(--brand-strong);font-weight:800}.product-overview,.module-showcase,.manual-section,.components-section{padding:76px 0}.product-overview,.components-section{background:#fff;border-bottom:1px solid var(--line)}.product-overview-grid,.manual-grid,.components-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:42px}.components-grid{grid-template-columns:minmax(360px,1.08fr) minmax(0,.92fr)}.product-panel{padding:12px;background:#f8fbff;border:1px solid #d7e5fb;border-radius:10px;box-shadow:0 22px 50px #185bd61f}.product-panel img{width:100%;border-radius:6px}.error-tags,.component-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.error-tags span,.component-list span{padding:8px 12px;color:#27517e;background:#eef5ff;border:1px solid #d7e5fb;border-radius:8px;font-size:14px;font-weight:700}.module-showcase{background:#f6f9fd}.module-list{display:grid;gap:26px;margin-top:34px}.module-row{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(420px,1.18fr);align-items:center;gap:32px;padding:28px;background:#fff;border:1px solid #dce7f4;border-radius:10px;box-shadow:0 16px 34px #17202a0d}.module-row.reverse{grid-template-columns:minmax(420px,1.18fr) minmax(260px,.82fr)}.module-row.reverse .module-copy{order:2}.module-row.reverse img{order:1}.module-row img{width:100%;border:1px solid #d7e5fb;border-radius:8px}.module-copy span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:18px;color:var(--brand-strong);background:var(--soft);border:1px solid #cfe0fb;border-radius:10px;font-weight:900}.module-copy p,.step-list{color:var(--muted)}.step-list{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}.step-list li{padding:14px 16px;background:#fff;border:1px solid #dce7f4;border-radius:8px}@media(max-width:900px){.container{width:min(100% - 28px,1180px)}.header-inner,.main-nav,.conversion-inner{align-items:flex-start;flex-direction:column}.hero-grid,.card-grid,.check-list,.footer-grid,.article-grid,.suite-hero .hero-grid,.suite-tool-grid,.product-overview-grid,.manual-grid,.components-grid,.screenshot-gallery,.module-row,.module-row.reverse{grid-template-columns:1fr}.module-row.reverse .module-copy,.module-row.reverse img{order:initial}h1,.article-content h1{font-size:34px}h2{font-size:26px}.main-nav{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.nav-product{width:100%}.nav-product:after{right:0;left:0}.product-dropdown{display:none;position:absolute;left:0;width:100%;margin-top:8px;transform:translateY(4px)}.nav-product:hover .product-dropdown,.nav-product:focus-within .product-dropdown{display:block}}