/* 966SEO 用户主页：资料卡 / 动态列表（依赖 site.css token） */
.mid{max-width:1100px;margin:0 auto}

/* 用户头卡 */
.u-hero{margin-top:16px;border-radius:24px;overflow:hidden;position:relative;padding:0}
.u-bg{height:132px;position:relative;overflow:hidden;
  background:
    radial-gradient(ellipse 60% 120% at 14% 0%,color-mix(in srgb,var(--a1) 66%,#fff),transparent 62%),
    radial-gradient(ellipse 56% 120% at 86% 10%,color-mix(in srgb,var(--a2) 54%,#fff),transparent 64%),
    linear-gradient(120deg,color-mix(in srgb,var(--a1) 34%,#fff),color-mix(in srgb,var(--a2) 30%,#fff) 60%,color-mix(in srgb,var(--a3) 34%,#fff))}
[data-theme=dark] .u-bg{background:
    radial-gradient(ellipse 60% 120% at 14% 0%,color-mix(in srgb,var(--a1) 34%,#05070c),transparent 62%),
    radial-gradient(ellipse 56% 120% at 86% 10%,color-mix(in srgb,var(--a2) 30%,#05070c),transparent 64%),
    linear-gradient(120deg,color-mix(in srgb,var(--a1) 22%,#05070c),color-mix(in srgb,var(--a2) 20%,#05070c) 60%,color-mix(in srgb,var(--a3) 22%,#05070c))}
.u-bg::after{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(78deg,rgba(255,255,255,.14) 0 1px,transparent 1px 30px)}
.u-body{padding:0 30px 22px;display:flex;align-items:flex-end;gap:20px;margin-top:-38px;position:relative;flex-wrap:wrap}
.u-av{width:92px;height:92px;border-radius:26px;display:grid;place-items:center;font-size:30px;font-weight:900;
  color:#080b14;background:linear-gradient(135deg,var(--a1),var(--a2));flex:none;
  box-shadow:0 0 0 5px var(--panel),0 12px 30px -12px rgba(8,11,20,.4)}
[data-theme=dark] .u-av{box-shadow:0 0 0 5px var(--panel),0 12px 30px -12px rgba(0,0,0,.9)}
.u-in{flex:1;min-width:260px;padding-bottom:2px}
.u-in h1{font-size:26px;font-weight:900;letter-spacing:-.015em;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.u-in .bio{font-size:12.8px;color:var(--fg2);line-height:1.7;margin-top:7px;max-width:64ch}
.u-m{display:flex;align-items:center;gap:9px;margin-top:11px;flex-wrap:wrap;font-family:var(--mono);font-size:9.5px;color:var(--fg3)}
.u-m b{color:var(--fg2);font-weight:750}
.u-m .dot{width:3px;height:3px;border-radius:50%;background:var(--line2)}
.u-act{display:flex;gap:8px;padding-bottom:4px}

/* Tab */
.tabs{display:flex;align-items:center;gap:4px;margin-top:22px;border-bottom:1px solid var(--line2);padding:0 2px}
.tabs a{position:relative;padding:11px 14px;font-size:12.8px;font-weight:700;color:var(--fg3);transition:.18s}
.tabs a:hover{color:var(--fg2)}
.tabs a.on{color:var(--fg)}
.tabs a.on::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--accent)}
.tabs em{font-style:normal;font-family:var(--mono);font-size:9px;color:var(--fg3);margin-left:5px}
.tabs .sp{flex:1}

/* 列表 */
.ul{margin-top:6px}
.ul a{display:grid;grid-template-columns:1fr auto;gap:16px;padding:18px 4px;border-bottom:1px solid var(--line);transition:.18s}
.ul a:hover{background:color-mix(in srgb,var(--accent) 3.5%,transparent)}
.ul h3{font-size:15.6px;font-weight:780;line-height:1.45;letter-spacing:-.01em}
.ul a:hover h3{color:var(--accent)}
.ul p{font-size:12.6px;color:var(--fg2);line-height:1.7;margin-top:6px;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:82ch}
.ul .m{display:flex;align-items:center;gap:9px;margin-top:9px;font-family:var(--mono);font-size:9px;color:var(--fg3)}
.ul .m .dot{width:3px;height:3px;border-radius:50%;background:var(--line2)}
.ul .m b{color:var(--fg2);font-weight:750}
.ul .r{text-align:right;font-family:var(--mono);font-size:9px;color:var(--fg3);white-space:nowrap;padding-top:3px}
.ul .r b{display:block;font-size:13px;color:var(--fg);font-weight:800}