:root{--paper: #f4f4f1;--card: #ffffff;--slate: #2f3a40;--stone: #8a9a9c;--door: #c8502e;--ink: #1d2428;--muted: #4f5b60;--line: #dde1e0;--stone-soft: #e8ebeb;--door-soft: #f6e4dc;--on-dark: #f4f4f1;--radius: 12px;--wrap: 1160px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,Noto Sans TC,system-ui,sans-serif;font-size:17px;line-height:1.75}img,video{max-width:100%;display:block}a{color:inherit}h1,h2,h3{line-height:1.3;margin:0 0 .5em;text-wrap:balance}p{margin:0 0 1em}:focus-visible{outline:2px solid var(--door);outline-offset:2px}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}.narrow{max-width:820px}.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--stone);font-weight:600;margin-bottom:14px}.muted{color:var(--muted)}.small{font-size:14px}.draft-flag{position:fixed;right:12px;bottom:12px;z-index:50;background:var(--ink);color:var(--on-dark);font-size:13px;padding:6px 12px;border-radius:999px}.nav{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px}.brand img{height:48px;width:auto}.nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-size:15px}.nav ul a{text-decoration:none;color:var(--muted)}.nav ul a:hover,.nav ul a[aria-current=page]{color:var(--slate)}.nav ul a[aria-current=page]{font-weight:600}.nav .cta{min-height:40px;padding:0 16px;font-size:14px}@media(max-width:900px){.nav ul{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:8px;font-weight:600;text-decoration:none;font-size:16px;border:0;cursor:pointer;font-family:inherit}.btn-primary{background:var(--door);color:#fff}.btn-dark{background:var(--slate);color:var(--on-dark)}.btn-ghost{border:1.5px solid var(--slate);color:var(--slate);background:transparent}.btn-row{display:flex;flex-wrap:wrap;gap:12px}section{padding:80px 0}section+section{border-top:1px solid var(--line)}.section-head{display:grid;gap:6px;margin-bottom:32px;max-width:760px}.section-head h2{font-size:clamp(26px,3.4vw,36px);margin:0}.section-head p{margin:0;color:var(--muted)}.page-top{padding:72px 0 56px}.page-top h1{font-size:clamp(32px,5vw,52px)}.lead{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:680px}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-3{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;min-width:0}a.card:hover{border-color:var(--stone)}.card .media{aspect-ratio:16 / 9;background:var(--stone-soft)}.card .media video,.card .media img{width:100%;height:100%;object-fit:cover}.card .body{padding:20px 22px 24px;display:grid;gap:6px;align-content:start}.card h3{font-size:19px;margin:0}.card p{font-size:15px;color:var(--muted);margin:0}.card .en{font-size:13px;color:var(--stone);letter-spacing:.02em}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--stone-soft);color:var(--slate)}.tag.door{background:var(--door-soft);color:#9a3a1f}.tag.dark,.band{background:var(--slate);color:var(--on-dark)}.band .section-head p,.band .muted{color:#c3ccce}.band .card{background:#36434a;border-color:#46545b;color:var(--on-dark)}.band .card p{color:#c3ccce}.form{display:grid;gap:14px;max-width:560px}.form label{font-size:14px;color:var(--muted);display:grid;gap:6px}.form input,.form select,.form textarea{min-height:48px;border:1.5px solid var(--line);border-radius:8px;padding:10px 14px;font-size:16px;background:var(--card);font-family:inherit;color:var(--ink)}.form-note{font-size:13px;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);padding:48px 0 72px;font-size:14px;color:var(--muted)}footer .wrap{display:grid;gap:28px;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}footer img{height:44px;width:auto;margin-bottom:12px}footer h4{font-size:13px;letter-spacing:.1em;color:var(--stone);margin:0 0 10px;text-transform:uppercase}footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}footer a{text-decoration:none}footer a:hover{color:var(--slate)}@media(max-width:760px){footer .wrap{grid-template-columns:1fr 1fr}footer .about{grid-column:1 / -1}}