https://sov.dental/_next/static/chunks/app/diary/blog/page-81636c75b466bf6f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7832],{3052:function(A,i,t){Promise.resolve().then(t.bind(t,54081))},54081:function(A,i,t){"use strict";t.d(i,{default:function(){return AS}});var e=t(30652),n=t(32166),o=t(20061),d=t(40422),a=t(37393),s=t(86075),x=t(18148),l=t(37079),p=t(84966),h=t(49312),c=t(72940),r=t(72926),g=t(8053),f=t(82535),m=t(67695),w=t(54271),E=t(99547);let u=(0,r.ZP)(E.default).withConfig({componentId:"sc-f9054f26-0"})([""]),B=r.ZP.div.withConfig({componentId:"sc-f9054f26-1"})(["width:100%;border-radius:20px;overflow:hidden;"]),Q=r.ZP.div.withConfig({componentId:"sc-f9054f26-2"})(["color:#666666;font-family:'Noto Serif TC';font-size:14px;text-align:left;line-height:150%;margin-top:24px;&&{font-weight:600;}@media (max-width:1024px) and (min-width:575px){margin-top:20px;}@media (max-width:575px){margin-top:16px;}"]),C=r.ZP.h3.withConfig({componentId:"sc-f9054f26-3"})(["color:#27111e;font-family:'Noto Serif TC';font-size:24px;text-align:left;line-height:120%;margin-top:19px;&&{font-weight:600;}@media (max-width:1024px) and (min-width:575px){font-size:22px;}@media (max-width:575px){margin-top:8px;font-size:20px;}"]);var z=A=>{let{firstImage:i,title:t,url:e,content:o}=A,d=Math.round(o.replace(/<[^>]+>/g,"").length/500);return(0,n.jsxs)(u,{href:e,children:[(0,n.jsx)(B,{children:(0,n.jsx)(w.default,{src:i,alt:"first image",style:{width:"100%",height:"auto"},sizes:"100vw",width:1290,height:634})}),(0,n.jsxs)(Q,{children:["閱讀時間 ",d,"分鐘"]}),(0,n.jsx)(C,{children:t})]})};let b=r.ZP.section.withConfig({componentId:"sc-2d252646-0"})(["display:flex;justify-content:center;background-color:#f0f0f0;"]),v=r.ZP.div.withConfig({componentId:"sc-2d252646-1"})(["width:100%;max-width:1560px;display:flex;padding:60px;gap:48px;@media (max-width:","px){flex-direction:column;}@media (max-width:1024px) and (min-width:575px){padding:50px 40px 40px 40px;}@media (max-width:575px){padding:40px 20px 20px 20px;}"],1150),I=r.ZP.div.withConfig({componentId:"sc-2d252646-2"})(["position:sticky;height:fit-content;top:120px;@media (max-width:","px){position:static;}

