/* ===== 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:#333333;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;}
/* 轻量补丁：完全贴 UIV6 扁平风格（不抢主题变量） */
 .xcz-set-toolbar{border-radius:16px;background:linear-gradient(180deg,rgba(37,99,235,.10),rgba(37,99,235,.03));}
html[data-theme="dark"] .xcz-set-toolbar{border-color:rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(37,99,235,.16),rgba(15,23,42,.20));}
.xcz-set-card{border:1px solid rgba(148,163,184,.22);border-radius:16px;background:rgba(255,255,255,.70);}
html[data-theme="dark"] .xcz-set-card{border-color:rgba(148,163,184,.16);background:rgba(15,23,42,.40);}
.xcz-set-cover{height:180px;border-radius:14px;border:1px dashed rgba(148,163,184,.35);background:rgba(148,163,184,.10);display:flex;align-items:center;justify-content:center;overflow:hidden;}
html[data-theme="dark"] .xcz-set-cover{border-color:rgba(148,163,184,.20);background:rgba(148,163,184,.06);}
.xcz-set-cover img{width:auto;height:auto;image-rendering:auto;}
.xcz-set-name{line-height:1.25;}
.xcz-set-sub{opacity:.85;font-size:13px;line-height:1.3;}
.xcz-set-id{font-size:12px;opacity:.8;}
/* UIV6 搜索条：扁平胶囊风格 */
.xcz-searchbar{display:flex;align-items:center;gap:10px;padding:10px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.24);background:rgba(255,255,255,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(15,23,42,.04);}
html[data-theme="dark"] .xcz-searchbar{border-color:rgba(148,163,184,.18);background:rgba(15,23,42,.45);box-shadow:none;}
.xcz-search-ico{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(37,99,235,.10);color:var(--uiv6-primary);flex:0 0 auto;}
html[data-theme="dark"] .xcz-search-ico{background:rgba(37,99,235,.16);}
.xcz-search-input{flex:1 1 auto;min-width:140px;border:0;outline:0;background:transparent;font-size:14px;color:inherit;}
.xcz-search-input::placeholder{opacity:.65}
.xcz-search-clear{flex:0 0 auto;font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.26);background:rgba(148,163,184,.10);color:inherit;text-decoration:none;}
.xcz-search-clear:hover{background:rgba(148,163,184,.16)}
.xcz-search-btn{flex:0 0 auto;border:0;border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px;background:var(--uiv6-primary);color:#fff;}
.xcz-search-btn:hover{filter:brightness(.97)}
/* 聚焦态：整条高亮（比 input 单独高亮更高级） */
.xcz-searchbar:focus-within{border-color:rgba(37,99,235,.55);box-shadow:0 0 0 4px rgba(37,99,235,.12);}
html[data-theme="dark"] .xcz-searchbar:focus-within{box-shadow:0 0 0 4px rgba(37,99,235,.18);}
/* 更矮：整体高度更紧凑 */
.xcz-searchbar{display:flex;align-items:center;gap:8px;padding:6px 8px;/* 原来 10px -> 6px */
 border-radius:999px;border:1px solid rgba(148,163,184,.24);background:rgba(255,255,255,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(15,23,42,.04);}
html[data-theme="dark"] .xcz-searchbar{border-color:rgba(148,163,184,.18);background:rgba(15,23,42,.45);box-shadow:none;}
.xcz-search-ico{width:32px;height:32px;/* 原来 38 -> 32 */
 display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(37,99,235,.10);color:var(--uiv6-primary);flex:0 0 auto;}
html[data-theme="dark"] .xcz-search-ico{background:rgba(37,99,235,.16);}
.xcz-search-input{flex:1 1 auto;min-width:120px;border:0;outline:0;background:transparent;font-size:13px;/* 略小一点 */
 line-height:1.2;padding:2px 0;/* 控制输入区高度 */
 color:inherit;}
.xcz-search-input::placeholder{opacity:.65}
.xcz-search-clear{flex:0 0 auto;font-size:12px;padding:4px 10px;/* 原来 6px 10px -> 4px 10px */
 border-radius:999px;border:1px solid rgba(148,163,184,.26);background:rgba(148,163,184,.10);color:inherit;text-decoration:none;line-height:1.2;}
.xcz-search-clear:hover{background:rgba(148,163,184,.16)}
.xcz-search-btn{flex:0 0 auto;border:0;border-radius:999px;padding:6px 12px;/* 原来 8px 14px -> 6px 12px */
 font-weight:700;font-size:12px;line-height:1.2;background:var(--uiv6-primary);color:#fff;}
.xcz-search-btn:hover{filter:brightness(.97)}
.xcz-searchbar:focus-within{border-color:rgba(37,99,235,.55);box-shadow:0 0 0 3px rgba(37,99,235,.12);/* 原来 4px -> 3px */
}
html[data-theme="dark"] .xcz-searchbar:focus-within{box-shadow:0 0 0 3px rgba(37,99,235,.18);}
/* ===== UIV6 Set Info Page (light patch) ===== */
 .xcz-setpage{}
.xcz-set-hero{border:1px solid rgba(148,163,184,.22);border-radius:18px;background:linear-gradient(180deg,rgba(37,99,235,.10),rgba(37,99,235,.03));padding:12px 12px;}
html[data-theme="dark"] .xcz-set-hero{border-color:rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(37,99,235,.16),rgba(15,23,42,.18));}
.xcz-set-hero-title{font-weight:800;font-size:18px;line-height:1.2;}
.xcz-set-hero-sub{opacity:.75;font-size:13px;}
.xcz-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.65);font-size:12px;white-space:nowrap;}
html[data-theme="dark"] .xcz-chip{background:rgba(15,23,42,.38);border-color:rgba(148,163,184,.16);}
.xcz-card{border:1px solid rgba(148,163,184,.22);border-radius:18px;background:rgba(255,255,255,.75);}
html[data-theme="dark"] .xcz-card{background:rgba(15,23,42,.40);border-color:rgba(148,163,184,.16);}
.xcz-card-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 0 14px;}
.xcz-card-title{display:flex;align-items:center;gap:10px;font-weight:800;}
.xcz-card-ico{width:34px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(37,99,235,.10);color:var(--uiv6-primary);border:1px solid rgba(37,99,235,.18);flex:0 0 auto;}
html[data-theme="dark"] .xcz-card-ico{background:rgba(37,99,235,.16);border-color:rgba(37,99,235,.22);}
.xcz-card-bd{padding:12px 14px 14px 14px;}
/* Set items grid */
 .xcz-set-grid{gap:10px;}
