.opn-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.opn-tag{cursor:pointer;pointer-events:auto;width:0;height:0;font:inherit;background:0 0;border:0;padding:0;animation:.32s ease-out both opn-in;position:absolute;top:0;left:0}.opn-pin{background:var(--opn-c);width:12px;height:12px;box-shadow:0 0 10px color-mix(in srgb, var(--opn-c) 85%, transparent);border:2px solid #fff;border-radius:50%;animation:.22s ease-out both opn-pin;position:absolute;top:-6px;left:-6px}.opn-line{transform-origin:50% 100%;background:#ffffffd9;width:2px;height:22px;animation:.28s ease-out .1s both opn-line;position:absolute;top:-24px;left:-1px}.opn-name{white-space:nowrap;border-left:4px solid var(--opn-c);color:#f6eadb;letter-spacing:.04em;background:#0b1016d1;border-radius:5px;padding:4px 11px 5px 9px;font-size:15px;font-weight:800;line-height:1.25;animation:.3s ease-out .22s both opn-name;position:absolute;bottom:24px;left:-2px}.opn-flip .opn-name{border-left:0;border-right:4px solid var(--opn-c);padding:4px 9px 5px 11px;left:auto;right:-2px}.opn-below .opn-line{display:none}.opn-below .opn-name{top:8px;bottom:auto}.opn-tag:hover .opn-name,.opn-tag:focus-visible .opn-name{background:#1c242ef2}.opn-tag:focus-visible{outline:none}.opn-tag:focus-visible .opn-name{outline:2px solid #fff}.opn-sel .opn-name{color:#1d1a14;box-shadow:0 0 0 2px var(--opn-c), 0 4px 14px #00000080;background:#fff6e3}.opn-sel .opn-pin{width:16px;height:16px;top:-8px;left:-8px}@keyframes opn-in{0%{opacity:0}to{opacity:1}}@keyframes opn-pin{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes opn-line{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes opn-name{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.opn-tag,.opn-pin,.opn-line,.opn-name{animation:none}}.opn-card{box-sizing:border-box;color:#2c2820;background:#fbf7ec;border-radius:12px;width:320px;max-height:calc(100dvh - 40px);font-family:InterVar,Noto Sans TC,system-ui,sans-serif;overflow:auto;box-shadow:0 10px 34px #00000073}.opn-card-top{border-top:6px solid var(--opn-c);border-radius:12px 12px 0 0;align-items:flex-start;gap:10px;padding:14px 14px 8px 18px;display:flex}.opn-card h2{letter-spacing:.04em;flex:1;margin:0;font-family:Noto Serif TC,PMingLiU,serif;font-size:28px;font-weight:900;line-height:1.15}.opn-card-x{color:#7c7466;cursor:pointer;background:0 0;border:0;padding:2px 6px;font-size:22px;line-height:1}.opn-card-x:hover{color:#2c2820}.opn-card-body{padding:0 18px 16px}.opn-card-now{margin:0 0 3px;font-size:14px;font-weight:700}.opn-card-per{color:#6c6454;margin:0 0 12px;font-size:12.5px}.opn-card-per i{background:var(--opn-c);vertical-align:0;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.opn-why-k{letter-spacing:.12em;color:#8a5a1e;margin:0 0 4px;font-size:12px;font-weight:800}.opn-why{margin:0 0 14px;font-size:18px;font-weight:600;line-height:1.6}.opn-why.opn-why-weak{color:#4a4437;font-size:15px;font-weight:500}.opn-why-none{color:#6c6454;margin:0 0 14px;font-size:14px;line-height:1.6}.opn-ev{color:#6c6454;border-top:1px solid #3c34262e;margin:0;padding-top:10px;font-size:12px;line-height:1.6}.opn-ev q{quotes:"「" "」"}.opn-ev a{color:#8a5a1e;word-break:break-all}.opn-approx{color:#8a5a1e;margin:8px 0 0;font-size:12px}.opn-actions{gap:8px;margin:12px 0 0;display:flex}.opn-actions button{color:#6a4413;font:inherit;cursor:pointer;background:0 0;border:1px solid #8a5a1e;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:700}.opn-actions button:hover{color:#fff;background:#8a5a1e}.gp-root{--gp-ink:#efe6d2;--gp-sub:#efe6d2a3;--gp-acc:#f08a3c;--gp-glass:#0d0b09bd;--gp-line:#efe6d22e;color:var(--gp-ink);background:#0d0b09;font-family:InterVar,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;position:fixed;inset:0;overflow:hidden}.gp-stage{position:absolute;inset:0}.gp-canvas{cursor:grab;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.gp-canvas:active{cursor:grabbing}.gp-vignette{pointer-events:none;background:radial-gradient(at 50% 46%,#0000 55%,#00000061 100%);position:absolute;inset:0}.gp-home{z-index:80;border:1px solid var(--gp-line);color:#fff;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0b09d1;border-radius:999px;padding:7px 14px 8px;font-size:14px;font-weight:700;text-decoration:none;position:fixed;top:14px;left:16px}.gp-home:hover{color:#1d1a14;background:#fff}.gp-home-nav{align-items:baseline;gap:6px;display:flex}.gp-home-nav:hover{color:#fff;background:#0d0b09d1}.gp-home-nav a{color:inherit;text-decoration:none}.gp-home-nav a:hover,.gp-home-nav a:focus-visible{text-underline-offset:3px;text-decoration:underline}.gp-home-nav span{opacity:.55;font-weight:400}.gp-loading{z-index:40;text-align:center;background:#0d0b09;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;inset:0}.gp-loading p{margin:0;font-size:18px;font-weight:700}.gp-loading small{color:var(--gp-sub);font-size:13px}.gp-loading .gp-err{max-width:460px;line-height:1.7}.gp-loading button{background:var(--gp-acc);color:#1d1a14;font:inherit;cursor:pointer;border:0;border-radius:8px;margin-top:6px;padding:8px 20px;font-weight:800}.gp-loading a{color:var(--gp-sub);font-size:14px}.gp-spin{border:3px solid #efe6d233;border-top-color:var(--gp-acc);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite gp-spin}@keyframes gp-spin{to{transform:rotate(360deg)}}.gp-phone{text-align:center;justify-content:center;align-items:center;display:flex}.gp-phone-msg h1{letter-spacing:.1em;margin:0 0 8px;font-family:Noto Serif TC,PMingLiU,serif;font-size:34px}.gp-phone-msg p{margin:0 0 18px;font-size:20px;font-weight:700}.gp-phone-msg a{color:var(--gp-sub);font-size:15px}.gp-year{z-index:10;pointer-events:none;max-width:300px;position:absolute;top:62px;left:20px}.gp-year>*{pointer-events:auto}.gp-kicker{background:var(--gp-glass);letter-spacing:.3em;color:var(--gp-ink);border-radius:4px;padding:2px 9px 3px;font-size:13px;font-weight:700;display:inline-block}.gp-year b{color:var(--gp-ink);font-variant-numeric:tabular-nums;text-shadow:0 0 3px #000000e6,0 2px 22px #000c;font-family:Noto Serif TC,PMingLiU,serif;font-size:84px;font-weight:900;line-height:1;display:block}.gp-legend-t{border:1px solid var(--gp-line);background:var(--gp-glass);color:var(--gp-sub);font:inherit;cursor:pointer;border-radius:6px;margin:8px 0 0;padding:3px 10px;font-size:12px}.gp-legend{background:var(--gp-glass);columns:2;border-radius:8px;column-gap:14px;margin:6px 0 0;padding:8px 12px;font-size:12px;line-height:1.55;list-style:none}.gp-legend li{break-inside:avoid;white-space:nowrap;align-items:center;gap:6px;display:flex}.gp-legend i{border-radius:2px;flex:none;width:11px;height:11px;box-shadow:inset 0 -2px #0000002e}.gp-legend .gp-legend-note{columns:1;column-span:all;white-space:normal;color:var(--gp-sub);margin-top:6px;font-size:11px;line-height:1.45;display:block}.gp-explain{z-index:12;background:var(--gp-glass);border-left:4px solid var(--gp-acc);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;width:min(520px,100vw - 420px);padding:12px 16px 13px;animation:.4s ease-out both gp-in;position:absolute;bottom:104px;left:20px}.gp-explain-y{color:var(--gp-acc);font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.gp-explain h2{margin:0 0 0 10px;font-size:18px;font-weight:800;display:inline}.gp-explain p{color:#efe6d2e0;margin:5px 0 0;font-size:14.5px;line-height:1.65}@keyframes gp-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.gp-controls{z-index:15;background:var(--gp-glass);border:1px solid var(--gp-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;align-items:center;gap:14px;padding:10px 16px;display:flex;position:absolute;bottom:16px;left:16px;right:356px}.gp-play{background:var(--gp-acc);color:#1d1a14;min-width:96px;font:inherit;cursor:pointer;border:0;border-radius:8px;flex:none;padding:9px 14px;font-size:15px;font-weight:800}.gp-play:hover{filter:brightness(1.08)}.gp-slider{flex:1;min-width:160px}.gp-slider input{width:100%;accent-color:var(--gp-acc);margin:0;display:block}.gp-eras{color:var(--gp-sub);margin-top:2px;font-size:11px;display:flex}.gp-eras span{border-left:1px solid var(--gp-line);white-space:nowrap;padding-left:5px;overflow:hidden}.gp-views{flex:none;gap:6px;display:flex}.gp-views button{border:1px solid var(--gp-line);color:var(--gp-ink);font:inherit;cursor:pointer;white-space:nowrap;background:#efe6d214;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700}.gp-views button:hover{background:#efe6d233}.gp-glow{color:var(--gp-sub);white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:5px;font-size:12px;display:flex}.gp-glow input{accent-color:var(--gp-acc)}.gp-ui-card .gp-controls{flex-wrap:wrap;gap:10px 12px;width:392px;padding:12px 14px;right:auto}.gp-ui-card .gp-slider{flex:200px}.gp-ui-card .gp-views{flex-wrap:wrap;flex:100%}.gp-ui-card .gp-glow{flex:100%}.gp-ui-card .gp-explain{width:min(460px,100vw - 840px);top:auto;bottom:16px;left:424px}.gp-right{z-index:20;flex-direction:column;gap:10px;width:320px;min-height:0;display:flex;position:absolute;top:16px;bottom:52px;right:16px}.gp-right .opn-card{flex:none;max-height:56%}.gp-panel{border:1px solid var(--gp-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0b09d6;border-radius:12px;flex-direction:column;flex:1;min-height:0;padding:12px 12px 10px;display:flex}.gp-panel-h{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.gp-panel-h h2{margin:0;font-size:17px;font-weight:800}.gp-panel-h h2 small{color:var(--gp-sub);margin-left:4px;font-size:13px;font-weight:600}.gp-panel-n{color:var(--gp-acc);font-size:12px;font-weight:700}.gp-search{box-sizing:border-box;border:1px solid var(--gp-line);width:100%;color:var(--gp-ink);font:inherit;background:#efe6d214;border-radius:8px;outline:none;padding:7px 10px;font-size:14px}.gp-search:focus{border-color:var(--gp-acc)}.gp-search::placeholder{color:var(--gp-sub)}.gp-periods{flex-wrap:wrap;gap:5px;margin:9px 0 8px;display:flex}.gp-periods button{border:1px solid var(--gp-line);color:var(--gp-sub);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:4px 9px 4px 7px;font-size:12px;font-weight:700;display:inline-flex}.gp-periods button i{border:2px solid var(--c);box-sizing:border-box;border-radius:50%;width:9px;height:9px}.gp-periods button small{opacity:.7;font-size:11px}.gp-periods button.on{color:var(--gp-ink);border-color:var(--c);background:#efe6d21a}.gp-periods button.on i{background:var(--c)}.gp-list{scrollbar-width:thin;flex:1;min-height:0;margin:0 -4px;padding:0 4px;overflow:auto}.gp-grp-h{border:0;border-bottom:1px solid var(--gp-line);width:100%;color:var(--gp-ink);font:inherit;cursor:pointer;text-align:left;background:0 0;justify-content:space-between;padding:6px 4px;font-size:14px;font-weight:800;display:flex}.gp-grp-h small{color:var(--gp-sub);font-weight:600}.gp-grp ul{margin:0;padding:2px 0 6px;list-style:none}.gp-row{width:100%;color:var(--gp-sub);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:12px auto 1fr auto;align-items:baseline;gap:6px;padding:4px;font-size:13px;display:grid}.gp-row i{border:2px solid var(--c);box-sizing:border-box;border-radius:50%;align-self:center;width:8px;height:8px}.gp-row b{color:var(--gp-sub);font-weight:800}.gp-row span{text-overflow:ellipsis;white-space:nowrap;opacity:.8;font-size:11.5px;overflow:hidden}.gp-row em{font-variant-numeric:tabular-nums;font-size:11.5px;font-style:normal}.gp-row.on{color:var(--gp-ink)}.gp-row.on b{color:#fff}.gp-row.on i{background:var(--c)}.gp-row:hover,.gp-row.sel{background:#efe6d21f}.gp-none{color:var(--gp-sub);margin:10px 4px;font-size:13px}.gp-panel-foot{color:var(--gp-sub);margin:8px 0 0;font-size:11px;line-height:1.5}.gp-panel-toggle{z-index:25;border:1px solid var(--gp-line);background:var(--gp-glass);color:var(--gp-sub);font:inherit;cursor:pointer;border-right:0;border-radius:8px 0 0 8px;padding:4px 10px;font-size:12px;position:absolute;top:16px;right:344px}.gp-p-off .gp-panel-toggle{border-right:1px solid var(--gp-line);border-radius:8px;right:16px}.gp-p-off .gp-controls,.gp-p-off .gp-tag{right:16px}.gp-tag{z-index:25;background:var(--gp-glass);border:1px solid var(--gp-line);color:var(--gp-sub);letter-spacing:.08em;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;bottom:16px;right:16px}.gp-tag-light .opn-name{color:#1d1a14;background:#fffaeef2;box-shadow:0 2px 8px #00000059}.gp-tag-light .opn-line{background:#fffaeee6}.gp-tag-light .opn-tag:hover .opn-name{background:#fff}@media (width<=1180px){.gp-controls{flex-wrap:wrap}.gp-glow{display:none}}@media (prefers-reduced-motion:reduce){.gp-explain,.gp-spin{animation:none}}.gp-explain-note{color:var(--gp-sub);margin:4px 0 0;font-size:12px}.gp-explain-back{border:1px solid var(--gp-acc);color:var(--gp-acc);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-top:8px;padding:4px 12px;font-size:12.5px;font-weight:700}.gp-explain-back:hover{background:var(--gp-acc);color:#1d1a14}.gp-town{border:1px solid var(--gp-line);color:var(--gp-ink);font:inherit;cursor:pointer;background:#efe6d214;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:700}.gp-town option{color:#efe6d2;background:#1d1a14}.gp-town option:disabled{color:#8b8473}