1"],1150),j=r.ZP.h2.withConfig({componentId:"sc-2d252646-3"})(["color:#27111e;font-family:'Noto Serif TC';font-size:48px;text-align:left;line-height:120%;&&{font-weight:700;}@media (max-width:1024px) and (min-width:575px){font-size:38px;}@media (max-width:575px){font-size:28px;}"]),O=r.ZP.div.withConfig({componentId:"sc-2d252646-4"})(["color:#27111e;font-family:'Noto Sans TC';font-size:18px;line-height:150%;text-align:left;margin-top:24px;&&{font-weight:400;}@media (max-width:1024px) and (min-width:575px){font-size:17px;margin-top:18px;}@media (max-width:575px){font-size:16px;margin-top:12px;}"]),D=r.ZP.div.withConfig({componentId:"sc-2d252646-5"})(["color:#27111e;font-family:'Noto Serif TC';font-size:20px;line-height:140%;text-align:left;margin-top:72px;&&{font-weight:600;}@media (max-width:1024px) and (min-width:575px){font-size:19px;}@media (max-width:575px){font-size:18px;}"]),y=r.ZP.div.withConfig({componentId:"sc-2d252646-6"})(["display:flex;flex-direction:column;gap:8px;margin-top:20px;@media (max-width:","px){flex-direction:row;}"],1150),P=r.ZP.div.withConfig({componentId:"sc-2d252646-7"})(["color:",";border-left:",";padding:12px 20px;text-align:left;font-family:'Noto Serif TC';font-size:14px;line-height:150%;cursor:pointer;&&{font-weight:600;}@media (max-width:","px){border-left:unset;border-bottom:",";}@media (max-width:400px){padding:12px 10px;}"],A=>A.selected?"#27111E":"#666",A=>A.selected?"1px solid #BF6BAE":"unset",1150,A=>A.selected?"1px solid #BF6BAE":"unset"),Z=r.ZP.div.withConfig({componentId:"sc-2d252646-8"})(["flex:1;"]),S=r.ZP.div.withConfig({componentId:"sc-2d252646-9"})(["display:grid;grid-template-columns:1fr 1fr;row-gap:26px;column-gap:16px;@media (max-width:575px){grid-template-columns:1fr;}"]);var F=A=>{let{blogList:i,loading:t}=A,e=(0,p.useTranslations)(),[o,d]=(0,a.useState)("ALL"),s=[{label:"所有類別",value:"ALL"},...(0,h.Z)(f.WD).map(A=>({label:e("enum.category_".concat(A)),value:A}))],[x,r]=(0,a.useState)(10),w="ALL"===o?i:i.filter(A=>A.category===o),E=(0,c.Z)(x,w),u=A=>{o!==A&&(d(A),r(10))};return(0,n.jsx)(b,{children:(0,n.jsxs)(v,{children:[(0,n.jsxs)(I,{children:[(0,n.jsx)(j,{children:"SOV知識+"}),(0,n.jsx)(O,{children:"輕鬆了解牙齒矯正大小事，讓你隱形牙套療程不踩雷"}),(0,n.jsx)(D,{children:"文章類別"}),(0,n.jsx)(y,{children:s.map((A,i)=>(0,n.jsx)(P,{selected:A.value===o,onClick:()=>u(A.value),children:A.label},"category_".concat(i)))})]}),(0,n.jsxs)(Z,{children:[(0,n.jsx)(S,{children:t?(0,n.jsx)(n.Fragment,{children:Array.from({length:10}).map((A,i)=>(0,n.jsx)(l.Z,{active:!0},i))}):(0,n.jsx)(n.Fragment,{children:E.map((A,i)=>{var t;return(0,n.jsx)(z,{firstImage:(null===(t=A.firstImage)||void 0===t?void 0:t[0])||"",title:A.title||"",url:(0,m.Qy)(A)||"",content:A.content||""},i)})})}),(0,n.jsx)(g.Z,{displayQty:x,totalDocs:i.length,handleClick:()=>{r(A=>A+10)}})]})]})})};let k=r.ZP.section.withConfig({componentId:"sc-226860e9-0"})(["display:flex;justify-content:center;"]),H=r.ZP.div.withConfig({componentId:"sc-226860e9-1"})(["width:100%;max-width:1560px;display:flex;padding:20px 60px 60px 60px;gap:20px;@media (max-width:","px){flex-direction:column;justify-content:center;align-items:center;}@media (max-width:1000px) and (min-width:575px){padding:30px 40px 70px 40px;}@media (max-width:575px){padding:40px 20px 80px 20px;}"],1200),M=r.ZP.div.withConfig({componentId:"sc-226860e9-2"})(["min-width:60%;border-radius:20px;overflow:hidden;position:relative;@media (max-width:","px){width:100%;min-width:0;}"],1200),R=(0,r.ZP)(l.Z.Image).withConfig({componentId:"sc-226860e9-3"})(["width:100% !important;height:100% !important;aspect-ratio:2 / 1;"]),T=r.ZP.div.withConfig({componentId:"sc-226860e9-4"})(["border-radius:20px;background-color:#5b004e;padding:32px 40px;display:flex;flex-direction:column;justify-content:center;gap:16px;@media (max-width:","px) and (min-width:575px){padding:32px 34px;width:100%;}@media (max-width:575px){padding:32px 28px;width:100%;}"],1200),L=r.ZP.div.withConfig({componentId:"sc-226860e9-5"})(["flex:1;border-radius:20px;background-color:#5b004e;padding:32px 40px;display:flex;flex-direction:column;justify-content:center;@media (max-width:","px) and (min-width:575px){padding:32px 34px;width:100%;}@media (max-width:575px){padding:32px 28px;width:100%;}"],1200),N=r.ZP.div.withConfig({componentId:"sc-226860e9-6"})(["color:#bf6bae;font-family:'Noto Serif TC';font-size:14px;text-align:left;line-height:150%;&&{font-weight:600;}