.xcz-setitem{border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:10px;background:rgba(148,163,184,.08);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px;transition:transform .12s ease,border-color .12s ease,background .12s ease;}
html[data-theme="dark"] .xcz-setitem{border-color:rgba(148,163,184,.14);background:rgba(148,163,184,.06);}
.xcz-setitem:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.35);background:rgba(37,99,235,.08);}
html[data-theme="dark"] .xcz-setitem:hover{border-color:rgba(37,99,235,.30);background:rgba(37,99,235,.10);}
.xcz-setitem-top{display:flex;align-items:center;gap:10px;}
.xcz-setitem-ico{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid rgba(148,163,184,.22);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;}
html[data-theme="dark"] .xcz-setitem-ico{background:rgba(15,23,42,.30);border-color:rgba(148,163,184,.16);}
.xcz-setitem-ico img{max-width:34px;max-height:34px;}
.xcz-setitem-name{line-height:1.2;font-size:13px;}
.xcz-setitem-id{font-size:12px;opacity:.75;}
/* Effects */
 .xcz-effect-block{border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:12px;background:rgba(148,163,184,.06);}
html[data-theme="dark"] .xcz-effect-block{border-color:rgba(148,163,184,.14);background:rgba(148,163,184,.05);}
.xcz-effect-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800;margin-bottom:8px;}
.xcz-effect-tag{font-size:12px;padding:4px 10px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22);color:rgba(22,163,74,1);white-space:nowrap;}
html[data-theme="dark"] .xcz-effect-tag{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.18);color:rgba(134,239,172,1);}
.xcz-effect-lines{font-size:13px;line-height:1.65;}
.xcz-effect-lines hr{opacity:.15;margin:10px 0;}
/* Right preview */
 .xcz-preview-box{border:1px dashed rgba(148,163,184,.28);border-radius:18px;background:rgba(148,163,184,.06);padding:10px;display:flex;align-items:center;justify-content:center;min-height:260px;overflow:hidden;}
html[data-theme="dark"] .xcz-preview-box{border-color:rgba(148,163,184,.18);background:rgba(148,163,184,.05);}
.xcz-preview-box img{max-width:100%;height:auto;}
.xcz-kv{border:1px solid rgba(148,163,184,.18);border-radius:16px;overflow:hidden;}
html[data-theme="dark"] .xcz-kv{border-color:rgba(148,163,184,.14);}
.xcz-kv .row{margin:0;}
.xcz-kv .col-4,.xcz-kv .col-8{padding:10px 12px;}
.xcz-kv .col-4{background:rgba(148,163,184,.08);font-weight:700;border-right:1px solid rgba(148,163,184,.16);}
html[data-theme="dark"] .xcz-kv .col-4{background:rgba(148,163,184,.06);border-right-color:rgba(148,163,184,.12);}
.xcz-kv .col-8{background:transparent;}
.xcz-muted{opacity:.75;}
/* ========================= Quests Page (UIV6) ========================= */
 .xcz-quest-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:16px;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.22);}
