/* ===== UIV6 Author List ===== */
.xcz-author-page{}
/* 顶部工具条：渐变/阴影/圆角，贴近你首页 secbar 风格 */
.xcz-author-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(37,99,235,.03) );box-shadow:0 1px 0 rgba(15,23,42,.04);}
html[data-theme="dark"] .xcz-author-toolbar{background:linear-gradient(180deg,rgba(37,99,235,.18),rgba(15,23,42,.28));border-color:rgba(148,163,184,.18);box-shadow:0 14px 30px rgba(0,0,0,.35);}
.xcz-author-toolbar .xcz-ico{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid rgba(148,163,184,.35);}
html[data-theme="dark"] .xcz-author-toolbar .xcz-ico{background:rgba(30,41,59,.65);border-color:rgba(148,163,184,.18);}
.xcz-author-toolbar .xcz-title{font-weight:800;letter-spacing:.2px;}
.xcz-author-toolbar .xcz-sub{font-size:12px;opacity:.7;}
/* 分页容器：更“卡片化” */
.xcz-pager{border-radius:16px;background:rgba(255,255,255,.7);}
html[data-theme="dark"] .xcz-pager{background:rgba(15,23,42,.38);box-shadow:0 14px 26px rgba(0,0,0,.35);}
/* 卡片 */
.xcz-author-card{display:block;text-decoration:none;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 10px 22px rgba(15,23,42,.06);overflow:hidden;transition:transform .16s var(--uiv6-ease),box-shadow .16s var(--uiv6-ease),border-color .16s var(--uiv6-ease);}
.xcz-author-card:hover{transform:translateY(-2px);border-color:rgba(249,115,22,.55);box-shadow:0 16px 34px rgba(15,23,42,.10);}
html[data-theme="dark"] .xcz-author-card{background:rgba(15,23,42,.45);border-color:rgba(148,163,184,.18);box-shadow:0 14px 26px rgba(0,0,0,.35);}
html[data-theme="dark"] .xcz-author-card:hover{border-color:rgba(249,115,22,.55);}
/* 上半部分 */
.xcz-author-top{padding:12px 12px 10px;text-align:center;}
.xcz-avatar-wrap{width:72px;height:72px;margin:0 auto 8px;border-radius:22px;padding:3px;background:linear-gradient(180deg,rgba(37,99,235,.22),rgba(249,115,22,.14));}
html[data-theme="dark"] .xcz-avatar-wrap{background:linear-gradient(180deg,rgba(37,99,235,.30),rgba(249,115,22,.18));}
.xcz-avatar{width:100%;height:100%;border-radius:20px;object-fit:cover;display:block;background:rgba(0,0,0,.02);}
/* 昵称：单行省略 */
.xcz-name{font-weight:800;font-size:14px;line-height:1.2;margin-bottom:8px;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* 统计 badge */
.xcz-meta{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;}
.xcz-badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:rgba(248,250,252,.9);}
.xcz-badge-primary{border-color:rgba(37,99,235,.35);background:rgba(37,99,235,.10);}
html[data-theme="dark"] .xcz-badge{border-color:rgba(148,163,184,.18);background:rgba(2,6,23,.25);}
html[data-theme="dark"] .xcz-badge-primary{border-color:rgba(37,99,235,.35);background:rgba(37,99,235,.16);}
/* 下半部分 */
.xcz-author-bottom{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px dashed rgba(148,163,184,.35);background:rgba(248,250,252,.55);}
html[data-theme="dark"] .xcz-author-bottom{border-top-color:rgba(148,163,184,.18);background:rgba(2,6,23,.18);}
.xcz-uid{font-size:12px;opacity:.75;}
.xcz-go{font-size:12px;font-weight:700;color:var(--uiv6-primary);opacity:.95;}
.xcz-author-card:hover .xcz-go{color:#f97316;}
/* ========================= Zhiwawa List (UIV6) ========================= */
/* UIV6 - flatter topbar */
.xcz-zw-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:16px;/* 更扁平：弱渐变 / 更浅的底色 */
 background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(37,99,235,.03) );/* 更扁平：把“厚重投影”改成极浅的细阴影（几乎像描边的补充） */
 box-shadow:0 1px 0 rgba(15,23,42,.04);/* 边线更轻、更干净 */
}
.xcz-zw-topbar-left{display:flex;align-items:center;gap:10px;min-width:0;}
.xcz-zw-topbar-ico{width:36px;height:36px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.75);border:1px solid rgba(148,163,184,.22);}
.xcz-zw-topbar-txt{min-width:0;}
.xcz-zw-topbar-title{font-weight:700;color:#0f172a;line-height:1.1;}
.xcz-zw-topbar-sub{margin-top:2px;font-size:12px;color:rgba(100,116,139,1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xcz-zw-topbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.xcz-zw-btn{border-radius:12px;box-shadow:0 8px 16px rgba(15,23,42,.10);}
.xcz-zw-dropdown{border-radius:14px;overflow:hidden;box-shadow:0 16px 30px rgba(15,23,42,.18);}
/* Search */
.xcz-zw-search{border-radius:16px;background:rgba(255,255,255,.9);border:1px solid rgba(37,99,235,.35);padding:10px 12px;}
.xcz-zw-search-form{display:flex;align-items:center;gap:10px;}
.xcz-zw-search-ico{color:rgba(37,99,235,.9);}
.xcz-zw-search-input{flex:1;border:0;outline:0;background:transparent;font-size:14px;color:#0f172a;}
.xcz-zw-search-input::placeholder{color:rgba(100,116,139,.9);}
.xcz-zw-search-btn{border:0;padding:8px 12px;border-radius:12px;background:rgba(37,99,235,1);color:#fff;font-size:12px;font-weight:600;box-shadow:0 10px 18px rgba(37,99,235,.22);transition:transform .16s var(--uiv6-ease),box-shadow .16s var(--uiv6-ease),opacity .16s var(--uiv6-ease);}
.xcz-zw-search-btn:hover{transform:translateY(-1px);box-shadow:0 14px 22px rgba(37,99,235,.26);}
.xcz-zw-search-tip{margin-top:8px;font-size:12px;color:rgba(100,116,139,1);}
.xcz-zw-search-clear{margin-left:8px;text-decoration:none;font-weight:700;color:rgba(37,99,235,1);}
/* Card */
.xcz-zw-card{height:100%;border-radius:16px;background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.22);box-shadow:0 10px 22px rgba(15,23,42,.06);padding:10px;display:flex;flex-direction:column;gap:10px;transition:transform .16s var(--uiv6-ease),box-shadow .16s var(--uiv6-ease),border-color .16s var(--uiv6-ease);}
.xcz-zw-card:hover{transform:translateY(-2px);border-color:rgba(249,115,22,.55);box-shadow:0 16px 30px rgba(15,23,42,.12);}
.xcz-zw-card-hd{border-bottom:1px solid rgba(148,163,184,.14);padding-bottom:10px;}
.xcz-zw-title{font-weight:800;color:#0f172a;font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px;}
.xcz-zw-author{margin-top:6px;font-size:12px;color:rgba(100,116,139,1);display:flex;align-items:center;gap:6px;justify-content:center;}
/* Thumb */
.xcz-zw-thumb{position:relative;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(180deg,rgba(148,163,184,.16),rgba(148,163,184,.06));text-decoration:none;}
.xcz-zw-thumb-img{max-width:100%;height:auto;border-radius:12px;display:block;filter:drop-shadow(0 10px 18px rgba(15,23,42,.12));}
.xcz-zw-badge{position:absolute;right:10px;top:10px;padding:3px 8px;font-size:11px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;border:1px solid rgba(255,255,255,.18);}
/* Footer */
.xcz-zw-card-ft{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.xcz-zw-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.xcz-zw-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(148,163,184,.14);color:rgba(51,65,85,1);font-size:12px;}
.xcz-zw-chip-muted{background:rgba(148,163,184,.10);color:rgba(100,116,139,1);}
.xcz-zw-actions{display:flex;gap:8px;}
.xcz-zw-act{border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.85);border-radius:12px;padding:6px 10px;font-size:12px;color:rgba(51,65,85,1);box-shadow:0 10px 18px rgba(15,23,42,.06);transition:transform .16s var(--uiv6-ease),box-shadow .16s var(--uiv6-ease),border-color .16s var(--uiv6-ease);}
.xcz-zw-act:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.35);box-shadow:0 14px 24px rgba(15,23,42,.10);}
.xcz-zw-act i{margin-right:6px;}
/* Pager wrapper */
.xcz-zw-pager{border-radius:16px;background:rgba(255,255,255,.75);border:0px solid rgba(148,163,184,.20);padding:10px 12px;display:flex;justify-content:center;}
/* Dark mode compatible (跟随你 html[data-theme="dark"]) */
html[data-theme="dark"] .xcz-zw-topbar{background:linear-gradient(180deg,rgba(37,99,235,.18),rgba(37,99,235,.06));border-color:rgba(148,163,184,.16);}
html[data-theme="dark"] .xcz-zw-card,html[data-theme="dark"] .xcz-zw-search,html[data-theme="dark"] .xcz-zw-pager{background:rgba(15,23,42,.55);border-color:rgba(148,163,184,.14);}
html[data-theme="dark"] .xcz-zw-topbar-title,html[data-theme="dark"] .xcz-zw-title,html[data-theme="dark"] .xcz-zw-search-input{color:rgba(226,232,240,1);}
html[data-theme="dark"] .xcz-zw-topbar-sub,html[data-theme="dark"] .xcz-zw-author,html[data-theme="dark"] .xcz-zw-search-tip{color:rgba(148,163,184,1);}
html[data-theme="dark"] .xcz-zw-chip{background:rgba(148,163,184,.12);color:rgba(226,232,240,1);}
html[data-theme="dark"] .xcz-zw-act{background:rgba(15,23,42,.35);color:rgba(226,232,240,1);border-color:rgba(148,163,184,.14);}
/* ========== Zhiwawa Card refine (UIV6) ========== */
.xcz-zw-card{padding:10px;gap:10px;}
/* head 更紧凑 + 标题行右侧带ID */
.xcz-zw-head{padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.14);}
.xcz-zw-head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.xcz-zw-title{font-weight:800;font-size:13px;line-height:1.2;color:#0f172a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;}
.xcz-zw-id{flex:0 0 auto;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;background:rgba(15,23,42,.72);color:#fff;border:1px solid rgba(255,255,255,.18);transform:translateY(1px);}
.xcz-zw-author{margin-top:6px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:rgba(100,116,139,1);}
/* thumb：固定高度 + 内层相框，图片永远居中且不撑爆 */
.xcz-zw-thumb{text-decoration:none;display:block;}
.xcz-zw-thumb-inner{display:flex;align-items:center;justify-content:center;transition:transform .16s var(--uiv6-ease),border-color .16s var(--uiv6-ease);}
.xcz-zw-thumb:hover .xcz-zw-thumb-inner{transform:translateY(-1px);border-color:rgba(37,99,235,.28);}
.xcz-zw-thumb-img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;/* 关键：不同尺寸图都稳 */
 border-radius:12px;filter:drop-shadow(0 10px 18px rgba(15,23,42,.12));}
/* foot：左右分区更像“作品卡片” */
.xcz-zw-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.xcz-zw-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
.xcz-zw-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(148,163,184,.14);color:rgba(51,65,85,1);font-size:12px;}
.xcz-zw-chip-muted{background:rgba(148,163,184,.10);color:rgba(100,116,139,1);}
/* actions：更像UIV6胶囊按钮，数字更清晰 */
.xcz-zw-actions{display:flex;gap:8px;}
.xcz-zw-act{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.85);border-radius:12px;padding:7px 10px;font-size:12px;font-weight:700;color:rgba(51,65,85,1);box-shadow:0 10px 18px rgba(15,23,42,.06);transition:transform .16s var(--uiv6-ease),box-shadow .16s var(--uiv6-ease),border-color .16s var(--uiv6-ease);}
.xcz-zw-act:hover{transform:translateY(-1px);border-color:rgba(249,115,22,.40);box-shadow:0 14px 24px rgba(15,23,42,.10);}
.xcz-zw-act i{opacity:.9;}
/* dark */
html[data-theme="dark"] .xcz-zw-title{color:rgba(226,232,240,1);}
html[data-theme="dark"] .xcz-zw-author{color:rgba(148,163,184,1);}
html[data-theme="dark"] .xcz-zw-thumb-inner{background:linear-gradient(180deg,rgba(148,163,184,.14),rgba(148,163,184,.06));border-color:rgba(148,163,184,.14);}
html[data-theme="dark"] .xcz-zw-act{background:rgba(15,23,42,.35);color:rgba(226,232,240,1);border-color:rgba(148,163,184,.14);}
/* ====== 强制恢复网格间距（解决 gx/gy 不生效）====== */
.xcz-zw-grid{--bs-gutter-x:12px !important;--bs-gutter-y:12px !important;}
@media (min-width:1200px){.xcz-zw-grid{--bs-gutter-x:14px !important;--bs-gutter-y:14px !important;}
}
/* ====== 卡片：更干净，避免“挤在一起”的错觉 ====== */
.xcz-zw-card{padding:10px;gap:10px;border-radius:16px;background:rgba(255,255,255,.92);border:1px solid rgba(148,163,184,.22);box-shadow:0 10px 22px rgba(15,23,42,.06);}
html[data-theme="dark"] .xcz-zw-card{background:rgba(15,23,42,.55);border-color:rgba(148,163,184,.14);}
/* ====== 预览图：只保留“一层底”，不要双背景 ====== */
.xcz-zw-thumb-inner{height:170px;border-radius:14px;/* ✅ 单背景：用“干净面板色”替代渐变叠层 */
 background:rgba(248,250,252,.85);border:1px solid rgba(148,163,184,.20);/* ✅ 轻微内阴影，像“相框”但不会出现第二层底色 */
 box-shadow:inset 0 1px 0 rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden;}
