:root{color-scheme:light;--site-bg:#edf2f8;--background:#ffffff;--foreground:#24364b;--card:#f3f6fb;--card-foreground:#24364b;--popover:#ffffff;--popover-foreground:#24364b;--primary:#245f91;--primary-foreground:#ffffff;--secondary:#edf3f9;--secondary-foreground:#28415b;--muted:#e9eff6;--muted-foreground:#60738a;--accent:#e2eef9;--accent-foreground:#245f91;--border:#cfdbe8;--input:#bbcddd;--ring:#5597ce;--blue:#287dba;--orange:#d57829;--green:#248965;--red:#cf4f52;--purple:#835ec2;--yellow:#e5b52f;--viz-series-1:#287dba;--viz-series-2:#d57829;--viz-series-3:#248965;--viz-series-4:#bb5688;--viz-series-5:#835ec2;--viz-series-6:#188e99}
:root[data-theme=dark]{color-scheme:dark;--site-bg:#0b1420;--background:#142235;--foreground:#e5edf7;--card:#1b2c42;--card-foreground:#e5edf7;--popover:#1b2c42;--popover-foreground:#e5edf7;--primary:#a9d4fc;--primary-foreground:#102a43;--secondary:#223750;--secondary-foreground:#e5edf7;--muted:#283c54;--muted-foreground:#a9bbcf;--accent:#263e58;--accent-foreground:#b5dcff;--border:#415975;--input:#526b86;--ring:#9cd0ff;--blue:#70bdff;--orange:#ffb26c;--green:#75d7a7;--red:#ff8886;--purple:#bc9af5;--yellow:#f5d46b;--viz-series-1:#70bdff;--viz-series-2:#ffb26c;--viz-series-3:#75d7a7;--viz-series-4:#f28ebb;--viz-series-5:#bc9af5;--viz-series-6:#73d6d6}
html>body{background:var(--site-bg);color:var(--foreground);padding:24px 18px 38px;font-family:system-ui,"Microsoft JhengHei",sans-serif;line-height:1.6}body>main{max-width:1120px;margin:auto;background:var(--background);padding:24px 28px 30px;border-radius:20px;box-shadow:0 8px 35px #16334c08}.lab-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border)}.lab-toolbar a{font-size:14px;font-weight:500;color:var(--primary);text-decoration:none}.lab-theme{font:inherit;font-size:14px;padding:8px 13px;border-radius:10px;background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);cursor:pointer;white-space:nowrap}.lab-theme:focus-visible{outline:3px solid var(--ring);outline-offset:3px}h1,h2,h3{color:var(--foreground)}.text-muted{color:var(--muted-foreground)}a{color:var(--primary)}.form-range{accent-color:var(--viz-series-1)}
html[data-page=catalog]>body{padding:0}html[data-page=catalog] main{background:transparent;box-shadow:none;padding:40px 24px}html[data-page=catalog] .site-nav{align-items:center;flex-wrap:wrap}html[data-page=catalog] .lab-theme{margin-left:auto}html[data-page=catalog] .grade-link{color:var(--muted-foreground)}html[data-page=catalog] .grade-link.selected{background:var(--primary);color:var(--primary-foreground)}html[data-page=catalog] .grade-link:hover{background:var(--accent);color:var(--accent-foreground)}html[data-page=catalog] .intro,html[data-page=catalog] .card-copy p,html[data-page=catalog] footer{color:var(--muted-foreground)}html[data-page=catalog] .animation-card{background:var(--background);border:1px solid var(--border);box-shadow:0 3px 15px #16334c05}html[data-page=catalog] .animation-card:hover{border-color:var(--ring);box-shadow:0 10px 26px #16334c12}html[data-page=catalog] .preview{background:#fff;border-bottom:1px solid var(--border)}html[data-page=catalog] .open{color:var(--primary)}html[data-page=catalog] .card-copy h2{color:var(--foreground)}
@media(max-width:600px){html>body{padding:12px 9px 24px}body>main{padding:18px 14px 24px;border-radius:14px}html[data-page=catalog] main{padding:25px 16px}html[data-page=catalog] .grade-link{padding:8px 12px}.lab-toolbar{padding-bottom:12px;margin-bottom:16px}.lab-theme{min-height:42px}html[data-page=catalog] .lab-theme{margin-left:0}}