:root{--bg:#ffffff;--bg-soft:#f7f8fa;--bg-elev:#ffffff;--text:#1a1a1a;--text-soft:#5b6472;--muted:#8b94a3;--border:#e6e8ec;--link:#0b62d0;--accent:#0b62d0;--danger:#c92a2a;--code-bg:#f6f8fa;--shadow:0 1px 2px rgba(16,24,40,0.04),0 8px 24px rgba(16,24,40,0.06);--radius:10px;--content-width:720px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC",sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}html[data-theme=dark]{--bg:#0b1220;--bg-soft:#121a29;--bg-elev:#131c2b;--text:#e6eaf0;--text-soft:#a9b4c4;--muted:#7c8798;--border:#22304a;--link:#6cb6ff;--accent:#6cb6ff;--danger:#ff8080;--code-bg:#0f1725;--shadow:0 1px 2px rgba(0,0,0,0.3),0 12px 32px rgba(0,0,0,0.35)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{width:100%;max-width:1000px;margin:0 auto;padding:0 20px}.muted{color:var(--muted)}.small{font-size:13px}.mono{font-family:var(--font-mono)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.header-inner{height:60px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px;color:var(--text);letter-spacing:.2px}.brand:hover{text-decoration:none}.brand-icon{width:30px;height:30px;object-fit:contain}.site-nav{display:flex;align-items:center;gap:18px;font-size:14px}.site-nav a{color:var(--text-soft)}.site-nav a:hover{color:var(--text);text-decoration:none}.icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;font-size:15px;line-height:1;display:grid;place-items:center}.icon-btn:hover{border-color:var(--muted)}.site-footer{margin-top:80px;border-top:1px solid var(--border);padding:28px 0 48px;font-size:13px;color:var(--muted)}.footer-inner{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.hero{position:relative;min-height:310px;margin:32px 0 30px;padding:46px 48px;display:flex;align-items:center;overflow:hidden;isolation:isolate;border-radius:22px;background:linear-gradient(90deg,rgba(3,10,34,.96),rgba(3,10,34,.74) 42%,rgba(3,10,34,.05) 72%),url(/clipblog-hero.webp) 50% /cover no-repeat;box-shadow:0 18px 44px rgba(18,53,130,.2)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;border:1px solid rgba(145,205,255,.2);border-radius:inherit;pointer-events:none}.hero-copy{max-width:440px;color:#fff}.hero-eyebrow{display:block;margin-bottom:12px;color:#70d9ff;font-size:12px;font-weight:700;letter-spacing:1.8px}.hero h1{margin:0 0 10px;font-size:40px;line-height:1.2;letter-spacing:-.8px}.hero p{margin:0 0 20px;color:rgba(236,245,255,.82);font-size:15px}.hero-count{display:inline-flex;padding:5px 11px;border:1px solid rgba(125,216,255,.25);border-radius:999px;background:rgba(18,78,164,.24);color:#d5f2ff;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.post-list{display:flex;flex-direction:column;gap:2px}.post-card{display:flex;gap:18px;padding:22px 0;border-top:1px solid var(--border);align-items:flex-start}.post-card-cover{flex:0 0 168px;border-radius:var(--radius);overflow:hidden;background:var(--bg-soft)}.post-card-cover img{display:block;width:168px;height:105px;object-fit:cover}.post-card-body{min-width:0;flex:1 1}.post-card h2{margin:0 0 6px;font-size:19px;line-height:1.4;letter-spacing:-.2px}.post-card h2 a{color:var(--text)}.post-card-excerpt{margin:0 0 10px;color:var(--text-soft);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.tag-row{display:inline-flex;gap:6px;flex-wrap:wrap}.tag{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border);color:var(--text-soft)}.tag:hover{text-decoration:none;border-color:var(--accent);color:var(--accent)}.pager{display:flex;justify-content:space-between;align-items:center;padding:32px 0;font-size:14px;border-top:1px solid var(--border);margin-top:8px}.pager-current{color:var(--muted)}.empty{padding:64px 0;text-align:center;color:var(--text-soft)}.empty h1{font-size:56px;margin:0 0 12px;color:var(--muted)}.article{max-width:var(--content-width);margin:0 auto;padding-top:36px}.breadcrumb{font-size:13px;display:flex;gap:8px;margin-bottom:18px}.breadcrumb,.breadcrumb a{color:var(--muted)}.article-header h1{font-size:32px;line-height:1.35;letter-spacing:-.5px;margin:0 0 14px}.article-meta{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);margin-bottom:10px}.editor-note{margin:24px 0;padding:16px 18px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);border-radius:0 var(--radius) var(--radius) 0;font-size:15px}.editor-note strong{display:block;margin-bottom:6px;font-size:13px;letter-spacing:.5px;color:var(--accent)}.editor-note p{margin:0}.toc{margin:28px 0;padding:16px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);font-size:14px}.toc-title{font-size:12px;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.toc ol{margin:0;padding-left:18px}.toc li{margin:4px 0}.prose{font-size:17px;line-height:1.85;color:var(--text);overflow-wrap:break-word}.prose>:first-child{margin-top:0}.prose h2{font-size:23px;margin:2em 0 .7em;padding-bottom:.3em;border-bottom:1px solid var(--border);letter-spacing:-.3px}.prose h3{font-size:19px;margin:1.7em 0 .6em}.prose h4{font-size:17px;margin:1.4em 0 .5em}.prose p{margin:1.1em 0}.prose ol,.prose ul{padding-left:1.5em;margin:1.1em 0}.prose li{margin:.35em 0}.prose li>ol,.prose li>ul{margin:.3em 0}.prose blockquote{margin:1.4em 0;padding:.2em 1em;border-left:3px solid var(--border);color:var(--text-soft)}.prose hr{border:none;border-top:1px solid var(--border);margin:2.4em 0}.prose a{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--link) 40%,transparent);text-decoration-color:color-mix(in srgb,var(--link) 40%,transparent);text-underline-offset:3px}.prose img{display:block;max-width:100%;height:auto;margin:1.6em auto;border-radius:var(--radius);background:var(--bg-soft)}.prose figure{margin:1.6em 0}.prose figcaption{text-align:center;font-size:13px;color:var(--muted);margin-top:8px}.prose code{font-family:var(--font-mono);font-size:.88em;padding:.15em .4em;border-radius:5px}.prose code,.prose pre{background:var(--code-bg);border:1px solid var(--border)}.prose pre{margin:1.5em 0;padding:16px 18px;border-radius:var(--radius);overflow-x:auto;font-size:13.5px;line-height:1.65;-webkit-overflow-scrolling:touch}.prose pre code{background:none;border:none;padding:0;font-size:inherit;white-space:pre}.prose pre code[data-language]:before{content:attr(data-language);display:block;font-size:11px;color:var(--muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.8px}.shiki span{color:var(--shiki-light)}html[data-theme=dark] .shiki span{color:var(--shiki-dark)}.prose table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:14.5px;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--border);padding:8px 12px;text-align:left}.prose th{background:var(--bg-soft);font-weight:600}.prose .heading-anchor{color:inherit;text-decoration:none}.prose .heading-anchor:hover:after{content:" #";color:var(--muted);font-weight:400}.prose kbd{font-family:var(--font-mono);font-size:.85em;border:solid var(--border);border-width:1px 1px 2px;border-radius:5px;padding:.1em .4em;background:var(--bg-soft)}.prose mark{background:#fff3bf;color:#1a1a1a;padding:0 .2em;border-radius:3px}.prose details{border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;margin:1.2em 0}.source-box{margin:44px 0 0;padding:18px 20px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-soft);font-size:13.5px;color:var(--text-soft)}.source-box p{margin:4px 0;word-break:break-all}.post-nav{display:flex;justify-content:space-between;gap:20px;margin:48px 0 0;padding-top:24px;border-top:1px solid var(--border);font-size:14px}.post-nav-item{display:flex;flex-direction:column;gap:4px;max-width:46%}.post-nav-next{text-align:right;margin-left:auto}.related{margin-top:48px}.related h2{font-size:15px;color:var(--muted);letter-spacing:1px;font-weight:500}.related ul{list-style:none;padding:0;margin:12px 0 0}.related li{padding:8px 0;border-bottom:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px}.field>span{color:var(--text-soft)}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:8px;padding:9px 12px;width:100%;outline:none}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}textarea{resize:vertical;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}button{font:inherit;font-size:14px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;transition:.15s ease}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}html[data-theme=dark] button.primary{color:#06121f}button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}button.block{width:100%}.link-btn{border:none;background:none;padding:0;color:var(--muted);font-size:13px;cursor:pointer;text-decoration:underline}.btn-ghost{font-size:14px;color:var(--text-soft);padding:8px 12px;border-radius:8px;border:1px solid transparent}.btn-ghost:hover{text-decoration:none;border-color:var(--border)}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.action-message{color:#0a7d3f;font-size:13px}.action-message.error{color:var(--danger)}.login-wrap{max-width:380px;margin:80px auto}.login-wrap h1{font-size:26px;margin:0 0 4px}.login-form{margin-top:28px}.form-error{color:var(--danger)}.form-error,.form-success{font-size:13px;margin:0 0 12px}.form-success{color:#0a7d3f}.admin{padding:32px 0 60px}.admin-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:28px;font-size:14px}.admin-nav{display:flex;gap:18px}.admin-user{gap:12px;font-size:13px}.admin-head,.admin-user{display:flex;align-items:center}.admin-head{justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.admin-head h1{font-size:22px;margin:0}.account-form{max-width:560px;margin-top:24px;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev)}.account-passwords{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;font-weight:500;font-size:12px;letter-spacing:.5px;color:var(--muted);padding:8px 10px}.admin-table td,.admin-table th{border-bottom:1px solid var(--border)}.admin-table td{padding:12px 10px;vertical-align:middle}.badge{display:inline-block;font-size:11px;padding:1px 7px;border-radius:999px;border:1px solid var(--border);color:var(--muted);margin-right:4px}.badge-published{color:#0a7d3f;border-color:#0a7d3f40;background:#0a7d3f12}.badge-draft{color:#a06a00;border-color:#a06a0040;background:#a06a0012}.badge-archived{color:#8b94a3}.token-create{display:flex;gap:12px;margin:16px 0 24px;max-width:520px}.token-reveal{border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:var(--radius);padding:16px;margin-bottom:24px}.token-reveal code{display:block;font-family:var(--font-mono);font-size:13px;word-break:break-all;margin:8px 0 12px;padding:10px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.editor-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;align-items:start}.editor-col{min-width:0}.preview-label{font-size:12px;letter-spacing:1px;color:var(--muted);margin-bottom:8px;position:-webkit-sticky;position:sticky;top:70px}.preview{border:1px solid var(--border);border-radius:var(--radius);padding:20px;max-height:78vh;overflow:auto;background:var(--bg-elev)}.radio-row{display:flex;flex-direction:column;gap:8px}.radio-item{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.radio-item input{width:auto;margin-top:3px}.radio-item span{display:flex;flex-direction:column;gap:2px}.radio-item em{font-style:normal;font-size:12px;color:var(--muted)}.checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-soft);margin-bottom:16px}.checkbox input{width:auto}fieldset.field{border:none;padding:0;margin:0 0 16px}fieldset.field legend{font-size:13px;color:var(--text-soft);margin-bottom:8px;padding:0}@media (max-width:860px){.editor-grid{grid-template-columns:1fr}.preview-label{position:static}}@media (max-width:640px){.wrap{padding:0 16px}.hero{min-height:260px;margin:20px 0 24px;padding:30px 24px;border-radius:16px;background-position:58%}.hero h1{font-size:31px}.hero-copy{max-width:290px}.post-card{flex-direction:column;gap:12px}.post-card-cover,.post-card-cover img{width:100%;height:180px;flex:none}.article-header h1{font-size:25px}.prose{font-size:16.5px}.prose pre{font-size:12.5px;padding:12px;margin-left:-16px;margin-right:-16px;border-radius:0;border-left:none;border-right:none}.account-passwords,.field-row{grid-template-columns:1fr}.account-passwords{gap:0}.post-nav{flex-direction:column}.post-nav-item{max-width:100%}.post-nav-next{text-align:left}.admin-table{font-size:13px}.admin-table td:nth-child(3),.admin-table td:nth-child(4),.admin-table th:nth-child(3),.admin-table th:nth-child(4){display:none}}@media print{.post-nav,.related,.site-footer,.site-header,.source-box,.toc{display:none}.prose a:after{content:" (" attr(href) ")";font-size:11px;color:#666}}