:root{--bg:#050403;--bg-2:#1e140a;--card:#2b1f14;--text:#fff;--muted:#b8ada2;--accent:#f5a623;--accent-2:#d97757;--line:#b8ada22e;--radius:14px;--max:760px}.series-claude-design{--accent:#c47936;--accent-2:#f5dcbe}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);letter-spacing:.01em;margin:0;font-family:Noto Sans TC,Source Han Sans TC,Microsoft JhengHei,sans-serif;font-size:17px;line-height:1.85}a{color:var(--accent);text-underline-offset:3px}a:hover{color:var(--accent-2)}img{max-width:100%;height:auto;display:block}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.wrap-wide{max-width:1080px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;position:sticky;top:0}.site-header .wrap-wide{justify-content:space-between;align-items:center;gap:16px;height:60px;display:flex}.brand{color:var(--text);font-size:18px;font-weight:900;text-decoration:none}.brand span{color:#f5a623}.nav{gap:18px;font-size:15px;font-weight:700;display:flex}.nav a{color:var(--muted);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.site-footer{border-top:1px solid var(--line);background:var(--bg-2);color:var(--muted);margin-top:80px;padding:40px 0 32px;font-size:14px}.site-footer .legal{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.site-footer .legal a{color:var(--muted)}.cta{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.cta h2{margin:0 0 12px;font-size:20px;line-height:1.4}.cta ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cta li a{font-weight:700}.cta .platform{color:var(--muted);min-width:92px;display:inline-block}.hero{padding:56px 0 24px}.hero h1{margin:0 0 12px;font-size:clamp(30px,6vw,44px);font-weight:900;line-height:1.25}.hero p{color:var(--muted);max-width:620px;margin:0}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:32px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);flex-direction:column;text-decoration:none;transition:border-color .15s;display:flex;overflow:hidden}.card:hover{border-color:var(--accent);color:var(--text)}.card img{aspect-ratio:4/5;object-fit:cover;background:var(--bg-2);width:100%}.card .body{flex-direction:column;gap:8px;padding:18px 18px 20px;display:flex}.card h2{margin:0;font-size:19px;line-height:1.45}.card p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:1px 10px;font-size:12px;font-weight:700;line-height:1.8}.date{color:var(--muted);font-size:13px}.article-head{padding:44px 0 8px}.article-head h1{margin:12px 0;font-size:clamp(28px,5.5vw,40px);font-weight:900;line-height:1.3}.article-head .lead{color:var(--muted);margin:0}.get-box{background:var(--card);border:1px solid var(--accent);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:28px 0;padding:20px 22px;display:flex}.get-box p{margin:0}.btn{background:var(--accent);color:var(--bg);border-radius:10px;padding:10px 18px;font-weight:900;line-height:1.5;text-decoration:none;display:inline-block}.btn:hover{background:var(--accent-2);color:var(--bg)}.prose h2{border-top:2px solid var(--accent);margin:56px 0 16px;padding-top:8px;font-size:26px;line-height:1.4}.prose h3{color:var(--accent);margin:36px 0 12px;font-size:21px;line-height:1.45}.prose p,.prose ul,.prose ol{margin:0 0 18px}.prose li{margin:4px 0}.prose strong{color:var(--text)}.prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}.prose code{background:var(--card);border-radius:6px;padding:1px 6px;font-family:Noto Sans Mono,Consolas,Noto Sans TC,monospace;font-size:.92em}.prose pre{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:0 0 18px;padding:42px 18px 16px;line-height:1.8;position:relative;overflow-x:auto}.prose pre code{background:0 0;padding:0;font-size:15px}.copy-btn{background:var(--bg-2);color:var(--muted);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:8px;padding:2px 10px;font-size:13px;font-weight:700;position:absolute;top:8px;right:8px}.copy-btn:hover{color:var(--text);border-color:var(--accent)}.prose table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.prose th{background:var(--bg-2)}.prose ul.contains-task-list{padding-left:4px;list-style:none}.prose input[type=checkbox]{accent-color:var(--accent);margin-right:8px}.article-cover{border-radius:var(--radius);border:1px solid var(--line);max-width:420px;margin:20px 0 0}.page{padding:44px 0 0}.page h1{margin:0 0 20px;font-size:34px;font-weight:900;line-height:1.3}.page h2{color:var(--accent);margin:36px 0 12px;font-size:22px}.page p,.page li{color:var(--text)}@media (width<=560px){body{font-size:16px}.nav{gap:12px;font-size:14px}.brand{font-size:16px}.prose h2{font-size:23px}}.promo{--accent:#f5a623;--accent-2:#d97757;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);margin:56px 0 0;padding:22px 22px 24px}.promo p{margin:0 0 8px}.promo-kicker{color:var(--accent);font-size:14px;font-weight:700}.promo-title{font-size:20px;font-weight:900;line-height:1.45}.promo-text{color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:16px!important}.prose li.task-list-item{align-items:flex-start;gap:2px;display:flex}.prose li.task-list-item input{flex:none;margin-top:.45em}