:root{--paper:#F5F1E8;--ink:#2148B8;--acc:#C65F38;--soft:color-mix(in srgb,#2148B8 16%,#F5F1E8);--txt:#22263a}*{box-sizing:border-box}html{scroll-behavior:smooth}body.tw{margin:0;background:var(--paper);color:var(--txt);font:16px/1.8 Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;-webkit-text-size-adjust:100%}.tw-main{max-width:820px;margin:0 auto;padding:0 6vw 64px}img{max-width:100%;height:auto;display:block}h1,h2{font-family:"Noto Serif TC",Songti TC,serif;color:var(--ink);font-weight:700;text-wrap:balance;margin:0}h1{font-size:clamp(38px,10vw,84px);line-height:1.08;letter-spacing:-.01em}h2{font-size:clamp(28px,6.4vw,52px);line-height:1.15}h1 i,h2 i{font-style:normal;color:var(--acc)}.eyebrow{font-size:12px;letter-spacing:.24em;color:var(--acc);margin:0 0 14px;font-weight:600}.lede{font-size:clamp(16px,2.4vw,19px);max-width:30em;text-wrap:pretty;margin:24px 0 0}.note{font-size:14px;color:color-mix(in srgb,var(--txt) 70%,var(--paper));margin:10px 0 0}.tw-top{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--soft)}.tw-mark{font-weight:700;color:var(--ink);letter-spacing:.08em}.tw-toplink{color:var(--ink);font-size:14px}.tw-hero{padding:72px 0 88px}.tw-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.cta,.ghost{display:inline-block;padding:13px 22px;border-radius:6px;text-decoration:none;font-weight:600;transition:transform .2s}.cta{background:var(--ink);color:var(--paper)}.ghost{border:1px solid var(--ink);color:var(--ink)}.cta:hover,.ghost:hover{transform:translateY(-2px)}a:focus-visible,summary:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.tw-sec{padding:72px 0;border-top:1px solid var(--soft)}.shots{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.shots,.shots figure:nth-child(2n){margin-top:36px}figure{margin:0}figure img{border-radius:8px;border:1px solid var(--soft)}figcaption{font-size:12px;letter-spacing:.08em;margin-top:8px;color:var(--ink)}.pair{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:18px;gap:18px;margin-top:40px;align-items:end}.sihe{position:relative;margin-top:36px;padding-bottom:40px}.sihe .d{border-radius:8px;border:1px solid var(--soft);width:86%}.sihe .m{position:absolute;right:0;bottom:0;width:26%;border-radius:10px;border:1px solid var(--soft);box-shadow:0 8px 24px rgba(33,72,184,.12)}.price{font-family:"Noto Serif TC",serif;color:var(--ink);font-size:clamp(56px,15vw,120px);line-height:1;margin:28px 0 0;font-weight:700}.price span{font-size:.3em;vertical-align:.9em;margin-right:4px}.price small{font-size:.18em;margin-left:8px;color:var(--txt)}.claim{display:inline-block;margin:18px 0 0;padding:6px 12px;border:1.5px solid var(--acc);color:var(--acc);border-radius:4px;font-weight:600;transform:rotate(-1.2deg)}.spec{margin:36px 0 0}.spec div{display:grid;grid-template-columns:7.5em 1fr;grid-gap:12px;gap:12px;padding:14px 0;border-top:1px solid var(--soft)}.spec dt{font-size:13px;letter-spacing:.1em;color:var(--ink);font-weight:600}.spec dd{margin:0}.try img{margin-top:28px;border-radius:8px;border:1px solid var(--soft)}.steps{counter-reset:s;list-style:none;padding:0;margin:24px 0 0;display:grid;grid-gap:8px;gap:8px}.steps li{counter-increment:s}.steps li:before{content:counter(s);display:inline-grid;place-items:center;width:26px;height:26px;margin-right:10px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:13px}.faq{margin-top:28px}.faq details{border-top:1px solid var(--soft);padding:14px 0}.faq summary{cursor:pointer;font-weight:600;color:var(--ink);list-style:none}.faq summary:after{content:"＋";float:right;color:var(--acc)}.faq details[open] summary:after{content:"－"}.faq p{margin:8px 0 0}.contact ul{list-style:none;padding:0;margin:24px 0 0;font-size:18px}.contact li{padding:8px 0}.contact li,.tw-foot{border-top:1px solid var(--soft)}.tw-foot{font-size:12px;padding-top:28px;color:color-mix(in srgb,var(--txt) 60%,var(--paper))}.js-r [data-r]{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.js-r [data-r].in{opacity:1;transform:none}.tw-hero>*{animation:up .6s ease both}.tw-hero>:nth-child(2){animation-delay:.08s}.tw-hero>:nth-child(3){animation-delay:.16s}@keyframes up{0%{opacity:0;transform:translateY(16px)}}@media (max-width:640px){.shots{grid-template-columns:1fr 1fr}.pair{grid-template-columns:1fr}.tw-hero{padding:48px 0 64px}.tw-sec{padding:56px 0}.spec div{grid-template-columns:1fr;gap:2px}.sihe .m{width:34%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tw-hero>*{animation:none}.cta:hover,.ghost:hover{transform:none}}.tw-toplinks{display:flex;gap:16px;align-items:center}.tw-hub-hero{padding:56px 0 40px}.tw-hub-hero h1{font-size:clamp(36px,9vw,72px)}.tw-hub-sec{padding:40px 0;border-top:1px solid var(--soft)}.tw-hub-divider{padding:56px 0 24px;border-top:2px solid color-mix(in srgb,var(--ink) 28%,transparent)}.tw-hero-service{padding:24px 0 64px}.tw-service-h{font-family:"Noto Serif TC",Songti TC,serif;color:var(--ink);font-weight:700;font-size:clamp(28px,6.4vw,52px);line-height:1.15;text-wrap:balance;margin:0}.tw-learn-cards{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-gap:18px;gap:18px}.tw-learn-card{border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--paper) 70%,#fff);transition:transform .18s cubic-bezier(.23,1,.32,1),border-color .18s ease,box-shadow .18s ease}.tw-learn-card-link{display:block;text-decoration:none;color:inherit}.tw-learn-card-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:color-mix(in srgb,var(--paper) 50%,#fff);border:0;border-radius:0;border-bottom:1px solid var(--soft)}.tw-learn-card-body{padding:16px 18px 18px}.tw-learn-card-title{display:block;font-weight:700;color:var(--ink);font-size:1.1rem;line-height:1.35;margin:0 0 8px}.tw-learn-card-desc{margin:0;font-size:15px;line-height:1.55;color:color-mix(in srgb,var(--txt) 82%,var(--paper))}.tw-about-links{margin:20px 0 0;font-size:15px}.tw-about-links a{color:var(--ink)}.tw-feature .ghost{margin-top:20px}@media (hover:hover) and (pointer:fine){.tw-learn-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ink) 28%,transparent);box-shadow:0 10px 28px color-mix(in srgb,var(--ink) 8%,transparent)}}@media (prefers-reduced-motion:reduce){.tw-learn-card{transition:none}.tw-learn-card:hover{transform:none;box-shadow:none}}