:root{--ink:#172033;--navy:#101827;--cream:#f5f0e8;--paper:#fffdf9;--wood:#a66a3f;--muted:#566170;--line:#ddd7cd;--green:#06c755}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:Noto Sans TC,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{width:100%;display:block}.wrap{width:min(1080px,100% - 40px);margin:auto}.nav{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,253,249,.933);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.logo{object-fit:contain;object-position:left;width:126px;height:48px}.links{align-items:center;gap:24px;font-size:14px;font-weight:600;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;padding:12px 20px;font-weight:600;display:inline-flex}.button-dark{background:var(--navy);color:#fff}.button-line{background:var(--green);color:#fff}.hero{background:var(--cream);padding:88px 0 64px}.eyebrow{color:var(--wood);letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:600}.article h1,.hero h1{font-family:Noto Serif TC,serif;font-weight:600;line-height:1.35}.hero h1{margin:12px 0 18px;font-size:max(38px,min(5vw,60px))}.hero p{max-width:680px;color:var(--muted);font-size:17px}.grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:64px 0;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.card-image{aspect-ratio:16/9;object-fit:cover}.card-image-right{object-position:76% 45%}.card-image-far-right{object-position:91% 50%}.card-body{flex-direction:column;flex:1;padding:25px;display:flex}.tag{color:var(--wood);font-size:13px;font-weight:700}.card h2{margin:10px 0;font-family:Noto Serif TC,serif;font-size:22px;font-weight:600;line-height:1.45}.card p{color:var(--muted);margin:0 0 20px}.read{margin-top:auto;font-weight:700}.article{width:min(760px,100% - 40px);margin:0 auto;padding:70px 0}.article h1{margin:12px 0 18px;font-size:max(36px,min(5vw,54px))}.lead{color:var(--muted);font-size:19px}.meta{color:var(--muted);margin:20px 0 36px;font-size:13px}.article h2{margin:48px 0 14px;font-family:Noto Serif TC,serif;font-size:30px;font-weight:600;line-height:1.45}.article li,.article p{font-size:17px}.note{background:var(--cream);border-left:4px solid var(--wood);margin:30px 0;padding:20px 24px}.cta{background:var(--navy);color:#fff;border-radius:22px;margin-top:54px;padding:32px}.cta p{color:#d4dbe4}.actions{flex-wrap:wrap;gap:10px;display:flex}.breadcrumb{color:var(--muted);margin-bottom:18px;font-size:14px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:36px 0 100px;font-size:13px}.mobile-bar{display:none}@media (max-width:780px){body{padding-bottom:76px}.links a:not(.button){display:none}.grid{grid-template-columns:1fr;padding:42px 0}.hero{padding:58px 0 42px}.article{padding:46px 0}.article h2{font-size:27px}.hero p,.card p,.lead,.article li,.article p{font-size:16px}.mobile-bar{z-index:20;padding:9px 14px calc(9px + env(safe-area-inset-bottom));background:#fff;grid-template-columns:1fr 1fr;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px rgba(0,0,0,.133)}.mobile-bar .button{padding:11px}.footer{padding-bottom:30px}}