html[data-theme="dark"] .xcz-quest-toolbar{background:rgba(30,41,59,.45);border-color:rgba(148,163,184,.18);}
.xcz-quest-toolbar-left{display:flex;align-items:center;gap:10px;}
.xcz-quest-ico{width:36px;height:36px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.7);border:1px solid rgba(148,163,184,.22);}
html[data-theme="dark"] .xcz-quest-ico{background:rgba(15,23,42,.35);}
.xcz-quest-title{font-weight:800;letter-spacing:.2px;}
.xcz-quest-sub{display:flex;gap:8px;align-items:center;margin-top:4px;flex-wrap:wrap;}
.xcz-quest-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.xcz-quest-search{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid rgba(148,163,184,.22);}
html[data-theme="dark"] .xcz-quest-search{background:rgba(15,23,42,.35);border-color:rgba(148,163,184,.18);}
.xcz-quest-search .form-control{min-width:220px;box-shadow:none!important;background:transparent;}
@media (max-width:576px){.xcz-quest-search .form-control{min-width:140px;}
}
.xcz-quest-search-ico{opacity:.75;}
.xcz-quest-filter .card-body{padding:12px;}
.xcz-filter-hd{margin-bottom:8px;}
.xcz-chipwrap{display:flex;flex-wrap:wrap;gap:8px;}
.xcz-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(148,163,184,.22);font-size:13px;text-decoration:none;}
html[data-theme="dark"] .xcz-chip{background:rgba(15,23,42,.35);border-color:rgba(148,163,184,.18);}
.xcz-chip:hover{filter:brightness(.98);}
.xcz-chip.is-active{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.35);color:var(--uiv6-primary);}
.xcz-quest-table thead th{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.22);font-weight:800;vertical-align:middle;white-space:nowrap;}
html[data-theme="dark"] .xcz-quest-table thead th{background:rgba(148,163,184,.14);border-color:rgba(148,163,184,.18);}
.xcz-idpill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:rgba(37,99,235,.10);border:1px solid rgba(37,99,235,.25);font-weight:800;font-size:13px;}
.xcz-quest-name{font-weight:800;text-decoration:none;}
.xcz-quest-muted{font-size:12px;opacity:.75;margin-top:3px;}
.xcz-quest-reward{font-size:13px;}
.xcz-reward-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0;}
.xcz-reward-k{display:inline-flex;min-width:36px;opacity:.75;}
.xcz-reward-link{text-decoration:none;font-weight:700;}
.xcz-reward-v{opacity:.85;}
.xcz-quest-pager{padding:10px 12px;border-radius:16px;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.22);display:flex;justify-content:center;}
html[data-theme="dark"] .xcz-quest-pager{background:rgba(30,41,59,.45);border-color:rgba(148,163,184,.18);}
.xcz-quest-canvas .offcanvas-header{border-bottom:1px solid rgba(148,163,184,.22);}
/* 只补一点点：地图图标更稳，其它尽量复用你现有 xcz-* */
 .xcz-map-icon{width:72px;height:72px;flex:0 0 72px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.xcz-map-img{width:64px;height:64px;object-fit:contain;}
.xcz-map-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.14);color:var(--uiv6-primary);font-size:12px}
html[data-theme="dark"] .xcz-map-pill{background:rgba(37,99,235,.14);border-color:rgba(37,99,235,.22)}
/* ===== UIV6 Map Info Page ===== */
 .xcz-map-page{--xcz-gap:14px}
