*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:#151713;background:#fff;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:14px;line-height:1.7}button,input,select{font:inherit;color:inherit}button,a,select{cursor:pointer}a{color:inherit;text-underline-offset:5px}button{background:none;border:0}header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #eee}.logo{width:205px;display:block}nav{display:flex;gap:24px}nav a{text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:1px}.tools{display:flex;gap:22px;align-items:center}#menu{width:38px;padding:0}#menu span{display:block;height:1px;background:#111;margin:9px 0}.intro{padding:38px 4% 30px}h1,h2{font-weight:400;text-transform:uppercase;letter-spacing:4px;line-height:1.5}h1{font-size:32px;margin:0 0 15px}h2{font-size:27px}.intro p{margin:0 0 12px}.film{margin:0 4%;position:relative}.film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.pause{position:absolute;right:20px;bottom:20px;background:#fff9;width:32px;height:32px;border-radius:50%}.products{display:grid;grid-template-columns:repeat(4,1fr);padding:65px 4%;gap:0}.product{position:relative;border:1px solid #e3e3e3;text-align:center;margin-left:-1px;padding-bottom:24px}.product>a{text-decoration:none;display:block}.product img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.product h3{font-size:13px;font-weight:400;padding:0 15px;min-height:42px}.product p{font-size:11px;color:#6e6c67}.heart{position:absolute;right:12px;top:8px;font-size:25px;color:#999184;z-index:1}.heart.saved{color:#746144}.story,.service{display:grid;grid-template-columns:1fr 1fr;margin:0 4%;align-items:center}.story>div,.service>div{padding:14%;text-align:center}.story img{width:100%;display:block}.service img{width:100%;aspect-ratio:1.25;object-fit:cover}.service{margin-bottom:70px}footer{border-top:1px solid #ddd;padding:55px 4%;text-align:center;background:#f8f8f6}#footerlinks{display:flex;justify-content:center;gap:30px;margin:30px 0}footer select{border:0;background:none;padding:8px}small{display:block;color:#777;margin-top:30px}dialog{border:0;padding:70px 40px 40px;width:min(760px,95vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#0007}.close{position:absolute;right:20px;top:10px;font-size:32px}dialog h2{font-size:23px}dialog img{width:50%;float:left;margin-right:25px}dialog a{display:block;margin:15px 0}input{width:100%;padding:15px;border:1px solid #bbb}.detail{min-height:300px}.action{display:inline-block!important;background:#192a23;color:white;padding:12px 25px;text-decoration:none}.empty{padding:20px}button:focus-visible,a:focus-visible{outline:2px solid #867047;outline-offset:4px}@media(min-width:1500px){.intro{padding-top:50px}h1{font-size:36px}}@media(max-width:1000px){nav{display:none}header{height:75px;padding:0 6%}.logo{width:160px}.intro{padding:18px 2.5% 15px}h1{font-size:29px}.film{margin:0 2.5%}.products{grid-template-columns:repeat(2,1fr);padding:62px 1.3%}.story,.service{margin:0 2.5%}.story>div,.service>div{padding:8%}h2{font-size:23px}}@media(max-width:600px){h1{font-size:23px;letter-spacing:2.5px}.intro p{font-size:13px}.story,.service{display:flex;flex-direction:column}.story>div{order:1;padding:35px 18px}.service>div{padding:35px 18px}.product h3{font-size:12px}.products{padding-top:45px;padding-bottom:45px}#footerlinks{flex-wrap:wrap;gap:15px}dialog{padding:55px 20px 25px}dialog img{width:100%;float:none;margin:0}.service{margin-bottom:30px}.film video{min-height:230px}.tools{gap:15px}}
.sound{position:absolute;right:65px;bottom:20px;background:#fffD;width:36px;height:32px;border-radius:50%;font-size:18px}

.audio-notice{position:absolute;bottom:20px;left:20px;max-width:calc(100% - 140px);background:#fffE;padding:8px 14px;font-size:12px}.audio-notice[hidden]{display:none}

.film video{cursor:pointer}.film video:focus-visible{outline:2px solid #867047;outline-offset:4px}