.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}#main-nav{display:flex;gap:25px}#menu-toggle{display:none}.brand-name{font-weight:500}.live-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}.live-articles>a{padding:24px;border:1px solid #e3e9f1;border-radius:14px}.live-articles h3{font-size:20px;margin:12px 0}.live-articles p{color:#64748b}.pagination{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.pagination a{padding:8px 14px;border:1px solid #ddd}.pagination [aria-current]{background:#0664ed;color:white}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:64px;padding:60px 24px}.live-article{max-width:820px}.live-article h1{font-size:36px;line-height:1.4;margin:24px 0}.live-article p,.live-article li{line-height:1.95;margin:16px 0}.live-article h2{margin-top:32px}.live-article img{max-width:100%;height:auto}.article-layout aside a{display:block;margin:20px 0}.section{padding:64px 0}input,select,textarea{font:inherit;padding:12px;border:1px solid #ccd5e0;border-radius:7px;max-width:100%}dialog{border:0;border-radius:20px;padding:36px;width:min(440px,calc(100% - 32px));text-align:center}dialog::backdrop{background:#15254288}.qr{max-width:220px}.muted{color:#64748b}.footer-grid a{display:block;margin:12px 0}main{min-height:60vh}@media(max-width:800px){.nav-wrap{min-height:72px;gap:12px}#menu-toggle{display:block}#main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:24px;box-shadow:0 8px 12px #14273b11}#main-nav.open{display:flex;flex-direction:column}.live-articles{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:28px;padding-top:32px}.live-article h1{font-size:28px}.nav-wrap>.btn{display:none}.section{padding:40px 20px}.mobile-contact{z-index:20}}
[hidden]{display:none!important}
.btn svg{width:20px;height:20px;flex-shrink:0}.tool-card[hidden]{display:none}.search{display:flex;gap:12px;margin-bottom:24px}.search input{min-width:0;flex:1;max-width:500px}
/* Editorial pages: compact reading column with useful product context. */
.journal-intro{padding:30px 0!important;background:#f3f6fb;border-bottom:1px solid #e1e7ef}.journal-intro h1{font-size:32px!important;margin:9px 0!important}.journal-intro p{max-width:760px;font-size:14px}.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:28px;align-items:start}.journal-main{min-width:0}.journal-layout .filterbar{margin-bottom:20px}.journal-layout .article-list{border-top:1px solid #e2e8f0}.journal-layout .article-row{display:grid;grid-template-columns:168px minmax(0,1fr);gap:22px;padding:24px 0;align-items:center;border-bottom:1px solid #e1e7ef}.article-cover{display:block;overflow:hidden;border:1px solid #e3e8f2;border-radius:8px;background:#f0f4fb;aspect-ratio:1.45}.article-cover img{display:block;width:100%;height:100%;object-fit:cover}.article-summary{min-width:0}.story-meta{display:flex;flex-wrap:wrap;gap:15px;color:#7a8799;font-size:12px;align-items:center}.story-meta>span:first-child{color:#2766b7}.article-summary h3,.article-summary h2{font-size:20px;line-height:1.55;letter-spacing:0;margin:8px 0}.article-summary p{font-size:13px;line-height:1.85;color:#738095;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-more{display:block;margin-top:10px;font-size:12px;color:#1463d2}.content-aside{display:grid;gap:18px}.aside-box{border:1px solid #e1e7ef;border-radius:10px;padding:22px;background:white}.aside-box h3,.aside-product h3{font-size:17px;letter-spacing:0;margin-bottom:16px}.aside-category{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin:3px -10px;border-radius:5px;font-size:14px}.aside-category b{font-size:12px;font-weight:400;color:#7a8799}.aside-category.active,.aside-category:hover{background:#edf4ff;color:#1463d2}.aside-product{padding:25px;border-radius:10px;background:#192743;color:white}.aside-product small{color:#abc5ed;letter-spacing:0}.aside-product h3{font-size:22px;margin:12px 0}.aside-product p{font-size:13px;color:#bfcee3;line-height:1.9}.aside-product a{display:block;border-top:1px solid #ffffff20;padding-top:12px;margin-top:15px;font-size:13px;color:#dceaff}.aside-reading{padding-left:22px;margin:0}.aside-reading li{padding:0 0 14px 5px;font-size:13px;line-height:1.8}.aside-reading li:last-child{padding-bottom:0}.aside-reading li::marker{color:#1766d5;font-weight:600}.aside-contact{display:flex;gap:13px;align-items:center;padding:18px}.aside-contact h3{font-size:14px;margin-bottom:4px}.aside-contact p{font-size:12px}.aside-contact img{object-fit:contain;flex-shrink:0}.aside-contact .text-btn{padding:4px 0;font-size:12px}.editorial-container{padding-top:22px;padding-bottom:50px}.editorial-crumb{display:flex;gap:10px;font-size:12px;color:#8591a2;margin-bottom:22px;line-height:1.8;flex-wrap:wrap}.article-paper{max-width:none;min-width:0;border:1px solid #e1e7ef;padding:34px;border-radius:10px;background:#fff}.article-heading{display:block;border-bottom:1px solid #e7ecf3;padding-bottom:22px}.article-category{display:inline-block;border-radius:4px;background:#edf4ff;color:#1463d2;font-size:12px;padding:5px 10px}.article-paper h1{font-size:30px;line-height:1.5;letter-spacing:-.5px;margin:16px 0}.article-paper .article-lead{background:#f6f8fc;border-left:3px solid #3e80e8;padding:16px 20px;margin:24px 0;color:#5d6d84;font-size:14px;line-height:1.95}.article-paper .article-toc{padding:18px 22px;margin:20px 0;background:#fafbfd;border:1px solid #e8edf5;border-radius:7px}.article-toc strong{font-size:14px}.article-toc ol{display:grid;grid-template-columns:1fr 1fr;padding-left:20px;gap:8px 25px;margin:12px 0 0}.article-toc li{font-size:13px;line-height:1.8;margin:0;color:#536b8d}.article-body h2{font-size:23px;letter-spacing:0;line-height:1.6;scroll-margin-top:110px;margin:30px 0 14px}.article-body h3{font-size:19px;scroll-margin-top:110px}.article-body p,.article-body li{font-size:15px;line-height:2;color:#43546d}.article-consult{padding:24px;background:#edf4ff;border-radius:8px;margin-top:30px;display:flex;gap:18px;align-items:center;justify-content:space-between}.article-consult h3{font-size:18px;letter-spacing:0}.article-consult p{font-size:13px;margin:8px 0 0;line-height:1.8}.article-related{margin-top:30px;border-top:1px solid #e7ecf3;padding-top:24px}.article-related h2{font-size:20px;margin:0 0 12px}.article-related>a{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:12px 0;line-height:1.7}.article-related>a span{color:#1766d5}.footer-legal{display:flex;flex-wrap:wrap;gap:24px;align-items:center;border-top:1px solid #e1e7ef;padding-top:22px;padding-bottom:24px;margin-top:28px;font-size:12px;color:#7a8799}#main-nav{gap:21px;font-size:14px}
@media(max-width:1000px){.journal-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.article-paper{padding:26px}.journal-layout .article-row{grid-template-columns:135px minmax(0,1fr);gap:17px}.aside-box{padding:18px}.aside-contact{flex-direction:column;align-items:flex-start}#main-nav{gap:14px}}
@media(max-width:800px){.journal-layout{grid-template-columns:1fr}.journal-layout>aside,.journal-layout>.content-aside{display:none}.journal-intro{padding:24px 0!important}.journal-intro h1{font-size:26px!important}.journal-layout .article-row{grid-template-columns:110px minmax(0,1fr);gap:14px;padding:20px 0;align-items:start}.article-summary h3,.article-summary h2{font-size:16px;margin:6px 0;line-height:1.6}.article-summary p{-webkit-line-clamp:2;font-size:12px}.story-meta{font-size:11px;gap:9px}.story-more{display:none}.article-cover{margin-top:6px}.editorial-container{padding-top:18px}.article-paper{padding:22px 19px}.article-paper h1{font-size:24px}.article-toc ol{grid-template-columns:1fr;gap:4px}.article-paper .article-lead{padding:14px;font-size:13px}.article-consult{flex-direction:column;align-items:flex-start;padding:20px}.article-body p,.article-body li{font-size:15px}.article-body h2{font-size:21px}.footer-legal{gap:12px;padding-bottom:90px}.article-related>a{font-size:13px}}
/* Desktop navigation has its own readable hierarchy. */
#main-nav{gap:25px;font-size:16px;font-weight:600;color:#34445e}#main-nav>a{position:relative;display:flex;align-items:center;min-height:88px;white-space:nowrap}#main-nav>a.active{color:#0e5bda}#main-nav>a.active:after{content:'';position:absolute;bottom:19px;left:0;right:0;height:3px;background:#0e5bda;border-radius:3px}#main-nav>a:hover{color:#0e5bda}@media(max-width:1100px) and (min-width:801px){#main-nav{font-size:15px;gap:18px}.nav-wrap{gap:18px}}@media(max-width:800px){#main-nav{font-size:16px;gap:6px}#main-nav>a{min-height:42px;padding:8px 12px;border-radius:5px}#main-nav>a.active{background:#edf4ff}#main-nav>a.active:after{display:none}}
.hero-carousel{position:relative;background:#133ed8}.hero-carousel:after{display:none}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease;isolation:isolate}.hero-slide.active{position:relative;opacity:1;visibility:visible;pointer-events:auto}.hero-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09227d42,transparent);z-index:-1}.hero-carousel .industry-hero-grid{min-height:570px;padding-top:70px;padding-bottom:90px;grid-template-columns:1fr 1.02fr;gap:60px}.hero-carousel .hero-title{font-size:48px!important;line-height:1.4!important;font-weight:600;letter-spacing:0!important;margin:20px 0 23px!important;color:white}.hero-title>span{display:block;white-space:nowrap}.hero-carousel .industry-kicker{font-size:13px}.hero-carousel p{max-width:470px;font-size:15px;line-height:2}.hero-carousel .industry-screen{padding:10px;border-radius:12px}.carousel-controls{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none}.carousel-dots,.carousel-actions{display:flex;gap:12px;pointer-events:auto}.carousel-controls button{border:1px solid #ffffff55;color:#e4edff;border-radius:5px;background:#ffffff10;font:inherit;font-size:12px;padding:8px 13px;cursor:pointer}.carousel-dots button[aria-pressed=true]{background:white;color:#164cce;border-color:white}.carousel-actions button{min-width:40px}.hero-slide[inert] .btn{pointer-events:none}@media(min-width:1600px){.hero-carousel .industry-hero-grid{min-height:620px}}@media(max-width:1100px) and (min-width:801px){.hero-carousel .industry-hero-grid{gap:30px;min-height:520px}.hero-carousel .hero-title{font-size:39px!important}}@media(max-width:800px){.hero-carousel .industry-hero-grid{min-height:0;padding-top:34px;padding-bottom:80px;grid-template-columns:1fr;gap:28px}.hero-carousel .hero-title{font-size:34px!important;margin:16px 0 18px!important}.hero-carousel p{font-size:13px;max-width:40ch}.hero-carousel .industry-screen{padding:7px}.carousel-controls{bottom:20px}.carousel-controls button{padding:6px 10px}.carousel-actions{gap:7px}}@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
.journal-main form.search{width:100%;border:0;background:#f6f8fc;padding:13px;border-radius:8px;gap:10px}.journal-main .search input{max-width:none;width:100%;font-size:13px;background:white;min-height:44px}.journal-main .search button{flex-shrink:0}.keyword-row{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #edf0f6;padding:12px 0}.keyword-row small{display:block}.hero-carousel .industry-hero-grid>div:first-child{min-width:0}@media(max-width:800px){.hero-carousel .industry-hero-grid>div:first-child{min-height:304px}.journal-main form.search{padding:10px}.journal-main .search button{padding:10px 15px}.keyword-row{align-items:flex-start}}
@media(min-width:1001px){.long-nav #main-nav{flex:1;min-width:0;flex-wrap:wrap;gap:0 17px;justify-content:center}.long-nav #main-nav>a{min-height:40px}.long-nav #main-nav>a.active:after{bottom:2px}}
@media(max-width:1000px){#menu-toggle{display:block}#main-nav{display:none;position:absolute;top:88px;left:0;right:0;background:white;padding:18px 28px;box-shadow:0 8px 12px #14273b11}#main-nav.open{display:flex;flex-direction:column;gap:5px}#main-nav>a{min-height:40px;padding:8px 12px}#main-nav>a.active:after{display:none}#main-nav>a.active{background:#edf4ff;border-radius:5px}.nav-wrap>.btn{display:none}}@media(max-width:800px){#main-nav{top:72px}}
.custom-strip{padding:35px 0;background:#edf4ff;border-top:1px solid #dce8fa;border-bottom:1px solid #dce8fa}.custom-strip>.container{display:flex;gap:25px;justify-content:space-between;align-items:center}.custom-strip h2{font-size:25px;letter-spacing:0}.custom-strip p{font-size:14px;margin-top:6px}.custom-intro{background:#f3f6fc;padding:56px 0}.custom-intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.custom-intro h1{font-size:40px;margin:14px 0 18px}.custom-intro p{max-width:44ch}.custom-intro .actions{margin-top:26px}.custom-note{border-left:3px solid #2c73df;padding:12px 0 12px 30px}.custom-note>span{font-size:12px;color:#6b7d98}.custom-note h2{font-size:28px;letter-spacing:0;line-height:1.7;margin:12px 0}.custom-note p{font-size:13px}.custom-services{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.custom-services section{border-top:1px solid #dbe3ef;padding-top:20px}.custom-services section>span{color:#7394c7;font-size:13px}.custom-services h3{margin:14px 0 12px;font-size:21px;letter-spacing:0}.custom-services p{font-size:14px}.custom-process{display:grid;grid-template-columns:1fr 1fr;gap:90px}.custom-process h2{font-size:27px;letter-spacing:0}.custom-process ol{padding-left:22px}.custom-process li{padding:12px 0 12px 10px;line-height:1.8}.custom-process li p{margin:6px 0;font-size:14px}.requirements-box{background:white;border:1px solid #e1e7ef;padding:28px;border-radius:9px}.requirements-box ul{padding-left:22px;margin:20px 0}.requirements-box li{font-size:14px;padding:6px 0}.footer-positioning{max-width:25ch;line-height:2!important}@media(max-width:800px){.custom-strip>.container{display:block}.custom-strip .btn{margin-top:20px}.custom-intro{padding:32px 0}.custom-intro-grid,.custom-process{grid-template-columns:1fr;gap:30px}.custom-intro h1{font-size:30px}.custom-note h2{font-size:24px}.custom-services{grid-template-columns:1fr;gap:25px}.custom-process{gap:22px}.requirements-box{padding:22px}}

.screenshot-gallery figure>a{display:block}.screenshot-gallery figcaption{display:flex;justify-content:space-between;gap:15px}.screenshot-gallery figcaption span{color:#1766d5;font-size:12px}
.screenshot-gallery img,.industry-screenshots img,.screenshot-pair img{display:block;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:5px;width:100%;height:auto}
.tag-cloud{display:flex;flex-wrap:wrap;gap:9px}.tag-cloud a{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;background:#f0f5ff;border:1px solid #dce7f8;border-radius:6px;color:#245eae;font-size:13px;line-height:1.6;text-decoration:none;overflow-wrap:anywhere}.tag-cloud a:hover,.tag-cloud a:focus-visible{background:#1761d6;border-color:#1761d6;color:white}.tag-cloud a span{font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}.tag-page{padding-bottom:60px}.tag-page-heading{padding:26px 0 32px;border-bottom:1px solid #e1e8f2;margin-bottom:28px}.tag-page-heading>span,.tag-banner-copy>span{color:#1761d6;font-size:13px}.tag-page-heading h1{font-size:34px;margin:10px 0;overflow-wrap:anywhere}.tag-page-heading p{color:#71819a;font-size:14px}.tag-article-list>article{padding:25px 0;border-bottom:1px solid #e1e8f2}.tag-article-list>article:first-child{padding-top:0}.tag-article-list h2{font-size:22px;line-height:1.6;margin:10px 0}.tag-article-list h2 a:hover{color:#1761d6}.tag-article-list p{font-size:15px;line-height:1.9;color:#667994;margin-bottom:12px}.tag-article-list .story-more{font-size:13px;color:#1761d6}
@media(max-width:800px){.journal-layout>.article-sidebar{display:block}.article-sidebar .content-aside>section:not(.article-tags){display:none}.article-tags{margin-bottom:12px}.tag-page-heading h1{font-size:28px}.tag-article-list h2{font-size:20px}}
/* Unified column headers: real product imagery in one consistent frame. */
.category-hero{background:linear-gradient(115deg,#edf3ff,#f7faff 58%,#e4eeff);border-bottom:1px solid #dfe8f5;overflow:hidden}
.category-hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;min-height:400px;padding-top:44px;padding-bottom:44px}
.category-hero-label{font-size:12px;letter-spacing:1.5px;color:#526d99}
.category-hero-copy{position:relative;z-index:1}
.category-hero-copy h1{font-size:38px;line-height:1.25;letter-spacing:-1px;margin:14px 0 18px;color:#142747}
.category-hero-copy p{font-size:16px;line-height:1.9;max-width:530px;color:#52627a;margin:0}
.category-hero-copy .actions{margin-top:22px}
.category-hero-visual{position:absolute;inset:0;margin:0;pointer-events:none;overflow:hidden}
.category-hero-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.footer-legal{justify-content:center;text-align:center}
.pagination{align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:16px 0}
.pagination a,.pagination .page-disabled{display:inline-flex;min-width:38px;height:40px;align-items:center;justify-content:center;padding:0 12px;border:1px solid #dce3ee;border-radius:7px;background:#fff;font-size:14px;text-decoration:none}
.pagination a:hover{border-color:#1760d5;color:#1760d5}
.pagination a[aria-current="page"]{background:#1760d5;color:#fff;border-color:#1760d5}
.page-window{display:flex;align-items:center;gap:6px}.page-gap{padding:0 4px;color:#78869c}.pagination .page-disabled{color:#a4adba;background:#f6f8fb}.page-total{font-size:12px;color:#718096;margin-left:4px}.page-mobile-count{display:none}
@media(max-width:800px){.category-hero-grid{gap:28px;min-height:0;padding-top:30px;padding-bottom:30px}.category-hero-copy h1{font-size:30px}.category-hero-copy p{font-size:14px}.category-hero-label{font-size:10px;letter-spacing:.7px}}
@media(max-width:560px){.category-hero-grid{grid-template-columns:1fr;gap:24px}.category-hero-copy h1{font-size:29px;margin:10px 0 12px}.category-hero-visual{position:relative;inset:auto;width:100%;height:155px}.category-hero-visual img{width:200%;max-width:none;transform:translateX(-50%);object-fit:cover;object-position:right}.category-hero-copy{max-width:100%}.category-hero-copy .actions{margin-top:16px}.category-hero-copy .btn{font-size:13px;padding:10px 13px}.pagination .page-window,.pagination .page-total{display:none}.page-mobile-count{display:inline-block;min-width:76px;text-align:center;font-size:14px;color:#52627a}.pagination{gap:12px}.footer-legal{column-gap:16px;row-gap:10px}.footer-legal>span{flex-basis:100%;text-align:center}}

.category-hero{background:#edf3ff}.category-hero-visual{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
@media(max-width:560px){.category-hero-visual{height:auto;aspect-ratio:3/1}.category-hero-visual img{width:100%;height:100%;max-width:100%;transform:none;object-fit:contain;object-position:center}}
/* Public controls use drawn icons and a neutral dialog close state. */
#menu-toggle{width:48px;height:48px;padding:10px;color:#17243b;cursor:pointer;border-radius:10px;flex-shrink:0}
#menu-toggle svg{display:block;width:28px;height:28px}
#menu-toggle:hover,#menu-toggle[aria-expanded="true"]{background:#edf4ff}
#wechat .close{display:grid;place-items:center;width:40px;height:40px;min-width:40px;min-height:40px;right:12px;top:12px;padding:0;border:0;border-radius:50%;background:#f3f6fa;color:#52627a;font:400 28px/1 system-ui;cursor:pointer;-webkit-tap-highlight-color:transparent}
#wechat .close:focus{outline:none}
#wechat .close:focus-visible{outline:2px solid #87b7ff;outline-offset:3px}
#wechat .close:hover{background:#e8edf5;color:#17243b}
@media(max-width:800px){
 .hero-carousel{background:#123fba}
 .hero-carousel .hero-slide{background:linear-gradient(135deg,#124aaf 0%,#1649c7 60%,#233db4 100%)}
 .hero-carousel .industry-hero-bg{display:none}
 .hero-carousel .hero-slide:after{display:none}
 .hero-carousel .industry-hero-grid{padding:30px 20px 76px;gap:24px}
 .hero-carousel .industry-hero-grid>div:first-child{min-height:0}
 .hero-carousel .industry-kicker{font-size:12px;letter-spacing:1px;color:#cbdfff}
 .hero-carousel .hero-title{font-size:clamp(27px,7.7vw,38px)!important;line-height:1.35!important;font-weight:650;margin:14px 0 16px!important}
 .hero-carousel .hero-title>span{white-space:normal;text-wrap:balance}
 .hero-carousel p{font-size:14px;line-height:1.9;max-width:38ch;color:#e2edff}
 .hero-carousel .industry-env{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;margin-top:18px}
 .hero-carousel .industry-env span{padding:5px 9px;border:1px solid #ffffff38;border-radius:5px;background:#ffffff0a}
 .hero-carousel .actions{display:flex;gap:10px;margin-top:22px}
 .hero-carousel .actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 14px;font-size:13px;border-radius:8px}
 .hero-carousel .industry-screen{width:100%;max-width:540px;justify-self:center;padding:6px;border-radius:10px;box-shadow:0 12px 32px #09225833}
 .hero-carousel .industry-screen>span{padding:9px 4px 4px;font-size:11px;color:#52627a}
 .hero-carousel .carousel-controls{bottom:18px;padding-inline:20px}
 .hero-carousel .carousel-dots,.hero-carousel .carousel-actions{gap:6px}
 .hero-carousel .carousel-controls button{min-height:36px;padding:6px 9px}
 #wechat{max-height:calc(100dvh - 32px);overflow-y:auto;padding:54px 22px 24px}
}
.brand-domain{font-size:10px;color:#63738b;font-weight:400;letter-spacing:0}
.breadcrumbs,.editorial-crumb{font-size:14px;line-height:1.8}
.breadcrumbs a,.editorial-crumb a{color:#526780}
.about-overview{padding:56px 0;background:#fff}
.about-overview-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:start}
.about-label{display:block;font-size:13px;color:#1463d2;margin-bottom:14px}
.about-overview h2,.about-directory h2,.about-contact h2{font-size:30px;line-height:1.45;letter-spacing:0;margin:0 0 18px;color:#17243b}
.about-overview p{font-size:17px;line-height:1.95;color:#53647c;margin:0;max-width:40ch}
.about-use-list{display:grid;gap:0;border-top:1px solid #dfe6f0}
.about-use-list article{display:grid;grid-template-columns:38px 1fr;column-gap:16px;padding:20px 0;border-bottom:1px solid #dfe6f0}
.about-use-list article>span{font-size:13px;color:#1463d2;padding-top:3px}
.about-use-list h3{font-size:18px;letter-spacing:0;margin:0 0 7px}
.about-use-list p{font-size:15px;line-height:1.8;margin:0}
.about-directory{padding:48px 0 56px;background:#f6f8fc;border-block:1px solid #e7ecf4}
.about-directory-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:26px}
.about-directory-heading h2{margin:0}
.about-directory-heading p{font-size:15px;margin:0;color:#63738b}
.about-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-links>a{position:relative;padding:24px 48px 24px 24px;background:#fff;border:1px solid #e0e7f0;border-radius:10px;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.about-links>a:hover{border-color:#8bafe5;box-shadow:0 6px 20px #173f7210}
.about-links h3{font-size:18px;letter-spacing:0;margin:0 0 10px;color:#17243b}
.about-links p{font-size:14px;line-height:1.8;margin:0;color:#63738b}
.about-links>a>span{position:absolute;top:24px;right:22px;font-size:20px;color:#1463d2}
.about-contact{padding:44px 0 52px}
.about-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.about-contact h2{font-size:25px;margin-bottom:10px}
.about-contact p{font-size:16px;line-height:1.8;color:#63738b;margin:0;max-width:62ch}
.about-contact .btn{flex-shrink:0;min-height:48px}
@media(max-width:800px){.breadcrumbs,.editorial-crumb{font-size:14px}.about-overview{padding:32px 0}.about-overview-grid{grid-template-columns:1fr;gap:26px}.about-overview h2,.about-directory h2{font-size:25px}.about-overview p{font-size:16px;max-width:none}.about-use-list article{padding:18px 0}.about-directory{padding:32px 0}.about-directory-heading{display:block;margin-bottom:22px}.about-directory-heading p{margin-top:10px}.about-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.about-links>a{padding:20px 32px 20px 18px}.about-links h3{font-size:17px}.about-links>a>span{right:12px;top:20px}.about-contact{padding:30px 0 38px}.about-contact-inner{align-items:flex-start;flex-direction:column;gap:20px}.about-contact h2{font-size:24px}.about-contact p{font-size:15px}}
@media(max-width:380px){.about-links{grid-template-columns:1fr}}
/* Breadcrumbs stay readable alongside body text on every public page. */
.breadcrumbs,.editorial-crumb{font-size:16px;color:#63738b}
/* Three distinct function cards, with tags separated from explanatory copy. */
.software-functions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0}
.software-functions .function-column{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid #dde5f0;border-radius:14px;background:#fff;box-shadow:0 4px 14px #173f7204;min-width:0}
.function-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#edf4ff;color:#1761d6;margin-bottom:22px}
.function-icon svg{width:26px;height:26px}
.function-column:nth-child(2) .function-icon{background:#eaf7f6;color:#147f7b}
.function-column:nth-child(3) .function-icon{background:#f0edff;color:#7054c4}
.software-functions .function-column h3{font-size:22px;line-height:1.5;letter-spacing:0;margin:0 0 12px}
.software-functions .function-column p{font-size:16px;line-height:1.9;margin:0 0 24px;max-width:none;color:#5e7089}
.function-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:18px;border-top:1px solid #edf0f5;width:100%}
.function-tags span{display:inline-block;font-size:13px;line-height:1.5;color:#526780;background:#f4f7fb;border:1px solid #e8edf5;border-radius:5px;padding:5px 9px}
.industry-spec-note{margin-top:24px;padding:20px 24px;border:1px solid #dce6f4;border-radius:12px;background:#edf3fc;gap:16px 22px;font-size:14px}
.industry-spec-note>strong{font-size:16px;color:#17243b}
.industry-spec-note>span{white-space:nowrap}
.industry-spec-note>span b{font-weight:500;color:#1761d6;margin-right:4px}
.industry-spec-note .btn{background:white;min-height:44px;flex-shrink:0}
@media(max-width:1000px){.software-functions{gap:16px}.software-functions .function-column{padding:22px}.industry-spec-note{flex-wrap:wrap}.industry-spec-note .btn{margin-left:0}}
@media(max-width:760px){.software-functions{grid-template-columns:1fr;gap:16px;padding:0}.software-functions .function-column{padding:24px;border:1px solid #dde5f0}.function-icon{width:44px;height:44px;margin-bottom:16px}.software-functions .function-column h3{font-size:21px}.software-functions .function-column p{font-size:15px;margin-bottom:20px}.function-tags{padding-top:16px}.industry-spec-note{padding:22px;gap:14px 20px}.industry-spec-note>strong{width:100%;font-size:17px}.industry-spec-note>span{font-size:14px}.industry-spec-note .btn{width:100%;margin-top:6px}.industry-heading .text-btn{font-size:13px}}
/* Shared column explanations: use both sides of the content area. */
.feature-intro.column-explain{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:center;max-width:none;width:100%;margin:24px 0 36px;padding:32px;background:#f5f8fd;border:1px solid #dfe7f2;border-radius:14px}
.column-explain-copy{min-width:0}
.column-explain-copy h2{font-size:28px;line-height:1.5;margin:0 0 14px;letter-spacing:0}
.column-explain-copy>p{font-size:16px;line-height:1.9;color:#5e7089;margin:0}
.column-explain-copy .related-strip{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0;padding:0;border:0;background:none}
.column-explain-copy .related-strip a{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid #dbe5f3;background:white;border-radius:6px;font-size:14px;text-decoration:none;color:#1761d6}
.column-explain-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.column-explain-point{display:flex;gap:12px;align-items:flex-start;min-width:0;padding:18px;background:#fff;border:1px solid #e0e7f1;border-radius:9px}
.column-step{display:grid;place-items:center;flex:0 0 30px;height:30px;background:#edf4ff;color:#1761d6;border-radius:7px;font-size:12px}
.column-explain-point strong{display:block;font-size:16px;line-height:1.6;color:#17243b}
.column-explain .column-explain-point p{font-size:14px;line-height:1.8;color:#63738b;margin:6px 0 0}
.column-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}
.column-tool-grid .tool-detail-section{max-width:none;min-width:0;padding:28px;border:1px solid #dfe7f2;border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}
.column-tool-grid .tool-detail-section h2{font-size:22px;letter-spacing:0;line-height:1.5}
.column-tool-grid .tool-detail-section p{max-width:none;font-size:16px;line-height:1.9;margin-bottom:24px}
.column-tool-grid .tool-detail-links{width:100%;margin-top:auto;padding-top:18px;border-top:1px solid #e7edf5;flex-wrap:wrap;font-size:14px}
.column-callout.environment-block,.column-callout.partner-note{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:40px;max-width:none;padding:30px;margin-top:30px;border:1px solid #dfe7f2;border-radius:12px;background:#f5f8fd}
.column-callout-copy h2{font-size:25px;margin:0 0 14px;letter-spacing:0}
.column-callout-copy p{max-width:none;font-size:16px;line-height:1.9;margin:0;color:#63738b}
.column-callout-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.column-callout-actions .related-strip{margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap;border:0;background:none}
.column-callout-actions .related-strip a{font-size:14px;padding:9px 12px;background:white;border:1px solid #dfe7f2;border-radius:6px;text-decoration:none}
@media(max-width:1000px){.feature-intro.column-explain{gap:24px;padding:26px;grid-template-columns:1fr}.column-callout.environment-block,.column-callout.partner-note{gap:24px;grid-template-columns:1fr}}
@media(max-width:760px){.feature-intro.column-explain{padding:22px;margin:20px 0 28px;gap:24px}.column-explain-copy h2{font-size:24px}.column-explain-copy>p{font-size:15px}.column-explain-points{grid-template-columns:1fr}.column-explain-point{padding:16px}.column-tool-grid{grid-template-columns:1fr;gap:16px}.column-tool-grid .tool-detail-section{padding:24px}.column-tool-grid .tool-detail-section p{font-size:15px}.column-callout.environment-block,.column-callout.partner-note{padding:24px}.column-callout-copy p{font-size:15px}.column-callout-copy h2{font-size:23px}}
/* Sidebar product links use the same quiet surface as adjacent reading panels. */
.aside-product{padding:22px;border:1px solid #e1e7ef;border-radius:10px;background:#fff;color:#17243b}
.aside-product small{color:#8591a2;font-size:12px}
.aside-product h3{font-size:18px;font-weight:600;line-height:1.6;margin:10px 0}
.aside-product p{font-size:13px;line-height:1.85;color:#738095}
.aside-product a{border-top:1px solid #e7ecf3;color:#536b8d;font-size:13px;padding-top:12px;margin-top:14px}
.aside-product a:hover{color:#1463d2}
/* Product catalogue is a primary section: stronger headers and clear entry buttons. */
.tool-filters{gap:10px;margin-bottom:24px}
.tool-filters .filter{min-height:42px;padding:10px 19px;font-size:15px;border:1px solid #e0e7f2;border-radius:8px;background:#f5f7fb;color:#52627a}
.tool-filters .filter.active{background:#1761d6;border-color:#1761d6;color:white;box-shadow:0 4px 10px #1761d622}
.tool-grid{gap:22px}
/* Platform catalogue with individual visual identity and compact real feature lists. */
.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border:0}
.tool-grid .tool-card{--platform-accent:#1761d6;--platform-tint:#eef4ff;position:relative;padding:26px;border:1px solid #e0e7f1;border-radius:15px;background:linear-gradient(135deg,var(--platform-tint),#fff 58%);box-shadow:0 6px 22px #16345806;display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.tool-card[data-tool-platform="抖音"]{--platform-accent:#172b4b;--platform-tint:#eaf0fa}.tool-card[data-tool-platform="小红书"]{--platform-accent:#e7385c;--platform-tint:#fff0f3}.tool-card[data-tool-platform="快手"]{--platform-accent:#e96a2a;--platform-tint:#fff3e9}.tool-card[data-tool-platform="微信"]{--platform-accent:#12a278;--platform-tint:#e9f8f1}.tool-card[data-tool-platform="本地商家"]{--platform-accent:#7861c4;--platform-tint:#f2effc}
.tool-card:after{content:'';position:absolute;width:125px;height:125px;right:-39px;top:-37px;border:1px solid var(--platform-accent);border-radius:50%;opacity:.08;pointer-events:none;box-shadow:0 0 0 16px var(--platform-tint),0 0 0 17px var(--platform-accent)}
.tool-card .tool-card-top{padding:0;background:none;border:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}
.tool-platform{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:650;color:var(--platform-accent)}
.tool-platform:before{content:attr(data-symbol);display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--platform-accent);color:#fff;font-size:23px;font-weight:700;box-shadow:0 5px 12px #16345810}
.tool-index{font-size:13px;color:#9ba7b9;font-variant-numeric:tabular-nums;position:relative;z-index:1}
.tool-card h3{font-size:22px;letter-spacing:-.4px;line-height:1.5;margin:0 0 8px;color:#142744}
.tool-card .tool-kind{font-size:14px;color:#6b7c92;margin:0}
.tool-card ul{list-style:none;padding:0;margin:23px 0;display:flex;flex-wrap:wrap;gap:8px;font-size:14px;line-height:1.6;color:#425774}
.tool-card li{padding:5px 8px;border:1px solid #e3e9f1;border-radius:5px;background:#ffffffc9}.tool-card li:before{display:none}
.tool-card .tool-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 0;margin:0;margin-top:auto;border-top:1px solid #e0e7f1;font-size:13px;color:#75859a}
.tool-card-bottom a{display:inline-flex;align-items:center;min-height:38px;color:var(--platform-accent);font-size:14px;font-weight:650;text-decoration:none;border:0;background:none;padding:0}
.tool-grid .tool-card:hover{border-color:var(--platform-accent);box-shadow:0 10px 25px #16345810}
.tool-filters{gap:24px;border-bottom:0;margin-bottom:25px}.tool-filters .filter{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#63748d;font-size:15px;padding:8px 0;box-shadow:none;min-height:40px}.tool-filters .filter.active{background:none;color:#145eca;border-color:#145eca}
@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:600px){.tool-grid{grid-template-columns:1fr;gap:16px}.tool-filters{gap:18px;row-gap:5px}.tool-filters .filter{font-size:14px}.tool-card h3{font-size:22px}.tool-grid .tool-card{padding:24px}}
/* Full-bleed panoramic hero: image is the background, with live copy over it. */
.hero-carousel.hero-blue{background:#1766df;color:#fff;border-bottom:0}
.hero-blue .hero-slide{background:#1766df;min-height:580px}
.hero-backdrop{position:absolute;inset:20px 0;margin:auto;width:min(100%,1740px);height:calc(100% - 40px);object-fit:contain;object-position:center;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.hero-blue .hero-slide{background:linear-gradient(100deg,#175ac8,#2684ed 70%,#3b9ff6)}
.hero-blue .hero-slide:after{display:block;background:linear-gradient(90deg,#1558d600 0%,transparent 75%);z-index:-1}
.hero-blue .industry-hero-grid{grid-template-columns:1fr;min-height:580px;padding-block:74px 100px;gap:0}
.hero-copy{max-width:610px;position:relative}
.hero-carousel.hero-blue .hero-title{color:#fff;font-size:48px!important;line-height:1.35!important;font-weight:700;letter-spacing:-1px!important;margin:20px 0 24px!important}
.hero-blue .industry-kicker{color:#e1efff;font-size:13px;letter-spacing:2px}
.hero-carousel.hero-blue p{color:#e8f3ff;font-size:17px;line-height:1.9;max-width:34ch}
.hero-blue .industry-env{color:#e0eeff;gap:12px;font-size:13px;margin-top:24px}
.hero-blue .industry-env span,.hero-blue .industry-env span+span{padding:0;border:0;background:none}
.hero-blue .industry-env span+span:before{content:'·';margin-right:12px;color:#5a83ba}
.hero-blue .actions{margin-top:28px}.hero-blue .actions .primary{background:#fff;color:#103e80;border-color:#fff;font-weight:650}.hero-blue .actions .hero-secondary{background:#ffffff08;color:#e7f0ff;border-color:#637fa5}
.hero-blue .carousel-controls button{background:#ffffff0d;border-color:#7c9bc055;color:#c2d4ee;min-height:38px}
.hero-blue .carousel-dots button[aria-pressed=true]{background:#fff;color:#14386a;border-color:#fff}
@media(min-width:1600px){.hero-blue .hero-slide,.hero-blue .industry-hero-grid{min-height:630px}}
@media(min-width:801px) and (max-width:1100px){.hero-carousel.hero-blue .hero-title{font-size:40px!important}.hero-copy{max-width:520px}}
@media(max-width:800px){.hero-blue .hero-slide{min-height:550px}.hero-blue .industry-hero-grid{min-height:550px;padding:42px 20px 90px;align-items:center}.hero-backdrop{object-position:65% center}.hero-blue .hero-slide:after{background:linear-gradient(90deg,#1558d6eb,#1558d6c9 65%,#1558d666)}.hero-carousel.hero-blue .hero-title{font-size:clamp(30px,8vw,38px)!important;line-height:1.4!important;margin:18px 0 22px!important;letter-spacing:0!important}.hero-carousel.hero-blue p{font-size:15px;max-width:32ch}.hero-blue .industry-kicker{font-size:12px}.hero-blue .industry-env{font-size:12px;gap:9px}.hero-blue .industry-env span+span:before{margin-right:9px}.hero-blue .carousel-controls{bottom:22px}}

.hero-blue .carousel-actions{padding:5px;background:#0e4db7cc;border:1px solid #8aa6cc38;border-radius:9px;backdrop-filter:blur(6px)}.hero-blue .carousel-actions button{color:#edf4ff;background:#ffffff0b;border-color:#8aa6cc66}

/* Topic archives use their own compact layout, independent of the article sidebar. */
.container.tag-page{width:100%;max-width:1200px;margin-inline:auto;padding-top:28px;padding-bottom:56px;min-width:0}
.tag-page .editorial-crumb{font-size:14px;margin-bottom:20px}
.tag-page-heading{padding:24px 28px;margin-bottom:28px;border:1px solid #e1e8f2;border-radius:12px;background:#f5f8fd}
.tag-page-heading h1{font-size:32px;line-height:1.45;letter-spacing:0;margin:10px 0}
.tag-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}
.tag-results,.tag-sidebar{min-width:0}
.tag-results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #e1e8f2}
.tag-results-heading h2,.tag-sidebar h2{font-size:17px;letter-spacing:0;line-height:1.6}
.tag-results-heading>span{font-size:12px;color:#71819a}
.tag-page .tag-article-list>article{padding:24px 0}
.tag-page .tag-article-list h2{font-size:22px;letter-spacing:0;overflow-wrap:anywhere}
.tag-page .tag-article-list p{overflow-wrap:anywhere}
.tag-page .story-more{display:inline-flex;align-items:center;min-height:36px;margin-top:0}
.tag-sidebar{display:grid;gap:18px}
.tag-sidebar h2{margin:0 0 16px}
.tag-sidebar .tag-cloud{gap:8px}
.tag-sidebar .tag-cloud a{max-width:100%;white-space:normal}
.tag-sidebar .tag-cloud a span{flex-shrink:0}
.tag-browse nav{display:grid}
.tag-browse nav a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:14px;border-bottom:1px solid #edf0f5}
.tag-browse nav a span{color:#71819a}
.tag-software-link{display:block;font-size:13px;color:#1761d6;margin-top:18px}
@media(max-width:800px){
 .container.tag-page{padding-top:20px;padding-bottom:36px}
 .tag-page-heading{padding:22px 20px;margin-bottom:20px}
 .tag-page-heading h1{font-size:27px}
 .tag-page-heading p{font-size:13px}
 .tag-layout{display:flex;flex-direction:column;gap:24px}
 .tag-sidebar{order:-1;width:100%}
 .tag-sidebar .aside-box{padding:18px}
 .tag-sidebar .tag-browse{display:none}
 .tag-results{width:100%}
 .tag-results-heading{padding-bottom:14px}
 .tag-page .tag-article-list h2{font-size:20px}
 .tag-page .tag-article-list>article{padding:20px 0}
 .tag-page .tag-article-list p{font-size:14px}
}

/* Generated blue-white knowledge artwork; headings remain real, selectable text. */
.tag-page-heading{position:relative;isolation:isolate;overflow:hidden;min-height:240px;display:flex;align-items:center;padding:36px 40px;background:#edf4ff}
.tag-banner-art{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.tag-banner-copy{max-width:56%;min-width:0}
.tag-page-heading h1{font-size:34px;margin:12px 0;overflow-wrap:anywhere}
@media(max-width:800px){
 .tag-page-heading{min-height:210px;padding:26px 22px}
 .tag-page-heading:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#edf4fff5 0%,#edf4ffdc 48%,#edf4ff38 100%)}
 .tag-banner-art{object-position:67% center}
 .tag-banner-copy{max-width:100%}
 .tag-page-heading h1{font-size:27px;max-width:12em}
 .tag-page-heading p{max-width:20em;color:#526780}
}

.article-summary h2{letter-spacing:0;font-weight:600}