.xcz-map-hero{display:flex;gap:14px;align-items:center}
.xcz-map-ico{border-radius:16px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:rgba(37,99,235,.08);border:1px solid rgba(148,163,184,.22);overflow:hidden;}
.xcz-map-ico img{max-width:200px;max-height:200px;}
html[data-theme="dark"] .xcz-map-ico{background:rgba(37,99,235,.14);border-color:rgba(148,163,184,.14);}
.xcz-map-title{font-weight:900;font-size:20px;line-height:1.2;color:var(--uiv6-text)}
.xcz-map-sub{color:var(--uiv6-text-2);font-size:13px}
.xcz-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.xcz-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid rgba(148,163,184,.22);background:rgba(148,163,184,.10);color:var(--uiv6-text-2);}
html[data-theme="dark"] .xcz-chip{border-color:rgba(148,163,184,.14);background:rgba(148,163,184,.08)}
.xcz-chip i{opacity:.85}
.xcz-chip-ok{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.22);color:#16a34a}
html[data-theme="dark"] .xcz-chip-ok{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.26);color:#4ade80}
.xcz-chip-muted{background:rgba(148,163,184,.08)}
.xcz-chip-primary{background:rgba(37,99,235,.10);border-color:rgba(37,99,235,.18);color:var(--uiv6-primary)}
html[data-theme="dark"] .xcz-chip-primary{background:rgba(37,99,235,.16);border-color:rgba(37,99,235,.22)}
.xcz-kv{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(148,163,184,.20);background:rgba(15,23,42,.02);}
html[data-theme="dark"] .xcz-kv{border-color:rgba(148,163,184,.14);background:rgba(148,163,184,.06);}
.xcz-kv .k{color:var(--uiv6-text);font-size:13px}
.xcz-kv .v{color:var(--uiv6-text-2);font-size:13px;text-align:right;word-break:break-word}
.xcz-kv .v strong{color:var(--uiv6-text)}
.xcz-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.16);}
html[data-theme="dark"] .xcz-section-title{border-bottom-color:rgba(148,163,184,.12);background:linear-gradient(180deg,rgba(37,99,235,.14),rgba(15,23,42,0));}
.xcz-section-title .t{display:flex;align-items:center;gap:10px;color:var(--uiv6-text)}
.xcz-section-title .t i{color:var(--uiv6-primary)}
.xcz-list-grid{display:grid;gap:12px}
.xcz-entity{height:100%;border:1px solid rgba(148,163,184,.20);border-radius:16px;background:var(--uiv6-surface);padding:12px;transition:transform var(--uiv6-speed) var(--uiv6-ease);}
html[data-theme="dark"] .xcz-entity{border-color:rgba(148,163,184,.14)}
.xcz-entity:hover{transform:translateY(-1px)}
.xcz-entity-top{display:flex;align-items:center;gap:10px}
.xcz-entity-ico{width:44px;height:44px;border-radius:14px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:rgba(148,163,184,.10);border:1px solid rgba(148,163,184,.18);overflow:hidden;}
.xcz-entity-ico img{max-width:38px;max-height:38px;}
html[data-theme="dark"] .xcz-entity-ico{background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.14)}
.xcz-entity-name{font-weight:900;color:var(--uiv6-text);line-height:1.2}
.xcz-entity-meta{color:var(--uiv6-text-2);font-size:12px;margin-top:2px}
.xcz-entity-bottom{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.xcz-link{color:inherit;text-decoration:none}
.xcz-link:hover{text-decoration:none}
/* ===== NPC 对话块（保留你原来的，可复用） ===== */
 .xcz-dialogue{border:1px solid rgba(148,163,184,.22);border-radius:16px;background:var(--uiv6-surface);overflow:hidden}
html[data-theme="dark"] .xcz-dialogue{border-color:rgba(148,163,184,.16);background:var(--uiv6-surface)}
.xcz-dialogue-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(37,99,235,.03));border-bottom:1px solid rgba(148,163,184,.18)}
html[data-theme="dark"] .xcz-dialogue-head{background:linear-gradient(180deg,rgba(37,99,235,.16),rgba(15,23,42,0));border-bottom-color:rgba(148,163,184,.14)}
.xcz-dialogue-title{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--uiv6-text)}
.xcz-dialogue-title i{color:var(--uiv6-primary)}
.xcz-dialogue-list{padding:10px 12px;display:flex;flex-direction:column;gap:10px}
.xcz-dialogue-row{display:flex;align-items:flex-start;gap:10px}
.xcz-dialogue-tag{flex:0 0 auto;min-width:42px;text-align:center;font-size:12px;font-weight:900;letter-spacing:.2px;color:var(--uiv6-text-2);padding:6px 8px;border-radius:12px;background:rgba(148,163,184,.14);border:1px solid rgba(148,163,184,.18)}
html[data-theme="dark"] .xcz-dialogue-tag{background:rgba(148,163,184,.10);border-color:rgba(148,163,184,.14)}
.xcz-dialogue-bubble{flex:1;min-width:0;line-height:1.55;padding:10px 12px;border-radius:14px;background:rgba(15,23,42,.04);border:1px solid rgba(148,163,184,.20);color:var(--uiv6-text);word-break:break-word}
html[data-theme="dark"] .xcz-dialogue-bubble{background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.14)}
.xcz-dialogue-row.is-player .xcz-dialogue-tag{background:rgba(37,99,235,.10);border-color:rgba(37,99,235,.18);color:var(--uiv6-primary)}
html[data-theme="dark"] .xcz-dialogue-row.is-player .xcz-dialogue-tag{background:rgba(37,99,235,.16);border-color:rgba(37,99,235,.22)}
.xcz-dialogue-row.is-player .xcz-dialogue-bubble{background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.14)}
html[data-theme="dark"] .xcz-dialogue-row.is-player .xcz-dialogue-bubble{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.20)}
/* ===== mapsinfo：KV/Chip 压矮（覆盖版） ===== */
/* 1) 顶部那排 chip 也稍微矮一点 */
.xcz-map-page .xcz-chip{padding:4px 8px;font-size:12px;line-height:1.1;}
/* 2) 关键：xcz-kv 卡片整体压矮 */
.xcz-map-page .xcz-kv{padding:8px 10px;/* 原来 10px 12px，缩小 */
 border-radius:12px;/* 原来 14px，缩小 */
 gap:10px;align-items:center;/* 让左右内容垂直居中，看起来更“紧凑” */
}
/* 3) 左侧标题更紧凑 */

