*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f3ed;color:#203c3a;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;line-height:1.9}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #b88646;outline-offset:5px}header{background:#12373b;color:#faf6ef;padding:22px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}header a{text-decoration:none}main{max-width:1120px;margin:auto;padding:48px 24px 72px}.eyebrow{letter-spacing:.12em;font-size:13px;color:#9a713f}h1{font-size:clamp(30px,4.5vw,48px);line-height:1.4;max-width:900px;letter-spacing:.02em}h2{font-size:26px;line-height:1.6;margin-top:2em}p{margin:0 0 1.2em}.summary{font-size:20px;max-width:800px}.meta{font-size:14px;color:#5d706b}.hero{width:100%;max-height:440px;object-fit:cover;border-radius:4px}.caption{font-size:12px;color:#667771}.layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:56px;margin-top:40px}aside nav{position:sticky;top:24px;border-top:2px solid #c4a678;padding-top:16px}aside a{display:block;font-size:14px;margin:0 0 12px}article p{font-size:17px}article h2:first-child{margin-top:0}.note,.related{padding:24px;background:#e9e8df;border-left:3px solid #b39463;margin:32px 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:white;border:1px solid #d5dcd5;padding:24px}.card h2{font-size:24px;margin:12px 0}.card img{width:100%;aspect-ratio:3/2;object-fit:cover}footer{background:#12373b;color:#faf6ef;padding:32px 24px;text-align:center}@media(max-width:760px){main{padding-top:30px}.layout{grid-template-columns:1fr;gap:28px}aside nav{position:static}.cards{grid-template-columns:1fr}h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(min-width:761px) and (max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--shared-header-height:72px}
body{padding-top:var(--shared-header-height)!important}
header.shared-header,header.shared-header.is-scrolled{position:fixed!important;inset:0 0 auto!important;height:var(--shared-header-height)!important;min-height:0!important;display:block!important;width:100%!important;padding:0!important;margin:0!important;z-index:100!important;background:rgba(11,44,48,.94)!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(12px)!important;color:#f4f4f2!important}
.shared-header-inner{width:min(1280px,calc(100% - 68px));height:100%;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:32px}
.shared-header .shared-brand{font-family:"Cormorant Garamond","Noto Serif TC",serif!important;font-size:22px!important;font-weight:500;letter-spacing:.08em;color:#f4f4f2!important;text-decoration:none;white-space:nowrap}
.shared-header nav.shared-page-links{position:static!important;display:flex!important;align-items:center;gap:32px!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;width:auto!important;font-family:"Manrope","Noto Sans TC",sans-serif;font-size:14px}
.shared-header .shared-page-links a{position:relative;display:block;padding:12px 0!important;color:#c9c9c6!important;text-decoration:none;border:0!important;line-height:1.6;white-space:nowrap}
.shared-header .shared-page-links a[aria-current="page"]{color:#c49f68!important}
.shared-header .shared-page-links a[aria-current="page"]::after{content:"";position:absolute;bottom:3px;left:0;right:0;height:1px;background:#c49f68}
.shared-header .shared-page-links a:hover{color:#f4f4f2!important}
.shared-header a:focus-visible{outline:2px solid #c49f68;outline-offset:5px}
.shared-header button[hidden],nav.mobile-nav[hidden]{display:none!important}
html{scroll-padding-top:calc(var(--shared-header-height) + 20px)}
@media(max-width:640px){:root{--shared-header-height:108px}.shared-header-inner{width:calc(100% - 40px);flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.shared-header .shared-brand{font-size:20px!important}.shared-header nav.shared-page-links{width:100%!important;justify-content:space-between;gap:16px!important;font-size:13px}}


:root{--ink:#30373d;--muted:#6c737b;--line:#e8e5e8;--rose:#985873;--blue:#426a80;--serif:"Cormorant Garamond","Noto Serif TC",serif;--sans:"Manrope","Noto Sans TC",sans-serif}
body{background:#fcfbfc;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.85}h1,h2,h3{font-family:var(--serif);font-weight:500}main{max-width:1200px;padding-top:48px}h1{font-size:clamp(34px,4.5vw,60px);line-height:1.35;max-width:960px}.eyebrow{color:var(--rose)}.summary{color:#65717b;font-size:18px}.meta,.caption{color:var(--muted)}.breadcrumbs{display:block;font-size:13px;margin:0 0 32px;color:var(--blue)}.hero{margin-top:20px;aspect-ratio:16/7;max-height:480px;border-radius:10px}.layout{gap:48px;grid-template-columns:240px minmax(0,760px)}aside nav{border-color:#d9adc0;background:#fbf4f7;padding:22px;border-radius:8px}aside a{color:var(--blue)}article h2{color:var(--blue);scroll-margin-top:110px}article p{line-height:2}.note,.related{background:#fbf4f7;border-color:#d9adc0;border-radius:6px}.note a,.related a{color:var(--blue)}.card{border-color:var(--line);border-radius:12px;box-shadow:0 8px 28px -22px #3d2e3a26}.card>a{text-decoration:none}.card h2{font-size:24px;color:var(--ink);line-height:1.55}.insights-footer{background:#f7f4f6;color:var(--ink);border-top:1px solid var(--line);line-height:2}a:focus-visible{outline-color:#985873}
@media(max-width:760px){.layout{grid-template-columns:1fr}.hero{aspect-ratio:3/2}aside nav{position:static}main{padding-top:30px}}

.insight-art{position:relative;aspect-ratio:3/2;margin:0 0 20px;isolation:isolate;border-radius:7px;overflow:hidden;background:#f4eef2}.insight-art>a{display:block;width:100%;height:100%}.insight-art img,.insight-grid .card .insight-art img,.card .insight-art img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;margin:0}.artist-details>summary{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;cursor:pointer;list-style:none;border:1px solid #dfd3dc;background:rgba(252,249,251,.94);color:#814a62;padding:8px 12px;border-radius:5px;font-size:12px;line-height:1.6}.artist-details>summary::-webkit-details-marker{display:none}.artist-details[open]>summary{bottom:8px}.article-artist{padding:24px;background:linear-gradient(125deg,#fbf2f6,#edf3f7);border:1px solid #e8e0e7;border-radius:8px;margin:20px 0 36px}.article-artist h3{font-family:"Cormorant Garamond","Noto Serif TC",serif;font-size:25px;margin:0;color:#814a62}.article-artist p{font-size:14px;line-height:1.85;margin:8px 0}.article-artist .artist-kicker{font-size:10px;letter-spacing:.14em;color:#995975}.article-artist .artist-english{color:#426a80;font-size:13px}.article-artist small{font-size:11px;color:#6c737b}.artist-details>.article-artist{position:absolute;inset:0;z-index:2;margin:0;border:0;border-radius:0;padding:16px 18px 60px;overflow:auto;background:linear-gradient(135deg,rgba(252,251,252,.93),rgba(251,242,246,.91),rgba(237,243,247,.93));color:#30373d}.artist-details>.article-artist h3{font-size:22px}.artist-details>.article-artist p{font-size:12px;margin:5px 0}.artist-details>.article-artist .artist-kicker{font-size:9px}

/* Article artwork is a compact introduction before the main text. */
.article-cover{width:min(100%,640px);margin:32px auto 44px}
.article-cover>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px}
.article-cover>.article-artist{margin:14px 0 0;padding:20px 24px;background:linear-gradient(125deg,#fbf2f6,#edf3f7)}
.article-cover>.article-artist h3{font-size:24px}
.article-cover>.article-artist p{font-size:14px;line-height:1.85}
@media(max-width:640px){.article-cover{margin:24px auto 32px}.article-cover>.article-artist{padding:18px}}

/* SI Club article introduction: artwork and artist side by side. */
.article-cover{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:32px;width:min(100%,1040px);margin:36px auto 48px;padding:24px;background:linear-gradient(120deg,#fbf2f6 0%,#f5f7fa 100%);border:1px solid #e8e5e8;border-radius:12px}
.article-cover>img{width:100%;max-width:540px;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:7px}
.article-cover>.article-artist{margin:0;padding:8px 0;background:transparent;border:0;border-radius:0;min-width:0}
.article-cover>.article-artist .artist-kicker{color:#995975;letter-spacing:.16em}
.article-cover>.article-artist h3{font-size:28px;font-weight:500;color:#814a62}
.article-cover>.article-artist .artist-english{color:#426a80}
.article-cover>.article-artist p{font-size:14px;line-height:1.9}
@media(max-width:700px){.article-cover{grid-template-columns:1fr;gap:20px;padding:20px;margin:28px auto 36px}.article-cover>img{max-width:100%;width:100%}.article-cover>.article-artist{padding:0}}