:root{--blue-900:#0c2b6b;--blue-700:#1d4ed8;--blue-600:#2563eb;--sky-500:#0ea5e9;--sky-100:#e0f2fe;--sky-50:#f0f9ff;--amber:#f59e0b;--ink:#0f172a;--ink-soft:#334155;--muted:#64748b;--radius:22px;--shadow:0 18px 40px #0d47a124;--shadow-sm:0 8px 22px #0d47a11a;--maxw:1180px;--font:"Noto Sans TC", "Microsoft JhengHei", "PingFang HK", "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif}html[lang=zh-Hans]{--font:"Noto Sans SC", "Microsoft YaHei", "PingFang SC", "Poppins", system-ui, sans-serif}html[lang=en]{--font:"Poppins", system-ui, -apple-system, "Segoe UI", "Noto Sans TC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--font);color:var(--ink);background:var(--sky-50);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.container.narrow{max-width:860px}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center;padding-top:30%}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid #0ea5e924;position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:14px;padding:8px 20px;display:flex}.brand img{width:auto;height:56px}.main-nav{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.main-nav a{color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:7px 13px;font-weight:700}.main-nav a:hover{background:var(--sky-100);color:var(--blue-700)}.lang-switch{background:var(--sky-100);border-radius:999px;padding:4px;display:inline-flex}.lang-switch button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:800}.lang-switch button.active{background:var(--blue-600);color:#fff;box-shadow:var(--shadow-sm)}.hero{background:radial-gradient(circle at 85% 20%, #38bdf873, transparent 45%), linear-gradient(135deg, var(--blue-900), var(--blue-700) 55%, var(--sky-500));color:#fff;padding:56px 0 64px}.eyebrow,.hero h1{letter-spacing:0;margin:0;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:800;line-height:1.3}.eyebrow{color:#fde047}.hero h1{margin:8px 0 14px}.lead{max-width:920px;margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15}.facts{flex-wrap:wrap;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.facts li{background:#ffffff29;border:1px solid #fff6;border-radius:999px;padding:7px 16px;font-weight:700}.section{padding:56px 0}.section.alt{background:#fff}.section h2{color:var(--blue-900);margin:0 0 18px;font-size:clamp(1.5rem,3vw,2.1rem)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.notice{color:#7c4a03;background:#fff7e6;border:1px solid #fcd34d;border-radius:14px;padding:12px 16px}.overview-photo{border-radius:var(--radius);box-shadow:var(--shadow);margin-top:12px}.field-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:20px;display:grid}.viewer{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:14px}.viewer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.seg{background:var(--sky-100);border-radius:999px;padding:4px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:6px 14px;font-weight:700}.seg button.active{background:var(--blue-600);color:#fff}.check{color:var(--ink-soft);align-items:center;gap:6px;font-size:.92rem;display:inline-flex}.viewer3d{touch-action:none;background:#eef3f8;border-radius:14px;height:min(68vh,640px);min-height:340px;position:relative;overflow:hidden}.field3d{inset:0;position:absolute!important}.overview2d{background:#eef3f8;border-radius:14px;width:100%;overflow:hidden}.marker3d{color:#fff;background:#0b5cad;border:2px solid #fff;border-radius:50%;width:28px;height:28px;padding:0;font-size:13px;font-weight:800;box-shadow:0 2px 6px #0000004d}.marker3d.on{background:#f28c00}.legend{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:16px;position:sticky;top:90px}.legend h3{color:var(--blue-900);margin:0 0 8px;font-size:1rem}.legend ol{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.legend button{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.legend button:hover,.legend button.active{background:var(--sky-100)}.legend em{color:var(--muted);margin-left:auto;font-size:.85rem;font-style:normal}.num{color:#fff;background:#0b5cad;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:800;display:inline-flex}.kit-group+.kit-group{margin-top:34px}.kit-title{color:#fff;background:var(--blue-600);border-radius:999px;margin:0 0 14px;padding:4px 14px;font-size:1rem;display:inline-block}.kit-title.kit-go{background:#0d9488}.kit-title.kit-iq{background:#7c3aed}.kit-title.kit-generic{background:var(--muted)}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.el-card{background:var(--sky-50);border-radius:var(--radius);border:2px solid #0000;transition:border-color .2s,box-shadow .2s;overflow:hidden}.el-card.active{border-color:#f28c00;box-shadow:0 0 0 4px #f28c0026}.el-media{aspect-ratio:4/3;background:#0f766e;justify-content:center;align-items:center;display:flex;position:relative}.el-media img{object-fit:contain;width:100%;height:100%}.el-media .thumb2d{background:#eef3f8;border-radius:12px}.el-media .num{border:2px solid #fff;width:32px;height:32px;font-size:.95rem;position:absolute;top:10px;left:10px}.el-body{padding:14px 18px 18px}.el-body h3{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 6px;font-size:1.15rem;display:flex}.el-body h3 small{color:var(--muted);font-size:.8rem;font-weight:600}.el-body p{color:var(--ink-soft);margin:0 0 10px}.el-more{gap:8px;margin-bottom:10px;display:flex}.el-more img{object-fit:contain;background:#0f766e;border-radius:8px;width:96px;height:72px}.el-missions ul,.mission ul{margin:6px 0 0;padding:0;list-style:none}.el-missions li,.mission .mission-items li{border-top:1px dashed #cbd5e1;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.el-missions b,.mission b{color:var(--blue-700);white-space:nowrap}.pending{font-weight:700;color:#7c3aed!important}.story{background:linear-gradient(180deg, #e0f2fe, var(--sky-50))}.story p{color:var(--ink-soft);margin:0 0 14px;font-size:1.05rem}.story p:last-child{color:var(--blue-900);font-weight:700}.missions{grid-template-columns:1fr;gap:20px;margin-bottom:18px;display:grid}.missions-total{background:var(--blue-900);color:#fff;border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin:0;padding:16px 20px;font-size:1.15rem;font-weight:800;display:flex}.missions-total b{font-size:1.35rem}.mission{background:var(--sky-50);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px}.mission-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.mission-n{background:var(--blue-600);color:#fff;border-radius:999px;padding:3px 12px;font-size:.85rem;font-weight:800}.mission h4{color:var(--blue-900);margin:0;font-size:1.15rem}.mission-max{color:var(--blue-700);margin-left:auto;font-weight:800}.mission-body{grid-template-columns:180px 1fr;gap:18px;display:grid}.mission-body:not(:has(.mission-photo)){grid-template-columns:1fr}.mission-photo{object-fit:cover;border-radius:12px;width:180px;height:135px}.mission p{margin:0;font-size:.95rem}.mission p+p{margin-top:8px}.anim-watch{color:#fff;box-shadow:var(--shadow-sm);background:#f28c00;border:none;border-radius:999px;margin-top:12px;padding:8px 18px;font-weight:800;transition:background .15s ease-out,transform .15s ease-out;display:inline-block}.anim-watch:hover{background:#d97706}.anim-watch:active{transform:scale(.97)}.viewer-bar .anim-watch,.section-head .anim-watch{margin-top:0}.anim-watch.sm{vertical-align:1px;margin:0 0 0 10px;padding:2px 10px;font-size:.82rem}.mission-detail{border-top:1px solid #dbeafe;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px 24px;margin-top:14px;padding-top:12px;display:grid}.mission h5{color:var(--blue-900);margin:0 0 4px;font-size:.95rem}.mission .ticks li,.mission .crosses li{color:var(--ink-soft);border:none;padding:3px 0 3px 1.6em;font-size:.92rem;display:block;position:relative}.mission .ticks li:before,.mission .crosses li:before{font-weight:800;position:absolute;left:0}.mission .ticks li:before{content:"✓";color:#059669}.mission .crosses li:before{content:"✕";color:#dc2626}.mission-figs{margin-top:14px}.fig-strip{gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.fig-strip figure{background:#fff;border-radius:12px;flex:0 0 210px;margin:0;overflow:hidden;box-shadow:0 2px 8px #0d47a114}.fig-strip img{object-fit:contain;background:#f1f5f9;width:100%;height:150px}.fig-strip figcaption{color:var(--ink-soft);padding:8px 10px 10px;font-size:.85rem;line-height:1.45}.fig-tag{color:#fff;border-radius:999px;margin-right:6px;padding:0 8px;font-size:.75rem;font-weight:800;display:inline-block}.fig-tag.ok{background:#059669}.fig-tag.no{background:#dc2626}.fig-tag.start{background:var(--muted)}.anim-ui{pointer-events:none;flex-direction:column;justify-content:space-between;padding:12px;display:flex;position:absolute;inset:0}.anim-caption,.anim-bar{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c2b6bd1;border-radius:14px}.anim-caption{flex-direction:column;align-self:flex-start;gap:2px;max-width:min(560px,100%);padding:10px 14px;font-size:.95rem;display:flex}.anim-caption strong{color:#fde047;font-size:.85rem}.anim-bar{flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.anim-bar input[type=range]{accent-color:#f59e0b;flex:160px}.anim-btn{width:34px;height:34px;color:var(--blue-900);background:#fff;border:none;border-radius:50%;font-weight:800}.anim-btn:disabled{opacity:.5}.anim-time{font-variant-numeric:tabular-nums;font-size:.85rem}.anim-bar .seg{background:#ffffff26}.anim-bar .seg button{color:#fff;padding:3px 10px}.anim-bar .check{color:#fff}.anim-close{color:#fff;background:0 0;border:1px solid #ffffff80;border-radius:999px;padding:4px 12px;font-weight:700}.glossary-title{color:var(--blue-900);margin:28px 0 10px}.glossary{gap:10px;margin:0;display:grid}.glossary div{background:var(--sky-50);border-radius:12px;padding:10px 14px}.glossary dt{color:var(--blue-900);font-weight:800}.glossary dd{color:var(--ink-soft);margin:2px 0 0}.total{margin:0 0 34px;font-size:1.1rem}.total b{color:var(--blue-700)}.rules{padding-left:1.4em}.rules li{margin-bottom:10px}.site-footer{background:var(--blue-900);color:#ffffffd9;padding:26px 0;font-size:.9rem}.site-footer p{margin:4px 0}.site-footer a{text-decoration:underline}@media (width<=900px){.field-grid{grid-template-columns:1fr}.legend{position:static}.legend ol{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.missions{grid-template-columns:1fr}}@media (width<=560px){.brand img{height:44px}.main-nav{order:3;width:100%;margin-left:0}.mission-body{grid-template-columns:1fr}.mission-photo{width:100%;height:160px}.anim-time,.anim-bar .check{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
