:root {
  --bg:#f2fbfc;--surface:#fff;--surface-2:#e7f8fa;--text:#17233b;--muted:#53647d;
  --line:#cbe5e9;--aqua:#087f8c;--indigo:#5753c9;--coral:#d83d70;--gold:#a96e00;
  --duo:linear-gradient(125deg,#087f8c,#5753c9);--soft:linear-gradient(125deg,rgba(8,127,140,.13),rgba(87,83,201,.13));
  --shadow:0 14px 44px rgba(48,67,112,.12);--r:15px;--max:1460px;
}
html[data-mode="dark"]{--bg:#101421;--surface:#191f31;--surface-2:#232b42;--text:#eef6ff;--muted:#aab7cf;--line:#333d5b;--aqua:#44d6df;--indigo:#8587ff;--coral:#ff79a5;--gold:#f5bf4f;--soft:linear-gradient(125deg,rgba(68,214,223,.14),rgba(133,135,255,.18));--shadow:0 18px 50px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 7% 2%,rgba(68,214,223,.12),transparent 25%),var(--bg);color:var(--text);font:16px/1.72 -apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select{font:inherit}.shell{width:min(var(--max),calc(100% - 32px));margin:auto}
.notice{background:#0a6570;color:#fff;padding:7px 0;font-size:13px}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.topbar__row{min-height:72px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;white-space:nowrap}.brand img{width:80px}.topbar nav{display:flex;gap:5px;margin-left:auto}.topbar nav a{padding:9px 12px;border-radius:10px;font-weight:750}.topbar nav a:hover,.topbar nav a:focus-visible{background:var(--surface-2)}.mode{border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);padding:9px 13px;cursor:pointer;white-space:nowrap}.mode:hover,.mode:focus-visible{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(68,214,223,.2)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:11px 18px;background:var(--duo);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(87,83,201,.2)}.btn:hover,.btn:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}.btn--ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--line);box-shadow:none}
.hero{padding:42px 0 26px}.hero__card{position:relative;overflow:hidden;min-height:450px;border:1px solid var(--line);border-radius:26px;background:#071b2d;box-shadow:var(--shadow)}.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.74}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,31,.96) 0,rgba(3,15,31,.82) 48%,rgba(3,15,31,.18) 82%)}.hero__copy{position:relative;z-index:2;width:min(710px,72%);padding:58px;color:#fff}.eyebrow{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(68,214,223,.18);color:#8ff4fa;font-size:12px;font-weight:900;letter-spacing:.04em}.hero h1,.page-head h1{font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-.04em;margin:15px 0 18px}.hero p{color:#d6e8f5;font-size:19px}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero__metrics{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.hero__metrics span{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(0,0,0,.22);font-size:13px}
.layout{display:grid;grid-template-columns:235px minmax(0,1fr) 270px;gap:22px;padding:8px 0 80px;align-items:start}.rail{position:sticky;top:94px;display:flex;flex-direction:column;gap:17px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 4px 18px rgba(48,67,112,.06);padding:20px}.panel__label{margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.navlist a,.quick a{display:block;padding:10px 2px;border-bottom:1px solid var(--line)}.navlist a:last-child,.quick a:last-child{border-bottom:0}.navlist b,.quick b{display:block}.navlist small,.quick small{display:block;color:var(--muted);line-height:1.45}.counts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.counts div{background:var(--surface-2);padding:10px;border-radius:10px;text-align:center}.counts strong{display:block;font-size:22px;color:var(--indigo);font-variant-numeric:tabular-nums}.badge-row{display:flex;gap:7px;flex-wrap:wrap}.badge-row span{padding:6px 9px;background:var(--soft);border:1px solid var(--line);border-radius:9px;font-size:13px}
.content{min-width:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:18px 0 14px}.section-head h2{font-size:31px;line-height:1.15;margin:4px 0}.section-head p{margin:0;color:var(--muted)}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mission{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);transition:.18s transform,.18s box-shadow}.mission:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.mission--lead{grid-column:span 2;display:grid;grid-template-columns:1.1fr .9fr}.mission img{width:100%;height:190px;object-fit:cover}.mission--lead img{height:100%;min-height:290px}.mission__body{padding:18px}.mission__tag{color:var(--coral);font-size:12px;font-weight:900}.mission h2,.mission h3{margin:4px 0 8px;line-height:1.25}.mission p{margin:0 0 12px;color:var(--muted)}.more{color:var(--indigo);font-weight:900}.tool-grid,.listing{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tool-card,.list-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}.tool-card:hover,.list-card:hover{border-color:var(--aqua);box-shadow:var(--shadow)}.tool-card img,.list-card img{width:100%;height:170px;object-fit:cover;border-radius:11px;margin-bottom:13px}.tool-card h3,.list-card h2{margin:4px 0 6px}.tool-card p,.list-card p{color:var(--muted);margin:0}.ad{background:linear-gradient(145deg,#103e55,#302a79);color:#fff}.ad small{color:#9aeaf0}.ad p{color:#d9e4f5}.ad .btn{width:100%;margin-top:8px;background:linear-gradient(120deg,#66e4e8,#f4c55d);color:#13233a}
.page-head{padding:55px 0 28px;background:linear-gradient(180deg,var(--surface-2),transparent)}.page-head p{max-width:820px;color:var(--muted);font-size:18px}.body-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;padding:34px 0 80px;align-items:start}.article{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(22px,4vw,46px)}.article .cover{width:100%;max-height:460px;object-fit:cover;border-radius:15px;margin-bottom:26px}.article h2{margin:34px 0 8px;font-size:28px}.article h3{margin:23px 0 6px;color:var(--indigo)}.article p,.article li{color:var(--muted)}.article strong{color:var(--text)}.callout{padding:18px 20px;border-left:4px solid var(--aqua);background:var(--surface-2);border-radius:0 12px 12px 0;margin:22px 0}.table-scroll{overflow-x:auto}.article table{width:100%;border-collapse:collapse;margin:18px 0}.article th,.article td{border:1px solid var(--line);padding:11px;text-align:left}.article th{background:var(--surface-2);color:var(--indigo)}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:0;list-style:none}.checklist li{background:var(--surface-2);padding:11px;border-radius:9px}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:20px}.link-grid a{padding:13px;border:1px solid var(--line);background:var(--surface-2);border-radius:10px}.link-grid b,.link-grid span{display:block}.link-grid span{color:var(--muted);font-size:13px}.side-stack{position:sticky;top:94px;display:flex;flex-direction:column;gap:17px}
.toolbox{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px}.toolbox label{display:block;margin:13px 0 4px;font-weight:800}.toolbox input,.toolbox select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text)}.toolbox .btn{margin-top:16px;width:100%}.result{min-height:70px;margin-top:17px;padding:16px;background:var(--surface-2);border-left:4px solid var(--coral);border-radius:0 11px 11px 0}.result b{color:var(--indigo)}
.listing{grid-template-columns:repeat(3,1fr);padding:34px 0 80px}.list-card img{height:150px}.faq-card details{border-top:1px solid var(--line);padding:12px 0}.faq-card summary{font-weight:850;cursor:pointer}.faq-card p{color:var(--muted)}.sitemap{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:34px 0 80px}.sitemap a{padding:9px 11px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:13px}.cta-band{padding:34px 0;background:linear-gradient(100deg,#0c7884,#554fc8);color:#fff}.cta-band .shell{display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-band h2{margin:0}.cta-band p{margin:3px 0 0;color:#ddf8fa}.footer{padding:42px 0 100px}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer img{width:90px}.footer a{display:block;padding:4px}.mobile-cta{display:none}
@media(max-width:1120px){.layout{grid-template-columns:210px minmax(0,1fr)}.layout>.rail:last-child{display:none}.listing{grid-template-columns:repeat(2,1fr)}.sitemap{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.shell{width:min(100% - 22px,var(--max))}.notice{font-size:11px}.topbar__row{min-height:64px}.brand span,.topbar nav,.topbar__row>.btn,.mode{display:none}.hero{padding-top:20px}.hero__card{min-height:650px;border-radius:18px}.hero__image{object-position:76% center}.hero__shade{background:linear-gradient(180deg,rgba(3,15,31,.94) 0,rgba(3,15,31,.88) 56%,rgba(3,15,31,.14) 100%)}.hero__copy{width:100%;padding:30px 22px}.hero h1,.page-head h1{font-size:38px}.hero p{font-size:17px}.layout{display:block}.layout>.rail{display:none}.mission-grid,.tool-grid,.listing{grid-template-columns:1fr}.mission--lead{display:block;grid-column:auto}.mission--lead img{min-height:0;height:220px}.body-grid{display:block}.side-stack{position:static;margin-top:18px}.checklist,.link-grid{grid-template-columns:1fr}.sitemap{grid-template-columns:1fr}.cta-band .shell{display:block}.cta-band .btn{margin-top:15px}.footer__grid{grid-template-columns:1fr}.mobile-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:9px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--line)}.mobile-cta .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}