/* 4) 右侧值更紧凑 */
.xcz-map-page .xcz-kv .v{font-size:12px;/* 原 13 */
 line-height:1.2;}
/* 5) xcz_bool_chip 生成的胶囊“是/否/无”也压矮 */
.xcz-map-page .xcz-kv .v .xcz-chip{padding:4px 8px;font-size:12px;line-height:1.1;}
/* 6) 如果 v 里放了按钮（如 NPC 出现区域的“查看”），按钮也压矮 */
.xcz-map-page .xcz-kv .v .btn{padding:3px 10px;font-size:12px;line-height:1.2;border-radius:999px;}
/* 只补一点点：让 NPC 图像更稳（其余尽量复用 items 的 xcz-*） */
 .xcz-npc-img{width:56px;height:56px;object-fit:contain}
.xcz-npc-typepill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.14);color:var(--uiv6-primary);font-size:12px}
html[data-theme="dark"] .xcz-npc-typepill{background:rgba(37,99,235,.14);border-color:rgba(37,99,235,.22)}
/* NPC：图标槽放大（不影响 items 的 xcz-item-icon） */
.xcz-npc-icon{width:96px;/* 原本 56 左右，这里放大 */
 height:96px;flex:0 0 96px;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
/* NPC：图片放大一倍 */
.xcz-npc-icon .xcz-npc-img{object-fit:contain;}
/* 你原来的兜底占位也跟着放大 */
.xcz-npc-icon .xcz-npc-empty{width:96px;height:96px;display:flex;align-items:center;justify-content:center;}
/* ===== NPC 对话块（UIV6 扁平风格） ===== */
.xcz-dialogue{border:1px solid rgba(148,163,184,.22);border-radius:16px;background:var(--uiv6-surface);overflow:hidden}
html[data-theme="dark"] .xcz-dialogue{border-color:rgba(148,163,184,.16);background:var(--uiv6-surface)}
.xcz-dialogue-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:linear-gradient(180deg,rgba(37,99,235,.08),rgba(37,99,235,.03));border-bottom:1px solid rgba(148,163,184,.18)}
html[data-theme="dark"] .xcz-dialogue-head{background:linear-gradient(180deg,rgba(37,99,235,.16),rgba(15,23,42,.0));border-bottom-color:rgba(148,163,184,.14)}
.xcz-dialogue-title{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--uiv6-text)}
.xcz-dialogue-title i{color:var(--uiv6-primary)}
.xcz-dialogue-sub b{color:var(--uiv6-text)}
.xcz-dialogue-list{padding:10px 12px;display:flex;flex-direction:column;gap:10px}
.xcz-dialogue-row{display:flex;align-items:flex-start;gap:10px}
.xcz-dialogue-tag{flex:0 0 auto;min-width:42px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.2px;color:var(--uiv6-text-2);padding:6px 8px;border-radius:12px;background:rgba(148,163,184,.14);border:1px solid rgba(148,163,184,.18)}
html[data-theme="dark"] .xcz-dialogue-tag{background:rgba(148,163,184,.10);border-color:rgba(148,163,184,.14)}
.xcz-dialogue-bubble{flex:1;min-width:0;line-height:1.55;padding:10px 12px;border-radius:14px;background:rgba(15,23,42,.04);border:1px solid rgba(148,163,184,.20);color:var(--uiv6-text);word-break:break-word}
html[data-theme="dark"] .xcz-dialogue-bubble{background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.14)}
/* 另一侧/另一类对白（可选） */
.xcz-dialogue-row.is-player .xcz-dialogue-tag{background:rgba(37,99,235,.10);border-color:rgba(37,99,235,.18);color:var(--uiv6-primary)}
html[data-theme="dark"] .xcz-dialogue-row.is-player .xcz-dialogue-tag{background:rgba(37,99,235,.16);border-color:rgba(37,99,235,.22)}
.xcz-dialogue-row.is-player .xcz-dialogue-bubble{background:rgba(37,99,235,.06);border-color:rgba(37,99,235,.14)}
html[data-theme="dark"] .xcz-dialogue-row.is-player .xcz-dialogue-bubble{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.20)}
/* ========================= Page backdrop (提升卡片分离度) ========================= */
 html[data-theme="dark"] .xcz-quest-pagebg{background:radial-gradient(1200px 520px at 30% -10%,rgba(37,99,235,.16),transparent 55%),linear-gradient(180deg,rgba(30,41,59,.42),rgba(2,6,23,.18));border-color:rgba(148,163,184,.14);}
