.vi{container-type:inline-size;--vi-serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--vi-sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--vi-on-deep:color-mix(in srgb,var(--vi-soft) 85%,var(--vi-deep));--vi-warm-ink:color-mix(in srgb,var(--vi-ink) 70%,var(--vi-mark));--vi-warm-line:color-mix(in srgb,var(--vi-warm) 80%,var(--vi-mark));color:var(--vi-ink);background:#fff;font-size:16px;line-height:1.7}.vi section h2{font-size:34px;line-height:1.4;letter-spacing:.04em;margin:0 0 14px;text-wrap:balance}.vi section h2,.vi section h3{font-family:var(--vi-serif);font-weight:700;color:inherit}.vi section h3{font-size:19px;line-height:1.45;letter-spacing:.03em;margin:0 0 4px}.vi section p{margin:0;color:inherit}.vi .vi-lead{color:var(--vi-muted);max-width:30em}.vi .vi-wrap{padding:88px 64px}.vi .vi-pattern{background-color:var(--vi-bg);background-image:var(--vi-pattern,none);background-position:-1px -1px}.vi .vi-hero{display:grid;grid-template-columns:5fr 7fr;min-height:720px}.vi .vi-hero-copy{padding:72px 48px 56px 64px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.vi .vi-hero h2{writing-mode:vertical-rl;font-size:46px;line-height:1.55;letter-spacing:.1em;margin:0;align-self:flex-end;height:540px}.vi .vi-hero .vi-lead{background:#fff;padding:18px 20px;border-left:3px solid var(--vi-deep)}.vi .vi-facts{margin-top:14px;font-size:14px;color:var(--vi-deep);font-weight:500;letter-spacing:.06em}.vi .vi-facts span{white-space:nowrap}.vi .vi-facts span:not(:last-child):after{content:"／";margin:0 .5em;opacity:.4}.vi .vi-hero figure{margin:0;position:relative}.vi .vi-hero figure img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vi .vi-hero figure.vi-hero-video{display:flex;align-items:center;justify-content:center;padding:56px 48px}.vi .vi-hero figure.vi-hero-video video{display:block;width:100%;height:auto;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;box-shadow:0 1px 0 var(--vi-line)}.vi .vi-hero figure.vi-cut{display:flex;align-items:center;justify-content:center;padding:56px 48px}.vi .vi-hero figure.vi-cut img{width:auto;height:auto;max-width:100%;max-height:560px;-o-object-fit:contain;object-fit:contain}.vi .vi-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:36px}.vi .vi-mosaic{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:280px;gap:6px}.vi .vi-mosaic[data-n="4"]{grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:280px 250px}.vi .vi-mosaic[data-n="4"] figure:first-child{grid-row:1/3}.vi .vi-mosaic[data-n="4"] figure:last-child{grid-column:2/4}.vi .vi-mosaic[data-n="3"]{grid-template-columns:1.3fr 1fr;grid-template-rows:265px 265px}.vi .vi-mosaic[data-n="3"] figure:first-child{grid-row:1/3}.vi .vi-mosaic[data-n="2"]{grid-template-columns:1fr 1fr;grid-auto-rows:400px}.vi .vi-mosaic[data-n="1"]{grid-template-columns:1fr;grid-auto-rows:440px}.vi .vi-mosaic figure{margin:0;position:relative;overflow:hidden;background:var(--vi-line)}.vi .vi-mosaic :is(img,video){display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vi .vi-mosaic figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 14px;color:#fff;background:linear-gradient(transparent,#000a);background:linear-gradient(transparent,color-mix(in srgb,var(--vi-ink) 75%,transparent))}.vi .vi-mosaic figcaption b{display:block;font-family:var(--vi-serif);font-size:18px;letter-spacing:.04em}.vi .vi-mosaic figcaption span{font-size:13px;opacity:.9}.vi .vi-moments{display:grid;grid-template-columns:repeat(var(--vi-n,4),1fr);margin:40px 0 0;padding:0;list-style:none;border-top:2px solid var(--vi-ink)}.vi .vi-moments li{padding:18px 20px 0 0}.vi .vi-moments li+li{padding-left:20px;border-left:1px solid var(--vi-line)}.vi .vi-moments small{display:block;font-size:13px;color:var(--vi-mark);font-weight:700;letter-spacing:.06em;margin-bottom:4px}.vi .vi-moments p{font-size:14px;color:var(--vi-muted);margin-top:4px}.vi .vi-steps{background:var(--vi-deep);color:#fff}.vi .vi-steps .vi-lead{color:var(--vi-on-deep)}.vi .vi-strip{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--vi-n,6),minmax(0,1fr));gap:4px;counter-reset:vi-step}.vi .vi-strip li{counter-increment:vi-step}.vi .vi-strip img{display:block;width:100%;height:auto;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover}.vi .vi-strip li>div{padding:14px 10px 0 0}.vi .vi-strip h3{font-size:17px}.vi .vi-strip h3:before{content:counter(vi-step);font-family:var(--vi-serif);font-size:30px;line-height:1;color:var(--vi-soft);display:block;margin-bottom:6px}.vi .vi-strip p{font-size:13px;color:var(--vi-on-deep)}.vi .vi-demo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.vi .vi-demo>:is(video,img){display:block;width:100%;height:auto;aspect-ratio:540/585;-o-object-fit:cover;object-fit:cover}.vi .vi-demo>img.vi-cut{-o-object-fit:contain;object-fit:contain;padding:40px;background-color:var(--vi-bg);background-image:var(--vi-pattern,none)}.vi .vi-figures{display:grid;grid-template-columns:repeat(var(--vi-n,2),minmax(0,1fr));margin-top:32px;border-top:1px solid var(--vi-line)}.vi .vi-figures>div{padding:20px 20px 0 0}.vi .vi-figures>div+div{padding-left:24px;border-left:1px solid var(--vi-line)}.vi .vi-figures small{font-size:14px;color:var(--vi-muted);font-weight:500}.vi .vi-figures b{display:block;font-family:var(--vi-serif);font-size:56px;line-height:1.1;color:var(--vi-deep);font-weight:700;white-space:nowrap}.vi .vi-figures b.vi-long{font-size:34px;line-height:1.35}.vi .vi-figures b span{font-size:18px;margin-left:4px;font-family:var(--vi-sans);font-weight:500}.vi .vi-figures p,.vi .vi-note{font-size:14px;color:var(--vi-muted)}.vi .vi-note{display:flex;gap:16px;align-items:center;margin-top:28px}.vi .vi-note img{width:112px;height:auto;flex:none;background:var(--vi-bg);padding:6px}.vi .vi-amounts{display:grid;grid-template-columns:4fr 7fr;gap:56px;align-items:center;background:var(--vi-bg)}.vi .vi-amounts h2{white-space:nowrap}.vi .vi-source{margin-top:16px;font-size:13px;color:var(--vi-muted)}.vi .vi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;background:var(--vi-line);border:3px solid var(--vi-line);min-width:0}.vi .vi-grid>div{background:#fff;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.vi .vi-grid b{font-family:var(--vi-serif);font-size:40px;line-height:1.1;color:var(--vi-deep);white-space:nowrap}.vi .vi-grid b span{font-size:15px;font-family:var(--vi-sans);margin-left:2px;font-weight:500}.vi .vi-grid>div>span{font-size:14px;color:var(--vi-muted)}.vi .vi-grid .vi-total{background:var(--vi-soft)}.vi .vi-narrow{max-width:34em}.vi .vi-table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:36px;font-size:15px}.vi .vi-table thead td{width:30%}.vi .vi-table :is(th,td){padding:16px 14px;text-align:center;border-bottom:1px solid var(--vi-line);text-wrap:balance}.vi .vi-table thead :is(th,td){font-family:var(--vi-serif);font-size:17px;border-bottom:2px solid var(--vi-ink)}.vi .vi-table tbody th{text-align:left;font-weight:500;color:var(--vi-muted)}.vi .vi-table .vi-me{background:var(--vi-soft);font-weight:700}.vi .vi-table thead .vi-me{background:var(--vi-deep);color:#fff;border-bottom-color:var(--vi-deep)}.vi .vi-table .vi-bad{color:var(--vi-mark)}.vi .vi-after{margin-top:16px;font-size:14px;color:var(--vi-muted)}.vi .vi-tips{display:grid;grid-template-columns:4fr 7fr;gap:56px;background:var(--vi-warm)}.vi .vi-tips .vi-lead{color:var(--vi-warm-ink)}.vi .vi-tiplist{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}.vi .vi-tiplist>div{border-top:1px solid var(--vi-warm-line);padding-top:14px}.vi .vi-tiplist p{margin-top:4px}.vi .vi-care,.vi .vi-tiplist p{font-size:14px;color:var(--vi-warm-ink)}.vi .vi-care{margin-top:32px}.vi .vi-care b{color:var(--vi-ink)}.vi .vi-size{display:grid;grid-template-columns:6fr 5fr;gap:56px;align-items:center}.vi .vi-size figure{margin:0;aspect-ratio:1;background:var(--vi-soft)}.vi .vi-size figure img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.vi .vi-size dl{margin:24px 0 0;display:grid;grid-template-columns:auto 1fr}.vi .vi-size :is(dt,dd){margin:0;padding:12px 0;border-top:1px solid var(--vi-line);font-size:15px}.vi .vi-size dt{color:var(--vi-muted);padding-right:28px}.vi .vi-faq{display:grid;grid-template-columns:4fr 7fr;gap:56px;background:var(--vi-bg)}.vi .vi-qa{border-top:2px solid var(--vi-ink)}.vi .vi-qa details{border-bottom:1px solid var(--vi-line)}.vi .vi-qa summary{list-style:none;cursor:pointer;padding:18px 36px 18px 0;font-weight:700;font-size:16px;position:relative}.vi .vi-qa summary::-webkit-details-marker{display:none}.vi .vi-qa summary:after{content:"＋";position:absolute;right:4px;top:16px;color:var(--vi-deep);font-weight:400}.vi .vi-qa details[open] summary:after{content:"－"}.vi .vi-qa summary:focus-visible{outline:2px solid var(--vi-deep);outline-offset:2px}.vi .vi-qa details p{padding:0 0 18px;color:var(--vi-muted);font-size:15px}.vi .vi-pain{background:var(--vi-bg)}.vi .vi-pain-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--vi-n,4),minmax(0,1fr));gap:24px}.vi .vi-pain-list li{display:flex;flex-direction:column;gap:14px}.vi .vi-pain-list img{display:block;width:100%;height:auto;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;order:1}.vi .vi-pain .vi-q{position:relative;align-self:flex-start;background:#fff;border:1px solid var(--vi-line);border-radius:20px;padding:12px 18px;font-size:15px;line-height:1.6;color:var(--vi-ink)}.vi .vi-pain .vi-q:before{content:"「";color:var(--vi-mark)}.vi .vi-pain .vi-q:after{content:"」";color:var(--vi-mark)}.vi .vi-pain .vi-q{box-shadow:0 2px 0 var(--vi-line)}.vi .vi-pain .vi-a{order:2;position:relative;padding-left:26px;font-family:var(--vi-serif);font-weight:700;font-size:17px;line-height:1.5;color:var(--vi-deep)}.vi .vi-pain .vi-a:before{content:"";position:absolute;left:0;top:.72em;width:16px;border-top:2px solid var(--vi-mark)}.vi .vi-detail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:64px}.vi .vi-detail-list>li{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:center}.vi .vi-detail-list>li:nth-child(2n){grid-template-columns:5fr 7fr}.vi .vi-detail-list>li:nth-child(2n)>figure{order:2}.vi .vi-detail-list figure{margin:0;background:var(--vi-line)}.vi .vi-detail-list figure :is(img,video){display:block;width:100%;height:auto;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.vi .vi-detail-list figure img.vi-cut{-o-object-fit:contain;object-fit:contain;padding:32px;background-color:var(--vi-bg);background-image:var(--vi-pattern,none)}.vi .vi-detail-list small{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--vi-mark);border-bottom:2px solid var(--vi-mark);padding-bottom:2px;margin-bottom:14px}.vi .vi-detail-list h3{font-size:28px;line-height:1.4;margin-bottom:10px;text-wrap:balance}.vi .vi-detail-list p{color:var(--vi-muted);max-width:22em}.vi .vi-detail-fig{margin-top:20px;padding-top:16px;border-top:1px solid var(--vi-line)}.vi .vi-detail-fig b{display:block;font-family:var(--vi-serif);font-size:56px;line-height:1.1;color:var(--vi-deep);font-weight:700;white-space:nowrap}.vi .vi-detail-fig b.vi-long{font-size:36px}.vi .vi-detail-fig b span{font-size:18px;margin-left:4px;font-family:var(--vi-sans);font-weight:500}.vi .vi-box{display:grid;grid-template-columns:4fr 7fr;gap:56px;align-items:start}.vi .vi-box-img{margin:28px 0 0;padding:24px;background-color:var(--vi-bg);background-image:var(--vi-pattern,none)}.vi .vi-box-img img{display:block;width:100%;height:auto;max-height:260px;-o-object-fit:contain;object-fit:contain}.vi .vi-box ul{list-style:none;margin:0;padding:0;border-top:2px solid var(--vi-ink);display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:40px;column-gap:40px}.vi .vi-box li{display:flex;align-items:baseline;gap:12px;padding:16px 0;border-bottom:1px solid var(--vi-line);font-size:16px}.vi .vi-box li:before{content:"";flex:none;width:9px;height:5px;border:solid var(--vi-deep);border-width:0 0 2px 2px;transform:translateY(-3px) rotate(-45deg)}.vi .vi-box li span{flex:1}.vi .vi-box li b{color:var(--vi-muted);font-weight:500;font-size:14px;white-space:nowrap}@container (max-width: 980px){.vi .vi-wrap{padding:72px 40px}.vi .vi-hero-copy{padding:56px 32px 40px 40px}.vi .vi-hero h2{font-size:40px;height:480px}.vi .vi-moments{grid-template-columns:1fr 1fr}.vi .vi-moments li:nth-child(3){padding-left:0;border-left:0}.vi .vi-moments li:nth-child(n+3){margin-top:20px;border-top:1px solid var(--vi-line)}.vi .vi-strip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}.vi :is(.vi-amounts,.vi-tips,.vi-faq,.vi-box){grid-template-columns:1fr;gap:32px}.vi .vi-pain-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}.vi .vi-detail-list>li,.vi .vi-detail-list>li:nth-child(2n){gap:36px}.vi .vi-detail-list h3{font-size:24px}}@container (max-width: 640px){.vi{font-size:15px}.vi .vi-wrap{padding:56px 20px}.vi section h2{font-size:26px}.vi .vi-hero{grid-template-columns:1fr;min-height:0}.vi .vi-hero figure{order:-1;aspect-ratio:1}.vi .vi-hero-copy{padding:32px 20px 40px;gap:20px}.vi .vi-hero h2{writing-mode:horizontal-tb;height:auto;align-self:auto;font-size:30px;letter-spacing:.06em}.vi .vi-head{grid-template-columns:1fr;gap:8px}.vi .vi-mosaic[data-n="4"]{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:4px}.vi .vi-mosaic[data-n="4"] figure:first-child{grid-row:auto;grid-column:1/3;aspect-ratio:4/3}.vi .vi-mosaic[data-n="4"] figure:nth-child(2),.vi .vi-mosaic[data-n="4"] figure:nth-child(3){aspect-ratio:3/4}.vi .vi-mosaic[data-n="4"] figure:last-child{grid-column:1/3;aspect-ratio:16/10}.vi .vi-mosaic:is([data-n="3"],[data-n="2"]){grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-auto-rows:auto;gap:4px}.vi .vi-mosaic[data-n="3"] figure:first-child{grid-row:auto;grid-column:1/3;aspect-ratio:4/3}.vi .vi-mosaic[data-n="2"] figure,.vi .vi-mosaic[data-n="3"] figure:not(:first-child){aspect-ratio:3/4}.vi .vi-mosaic[data-n="1"]{grid-auto-rows:auto}.vi .vi-mosaic[data-n="1"] figure{aspect-ratio:4/3}.vi .vi-hero figure.vi-cut{padding:32px}.vi .vi-hero figure.vi-cut img{max-height:100%}.vi .vi-hero figure.vi-hero-video{padding:0}.vi .vi-moments{grid-template-columns:1fr}.vi .vi-moments li,.vi .vi-moments li+li{padding:16px 0 0;border-left:0}.vi .vi-moments li:nth-child(n+2){margin-top:16px;border-top:1px solid var(--vi-line)}.vi .vi-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;margin:32px -20px 0;padding:0 20px 8px;gap:4px}.vi .vi-strip li{flex:0 0 64%;scroll-snap-align:start}.vi :is(.vi-demo,.vi-size){grid-template-columns:1fr;gap:28px}.vi .vi-figures{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.vi .vi-figures b{font-size:40px}.vi .vi-figures b.vi-long{font-size:26px}.vi .vi-grid b{font-size:22px}.vi .vi-grid b span{font-size:12px}.vi .vi-grid>div>span{font-size:11px}.vi .vi-amounts h2{white-space:normal}.vi .vi-table{font-size:13px}.vi .vi-table thead td{width:28%}.vi .vi-table :is(th,td){padding:12px 6px}.vi .vi-table thead :is(th,td){font-size:14px}.vi .vi-tiplist{grid-template-columns:1fr;gap:20px}.vi .vi-pain-list{gap:28px 12px}.vi .vi-pain .vi-q{font-size:14px;padding:10px 14px;border-radius:16px}.vi .vi-pain .vi-a{font-size:15px;padding-left:20px}.vi .vi-pain .vi-a:before{width:12px}.vi .vi-detail-list{gap:44px}.vi .vi-detail-list>li,.vi .vi-detail-list>li:nth-child(2n){grid-template-columns:1fr;gap:20px}.vi .vi-detail-list>li:nth-child(2n)>figure{order:0}.vi .vi-detail-list figure{margin:0 -20px}.vi .vi-detail-list h3{font-size:22px}.vi .vi-detail-fig b{font-size:40px}.vi .vi-box ul{grid-template-columns:1fr}}