html[data-theme="dark"] .xcz-zw-thumb-inner{background:rgba(30,41,59,.55);border-color:rgba(148,163,184,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.xcz-zw-thumb-img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;filter:drop-shadow(0 10px 18px rgba(15,23,42,.12));}
/* ====== 底部信息：改成“上下两行”，永远整齐，不再挤换行 ====== */
.xcz-zw-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;}
.xcz-zw-meta{display:flex;flex-direction:column;/* ✅ 直接上下两行，彻底解决换行不齐 */
 align-items:flex-start;gap:6px;min-width:0;}
.xcz-zw-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(148,163,184,.14);color:rgba(51,65,85,1);font-size:12px;/* ✅ 强制不换行，保证“更新：2025-xx-xx”不会断开 */
 white-space:nowrap;}
.xcz-zw-chip-muted{background:rgba(148,163,184,.10);color:rgba(100,116,139,1);}
html[data-theme="dark"] .xcz-zw-chip{background:rgba(148,163,184,.12);color:rgba(226,232,240,1);}
html[data-theme="dark"] .xcz-zw-chip-muted{background:rgba(148,163,184,.10);color:rgba(148,163,184,1);}
/* ====== 按钮更紧凑统一，数字不乱 ====== */
.xcz-zw-actions{display:flex;gap:8px;}
.xcz-zw-act{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.9);border-radius:12px;padding:7px 10px;font-size:12px;font-weight:700;color:rgba(51,65,85,1);box-shadow:0 10px 18px rgba(15,23,42,.06);white-space:nowrap;}
html[data-theme="dark"] .xcz-zw-act{background:rgba(15,23,42,.35);color:rgba(226,232,240,1);border-color:rgba(148,163,184,.14);}
/* ========================= Workcard (UIV6) ========================= */
/* card */
.xcz-workcard{border-radius:16px;background:rgba(255,255,255,.92);overflow:hidden;transition:transform .16s var(--uiv6-ease),box-shadow .16s var(--uiv6-ease),border-color .16s var(--uiv6-ease);}
.xcz-workcard:hover{transform:translateY(-2px);border-color:rgba(249,115,22,.55) !important;box-shadow:0 16px 30px rgba(15,23,42,.12);}
/* cover */
.xcz-workcover{position:relative;/* ✅ 统一高度，缩略图不再忽大忽小 */
 padding:12px;background:rgba(248,250,252,.9);/* ✅ 单背景，干净 */
 border-bottom:1px solid rgba(148,163,184,.14);}
