:root{--ink:#2d2a26;--muted:#6f6a62;--paper:#fffaf0;--paper-2:#f6eedd;--line:#e7dcc6;--brand:#1f5fa8;--shadow:0 12px 32px #283c5a2e;--font:"Noto Sans TC", "Microsoft JhengHei", "PingFang TC", "Heiti TC", system-ui, sans-serif;--panel-w:400px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);-webkit-tap-highlight-color:transparent;background:linear-gradient(#8fd0f5 0%,#bfe6fa 45%,#ffe4c6 78%,#ffd9b0 100%);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.app{background:linear-gradient(#8fd0f5 0%,#bfe6fa 45%,#ffe4c6 78%,#ffd9b0 100%);transition:background .6s;position:fixed;inset:0}.app[data-time=day]{background:linear-gradient(#6fc3f0 0%,#aee0fb 50%,#dcefff 100%)}.app[data-time=night]{background:linear-gradient(#0b1630 0%,#17284d 55%,#24375f 100%)}.scene{touch-action:none;inset:0;position:absolute!important}.loader{z-index:50;background:linear-gradient(#8fd0f5,#ffe4c6);place-content:center;justify-items:center;gap:14px;transition:opacity .8s,visibility .8s;display:grid;position:absolute;inset:0}.loader p{color:var(--brand);letter-spacing:.1em;margin:0;font-weight:700}.loader__ring{border:6px solid #fff9;border-top-color:var(--brand);border-radius:50%;width:54px;height:54px;animation:1s linear infinite spin}.is-ready .loader{opacity:0;visibility:hidden}@keyframes spin{to{transform:rotate(360deg)}}.topbar{z-index:30;padding:max(12px, env(safe-area-inset-top)) 16px 12px;pointer-events:none;position:absolute;top:0;left:0;right:0}.topbar__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar__row>*,.ticker{pointer-events:auto}.brand{box-shadow:var(--shadow);text-align:left;background:#fffaf0eb;border:0;border-radius:18px;align-items:center;gap:10px;padding:8px 14px 8px 10px;display:flex}.brand__mark{flex:none;width:38px;height:38px}.brand__text{line-height:1.15;display:grid}.brand__text small{letter-spacing:.18em;color:#e8833a;font-size:11px;font-weight:800}.brand__text strong{letter-spacing:.02em;font-size:18px;font-weight:900}.brand__ocean{color:var(--brand)}.chip{box-shadow:var(--shadow);white-space:nowrap;background:#fffaf0eb;border:0;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:800}.labels{z-index:15;pointer-events:none;transition:opacity .25s;position:absolute;inset:0;overflow:hidden}.labels.is-hidden{opacity:0}.labels.is-hidden .island-label{pointer-events:none}.island-label{will-change:transform;pointer-events:auto;white-space:nowrap;border:2px solid var(--c);color:var(--ink);-webkit-user-select:none;user-select:none;background:#fffaf0ed;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:13px;font-weight:800;transition:background .2s,box-shadow .2s;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 4px 10px #00000026}.island-label:not(:has(.island-label__letter)){padding-left:10px}.island-label__letter{background:var(--c);color:#fff;text-shadow:0 1px 1px #0000004d;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.island-label.is-hover{background:#fff;box-shadow:0 0 0 3px #fff6c2f2,0 4px 10px #0003}.link-label{will-change:transform;pointer-events:auto;white-space:nowrap;background:var(--c);color:#fff;text-shadow:0 1px 1px #0000004d;border:0;border-radius:8px;padding:3px 9px;font-size:12px;font-weight:800;position:absolute;top:0;left:0;box-shadow:0 3px 8px #0003}.link-label.is-active{box-shadow:0 0 0 3px #fff,0 3px 8px #00000040}.link-card{z-index:25;background:var(--paper);width:min(520px,100% - 32px);box-shadow:var(--shadow);border-radius:16px;padding:12px 40px 12px 16px;font-size:14px;line-height:1.6;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}.link-card b{margin-right:8px;font-size:15px}.link-card__pair{color:var(--muted);font-size:12.5px;font-weight:700}.link-card p{margin:4px 0 0}.link-card__close{color:var(--muted);background:0 0;border:0;font-size:20px;position:absolute;top:8px;right:8px}.ticker{text-align:left;max-width:640px;box-shadow:var(--shadow);background:#fffaf0eb;border:0;border-radius:14px;align-items:center;gap:10px;margin-top:8px;padding:8px 14px 10px 8px;font-size:14px;display:flex;position:relative;overflow:hidden}.ticker__tag{background:var(--c);color:#fff;text-shadow:0 1px 1px #0000004d;border-radius:8px;flex:none;padding:2px 8px;font-size:12px;font-weight:800}.ticker__text{white-space:nowrap;text-overflow:ellipsis;animation:.4s ease-out tickIn;overflow:hidden}.ticker__bar{transform-origin:0;background:#e8833a;width:100%;height:3px;animation:linear forwards tickBar;position:absolute;bottom:0;left:0}@keyframes tickIn{0%{opacity:0;transform:translateY(8px)}}@keyframes tickBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bottombar{z-index:30;left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute}.bottombar>*{pointer-events:auto}.bb-quiz{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#f2a541,#e8833a);border:0;border-radius:16px;padding:12px 18px;font-size:15px;font-weight:900}.bb-seg{box-shadow:var(--shadow);background:#fffaf0f0;border-radius:999px;gap:2px;padding:4px;display:flex}.bb-seg button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:800}.bb-seg button.is-on{background:var(--ink);color:#fff}.bb-right{gap:8px;display:flex;position:relative}.bb-round{width:46px;height:46px;box-shadow:var(--shadow);color:var(--brand);background:#fffaf0f0;border:0;border-radius:50%;font-size:18px;font-weight:900}.more{background:var(--paper);width:260px;box-shadow:var(--shadow);border-radius:16px;padding:10px;animation:.18s ease-out pop;position:absolute;bottom:56px;right:0}.more__label{color:var(--muted);margin:10px 4px 6px;font-size:12px;font-weight:800}.more__grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.more__grid--4{grid-template-columns:repeat(4,1fr)}.more__grid button{background:var(--paper-2);color:var(--ink);border:0;border-radius:10px;padding:9px 4px;font-size:13px;font-weight:800}.more__grid button.is-on{background:var(--ink);color:#fff}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}}.listview{z-index:20;background:#faf6eef7;padding:150px 16px 100px;animation:.25s ease-out pop;position:absolute;inset:0;overflow-y:auto}.listview h2{max-width:980px;margin:0 auto 12px;font-size:22px;font-weight:900}.listview__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;max-width:980px;margin:0 auto;display:grid}.lcard{text-align:left;border:0;border-left:6px solid var(--c);background:#fff;border-radius:14px;gap:4px;padding:14px 16px;transition:transform .15s;display:grid;box-shadow:0 4px 14px #283c5a14}.lcard:hover{transform:translateY(-2px)}.lcard__group{color:var(--c);filter:brightness(.85);font-size:12px;font-weight:800}.lcard__name{align-items:center;gap:6px;font-size:18px;font-weight:900;display:flex}.lcard__name b{background:var(--c);color:#fff;border-radius:7px;place-items:center;width:24px;height:24px;font-size:13px;display:grid}.lcard__tag{color:var(--ink);font-size:14px}.lcard__meta{color:var(--muted);font-size:12.5px}.tour{z-index:32;background:var(--paper);width:min(560px,100% - 32px);box-shadow:var(--shadow);border-radius:18px;padding:14px 16px 12px;animation:.25s ease-out pop;position:absolute;bottom:84px;left:50%;overflow:hidden;transform:translate(-50%)}.tour__bar{background:var(--c);transform-origin:0;width:100%;height:4px;animation:linear forwards tickBar;position:absolute;top:0;left:0}.tour__head{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.tour__group{background:var(--c);color:#fff;text-shadow:0 1px 1px #0000004d;border-radius:8px;padding:2px 8px}.tour h3{align-items:center;gap:6px;margin:6px 0 2px;font-size:20px;font-weight:900;display:flex}.tour h3 b{background:var(--c);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.tour p{color:var(--ink);margin:0 110px 8px 0;font-size:14px}.tour__dots{gap:5px;display:flex}.tour__dots span{background:var(--line);border-radius:50%;width:7px;height:7px}.tour__dots span.is-on{background:var(--c);border-radius:4px;width:18px}.tour__ctrl{gap:4px;display:flex;position:absolute;top:12px;right:12px}.tour__ctrl button{background:var(--paper-2);border:0;border-radius:50%;width:30px;height:30px;font-size:13px;font-weight:900}.tour__more{background:var(--c);color:#fff;text-shadow:0 1px 1px #0000004d;border:0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:800;position:absolute;bottom:12px;right:14px}.modal{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141e3273;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.quiz{background:var(--paper);width:min(460px,100%);box-shadow:var(--shadow);border-radius:22px;padding:20px 20px 18px;animation:.2s ease-out pop;position:relative}.quiz__close{color:var(--muted);background:0 0;border:0;font-size:24px;position:absolute;top:10px;right:12px}.quiz__kicker{color:#e8833a;letter-spacing:.1em;font-size:12px;font-weight:900}.quiz__progress{gap:4px;margin:8px 0 12px;display:flex}.quiz__progress span{background:var(--line);border-radius:3px;flex:1;height:5px}.quiz__progress span.is-done{background:#e8833a}.quiz__progress span.is-now{background:#f2c14e}.quiz h3{margin:0 0 12px;font-size:19px;font-weight:900}.quiz__opts{gap:8px;display:grid}.quiz__opts button{text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:11px 14px;font-size:15px;transition:border-color .15s,background .15s}.quiz__opts button:hover{background:#fff8ef;border-color:#e8833a}.quiz__back{color:var(--muted);background:0 0;border:0;margin-top:10px;font-weight:700}.quiz__result{text-align:center;padding:6px 0 2px}.quiz__result p{color:var(--muted);margin:0}.quiz__result h3{color:var(--c);filter:brightness(.9);align-items:center;gap:8px;margin:8px 0 4px;font-size:24px;display:inline-flex}.quiz__result h3 b{background:var(--c);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.quiz__result .quiz__tag{color:var(--ink);margin-bottom:14px}.quiz__actions{justify-content:center;gap:8px;display:flex}.quiz__actions button{background:var(--paper-2);border:0;border-radius:999px;padding:10px 18px;font-weight:800}.quiz__actions button.is-primary{background:var(--c);color:#fff}.hint{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 64px);z-index:20;box-shadow:var(--shadow);background:#fffaf0eb;border-radius:14px;align-items:flex-start;gap:8px;padding:10px 10px 10px 14px;font-size:13px;display:flex;position:absolute;transform:translate(-50%)}.hint ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.hint b{color:var(--brand);margin-right:4px}.hint button{color:var(--muted);background:0 0;border:0;padding:0 2px;font-size:18px;line-height:1}.panel{z-index:40;width:var(--panel-w);background:var(--paper);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;animation:.35s cubic-bezier(.2,.8,.2,1) slideIn;display:flex;position:absolute;top:76px;bottom:16px;right:16px;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}}.panel__head{color:#fff;background:radial-gradient(circle at 90% -20%, #ffffff59, transparent 50%), linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 70%, #000));text-shadow:0 1px 2px #00000040;padding:18px 52px 16px 20px;position:relative}.panel__group{letter-spacing:.08em;opacity:.92;font-size:12px;font-weight:800}.panel__head h2{align-items:center;gap:8px;margin:4px 0 0;font-size:24px;font-weight:900;display:flex}.panel__letter{width:32px;height:32px;color:var(--c);text-shadow:none;filter:saturate(1.2)brightness(.85);background:#fffffff2;border-radius:10px;place-items:center;font-size:20px;display:grid}.panel__en{opacity:.9;margin:2px 0 0;font-size:13px;font-weight:700}.panel__tag{margin:8px 0 0;font-size:14px}.panel__close{color:#fff;background:#ffffff40;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.panel__close:hover{background:#fff6}.panel__body{overscroll-behavior:contain;flex:1;padding:6px 20px 16px;overflow-y:auto}.panel__nav{border-top:1px solid var(--line);display:flex}.panel__nav button{color:var(--brand);background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:12px;font-size:14px;font-weight:800;display:flex}.panel__nav button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel__nav button+button{border-left:1px solid var(--line)}.panel__nav button:hover{background:var(--paper-2)}.sec{border-bottom:1px dashed var(--line);padding:14px 0 6px}.sec:last-of-type{border-bottom:0}.sec h3{align-items:center;gap:8px;margin:0 0 10px;font-size:16px;font-weight:900;display:flex}.sec h3 span{background:color-mix(in srgb, var(--c) 22%, #fff);width:24px;height:24px;color:color-mix(in srgb, var(--c) 70%, #000);border-radius:8px;place-items:center;font-size:13px;display:grid}.bullets{gap:6px;margin:0;padding-left:20px;font-size:14.5px;line-height:1.6;display:grid}.bullets li::marker{color:var(--c)}.muted{color:var(--muted);margin:8px 0 0;font-size:13.5px;line-height:1.6}.source{color:var(--muted);margin:14px 0 0;font-size:12px}.spiral__steps{grid-template-columns:repeat(6,1fr);align-items:end;gap:4px;margin:0;padding:0;list-style:none;display:grid}.spiral__steps li:first-child{padding-top:40px}.spiral__steps li:nth-child(2){padding-top:32px}.spiral__steps li:nth-child(3){padding-top:24px}.spiral__steps li:nth-child(4){padding-top:16px}.spiral__steps li:nth-child(5){padding-top:8px}.spiral__steps button{border:2px solid color-mix(in srgb, var(--c) 45%, #fff);background:#fff;border-radius:12px;align-content:start;justify-items:center;gap:2px;width:100%;min-height:76px;padding:6px 2px 8px;transition:transform .15s;display:grid}.spiral__steps button:hover{transform:translateY(-2px)}.spiral__steps button.is-active{background:var(--c);border-color:var(--c);color:#fff}.spiral__steps button.is-planning{color:var(--muted);border-style:dashed}.spiral__steps button.is-planning.is-active{background:var(--muted);border-color:var(--muted);color:#fff}.spiral__g{font-size:18px;font-weight:900}.spiral__t{text-align:center;word-break:break-all;font-size:11px;line-height:1.25}.spiral__card{background:var(--paper-2);border-radius:14px;margin-top:10px;padding:12px 14px}.spiral__head{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.spiral__head b{font-size:15px}.spiral__head span{color:color-mix(in srgb, var(--c) 70%, #000);font-weight:800}.unit{margin-top:8px}.unit h4{margin:0 0 6px;font-size:14.5px}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font-size:13px}.notice{color:#8a5a00;background:#fff4d6;border-radius:10px;margin:0 0 8px;padding:6px 10px;font-size:12.5px}.works{gap:6px;margin:0;padding:0;list-style:none;display:grid}.works li{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.works__badge{color:#fff;background:var(--c);text-shadow:0 1px 1px #0000004d;border-radius:8px;flex:none;padding:2px 6px;font-size:12px;font-weight:800}.vision{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.vision__card{background:var(--c);color:#fff;text-shadow:0 1px 2px #00000040;border-radius:14px;justify-items:center;gap:2px;padding:10px 4px;display:grid}.vision__char{font-size:26px;font-weight:900}.vision__card b{font-size:14px}.ocean{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ocean li{align-items:center;gap:10px;display:flex}.ocean b{background:var(--brand);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.ocean span{font-size:14px;font-weight:800;display:grid}.ocean small{color:var(--muted);font-size:12.5px;font-weight:500}.jump{flex-wrap:wrap;gap:6px;display:flex}.jump button{border:2px solid var(--c);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 6px;font-size:13px;font-weight:800;display:inline-flex}.jump button:not(:has(b)){padding-left:12px}.jump b{background:var(--c);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:grid}@media (width<=760px){.brand{border-radius:14px;padding:6px 10px 6px 8px}.brand__mark{width:30px;height:30px}.brand__text small{font-size:9px}.brand__text strong{white-space:nowrap;font-size:13px}.chip{padding:8px 11px;font-size:13px}.chip__label{display:none}.topbar{padding-left:12px;padding-right:12px}.island-label{padding:3px 8px 3px 4px;font-size:11px}.island-label__letter{width:16px;height:16px;font-size:10px}.ticker{padding:6px 10px 8px 6px;font-size:12.5px}.bottombar{gap:6px;left:12px;right:12px}.bb-quiz{border-radius:14px;padding:10px 12px;font-size:14px}.bb-seg button{padding:7px 10px;font-size:13px}.bb-round{width:40px;height:40px;font-size:16px}.listview{padding-top:130px}.tour{bottom:74px}.tour p{margin-bottom:40px;margin-right:0}.link-card{bottom:74px}.panel{width:auto;height:50dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:22px 22px 0 0;transition:height .3s;animation:.35s cubic-bezier(.2,.8,.2,1) slideUp;inset:auto 0 0}.panel.is-expanded{height:calc(100dvh - 70px)}@keyframes slideUp{0%{opacity:0;transform:translateY(40%)}}.panel__handle{z-index:2;background:0 0;border:0;place-items:center;width:90px;height:22px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.panel__handle span{background:#fffc;border-radius:3px;width:44px;height:5px}.panel__head{padding:22px 50px 12px 16px}.panel__head h2{font-size:20px}.panel__tag{margin-top:4px;font-size:13px}.panel__body{padding:4px 16px 12px}.spiral__t{font-size:10px}.hint{width:max-content;max-width:calc(100% - 24px);bottom:calc(max(12px, env(safe-area-inset-bottom)) + 56px)}}@media (prefers-reduced-motion:reduce){.panel,.more,.tour,.quiz,.listview{animation:none}}