*{box-sizing:border-box}html,body{margin:0;height:100%;background:#111c17;color:#e9dfc6;font-family:"PingFang TC","Noto Sans TC",sans-serif}body{display:grid;grid-template-rows:auto 1fr}header{padding:12px 20px;border-bottom:1px solid #ad965950}.heading{display:flex;align-items:center;gap:18px;margin-bottom:9px}.heading strong{font-size:17px;color:#e6cc93}.heading span{font-size:12px;color:#bfcbb5}.heading a{margin-left:auto;color:#d1bb86;font-size:12px}nav{display:flex;gap:7px;flex-wrap:wrap}button{font:inherit;font-size:13px;color:#ded8bc;background:#223126;border:1px solid #b6a46755;padding:8px 13px;min-height:38px;cursor:pointer}button:hover{border-color:#dbc48b}button:disabled{opacity:.5;cursor:default}#ending{background:#bd9c5b;color:#122017;border-color:#dcc285}button:focus-visible,a:focus-visible{outline:2px solid #e4cb8e;outline-offset:3px}p{font-size:11px;line-height:1.5;color:#9cab94;margin:8px 0 0}iframe{display:block;width:100%;height:100%;min-height:0;border:0}@media(max-width:650px){header{padding:9px 10px}.heading{gap:8px;margin-bottom:6px}.heading strong{font-size:14px}.heading span{font-size:10px}.heading a{font-size:10px}nav{gap:4px}button{font-size:11px;padding:6px 8px;min-height:32px}p{font-size:10px;margin-top:5px}}