.xcz-workcover img{width:auto;height:auto;object-fit:contain;border-radius:12px;filter:drop-shadow(0 10px 18px rgba(15,23,42,.12));}
/* id badge */
.xcz-workid{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;background:rgba(15,23,42,.12);color:#fff;border:1px solid rgba(255,255,255,.18);}
/* body */
.xcz-workbody{padding:10px 10px 12px;display:flex;flex-direction:column;gap:8px;}
/* title */
.xcz-worktitle{font-size:13px;line-height:1.2;color:#0f172a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* meta pills */
.xcz-workmeta{display:flex;flex-wrap:wrap;gap:6px;}
.xcz-userpill,.xcz-viewpill,.xcz-timepill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;line-height:1;white-space:nowrap;/* ✅ 永不换行乱掉 */
 background:rgba(148,163,184,.14);color:rgba(51,65,85,1);}
.xcz-userpill i{color:rgba(239,68,68,1);}
.xcz-viewpill i{color:rgba(249,115,22,1);}
.xcz-timepill{background:rgba(37,99,235,.10);color:rgba(37,99,235,1);}
/* actions */
.xcz-workactions{margin-top:2px;display:flex;gap:8px;align-items:center;}
.xcz-actbtn{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:12px;font-size:12px;font-weight:800;cursor:pointer;user-select:none;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.92);color:rgba(51,65,85,1);box-shadow:0 10px 18px rgba(15,23,42,.06);transition:transform .16s var(--uiv6-ease),box-shadow .16s var(--uiv6-ease),border-color .16s var(--uiv6-ease);}
.xcz-actbtn:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.35);box-shadow:0 14px 24px rgba(15,23,42,.10);}
.xcz-actbtn .fav-num,.xcz-actbtn .zan-num{min-width:14px;text-align:center;}
/* open btn */
.xcz-actmore{margin-left:auto;width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.92);color:rgba(51,65,85,1);box-shadow:0 10px 18px rgba(15,23,42,.06);text-decoration:none;transition:transform .16s var(--uiv6-ease),box-shadow .16s var(--uiv6-ease),border-color .16s var(--uiv6-ease);}
.xcz-actmore:hover{transform:translateY(-1px);border-color:rgba(249,115,22,.40);box-shadow:0 14px 24px rgba(15,23,42,.10);}
/* dark */
html[data-theme="dark"] .xcz-workcard{background:rgba(15,23,42,.55);border-color:rgba(148,163,184,.14) !important;}
html[data-theme="dark"] .xcz-workcover{background:rgba(30,41,59,.55);border-bottom-color:rgba(148,163,184,.12);}
html[data-theme="dark"] .xcz-worktitle{color:rgba(226,232,240,1);}
html[data-theme="dark"] .xcz-userpill,html[data-theme="dark"] .xcz-viewpill{background:rgba(148,163,184,.12);color:rgba(226,232,240,1);}
html[data-theme="dark"] .xcz-timepill{background:rgba(37,99,235,.16);color:rgba(147,197,253,1);}
html[data-theme="dark"] .xcz-actbtn,html[data-theme="dark"] .xcz-actmore{background:rgba(15,23,42,.35);color:rgba(226,232,240,1);border-color:rgba(148,163,184,.14);}
/* 预览图：最大 150px，永远居中显示 */
.xcz-workcover{display:flex;align-items:center;justify-content:center;padding:10px;/* 可留一点边距 */
 overflow:hidden;}
