.cl-case-hero[data-v-5dd4144e]{background:#dce8ed;display:grid;height:600px;overflow:hidden;place-items:center;position:relative}.cl-case-backdrop[data-v-5dd4144e],.cl-case-backdrop img[data-v-5dd4144e]{height:100%;inset:0;position:absolute;width:100%}.cl-case-backdrop[data-v-5dd4144e]{margin:0}.cl-case-backdrop img[data-v-5dd4144e]{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.cl-case-title[data-v-5dd4144e]{color:#fff;font-size:45px;font-weight:700;letter-spacing:.02em;line-height:1.2;margin:0;position:relative}@media(max-width:639px){.cl-case-hero[data-v-5dd4144e]{height:300px}.cl-case-title[data-v-5dd4144e]{font-size:40px}}.list-case-library[data-v-f183edfa]{background:#fff}.list-case-library-inner[data-v-f183edfa]{padding:70px 0 96px}.list-case-filter-reset[data-v-f183edfa]:focus-visible,.list-case-filter-tag[data-v-f183edfa]:focus-visible{outline:2px solid #7da4f6;outline-offset:2px}.list-case-layout[data-v-f183edfa]{align-items:start;display:grid;gap:36px;grid-template-columns:220px minmax(0,1fr)}.list-case-filter[data-v-f183edfa]{min-width:0}.list-case-filter-head[data-v-f183edfa]{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:0 5px 8px}.list-case-filter-head h3[data-v-f183edfa]{color:#222;font-size:20px;font-weight:700;line-height:1.5;margin:0}.list-case-filter-state[data-v-f183edfa]{border-top:1px solid #ddd;color:#999;font-size:12px;line-height:1.7;margin:0;padding:12px 5px 0}.list-case-filter-reset[data-v-f183edfa]{background:transparent;border:0;color:#666;font-size:11px;padding:2px 0;transition:color .2s ease}.list-case-filter-reset[data-v-f183edfa]:focus-visible,.list-case-filter-reset[data-v-f183edfa]:hover{color:#111}.list-case-filter-groups[data-v-f183edfa]{display:grid}.list-case-filter-group[data-v-f183edfa]{border:0;margin:0;min-width:0;padding:0 5px 12px}.list-case-filter-group legend[data-v-f183edfa]{border-top:1px solid #ddd;box-sizing:border-box;color:#999;font-size:13px;line-height:1.5;margin-bottom:10px;padding:10px 0 0;width:100%}.list-case-filter-tags[data-v-f183edfa]{display:flex;flex-wrap:wrap;gap:10px}.list-case-filter-tag[data-v-f183edfa]{align-items:center;background:transparent;border:1px solid #bbb;border-radius:5px;box-sizing:border-box;color:#666;display:inline-flex;font-size:10px;height:28px;justify-content:center;line-height:1;min-width:35px;padding:0 10px;text-align:center;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.list-case-filter-tag[data-v-f183edfa]:hover:not(:disabled){background:#666;border-color:#666;color:#fff}.list-case-filter-tag.is-active[data-v-f183edfa]{background:#666;border-color:#666;color:#fff}.list-case-filter-tag[data-v-f183edfa]:disabled{cursor:not-allowed;opacity:.4}.list-case-results[data-v-f183edfa]{min-width:0}.list-case-grid[data-v-f183edfa]{display:grid;gap:30px 24px;grid-template-columns:repeat(3,minmax(0,1fr));transition:opacity .2s ease}.list-case-grid.is-pending[data-v-f183edfa]{opacity:.55}.list-case-state[data-v-f183edfa]{color:#64748b;padding:96px 0;text-align:center}@media(max-width:1100px){.list-case-layout[data-v-f183edfa]{gap:24px;grid-template-columns:200px minmax(0,1fr)}.list-case-grid[data-v-f183edfa]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.list-case-layout[data-v-f183edfa]{grid-template-columns:1fr}.list-case-filter-groups[data-v-f183edfa]{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.list-case-filter-group[data-v-f183edfa],.list-case-filter-group[data-v-f183edfa]:last-child{border-bottom:0;border-right:1px solid #ddd;padding:12px 20px 0 0}.list-case-filter-group[data-v-f183edfa]:last-child{border-right:0}}@media(max-width:639px){.list-case-library-inner[data-v-f183edfa]{padding:44px 0 68px}.list-case-filter-groups[data-v-f183edfa],.list-case-grid[data-v-f183edfa]{grid-template-columns:1fr}.list-case-filter-group[data-v-f183edfa],.list-case-filter-group[data-v-f183edfa]:last-child{border-bottom:0;border-right:0;padding:12px 5px}.list-case-filter-group[data-v-f183edfa]:last-child{padding-bottom:0}}.product-catalog[data-v-ef229aa7]{background:#fff}.product-catalog__container[data-v-ef229aa7]{max-width:1360px}.product-catalog__stage[data-v-ef229aa7]{align-items:center;display:grid;gap:clamp(48px,5vw,80px);grid-template-columns:minmax(0,1fr) minmax(480px,1fr);padding:28px 0 36px}.product-catalog__grid[data-v-ef229aa7]{display:grid;gap:32px 24px;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;max-width:620px;width:100%}.product-entry[data-v-ef229aa7]{align-items:center;background:transparent;border-radius:12px;box-sizing:border-box;color:#74777d;display:flex;flex-direction:column;justify-content:center;min-height:116px;min-width:0;outline:none;padding:12px 10px;text-align:center;text-decoration:none;transition:color .18s ease,background-color .18s ease}.product-entry[data-v-ef229aa7]:focus-visible,.product-entry[data-v-ef229aa7]:hover{background:#f6f7f8;color:#1f2228}.product-entry[data-v-ef229aa7]:focus-visible{box-shadow:0 0 0 2px var(--civic-product-accent)}.product-entry__icon[data-v-ef229aa7]{color:#85888d;flex:none;height:48px;margin-bottom:16px;-o-object-fit:contain;object-fit:contain;transition:color .18s ease,transform .18s ease;width:48px}.product-entry:focus-visible .product-entry__icon[data-v-ef229aa7],.product-entry:hover .product-entry__icon[data-v-ef229aa7]{color:var(--civic-product-accent);transform:translateY(-2px)}.product-entry__name[data-v-ef229aa7]{display:-webkit-box;font-size:16px;line-height:1.45;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-catalog__visual[data-v-ef229aa7]{aspect-ratio:1;background:#fff;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);justify-self:center;margin:0;max-width:620px;overflow:hidden;padding:12px;place-items:center;width:100%}.product-catalog__visual img[data-v-ef229aa7]{display:block;height:auto;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.product-catalog__state[data-v-ef229aa7]{color:#777b82;display:grid;font-size:14px;min-height:620px;place-items:center}@media(max-width:959px){.product-catalog__stage[data-v-ef229aa7]{gap:28px;grid-template-columns:1fr;padding:24px 0 32px}.product-catalog__visual[data-v-ef229aa7]{aspect-ratio:4 / 3;max-width:520px}.product-catalog__state[data-v-ef229aa7]{min-height:360px}}@media(max-width:639px){.product-catalog__stage[data-v-ef229aa7]{gap:20px;padding:16px 0 28px}.product-catalog__grid[data-v-ef229aa7]{gap:12px}.product-entry[data-v-ef229aa7]{background:#f7f7f8;min-height:96px}.product-entry__icon[data-v-ef229aa7]{height:38px;margin-bottom:12px;width:38px}.product-entry__name[data-v-ef229aa7]{font-size:14px}.product-catalog__visual[data-v-ef229aa7]{max-width:400px;padding:8px}}.solution-card[data-v-335adc67]{background:#232323;border-radius:.2083vw;color:#fff;display:grid;grid-template-columns:69.25% 28.25%;justify-content:space-between;min-width:0;padding:1.25vw;text-decoration:none}.solution-card-media[data-v-335adc67]{background:#191919;border-radius:.2083vw;min-height:59.54vw;overflow:hidden;position:relative}.solution-card-image[data-v-335adc67]{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;transition:opacity .25s,transform .6s;width:100%}.solution-card-image.is-loaded[data-v-335adc67]{opacity:1}.solution-card-placeholder[data-v-335adc67]{background:linear-gradient(135deg,#292929,#151515);color:#777;display:grid;inset:0;place-content:center;position:absolute}.solution-card-placeholder-mark[data-v-335adc67]{font-size:clamp(40px,5vw,72px);font-weight:250;letter-spacing:.12em}.solution-card-placeholder-line[data-v-335adc67]{background:#666;height:1px;margin:16px auto;width:34px}.solution-card-body[data-v-335adc67]{display:flex;flex-direction:column;min-width:0;padding-top:.5208vw}.solution-card-title[data-v-335adc67]{font-size:max(22px,1.67vw);font-weight:700;line-height:1.5;margin:0;overflow-wrap:anywhere;padding:0 1.0937vw}.solution-card-summary[data-v-335adc67]{color:#ddd;font-size:max(13px,.9375vw);line-height:1.7;margin:8px 0 20px;padding:0 1.0937vw}.solution-card-specs[data-v-335adc67]{background:#191919;border-radius:4px;margin:0 0 4px;padding:1.5vw .8333vw .9739vw}.solution-card-specs-title[data-v-335adc67]{font-size:max(12px,.9375vw);margin:0 0 12px}.solution-card-spec-row[data-v-335adc67]{border-bottom:1px solid #555;display:grid;font-size:max(12px,.9375vw);gap:.5vw;grid-template-columns:6.2vw minmax(0,1fr);padding:.5729vw 0}.solution-card-spec-row[data-v-335adc67]:last-child{border-bottom:0}.solution-card-tags[data-v-335adc67]{align-items:flex-start;display:flex;flex-direction:column;gap:.3729vw;list-style:none;margin:0;padding:0}.solution-card-tags li[data-v-335adc67]{align-items:center;background:#333;box-sizing:border-box;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%);display:flex;font-size:max(10px,.6291vw);line-height:1.5;max-width:100%;min-height:2vw;padding:.2vw 1.1vw .2vw .5vw}.solution-card-more[data-v-335adc67]{background:#fff;border-radius:4px;color:#000;display:grid;font-size:max(13px,.9375vw);margin:0;min-height:1.9791vw;place-items:center;transition:background .2s;width:min(100%,12.3vw)}.solution-card-footer[data-v-335adc67]{margin-top:auto;padding:1vw 1.0937vw 0}.solution-card-note[data-v-335adc67]{color:#888;font-size:max(10px,.625vw);line-height:1.5;margin:.833vw 0 0}.solution-card:hover .solution-card-more[data-v-335adc67]{background:#ccc}.solution-card:hover .solution-card-image[data-v-335adc67]{transform:scale(1.025)}.solution-card[data-v-335adc67]:focus-visible{outline:2px solid #fff;outline-offset:5px}@media(max-width:900px){.solution-card[data-v-335adc67]{border-radius:4px;grid-template-columns:1fr;overflow:hidden;padding:0}.solution-card-media[data-v-335adc67]{aspect-ratio:4 / 3;border-radius:0;min-height:0}.solution-card-body[data-v-335adc67]{padding:20px}.solution-card-title[data-v-335adc67]{font-size:22px;padding:0}.solution-card-summary[data-v-335adc67]{font-size:13px;padding:0}.solution-card-specs[data-v-335adc67]{margin-bottom:24px;padding:16px}.solution-card-footer[data-v-335adc67]{padding:0}.solution-card-spec-row[data-v-335adc67]{gap:12px;grid-template-columns:80px minmax(0,1fr);padding:12px 0}.solution-card-tags[data-v-335adc67]{gap:6px}.solution-card-tags li[data-v-335adc67]{font-size:11px;min-height:28px;padding:4px 16px 4px 8px}.solution-card-more[data-v-335adc67]{min-height:40px;width:180px}}@media(prefers-reduced-motion:reduce){.solution-card-image[data-v-335adc67],.solution-card-more[data-v-335adc67]{transition:none}}.solution-library[data-v-08448115]{background:#000;color:#fff;min-height:70vh}.solution-filter[data-v-08448115]{--filter-unit: max(1px, .048828125vw);-webkit-backdrop-filter:saturate(150%) blur(20px);backdrop-filter:saturate(150%) blur(20px);background:#000000bf;font-family:Microsoft YaHei,Arial,Helvetica Neue,Helvetica,sans-serif;inset:0 0 auto;position:fixed;transform:translateY(72px);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:40}.solution-filter.is-scrolled[data-v-08448115]{transform:translateY(0)}.solution-filter-dropdown[data-v-08448115]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease,visibility .5s;visibility:hidden}.solution-filter-dropdown.is-expanded[data-v-08448115]{grid-template-rows:1fr;visibility:visible}.solution-filter-clip[data-v-08448115]{min-height:0;overflow:hidden}.solution-filter-spacer[data-v-08448115]{overflow-anchor:none;transition:height .5s ease}.solution-filter-heading[data-v-08448115]{align-items:center;display:flex;font-size:calc(var(--filter-unit)*14);height:calc(var(--filter-unit)*50);justify-content:space-between;margin:0 calc(var(--filter-unit)*100)}.solution-filter-heading p[data-v-08448115]{margin:0}.solution-filter-toggle[data-v-08448115]{align-items:center;background:transparent;border:0;color:inherit;display:flex;gap:calc(var(--filter-unit)*12);padding:calc(var(--filter-unit)*10) 0}.solution-filter-toggle span[data-v-08448115]{transition:transform .2s}.solution-filter-toggle .is-open[data-v-08448115]{transform:rotate(180deg)}.solution-filter-panel[data-v-08448115]{box-sizing:border-box;display:flex;flex-direction:column;max-height:calc(100dvh - 122px);min-height:calc(var(--filter-unit)*352);overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--filter-unit)*40) calc(var(--filter-unit)*100) calc(var(--filter-unit)*32)}.solution-filter-group[data-v-08448115]{align-items:flex-start;display:flex;gap:calc(var(--filter-unit)*42);margin-bottom:calc(var(--filter-unit)*32)}.solution-filter-label[data-v-08448115]{flex:0 0 calc(var(--filter-unit)*57);font-size:calc(var(--filter-unit)*14);line-height:calc(var(--filter-unit)*22);padding-top:calc(var(--filter-unit)*5);-moz-text-align-last:justify;text-align-last:justify}.solution-tags[data-v-08448115]{display:flex;flex-wrap:wrap;gap:calc(var(--filter-unit)*10)}.solution-tag[data-v-08448115]{background:#232323;border:0;border-radius:calc(var(--filter-unit)*4);color:#fff;font-size:calc(var(--filter-unit)*12);line-height:1;padding:calc(var(--filter-unit)*8) calc(var(--filter-unit)*14);transition:background .3s,color .3s}.solution-tag.is-active[data-v-08448115]{background:#fff;color:#000}.solution-tag[data-v-08448115]:hover:not(:disabled):not(.is-active){background:#383838}.solution-search[data-v-08448115]{position:relative;width:min(100%,calc(var(--filter-unit)*340))}.solution-search input[data-v-08448115]{background:#232323;border:calc(var(--filter-unit)*1) solid #444;border-radius:calc(var(--filter-unit)*4);box-sizing:border-box;color:#fff;font-size:calc(var(--filter-unit)*12);padding:calc(var(--filter-unit)*8) calc(var(--filter-unit)*36) calc(var(--filter-unit)*8) calc(var(--filter-unit)*14);width:100%}.solution-search>span[data-v-08448115]{pointer-events:none;position:absolute;right:calc(var(--filter-unit)*12);top:calc(var(--filter-unit)*10)}.solution-filter-actions[data-v-08448115]{display:flex;gap:calc(var(--filter-unit)*14);margin-top:auto}.solution-filter-actions button[data-v-08448115]{border:calc(var(--filter-unit)*1) solid #fff;border-radius:calc(var(--filter-unit)*4);box-sizing:border-box;font-family:Arial,sans-serif;font-size:calc(var(--filter-unit)*14);font-weight:400;height:calc(var(--filter-unit)*40);line-height:normal;padding:0;width:calc(var(--filter-unit)*151)}.solution-apply[data-v-08448115]{background:#fff;color:#000}.solution-reset[data-v-08448115]{background:transparent;color:#fff}.solution-filter-actions button[data-v-08448115]:disabled{background:transparent;border-color:#ffffffb3;color:#ffffffb3}button[data-v-08448115]:disabled{cursor:not-allowed}button[data-v-08448115]:focus-visible,input[data-v-08448115]:focus-visible{outline:calc(var(--filter-unit)*2) solid #fff;outline-offset:calc(var(--filter-unit)*4)}.solution-results[data-v-08448115]{padding:160px 9.5% 80px}.solution-list[data-v-08448115]{display:grid;gap:1.5625vw}.solution-state[data-v-08448115]{color:#aaa;padding:80px 0;text-align:center}.solution-state-note[data-v-08448115]{color:#aaa;font-size:14px;margin:0 0 32px}.solution-end[data-v-08448115]{color:#777;font-size:12px;margin:50px 0 0;text-align:center}.solution-pagination[data-v-08448115]{align-items:center;display:flex;font-size:14px;gap:24px;justify-content:center;margin-top:48px}.solution-pagination button[data-v-08448115]{background:transparent;border:1px solid #777;border-radius:4px;color:#fff;padding:10px 20px}@media(max-width:1200px){.solution-filter-heading[data-v-08448115]{margin-inline:20px}.solution-filter-panel[data-v-08448115]{padding-inline:20px}}@media(max-width:900px){.solution-filter-heading[data-v-08448115]{flex-direction:row-reverse;font-size:12px;height:56px}.solution-filter[data-v-08448115]{--filter-unit: 1px}.solution-filter-panel[data-v-08448115]{min-height:0;padding-top:20px}.solution-filter-group[data-v-08448115]{gap:18px;margin-bottom:22px}.solution-filter-label[data-v-08448115]{flex-basis:64px;font-size:12px}.solution-tags[data-v-08448115]{gap:6px}.solution-tag[data-v-08448115]{font-size:12px;min-height:32px;padding:7px 10px}.solution-filter-actions[data-v-08448115]{flex-direction:row-reverse;justify-content:center;padding-top:8px}.solution-results[data-v-08448115]{padding:18.6667vw 3.5% 60px}.solution-list[data-v-08448115]{gap:22px}}@media(max-width:900px){.solution-filter-spacer[data-v-08448115]{min-height:0}}@media(max-width:639px){.solution-filter[data-v-08448115]{transform:translateY(56px)}.solution-filter.is-scrolled[data-v-08448115]{transform:translateY(0)}.solution-filter-panel[data-v-08448115]{max-height:calc(100dvh - 112px)}}@media(prefers-reduced-motion:reduce){.solution-filter[data-v-08448115],.solution-filter-dropdown[data-v-08448115],.solution-filter-spacer[data-v-08448115],.solution-filter-toggle span[data-v-08448115]{transition:none}}