/* =====================================================================
   Juzi 主题 · 分类/列表页 cd-page 版式
   1:1 提取自 dmyblog.cn（Nuxt 版）分类页内联样式，去 scoped 属性
   =====================================================================
"; =@"

/* ---------- 深色模式适配 ---------- */
html[data-night=night] .cd-crumb{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.08)}
html[data-night=night] .cd-switch{background:rgba(38,44,64,.75);border-color:hsla(0,0%,100%,.07);box-shadow:0 10px 26px rgba(0,0,0,.25)}
html[data-night=night] .cd-item:hover{background:var(--surface-solid,#1f2537)}
html[data-night=night] .cd-item-foot{border-top-color:hsla(0,0%,100%,.09)}
html[data-night=night] .cd-hero:after{background:linear-gradient(180deg,rgba(20,24,38,0) 0,var(--bg-color) 100%)}
.cd-page{background:var(--bg-color);color:var(--text-main);min-height:100vh;padding:var(--nav-height) 0 5rem}.cd-hero{background-position:50%;background-size:cover;overflow:hidden;padding:42px 0 72px;position:relative}.cd-hero--glow{background-image:linear-gradient(180deg,rgba(var(--cat-rgb),.08) 0,rgba(var(--cat-rgb),.03) 48%,var(--bg-color) 100%)}.cd-hero:after{background:linear-gradient(180deg,rgba(246,248,250,0) 0,var(--bg-color) 100%);bottom:0;content:"";height:130px;left:0;right:0}.cd-hero-glow,.cd-hero:after{pointer-events:none;position:absolute}.cd-hero-glow{border-radius:50%;filter:blur(90px)}.cd-hero-glow--cat{background:rgba(var(--cat-rgb),.16);height:420px;right:6%;top:-230px;width:420px}.cd-hero-glow--pink{background:#f368a01f;height:360px;left:12%;top:-260px;width:360px}.cd-hero--cover{background-color:rgb(var(--cat-rgb));padding:62px 0 82px}.cd-hero--cover:after{background:linear-gradient(180deg,#2d37488c,#2d37486b 45%,#f6f8fae6);height:100%}.cd-hero--cover .cd-crumb{background:#ffffff2e;border-color:#ffffff52}.cd-hero--cover .cd-crumb a{color:#ffffffdb}.cd-hero--cover .cd-crumb a:hover,.cd-hero--cover .cd-crumb span{color:#fff}.cd-hero--cover .cd-crumb>i{color:#fff9}.cd-hero--cover .cd-hero-card{backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);background:#ffffff24;border-color:#fff6;box-shadow:0 18px 40px #14162d42,inset 0 1px #ffffff6b,inset 0 0 0 999px #1c1f3038;color:#fff}.cd-hero--cover .cd-hero-count,.cd-hero--cover .cd-hero-icon{background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff4d;color:#fff}.cd-hero--cover .cd-hero-count strong,.cd-hero--cover .cd-hero-text h1{text-shadow:0 2px 14px rgba(20,22,45,.45)}.cd-hero--cover .cd-hero-count small,.cd-hero--cover .cd-hero-text p{color:#ffffffe6;text-shadow:0 1px 10px rgba(20,22,45,.4)}.cd-hero--plain{background-image:linear-gradient(180deg,rgba(var(--cat-rgb),.13) 0,rgba(var(--cat-rgb),.05) 62%,var(--bg-color) 100%);padding:34px 0 54px}.cd-hero--plain:after{height:90px}.cd-hero--plain .cd-hero-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:none;border:0;border-radius:0;box-shadow:none;margin-top:16px;padding:0}.cd-hero--plain .cd-hero-icon{border-radius:14px;font-size:1.1rem;height:46px;width:46px}.cd-hero--plain .cd-hero-count{align-items:baseline;background:none;flex-direction:row;gap:5px;padding:0}.cd-hero--plain .cd-hero-count strong{font-size:1.05rem}.cd-hero-copy{animation:cd-hero-in-98be5fad .7s var(--nav-ease) backwards;margin:0 auto;max-width:var(--container-width);padding:0 2rem;position:relative;z-index:1}.cd-crumb{backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);background:#ffffff8c;border:1px solid hsla(0,0%,100%,.7);border-radius:999px;font-size:.74rem;font-weight:650;gap:9px;padding:6px 15px}.cd-crumb,.cd-crumb a{align-items:center;display:inline-flex}.cd-crumb a{color:var(--text-sub);gap:6px;transition:color .3s var(--nav-ease)}.cd-crumb a:hover{color:rgb(var(--cat-rgb))}.cd-crumb>i{color:#a7accf;font-size:.66rem}.cd-crumb span{color:rgb(var(--cat-rgb))}.cd-hero-card{align-items:center;backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%);background:#ffffffb8;border:1px solid hsla(0,0%,100%,.7);border-radius:22px;box-shadow:0 12px 30px #c1a2e024;display:flex;gap:18px;margin-top:20px;padding:20px 24px}.cd-hero-icon{background:rgba(var(--cat-rgb),.14);border-radius:18px;color:rgb(var(--cat-rgb));display:grid;flex:0 0 auto;font-size:1.35rem;height:58px;place-items:center;width:58px}.cd-hero-text{flex:1 1 auto;min-width:0}.cd-hero-text h1{font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:900;letter-spacing:.04em;line-height:1.2;margin:0}.cd-hero-text p{color:var(--text-sub);font-size:.85rem;margin:7px 0 0}.cd-hero-count{align-items:center;background:rgba(var(--cat-rgb),.1);border-radius:16px;color:rgb(var(--cat-rgb));display:flex;flex:0 0 auto;flex-direction:column;gap:3px;padding:10px 20px}.cd-hero-count strong{font-size:1.3rem;font-weight:900;line-height:1}.cd-hero-count small{color:var(--text-sub);font-size:.66rem;letter-spacing:.12em}.cd-body{margin-top:-30px;position:relative;z-index:2}.cd-switch{align-items:center;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);background:#ffffffb8;border:1px solid hsla(0,0%,100%,.7);border-radius:16px;box-shadow:0 10px 26px #c1a2e01f;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:10px 16px}.cd-switch-label{align-items:center;border-right:1px solid var(--border-color);color:var(--text-sub);display:inline-flex;font-size:.76rem;font-weight:650;gap:7px;margin-right:4px;padding-right:14px;white-space:nowrap}.cd-switch-label i{color:var(--accent-strong);font-size:.72rem}.cd-switch a{align-items:center;background:rgba(var(--pill-rgb),.12);border-radius:999px;color:rgb(var(--pill-rgb));display:inline-flex;font-size:.74rem;font-weight:700;gap:6px;padding:5px 13px;transition:all .3s var(--nav-ease)}.cd-switch a:hover{background:rgba(var(--pill-rgb),.2);transform:translateY(-2px)}@media(hover:hover){.cd-switch a:hover{--jelly-lift:-2px;--jelly-amp:1.3;animation:site-jelly .6s ease-in-out;transform-origin:50% 100%}}.cd-switch a i{font-size:.7rem}.cd-layout{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,3.2fr) minmax(0,1fr);--cd-cols:2}.cd-layout--no-side{grid-template-columns:minmax(0,1fr);--cd-cols:3}.cd-grid{display:grid;gap:.8rem;grid-template-columns:repeat(var(--cd-cols,3),minmax(0,1fr))}.cd-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;transition:transform .4s var(--nav-ease),border-color .4s var(--nav-ease),box-shadow .4s var(--nav-ease),background .4s var(--nav-ease)}.cd-item:hover{background:#fff;border-color:rgb(var(--cat-rgb));box-shadow:0 16px 36px rgba(var(--cat-rgb),.08);transform:translateY(-6px)}@media(hover:hover){.cd-item:hover{--jelly-lift:-6px;--jelly-amp:1;animation:site-jelly .68s ease-in-out;transform-origin:50% 100%}}.cd-item-cover{aspect-ratio:16/9;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:block;overflow:hidden}.cd-item-cover img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease;width:100%}.cd-item:hover .cd-item-cover img{transform:scale(1.04)}.cd-item-body{display:flex;flex:1;flex-direction:column;gap:.8rem;padding:1.25rem}.cd-item-meta{align-items:center;display:flex;gap:10px;justify-content:space-between}.cd-item-tag{align-items:center;background:rgba(var(--cat-rgb),.12);border-radius:999px;color:rgb(var(--cat-rgb));display:inline-flex;font-size:.72rem;font-weight:700;gap:6px;letter-spacing:.3px;line-height:1.5;padding:3px 11px 3px 9px}.cd-item-tag:before{background:currentColor;border-radius:50%;content:"";flex-shrink:0;height:5px;width:5px}.cd-item-meta time{align-items:center;color:#a7accf;display:inline-flex;font-size:.74rem;font-variant-numeric:tabular-nums;font-weight:500;gap:5px}.cd-item-body h3{font-size:1.1rem;font-weight:700;line-height:1.4;margin:0}.cd-item-body h3 a{color:inherit;transition:color .3s var(--nav-ease)}.cd-item-body h3 a:hover{color:rgb(var(--cat-rgb))}.cd-item-body p{color:var(--text-sub);display:-webkit-box;font-size:.85rem;line-height:1.5;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cd-item-foot{align-items:center;border-top:1px dashed rgb(0 0 0/9%);color:var(--text-sub);display:flex;font-size:.78rem;gap:.85rem;margin-top:auto;padding-top:.75rem}.cd-item-foot i{margin-right:4px}.cd-item-author{align-items:center;color:var(--text-main);display:inline-flex;font-weight:600;gap:6px;margin-right:auto}.cd-item-author img{border-radius:50%;box-shadow:0 2px 6px rgba(var(--cat-rgb),.28);height:22px;-o-object-fit:cover;object-fit:cover;width:22px}.cd-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:280px;text-align:center}.cd-empty>span{background:rgba(var(--cat-rgb),.1);border-radius:50%;color:rgb(var(--cat-rgb));display:grid;font-size:1.45rem;height:68px;place-items:center;width:68px}.cd-empty h3{font-size:1rem;margin:16px 0 0}.cd-empty p{color:var(--text-sub);font-size:.8rem;margin:7px 0 18px}.cd-empty-btn{background:#f368a01a;border-radius:999px;color:var(--accent-strong);font-size:.82rem;font-weight:750;padding:8px 20px;transition:all .3s var(--nav-ease)}.cd-empty-btn:hover{background:#f368a02e;transform:translateY(-1px)}@media(hover:hover){.cd-empty-btn:hover{--jelly-lift:-1px;--jelly-amp:1.3;animation:site-jelly .6s ease-in-out;transform-origin:50% 100%}}a:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}@keyframes cd-hero-in-98be5fad{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.cd-layout{gap:2.5rem;grid-template-columns:minmax(0,1fr);--cd-cols:3}}@media(max-width:1024px){.cd-grid{--cd-cols:2}}@media(max-width:768px){.cd-page{padding-bottom:3rem}.cd-hero{padding:34px 0 60px}.cd-hero-copy{padding:0 1rem}.cd-hero-card{border-radius:18px;flex-wrap:wrap;gap:14px;padding:16px 18px}.cd-hero-icon{border-radius:15px;font-size:1.2rem;height:50px;width:50px}.cd-hero-count{align-items:baseline;flex-direction:row;gap:6px;padding:7px 15px}.cd-hero-count strong{font-size:1.1rem}}@media(max-width:560px){.cd-grid{--cd-cols:1}.cd-switch-label{border-right:0;margin-right:0;padding-right:0}}@media(prefers-reduced-motion:reduce){.cd-hero-copy{animation:none}.cd-empty-btn,.cd-item,.cd-item-body h3 a,.cd-item-cover img,.cd-switch a{transition:none}}
/* ===== 分类页间距收紧：面包屑上方空带删除 + 分类卡下方空白降低 ===== */
.cd-hero{padding:10px 0 46px}
.cd-hero--plain{padding:8px 0 42px}
.cd-hero--cover{padding:40px 0 56px}
.cd-body{margin-top:-24px}
@media(max-width:768px){.cd-hero{padding:8px 0 40px}.cd-hero--plain{padding:6px 0 36px}}