.camera-page{background:#fff;color:#000;font-family:PingFang SC,sans-serif;overflow:hidden;width:100%}.camera-page,.camera-page *{box-sizing:border-box}.camera-page h1,.camera-page h2,.camera-page h3,.camera-page p{letter-spacing:0;margin:0}.camera-page button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font-family:inherit}.camera-image-slot{background-position:50%;background-size:cover;overflow:hidden;position:relative}.camera-page-pc{max-width:none;width:100vw}.camera-page-pc>section{overflow:hidden;position:relative;width:100%}.camera-page-pc .camera-pc-hero{background:#050505;height:min(1020px,53.125vw);padding:min(259px,13.49vw) 0 0 16.82%}.camera-page-pc .camera-pc-hero-bg{inset:0;position:absolute}.camera-page-pc .camera-pc-hero-bg:after{background:linear-gradient(119deg,rgba(0,0,0,.9),rgba(0,0,0,.78) 30%,transparent 64%);content:"";inset:0;position:absolute}.camera-page-pc .camera-pc-hero-copy{color:#fff;position:relative;width:34.43%;z-index:1}.camera-page-pc .camera-pc-hero-copy h1{font-weight:650;line-height:1.2;white-space:nowrap}.camera-page-pc .camera-pc-hero-copy>p{font-weight:500;line-height:1.42;margin-top:min(24px,1.25vw);width:93.8%}.camera-page-pc .camera-pc-hero-price{font-weight:500;line-height:1.42;margin-top:min(32px,1.667vw)}.camera-page-pc .camera-pc-actions{display:flex;gap:min(20px,1.04vw);margin-top:min(24px,1.25vw)}.camera-page-pc .camera-pc-actions button{background:#fff;border-radius:60px;color:#000;font-weight:500;height:min(60px,3.125vw);line-height:1.4;width:min(128px,6.667vw)}.camera-page-pc .camera-pc-appearance{align-items:start;background:#fff;-moz-column-gap:3.125vw;column-gap:3.125vw;display:grid;grid-template-columns:50vw 35.54vw;height:auto;padding:8.333vw 0 6.25vw 6.25vw}.camera-page-pc .camera-pc-appearance-copy{grid-column:1/-1;margin-bottom:5.729vw;width:40.94vw}.camera-page-pc .camera-pc-appearance-copy h2{font-weight:650;line-height:1.31}.camera-page-pc .camera-pc-appearance-copy p{color:#444445;font-weight:500;line-height:1.42;margin-top:1.667vw}.camera-page-pc .camera-pc-appearance-main{aspect-ratio:1/1;border-radius:1.667vw;width:100%}.camera-page-pc .camera-pc-appearance-thumbs{display:grid;gap:.625vw;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.camera-page-pc .camera-pc-appearance-thumbs .camera-appearance-thumb-button{aspect-ratio:1/1;background:transparent;border:0;border-radius:.625vw;padding:0;width:100%}.camera-page-pc .camera-pc-appearance-thumbs .camera-image-slot{aspect-ratio:1/1;border-radius:.625vw;height:100%;width:100%}.camera-page-pc .camera-pc-appearance-thumbs .is-active:after{background:conic-gradient(from -25deg,#1dc6ff,#51f85f,#ffcd37,#ff7a1a,#d516ff,#1dc6ff);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:.313vw;pointer-events:none;position:absolute}.camera-page-pc .camera-pc-chip{background:#090909;color:#fff;height:auto;padding:min(160px,8.333vw) 0;text-align:center}.camera-page-pc .camera-pc-chip h2{font-weight:650;line-height:1.4;margin:0 auto;width:62.6%}.camera-page-pc .camera-pc-chip>p{color:#b8b8b8;font-weight:500;line-height:1.42;margin:min(32px,1.667vw) auto 0;width:57.4%}.camera-page-pc .camera-pc-chip-main{aspect-ratio:834/555;border-radius:min(32px,1.667vw);margin:min(60px,3.125vw) auto 0;width:43.44%}.camera-page-pc .camera-pc-chip-features{display:grid;gap:min(40px,2.083vw);grid-template-columns:repeat(4,minmax(0,1fr));margin:calc(min(80px,4.167vw)*-1) auto 0;position:relative;width:87.5%;z-index:2}.camera-page-pc .camera-pc-chip-feature{text-align:center}.camera-page-pc .camera-pc-chip-feature .camera-pc-chip-feature-image{aspect-ratio:390/480;border-radius:min(16px,.833vw);width:100%}.camera-page-pc .camera-pc-chip-feature h3{color:#198eff;font-weight:600;line-height:1.75;margin-top:min(48px,2.5vw)}.camera-page-pc .camera-pc-chip-feature p{color:#b8b8b8;font-weight:400;line-height:1.5}.camera-page-pc .camera-pc-story-section{padding:min(151px,7.865vw) 0 min(120px,6.25vw);text-align:center}.camera-page-pc .camera-pc-story-section>h2{font-weight:650;line-height:1.4;margin:0 auto;position:relative;white-space:nowrap;width:-moz-fit-content;width:fit-content;z-index:2}.camera-page-pc .camera-pc-story-section>p{color:#6c6c6c;font-weight:500;line-height:1.42;margin:min(32px,1.667vw) auto 0;position:relative;width:57.4%;z-index:2}.camera-page-pc .camera-pc-story-section.is-dark{background:#090909;color:#fff}.camera-page-pc .camera-pc-story-section.is-dark>p{color:#b8b8b8}.camera-page-pc .camera-pc-story-private-storage,.camera-page-pc .camera-pc-story-section.is-light,.camera-page-pc .camera-pc-story-section.is-warm{background:#fff}.camera-page-pc .camera-pc-story-local-playback{padding-bottom:min(120px,6.25vw)}.camera-page-pc .camera-pc-story-panorama{background:#f5f5f7;min-height:86.615vw;padding-bottom:0;padding-top:9.375vw}.camera-page-pc .camera-pc-story-panorama>h2,.camera-page-pc .camera-pc-story-panorama>p{color:#fff}.camera-page-pc .camera-pc-story-panorama>p{margin-top:3.125vw}.camera-page-pc .camera-pc-story-night-vision{background:#000}.camera-page-pc .camera-pc-story-voice{background:#fff}.camera-page-pc .camera-pc-story-dual-form,.camera-page-pc .camera-pc-story-dual-storage,.camera-page-pc .camera-pc-story-image-quality,.camera-page-pc .camera-pc-story-install{padding-bottom:min(100px,5.208vw)}.camera-page-pc .camera-pc-story-visual{border-radius:min(32px,1.667vw);margin:min(126px,6.563vw) auto 0;width:75%}.camera-page-pc .camera-pc-story-visual-single{aspect-ratio:2880/1880;height:auto}.camera-page-pc .camera-pc-story-private-storage .camera-pc-story-visual-single{aspect-ratio:2880/1880}.camera-page-pc .camera-pc-story-local-playback .camera-pc-story-visual{aspect-ratio:2880/1480;margin-top:min(150px,7.813vw)}.camera-page-pc .camera-pc-story-panorama .camera-pc-story-visual{background-position:top;border-radius:0;height:100%;inset:0;margin:0;position:absolute;width:100%;z-index:1}.camera-page-pc .camera-pc-story-night-vision .camera-pc-story-visual{aspect-ratio:2880/1650;border:min(2px,.104vw) solid hsla(0,0%,100%,.16);width:75%}.camera-page-pc .camera-pc-story-voice .camera-pc-story-visual{aspect-ratio:2880/2064}.camera-page-pc .camera-pc-story-dual-form .camera-pc-story-visual-full,.camera-page-pc .camera-pc-story-image-quality .camera-pc-story-visual-full{aspect-ratio:2888/1658}.camera-page-pc .camera-pc-story-install .camera-pc-story-visual-full{aspect-ratio:2878/1160;margin-top:min(180px,9.375vw);width:74.95%}.camera-page-pc .camera-pc-story-dual-storage .camera-pc-story-visual-full{aspect-ratio:2880/1728}.camera-page-pc .camera-pc-specs{align-items:center;background:#f3f3f6;display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;padding:min(180px,9.375vw) 17.29% min(120px,6.25vw)}.camera-page-pc .camera-pc-specs>h2{font-weight:650;line-height:1.31;white-space:nowrap}.camera-page-pc .camera-pc-specs>button{background:transparent;border:min(1.6px,.083vw) solid #000;border-radius:70px;color:#1e1e1e;font-weight:500;height:min(60px,3.125vw);justify-self:end;width:min(128px,6.667vw)}.camera-page-pc .camera-pc-specs-card{background:#fff;border-radius:min(32px,1.667vw);grid-column:1/-1;margin:min(88px,4.583vw) auto 0;padding-bottom:min(120px,6.25vw);position:relative;width:100%}.camera-page-pc .camera-pc-spec-product{margin-left:5.73%;padding-bottom:min(52px,2.708vw);padding-top:min(92px,4.792vw);position:relative;text-align:center;width:44.27%}.camera-page-pc .camera-pc-spec-product .camera-pc-spec-product-image{aspect-ratio:1/1;margin:0 auto;width:min(240px,12.5vw)}.camera-page-pc .camera-pc-spec-product strong{display:block;font-weight:500;line-height:1.43;margin-top:min(14px,.729vw)}.camera-page-pc .camera-pc-spec-product span{color:#6c6c6c;display:block;font-weight:500;margin-top:min(8px,.417vw)}.camera-page-pc .camera-specs-table{margin:0 5.73%;width:auto}.camera-page-pc .camera-spec-group{border-top:1px solid #d2d2d7;padding:min(40px,2.083vw) 0;text-align:left}.camera-page-pc .camera-spec-group:first-child{border-top:0;padding-top:0}.camera-page-pc .camera-spec-group h3{font-weight:500;line-height:1.43;margin-bottom:min(42px,2.188vw)}.camera-page-pc .camera-spec-group-rows{width:100%}.camera-page-pc .camera-spec-row{display:grid;font-weight:500;gap:min(10px,.521vw);grid-template-columns:min(193px,10.052vw) minmax(0,1fr);line-height:1.78;padding-bottom:min(12px,.625vw);text-align:left}.camera-page-pc .camera-spec-row span{color:#000}.camera-page-pc .camera-spec-row strong{color:#6c6c6c;font-weight:500;white-space:pre-line}.camera-page-pc .camera-pc-package{background:#fff;height:auto;padding:min(160px,8.333vw) 17.29% min(120px,6.25vw);text-align:center}.camera-page-pc .camera-pc-package h2{font-weight:650;line-height:1.31;white-space:nowrap}.camera-page-pc .camera-pc-package-image{aspect-ratio:1256/662;border-radius:min(16px,.833vw);margin-top:min(88px,4.583vw);width:100%}.camera-page-pc .camera-pc-package-items{color:#5e5e5e;display:grid;font-weight:500;grid-template-columns:repeat(4,minmax(0,1fr));line-height:1.5;margin-top:min(40px,2.083vw);text-align:left;width:100%}.camera-page-mobile{--camera-mobile-gutter:24px;background:#fff;margin:0 auto;width:100vw}.camera-page-mobile>section{overflow:hidden;position:relative;width:100%}.camera-page-mobile .camera-mobile-hero{background:#050505;height:756px;padding-top:48px}.camera-page-mobile .camera-mobile-hero-bg{inset:0;position:absolute}.camera-page-mobile .camera-mobile-hero-bg:after{background:linear-gradient(180deg,#000,transparent 55%);content:"";inset:0;position:absolute}.camera-page-mobile .camera-mobile-hero-copy{color:#fff;position:relative;text-align:center;width:100%;z-index:1}.camera-page-mobile .camera-mobile-hero-copy h1{font-size:46px;font-weight:600;line-height:56px;white-space:nowrap}.camera-page-mobile .camera-mobile-hero-copy>p{font-size:20px;font-weight:500;line-height:1.4;margin:12px auto 0;max-width:80vw}.camera-page-mobile .camera-mobile-hero-copy>p span{display:block}.camera-page-mobile .camera-mobile-hero-price{font-size:20px;font-weight:500;line-height:28px;margin-top:16px}.camera-page-mobile .camera-mobile-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.camera-page-mobile .camera-mobile-actions button{background:#fff;border-radius:20px;color:#000;font-size:15px;font-weight:500;height:45px;line-height:28px;min-width:120px;padding:8px 15px}.camera-page-mobile .camera-mobile-appearance{background:#fff;height:auto;padding:60px var(--camera-mobile-gutter) 0;padding-bottom:60px}.camera-page-mobile .camera-mobile-appearance h2{font-size:28px;font-weight:600;line-height:1.39}.camera-page-mobile .camera-mobile-appearance>p{color:#6c6c6c;font-size:14px;font-weight:500;line-height:24px;margin-top:16px}.camera-page-mobile .camera-mobile-appearance-main{aspect-ratio:1/1;border-radius:16px;margin-top:32px;width:100%}.camera-page-mobile .camera-mobile-appearance-carousel{margin-top:24px;overflow:hidden}.camera-page-mobile .camera-mobile-appearance-track{display:flex;transition:transform .18s ease-out}.camera-page-mobile .camera-mobile-appearance-thumbs{display:grid;flex:0 0 100%;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.camera-page-mobile .camera-mobile-appearance-thumbs .camera-appearance-thumb-button{aspect-ratio:1/1;background:transparent;border:0;border-radius:8px;padding:0;width:100%}.camera-page-mobile .camera-mobile-appearance-thumbs .camera-image-slot{aspect-ratio:1/1;border-radius:8px;height:100%;width:100%}.camera-page-mobile .camera-mobile-appearance-thumbs .is-active:after{background:conic-gradient(from -25deg,#1dc6ff,#51f85f,#ffcd37,#ff7a1a,#d516ff,#1dc6ff);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:4px;pointer-events:none;position:absolute}@media(prefers-reduced-motion:reduce){.camera-page-mobile .camera-mobile-appearance-track{transition:none}}.camera-page-mobile .camera-mobile-appearance-dots{align-items:center;background:#f3f3f3;border-radius:60px;display:flex;gap:6px;height:44px;justify-content:center;margin:32px auto 0;width:200px}.camera-page-mobile .camera-mobile-appearance-dots button{align-items:center;background:transparent;display:flex;height:20px;justify-content:center;padding:0;width:14px}.camera-page-mobile .camera-mobile-appearance-dots button span{background:#b2b2b2;border-radius:30px;display:block;height:8px;width:8px}.camera-page-mobile .camera-mobile-appearance-dots button.is-active{width:26px}.camera-page-mobile .camera-mobile-appearance-dots button.is-active span{background:#000;width:20px}.camera-page-mobile .camera-mobile-chip{background:#090909;color:#fff;height:auto;padding:60px var(--camera-mobile-gutter) 64px;text-align:center}.camera-page-mobile .camera-mobile-chip h2{font-size:28px;font-weight:600;line-height:39px;margin:0 auto;width:170px}.camera-page-mobile .camera-mobile-chip>p{color:#b8b8b8;font-size:14px;font-weight:500;line-height:24px;margin:16px auto 0;width:100%}.camera-page-mobile .camera-mobile-chip-main{aspect-ratio:375/351;height:auto;margin:15px calc(var(--camera-mobile-gutter)*-1) 0;width:calc(100% + var(--camera-mobile-gutter)*2)}.camera-page-mobile .camera-mobile-chip-features{display:grid;gap:32px;margin-top:-53px;width:100%}.camera-page-mobile .camera-mobile-chip-feature{height:auto;text-align:center}.camera-page-mobile .camera-mobile-chip-feature .camera-mobile-chip-feature-image{aspect-ratio:327/200;border-radius:16px;width:100%}.camera-page-mobile .camera-mobile-chip-feature h3{color:#198eff;font-size:20px;font-weight:500;line-height:28px;margin-top:16px}.camera-page-mobile .camera-mobile-chip-feature p{color:#b8b8b8;font-size:14px;font-weight:400;line-height:24px}.camera-page-mobile .camera-mobile-story-section{padding:60px var(--camera-mobile-gutter) 30px;text-align:center}.camera-page-mobile .camera-mobile-story-section>h2{font-size:28px;font-weight:600;line-height:39px;margin:0 auto;position:relative;width:100%;z-index:2}.camera-page-mobile .camera-mobile-story-section>p{color:#6c6c6c;font-size:14px;font-weight:500;line-height:24px;margin:16px auto 0;position:relative;width:100%;z-index:2}.camera-page-mobile .camera-mobile-story-section.is-dark{background:#090909;color:#fff}.camera-page-mobile .camera-mobile-story-section.is-dark>p{color:#b8b8b8}.camera-page-mobile .camera-mobile-story-section.is-light,.camera-page-mobile .camera-mobile-story-section.is-warm{background:#fff}.camera-page-mobile .camera-mobile-story-local-playback,.camera-page-mobile .camera-mobile-story-private-storage{height:auto}.camera-page-mobile .camera-mobile-story-panorama{background:#f5f5f7;min-height:692px}.camera-page-mobile .camera-mobile-story-panorama>h2,.camera-page-mobile .camera-mobile-story-panorama>p{color:#fff}.camera-page-mobile .camera-mobile-story-dual-form,.camera-page-mobile .camera-mobile-story-dual-storage,.camera-page-mobile .camera-mobile-story-image-quality,.camera-page-mobile .camera-mobile-story-install,.camera-page-mobile .camera-mobile-story-night-vision,.camera-page-mobile .camera-mobile-story-voice{height:auto}.camera-page-mobile .camera-mobile-story-visual{aspect-ratio:375/433;height:auto;margin:30px calc(var(--camera-mobile-gutter)*-1) 0;width:calc(100% + var(--camera-mobile-gutter)*2)}.camera-page-mobile .camera-mobile-story-private-storage .camera-mobile-story-visual{aspect-ratio:375/433}.camera-page-mobile .camera-mobile-story-local-playback .camera-mobile-story-visual{aspect-ratio:375/310;margin-top:30px}.camera-page-mobile .camera-mobile-story-panorama .camera-mobile-story-visual{height:100%;inset:0;margin:0;position:absolute;width:100%;z-index:1}.camera-page-mobile .camera-mobile-story-night-vision .camera-mobile-story-visual{aspect-ratio:327/260;border-radius:16px;margin:30px auto 0;width:100%}.camera-page-mobile .camera-mobile-story-voice .camera-mobile-story-visual{aspect-ratio:375/358}.camera-page-mobile .camera-mobile-story-image-quality .camera-mobile-story-visual-full{aspect-ratio:375/949;margin:30px calc(var(--camera-mobile-gutter)*-1) 0;width:calc(100% + var(--camera-mobile-gutter)*2)}.camera-page-mobile .camera-mobile-story-install .camera-mobile-story-visual-full{aspect-ratio:375/708;border-radius:0;margin:25px calc(var(--camera-mobile-gutter)*-1) 0;width:calc(100% + var(--camera-mobile-gutter)*2)}.camera-page-mobile .camera-mobile-story-dual-form .camera-mobile-story-visual-full{aspect-ratio:375/738;border-radius:0;margin:30px calc(var(--camera-mobile-gutter)*-1) 0;width:calc(100% + var(--camera-mobile-gutter)*2)}.camera-page-mobile .camera-mobile-story-dual-storage .camera-mobile-story-visual-full{aspect-ratio:375/564;border-radius:0;margin:30px calc(var(--camera-mobile-gutter)*-1) 0;width:calc(100% + var(--camera-mobile-gutter)*2)}.camera-page-mobile .camera-mobile-specs{background:#f3f3f6;height:auto;padding:60px var(--camera-mobile-gutter) 64px}.camera-page-mobile .camera-mobile-specs h2{font-size:28px;font-weight:600;line-height:39px;width:100%}.camera-page-mobile .camera-mobile-specs h2 span{display:block}.camera-page-mobile .camera-mobile-spec-product{margin:64px 0 0 22px;text-align:center;width:120px}.camera-page-mobile .camera-mobile-spec-product .camera-mobile-spec-product-image{height:120px;width:120px}.camera-page-mobile .camera-mobile-spec-product strong{display:block;font-size:18px;font-weight:500;line-height:25px;margin-top:16px}.camera-page-mobile .camera-mobile-spec-product span{color:#6c6c6c;display:block;font-size:13px;font-weight:500;line-height:18px;margin-top:4px}.camera-page-mobile .camera-mobile-specs .camera-specs-table{margin-top:64px;width:100%}.camera-page-mobile .camera-mobile-specs .camera-spec-group{border-top:.5px solid #d2d2d7;padding:28px 0}.camera-page-mobile .camera-mobile-specs .camera-spec-group h3{font-size:16px;font-weight:500;line-height:22px}.camera-page-mobile .camera-mobile-specs .camera-spec-row{display:grid;font-size:13px;font-weight:500;gap:24px;grid-template-columns:80px minmax(0,1fr);line-height:20px;margin-top:10px;text-align:left}.camera-page-mobile .camera-mobile-specs .camera-spec-row span{color:#000}.camera-page-mobile .camera-mobile-specs .camera-spec-row strong{color:#6c6c6c;font-weight:500;white-space:pre-line}.camera-page-mobile .camera-mobile-package{background:#fff;height:auto;padding:60px var(--camera-mobile-gutter) 64px}.camera-page-mobile .camera-mobile-package h2{font-size:28px;font-weight:600;line-height:39px;margin:0 auto;text-align:center;width:100%}.camera-page-mobile .camera-mobile-package-image{aspect-ratio:327/220;border-radius:16px;margin-top:40px;width:100%}.camera-page-mobile .camera-mobile-package-items{color:#5e5e5e;display:flex;flex-direction:column;font-size:16px;font-weight:500;line-height:28px;margin-top:32px;text-align:left;width:100%}
