/* ===== dmyblog 分类/列表页样式（自动提取，作用域 .home-page） ===== */
.home-page{background:var(--bg-color)}
.home-page .jz-pagination{display: flex; justify-content: center; align-items: center;
  flex-wrap: wrap; gap: 9px; margin: 42px 0 8px;}
.home-page .jz-page-btn{min-width: 40px; height: 40px; padding: 0 12px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 13px; text-decoration: none;
  font-size: .88rem; font-weight: 700; color: var(--text-main);
  background: var(--card-bg);
  border: 1px solid var(--border-color);
  box-shadow: 0 4px 14px #63b3ed12;
  backdrop-filter: blur(10px);
  transition: all .28s var(--nav-ease);}
.home-page .jz-page-btn:hover{color: var(--accent-strong); border-color: #f368a044;
  transform: translateY(-2px); box-shadow: 0 10px 22px #f368a022;}
.home-page .jz-page-btn.is-active{background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
  color: #fff; border-color: transparent;
  box-shadow: 0 10px 24px #63b3ed40;}
.home-page .jz-page-ellipsis{color: var(--text-sub); padding: 0 3px;}
.home-page .list-hero{position: relative;
  margin: calc(var(--nav-height, 70px) + 14px) auto 30px;
  max-width: 1180px;
  padding: 52px 30px 46px;
  border-radius: 28px;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(var(--hero-rgb, 244,114,182), .20), transparent 55%),
    radial-gradient(circle at 88% 120%, rgba(99,179,237,.18), transparent 55%),
    var(--card-bg);
  border: 1px solid var(--border-color);
  box-shadow: 0 22px 50px #63b3ed20;}
.home-page .list-hero-eyebrow{display: inline-block; font-size: .72rem; font-weight: 800; letter-spacing: 2.5px;
  color: var(--primary-color); margin-bottom: 12px;}
.home-page .list-hero-title{margin: 0; font-size: clamp(1.7rem, 3.4vw, 2.5rem); font-weight: 900;
  line-height: 1.2; color: var(--text-main);
  background: linear-gradient(120deg, var(--accent-strong), var(--primary-color));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.home-page .list-hero-sub{margin: 12px 0 0; color: var(--text-sub); font-size: .95rem;}
.home-page .latest-empty{grid-column: 1 / -1;
  text-align: center; padding: 60px 20px;}
.home-page .latest-empty img{width: 190px; max-width: 60vw; height: auto;}
.home-page .latest-empty h3{margin: 14px 0 6px; font-size: 1.15rem; color: var(--text-main);}
.home-page .latest-empty p{color: var(--text-sub); font-size: .88rem; margin: 0 0 20px;}
.home-page .latest-empty-back{display: inline-flex; align-items: center; gap: 7px;
  padding: 10px 22px; border-radius: 999px; text-decoration: none;
  color: #fff; font-weight: 700; font-size: .86rem;
  background: linear-gradient(135deg, var(--accent-color), var(--primary-color));
  box-shadow: 0 10px 24px #63b3ed3a;}
html[data-night=night] .home-page .art-cover--plain{background:
    radial-gradient(circle at 16% 20%, #f368a033, transparent 52%),
    radial-gradient(circle at 84% 90%, #63b3ed2e, transparent 55%),
    linear-gradient(135deg, #202739, #1a2236);}
.home-page .wg-toc.is-ready{display: block;}
.home-page .wg-toc #artToc{max-height: calc(100vh - 200px); overflow-y: auto;}
.home-page .wg-toc ul{list-style: none; margin: 0; padding: 0;}
.home-page .wg-toc li a.toc-h3{padding-left: 1.7rem; font-size: .76rem;}
.home-page .wg-toc-empty{color: var(--text-sub); font-size: .8rem; margin: 0; padding: .2rem 0;}
html[data-night=night] .home-page .toast--success{background: #163025;}
html[data-night=night] .home-page .toast--error{background: #3a2024;}
.home-page .wg-html{color:var(--text-sub);font-size:.86rem;line-height:1.7}
.home-page .wg-html a{color:var(--primary-color)}
.home-page .wg-html a:hover{color:var(--accent-strong)}
.home-page .wg-html img{border-radius:12px;max-width:100%}
.home-page .wg-html p{margin:0 0 .6rem}
.home-page .wg-html p:last-child{margin-bottom:0}
.home-page .wg-latest{display:flex;flex-direction:column;gap:.9rem}
.home-page .wg-latest-item{align-items:center;display:flex;gap:.7rem}
.home-page .wg-latest-thumb{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:10px;flex-shrink:0;height:46px;overflow:hidden;width:60px}
.home-page .wg-latest-thumb img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}
.home-page .wg-latest-item:hover .wg-latest-thumb img{transform:scale(1.06)}
.home-page .wg-latest-body{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.home-page .wg-latest-title{color:var(--text-main);display:-webkit-box;font-size:.84rem;font-weight:600;-webkit-line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden}
.home-page .wg-latest-title:hover{color:var(--primary-color)}
.home-page .wg-latest-body time{color:#b3a7c4;font-size:.72rem}
.home-page .wg-cat-list{display:flex;flex-direction:column;gap:.2rem}
.home-page .wg-cat-list a{align-items:center;border-bottom:1px solid rgba(0,0,0,.05);color:var(--text-sub);display:flex;font-size:.85rem;gap:8px;padding:8px 6px;transition:color .25s var(--nav-ease),padding-left .25s var(--nav-ease)}
.home-page .wg-cat-list li:last-child a{border-bottom:none}
.home-page .wg-cat-list a i{color:var(--primary-color);font-size:.72rem;opacity:.7}
.home-page .wg-cat-list a:hover{color:var(--primary-color);padding-left:12px}
.home-page .wg-tagcloud{display:flex;flex-wrap:wrap;gap:.5rem}
.home-page .wg-tagcloud a{--tag-rgb:99,179,237;background:rgba(var(--tag-rgb),.1);border:1px solid rgba(var(--tag-rgb),.18);border-radius:20px;color:rgb(var(--tag-rgb));font-size:.8rem;padding:5px 12px;transition:all .25s var(--nav-ease)}
.home-page .wg-tagcloud a:hover{background:rgba(var(--tag-rgb),.2);border-color:transparent;box-shadow:0 6px 14px rgba(var(--tag-rgb),.2);transform:translateY(-2px)}
.home-page .wg-imgcard-media{border-radius:14px;display:block;overflow:hidden}
.home-page .wg-imgcard-media img{display:block;height:auto;transition:transform .5s ease;width:100%}
.home-page a.wg-imgcard-media:hover img{transform:scale(1.03)}
.home-page .wg-imgcard-cap{color:var(--text-sub);font-size:.8rem;margin-top:.6rem;text-align:center}
.home-page .wg-feed-body p a{color:var(--text-main);font-weight:600;transition:color .3s var(--nav-ease)}
.home-page .wg-feed-body p a:hover{color:var(--accent-strong)}
.home-page .wg-uc-empty{color:var(--text-sub);font-size:.82rem;line-height:1.7;padding:.6rem 0 .2rem;text-align:center}
.home-page .wg-uc-empty span{color:var(--accent-strong);display:block;font-size:1.4rem;margin-bottom:.5rem;opacity:.6}
.home-page .wg-uc-empty p{margin:0}
.home-page .wg-lv{overflow:hidden;position:relative}
.home-page .wg-lv-top{align-items:center;display:flex;gap:16px}
.home-page .wg-lv-ring{--ring:92px;flex:0 0 auto;height:var(--ring);position:relative;width:var(--ring)}
.home-page .wg-lv-ring svg{height:100%;transform:rotate(-90deg);width:100%}
.home-page .wg-lv-track{fill:none;stroke:#fbe4ee;stroke-width:9}
.home-page .wg-lv-arc{fill:none;stroke:var(--accent-strong);stroke-linecap:round;stroke-width:9;transition:stroke-dashoffset 1.1s var(--nav-ease)}
.home-page .wg-lv-dot{inset:0;pointer-events:none;position:absolute;transition:transform 1.1s var(--nav-ease)}
.home-page .wg-lv-dot:after{background:#fff;border-radius:50%;box-shadow:0 0 0 2.5px var(--accent-strong);content:"";height:8px;left:50%;margin-left:-4px;position:absolute;top:calc(var(--ring)*.025);width:8px}
.home-page .wg-lv-label{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;line-height:1;position:absolute}
.home-page .wg-lv-label span{color:var(--text-sub);font-size:.62rem;font-weight:700;letter-spacing:.12em}
.home-page .wg-lv-label b{color:var(--accent-strong);font-size:1.68rem;font-weight:850;margin-top:2px}
.home-page .wg-lv-info{min-width:0}
.home-page .wg-lv-name{align-items:center;display:flex;flex-wrap:wrap;gap:8px}
.home-page .wg-lv-name h3{color:var(--text-main);font-size:1.02rem;font-weight:820;letter-spacing:.01em;margin:0}
.home-page .wg-lv-next{background:#f368a01a;border-radius:999px;color:var(--accent-strong);font-size:.68rem;font-weight:700;padding:3px 10px;white-space:nowrap}
.home-page .wg-lv-info p{color:var(--text-sub);font-size:.75rem;line-height:1.65;margin:7px 0 0}
.home-page .wg-lv-exp{align-items:baseline;display:flex;gap:10px;justify-content:space-between;margin-top:16px}
.home-page .wg-lv-num{color:var(--text-sub);font-size:.74rem;font-weight:600}
.home-page .wg-lv-num b{color:var(--text-main);font-size:1.16rem;font-weight:850;margin-right:2px}
.home-page .wg-lv-left{color:var(--accent-strong);flex:0 0 auto;font-size:.7rem;font-weight:700}
.home-page .wg-lv-bar{background:#fbe4ee;border-radius:999px;height:9px;margin-top:9px;overflow:hidden}
.home-page .wg-lv-bar-fill{background:var(--accent-strong);border-radius:999px;display:block;height:100%;transition:width 1.1s var(--nav-ease);width:0}
.home-page .wg-lv-foot{align-items:center;border-top:1px solid #e9edf5;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:16px;padding-top:14px}
.home-page .wg-lv-tip{color:#aab3c5;flex:1;font-size:.7rem;line-height:1.5;min-width:0}
.home-page .wg-lv-btn{align-items:center;background:var(--accent-strong);border:0;border-radius:999px;box-shadow:0 8px 20px #f368a052;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.8rem;font-weight:750;gap:6px;justify-content:center;padding:9px 18px;transition:transform .25s var(--nav-ease),box-shadow .25s var(--nav-ease);white-space:nowrap}
.home-page .wg-lv-btn:hover:not(:disabled){box-shadow:0 12px 26px #f368a06b;transform:translateY(-2px)}
.home-page .wg-lv-btn:focus-visible{box-shadow:0 0 0 3px #63b3ed59;outline:none}
.home-page .wg-lv-btn:disabled{box-shadow:none;cursor:default}
.home-page .wg-lv-btn.is-signed{background:#f0f2f7;color:#aab3c5}
.home-page .wg-lv-btn:disabled:not(.is-signed){opacity:.6}
.home-page .wg-bdg-title{justify-content:space-between}
.home-page .wg-bdg-title>span{align-items:center;display:inline-flex;gap:8px}
.home-page .wg-bdg-title small{color:#aab3c5;font-size:.68rem;font-weight:650}
.home-page .wg-bdg{display:grid;gap:9px;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}
.home-page .wg-bdg li{align-items:center;background:#fafbfd;border:1px solid #e9edf5;border-radius:13px;display:flex;flex-direction:column;gap:7px;min-width:0;padding:11px 3px 9px;transition:transform .24s var(--nav-ease),box-shadow .24s var(--nav-ease)}
.home-page .wg-bdg li:hover{box-shadow:0 8px 18px #2b32451a;transform:translateY(-3px)}
.home-page .wg-bdg li>span{color:var(--accent-strong);display:grid;font-size:.9rem;height:28px;place-items:center;width:28px}
.home-page .wg-bdg b{color:var(--text-sub);font-size:.62rem;font-weight:650;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}
.home-page .wg-bdg .is-locked{filter:grayscale(1);opacity:.42}
.home-page .wg-toc .wg-ico i{color:var(--primary-color)}
.home-page .wg-toc ul{display:flex;flex-direction:column;gap:.2rem;list-style:none;margin:0;padding:0}
.home-page .wg-toc li a{border-left:2px solid transparent;border-radius:10px;color:var(--text-sub);display:block;font-size:.85rem;padding:8px 12px;transition:all .25s var(--nav-ease)}
.home-page .wg-toc li a:hover{background:#63b3ed1a}
.home-page .wg-toc li a.is-active, .home-page .wg-toc li a:hover{border-left-color:var(--primary-color);color:var(--primary-color)}
.home-page .wg-toc li a.is-active{background:#63b3ed1f;font-weight:700}
.home-page .wg-toc li a:focus-visible{box-shadow:0 0 0 3px #63b3ed59;outline:none}
.home-page .wg-sidebar{display:flex;flex-direction:column;gap:1.25rem}
.home-page .wg-sidebar--embedded, .home-page .wg-slot{display:contents}
.home-page .wg-sidebar--sticky{align-self:start;position:sticky;top:min(calc(var(--nav-height) + 30px),calc(100vh - var(--side-h, 0px) - 15px))}
.home-page .wg-widget{backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);background:#ffffffd1;border:1px solid hsla(0,0%,100%,.7);border-radius:20px;box-shadow:0 12px 30px #c1a2e024;padding:1.4rem 1.35rem}
.home-page .wg-widget-title{align-items:center;color:var(--text-main);display:flex;font-size:1.05rem;font-weight:800;gap:8px;letter-spacing:.5px;margin-bottom:1.15rem}
.home-page .wg-widget-title .wg-ico{filter:drop-shadow(0 2px 4px rgba(245,150,190,.35));font-size:1.05rem;line-height:1}
.home-page .wg-feed{display:flex;flex-direction:column;gap:.95rem}
.home-page .wg-feed-item{gap:.7rem}
.home-page .wg-feed-avatar, .home-page .wg-feed-item{align-items:center;display:flex}
.home-page .wg-feed-avatar{border-radius:50%;box-shadow:0 4px 10px #f596be4d;flex-shrink:0;font-size:1.05rem;height:36px;justify-content:center;overflow:hidden;width:36px}
.home-page .wg-feed-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.home-page .wg-feed-body{align-items:center;display:flex;flex:1;gap:.5rem;min-width:0}
.home-page .wg-feed-body p{color:var(--text-sub);flex:1;font-size:.82rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-page .wg-feed-body p b{color:var(--text-main);font-weight:600}
.home-page .wg-feed-body time{color:#b3a7c4;flex-shrink:0;font-size:.72rem}
.home-page .wg-cm, .home-page .wg-cm-item{display:flex;flex-direction:column}
.home-page .wg-cm-item{border-bottom:1px solid rgba(0,0,0,.06);padding:.95rem 0}
.home-page .wg-cm-item:first-child{padding-top:0}
.home-page .wg-cm-item:last-child{border-bottom:none;padding-bottom:0}
.home-page .wg-cm-head{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;--vb-max:6em}
.home-page .wg-cm-head .member-badge, .home-page .wg-cm-head .verified-badge{flex:none}
.home-page .wg-cm-avatar{border-radius:50%;box-shadow:0 4px 10px #f596be47;flex-shrink:0;height:42px;overflow:hidden;width:42px}
.home-page .wg-cm-avatar img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.home-page .wg-cm-name{color:var(--text-main);font-size:.84rem;font-weight:700;min-width:3.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-page .wg-cm-head time{color:var(--text-sub);flex-shrink:0;font-size:.7rem;margin-left:auto;opacity:.75}
.home-page .wg-cm-text{--cmt-sticker:40px;color:var(--text-sub);display:-webkit-box;font-size:.8rem;-webkit-line-clamp:2;line-height:1.6;margin:.6rem 0 0;-webkit-box-orient:vertical;overflow:hidden}
.home-page .wg-cm-article{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.72rem;gap:5px;margin-top:.55rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:color .25s var(--nav-ease);white-space:nowrap}
.home-page .wg-cm-article i{flex-shrink:0;font-size:.66rem;opacity:.7}
.home-page .wg-cm-article:hover{color:var(--accent-strong)}
.home-page .wg-cm--skeleton .wg-cm-item{pointer-events:none}
.home-page .wg-sk{animation:wpSkShimmer 1.4s ease-in-out infinite;background:linear-gradient(100deg,#c1a2e01f 25%,#c1a2e038,#c1a2e01f 75%);background-size:200% 100%;border-radius:6px;display:block}
.home-page .wg-sk-avatar{border-radius:50%;flex-shrink:0;height:42px;width:42px}
.home-page .wg-sk-name{height:12px;width:44%}
.home-page .wg-sk-time{border-radius:5px;height:9px;margin-left:auto;width:30px}
.home-page .wg-sk-line{height:10px;margin-top:.6rem}
.home-page .wg-sk-line--short{margin-top:.45rem;width:70%}
.home-page .wg-sk-article{height:9px;margin-top:.6rem;width:55%}
.home-page .wg-notice{align-items:center;-moz-column-gap:.9rem;column-gap:.9rem;display:flex;flex-wrap:wrap}
.home-page .wg-notice .wg-widget-title{flex-basis:100%}
.home-page .wg-mascot{flex-shrink:0;height:auto;width:110px}
.home-page .wg-notice-text{color:var(--text-sub);flex:1;font-size:.84rem;line-height:1.7;min-width:0}
.home-page .wg-notice-hi{color:var(--text-main);font-weight:700;margin-bottom:2px}
.home-page .wg-notice-days{margin-top:4px}
.home-page .wg-notice-days b{color:#f3517a;font-size:.95rem;font-weight:800;padding:0 2px}
.home-page .wg-log{display:flex;flex-direction:column;gap:.8rem}
.home-page .wg-log-item{font-size:.82rem;gap:.55rem}
.home-page .wg-log-check, .home-page .wg-log-item{align-items:center;display:flex}
.home-page .wg-log-check{background:#34d39926;border-radius:50%;color:#10b981;font-size:.65rem;height:18px;justify-content:center;width:18px}
.home-page .wg-log-check, .home-page .wg-log-ver{flex-shrink:0;font-weight:800}
.home-page .wg-log-ver{color:var(--text-main);font-size:.8rem}
.home-page .wg-log-desc{color:var(--text-sub);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-page .wg-log-item time{color:#b3a7c4;flex-shrink:0;font-size:.72rem}
.home-page .wg-log-more{border-top:1px dashed rgba(0,0,0,.06);color:var(--accent-strong);display:block;font-size:.8rem;font-weight:600;margin-top:1.1rem;padding-top:.9rem;text-align:center}
.home-page .wg-log-more:hover{color:var(--accent-deep);letter-spacing:.5px}
.home-page .footer>.container{position:relative;z-index:1}
.home-page .fr-section .section-title{margin-bottom:1.3rem}
.home-page .fr-section .section-title h2{font-size:1.35rem;letter-spacing:.5px}
.home-page{--bg-color:#f6f8fa;--primary-color:#63b3ed;--accent-color:#fbb6ce;--accent-strong:#f368a0;--accent-deep:#e0418c;--text-main:#2d3748;--text-sub:#718096;--card-bg:hsla(0,0%,100%,.8);--border-color:rgba(0,0,0,.05);--surface-rgb:255,255,255;--surface-solid:#fff;--glass-line:hsla(0,0%,100%,.7);--glass-highlight:hsla(0,0%,100%,.7);--ink-rgb:45,55,72;--cover-placeholder:linear-gradient(135deg,#e2e8f0,#cbd5e1);--radius:16px;--container-width:1500px;--nav-height:64px;--nav-ease:cubic-bezier(.16,1,.3,1);--nav-glass:hsla(0,0%,100%,.72);--nav-blur:blur(16px) saturate(160%);--nav-shadow:0 8px 30px -12px rgba(45,55,72,.22);--sb-size:6px;--sb-thumb:rgba(243,104,160,.28);--sb-thumb-hover:rgba(243,104,160,.5);--sb-track:transparent}
html[data-night=night] .home-page{color-scheme:dark;--bg-color:#141826;--text-main:#e4e9f3;--text-sub:#98a3b9;--card-bg:rgba(38,44,64,.8);--border-color:hsla(0,0%,100%,.07);--surface-rgb:40,47,68;--surface-solid:#1f2537;--glass-line:hsla(0,0%,100%,.08);--glass-highlight:hsla(0,0%,100%,.05);--ink-rgb:226,232,240;--cover-placeholder:linear-gradient(135deg,#2b3245,#3a4360);--primary-color:#7cc1f4;--accent-deep:#ff8ec2;--sb-thumb:rgba(243,104,160,.4);--sb-thumb-hover:rgba(243,104,160,.62)}
html[data-night=night] .home-page body:before{opacity:.5}
.home-page .container{margin:0 auto;max-width:var(--container-width);padding:0 2rem;width:100%}
.home-page .section-title{margin-bottom:2.5rem;position:relative}
.home-page .section-title h2{align-items:center;display:flex;font-size:1.75rem;font-weight:800;gap:10px;letter-spacing:1px}
.home-page .section-title h2:before{background:var(--primary-color);border-radius:3px;content:"";height:24px;width:6px}
.home-page .section-title p{color:var(--text-sub);font-size:.85rem;margin-top:4px;padding-left:16px}
.home-page .slim-scroll{scrollbar-color:var(--sb-thumb) transparent;scrollbar-width:thin}
.home-page .slim-scroll::-webkit-scrollbar{height:var(--sb-size);width:var(--sb-size)}
.home-page .slim-scroll::-webkit-scrollbar-track{background:var(--sb-track);border-radius:999px}
.home-page .slim-scroll::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:999px;-webkit-transition:background-color .2s var(--nav-ease);transition:background-color .2s var(--nav-ease)}
.home-page .slim-scroll::-webkit-scrollbar-thumb:hover, .home-page .slim-scroll:hover::-webkit-scrollbar-thumb{background:var(--sb-thumb-hover)}
.home-page .slim-scroll::-webkit-scrollbar-corner{background:transparent}
.home-page .no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
.home-page .no-scrollbar::-webkit-scrollbar{display:none}
.home-page{position:relative;z-index:0}
.home-page .gallery .section-title h2:before{display:none}
.home-page .gallery .section-title p{padding-left:0}
.home-page .gallery .section-title{padding-right:132px}
.home-page .article-page .art-cover-text .a-tag{align-self:flex-start;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);background:#ffffffd1;box-shadow:0 4px 14px #1e293b2e;color:rgb(var(--tag-rgb));font-size:.78rem;padding:5px 14px}
.home-page .article-page .art-cover-text a.a-tag{transition:transform .3s var(--nav-ease),box-shadow .3s var(--nav-ease),background .3s var(--nav-ease)}
.home-page .article-page .art-cover-text a.a-tag:hover{background:#fff;box-shadow:0 6px 18px #1e293b3d;transform:translateY(-2px)}
.home-page .a-tag{--tag-rgb:99,179,237;align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(var(--tag-rgb),.14);border-radius:999px;color:rgb(var(--tag-rgb));display:inline-flex;font-size:.74rem;font-weight:700;letter-spacing:.3px;line-height:1.5;padding:4px 12px}
.home-page .art-side .wg-widget{animation:artRise .75s var(--nav-ease) .34s backwards}
.home-page .art-side .wg-slot:nth-child(2) .wg-widget{animation-delay:.42s}
.home-page .art-side .wg-slot:nth-child(3) .wg-widget{animation-delay:.5s}
.home-page .art-side .wg-slot:nth-child(n+4) .wg-widget{animation-delay:.58s}
.home-page .hero .container{position:relative;width:100%;z-index:3}
.home-page .hero-content h1 .grad-pink{background:linear-gradient(135deg,#ff5d8d,#ff8fb0);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-page .hero-content h1 .grad-warm{background:linear-gradient(135deg,#ffd9c2,#ffb27a);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-page .hero .container{translate:0 calc(var(--hero-p, 0)*-120px)}
.home-page .latest-section{padding:4rem 0}
.home-page .latest-layout{align-items:start;display:grid;gap:.8rem;grid-template-columns:minmax(0,3.2fr) minmax(0,1fr)}
.home-page .latest-layout--no-side{grid-template-columns:minmax(0,1fr)}
.home-page .latest-grid{display:grid;gap:.8rem;grid-template-columns:repeat(var(--cols-pc,3),minmax(0,1fr))}
.home-page .latest-main{min-width:0}
.home-page .latest-card, .home-page .latest-main{display:flex;flex-direction:column}
.home-page .latest-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;transition:transform .4s var(--nav-ease),background .4s var(--nav-ease),border-color .4s var(--nav-ease),box-shadow .4s var(--nav-ease)}
.home-page .latest-card:hover{animation:site-jelly .68s ease-in-out;background:#fff;border-color:var(--primary-color);box-shadow:0 16px 36px #63b3ed0f;transform:translateY(-6px)}
.home-page .latest-card{transform-origin:50% 100%;--jelly-lift:-6px;--jelly-amp:1}
.home-page .latest-img-box{aspect-ratio:16/9;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:block;overflow:hidden;width:100%}
.home-page .latest-img-box img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease;width:100%}
.home-page .latest-card:hover .latest-img-box img{transform:scale(1.04)}
.home-page .latest-card-content{flex-direction:column;flex-grow:1;gap:.8rem;padding:1.25rem}
.home-page .latest-card-content, .home-page .latest-card-meta{display:flex;justify-content:space-between}
.home-page .latest-card-meta{align-items:center;color:var(--text-sub);font-size:.8rem;margin-bottom:5px}
.home-page .latest-card-meta .tag{--tag-rgb:99,179,237;align-items:center;background:rgba(var(--tag-rgb),.12);border-radius:999px;color:rgb(var(--tag-rgb));display:inline-flex;font-size:.72rem;font-weight:700;gap:6px;letter-spacing:.3px;line-height:1.5;padding:3px 11px 3px 9px;transition:transform .3s var(--nav-ease),filter .3s var(--nav-ease),box-shadow .3s var(--nav-ease)}
.home-page .latest-card-meta .tag:before{background:currentColor;border-radius:50%;content:"";flex-shrink:0;height:5px;width:5px}
.home-page .latest-card:hover .latest-card-meta .tag{filter:saturate(1.15);transform:translateY(-1px)}
.home-page .latest-card-meta a.tag:hover{box-shadow:0 4px 10px #00000012;filter:saturate(1.3) brightness(.97);transform:translateY(-2px)}
.home-page .latest-card-meta time{align-items:center;color:#a7accf;display:inline-flex;font-size:.74rem;font-variant-numeric:tabular-nums;font-weight:500;gap:5px;letter-spacing:.4px}
.home-page .latest-card-meta time:before{content:"";font-family:Font Awesome\ 7 Free;font-size:.78rem;font-weight:400;opacity:.85}
.home-page .latest-card-content h3{font-size:1.1rem;font-weight:700;line-height:1.4}
.home-page .latest-card-content h3:hover{color:var(--primary-color)}
.home-page .latest-card-content p{color:var(--text-sub);display:-webkit-box;font-size:.85rem;-webkit-line-clamp:2;line-height:1.5;-webkit-box-orient:vertical;height:2.55rem;overflow:hidden;text-overflow:ellipsis}
.home-page .latest-card-footer{align-items:center;border-top:1px dashed rgb(0 0 0/9%);color:var(--text-sub);display:flex;font-size:.8rem;gap:.85rem;padding-top:.75rem}
.home-page .latest-card-footer i{margin-right:4px}
.home-page .latest-author{align-items:center;color:var(--text-main);display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;margin-right:auto;min-width:0}
.home-page .latest-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-page .latest-author-avatar{align-items:center;background:linear-gradient(135deg,#a1c4fd,#fbc2eb);border-radius:50%;box-shadow:0 2px 6px #63b3ed47;display:inline-flex;flex-shrink:0;font-size:.72rem;height:22px;justify-content:center;line-height:1;overflow:hidden;width:22px}
.home-page .latest-author-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.home-page .latest-card:hover .latest-author-avatar{box-shadow:0 3px 9px #f596be66}
.home-page .home-block-head{gap:1rem 1.4rem}
.home-page .home-block-head, .home-page .home-block-tabs{align-items:center;display:flex;flex-wrap:wrap}
.home-page .home-block-tabs{gap:.55rem;margin-left:auto;min-width:0}
.home-page .home-block-tab{align-items:center;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);background:#ffffffe6;border:1px solid hsla(0,0%,100%,.7);border-radius:999px;box-shadow:0 2px 10px #63b3ed14;color:var(--text-sub);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;letter-spacing:.3px;padding:8px 18px;transition:color .3s var(--nav-ease),background .3s var(--nav-ease),border-color .3s var(--nav-ease),box-shadow .3s var(--nav-ease),transform .3s var(--nav-ease);white-space:nowrap}
.home-page .home-block-tab:hover{animation:site-jelly .6s ease-in-out;box-shadow:0 6px 16px #f596be2e;color:var(--accent-strong);transform:translateY(-1px)}
.home-page .home-block-tab{transform-origin:50% 100%;--jelly-lift:-1px;--jelly-amp:1.3}
.home-page .home-block-tab.is-active{background:#f368a01f;border-color:#f368a033;box-shadow:0 4px 14px #f368a024;color:var(--accent-strong)}
.home-page .home-block-tab:focus-visible{box-shadow:0 0 0 3px #63b3ed59;outline:none}
.home-page .latest-main.is-switching .latest-grid{opacity:.45}
.home-page .latest-grid{transition:opacity .25s var(--nav-ease)}
.home-page .home-block-state{color:var(--text-sub);font-size:.88rem;padding:2.5rem 0;text-align:center}
.home-page .home-block-retry{background:none;border:none;color:var(--accent-strong);cursor:pointer;font-size:inherit;font-weight:700;padding:0;transition:color .25s var(--nav-ease)}
.home-page .home-block-retry:hover{color:var(--accent-deep)}
.home-page .home-block-more{align-items:center;color:var(--accent-strong);display:inline-flex;flex-shrink:0;font-size:.84rem;font-weight:700;gap:5px;transition:color .25s var(--nav-ease),transform .25s var(--nav-ease)}
.home-page .home-block-more:hover{animation:site-jelly .6s ease-in-out;color:var(--accent-deep);transform:translateY(-1px)}
.home-page .home-block-more{transform-origin:50% 100%;--jelly-lift:-1px;--jelly-amp:1.3}
.home-page .home-block-more i{font-size:.76rem}
.home-page .home-block-loadmore{align-self:center;background:#f368a01a;border:none;border-radius:999px;color:var(--accent-strong);cursor:pointer;font-size:.86rem;font-weight:700;height:42px;margin-top:1.6rem;padding:0 26px;transition:background .25s var(--nav-ease),transform .25s var(--nav-ease)}
.home-page .home-block-loadmore:hover:not(:disabled){animation:site-jelly .6s ease-in-out;background:#f368a02e;transform:translateY(-1px)}
.home-page .home-block-loadmore{transform-origin:50% 100%;--jelly-lift:-1px;--jelly-amp:1.3}
.home-page .home-block-loadmore:disabled{cursor:not-allowed;opacity:.6}
.home-page .home-block-empty{color:var(--text-sub);font-size:.88rem;padding:2.5rem 0;text-align:center}
.home-page .friendship-section{margin-top:-1.5rem;padding-bottom:1.5rem;position:relative;z-index:2}
.home-page .friendship-panel{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid rgba(99,179,237,.12);border-radius:18px;box-shadow:0 8px 24px #4664820f;display:grid;gap:.85rem;grid-template-columns:1fr;margin:0 auto;padding:1rem 1.1rem;width:100%}
.home-page .friendship-heading h2{color:var(--text-main);font-size:.92rem;letter-spacing:.6px}
.home-page .friendship-heading p{color:var(--text-sub);font-size:.74rem;margin-top:.2rem}
.home-page .friendship-heading h2 span{color:#9aa8b8;font-size:.68rem;font-weight:600}
.home-page .friendship-more{align-items:center;color:var(--accent-strong);display:inline-flex;font-size:.74rem;font-weight:700;gap:4px;margin-top:.35rem;transition:color .25s var(--nav-ease)}
.home-page .friendship-more:hover{color:var(--accent-deep)}
.home-page .friendship-more i{font-size:.68rem}
.home-page .friend-apply{align-items:center;background:#63b3ed1a;border:1px solid rgba(99,179,237,.3);border-radius:999px;color:#3f8fc7;display:inline-flex;flex-shrink:0;font-size:.76rem;font-weight:600;gap:5px;padding:5px 14px}
.home-page .friend-apply svg{height:14px;transition:transform .25s var(--nav-ease);width:14px}
.home-page .friend-apply:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 6px 16px #63b3ed33;color:#fff}
.home-page .friend-apply:hover svg{transform:translate(2px)}
.home-page .friend-list{align-content:flex-start;display:flex;flex-wrap:wrap;gap:10px;grid-column:1/-1;grid-row:2;justify-content:flex-start;min-width:0}
.home-page .friend-link{align-items:center;background:#ffffffe6;border:1px solid #eaeef5;border-radius:999px;box-shadow:0 4px 12px #2b32450d;color:var(--text-sub);display:inline-flex;font-size:12.5px;font-weight:600;gap:9px;padding:7px 16px 7px 8px;transition:transform .25s var(--nav-ease),box-shadow .25s var(--nav-ease),color .25s var(--nav-ease),border-color .25s var(--nav-ease)}
.home-page .friend-link:hover{animation:site-jelly .6s ease-in-out;border-color:#f9cfe1;box-shadow:0 10px 24px #2b32451a;color:var(--text-main);transform:translateY(-2px)}
.home-page .friend-apply, .home-page .friend-link{transform-origin:50% 100%;--jelly-lift:-2px;--jelly-amp:1.4}
.home-page .friend-apply{transition:transform .25s var(--nav-ease)}
.home-page .friend-apply:hover{animation:site-jelly .6s ease-in-out;transform:translateY(-2px)}
.home-page .friend-name{white-space:nowrap}
.home-page .friend-ava{align-items:center;border-radius:50%;display:inline-flex;flex:none;font-size:11.5px;font-weight:800;height:24px;justify-content:center;width:24px}
.home-page .friend-ava.a-pink{background:#fde9f2;color:var(--accent-strong)}
.home-page .friend-ava.a-blue{background:#e5f3fe;color:var(--primary-color)}
.home-page .friend-ava.a-orange{background:#fff1e3;color:#f0863c}
.home-page .friend-ava.a-purple{background:#efeaff;color:#7b61ff}
.home-page .friend-ava.a-green{background:#e5f8ee;color:#1fa864}
.home-page .friend-ava-img{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);-o-object-fit:cover;object-fit:cover}
.home-page .friend-apply:focus-visible, .home-page .friend-link:focus-visible{outline:3px solid rgba(99,179,237,.3);outline-offset:2px}
.home-page .abt-friend-avatar{background:var(--accent-strong);border-radius:50%;box-shadow:0 6px 14px -6px #f368a099;color:#fff;display:grid;flex:none;font-size:.95rem;font-weight:800;height:38px;place-items:center;width:38px}
.home-page .abt-friends li:nth-child(3n+2) .abt-friend-avatar{background:var(--primary-color);box-shadow:0 6px 14px -6px #63b3ed99}
.home-page .abt-friends li:nth-child(3n+3) .abt-friend-avatar{background:#f6ad55;box-shadow:0 6px 14px -6px #f6ad5599}
.home-page .abt-friend--more .abt-friend-avatar, .home-page .abt-friends li:last-child .abt-friend--more .abt-friend-avatar{background:rgba(var(--ink-rgb),.05);border:1px dashed rgba(var(--ink-rgb),.2);box-shadow:none;color:var(--text-sub)}
.home-page .abt-friend-copy{display:grid;gap:1px;min-width:0}
.home-page .abt-friend-copy strong{font-size:.9rem}
.home-page .abt-friend-copy small{color:var(--text-sub);font-size:.78rem;line-height:1.5}
@media (max-width: 600px){
.home-page .list-hero{padding: 38px 20px 32px; border-radius: 22px;}
.home-page .list-hero{margin-top: calc(var(--nav-height, 70px) + 10px);}
}
@media(hover:hover){
.home-page .wg-tagcloud a:hover{--jelly-lift:-2px;--jelly-amp:1.3;animation:site-jelly .6s ease-in-out;transform-origin:50% 100%}
.home-page .wg-lv-btn:hover:not(:disabled){--jelly-lift:-2px;--jelly-amp:1.3;animation:site-jelly .6s ease-in-out;transform-origin:50% 100%}
.home-page .wg-bdg li:hover{--jelly-lift:-3px;--jelly-amp:1;animation:site-jelly .68s ease-in-out;transform-origin:50% 100%}
.home-page .article-page .art-cover-text a.a-tag:hover{--jelly-lift:-2px;--jelly-amp:1.3;animation:site-jelly .6s ease-in-out;transform-origin:50% 100%}
}
@media(max-width:1024px){
.home-page .wg-lv-top{gap:14px}
.home-page .wg-lv-ring{--ring:84px}
.home-page .wg-toc{display:none}
.home-page .art-side .wg-widget{flex:1 1 260px}
.home-page .latest-grid{grid-template-columns:repeat(var(--cols-tablet,2),minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
.home-page .wg-lv-arc, .home-page .wg-lv-bar-fill, .home-page .wg-lv-btn, .home-page .wg-lv-dot{transition:none}
.home-page .wg-toc li a{transition:none}
.home-page .wg-sk{animation:none}
.home-page .art-author-inline, .home-page .art-comment-item.is-new, .home-page .art-cover-text, .home-page .art-crumb, .home-page .art-main, .home-page .art-side .wg-widget{animation:none!important}
.home-page .home-block-loadmore:hover, .home-page .home-block-more:hover, .home-page .home-block-tab:hover, .home-page .latest-card:hover{animation:none}
.home-page .friend-apply, .home-page .friend-apply svg, .home-page .friend-link{transition:none}
.home-page .friend-apply:hover, .home-page .friend-link:hover{animation:none}
}
@media(max-width:1200px){
.home-page .wg-sidebar--sticky{position:static}
.home-page .latest-layout{gap:3rem;grid-template-columns:minmax(0,1fr)}
.home-page .friendship-panel{border-radius:18px;padding:.8rem}
}
@media(max-width:768px){
.home-page .wg-slot--mobile-off{display:none}
.home-page .wg-sidebar{gap:.8rem}
.home-page .wg-widget{border-radius:16px;padding:1.1rem 1rem}
.home-page .container{padding:0 1rem}
.home-page .section-title{margin-bottom:1.5rem}
.home-page .section-title h2{font-size:1.35rem;gap:8px;letter-spacing:.5px}
.home-page .section-title h2:before{height:20px;width:5px}
.home-page .section-title p{font-size:.78rem;padding-left:13px}
.home-page .gallery .section-title{padding-right:0}
.home-page .art-side .wg-widget{flex:0 1 auto;width:100%}
.home-page .home-block-loadmore.is-done-m, .home-page .latest-grid .latest-card.hb-hide-m{display:none}
.home-page .home-block-head{gap:.7rem 1rem}
.home-page .home-block-tabs{flex-wrap:nowrap;margin-left:0;overflow-x:auto;padding-bottom:2px;width:100%}
.home-page .home-block-tab{font-size:.78rem;padding:6px 13px}
.home-page .latest-section{padding:2.5rem 0}
.home-page .latest-layout{gap:1.75rem}
.home-page .latest-grid{gap:.55rem;grid-template-columns:repeat(var(--cols-m,2),minmax(0,1fr))}
.home-page .latest-card{border-radius:14px}
.home-page .latest-card-content{gap:.55rem;padding:.8rem .75rem}
.home-page .latest-card-content h3{font-size:.95rem}
.home-page .latest-card-content p{font-size:.8rem;height:2.4rem}
.home-page .latest-img-box{aspect-ratio:4/3}
.home-page .latest-card-meta{font-size:.7rem;margin-bottom:3px}
.home-page .latest-card-meta .tag{font-size:.66rem;gap:5px;padding:2px 9px 2px 7px}
.home-page .latest-card-meta time{font-size:.68rem}
.home-page .latest-card-footer{flex-wrap:wrap;font-size:.72rem;gap:.35rem .6rem;padding-top:.55rem}
.home-page .latest-author{flex:1 1 auto;font-size:.72rem;margin-right:0;min-width:0}
.home-page .latest-author-avatar{height:19px;width:19px}
.home-page .latest-card-footer>span:not(.latest-author){flex:0 0 auto;white-space:nowrap}
.home-page .latest-card-footer>span:last-child{display:none}
.home-page .home-block-loadmore{font-size:.82rem;height:38px;margin-top:1.1rem;padding:0 22px}
.home-page .home-block-empty, .home-page .home-block-state{padding:1.75rem 0}
.home-page .friendship-section{margin-top:-1rem}
.home-page .friendship-panel{border-radius:15px;gap:.7rem;padding:.85rem .75rem}
.home-page .friend-list{gap:8px}
.home-page .friend-link{font-size:12px;gap:7px;padding:6px 13px 6px 6px}
.home-page .friend-ava{font-size:11px;height:22px;width:22px}
.home-page .friend-apply{font-size:.72rem;padding:5px 12px}
}
@media(max-width:520px){
.home-page .container{padding:0 .85rem}
.home-page .err-page .container{padding:0 14px}
}
@media(min-width:769px){
.home-page .home-block-loadmore.is-done-pc, .home-page .latest-grid .latest-card.hb-hide-pc{display:none}
}
@media(hover:none){
.home-page .latest-card:hover{animation:none;background:var(--card-bg);border-color:var(--border-color);box-shadow:none;transform:none}
.home-page .latest-card:hover .latest-img-box img{transform:none}
.home-page .latest-card:hover .latest-card-meta .tag{filter:none;transform:none}
.home-page .latest-card:hover .latest-author-avatar{box-shadow:0 2px 6px #63b3ed47}
.home-page .home-block-loadmore:hover, .home-page .home-block-more:hover, .home-page .home-block-tab:hover{animation:none}
.home-page .friend-link:hover{border-color:#eaeef5;box-shadow:0 4px 12px #2b32450d;color:var(--text-sub)}
.home-page .friend-apply:hover, .home-page .friend-link:hover{animation:none;transform:none}
}

/* ===== 深色模式补丁（对齐 Juzi 主题 data-night） ===== */
html[data-night=night] .home-page{background:var(--bg-color)}
html[data-night=night] .home-page .wg-widget{background:var(--card-bg);border-color:var(--border-color);box-shadow:0 12px 30px rgba(0,0,0,.28)}
html[data-night=night] .home-page .wg-cm-item{border-bottom-color:rgba(255,255,255,.07)}
html[data-night=night] .home-page .latest-card:hover{background:var(--surface-solid)}
html[data-night=night] .home-page .latest-card-meta .tag{background:rgba(var(--tag-rgb),.18)}
html[data-night=night] .home-page .friend-link{border-color:var(--border-color)}
html[data-night=night] .home-page .friendship-panel{background:var(--card-bg);border-color:var(--border-color)}

/* ===== 文章卡片：从中心向四面散开入场动效 =====
 * 应用于全站所有文章卡片列表：首页 latest-grid 卡片 + 分类/标签/搜索/作者/归档 cd-grid 卡片。
 * 刷新网页时（视口内卡片立即散开）+ 向下滚动进入视口时触发。
 * 初始隐藏由 html.jz-scatter-on 控制（header 内联脚本添加，JS 不可用时不会隐藏卡片）。
 * 明确不使用鼠标悬停抖动（site-jelly 已在下方置为 none）。
 */
html.jz-scatter-on .home-page .latest-grid > .latest-card,
html.jz-scatter-on .cd-page .cd-grid > .cd-item{
opacity:0;
transform:translate3d(var(--jz-dx,0px),var(--jz-dy,0px),0) scale(.9) rotate(var(--jz-rot,0deg));
transition:transform .78s cubic-bezier(.2,.8,.25,1), opacity .46s ease,
background .4s var(--nav-ease), border-color .4s var(--nav-ease), box-shadow .4s var(--nav-ease);
transition-delay:var(--jz-delay,0ms);
will-change:transform,opacity
}
html.jz-scatter-on .home-page .latest-grid > .latest-card.jz-in,
html.jz-scatter-on .cd-page .cd-grid > .cd-item.jz-in{
opacity:1;
transform:translate3d(0,0,0) scale(1) rotate(0deg)
}
/* 卡片不再使用鼠标悬停抖动特效 */
.home-page .latest-card:hover{animation:none}
.cd-page .cd-item:hover{animation:none}
@media(prefers-reduced-motion:reduce){
html.jz-scatter-on .home-page .latest-grid > .latest-card,
html.jz-scatter-on .cd-page .cd-grid > .cd-item{opacity:1;transform:none;transition:none}
}
/* ===== 首页文章列表（joe_index__list / joe_list）纳入散开动画 ===== */
html.jz-scatter-on .joe_index__list ul.joe_list > li.joe_list__item{opacity:0;transform:translate(0,0) scale(.86);will-change:transform,opacity}
html.jz-scatter-on .joe_index__list ul.joe_list > li.joe_list__item.jz-in{opacity:1;transform:translate(0,0) scale(1);transition:transform .68s cubic-bezier(.16,1,.3,1),opacity .5s ease;transition-delay:var(--jz-scatter-delay,0ms);will-change:auto}
@media(prefers-reduced-motion:reduce){
html.jz-scatter-on .joe_index__list ul.joe_list > li.joe_list__item{opacity:1!important;transform:none!important;transition:none}
}