*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg,#f7f7f5);color:var(--fg,#222);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;line-height:1.5}
.wrap{max-width:480px;margin:0 auto;padding:28px 16px 40px}
.prof{text-align:center;margin-bottom:18px}.avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,0,0,.06);background:#fff}
.prof h1{font-size:18px;margin:10px 0 4px}.bio{font-size:13px;opacity:.75;margin:0}
.search{position:sticky;top:8px;z-index:5;margin:0 0 16px}
.search input{width:100%;font-size:16px;padding:12px 18px;border-radius:9999px;border:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06);outline:none;color:inherit}
.search input:focus{border-color:var(--accent)}
.links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.item a{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;background:#fff;border-radius:var(--card-r);box-shadow:0 1px 3px rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s}
.item a:active{transform:scale(.99)}.item a:hover{box-shadow:0 6px 16px rgba(0,0,0,.10)}
.item img{width:64px;height:64px;flex:none;object-fit:cover;border-radius:var(--thumb-r);background:#eee}
.item .t{flex:1;font-size:14px;font-weight:600;min-width:0}
.item .tag{display:block;font-size:11px;font-weight:500;opacity:.6}
.chev{opacity:.4;font-size:20px}
.banner a{flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border-radius:12px}
.banner img{width:100%;height:auto;border-radius:0}.banner .t{padding:10px 14px;text-align:center}
.none{text-align:center;opacity:.6}
.foot{margin-top:32px;text-align:center;font-size:11px;opacity:.6}.foot a{color:inherit}
.doc{background:#fff;border-radius:12px;padding:20px;font-size:14px}.doc h2{font-size:15px;margin-top:22px}