
:root{--ink:#191c22;--muted:#636975;--line:#dce0e6;--paper:#fff;--soft:#f3f5f8;--accent:#e5f641;--link:#234ac9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--link);outline-offset:4px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--accent);z-index:5}.skip:focus{top:10px}.masthead{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px;padding:0 4vw;background:#fff;position:sticky;top:0;z-index:3}.brand{font-size:24px;font-weight:850;letter-spacing:-1px}.brand span{font-weight:450}.wordmark{font-size:14px;letter-spacing:1.5px;border-left:1px solid var(--line);padding-left:30px}.guide-link{margin-left:auto;font-size:14px;border-bottom:1px solid var(--ink)}.shell{max-width:1600px;margin:auto;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{border-right:1px solid var(--line);padding:36px 25px;align-self:start;position:sticky;top:78px;max-height:calc(100vh - 78px);overflow-y:auto}.side-label{font-size:14px;color:var(--muted);margin-bottom:20px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:15px;padding:9px 10px;margin-left:-10px;border-radius:4px}.sidebar nav a:hover{background:var(--accent)}.nav-count{font-family:ui-monospace,monospace;font-size:13px;color:var(--muted)}.snapshot{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;color:var(--muted);font-size:13px;line-height:1.9}main{min-width:0;padding:34px 42px 20px}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px}.eyebrow{font-size:14px;color:var(--muted)}h1{font-size:clamp(48px,6vw,76px);line-height:1;margin:10px 0 15px;letter-spacing:-4px;font-weight:800}h1 span{color:#829202}.intro p{margin:0;font-size:16px}.totals{display:flex;gap:28px}.totals div{border-left:1px solid var(--line);padding-left:24px;display:grid;gap:4px}.totals strong{font:500 40px/1.2 ui-monospace,monospace}.totals span{font-size:14px;color:var(--muted)}.notice{display:flex;align-items:flex-start;gap:16px;background:var(--soft);border-left:4px solid var(--ink);padding:14px 18px;font-size:14px;margin-bottom:35px}.notice strong{white-space:nowrap}.notice span{color:var(--muted)}.category{margin:0 0 38px;scroll-margin-top:100px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:17px;border-top:2px solid var(--ink);padding-top:14px}.section-head h2{font-size:22px;line-height:1.35;margin:0;font-weight:700}.section-head>span{font-size:14px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.skill{border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;min-width:0;transition:border-color .15s}.skill:hover{border-color:#6b7380}.card-meta{font-size:13px;color:var(--muted);margin-bottom:8px}.skill h3{font-size:20px;line-height:1.45;margin:0 0 6px;letter-spacing:-.2px}.skill>code{font-size:13px;color:var(--muted);line-height:1.65}.summary{font-size:16px;line-height:1.7;margin:14px 0 12px}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.config,.subtle{font-size:12px;line-height:1.5;padding:3px 7px;border:1px solid var(--line);border-radius:2px}.config{background:#f5f8dc;border-color:#e0e8a6}.subtle{color:var(--muted);background:var(--soft)}.package-note{font-size:13px;color:var(--muted);margin:0 0 12px}.downloads{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:5px}.download{display:flex;gap:15px;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;font-size:14px;font-weight:550;padding:9px 13px;min-height:44px}.download:hover{background:var(--link)}.download span{font-size:12px;color:#c7cbd4;font-weight:400}.install{padding:0 0 34px;margin-top:50px}.install-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.step-no{display:inline-block;padding:2px 8px;background:var(--accent);font:500 15px/1.7 ui-monospace,monospace;margin-top:5px}.install-grid h3{font-size:18px;margin:12px 0 8px}.install-grid p{font-size:15px;color:var(--muted);margin:0}.install-grid code{font-size:13px;background:var(--soft);padding:2px 4px}.fine-print{font-size:13px;color:var(--muted);border-top:1px solid var(--line);margin:25px 0 12px;padding-top:16px}.text-link{font-size:14px;color:var(--link);border-bottom:1px solid var(--link)}footer{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px;letter-spacing:.4px}@media(min-width:1450px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill{padding:22px}}@media(max-width:1050px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:28px 20px}main{padding:28px}.totals{gap:14px}.totals div{padding-left:14px}.totals strong{font-size:32px}.notice{display:block}.notice strong{display:block;margin-bottom:4px}.skill{padding:18px}.install-grid{grid-template-columns:1fr;gap:20px}}@media(max-width:760px){.masthead{height:66px;gap:15px;padding:0 20px}.brand{font-size:21px}.wordmark{font-size:12px;letter-spacing:.5px;padding-left:15px}.shell{display:block}.sidebar{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:16px 20px}.side-label,.snapshot{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:10px;padding-bottom:6px}.sidebar nav a{white-space:nowrap;margin:0;border:1px solid var(--line);padding:7px 10px}.nav-count{display:none}main{padding:25px 20px 15px}.intro{gap:15px;align-items:flex-end}.intro p{font-size:14px;max-width:210px}.totals{gap:12px}.totals div{padding-left:12px}.totals strong{font-size:28px}.totals span{font-size:12px}h1{font-size:58px;letter-spacing:-3px}.grid{grid-template-columns:1fr}.section-head h2{font-size:20px}.skill{padding:22px}.notice{font-size:14px;padding:13px 15px;margin-bottom:27px}.category{margin-bottom:30px}.guide-link{font-size:12px;white-space:nowrap}.install-grid p{font-size:16px}.section-head>span{font-size:13px}footer{flex-direction:column;gap:4px}}@media(max-width:390px){.wordmark{display:none}.totals{gap:8px}.totals div{padding-left:8px}.totals strong{font-size:24px}.intro{gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skill{transition:none}}
