:root{--ink: #121212;--paper: #ffffff;--blue: #45aedc;--yellow: #f2d22e;--red: #d9502b;--green: #3e5229;--gray: #d8dcd4;--border-w: 3px;--frame-w: 6px;--font-display: "Londrina Solid", "Noto Sans TC", sans-serif;--font-slogan: "Londrina Solid", "Noto Sans TC", sans-serif;--font-body: "Plus Jakarta Sans", "Noto Sans TC", -apple-system, "PingFang TC", sans-serif;--max-w: 1120px;--gutter: clamp(20px, 4vw, 48px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}.wrap{max-width:var(--max-w);margin:0 auto;padding-inline:var(--gutter)}.site-header{position:sticky;top:0;z-index:50;background:var(--paper)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:14px}.logo-link img{height:30px;width:auto}.site-nav{display:flex;align-items:center;gap:clamp(14px,2.5vw,28px);font-weight:500}.site-nav a{text-decoration:none}.site-nav a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}.lang-switch{border:var(--border-w) solid var(--ink);border-radius:999px;padding:2px 14px;font-weight:700;background:var(--paper);transition:background .15s}.lang-switch:hover{background:var(--yellow);text-decoration:none!important}.hero .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(48px,8vw,96px)}.slogan{font-family:var(--font-slogan);font-weight:400;font-size:clamp(2rem,5.2vw,4rem);line-height:1.12;letter-spacing:.01em;text-transform:uppercase;margin:0;min-height:3.4em}.slogan .cap{color:var(--blue)}.slogan.is-fading{opacity:0;transform:translateY(8px)}.slogan{transition:opacity .35s ease,transform .35s ease}.hero-caption{margin-top:20px;font-weight:700;font-size:1.05rem}.hero-sub{margin-top:8px;color:#444;max-width:34em}.hero-cta{display:inline-block;margin-top:28px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:700;font-size:1.05rem;padding:14px 34px;border-radius:999px;border:var(--border-w) solid var(--ink);transition:background .15s,color .15s}.hero-cta:hover{background:var(--blue);border-color:var(--ink);color:var(--ink)}.hero-art{justify-self:center;max-width:400px;width:100%}.hero-art img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain}.intro{background:var(--gray);border-block:var(--border-w) solid var(--ink)}.intro .wrap{padding-block:clamp(48px,7vw,88px);max-width:820px;text-align:center}.intro h2{font-family:var(--font-display);font-weight:900;font-size:clamp(1.6rem,3.6vw,2.5rem);line-height:1.3;margin:0 0 20px}.intro p{margin:0;font-size:1.06rem}.features .wrap{padding-block:clamp(56px,8vw,104px)}.features h2{font-family:var(--font-display);font-weight:900;font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 clamp(32px,5vw,56px);text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,32px)}.feature-card{border:var(--border-w) solid var(--ink);padding:clamp(24px,3vw,36px);box-shadow:8px 8px 0 var(--ink);background:var(--paper)}.feature-card:nth-child(1){background:var(--blue)}.feature-card:nth-child(2){background:var(--yellow)}.feature-card:nth-child(3){background:var(--red);color:var(--paper)}.feature-card:nth-child(4){background:var(--green);color:var(--paper)}.feature-card h3{margin:0 0 10px;font-size:1.35rem;font-weight:900}.feature-card p{margin:0;font-size:1rem}.vibe{border-block:var(--border-w) solid var(--ink);background:repeating-linear-gradient(-55deg,var(--blue) 0 72px,var(--yellow) 72px 144px,var(--red) 144px 216px,var(--gray) 216px 288px,var(--green) 288px 360px);padding-block:clamp(72px,12vw,160px)}.vibe-card{max-width:560px;margin:0 auto;background:var(--paper);border:var(--frame-w) solid var(--ink);padding:clamp(28px,4vw,48px);text-align:center;font-family:var(--font-display);font-weight:900;font-size:clamp(1.4rem,3vw,2rem);line-height:1.5}.download{background:var(--blue)}.download .wrap{padding-block:clamp(56px,8vw,104px);text-align:center;max-width:720px}.download h2{font-family:var(--font-display);font-weight:900;font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 18px}.download p{margin:0 0 28px;font-size:1.06rem}.download-cta{display:inline-block;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:700;font-size:1.15rem;padding:16px 44px;border-radius:999px;box-shadow:6px 6px #00000040;transition:transform .15s,box-shadow .15s}.download-cta:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #00000040}.download-note{margin-top:36px;font-size:.92rem;opacity:.8}.site-footer{background:var(--ink);color:var(--paper)}.site-footer .wrap{padding-block:36px;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;font-size:.95rem}.site-footer a{color:var(--paper)}.footer-links{display:flex;gap:24px}.footer-brand{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.04em}@media(max-width:760px){.hero .wrap{grid-template-columns:1fr}.hero-art{order:-1;max-width:420px}.feature-grid{grid-template-columns:1fr}.slogan{min-height:4.5em}.site-nav .nav-anchor{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slogan{transition:none}}:lang(en) :is(.intro h2,.features h2,.download h2,.vibe-card){font-weight:400}