:root{--color-bg:#fff;--color-surface:#fff;--color-text:#1a1a1a;--color-muted:#6b7280;--color-border:#e5e7eb;--color-accent:#2563eb;--color-accent-soft:#eff6ff;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif;--container:1080px;--container-narrow:720px;--radius:12px;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000f}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);flex-direction:column;min-height:100vh;margin:0;font-size:17px;line-height:1.75;display:flex}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.container--narrow{width:100%;max-width:var(--container-narrow);margin:0 auto;padding:0 24px}.site-header{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:saturate(180%)blur(8px);backdrop-filter:saturate(180%)blur(8px);z-index:10;background:#ffffffd9;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;height:64px;display:flex}.site-header__brand{color:var(--color-text);font-size:20px;font-weight:700}.site-header__brand:hover{text-decoration:none}.site-nav{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.site-nav a{color:var(--color-muted);font-size:15px;font-weight:500}.site-nav a:hover{color:var(--color-text);text-decoration:none}.site-nav__admin{border:1px solid var(--color-border);border-radius:999px;padding:6px 14px;color:var(--color-text)!important}.site-nav__admin:hover{background:var(--color-accent-soft);border-color:var(--color-accent)}.site-main{flex:1 0 auto;padding:56px 0 80px}.hero{text-align:center;margin-bottom:56px}.hero__title{letter-spacing:-.02em;margin:0 0 12px;font-size:44px;font-weight:800;line-height:1.2}.hero__subtitle{color:var(--color-muted);margin:0;font-size:18px}.post-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.post-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:transform .18s,box-shadow .18s;overflow:hidden}.post-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.post-card__link{color:inherit;display:block}.post-card__link:hover{text-decoration:none}.post-card__media{aspect-ratio:16/9;background:var(--color-accent-soft);position:relative;overflow:hidden}.post-card__media img{object-fit:cover;width:100%;height:100%}.post-card__body{padding:20px 22px 24px}.post-card__title{margin:0 0 10px;font-size:21px;font-weight:700;line-height:1.4}.post-card__excerpt{color:var(--color-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card__meta{color:var(--color-muted);gap:6px;font-size:13px;display:flex}.empty-state{text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius);color:var(--color-muted);padding:64px 24px}.empty-state__title{color:var(--color-text);margin:0 0 8px;font-size:18px;font-weight:600}.empty-state__hint{margin:0;font-size:15px}.article{padding-top:8px}.article__header{text-align:center;margin-bottom:32px}.article__categories{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.tag{color:var(--color-accent);background:var(--color-accent-soft);border-radius:999px;padding:4px 12px;font-size:13px}.article__title{letter-spacing:-.02em;margin:0 0 16px;font-size:38px;font-weight:800;line-height:1.25}.article__meta{color:var(--color-muted);justify-content:center;gap:6px;font-size:15px;display:flex}.article__cover{border-radius:var(--radius);margin:0 0 40px;overflow:hidden}.article__cover img{width:100%}.article__footer{border-top:1px solid var(--color-border);margin-top:56px;padding-top:24px}.back-link{font-size:15px;font-weight:500}.prose{color:#2a2a2a;font-size:18px;line-height:1.85}.prose h2{letter-spacing:-.01em;margin:40px 0 16px;font-size:28px;font-weight:700}.prose h3{margin:32px 0 12px;font-size:22px;font-weight:700}.prose p{margin:20px 0}.prose a{text-decoration:underline}.prose ul,.prose ol{margin:20px 0;padding-left:28px}.prose li{margin:8px 0}.prose blockquote{border-left:4px solid var(--color-accent);color:var(--color-muted);background:var(--color-accent-soft);border-radius:0 8px 8px 0;margin:28px 0;padding:4px 20px}.prose img{border-radius:var(--radius);margin:28px auto}.prose code{background:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.9em}.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);text-align:center;flex-shrink:0;padding:28px 0;font-size:14px}.site-footer p{margin:0}.plugin-list{gap:16px;display:grid}.plugin-card{border:1px solid var(--color-border);border-radius:var(--radius);padding:20px 22px}.plugin-card__head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.plugin-card__name{margin:0;font-size:18px;font-weight:700}.plugin-card__desc{color:var(--color-muted);margin:0;font-size:15px;line-height:1.7}.hook-summary{border-radius:var(--radius);color:var(--color-muted);background:#f9fafb;margin-top:32px;padding:20px 22px;font-size:14px}.hook-summary__title{color:var(--color-text);margin:0 0 8px;font-weight:600}.hook-summary p{margin:4px 0}.search-form input{border:1px solid var(--color-border);border-radius:999px;outline:none;padding:6px 14px;font-family:inherit;font-size:14px}.search-form input:focus{border-color:var(--color-accent)}.search-form--page{gap:8px;margin-bottom:24px;display:flex}.search-form--page input{flex:1}.search-form--page button{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:8px 20px;font-weight:500}.search-results{gap:10px;display:grid}.search-result{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);align-items:center;gap:12px;padding:14px 16px;display:flex}.search-result:hover{background:var(--color-accent-soft);text-decoration:none}.cms-form{gap:16px;max-width:560px;display:grid}.cms-form label{color:var(--color-text);gap:6px;font-size:14px;font-weight:500;display:grid}.cms-form input,.cms-form textarea{border:1px solid var(--color-border);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:15px}.cms-form input:focus,.cms-form textarea:focus{border-color:var(--color-accent)}.cms-form button{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-self:start;padding:10px 24px;font-weight:500}.cms-form button:disabled{opacity:.6;cursor:default}.form-success{color:#065f46;background:#ecfdf5;border-radius:8px;padding:14px 18px}.form-error{color:#b91c1c;font-size:14px}.related{border-top:1px solid var(--color-border);margin-top:56px;padding-top:32px}.related__title{margin:0 0 20px;font-size:22px;font-weight:700}.comments{border-top:1px solid var(--color-border);margin-top:56px;padding-top:32px}.comments__title{margin:0 0 20px;font-size:22px;font-weight:700}.comment-list{gap:16px;margin:0 0 32px;padding:0;list-style:none;display:grid}.comment{border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 18px}.comment__head{color:var(--color-muted);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:14px;display:flex}.comment__head strong{color:var(--color-text)}.comment__body{white-space:pre-wrap;margin:0;line-height:1.7}.comments__form-title{margin:0 0 16px;font-size:18px;font-weight:700}.archive__kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin:0 0 4px;font-size:13px;font-weight:600}a.tag{text-decoration:none;transition:background .15s,color .15s}a.tag:hover{background:var(--color-accent);color:#fff}.article__tags{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.tag--soft{background:var(--color-accent-soft);color:var(--color-accent)}@media (max-width:768px){.hero__title{font-size:34px}.article__title{font-size:30px}.site-main{padding:40px 0 64px}.post-grid{grid-template-columns:1fr;gap:24px}}