*{box-sizing:border-box}:root{--bg-1:#fdfdfe;--bg-2:#f6f8fb;--bg-3:#eef2f7;--panel:#ffffffc2;--panel-strong:#ffffffe6;--line:#0f172a0f;--text:#111827;--sub:#667085;--dim:#98a2b3;--accent:#2563eb}html,body{min-height:100%;font-family:var(--font-mplus2), system-ui, sans-serif;color:var(--text);background:radial-gradient(circle at top left, #fffffffa 0%, #fff0 26%), radial-gradient(circle at top right, #bfdbfe1f 0%, #bfdbfe00 18%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 48%, var(--bg-3) 100%);margin:0;padding:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block}.shell{max-width:720px;margin:0 auto;padding:32px 18px 64px}.heroPanel,.panel{background:linear-gradient(180deg, var(--panel-strong) 0%, var(--panel) 100%);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(145%);border-radius:20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd1,0 18px 36px #0f172a0f,0 4px 12px #0f172a0a}.heroPanel:before,.panel:before{content:"";pointer-events:none;background:linear-gradient(#ffffff75 0%,#ffffff1a 28%,#fff0 72%);position:absolute;inset:0}.heroPanel{align-items:center;gap:16px;margin-bottom:14px;padding:18px;display:flex}.avatar{object-fit:cover;border:1px solid #ffffffe0;border-radius:18px;width:72px;height:72px;box-shadow:0 12px 28px #0f172a14,0 4px 10px #0f172a0d}.heroText h1{font-family:var(--font-mplus2), system-ui, sans-serif;letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,2.9rem);font-weight:800;line-height:1}.role{color:var(--sub);margin:8px 0 0;font-size:.94rem;font-weight:700}.panel{padding:14px}.segmented{background:#ffffff9e;border:1px solid #0f172a0d;border-radius:13px;gap:6px;margin-bottom:14px;padding:4px;display:inline-flex}.seg{color:var(--sub);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 14px;font-weight:800;transition:background .18s,color .18s,box-shadow .18s}.seg:hover{color:var(--text)}.seg.active{color:var(--text);background:#fffffffa;box-shadow:inset 0 1px #ffffffe0,0 4px 12px #0f172a0d}.content{animation:.22s fadeSlide}.list{gap:10px;display:grid}.item{background:#ffffff9e;border:1px solid #0f172a0d;border-radius:14px;justify-content:space-between;align-items:center;min-height:60px;padding:0 14px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.item:hover{background:#ffffffd1;border-color:#2563eb24;transform:translateY(-1px);box-shadow:0 8px 18px #0f172a0d}.itemLeft{align-items:center;gap:10px;display:flex}.favicon{border-radius:999px;width:18px;height:18px}.itemTitle{letter-spacing:-.01em;font-size:.95rem;font-weight:800}.itemMeta{color:var(--dim);font-size:.82rem;font-weight:700}.aboutPanel{gap:10px;padding:8px 2px 2px;display:grid}.aboutPanel p{max-width:560px;color:var(--sub);margin:0;font-size:.95rem;font-weight:700;line-height:1.9}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.shell{padding:24px 14px 48px}.heroPanel{padding:14px}.avatar{border-radius:16px;width:60px;height:60px}.heroText h1{font-size:1.8rem}.role{font-size:.88rem}.seg{padding:8px 12px}.item{min-height:56px}.itemMeta{display:none}}