/* ========================= Card — 高识别度（扁平但清晰） ========================= */
 .xcz-quest-card{position:relative;border:1px solid rgba(148,163,184,.28);/* 更清晰边线 */
 border-radius:18px;background:rgba(255,255,255,.82);overflow:hidden;box-shadow:0 1px 0 rgba(15,23,42,.05),0 10px 22px rgba(15,23,42,.06);/* 轻薄双层，不厚重 */
 transition:transform .16s var(--uiv6-ease),border-color .16s var(--uiv6-ease),box-shadow .16s var(--uiv6-ease);}
html[data-theme="dark"] .xcz-quest-card{background:rgba(15,23,42,.48);border-color:rgba(148,163,184,.18);box-shadow:0 1px 0 rgba(255,255,255,.04),0 18px 34px rgba(0,0,0,.30);}
.xcz-quest-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.40);box-shadow:0 1px 0 rgba(15,23,42,.05),0 18px 32px rgba(15,23,42,.10);}
html[data-theme="dark"] .xcz-quest-card:hover{border-color:rgba(37,99,235,.35);box-shadow:0 1px 0 rgba(255,255,255,.05),0 24px 44px rgba(0,0,0,.38);}
/* 左侧主题色细条：最强“分离/识别”手段之一 */
 .xcz-quest-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,rgba(37,99,235,.70),rgba(37,99,235,.18));}
html[data-theme="dark"] .xcz-quest-card:before{background:linear-gradient(180deg,rgba(37,99,235,.78),rgba(37,99,235,.26));}
/* Header */
 .xcz-quest-card-hd{padding:12px 12px 10px 14px;background:linear-gradient(180deg,rgba(37,99,235,.06),rgba(255,255,255,0));border-bottom:1px dashed rgba(148,163,184,.28);/* 分隔更明显 */
}
html[data-theme="dark"] .xcz-quest-card-hd{background:linear-gradient(180deg,rgba(37,99,235,.12),rgba(2,6,23,0));border-bottom-color:rgba(148,163,184,.16);}
.xcz-qhead-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.xcz-qtitle{font-size:16px;line-height:1.25;color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px;padding-right:4px;}
.xcz-qtitle:hover{text-decoration:underline;}
.xcz-qsub{margin-top:4px;font-size:12px;opacity:.75;display:flex;gap:6px;flex-wrap:wrap;}
/* ID pill 更显眼 */
 .xcz-idpill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:rgba(15,23,42,.06);border:1px solid rgba(148,163,184,.26);font-weight:900;font-size:12px;white-space:nowrap;}
html[data-theme="dark"] .xcz-idpill{background:rgba(226,232,240,.08);border-color:rgba(148,163,184,.16);color:rgba(226,232,240,.92);}
/* meta chips */
 .xcz-qmeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;}
.xcz-qchip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.70);font-size:12px;white-space:nowrap;}
.xcz-qchip i{opacity:.85}
html[data-theme="dark"] .xcz-qchip{border-color:rgba(148,163,184,.14);background:rgba(15,23,42,.35);}
/* Body */
 .xcz-quest-card-bd{padding:12px 12px 10px 14px;}
/* reward panel：二级面板，让信息块更独立 */
 .xcz-reward-box{border:1px solid rgba(148,163,184,.20);border-radius:14px;background:rgba(248,250,252,.78);padding:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.90);}
html[data-theme="dark"] .xcz-reward-box{border-color:rgba(148,163,184,.14);background:rgba(2,6,23,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.xcz-reward-row{display:flex;align-items:flex-start;gap:8px;margin:4px 0;flex-wrap:wrap;}
.xcz-reward-k{min-width:44px;opacity:.70;font-size:12px;}
.xcz-reward-v{font-size:12px;opacity:.92;}
.xcz-reward-link{text-decoration:none;font-weight:900;}
.xcz-reward-link:hover{text-decoration:underline;}
.xcz-morehint{margin-top:8px;font-size:12px;opacity:.72;}
/* Footer：更清楚的分区（但不厚重） */
 .xcz-quest-card-ft{padding:10px 12px 12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.55);}
html[data-theme="dark"] .xcz-quest-card-ft{border-top-color:rgba(148,163,184,.12);background:rgba(2,6,23,.16);}
.xcz-qbtn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.90);font-size:12px;font-weight:900;color:inherit;text-decoration:none;box-shadow:0 10px 18px rgba(15,23,42,.06);white-space:nowrap;transition:transform .16s var(--uiv6-ease),border-color .16s var(--uiv6-ease),box-shadow .16s var(--uiv6-ease);}
.xcz-qbtn:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.30);box-shadow:0 14px 24px rgba(15,23,42,.10);}
html[data-theme="dark"] .xcz-qbtn{background:rgba(15,23,42,.35);border-color:rgba(148,163,184,.14);box-shadow:none;}
/* 让卡片之间“断开感”更强：加大 gap（关键） */
 .xcz-quest-grid{gap:16px;}