1"]),_=r.ZP.h2.withConfig({componentId:"sc-226860e9-7"})(["color:#fff;font-family:'Noto Serif TC';font-size:24px;text-align:left;line-height:120%;&&{font-weight:600;}@media (max-width:575px){font-size:20px;}"]),V=r.ZP.div.withConfig({componentId:"sc-226860e9-8"})(["display:flex;justify-content:end;"]),W=(0,r.ZP)(E.default).withConfig({componentId:"sc-226860e9-9"})(["color:#5b004e;background-color:#fff;padding:8px 20px;border-radius:50px;font-family:'Noto Serif TC';font-size:15px;line-height:150%;width:fit-content;height:fit-content;&&{font-weight:600;}&:hover,&:active,&:focus{color:#5b004e;}"]);var U=A=>{var i;let{firstBlog:t,loading:e}=A,o=Math.round((t.content||"").replace(/<[^>]+>/g,"").length/500);return(0,n.jsx)(k,{children:(0,n.jsxs)(H,{children:[(0,n.jsx)(M,{children:e?(0,n.jsx)(R,{active:!0}):(0,n.jsx)(w.default,{src:(null===(i=t.firstImage)||void 0===i?void 0:i[0])||"",alt:"first image",style:{width:"100%",height:"auto"},sizes:"100vw",width:1290,height:634,priority:!0})}),e?(0,n.jsx)(L,{children:(0,n.jsx)(l.Z,{active:!0})}):(0,n.jsxs)(T,{children:[(0,n.jsxs)(N,{children:["閱讀時間 ",o,"分鐘"]}),(0,n.jsx)(_,{children:t.title||""}),(0,n.jsx)(V,{children:(0,n.jsx)(W,{href:(0,m.Qy)(t)||"",children:"閱讀文章"})})]})]})})},J=t(79625),K=t(27549);let Y=r.ZP.section.withConfig({componentId:"sc-93d4cc23-0"})(["display:flex;justify-content:center;"]),G=r.ZP.div.withConfig({componentId:"sc-93d4cc23-1"})(["width:100%;max-width:1560px;display:flex;justify-content:space-between;padding:152px 60px 60px 60px;@media (max-width:1024px) and (min-width:575px){padding:135px 40px 50px 40px;}@media (max-width:575px){padding:118px 20px 40px 20px;}@media (max-width:650px){flex-direction:column;gap:40px;}"]),X=r.ZP.div.withConfig({componentId:"sc-93d4cc23-2"})([""]),$=r.ZP.div.withConfig({componentId:"sc-93d4cc23-3"})(["display:flex;align-items:end;"]),q=r.ZP.div.withConfig({componentId:"sc-93d4cc23-4"})(["padding:0 40px;margin-top:40px;@media (max-width:1024px) and (min-width:650px){padding:0 20px;}@media (max-width:650px){padding:0;}"]),AA=r.ZP.h1.withConfig({componentId:"sc-93d4cc23-5"})(["color:#27111e;font-family:'Noto Serif TC';font-size:56px;text-align:left;line-height:120%;&&{font-weight:700;}@media (max-width:1200px) and (min-width:575px){font-size:44px;}@media (max-width:575px){font-size:32px;}"]),Ai=r.ZP.p.withConfig({componentId:"sc-93d4cc23-6"})(["color:#27111e;font-family:'Noto Sans TC';font-size:18px;text-align:left;line-height:150%;margin-top:24px;&&{font-weight:400;}@media (max-width:1024px) and (min-width:575px){font-size:17px;}@media (max-width:575px){font-size:16px;}"]),At=(0,r.ZP)(E.default).withConfig({componentId:"sc-93d4cc23-7"})(["display:flex;color:#27111e;background-color:#f0f0f0;gap:12px;padding:12px 16px;border-radius:50px;font-family:'Noto Serif TC';font-size:14px;line-height:150%;width:fit-content;height:fit-content;&&{font-weight:600;}&:hover,&:active,&:focus{color:#27111e;}"]),Ae=[{name:"Home",url:"/"},{name:"Academy"}];var An=()=>(0,n.jsx)(Y,{children:(0,n.jsxs)(G,{children:[(0,n.jsxs)(X,{children:[(0,n.jsx)(J.Z,{breadcrumbList:Ae}),(0,n.jsxs)(q,{children:[(0,n.jsx)(AA,{children:"隱形牙套知識學院"}),(0,n.jsx)(Ai,{children:"隱形牙套新手別怕！讓你一看就會的祕技都在這裡"})]})]}),(0,n.jsx)($,{children:(0,n.jsxs)(At,{href:"/diary/explore",children:["Search",(0,n.jsx)(w.default,{src:K.Z,alt:"search icon"})]})})]})}),Ao=t(92638),Ad=t(5482),Aa=t(31618),As=t(30721),Ax=t(92177);let Al=r.ZP.div.withConfig({componentId:"sc-725fee4c-0"})(["min-width:427px;min-height:384px;display:flex;flex-direction:column;border-radius:20px;padding:20px;scroll-snap-align:start;cursor:pointer;&:hover{background-color:#fff;}&:hover #subtitle{display:block;}@media (max-width:467px){min-width:calc(100vw - 56px);min-height:349px;}@media (max-width:1024px){background-color:#fff;#subtitle{display:block;}}"]),Ap=r.ZP.div.withConfig({componentId:"sc-725fee4c-1"})(["border-radius:20px;overflow:hidden;position:relative;"]),Ah=r.ZP.div.withConfig({componentId:"sc-725fee4c-2"})(["position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#00000033;"]),Ac=r.ZP.h3.withConfig({componentId:"sc-725fee4c-3"})(["color:#27111e;font-family:'Noto Serif TC';font-size:24px;text-align:left;line-height:140%;margin-top:20px;&&{font-weight:600;}@media (max-width:1024px) and (min-width:575px){font-size:22px;}@media (max-width:575px){font-size:20px;}"]),Ar=r.ZP.p.withConfig({componentId:"sc-725fee4c-4"})(["display:none;color:#27111e;font-family:'Noto Sans TC';font-size:14px;line-height:150%;text-align:left;margin-top:8px;&&{font-weight:400;}"]);var Ag=A=>{let{image:i,title:t,subtitle:e,video:o,handleOpen:d}=A;return(0,n.jsxs)(Al,{onClick:()=>{d(o)},children:[(0,n.jsxs)(Ap,{children:[(0,n.jsx)(w.default,{src:i,alt:"video image"}),(0,n.jsx)(Ah,{children:(0,n.jsx)(w.default,{src:Ax.Z,alt:"play icon"})})]}),(0,n.jsx)(Ac,{children:t}),(0,n.jsx)(Ar,{id:"subtitle",children:e})]})};let Af=[{image:{src:"/_next/static/media/video_1.cd42051f.jpg",height:720,width:1280,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAv/aAAwDAQACEAMQAAABthX/xAAWEAEBAQAAAAAAAAAAAAAAAAACAxL/2gAIAQEAAQUCkcr/xAAVEQEBAAAAAAAAAAAAAAAAAAABAP/aAAgBAwEBPwFL/8QAFhEAAwAAAAAAAAAAAAAAAAAAAAEx/9oACAECAQE/AVD/xAAVEAEBAAAAAAAAAAAAAAAAAAABAP/aAAgBAQAGPwJFW//EABYQAQEBAAAAAAAAAAAAAAAAAAEAQf/aAAgBAQABPyFjFcb/2gAMAwEAAgADAAAAEPv/xAAWEQADAAAAAAAAAAAAAAAAAAAAARH/2gAIAQMBAT8QVT//xAAVEQEBAAAAAAAAAAAAAAAAAAAhAP/aAAgBAgEBPxBq/8QAGRABAAIDAAAAAAAAAAAAAAAAAREhADFx/9oACAEBAAE/EAYsmiEi665//9k=",blurWidth:8,blurHeight:5},title:"隱適美並不代表「隱形牙套」！",subtitle:"隱適美只是一個牌子！並不代表所有的隱形牙套、隱形矯正喔！！",video:"jrdOP5EmiQc"},{image:{src:"/_next/static/media/video_2.1b95e805.jpg",height:720,width:1280,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABsBv/xAAWEAADAAAAAAAAAAAAAAAAAAAAAhH/2gAIAQEAAQUCjH//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAEDAQE/AX//xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAECAQE/AX//xAAWEAADAAAAAAAAAAAAAAAAAAAAAiH/2gAIAQEABj8CjH//xAAZEAEAAgMAAAAAAAAAAAAAAAABADERIfD/2gAIAQEAAT8hSW3Vmeuf/9oADAMBAAIAAwAAABAP/8QAFhEAAwAAAAAAAAAAAAAAAAAAAAER/9oACAEDAQE/EIj/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oACAECAQE/EH//xAAZEAEAAgMAAAAAAAAAAAAAAAABITEAEYH/2gAIAQEAAT8Q20iJRro6z//Z",blurWidth:8,blurHeight:5},title:"隱形牙套失敗的原因？！",subtitle:"不管什麼品牌的隱形矯正一定多多少少都有失敗的機率！！但為什麼會有這麼多失敗的例子呢？",video:"43yYJJ9Kyow"},{image:{src:"/_next/static/media/video_3.ae20a1c8.jpg",height:720,width:1280,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAv/aAAwDAQACEAMQAAABqBX/xAAVEAEBAAAAAAAAAAAAAAAAAAACIf/aAAgBAQABBQJQf//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAEDAQE/Aa//xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAgEBPwGP/8QAFhABAQEAAAAAAAAAAAAAAAAAAQBh/9oACAEBAAY/Aly//8QAFxABAAMAAAAAAAAAAAAAAAAAAQARUf/aAAgBAQABPyEGC2p//9oADAMBAAIAAwAAABAL/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8Qp//EABcRAQADAAAAAAAAAAAAAAAAAAEAYZH/2gAIAQIBAT8QTes//8QAFxABAQEBAAAAAAAAAAAAAAAAAREAIf/aAAgBAQABPxCIag0zib//2Q==",blurWidth:8,blurHeight:5},title:"深咬的影響是什麼？",subtitle:"甚麼是深咬、有深咬會造成甚麼影響？今天就讓醫生來講講你的牙齒不愛聽的鬼故事！",video:"eFejAcO-Poo"},{image:{src:"/_next/static/media/video_4.f35d55a7.jpg",height:720,width:1280,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAA//aAAwDAQACEAMQAAABpBT/xAAWEAEBAQAAAAAAAAAAAAAAAAADARH/2gAIAQEAAQUCOYv/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAwEBPwGv/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQIBAT8Bj//EABkQAQACAwAAAAAAAAAAAAAAAAEAERIxUf/aAAgBAQAGPwLFpDu5/8QAGBABAQADAAAAAAAAAAAAAAAAEQEAIYH/2gAIAQEAAT8hoxEGNuuf/9oADAMBAAIAAwAAABAL/8QAFREBAQAAAAAAAAAAAAAAAAAAAQD/2gAIAQMBAT8QVf/EABgRAAIDAAAAAAAAAAAAAAAAAAERACGR/9oACAECAQE/EFNs6Z//xAAaEAEAAgMBAAAAAAAAAAAAAAABEUEAITFR/9oACAEBAAE/EI5GhKnZdDdeZ//Z",blurWidth:8,blurHeight:5},title:"牙齒矯正一定要拔牙？！",subtitle:"不管傳統矯正或隱形矯正！你可能常常聽人家說矯正要拔牙！但到底矯正需不需要要不要拔牙呢？",video:"bvRDJ_DdWFk"},{image:{src:"/_next/static/media/video_5.f209c70d.jpg",height:720,width:1280,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAA//aAAwDAQACEAMQAAABrBT/xAAXEAADAQAAAAAAAAAAAAAAAAAAAgMR/9oACAEBAAEFAnnp/8QAFREBAQAAAAAAAAAAAAAAAAAAABH/2gAIAQMBAT8Br//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQIBAT8Bf//EABYQAAMAAAAAAAAAAAAAAAAAAAARMf/aAAgBAQAGPwKo/8QAGBAAAgMAAAAAAAAAAAAAAAAAAREAMUH/2gAIAQEAAT8hZYrwT//aAAwDAQACAAMAAAAQD//EABURAQEAAAAAAAAAAAAAAAAAAAAR/9oACAEDAQE/EKf/xAAWEQEBAQAAAAAAAAAAAAAAAAABABH

