:root{--sky: #b8d8f0;--mist: #d6ecf8;--sun: #fff3c0;--honey: #ffdf90;--lotus: #ffd6dc;--leaf: #d8edd8;--canvas: #fafbfc;--quartz: #e2eaf0;--ink: #3a6080;--ink-rgb: 58, 96, 128;--muted: #5d7c97;--surface: rgba(250, 251, 252, .86);--surface-strong: #ffffff;--shadow: 0 8px 22px rgba(var(--ink-rgb), .09);--shadow-strong: 0 16px 36px rgba(var(--ink-rgb), .13);--font-serif: "Noto Serif TC", Georgia, serif;--font-sans: "Noto Sans TC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,rgba(214,236,248,.72) 0%,rgba(250,251,252,.96) 34%,var(--canvas) 100%) fixed,var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:18px;line-height:1.72;text-align:left;overflow-wrap:break-word}a{color:inherit;text-decoration-color:rgba(var(--ink-rgb),.32);text-underline-offset:.18em}a:hover{text-decoration-color:var(--honey)}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4{margin:0;color:var(--ink);font-family:var(--font-serif);font-weight:700;letter-spacing:0;line-height:1.2}h1{font-size:clamp(2rem,4vw,3.2rem)}h2{font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:1.2rem}p{margin:0}code,pre{font-family:var(--font-mono)}code{padding:.13em .35em;border-radius:6px;background:#e2eaf0b3;font-size:.88em}pre{max-width:100%;min-width:0;margin:1.35rem 0;padding:1.1rem;overflow-x:auto;border:1px solid rgba(var(--ink-rgb),.12);border-radius:8px;background:#f5f8fb;font-size:.88rem;line-height:1.62}pre>code{all:unset;font-family:var(--font-mono)}hr{border:0;border-top:1px solid var(--quartz)}.page-shell{width:960px;max-width:calc(100% - 2rem);margin:0 auto;padding:2.6rem 0 4rem}.page-shell--article{width:720px}.page-shell--wide{width:1120px}.stack{display:grid;gap:1rem}.section{margin-top:clamp(2.3rem,6vw,4rem)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-header p,.muted{color:var(--muted)}.quiet-link{color:var(--muted);font-size:.92rem;font-weight:700;text-decoration:none}.quiet-link:hover{color:var(--ink)}.hero{display:grid;gap:1.2rem;padding:clamp(1.6rem,4vw,2.4rem) 0 1.4rem}.hero p{max-width:760px;color:var(--muted);font-size:1.02rem}.hero-actions,.meta-row,.chip-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.button,.copy-button{display:inline-flex;min-height:2.35rem;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgba(var(--ink-rgb),.12);border-radius:999px;background:var(--honey);color:var(--ink);font-size:.9rem;font-weight:700;line-height:1;padding:.65rem .95rem;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}.button:hover,.copy-button:hover{border-color:rgba(var(--ink-rgb),.22);background:var(--sun);transform:translateY(-1px)}.button--secondary{background:#fafbfcd1}.grid{display:grid;gap:1rem;min-width:0}.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-card{display:grid;gap:.7rem;height:100%;min-width:0;padding:1rem;border:1px solid rgba(var(--ink-rgb),.12);border-radius:8px;background:#fafbfcbd;color:inherit;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.content-card__main{display:grid;gap:.7rem;color:inherit;text-decoration:none}.content-card:hover{border-color:rgba(var(--ink-rgb),.24);background:#ffffffe6;box-shadow:var(--shadow);transform:translateY(-1px)}.content-card__kind{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.04em}.content-card h3{font-size:1.08rem}.content-card p{color:var(--muted);font-size:.92rem;line-height:1.58}.content-card .tag-list{align-self:end}.role-prompt-card{align-content:start;min-width:0}.role-prompt-card[hidden]{display:none!important}.role-prompt-card.is-expanded{border-color:rgba(var(--ink-rgb),.24);background:#ffffffe6;box-shadow:var(--shadow)}.role-prompt-card__prompt{max-width:100%;min-width:0;margin-top:.2rem}.role-prompt-card__prompt summary{cursor:pointer;color:var(--ink);font-weight:800}.role-prompt-card__prompt pre{width:100%;margin:.8rem 0 0;overflow-x:hidden;white-space:pre-wrap;word-break:break-word}.pagination{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:center;justify-content:space-between;margin:1rem 0;color:var(--muted);font-size:.9rem}.pagination__controls{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.pagination button:disabled{cursor:not-allowed;opacity:.55;transform:none}.pagination .button[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none;transform:none}.tag,.source-badge,.meta-pill{display:inline-flex;align-items:center;min-height:1.7rem;border:1px solid rgba(var(--ink-rgb),.12);border-radius:999px;background:#fff3c07a;color:var(--ink);font-size:.78rem;font-weight:700;line-height:1;padding:.38rem .62rem;text-decoration:none}.source-badge{background:#d8edd88c;font-family:var(--font-mono);font-weight:700}.tag:hover,.source-badge:hover{border-color:rgba(var(--ink-rgb),.22);background:var(--honey)}.meta-pill{background:#d6ecf88c;color:var(--muted)}.panel{padding:1rem;border:1px solid rgba(var(--ink-rgb),.12);border-radius:8px;background:#fafbfcc2}.prose{color:var(--ink)}.prose>*+*{margin-top:1.1rem}.prose h2{margin-top:2.3rem;font-size:1.55rem}.prose h3{margin-top:1.6rem;font-family:var(--font-sans);font-size:1.08rem;font-weight:800}.prose p,.prose li{color:#426984}.prose ul,.prose ol{padding-left:1.35rem}.prose img{display:block;width:min(100%,520px);height:auto;margin:1rem auto 0;border-radius:8px;box-shadow:0 18px 48px rgba(var(--ink-rgb),.16)}.source-box{display:grid;gap:.7rem;margin-top:2rem;padding:1rem;border:1px solid rgba(var(--ink-rgb),.14);border-radius:8px;background:#d8ecf85c}.source-path{color:var(--muted);font-family:var(--font-mono);font-size:.8rem;line-height:1.5}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:1.5rem 0}.filter-bar input,.filter-bar select{width:100%;min-height:2.65rem;border:1px solid rgba(var(--ink-rgb),.14);border-radius:8px;background:#fafbfcdb;color:var(--ink);padding:.55rem .7rem}.filter-empty{display:none;color:var(--muted)}.prompt-shell{overflow:hidden;border:1px solid rgba(var(--ink-rgb),.14);border-radius:8px;background:#fafbfcdb;box-shadow:var(--shadow)}.prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem;border-bottom:1px solid rgba(var(--ink-rgb),.1);background:#d6ecf86b}.prompt-toolbar strong{color:var(--muted);font-size:.86rem}.prompt-toolbar__meta{display:flex;min-width:0;flex-wrap:wrap;gap:.45rem}.prompt-shell pre{max-height:34rem;margin:0;border:0;border-radius:0;background:#f7fafc}.site-header{position:sticky;z-index:10;top:0;border-bottom:1px solid rgba(var(--ink-rgb),.09);background:#fafbfce0;box-shadow:0 6px 18px rgba(var(--ink-rgb),.06);backdrop-filter:blur(14px)}.site-nav{display:flex;width:1120px;max-width:calc(100% - 2rem);min-height:4rem;align-items:center;justify-content:space-between;gap:1rem;margin:0 auto}.brand-link{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);font-family:var(--font-serif);font-size:.98rem;font-weight:700;text-decoration:none}.brand-mark,.section-mark{display:inline-grid;flex:0 0 auto;place-items:center;border-radius:12px;background:linear-gradient(135deg,#fafbfcf5,#d6ecf8e6);box-shadow:0 8px 18px rgba(var(--ink-rgb),.1)}.brand-mark{width:2rem;height:2rem}.brand-mark svg,.section-mark svg{width:1.35rem;height:1.35rem}.nav-links{display:flex;align-items:center;gap:.35rem}.nav-links a{border-bottom:3px solid transparent;color:var(--ink);font-size:.88rem;font-weight:700;padding:1.25rem .45rem 1.1rem;text-decoration:none}.nav-links a[aria-current=page]{border-bottom-color:var(--honey)}.site-footer{padding:2rem 1rem 4rem;color:var(--muted);font-size:.88rem;text-align:center}@media(max-width:860px){body{font-size:17px}.site-nav{align-items:flex-start;flex-direction:column;padding:.75rem 0}.nav-links{width:100%;overflow-x:auto;padding-bottom:.15rem}.grid--two,.grid--three,.filter-bar{grid-template-columns:1fr}.section-header,.prompt-toolbar{align-items:start;flex-direction:column}}