:root{--navy:#0F2A43;--blue:#1F6F8B;--teal:#22A699;--paper:#FCFCFA;--ink:#17212B;--muted:#5E6B75;--line:#D7DEE5;--mint:#E6F6F3}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang TC","STHeiti","Noto Sans CJK TC",sans-serif}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 32px;border-bottom:1px solid var(--line);background:white;position:sticky;top:0;z-index:5}.eyebrow{margin:0 0 4px;color:var(--teal);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;color:var(--navy);font-size:25px}.actions{display:flex;flex-wrap:wrap;gap:10px}.actions a,.actions button,.controls button{border:1px solid var(--line);background:white;color:var(--navy);padding:10px 13px;border-radius:8px;font-weight:750;text-decoration:none;cursor:pointer}.actions a:first-child{background:var(--navy);color:white}.viewer{display:grid;grid-template-columns:164px minmax(0,1fr)360px;gap:20px;padding:22px;min-height:calc(100vh - 96px)}.thumbs{display:flex;flex-direction:column;gap:10px;overflow:auto;max-height:calc(100vh - 140px);padding-right:4px}.thumbs button{border:2px solid transparent;background:white;padding:3px;border-radius:8px;cursor:pointer;box-shadow:0 1px 5px #0f2a4314}.thumbs button.active{border-color:var(--teal)}.thumbs img{width:100%;display:block;border-radius:5px}.stage{min-width:0}.slideFrame{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 16px 40px #0f2a4317}.slideFrame img{width:100%;display:block}.controls{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:14px}.controls span{min-width:86px;text-align:center;color:var(--muted);font-weight:800}.notes{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;align-self:start;max-height:calc(100vh - 140px);overflow:auto}.notes h2{margin:0 0 12px;color:var(--navy);font-size:23px;line-height:1.25}.notes p{font-size:17px;line-height:1.7}.scriptItem{border-top:1px solid var(--line);padding:16px 0}.scriptItem h3{margin:0 0 8px;color:var(--navy);font-size:18px}.siteFooter{padding:18px 32px;color:var(--muted);border-top:1px solid var(--line);font-size:14px}@media (max-width:960px){.topbar{position:static;align-items:flex-start;flex-direction:column}.viewer{grid-template-columns:1fr;padding:12px}.thumbs{order:2;flex-direction:row;max-height:none;overflow-x:auto}.thumbs button{min-width:130px}.stage{order:1}.notes{order:3;max-height:none}.actions a,.actions button{font-size:14px;padding:9px 10px}h1{font-size:22px}}