1/2gAIAQIBAT8QDC//xAAZEAEBAAMBAAAAAAAAAAAAAAABEQAhMZH/2gAIAQEAAT8QWuoiFEK+77n/2Q==",blurWidth:8,blurHeight:5},title:"笑起來牙齦太多不好看？",subtitle:"原來牙齦太長笑齦太多戴牙套可以解決！甚至也能改善臉型！愛漂亮的人請注意！",video:"60DW3cwF0VM"},{image:{src:"/_next/static/media/video_6.4c21aa60.jpg",height:720,width:1280,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAv/aAAwDAQACEAMQAAABsBf/xAAWEAEBAQAAAAAAAAAAAAAAAAACAwH/2gAIAQEAAQUCjPSv/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwF//8QAFREBAQAAAAAAAAAAAAAAAAAAAAH/2gAIAQIBAT8Bj//EABkQAAEFAAAAAAAAAAAAAAAAAAEAERIhQf/aAAgBAQAGPwJpk1q//8QAFhABAQEAAAAAAAAAAAAAAAAAIQBB/9oACAEBAAE/IQbjV//aAAwDAQACAAMAAAAQ/wD/xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAIAQMBAT8QQHC//8QAFREBAQAAAAAAAAAAAAAAAAAAADH/2gAIAQIBAT8Qh//EABgQAQEBAQEAAAAAAAAAAAAAAAERIQCB/9oACAEBAAE/EFim9RU232d//9k=",blurWidth:8,blurHeight:5},title:"牙齒整齊有什麼好處！？",subtitle:"牙齒好不好看一定是很多人在意的，那戴牙套除了好看，還有什麼好處嗎？",video:"sD7duiexAQw"}],Am=r.ZP.section.withConfig({componentId:"sc-1bedb8a9-0"})(["background-color:#f0f0f0;padding:60px 0;@media (max-width:1024px) and (min-width:575px){padding:70px 0;}@media (max-width:575px){padding:80px 0;}"]),Aw=r.ZP.div.withConfig({componentId:"sc-1bedb8a9-1"})(["display:flex;@media (max-width:1024px){flex-direction:column;gap:40px;}"]),AE=r.ZP.div.withConfig({componentId:"sc-1bedb8a9-2"})(["min-width:487px;padding-left:60px;@media (max-width:1024px) and (min-width:575px){padding:0 40px;}@media (max-width:575px){padding:0 20px;}@media (max-width:527px){min-width:100%;}"]),Au=r.ZP.div.withConfig({componentId:"sc-1bedb8a9-3"})(["display:flex;padding-right:60px;gap:20px;overflow-x:scroll;scrollbar-width:none;scroll-behavior:smooth;scroll-margin:0;scroll-snap-type:x mandatory;@media (max-width:1024px) and (min-width:575px){padding:0 40px;scroll-padding:40px;}@media (max-width:575px){padding:0 20px;scroll-padding:20px;}"]),AB=r.ZP.div.withConfig({componentId:"sc-1bedb8a9-4"})(["display:flex;gap:20px;padding:0 60px;align-items:center;margin-top:40px;@media (max-width:1024px) and (min-width:575px){padding:0 40px;}@media (max-width:575px){padding:0 20px;}"]),AQ=r.ZP.h2.withConfig({componentId:"sc-1bedb8a9-5"})(["color:#27111e;font-family:'Noto Serif TC';font-size:48px;text-align:left;line-height:120%;&&{font-weight:700;}@media (max-width:1024px) and (min-width:575px){font-size:38px;}@media (max-width:575px){font-size:28px;}"]),AC=r.ZP.p.withConfig({componentId:"sc-1bedb8a9-6"})(["color:#27111e;font-family:'Noto Sans TC';font-size:18px;line-height:150%;text-align:left;margin-top:24px;&&{font-weight:400;}@media (max-width:1024px) and (min-width:575px){font-size:17px;}@media (max-width:575px){font-size:16px;}"]),Az=r.ZP.a.withConfig({componentId:"sc-1bedb8a9-7"})(["display:block;width:fit-content;background-color:#5b004e;color:#fff;font-family:'Noto Serif TC';font-size:16px;line-height:150%;text-align:center;padding:8px 20px;border-radius:50px;margin-top:32px;&:hover,&:active,&:focus{color:#fff;}&&{font-weight:600;}@media (max-width:1024px) and (min-width:575px){font-size:15px;}@media (max-width:575px){font-size:14px;}"]),Ab=r.ZP.div.withConfig({componentId:"sc-1bedb8a9-8"})(["width:64px;height:64px;border-radius:50px;background-color:#fff;border:1px solid #c5c5c5;color:#5b004e;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;"]),Av=r.ZP.div.withConfig({componentId:"sc-1bedb8a9-9"})(["border-top:1px solid #22222233;flex-grow:1;"]),AI=r.ZP.div.withConfig({componentId:"sc-1bedb8a9-10"})(["position:fixed;background-color:#000000cc;right:0;left:0;bottom:0;top:0;z-index:101;display:flex;align-items:center;justify-content:center;"]),Aj=r.ZP.div.withConfig({componentId:"sc-1bedb8a9-11"})(["background-color:#fff;border-radius:50px;position:fixed;top:35px;right:35px;width:40px;height:40px;