@media (min-width:1200px){.xcz-quest-grid{gap:18px;}
}
@media (min-width:1536px){.xcz-quest-grid{gap:20px;}
}
/* tipread 链接在 chip 里保持一致 */
 .xcz-qchip a{color:inherit;text-decoration:none;font-weight:900;}
.xcz-qchip a:hover{text-decoration:underline;}
/* ✅ 卡片整体：纵向布局 */
.xcz-quest-card{display:flex;flex-direction:column;}
/* ✅ 中间内容区：自动撑满剩余空间 */
.xcz-quest-card-bd{flex:1 1 auto;}
/* ✅ 底部栏：始终贴底 */
.xcz-quest-card-ft{margin-top:auto;}
.xcz-reward-box{min-height:130px;/* 你可调：110~160 */
}
/* ✅ 奖励内容区：统一视觉高度（内容少也补齐） */
.xcz-reward-box{min-height:140px;/* 你可以调：120~180 */
 height:100%;display:flex;flex-direction:column;justify-content:flex-start;}
/* 可选：奖励列表行距更舒服一点 */
.xcz-reward-box .xcz-reward-line{margin:2px 0;}
/* ===== QuestInfo UIV6：尽量复用你 iteminfo 的语言（弱边框 + 扁平） ===== */
 .xcz-questinfo-page .xcz-subline{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.xcz-questinfo-page .xcz-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.08);font-size:12px;line-height:1}
html[data-theme="light"] .xcz-questinfo-page .xcz-chip{background:rgba(255,255,255,.10)}
.xcz-questinfo-page .xcz-chip-primary{border-color:rgba(37,99,235,.35);background:rgba(37,99,235,.18)}
.xcz-questinfo-page .xcz-cardhead{border-bottom:1px solid rgba(255,255,255,.08)}
.xcz-questinfo-page .xcz-cardhead.bg-dark{background:linear-gradient(180deg,#0b1220,#0b1220)}
.xcz-questinfo-page .xcz-itemicon img{width:44px;height:44px;object-fit:cover;border-radius:14px;background:#fff}
.xcz-questinfo-page .xcz-kvlist{padding:12px}
.xcz-questinfo-page .xcz-kvrow{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(148,163,184,.18)}
.xcz-questinfo-page .xcz-kvrow:first-child{border-top:0;padding-top:0}
.xcz-questinfo-page .xcz-k{color:var(--uiv6-text-2);font-size:13px;min-width:84px}
.xcz-questinfo-page .xcz-v{flex:1;text-align:right;color:var(--uiv6-text);font-size:14px;line-height:1.5}
.xcz-questinfo-page .xcz-v a{color:inherit;text-decoration:none}
.xcz-questinfo-page .xcz-v a:hover{color:var(--uiv6-primary);text-decoration:underline}
.xcz-questinfo-page .xcz-miniitem{border:1px solid rgba(148,163,184,.22);border-radius:16px;background:rgba(255,255,255,.75);}
html[data-theme="dark"] .xcz-questinfo-page .xcz-miniitem{background:rgba(15,23,42,.25);border-color:rgba(148,163,184,.18)}
.xcz-questinfo-page .xcz-floatchip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(148,163,184,.22);background:rgba(148,163,184,.08);color:var(--uiv6-text)}
.xcz-questinfo-page .xcz-floatchip.is-good{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.12)}
.xcz-questinfo-page .xcz-dialog{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(148,163,184,.18)}
.xcz-questinfo-page .xcz-dialog:first-child{border-top:0;padding-top:0}
.xcz-questinfo-page .xcz-dialog-lv{min-width:42px;text-align:center;font-weight:900;font-size:12px;padding:6px 0;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:rgba(148,163,184,.08);color:var(--uiv6-text)}
.xcz-questinfo-page .xcz-dialog-bubble{flex:1;border:1px solid rgba(148,163,184,.22);border-radius:16px;padding:10px 12px;background:rgba(255,255,255,.75);line-height:1.65}
html[data-theme="dark"] .xcz-questinfo-page .xcz-dialog-bubble{background:rgba(15,23,42,.25);border-color:rgba(148,163,184,.18)}
.xcz-questinfo-page .xcz-idcopy{display:inline-flex;align-items:center;gap:6px;margin-left:6px;cursor:pointer;}
/* ===== UIV6 items select：简洁/小巧/少边线/不加粗 ===== */
.xcz-items-select{border-radius:16px;overflow:hidden;}
/* 顶部：更矮、更轻 */
.xcz-items-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;background:linear-gradient(180deg,rgba(37,99,235,.06),rgba(37,99,235,.015));border-bottom:1px solid rgba(148,163,184,.12);}
html[data-theme="dark"] .xcz-items-head{background:linear-gradient(180deg,rgba(37,99,235,.16),rgba(15,23,42,.18));border-bottom:1px solid rgba(148,163,184,.12);}
/* 取消加粗：中文更舒服 */
.xcz-items-title,.xcz-items-title *{font-weight:400 !important;}
.xcz-items-title{display:flex;align-items:center;gap:10px;}
.xcz-items-title .ico{width:30px;height:30px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.65);}
html[data-theme="dark"] .xcz-items-title .ico{background:rgba(15,23,42,.35);}
.xcz-items-actions{display:flex;align-items:center;gap:8px;}
.xcz-items-actions .btn{padding:.22rem .55rem;border-radius:999px;}
.xcz-items-toggle{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.55);}
html[data-theme="dark"] .xcz-items-toggle{background:rgba(15,23,42,.25);border-color:rgba(148,163,184,.12);}
.xcz-items-toggle:hover{border-color:rgba(249,115,22,.35);}
.xcz-items-body{padding:10px 12px;}
/* 分组：靠分隔线+留白（无大边框卡片） */
.xcz-items-group{padding:10px 0;}
.xcz-items-group + .xcz-items-group{border-top:1px solid rgba(148,163,184,.12);}
html[data-theme="dark"] .xcz-items-group + .xcz-items-group{border-top-color:rgba(148,163,184,.10);}
/* ✅ 单行：标题 + chips + 展开 */
.xcz-items-row{display:flex;align-items:center;gap:10px;}
/* 左侧标题：加轻背景，让它和 chip 视觉一致 */
.xcz-items-label{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:400 !important;font-size:14px;/* ✅ 新增：轻背景 + 轻内边距 */
 padding:2px 10px;border-radius:999px;background:rgba(37,99,235,.08);color:rgba(30,41,59,.80);}
