.blog-wrap{max-width:72rem;margin:0 auto;padding:8px 16px 0}.bl-tools{gap:12px;margin-bottom:26px;display:grid}.bl-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bl-search{flex:1;min-width:14rem;position:relative}.bl-search input{border:1px solid var(--border);background:var(--card);width:100%;color:var(--foreground);font:inherit;border-radius:999px;padding:12px 16px 12px 44px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.bl-search input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent);outline:none}.bl-search svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.bl-rss{color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-size:.85rem;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.bl-rss:hover{border-color:var(--brand);color:var(--brand-text)}.bl-chips{flex-wrap:wrap;gap:8px;display:flex}.bl-chip{cursor:pointer;font:inherit;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:border-color .15s,background .15s;display:inline-flex}.bl-chip small{color:var(--muted);font-weight:700}.bl-chip:hover{border-color:var(--brand)}.bl-chip.on{color:#fff;background:var(--brand);border-color:var(--brand)}.bl-chip.on small{color:#fffc}.bl-chip.tag{background:0 0;border-style:dashed}.bl-chip.tag.on{border-style:solid}.bl-status{color:var(--muted);margin:0 0 14px;font-size:.88rem}.bl-empty{text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:24px;padding:48px 16px}.bl-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;display:grid}.bl-feature{margin-bottom:18px}.bp{--h:205;border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:24px;flex-direction:column;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.bp:hover{border-color:hsl(var(--h) 85% 58% / .8);box-shadow:0 22px 46px hsl(var(--h) 80% 40% / .22);transform:translateY(-5px)}.bp-media{aspect-ratio:1200/630;background:linear-gradient(135deg, hsl(var(--h) 85% 58%), hsl(calc(var(--h) + 28) 80% 32%));display:block;position:relative;overflow:hidden}.bp-media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:block}.bp:hover .bp-media img{transform:scale(1.05)}.bp-fallback{opacity:.85;place-items:center;font-size:3.2rem;display:grid;position:absolute;inset:0}.bp-pin{color:#fff;backdrop-filter:blur(4px);background:#0000008c;border-radius:999px;padding:3px 10px;font-size:.72rem;font-style:normal;font-weight:800;position:absolute;top:12px;left:12px}.bp-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 20px;display:flex}.bp-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:.74rem;display:flex}.bp-cat{color:hsl(var(--h) 75% 38%);background:hsl(var(--h) 85% 58% / .16);border-radius:999px;padding:2px 10px;font-weight:800}:root[data-theme=dark] .bp-cat{color:hsl(var(--h) 90% 72%)}.bp h3{letter-spacing:-.01em;margin:0;font-size:1.22rem;font-weight:800;line-height:1.22}.bp p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.bp-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px;display:flex}.bp-tags i{color:var(--muted);font-size:.72rem;font-style:normal;font-weight:700}@media (width>=860px){.bp.big{flex-direction:row}.bp.big .bp-media{aspect-ratio:auto;flex:1.35;min-height:340px}.bp.big .bp-body{flex:1;justify-content:center;gap:12px;padding:34px}.bp.big h3{font-size:2rem}.bp.big p{-webkit-line-clamp:5;font-size:1rem}}.bp.sk{pointer-events:none}.bp.sk .bp-media{background:var(--secondary);animation:1.4s ease-in-out infinite bl-pulse}.sk-line{background:var(--secondary);border-radius:6px;height:12px;animation:1.4s ease-in-out infinite bl-pulse;display:block}.sk-line.w40{width:40%}.sk-line.w70{width:70%}@keyframes bl-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.bp,.bp-media img{transition:none}.bp.sk .bp-media,.sk-line{animation:none}}.rd-progress{z-index:60;background:linear-gradient(90deg, var(--brand), hsl(calc(var(--h,205) + 40) 90% 60%));width:0;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.rd-hd{--h:205;color:#fff;text-align:center;background:linear-gradient(160deg, hsl(var(--h) 100% 62%), hsl(calc(var(--h) + 15) 100% 32%));margin-top:-80px;padding:140px 16px 40px;position:relative}.rd-hd:after{content:"";background:linear-gradient(to bottom, #04183480, rgba(var(--bg-rgb), 0) 45%, var(--background));position:absolute;inset:0}.rd-in{z-index:1;flex-direction:column;align-items:center;gap:14px;max-width:46rem;margin:0 auto;display:flex;position:relative}.rd-back{opacity:.92;font-size:.85rem;font-weight:600}.rd-back:hover{text-decoration:underline}.rd-pill{color:hsl(var(--h) 80% 30%);background:#fffffff0;border-radius:999px;padding:4px 14px;font-size:.75rem;font-weight:800}.rd-hd h1{text-shadow:0 3px 20px #00143299;margin:0;font-size:clamp(2rem,6vw,3.4rem);font-weight:800;line-height:1.08}.rd-meta{opacity:.94;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:.88rem;display:flex}.rd-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rd-tags a{color:#fff;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:700}.rd-tags a:hover{background:#ffffff4d}.rd-cover{max-width:60rem;margin:-6px auto 28px;padding:0 16px}.rd-cover img{border:1px solid var(--border);border-radius:24px;width:100%;height:auto;display:block;box-shadow:0 24px 60px #00000047}.rd-article{max-width:46rem;margin:0 auto;padding:0 16px}.rd-share{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;max-width:46rem;margin:36px auto 0;padding:18px 16px 0;display:flex}.rd-share b{color:var(--muted);font-size:.85rem}.rd-btn{cursor:pointer;font:inherit;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:700;transition:border-color .15s,color .15s;display:inline-flex}.rd-btn:hover{border-color:var(--brand);color:var(--brand-text)}.rd-related{max-width:72rem;margin:56px auto 0;padding:0 16px}.rd-related h2{margin:0 0 16px;font-size:1.3rem}.rd-end{text-align:center;margin:48px 0 0}.rd-article img{border-radius:14px;max-width:100%;height:auto}