1display:flex;align-items:center;justify-content:center;cursor:pointer;"]),AO=r.ZP.div.withConfig({componentId:"sc-1bedb8a9-12"})(["width:64vw;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;@media (max-aspect-ratio:1/1){width:89vw;}"]),AD=(0,r.ZP)(Ao.Z).withConfig({componentId:"sc-1bedb8a9-13"})(["iframe{width:100%;height:100%;aspect-ratio:16 / 9;}"]);var Ay=()=>{let[A,i]=(0,a.useState)(!1),[t,e]=(0,a.useState)(""),o=A=>{i(!0),e(A)};return(0,a.useEffect)(()=>(A?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[A]),(0,n.jsxs)(Am,{children:[(0,n.jsxs)(Aw,{id:"content_wrap",children:[(0,n.jsxs)(AE,{children:[(0,n.jsx)(AQ,{children:"SOV專訪"}),(0,n.jsx)(AC,{children:"讓SOV認證醫師帶你認識最適合的矯正方式"}),(0,n.jsx)(Az,{href:"https://www.youtube.com/@sovdental/videos",target:"_blank",rel:"noopener noreferrer",children:"更多請見 YouTube頻道"})]}),(0,n.jsx)(Au,{id:"video_wrap",children:Af.map((A,i)=>(0,n.jsx)(Ag,{image:A.image,title:A.title,subtitle:A.subtitle,video:A.video,handleOpen:o},i))})]}),(0,n.jsxs)(AB,{children:[(0,n.jsx)(Ab,{onClick:()=>{let A=document.getElementById("video_wrap");(null==A?void 0:A.firstElementChild)&&(null==A?void 0:A.firstElementChild)instanceof HTMLElement&&(A.scrollLeft-=A.firstElementChild.offsetWidth)},children:(0,n.jsx)(w.default,{src:Aa.Z,alt:"left arrow"})}),(0,n.jsx)(Ab,{onClick:()=>{let A=document.getElementById("video_wrap");(null==A?void 0:A.firstElementChild)&&(null==A?void 0:A.firstElementChild)instanceof HTMLElement&&(A.scrollLeft+=A.firstElementChild.offsetWidth)},children:(0,n.jsx)(w.default,{src:As.Z,alt:"right arrow"})}),(0,n.jsx)(Av,{})]}),A&&(0,n.jsxs)(AI,{children:[(0,n.jsx)(Aj,{onClick:()=>{i(!1)},children:(0,n.jsx)(w.default,{src:Ad.Z,width:24,height:24,alt:"close icon"})}),(0,n.jsx)(AO,{children:(0,n.jsx)(AD,{videoId:t||""})})]})]})};function AP(){let A=(0,e._)(["\n  query BlogList($limit: Int, $page: Int, $filter: BlogFilter) {\n    blogs(limit: $limit, page: $page, filter: $filter) {\n      docs {\n        _id\n        title\n        alias\n        outline\n        firstImage\n        isPublished\n        publishedDate\n        tags\n        content\n        category\n      }\n      totalDocs\n      limit\n      page\n    }\n  }\n"]);return AP=function(){return A},A}let AZ=(0,o.Ps)(AP());var AS=()=>{var A,i;let{data:t,loading:e}=(0,d.aM)(AZ,{variables:{filter:{isPublished:!0},limit:100}}),o=null!==(i=null==t?void 0:null===(A=t.blogs)||void 0===A?void 0:A.docs)&&void 0!==i?i:[];return(0,n.jsxs)(s.default,{footerColor:"white",name:"隱形牙套知識學院",url:"https://sov.dental/diary/blog",children:[(0,n.jsx)(An,{}),o.length>0?(0,n.jsx)(U,{firstBlog:o[0],loading:e}):(0,n.jsx)(n.Fragment,{}),(0,n.jsx)(Ay,{}),o.length>0?(0,n.jsx)(F,{blogList:o,loading:e}):(0,n.jsx)(n.Fragment,{}),(0,n.jsx)(x.Z,{bgColor:"gray"})]})}},27549:function(A,i){"use strict";i.Z={src:"/_next/static/media/search_icon.0f14cc8f.svg",height:24,width:24,blurWidth:0,blurHeight:0}},5482:function(A,i){"use strict";i.Z={src:"/_next/static/media/close.87af06d9.svg",height:24,width:24,blurWidth:0,blurHeight:0}},31618:function(A,i){"use strict";i.Z={src:"/_next/static/media/left.30176696.svg",height:24,width:24,blurWidth:0,blurHeight:0}},30721:function(A,i){"use strict";i.Z={src:"/_next/static/media/right.e0bb5089.svg",height:24,width:24,blurWidth:0,blurHeight:0}},92177:function(A,i){"use strict";i.Z={src:"/_next/static/media/play_icon.66f4032f.svg",height:84,width:84,blurWidth:0,blurHeight:0}}},function(A){A.O(0,[1604,2926,8255,1685,7332,9944,7792,2539,3064,5661,1084,424,3280,2389,8716,2901,8066,1800,2666,1204,5528,422,6748,252,8676,5694,867,6075,7778,8718,226,1744],function(){return A(A.s=3052)}),_N_E=A.O()}]);