html[data-theme="dark"] .xcz-items-label{background:rgba(148,163,184,.10);color:rgba(226,232,240,.88);}
/* dot 也收敛一点（更细腻） */
.xcz-items-label .dot{width:6px;height:6px;border-radius:999px;display:inline-block;background:rgba(249,115,22,.85);opacity:.95;}
/* 中间 chips 占满 */
.xcz-chipwrap{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:6px 8px;}
/* chip：更小、默认无边框，靠背景区分 */
.xcz-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;border:0;background:rgba(148,163,184,.14);color:rgba(30,41,59,.92);font-size:14px;font-weight:400 !important;transition:background .12s ease,transform .12s ease;text-decoration:none;}
html[data-theme="dark"] .xcz-chip{background:rgba(148,163,184,.12);color:rgba(226,232,240,.92);}
.xcz-chip:hover{background:rgba(249,115,22,.16);transform:translateY(-1px);}
.xcz-chip.is-active{background:rgba(37,99,235,.18);color:rgba(30,58,138,.95);}
html[data-theme="dark"] .xcz-chip.is-active{background:rgba(37,99,235,.25);color:rgba(219,234,254,.95);}
/* clamp：默认一行（手机两行），省高度 */
.xcz-chipwrap.is-clamp{max-height:30px;overflow:hidden;}
/* “展开/收起”：小字链接，不抢眼 */
.xcz-items-gmore{flex:0 0 auto;white-space:nowrap;padding:0;border:0;background:transparent;font-size:12px;font-weight:400 !important;color:rgba(37,99,235,.85);text-decoration:none;}
html[data-theme="dark"] .xcz-items-gmore{color:rgba(147,197,253,.9);}
.xcz-items-gmore:hover{color:rgba(249,115,22,.9);text-decoration:underline;}
/* 手机：自动换行（标题/展开同排，chips 下一排） */
@media (max-width:576px){.xcz-items-row{flex-wrap:wrap;gap:8px 10px;}
.xcz-items-label{order:0;}
.xcz-items-gmore{order:1;margin-left:auto;}
.xcz-chipwrap{order:2;width:100%;}
.xcz-chipwrap.is-clamp{max-height:62px;}
}
/* 让“展开/收起”永远贴顶部，不随左侧高度居中 */
.xcz-items-select .xcz-items-row{align-items:flex-start !important;}
.xcz-items-select .xcz-items-gmore{align-self:flex-start !important;margin-top:2px;/* 可选：微调贴齐 label 的高度 */
}