.interop-related>summary{cursor:pointer}.interop-related[open]>summary{margin-bottom:.45rem}:root{--ink:#10243a;--ink-soft:#3a536c;--paper:#f3efe6;--panel:#fffcf6e0;--line:#10243a1f;--accent:#0f766e;--accent-deep:#115e59;--amber:#c4782a;--done:#0f766e;--partial:#c4782a;--todo:#8a97a8;--unknown:#7a6b8a;--shadow:0 18px 50px #10243a1f;--radius:18px;--font-display:"Outfit", "Noto Sans TC", sans-serif;--font-body:"Noto Sans TC", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--font-body);background:var(--paper);margin:0;line-height:1.55}button{font:inherit}a{color:var(--accent-deep)}.app{min-height:100vh;padding:2rem 1.25rem 4rem;position:relative}.bg{z-index:-1;background:radial-gradient(ellipse 80% 50% at 10% -10%, #0f766e2e, transparent 55%), radial-gradient(ellipse 60% 40% at 100% 0%, #c4782a1f, transparent 50%), linear-gradient(180deg, #e8eef2 0%, var(--paper) 42%, #e7e1d4 100%);position:fixed;inset:0}.bg:after{content:"";opacity:.35;background-image:linear-gradient(#10243a0a 1px,#0000 1px),linear-gradient(90deg,#10243a0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.hero{max-width:720px;margin:0 auto 1.75rem}.hero-tags{flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem;display:flex}.tag{font-family:var(--font-display);letter-spacing:.03em;border-radius:999px;align-items:center;padding:.28rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.tag-edition{color:var(--accent-deep);background:#0f766e1f;border:1px solid #0f766e38}.tag-ref{color:#8a5a1e;background:#c4782a1f;border:1px solid #c4782a47}.eyebrow{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-deep);margin:0 0 .5rem;font-size:.78rem;font-weight:600}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.1}.lede{max-width:36rem;color:var(--ink-soft);margin:.75rem 0 0;font-size:1.05rem}.meta-line{color:var(--ink-soft);margin:.6rem 0 0;font-size:.88rem}.disclaimer{max-width:42rem;color:var(--ink-soft);background:#c4782a14;border:1px solid #c4782a59;border-radius:12px;gap:.35rem;margin-top:1rem;padding:.85rem 1rem;font-size:.88rem;line-height:1.5;display:grid}.disclaimer strong{color:var(--amber);letter-spacing:.04em;font-size:.8rem}.site-footer{border-top:1px solid var(--line);max-width:720px;color:var(--ink-soft);margin:2.5rem auto 0;padding-top:1.25rem;font-size:.84rem}.site-footer p{max-width:46rem;margin:.35rem 0}.site-footer strong{color:var(--amber)}.group-hero+.interop-related{margin-bottom:1.25rem}.interop-related{border:1px solid var(--line);background:color-mix(in srgb, var(--panel,#fff) 88%, transparent);margin:0 0 1rem;padding:.85rem .95rem}.interop-related-head{flex-wrap:wrap;align-items:baseline;gap:.5rem .85rem;margin-bottom:.45rem;display:flex}.interop-related-label{letter-spacing:.04em;color:var(--ink);font-size:.8rem;font-weight:700}.interop-related-help{color:var(--accent,#1f6f8b);border-bottom:1px solid color-mix(in srgb, var(--accent,#1f6f8b) 40%, transparent);font-size:.78rem;font-weight:600;text-decoration:none}.interop-related-list{margin:0;padding-left:1.1rem}.interop-related-list li{margin:.28rem 0}.interop-related-list a{color:var(--accent,#1f6f8b);font-weight:600;text-decoration:none}.interop-related-list a:hover{border-bottom:1px solid}.home-main{max-width:720px;margin:0 auto}.page-nav{justify-content:space-between;align-items:center;gap:.75rem;max-width:720px;margin:0 auto 1rem;display:flex}.back-btn{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#ffffffbf;border-radius:999px;padding:.45rem .95rem;font-weight:500}.back-btn:hover{color:var(--accent-deep);border-color:#0f766e59}.back-btn.solid{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.back-btn.solid:hover{background:var(--accent);border-color:var(--accent);color:#fff}.task-page{max-width:720px;margin:0 auto}.task-page-title{font-family:var(--font-display);letter-spacing:-.02em;margin:.15rem 0 0;font-size:clamp(1.6rem,4vw,2.1rem);line-height:1.15}.detail-page{padding:1.35rem 1.35rem 1.6rem}.page-end-actions{border-top:1px solid var(--line);margin-top:1.75rem;padding-top:1rem}.section-label{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.group-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.status-jump{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.status-jump-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);cursor:pointer;box-shadow:var(--shadow);padding:1rem 1.1rem;transition:border-color .15s,transform .15s}.status-jump-card:hover{border-color:var(--accent,#2a6f6a);transform:translateY(-1px)}.status-jump-card.is-done{background:color-mix(in srgb, var(--panel) 88%, #c8e6c9)}.status-jump-label{letter-spacing:.04em;color:var(--ink-soft);font-size:.8rem;display:block}.status-jump-card strong{font-family:var(--font-display);margin:.2rem 0;font-size:2rem;line-height:1.1;display:block}.status-jump-hint{color:var(--ink-soft);font-size:.85rem}.list-tabs{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.list-tab{border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);background:0 0;border-radius:999px;padding:.4rem .9rem}.list-tab.is-on{background:var(--ink);color:var(--paper,#fff);border-color:var(--ink)}.done-block{opacity:.92;margin-top:1.75rem;padding-top:.5rem}@media (width<=640px){.status-jump{grid-template-columns:1fr}}.group-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;box-shadow:var(--shadow);cursor:pointer;padding:1.1rem 1.15rem 1rem;transition:transform .16s,border-color .16s}.group-card:hover{border-color:#0f766e59;transform:translateY(-2px)}.group-card.is-empty{box-shadow:none;background:#fffcf68c;border-style:dashed}.group-card-top{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.group-count{color:var(--ink-soft);font-size:.78rem}.group-card h2{font-family:var(--font-display);letter-spacing:-.02em;margin:.35rem 0 .4rem;font-size:1.35rem}.group-desc{color:var(--ink-soft);margin:0 0 .85rem;font-size:.9rem}.group-avg{color:var(--ink-soft);justify-content:space-between;align-items:baseline;margin-bottom:.35rem;font-size:.78rem;display:flex}.group-avg strong{font-family:var(--font-display);color:var(--ink);font-size:1.1rem}.group-upcoming-label{color:var(--amber);margin:0;font-size:.84rem}.group-hero{margin-bottom:1.25rem}.group-hero h1{font-family:var(--font-display);letter-spacing:-.02em;margin:.15rem 0 0;font-size:clamp(1.7rem,4vw,2.2rem)}.group-hero-progress{gap:.35rem;margin-top:.85rem;display:grid}.group-hero-progress>span{color:var(--ink-soft);font-size:.84rem}.empty-group{border-radius:var(--radius);background:#fffcf680;border:1px dashed #10243a38;padding:1.25rem 1.2rem}.empty-group h2{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.15rem}.empty-group p{color:var(--ink-soft);margin:.4rem 0;font-size:.92rem}.empty-group ul{color:var(--ink);margin:.5rem 0 .75rem;padding-left:1.1rem}.task-hint{color:var(--ink-soft);margin:.75rem 0 0;font-size:.82rem}.subgroup-block{margin-bottom:1.25rem}.subgroup-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.5rem;display:flex}.subgroup-head h2{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:.95rem}.subgroup-head span{color:var(--ink-soft);font-size:.75rem}.task-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;margin-bottom:.65rem;display:flex}.list-head .section-label{margin-bottom:0}.list-legend{color:var(--ink-soft);margin:0;font-size:.78rem}.task-row{text-align:left;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;border-radius:14px;width:100%;padding:.75rem .9rem .7rem;transition:transform .16s,border-color .16s,box-shadow .16s;box-shadow:0 8px 24px #10243a0f}.task-row:hover{box-shadow:var(--shadow);border-color:#0f766e59;transform:translateY(-1px)}.task-row-main{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.55rem .65rem;display:grid}.task-row-copy{gap:.1rem;min-width:0;display:grid}.task-row-name{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;font-weight:650;overflow:hidden}.task-phase{color:var(--ink-soft);font-size:.72rem}.task-chevron{color:var(--ink-soft);font-size:.95rem}.task-row-bar{margin-top:.45rem}.task-row-meta{color:var(--ink-soft);gap:.85rem;margin-top:.3rem;font-size:.72rem;display:flex}.task-id{font-family:var(--font-display);letter-spacing:.04em;color:var(--accent-deep);font-size:.72rem;font-weight:600}.task-pct{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.bar{gap:.25rem;display:grid}.bar-track{background:#10243a14;border-radius:999px;width:100%;overflow:hidden}.bar-sm .bar-track{height:6px}.bar-md .bar-track,.bar-lg .bar-track{height:10px}.bar-lg .bar-track{height:12px}.bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-deep), #2dd4bf);transform-origin:0;height:100%;animation:.7s cubic-bezier(.22,1,.36,1) both grow-in}.bar-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes grow-in{0%{opacity:.4;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}.caveats{background:#fffcf68c;border-left:3px solid #0f766e73;margin-top:1.25rem;padding:1rem 1.1rem}.caveats h3{margin:0 0 .4rem;font-size:.95rem}.caveats ul{color:var(--ink-soft);margin:0;padding-left:1.1rem;font-size:.88rem}.muted{color:var(--ink-soft);font-size:.9rem}.detail-panel{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:1.25rem 1.3rem 1.5rem;animation:.28s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.detail-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.goal-years{color:var(--ink-soft);margin:.25rem 0 0;font-size:.88rem}.goal-summary{color:var(--ink-soft);margin:1rem 0 0}.detail-progress{background:#0f766e0f;border-radius:14px;margin-top:1.1rem;padding:1rem}.detail-progress-main{gap:.35rem;margin-bottom:.9rem;display:grid}.detail-progress span{color:var(--ink-soft);font-size:.78rem}.detail-progress strong{font-family:var(--font-display);font-size:1.05rem}.split{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.split>div{gap:.3rem;display:grid}.block{margin-top:1.35rem}.block-title{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 .35rem;font-size:1.05rem}.block-note{color:var(--ink-soft);margin:0 0 .75rem;font-size:.84rem}.steps{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--line);background:#ffffff8c;border-radius:14px;padding:.85rem .95rem}.step-top{grid-template-columns:auto 1fr auto;align-items:start;gap:.65rem;display:grid}.step-num{width:1.6rem;height:1.6rem;font-family:var(--font-display);background:#10243a14;border-radius:999px;place-items:center;font-size:.8rem;font-weight:700;display:grid}.step-title-wrap{gap:.25rem;display:grid}.step-title-wrap h3{margin:0;font-size:.98rem;font-weight:600}.step-score{font-family:var(--font-display);color:var(--ink-soft);font-size:.85rem}.step p{color:var(--ink-soft);margin:.55rem 0 0;font-size:.9rem}.step-date{font-size:.8rem!important}.evidence{flex-wrap:wrap;gap:.45rem .75rem;margin:.55rem 0 0;padding:0;font-size:.84rem;list-style:none;display:flex}.status{align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-dot{background:currentColor;border-radius:999px;width:.5rem;height:.5rem}.status-done{color:var(--done)}.status-partial{color:var(--partial)}.status-todo{color:var(--todo)}.status-unknown{color:var(--unknown)}.step-done{border-color:#0f766e47}.step-partial{border-color:#c4782a59}.plain-list,.metrics{color:var(--ink-soft);margin:0;padding-left:1.1rem;font-size:.92rem}.metrics{gap:.65rem;padding:0;list-style:none;display:grid}.metrics li{background:#10243a0a;border-radius:12px;gap:.15rem;padding:.7rem .8rem;display:grid}.metrics strong{color:var(--ink);font-size:.86rem}.metrics em{color:var(--ink-soft);font-size:.78rem;font-style:normal}.footer-meta p{margin:.35rem 0;font-size:.9rem}@media (width<=640px){.split{grid-template-columns:1fr}.task-row-main{grid-template-columns:auto minmax(0,1fr) auto}.task-chevron{display:none}}@media (prefers-reduced-motion:reduce){.bar-fill,.detail-panel,.task-row{transition:none;animation:none}}html{-webkit-text-size-adjust:100%}