.xcz-workcover img{width:180px !important;/* ✅ 最大宽度 150 */
 object-fit:contain;display:block;margin:0 auto;}
/* ========================= UIV6 - Writer Card (flat) ========================= */
.xcz-writer-card{border-radius:var(--uiv6-radius,14px);background:rgba(37,99,235,.04);border:1px solid rgba(148,163,184,.22);}
.xcz-writer-hd{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.75);border:1px solid rgba(148,163,184,.18);}
.xcz-writer-title{font-size:14px;font-weight:700;color:var(--uiv6-text,#0f172a);}
.xcz-writer-ico{font-size:18px;color:var(--uiv6-primary,#2563eb);opacity:.95;}
.xcz-writer-bd{padding:2px 2px 6px;}
.xcz-writer-user{padding:10px 8px 6px;}
.xcz-writer-avatar{width:72px;height:72px;border-radius:18px;object-fit:cover;background:#fff;border:1px solid rgba(148,163,184,.18);}
.xcz-writer-name{font-size:14px;font-weight:700;color:var(--uiv6-text,#0f172a);max-width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xcz-writer-stats{border-top:1px solid rgba(148,163,184,.18);}
.xcz-writer-link{font-size:12px;color:var(--uiv6-primary,#2563eb);text-decoration:none;}
.xcz-writer-link:hover{text-decoration:underline;}
/* Follow button */
.xcz-btn-follow{height:34px;border-radius:999px;border:1px solid rgba(37,99,235,.22);background:rgba(37,99,235,.12);color:#0f172a;font-weight:700;transition:background var(--uiv6-speed,.16s) var(--uiv6-ease,.2,.8,.2,1),border-color var(--uiv6-speed,.16s) var(--uiv6-ease,.2,.8,.2,1),transform var(--uiv6-speed,.16s) var(--uiv6-ease,.2,.8,.2,1);}
.xcz-btn-follow:hover{background:rgba(37,99,235,.16);border-color:rgba(37,99,235,.30);transform:translateY(-1px);}
/* Followed state */
.xcz-btn-follow.is-followed{border-color:rgba(148,163,184,.26);background:rgba(148,163,184,.14);color:rgba(15,23,42,.72);}
.xcz-btn-follow.is-followed:hover{background:rgba(148,163,184,.18);border-color:rgba(148,163,184,.32);transform:none;}
/* Dark mode */
html[data-theme="dark"] .xcz-writer-card{background:rgba(37,99,235,.10);border-color:rgba(148,163,184,.18);}
html[data-theme="dark"] .xcz-writer-hd{background:rgba(2,6,23,.35);border-color:rgba(148,163,184,.16);}
html[data-theme="dark"] .xcz-writer-title{color:rgba(226,232,240,.92);}
html[data-theme="dark"] .xcz-writer-name{color:rgba(226,232,240,.92);}
html[data-theme="dark"] .xcz-writer-avatar{background:rgba(2,6,23,.35);border-color:rgba(148,163,184,.16);}
html[data-theme="dark"] .xcz-writer-stats{border-top-color:rgba(148,163,184,.16);}
html[data-theme="dark"] .xcz-btn-follow{border-color:rgba(37,99,235,.26);background:rgba(37,99,235,.18);color:rgba(226,232,240,.92);}
html[data-theme="dark"] .xcz-btn-follow.is-followed{border-color:rgba(148,163,184,.22);background:rgba(148,163,184,.12);color:rgba(226,232,240,.70);}
/* ========================= UIV6 - Zhiwawa TipBar + TopBar (flat) ========================= */
/* Tipbar */
.xcz-zw-tipbar{padding:10px 12px;border-radius:var(--uiv6-radius,14px);background:rgba(37,99,235,.06);color:rgba(15,23,42,.78);}
.xcz-zw-tipbar p{line-height:1.45;}
.xcz-zw-tipbar i{color:rgba(37,99,235,.85);}
.xcz-kbd{display:inline-flex;align-items:center;height:18px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700;background:rgba(15,23,42,.06);border:1px solid rgba(148,163,184,.20);color:rgba(15,23,42,.80);}
/* Tags in tipbar */
.xcz-tag{display:inline-flex;align-items:center;height:18px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent;}
.xcz-tag-mix{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.18);color:rgba(185,28,28,.95);}
.xcz-tag-prism{background:rgba(14,165,233,.12);border-color:rgba(14,165,233,.18);color:rgba(3,105,161,.95);}
/* Topbar */
.xcz-zw-topbar{padding:10px 10px;border-radius:var(--uiv6-radius,14px);background:rgba(37,99,235,.04);}
.xcz-zw-title{font-size:15px;font-weight:800;color:rgba(15,23,42,.92);}
.xcz-zw-title i{color:var(--uiv6-primary,#2563eb);}
.xcz-zw-hot{font-size:12px;font-weight:700;color:rgba(239,68,68,.92);display:inline-flex;align-items:center;gap:4px;}
.xcz-zw-time{font-size:12px;color:rgba(100,116,139,.95);}
/* chip buttons */
.xcz-chipbtn{height:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;background:rgba(15,23,42,.06);border:1px solid rgba(148,163,184,.22);color:rgba(15,23,42,.78);transition:background var(--uiv6-speed,.16s) var(--uiv6-ease,.2,.8,.2,1),border-color var(--uiv6-speed,.16s) var(--uiv6-ease,.2,.8,.2,1),transform var(--uiv6-speed,.16s) var(--uiv6-ease,.2,.8,.2,1);}
.xcz-chipbtn:hover{background:rgba(37,99,235,.10);border-color:rgba(37,99,235,.22);transform:translateY(-1px);}
.xcz-chipbtn i{opacity:.9;}
.xcz-chipnum{display:inline-flex;align-items:center;height:18px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.70);border:1px solid rgba(148,163,184,.18);color:rgba(15,23,42,.78);}
/* fav active */
.xcz-chipbtn.is-fav{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.24);color:rgba(146,64,14,.95);}
.xcz-chipbtn.is-fav:hover{background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.30);transform:translateY(-1px);}
/* Dark mode */
html[data-theme="dark"] .xcz-zw-tipbar{background:rgba(37,99,235,.12);border-color:rgba(148,163,184,.16);color:rgba(226,232,240,.82);}
html[data-theme="dark"] .xcz-kbd{background:rgba(226,232,240,.08);border-color:rgba(148,163,184,.16);color:rgba(226,232,240,.86);}
html[data-theme="dark"] .xcz-zw-topbar{background:rgba(37,99,235,.10);border-color:rgba(148,163,184,.16);}
html[data-theme="dark"] .xcz-zw-title{color:rgba(226,232,240,.92);}
html[data-theme="dark"] .xcz-zw-time{color:rgba(148,163,184,.92);}
html[data-theme="dark"] .xcz-chipbtn{background:rgba(226,232,240,.08);border-color:rgba(148,163,184,.16);color:rgba(226,232,240,.86);}
html[data-theme="dark"] .xcz-chipnum{background:rgba(2,6,23,.35);border-color:rgba(148,163,184,.16);color:rgba(226,232,240,.86);}
html[data-theme="dark"] .xcz-chipbtn.is-fav{background:rgba(245,158,11,.18);border-color:rgba(245,158,11,.22);color:rgba(253,230,138,.95);}


/* =========================================================
   Skills New (UIV6) - flat, clean, consistent
   Put at END of uiv6.theme.css
   ========================================================= */
 .xcz-skill-page{--xcz-skill-gap:12px}
.xcz-skill-page .xcz-surface{background:var(--uiv6-surface);border-radius:var(--uiv6-radius);}
.xcz-skill-page .xcz-surface-2{background:var(--uiv6-surface-2);border:1px solid var(--uiv6-border);border-radius:var(--uiv6-radius);}
.xcz-skill-page .xcz-soft{background:color-mix(in oklab,var(--uiv6-primary) 6%,var(--uiv6-surface));border:0px solid var(--uiv6-border);border-radius:var(--uiv6-radius);}
.xcz-skill-page .xcz-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;}
.xcz-skill-page .xcz-topbar .xcz-topbar-title{display:flex;align-items:center;gap:8px;font-weight:800;}
.xcz-skill-page .xcz-topbar .xcz-topbar-title i{opacity:.8}
.xcz-skill-page .xcz-topbar .xcz-topbar-actions{display:flex;align-items:center;gap:8px}
.xcz-skill-page .xcz-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--uiv6-border);background:var(--uiv6-surface);font-size:12px;}
.xcz-skill-page .xcz-chip:hover{border-color:color-mix(in oklab,var(--uiv6-primary) 45%,var(--uiv6-border))}
.xcz-skill-page .xcz-chip-primary{background:color-mix(in oklab,var(--uiv6-primary) 10%,var(--uiv6-surface));border-color:color-mix(in oklab,var(--uiv6-primary) 40%,var(--uiv6-border));color:color-mix(in oklab,var(--uiv6-primary) 85%,#000);}
.xcz-skill-page .xcz-skill-grid{display:grid;grid-template-columns:320px 360px 1fr;gap:var(--xcz-skill-gap);align-items:start;}
@media (max-width:1399.98px){.xcz-skill-page .xcz-skill-grid{grid-template-columns:320px 1fr;}
.xcz-skill-page .xcz-skill-detail-col{grid-column:1 / -1;}
}
@media (max-width:1199.98px){.xcz-skill-page .xcz-skill-grid{grid-template-columns:1fr;}
.xcz-skill-page .xcz-skill-detail-col{grid-column:auto;}
}
/* Sidebar sticky on desktop */
 @media (min-width:1200px){.xcz-skill-page .xcz-skill-sider{position:sticky;top:calc(var(--xcz-items-sticky-top,72px) + 12px);max-height:calc(100vh - (var(--xcz-items-sticky-top,72px) + 24px));overflow:auto;}
}
.xcz-skill-page .sider-menu-ul .nav-link{border:1px solid transparent;border-radius:12px;padding:10px 10px;background:transparent;color:inherit;}
.xcz-skill-page .sider-menu-ul .nav-link:hover{background:color-mix(in oklab,var(--uiv6-primary) 6%,transparent);border-color:var(--uiv6-border);}
.xcz-skill-page .sider-menu-ul .nav-link.active{background:color-mix(in oklab,var(--uiv6-primary) 10%,var(--uiv6-surface));border-color:color-mix(in oklab,var(--uiv6-primary) 38%,var(--uiv6-border));}
.xcz-skill-page .sider-menu-ul img{width:26px;height:26px;border-radius:999px;border:1px solid var(--uiv6-border) !important;}
.xcz-skill-page .btn-toggle-nav a{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;margin:2px 8px;border-radius:10px;text-decoration:none;color:inherit;border:1px solid transparent;}
.xcz-skill-page .btn-toggle-nav a:hover{background:color-mix(in oklab,var(--uiv6-primary) 6%,transparent);border-color:var(--uiv6-border);}
.xcz-skill-page .btn-toggle-nav a.active{background:color-mix(in oklab,var(--uiv6-primary) 10%,var(--uiv6-surface));border-color:color-mix(in oklab,var(--uiv6-primary) 38%,var(--uiv6-border));font-weight:800;}
.xcz-skill-page .rotate-icon{transition:transform var(--uiv6-speed) var(--uiv6-ease);opacity:.75}
.xcz-skill-page .nav-link[aria-expanded="true"] .rotate-icon{transform:rotate(180deg)}
/* filterbar */
 .xcz-skill-page .xcz-skill-filterbar{padding:10px;display:flex;flex-wrap:wrap;gap:8px;}
.xcz-skill-page .xcz-skill-filterbar .btn{border-radius:999px;}
.xcz-skill-page .xcz-skill-filterbar .btn.btn-outline-primary{border-color:var(--uiv6-border);color:inherit;background:var(--uiv6-surface);}
.xcz-skill-page .xcz-skill-filterbar .btn.btn-outline-primary:hover{border-color:color-mix(in oklab,var(--uiv6-primary) 45%,var(--uiv6-border));background:color-mix(in oklab,var(--uiv6-primary) 6%,var(--uiv6-surface));}
.xcz-skill-page .xcz-skill-filterbar .btn.btn-outline-primary.active{color:#fff;background:var(--uiv6-primary);border-color:var(--uiv6-primary);}
/* skill list */
 .xcz-skill-page .xcz-skill-list{display:flex;flex-direction:column;gap:8px;}
.xcz-skill-page .xcz-skill-item{position:relative;display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;border:1px solid var(--uiv6-border);background:var(--uiv6-surface);text-decoration:none;color:inherit;transition:transform var(--uiv6-speed) var(--uiv6-ease),border-color var(--uiv6-speed) var(--uiv6-ease);}
.xcz-skill-page .xcz-skill-item:hover{border-color:color-mix(in oklab,var(--uiv6-primary) 35%,var(--uiv6-border));transform:translateY(-1px);}
.xcz-skill-page .xcz-skill-item.is-active{background:color-mix(in oklab,var(--uiv6-primary) 9%,var(--uiv6-surface));border-color:color-mix(in oklab,var(--uiv6-primary) 45%,var(--uiv6-border));}
.xcz-skill-page .xcz-skill-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--uiv6-surface-2);border:1px solid var(--uiv6-border);flex:0 0 auto;}
.xcz-skill-page .xcz-skill-icon img{max-width:32px;max-height:32px;image-rendering:auto;}
.xcz-skill-page .xcz-skill-name{font-weight:900;line-height:1.15;}
.xcz-skill-page .xcz-skill-sub{font-size:12px;opacity:.7;}
.xcz-skill-page .xcz-skill-badge{position:absolute;top:10px;right:10px;font-size:12px;padding:3px 8px;border-radius:999px;background:var(--uiv6-surface-2);border:1px solid var(--uiv6-border);opacity:.9;}
/* detail cards */
 .xcz-skill-page .xcz-skill-detail-card .card-header{background:transparent;border-bottom:1px solid var(--uiv6-border);padding:12px;}
.xcz-skill-page .xcz-skill-detail-card .card-body{padding:12px;}
.xcz-skill-page .xcz-skill-title{display:flex;align-items:center;gap:10px;}
.xcz-skill-page .xcz-skill-title .item_icon img{width:44px;height:44px;border-radius:14px;border:1px solid var(--uiv6-border);background:var(--uiv6-surface-2);padding:4px;}
.xcz-skill-page .xcz-skill-title h1{margin:0;font-size:18px;font-weight:900;letter-spacing:.2px;}
.xcz-skill-page .skillinfobox{font-size:14px;line-height:1.6;}
.xcz-skill-page .skillinfobox .OrangeBrush4{color:var(--uiv6-warning);font-weight:700;}
.xcz-skill-page .xcz-skill-meta table{border-color:var(--uiv6-border);}
.xcz-skill-page .xcz-skill-meta .td-hui{background:var(--uiv6-surface-2);color:inherit;border-color:var(--uiv6-border);font-weight:700;}
.xcz-skill-page .xcz-skill-lv{padding:12px;border-radius:var(--uiv6-radius);border:1px solid var(--uiv6-border);background:var(--uiv6-surface);}
.xcz-skill-page .xcz-skill-lv .xcz-lv-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;}
.xcz-skill-page .xcz-skill-lv .xcz-lv-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:color-mix(in oklab,var(--uiv6-primary) 12%,var(--uiv6-surface));border:1px solid color-mix(in oklab,var(--uiv6-primary) 38%,var(--uiv6-border));font-weight:900;font-size:12px;}
/* small helpers */
 .xcz-skill-page .xcz-empty-hint{padding:12px;border-radius:var(--uiv6-radius);border:1px solid var(--uiv6-border);background:var(--uiv6-surface);}
.xcz-skill-page .xcz-empty-hint.text-danger{color:var(--uiv6-danger) !important;}


/* =========================
   Skill Page — Hierarchy Upgrade (UIV6 / flat)
   put at END of uiv6.theme.css
   ========================= */

.xcz-skill-page{--xcz-skill-gap:14px;--xcz-skill-panel-shadow:0 1px 0 rgba(15,23,42,.04),0 8px 18px rgba(15,23,42,.04);--xcz-skill-panel-border:color-mix(in oklab,var(--uiv6-border) 88%,transparent);--xcz-skill-tint:color-mix(in oklab,var(--uiv6-primary) 5%,var(--uiv6-surface));}
/* 统一面板质感：更清晰但仍扁平 */
.xcz-skill-page .xcz-surface,.xcz-skill-page .xcz-surface-2{border-color:var(--xcz-skill-panel-border);box-shadow:var(--xcz-skill-panel-shadow);}
/* 顶部条更像“标题区”，提升识别 */
.xcz-skill-page .xcz-topbar.xcz-soft{border-color:var(--xcz-skill-panel-border);}
/* 三列整体：让中列/右列更像“工作区” */
.xcz-skill-page .xcz-skill-grid{gap:var(--xcz-skill-gap);align-items:start;}
/* 左侧职业：更干净，减少大白块的割裂感 */
.xcz-skill-page .itemlist-sider .bg-gray-100{background:color-mix(in oklab,var(--uiv6-surface-2) 92%,var(--uiv6-surface)) !important;border-color:var(--xcz-skill-panel-border) !important;}
/* 中列：技能列表区变成“列表面板”，顶部筛选更像工具条 */
.xcz-skill-page .xcz-skill-filterbar{background:var(--xcz-skill-tint);border:1px solid var(--xcz-skill-panel-border);border-radius:calc(var(--uiv6-radius) + 2px);padding:10px;}
/* 中列：让技能列表在 PC 有“可滚动区域”，信息密度更高级 */
@media (min-width:1200px){.xcz-skill-page .xcz-surface.p-2{/* 中列整体面板 */
 background:linear-gradient(180deg,color-mix(in oklab,var(--uiv6-primary) 3%,var(--uiv6-surface)),var(--uiv6-surface));}
.xcz-skill-page .xcz-skill-list{margin-top:10px;padding-right:2px;max-height:calc(100vh - (var(--xcz-items-sticky-top,72px) + 170px));overflow:auto;}
/* 滚动条更克制 */
 .xcz-skill-page .xcz-skill-list::-webkit-scrollbar{width:10px}
.xcz-skill-page .xcz-skill-list::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--uiv6-border) 85%,transparent);border-radius:999px;border:3px solid transparent;background-clip:content-box;}
}
/* 技能列表项：层次更清晰（标题更“黑”，副标题更“灰”） */
.xcz-skill-page .xcz-skill-item{border-color:var(--xcz-skill-panel-border);}
.xcz-skill-page .xcz-skill-name{letter-spacing:.2px}
.xcz-skill-page .xcz-skill-sub{opacity:.6}
.xcz-skill-page .xcz-skill-item.is-active{background:linear-gradient(180deg,color-mix(in oklab,var(--uiv6-primary) 10%,var(--uiv6-surface)),var(--uiv6-surface));}
/* 右列：做“主舞台面板”底色，解决大片白色没层次 */
.xcz-skill-page .xcz-skill-detail-col{padding:10px;border-radius:calc(var(--uiv6-radius) + 4px);background:radial-gradient(1200px 500px at 30% -10%,color-mix(in oklab,var(--uiv6-primary) 10%,transparent),transparent 55%),linear-gradient(180deg,color-mix(in oklab,var(--uiv6-surface-2) 92%,var(--uiv6-surface)),var(--uiv6-surface));box-shadow:var(--xcz-skill-panel-shadow);}
/* 右列内部 card：更像“内容块”，但不堆叠立体感 */
.xcz-skill-page .xcz-skill-detail-col .main-card.card{border-color:var(--xcz-skill-panel-border);box-shadow:none;/* 右列外层已经有舞台感，这里保持扁平 */
}
.xcz-skill-page .xcz-skill-detail-card .card-header{background:linear-gradient(180deg,color-mix(in oklab,var(--uiv6-primary) 6%,var(--uiv6-surface)),transparent);border-bottom-color:var(--xcz-skill-panel-border);}
/* Lv 区块：更像“分段内容”，提高阅读节奏 */
.xcz-skill-page .xcz-skill-lv{background:linear-gradient(180deg,color-mix(in oklab,var(--uiv6-surface-2) 80%,var(--uiv6-surface)),var(--uiv6-surface));border-color:var(--xcz-skill-panel-border);}
.xcz-skill-page .xcz-skill-lv .xcz-lv-pill{background:color-mix(in oklab,var(--uiv6-primary) 14%,var(--uiv6-surface));}
/* “请选择”提示：更像系统提示条 */
.xcz-skill-page .xcz-empty-hint{background:color-mix(in oklab,var(--uiv6-danger) 6%,var(--uiv6-surface));border-color:color-mix(in oklab,var(--uiv6-danger) 22%,var(--uiv6-border));}
/* ========================= Skill Middle Column:Sticky filter + inner scroll ========================= */
/* 让中列成为一个“面板容器”：内部可滚动 */
@media (min-width:1200px){/* 你的中列就是 .xcz-surface.p-2（位于 grid 的第二列） */
 .xcz-skill-page .xcz-skill-grid > .xcz-surface.p-2{position:sticky;top:calc(var(--xcz-items-sticky-top,72px) + 12px);max-height:calc(100vh - (var(--xcz-items-sticky-top,72px) + 24px));overflow:hidden;/* 外层不滚，滚动交给里面的 list */
}
/* 筛选条吸顶在中列顶部 */
 .xcz-skill-page .xcz-skill-grid > .xcz-surface.p-2 .xcz-skill-filterbar{position:sticky;top:0;z-index:5;margin-bottom:10px;/* 吸顶时要有底色，不然会透 */
 background:var(--xcz-skill-tint,var(--uiv6-surface));border:1px solid var(--xcz-skill-panel-border,var(--uiv6-border));box-shadow:0 1px 0 rgba(15,23,42,.05);}
/* 列表区域内部滚动 */
 .xcz-skill-page .xcz-skill-grid > .xcz-surface.p-2 .xcz-skill-list{max-height:calc(100vh - (var(--xcz-items-sticky-top,72px) + 24px + 78px));overflow:auto;padding-right:2px;}
/* 滚动条：克制、细一点 */
 .xcz-skill-page .xcz-skill-grid > .xcz-surface.p-2 .xcz-skill-list::-webkit-scrollbar{width:10px}
.xcz-skill-page .xcz-skill-grid > .xcz-surface.p-2 .xcz-skill-list::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--uiv6-border) 85%,transparent);border-radius:999px;border:3px solid transparent;background-clip:content-box;}
}
/* 移动端不做 sticky 面板，避免高度计算导致体验变差 */
@media (max-width:1199.98px){.xcz-skill-page .xcz-skill-grid > .xcz-surface.p-2{position:relative;top:auto;max-height:none;overflow:visible;}
.xcz-skill-page .xcz-skill-grid > .xcz-surface.p-2 .xcz-skill-filterbar{position:static;box-shadow:none;}
.xcz-skill-page .xcz-skill-grid > .xcz-surface.p-2 .xcz-skill-list{max-height:none;overflow:visible;}
}
/* ========================= Left Sidebar:subtle gradient backdrop (flat) ========================= */
/* 左侧整体：浅渐变 + 很轻的光晕，提升“导航区”辨识度 */
.xcz-skill-page .itemlist-sider{background:radial-gradient(900px 380px at 30% -10%,color-mix(in oklab,var(--uiv6-primary) 10%,transparent),transparent 55%),linear-gradient(180deg,color-mix(in oklab,var(--uiv6-primary) 5%,var(--uiv6-surface)),color-mix(in oklab,var(--uiv6-surface-2) 92%,var(--uiv6-surface)) ) !important;}
/* 深色模式下别发灰：提高一点对比度，但仍浅 */
html[data-theme="dark"] .xcz-skill-page .itemlist-sider{background:radial-gradient(900px 380px at 30% -10%,color-mix(in oklab,var(--uiv6-primary) 14%,transparent),transparent 55%),linear-gradient(180deg,color-mix(in oklab,var(--uiv6-primary) 7%,var(--uiv6-surface)),color-mix(in oklab,var(--uiv6-surface-2) 82%,var(--uiv6-surface)) ) !important;}
/* 手机端：中间列已经被搬进 offcanvas，原位置占位隐藏 */
@media (max-width:1199.98px){.xcz-skill-page .xcz-skill-mid-placeholder{display:none;}
}
/* 技能列表抽屉高度：别太小也别遮住太多 */
.xcz-skilllist-offcanvas{height:78vh;border-top-left-radius:calc(var(--uiv6-radius) + 6px);border-top-right-radius:calc(var(--uiv6-radius) + 6px);}
.xcz-skilllist-offcanvas .offcanvas-header{background:linear-gradient(180deg,color-mix(in oklab,var(--uiv6-primary) 8%,var(--uiv6-surface)),var(--uiv6-surface));border-bottom:1px solid var(--uiv6-border);}
/* ========================= Mobile SkillList Offcanvas (styled + taller) ========================= */
.xcz-skill-page .xcz-skilllist-offcanvas{height:92vh;/* 更大 */
 border-top-left-radius:calc(var(--uiv6-radius) + 8px);border-top-right-radius:calc(var(--uiv6-radius) + 8px);overflow:hidden;border-top:1px solid var(--uiv6-border);background:var(--uiv6-surface);}
