.design-style-xinxiangjia_intelligent_life_security_website_design_yog{--bg:oklch(0.985 0.013 26);--bg-sunk:oklch(0.968 0.018 26);--surface:oklch(0.962 0.02 26);--surface-2:oklch(0.976 0.016 26);--primary:oklch(0.54 0.16 26);--primary-weak:oklch(0.54 0.16 26 / .09);--secondary:oklch(0.62 0.16 354);--accent:oklch(0.66 0.18 206);--accent-2:oklch(0.78 0.14 206);--accent-weak:oklch(0.78 0.14 206 / .3);--text:oklch(0.28 0.022 26);--text-strong:oklch(0.24 0.024 26);--muted:oklch(0.47 0.02 26);--line:oklch(0.9 0.02 26);--line-strong:oklch(0.85 0.024 26);--on-dark:oklch(0.97 0.01 26);--on-dark-muted:oklch(0.87 0.018 26);--container:1140px;--container-lg:1360px;--container-xl:1600px;--gutter:clamp(16px,2.1vw,32px);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:22px;--sp-6:30px;--sp-7:42px;--sp-8:56px;--r-xs:10px;--r-sm:14px;--r-md:20px;--r-lg:26px;--r-pill:999px;--sh-1:0 1px 2px rgba(120,90,60,.06),0 1px 3px rgba(120,90,60,.08);--sh-2:0 5px 12px -3px rgba(120,90,60,.12),0 2px 5px -2px rgba(120,90,60,.08);--sh-3:0 20px 42px -14px rgba(120,90,60,.19),0 7px 16px -8px rgba(120,90,60,.11);--fs-xs:clamp(.72rem,.7rem + .1vw,.78rem);--fs-sm:clamp(.82rem,.8rem + .15vw,.9rem);--fs-md:clamp(.95rem,.9rem + .25vw,1.05rem);--fs-lg:clamp(1.12rem,1.04rem + .42vw,1.36rem);--fs-xl:clamp(1.45rem,1.28rem + .95vw,1.95rem);--fs-2xl:clamp(1.85rem,1.48rem + 1.9vw,2.8rem);--fs-3xl:clamp(2.35rem,1.78rem + 2.9vw,3.5rem);--lh-tight:1.12;--lh-snug:1.3;--lh-body:1.62;--ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--t-fast:.15s;--t-base:.25s;--t-slow:.45s;background:var(--bg);color:var(--text);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600;letter-spacing:-.02em;line-height:var(--lh-body);overflow-wrap:break-word;position:relative;display:block;isolation:isolate}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog *,.design-style-xinxiangjia_intelligent_life_security_website_design_yog *::before,.design-style-xinxiangjia_intelligent_life_security_website_design_yog *::after{box-sizing:border-box;min-width:0}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog img,.design-style-xinxiangjia_intelligent_life_security_website_design_yog svg,.design-style-xinxiangjia_intelligent_life_security_website_design_yog table{max-width:100%}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog img{height:auto;display:block}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog a{color:inherit;text-decoration:none}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog ul,.design-style-xinxiangjia_intelligent_life_security_website_design_yog ol{margin:0;padding:0;list-style:none}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog h1,.design-style-xinxiangjia_intelligent_life_security_website_design_yog h2,.design-style-xinxiangjia_intelligent_life_security_website_design_yog h3,.design-style-xinxiangjia_intelligent_life_security_website_design_yog h4,.design-style-xinxiangjia_intelligent_life_security_website_design_yog p,.design-style-xinxiangjia_intelligent_life_security_website_design_yog figure,.design-style-xinxiangjia_intelligent_life_security_website_design_yog blockquote{margin:0}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-sec{padding-block:var(--sp-7);position:relative}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-sec--tight{padding-block:var(--sp-6)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:800;letter-spacing:.12em;color:var(--primary);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-3);text-transform:uppercase;box-shadow:inset 0 1px 0 oklch(1 0 0 / .7)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);flex:none}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-h2{font-size:var(--fs-2xl);line-height:var(--lh-tight);letter-spacing:-.045em;font-weight:900;margin-top:var(--sp-3);color:var(--text-strong);text-wrap:balance}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-sub{font-size:var(--fs-md);color:var(--muted);font-weight:500;max-width:62ch;margin-top:var(--sp-3);line-height:var(--lh-body);text-wrap:pretty}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-note{display:inline-block;font-size:var(--fs-sm);color:var(--primary);font-weight:800;background:var(--primary-weak);border:1px solid oklch(0.54 0.16 26 / .16);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-3);align-self:flex-end}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-topbar{position:relative;z-index:5;background:var(--text);color:oklch(0.94 0.01 26);font-size:var(--fs-sm);font-weight:700;letter-spacing:.01em;border-bottom:1px solid oklch(0.4 0.04 26 / .8)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-topbar .x-wrap{display:flex;align-items:center;gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;padding-block:var(--sp-2);min-height:42px}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-topbar b{color:oklch(0.87 0.11 206);font-weight:900;letter-spacing:.01em}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-topbar span{color:oklch(0.8 0.018 26);font-weight:500;flex:1 1 200px}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-nav{position:sticky;top:0;z-index:6;background:oklch(0.985 0.013 26 / .84);-webkit-backdrop-filter:blur(14px) saturate(140%);
backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line);box-shadow:0 1px 0 oklch(1 0 0 / .6)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-nav .x-wrap{display:flex;align-items:center;gap:var(--sp-4);min-height:58px;flex-wrap:wrap}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-logo{display:flex;align-items:center;gap:var(--sp-2);font-weight:900;font-size:var(--fs-lg);letter-spacing:-.04em;color:var(--text-strong)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-logo em{font-style:normal;width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--primary);color:var(--on-dark);font-size:16px;flex:none;box-shadow:var(--sh-2)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-anchors{display:flex;gap:var(--sp-1);margin-left:auto;flex-wrap:wrap;align-items:center}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-anchors a{font-size:var(--fs-sm);font-weight:700;color:var(--muted);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);border:1px solid transparent;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-anchors a:hover{color:var(--text);background:var(--surface-2);border-color:var(--line);transform:translateY(-1px)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-anchors a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cta-mini{margin-left:var(--sp-3);background:var(--primary);color:var(--on-dark);font-size:var(--fs-sm);font-weight:800;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);box-shadow:var(--sh-2);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cta-mini:hover{transform:translateY(-2px);box-shadow:var(--sh-3),0 0 0 3px var(--accent-weak)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cta-mini:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,oklch(0.975 0.026 26) 0%,var(--bg) 74%);padding-top:var(--sp-5);padding-bottom:var(--sp-7)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-wave{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:130px;pointer-events:none;z-index:0;opacity:.5}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-hero .x-wrap{position:relative;z-index:1}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--sp-6);align-items:center}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-hero h1{font-size:var(--fs-3xl);font-weight:900;line-height:var(--lh-tight);letter-spacing:-.05em;margin-top:var(--sp-4);color:var(--text-strong);text-wrap:balance}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-hero h1 mark{background:linear-gradient(180deg,transparent 62%,oklch(0.78 0.14 206 / .5) 62%);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:2px}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-hero-lead{font-size:var(--fs-md);color:var(--muted);font-weight:500;margin-top:var(--sp-4);max-width:58ch}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-hero-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-5)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);font-weight:800;font-size:var(--fs-sm);border:1px solid transparent;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-btn--primary{background:var(--primary);color:var(--on-dark);box-shadow:var(--sh-2)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-btn--primary:hover{transform:translateY(-3px);box-shadow:var(--sh-3),0 0 0 4px oklch(0.66 0.18 206 / .28)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-btn--ghost{background:oklch(0.985 0.013 26 / .72);border-color:var(--line);color:var(--text);-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-btn--ghost:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:oklch(0.66 0.18 206 / .5)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-6);border-top:1px dashed var(--line-strong);padding-top:var(--sp-4)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-stat b{display:block;font-size:var(--fs-xl);font-weight:900;letter-spacing:-.05em;color:var(--primary);line-height:1.05}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-stat span{display:block;font-size:var(--fs-xs);color:var(--muted);font-weight:600;margin-top:var(--sp-1);line-height:var(--lh-snug)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-figure{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-3);border:1px solid oklch(0.99 0.01 26 / .9);background:var(--surface)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-figure img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform var(--t-slow) var(--ease-out)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-figure:hover img{transform:scale(1.04)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,oklch(0.66 0.18 206 / .1) 0%,transparent 38%,oklch(0.54 0.16 26 / .2) 100%);pointer-events:none}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-glass{position:absolute;left:var(--sp-4);bottom:var(--sp-4);right:var(--sp-4);z-index:2;background:oklch(0.985 0.013 26 / .66);-webkit-backdrop-filter:blur(16px) saturate(150%);
backdrop-filter:blur(16px) saturate(150%);border:1px solid oklch(0.99 0.01 26 / .8);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);box-shadow:inset 0 1px 0 oklch(1 0 0 / .85),var(--sh-2)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-glass strong{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:900;color:var(--text-strong)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-glass p{font-size:var(--fs-xs);color:var(--muted);font-weight:500;margin-top:var(--sp-1);line-height:var(--lh-snug)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none;box-shadow:0 0 0 4px var(--accent-weak);animation:x-breathe 2.6s var(--ease-out) infinite}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cards-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-stagger-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cap{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-1);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease);overflow:hidden}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cap::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,oklch(1 0 0 / .95),transparent);pointer-events:none}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cap:hover{transform:translateY(-5px);box-shadow:var(--sh-3),0 0 0 2px oklch(0.66 0.18 206 / .32);border-color:oklch(0.78 0.14 206 / .55)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cap--wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--sp-5);align-items:center}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cap:nth-child(2){margin-top:var(--sp-4)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cap-ico{width:42px;height:42px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--primary-weak);color:var(--primary);font-size:20px;box-shadow:inset 0 1px 0 oklch(1 0 0 / .9);flex:none}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cap h3{font-size:var(--fs-lg);font-weight:900;letter-spacing:-.035em;margin-top:var(--sp-4);color:var(--text-strong);line-height:var(--lh-snug)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cap p{font-size:var(--fs-sm);color:var(--muted);font-weight:500;margin-top:var(--sp-2);line-height:var(--lh-body)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);margin-top:var(--sp-4)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-kv li{font-size:var(--fs-xs);font-weight:700;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);line-height:var(--lh-snug)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-kv li b{color:var(--accent);font-weight:900;letter-spacing:-.01em}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-img-round{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-md);box-shadow:var(--sh-2)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-news article{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-1);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease);display:flex;flex-direction:column}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-news article:hover{transform:translateY(-4px);box-shadow:var(--sh-2),0 0 0 2px oklch(0.78 0.14 206 / .36);border-color:oklch(0.78 0.14 206 / .5)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-news img{width:100%;aspect-ratio:16/9;object-fit:cover}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-news .x-news-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);flex:1 1 auto}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-news time{font-size:var(--fs-xs);font-weight:800;color:var(--accent);letter-spacing:.06em}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-news h3{font-size:var(--fs-md);font-weight:900;letter-spacing:-.03em;line-height:var(--lh-snug);color:var(--text-strong)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-news p{font-size:var(--fs-sm);color:var(--muted);font-weight:500;margin:0}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-quote{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:var(--sp-3);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-quote:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-quote p{font-size:var(--fs-sm);font-weight:600;color:var(--text);line-height:var(--lh-body);flex:1 1 auto}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-quote footer{display:flex;align-items:center;gap:var(--sp-3);margin-top:auto;padding-top:var(--sp-3);border-top:1px solid var(--line)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-xs);font-weight:900;background:oklch(0.62 0.16 354 / .14);color:var(--secondary);flex:none}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-quote cite{font-style:normal;font-size:var(--fs-xs);font-weight:800;display:block;color:var(--text-strong)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-quote footer span{font-size:var(--fs-xs);color:var(--muted);font-weight:600}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);align-items:start}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-faq details{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1);transition:box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);overflow:hidden}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-faq details[open]{border-color:oklch(0.78 0.14 206 / .6);box-shadow:var(--sh-2),0 0 0 2px oklch(0.78 0.14 206 / .2)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);font-size:var(--fs-sm);font-weight:900;letter-spacing:-.02em;min-height:44px;color:var(--text-strong);transition:background var(--t-fast) var(--ease)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-faq summary:hover{background:var(--surface-2)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-faq summary::-webkit-details-marker{display:none}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-faq summary i{width:22px;height:22px;border-radius:var(--r-pill);display:grid;place-items:center;background:oklch(0.66 0.18 206 / .15);color:var(--accent);font-style:normal;font-size:14px;font-weight:900;flex:none;transition:transform var(--t-base) var(--ease-out)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-faq details[open] summary i{transform:rotate(45deg)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-faq .x-ans{padding:0 var(--sp-4) var(--sp-4);font-size:var(--fs-sm);color:var(--muted);font-weight:500;line-height:var(--lh-body)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp caption{text-align:left;padding:var(--sp-4) var(--sp-4) 0;font-size:var(--fs-xs);font-weight:800;color:var(--muted);letter-spacing:.04em}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp th,.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp td{padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--line);font-weight:600;vertical-align:top}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp thead th{background:var(--primary-weak);font-weight:900;font-size:var(--fs-xs);letter-spacing:.03em;color:var(--text-strong)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp tbody th{font-weight:800;color:var(--text-strong)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp tbody tr:hover{background:var(--surface-2)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp td .ok{color:var(--accent);font-weight:900}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp td .no{color:var(--muted)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp tr:last-child th,.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp tr:last-child td{border-bottom:none}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-guide{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--sp-5);align-items:start}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-steps{counter-reset:g;display:grid;gap:var(--sp-3)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-steps li{counter-increment:g;position:relative;padding:var(--sp-4) var(--sp-4) var(--sp-4) calc(var(--sp-6) + var(--sp-2));background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1);font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-body);transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-steps li:hover{transform:translateX(4px);box-shadow:var(--sh-2);border-color:var(--line-strong)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-steps li::before{content:counter(g,decimal-leading-zero);position:absolute;left:var(--sp-4);top:var(--sp-4);font-weight:900;font-size:var(--fs-sm);color:var(--accent);letter-spacing:-.03em}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-steps li b{display:block;font-weight:900;color:var(--text-strong);margin-bottom:var(--sp-1)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-4)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-metric{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--sh-1);transition:box-shadow var(--t-base) var(--ease),transform var(--t-base) var(--ease-out)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-metric:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-metric b{display:block;font-size:var(--fs-xl);font-weight:900;letter-spacing:-.05em;color:var(--primary);line-height:1.05}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-metric span{font-size:var(--fs-xs);color:var(--muted);font-weight:600;display:block;margin-top:var(--sp-1);line-height:var(--lh-snug)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-band{background:linear-gradient(120deg,oklch(0.28 0.022 26) 0%,oklch(0.33 0.05 26) 55%,oklch(0.35 0.07 354) 100%);color:var(--on-dark);border-radius:var(--r-lg);padding:var(--sp-6);box-shadow:var(--sh-3);position:relative;overflow:hidden}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-band::after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,oklch(0.66 0.18 206 / .42),transparent 70%);pointer-events:none}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-band .x-wrap{position:relative;z-index:1;padding-inline:0}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-band-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--sp-5);align-items:center}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-band h2{font-size:var(--fs-xl);font-weight:900;letter-spacing:-.045em;line-height:var(--lh-tight);text-wrap:balance}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-band p{font-size:var(--fs-sm);font-weight:500;color:var(--on-dark-muted);margin-top:var(--sp-3);max-width:56ch}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-band .x-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:flex-end}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-btn--light{background:oklch(0.985 0.013 26);color:var(--text-strong);box-shadow:var(--sh-2)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-btn--light:hover{transform:translateY(-3px);box-shadow:var(--sh-3),0 0 0 4px oklch(0.78 0.14 206 / .4)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-btn--outline{border-color:oklch(0.98 0.01 26 / .5);color:var(--on-dark)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-btn--outline:hover{transform:translateY(-3px);background:oklch(0.98 0.01 26 / .12);box-shadow:0 0 0 3px oklch(0.78 0.14 206 / .32)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-footer{background:var(--surface);border-top:1px solid var(--line);padding-block:var(--sp-6) var(--sp-5)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,.9fr));gap:var(--sp-5)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-foot-grid h4{font-size:var(--fs-sm);font-weight:900;letter-spacing:.02em;margin-bottom:var(--sp-3);color:var(--text-strong)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-foot-grid li{font-size:var(--fs-sm);color:var(--muted);font-weight:600;padding-block:var(--sp-1);line-height:var(--lh-snug)}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-foot-grid p{font-size:var(--fs-sm);color:var(--muted);font-weight:500;margin-top:var(--sp-3);max-width:42ch}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-foot-bar{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px dashed var(--line-strong);display:flex;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--muted);font-weight:600}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-reveal{animation:x-rise .7s var(--ease-out) both}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-d1{animation-delay:.06s}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-d2{animation-delay:.14s}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-d3{animation-delay:.22s}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-d4{animation-delay:.3s}
.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-d5{animation-delay:.38s}
@keyframes x-rise{from{transform:translateY(16px)}to{transform:translateY(0)}}
@keyframes x-breathe{0%,100%{transform:scale(1);box-shadow:0 0 0 4px var(--accent-weak)}50%{transform:scale(1.18);box-shadow:0 0 0 7px oklch(0.78 0.14 206 / .12)}}
@media (min-width:1600px){.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-wrap{max-width:var(--container-lg)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-news{grid-template-columns:repeat(4,minmax(0,1fr))}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-quotes{grid-template-columns:repeat(3,minmax(0,1fr))}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-stagger-2{grid-template-columns:repeat(3,minmax(0,1fr))}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cap--wide{grid-column:1/-1}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-sec{padding-block:var(--sp-8)}}
@media (min-width:2100px){.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-wrap{max-width:var(--container-xl)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-hero-grid{gap:var(--sp-8)}}
@media (max-width:1024px){.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--sp-5)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-news{grid-template-columns:repeat(2,minmax(0,1fr))}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-quotes{grid-template-columns:minmax(0,1fr)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-guide{grid-template-columns:minmax(0,1fr)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-band-grid{grid-template-columns:minmax(0,1fr)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-band .x-actions{justify-content:flex-start}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-anchors{order:3;width:100%;margin-left:0;padding-bottom:var(--sp-2)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cta-mini{margin-left:auto}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-note{align-self:flex-start}}
@media (max-width:640px){.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-sec{padding-block:var(--sp-6)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-hero{padding-bottom:var(--sp-6)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-stagger-2{grid-template-columns:minmax(0,1fr)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cap:nth-child(2){margin-top:0}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cap--wide{grid-template-columns:minmax(0,1fr)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-news{grid-template-columns:minmax(0,1fr)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-faq{grid-template-columns:minmax(0,1fr)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-metrics{grid-template-columns:minmax(0,1fr)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-stats{grid-template-columns:minmax(0,1fr);gap:var(--sp-2)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp{overflow-x:auto;-webkit-overflow-scrolling:touch}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cmp table{min-width:560px}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-band{padding:var(--sp-5)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-foot-grid{grid-template-columns:minmax(0,1fr)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-glass{position:static;margin-top:var(--sp-3)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-figure::after{background:linear-gradient(180deg,oklch(0.66 0.18 206 / .1),oklch(0.54 0.16 26 / .14))}}
@media (max-width:380px){.design-style-xinxiangjia_intelligent_life_security_website_design_yog{--gutter:14px}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-hero h1{font-size:clamp(1.7rem,7vw,2.1rem);letter-spacing:-.04em}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-cap,.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-quote,.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-band{padding:var(--sp-4)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-kv{grid-template-columns:minmax(0,1fr)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-btn{width:100%}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-anchors a{padding:var(--sp-2);font-size:var(--fs-xs)}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-topbar span{font-size:var(--fs-xs)}}
@media (prefers-reduced-motion:reduce){.design-style-xinxiangjia_intelligent_life_security_website_design_yog *{animation:none !important;transition-duration:.01ms !important}.design-style-xinxiangjia_intelligent_life_security_website_design_yog .x-figure:hover img{transform:none}}