.art-switch{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin:35px 0 45px;padding:30px;border:1px solid var(--gold);background:#101d28}.art-info h3{font-size:23px;line-height:1.6;margin:15px 0}.art-info>p{line-height:1.9;font-size:12px;color:#aab7bf}.art-info strong{color:var(--paper)}.art-info .eyebrow{color:var(--gold);font-size:10px;letter-spacing:1px}.art-buttons{display:flex;gap:10px;margin:22px 0 12px}.art-buttons button{border:1px solid var(--gold);padding:13px 22px;background:transparent;color:var(--gold)}.art-buttons button[aria-pressed=true]{background:var(--gold);color:var(--navy)}.art-info #art-status{font-size:11px;color:var(--gold)}.art-command code{background:#283c4a;color:var(--paper);padding:4px 8px;font-size:12px}.art-guide{padding:0;border:0;background:transparent;display:block;width:100%}.art-guide img{display:block;width:100%;height:auto}.art-guide:hover{outline:1px solid var(--gold);outline-offset:4px}@media(max-width:800px){.art-switch{grid-template-columns:1fr;padding:22px;gap:20px}.art-info h3{font-size:20px}.art-buttons button{padding:12px 20px}}
.reference-panel{margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.reference-panel h3{font-size:25px}.reference-panel>p:not(.eyebrow){font-size:13px;color:#aab7bf;line-height:1.9}.reference-image{position:relative;padding:0;border:1px solid var(--gold);background:transparent;width:100%;display:block}.reference-image img{display:block;width:100%;height:auto}.reference-image span{position:absolute;right:15px;bottom:15px;background:#101d28e8;color:var(--paper);padding:10px 15px;font-size:11px}.mode-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.mode-layout>div{padding-top:25px}.mode-layout h3{font-size:25px}.mode-layout p{font-size:14px;line-height:2}.mode-layout code{background:#ded3c1;padding:4px 8px}.mode-image{max-width:490px}@media(max-width:650px){.mode-layout{grid-template-columns:1fr;gap:20px}.reference-panel h3,.mode-layout h3{font-size:20px}}
.language-switch{display:flex;align-items:center;gap:9px;margin-left:25px;white-space:nowrap;font-size:11px}.language-switch a{padding:7px 9px;border:1px solid transparent;color:#aab7bf}.language-switch a[aria-current=true]{border-color:var(--gold);color:var(--gold)}header nav{margin-left:auto}html[lang="zh-Hant-TW"] body{font-family:'Microsoft JhengHei','Noto Sans KR',sans-serif}html[lang="zh-Hant-TW"] h1,html[lang="zh-Hant-TW"] h2,html[lang="zh-Hant-TW"] h3{font-family:'Noto Serif KR','PMingLiU',serif}@media(max-width:800px){header{height:auto;min-height:90px;flex-wrap:wrap;padding:10px 4%;gap:8px}.language-switch{margin-left:auto;font-size:10px;gap:4px}header nav{order:3;width:100%;justify-content:space-between;margin:0;padding-top:5px}.language-switch a{padding:5px 7px}html{scroll-padding-top:100px}}
.accessible-title{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.title-logo{display:block;width:min(540px,100%);height:auto;max-height:390px;object-fit:contain;object-position:left center;margin:-8px 0 0;filter:drop-shadow(0 6px 25px #0007)}.hero{padding-top:65px;min-height:850px}.hero-pre{margin-top:25px;margin-bottom:8px}.hero-copy{margin-top:15px}.hero-actions{flex-wrap:wrap;gap:24px}.hero-ornament{right:5%;opacity:.2}.play-button{font-weight:600}.closing .play-button{display:table;margin:0 auto 28px}.character-quote{font-size:17px;line-height:1.9;margin:25px 0;background:#e6ddcb;color:#493b27}.detail-person>img{max-height:760px}@media(max-width:650px){.title-logo{max-height:290px;margin:0}.hero{min-height:740px;padding-top:45px}.hero-actions{gap:18px}.hero-actions .button{width:100%;justify-content:center}.character-quote{font-size:15px}.hero-ornament{display:none}}