/* 头部做成“工具条”，并吸顶 */
.xcz-skill-page .xcz-skilllist-offcanvas .offcanvas-header{position:sticky;top:0;z-index:5;padding:10px 12px;background:linear-gradient(180deg,color-mix(in oklab,var(--uiv6-primary) 8%,var(--uiv6-surface)),var(--uiv6-surface));border-bottom:1px solid var(--uiv6-border);}
/* 抽屉内容区域：独立滚动 + 背景轻微分区 */
.xcz-skill-page .xcz-skilllist-offcanvas .offcanvas-body{padding:10px;overflow:auto;background:radial-gradient(900px 380px at 30% -10%,color-mix(in oklab,var(--uiv6-primary) 8%,transparent),transparent 55%),linear-gradient(180deg,color-mix(in oklab,var(--uiv6-surface-2) 92%,var(--uiv6-surface)),var(--uiv6-surface));}
/* 把中列搬进来后，面板不要像“裸 div” */
.xcz-skill-page #skilllist-mount > .xcz-surface.p-2{background:transparent;border:0;box-shadow:none;padding:0 !important;}
/* 抽屉里筛选条：保持你原本的高级感，并 sticky */
.xcz-skill-page #skilllist-mount .xcz-skill-filterbar{position:sticky;top:0;/* 在 offcanvas-body 内吸顶 */
 z-index:4;margin-bottom:10px;background:color-mix(in oklab,var(--uiv6-primary) 7%,var(--uiv6-surface));border:1px solid var(--uiv6-border);border-radius:calc(var(--uiv6-radius) + 2px);box-shadow:0 1px 0 rgba(15,23,42,.05);}
/* 抽屉里列表项：稍微更紧凑一点 */
.xcz-skill-page #skilllist-mount .xcz-skill-item{border-color:color-mix(in oklab,var(--uiv6-border) 92%,transparent);}
.xcz-skill-page #skilllist-mount .xcz-skill-icon{background:var(--uiv6-surface);}
/* 抽屉滚动条克制 */
.xcz-skill-page .xcz-skilllist-offcanvas .offcanvas-body::-webkit-scrollbar{width:10px}
.xcz-skill-page .xcz-skilllist-offcanvas .offcanvas-body::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--uiv6-border) 85%,transparent);border-radius:999px;border:3px solid transparent;background-clip:content-box;}