:root{--bg-main:#f0f0f0;--ink:#252526;--muted:#6f716f;--card:#fff;--line:#d9d9d9;--shadow-soft:0 10px 20px #2c2c2e12}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg-main);cursor:auto;margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;transition:background-color .5s;overflow-x:hidden}img{max-width:100%;height:auto}a{color:inherit;cursor:pointer;text-decoration:none}a[aria-disabled=true]{cursor:not-allowed}button:not(:disabled),label[for],select,summary,[role=button]:not([aria-disabled=true]){cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline-offset:2px;outline:2px solid #2e4e9d}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:1px;outline:2px solid #6a6d6a}input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]):not([type=file]),textarea,select{border:1px solid var(--line);color:inherit;background:#fff;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:15px}textarea{resize:vertical;line-height:1.55}.home-page{min-height:100vh;padding:24px 24px 48px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell>main{flex:1 0 auto}.top-nav{z-index:400;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(1080px,100%);margin:0 auto;padding:10px 14px;display:grid;position:relative}.brand{letter-spacing:.02em;justify-self:start;font-family:Noto Serif TC,serif;font-size:20px;font-weight:800}.top-nav-center{background:#e4e4e4;border:1px solid #d5d5d5;border-radius:999px;align-items:center;gap:6px;padding:4px;display:flex}.top-nav-link{text-transform:capitalize;color:#5f615f;cursor:pointer;border-radius:999px;padding:8px 14px;font-size:15px;transition:background .2s,color .2s}.top-nav-link:focus-visible{outline-offset:2px;outline:2px solid #2e4e9d}.top-nav-link:hover{background:var(--card);color:#202120}.top-nav-right{justify-self:end;align-items:center;gap:10px;display:flex}.lang-switcher{color:#8a8c8a;flex-wrap:wrap;align-items:center;font-size:12px;line-height:1.2;display:flex}.lang-switcher__item{align-items:center;display:inline-flex}.lang-switcher__sep{-webkit-user-select:none;user-select:none;opacity:.45;color:#a8aaa8;margin:0 1px}.lang-switcher__btn{font:inherit;font-size:inherit;line-height:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;margin:0;padding:2px 3px;transition:color .15s,background .15s}.lang-switcher__btn:hover{color:#5f615f}.lang-switcher__btn.is-active{color:#3d3f3d;font-weight:500}.avatar-button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;position:relative;overflow:hidden}.avatar-button img{object-fit:cover;width:100%;height:100%}.app-footer{border-top:1px solid #e5e5e5;width:min(1080px,100%);margin:auto auto 0;padding-top:16px}.app-footer__nav{flex-wrap:wrap;gap:8px 18px;margin-bottom:10px;font-size:13px;display:flex}.app-footer__nav a{color:#5c5f5c;text-underline-offset:2px;text-decoration:underline}.app-footer__nav a:hover{color:#2a2a2a}.app-footer__copy{color:#8a8c8a;margin:0;font-size:12px;line-height:1.5}.home-main{gap:22px;width:min(1080px,100%);margin:28px auto 0;display:grid}.hero-section{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#f4f4f4;border-radius:22px;grid-template-columns:1fr;align-items:start;gap:0;padding:28px;display:grid}.hero-copy{max-width:720px}.hero-copy h1{margin:12px 0 0;font-family:Noto Serif TC,serif;font-size:clamp(32px,5vw,50px);line-height:1.1}.hero-subtext{color:#555855;margin:14px 0 0;font-size:clamp(17px,2vw,25px);line-height:1.5}.hero-image-button{cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;max-width:220px;margin:0 auto;padding:0;display:block;position:relative}.hero-image-button:focus-visible{outline-offset:4px;outline:2px solid #2e4e9d}.hero-button-image{width:100%;display:block}.hero-button-image.active{opacity:0;margin:0 auto;position:absolute;inset:0}.hero-image-button:active .hero-button-image.active{opacity:1}.hero-image-button:active .hero-button-image.default{opacity:0}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.feature-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-soft);border-radius:18px;padding:20px;transition:transform .2s,box-shadow .2s;display:block}.feature-card--illustration:hover{transform:translateY(-3px);box-shadow:0 14px 24px #2c2c2e1a}.feature-image-wrap{aspect-ratio:16/9;background:#e8e8ea;border-radius:14px;position:relative;overflow:hidden}.feature-image{object-fit:contain;width:100%;height:100%}.feature-card h2{margin:14px 0 0;font-family:Noto Serif TC,serif;font-size:22px}.feature-card p:last-child{color:#5d5f5d;margin:8px 0 0;font-size:16px;line-height:1.5}.home-post-cta{justify-content:center;padding:8px 0 4px;display:flex}.home-page .home-post-cta{margin-top:24px;margin-bottom:1px}.home-page .app-footer{margin-top:20px;padding-top:20px}@media (width<=730px){.top-nav{grid-template-columns:1fr;justify-items:center}.brand,.top-nav-right{justify-self:center}.top-nav-right{flex-flow:wrap;justify-content:center}.hero-section{grid-template-columns:1fr}}@media (width<=620px){.home-page{padding:16px 14px 24px}.top-nav-center{flex-wrap:wrap;justify-content:center;width:100%}.feature-grid{grid-template-columns:1fr}.hero-subtext{font-size:max(17px,1.05rem);line-height:1.55}.feature-card p:last-child{font-size:max(16px,1rem);line-height:1.55}.app-footer__nav{font-size:max(14px,.875rem)}.app-footer__copy{font-size:max(13px,.8125rem)}}.route-fallback{justify-content:center;align-items:center;min-height:40vh;padding:48px 16px;display:flex}.route-fallback__text{color:var(--muted);margin:0;font-size:15px}