.home-layout{display:grid;grid-template-columns:256px minmax(0,1fr);gap:26px;align-items:start}.home-side{display:grid;gap:18px;position:sticky;top:84px}.side-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);padding:24px 20px 20px;box-shadow:var(--shadow-1)}.author-card{text-align:center}.side-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-border)}.side-name{font-size:1.18rem;margin:12px 0 6px;display:flex;align-items:center;justify-content:center;gap:8px}.side-name .face-tag{font-size:.72rem;font-weight:600;color:var(--accent-deep);background:var(--accent-soft);border-radius:6px;padding:2px 8px;letter-spacing:.04em}.side-bio{color:var(--text-2);font-size:.86rem;line-height:1.65;margin:0 0 14px}.side-stats{display:flex;justify-content:center;gap:28px;padding:12px 0 16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:16px}.side-stats b{display:block;font-size:1.18rem;color:var(--text-1);font-variant-numeric:tabular-nums}.side-stats span{font-size:.76rem;color:var(--text-3)}.follow-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:var(--radius-m);background:var(--accent-deep);color:#fff;font-weight:600;font-size:.92rem;transition:filter var(--t-fast),transform var(--t-fast)}.follow-btn svg{width:17px;height:17px}.follow-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.side-social{display:flex;justify-content:center;gap:10px;margin-top:14px}.side-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:var(--text-2);border:1px solid var(--border);background:var(--bg);transition:color var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}.side-social a:hover{color:var(--accent-deep);border-color:var(--accent-border);transform:translateY(-2px)}.side-social svg{width:16px;height:16px}.site-info .side-title{display:flex;align-items:center;gap:8px;font-size:.98rem;margin:0 0 14px;color:var(--text-1)}.site-info .side-title svg{width:17px;height:17px;color:var(--accent-deep)}.site-info-list{margin:0}.site-info-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0}.site-info-list>div+div{border-top:1px dashed var(--border)}.site-info-list dt{color:var(--text-2);font-size:.86rem;flex:none}.site-info-list dd{margin:0;color:var(--text-1);font-size:.88rem;font-weight:600;font-variant-numeric:tabular-nums}.home-page{max-width:1120px}.home-main{position:relative}.home-frame{position:relative;max-width:var(--home-w, 100%);margin:0 auto;padding:20px 24px 24px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-m)}.home-frame .section-title,.home-frame .notice{margin-bottom:14px}.home-frame .pager{margin-top:18px}@media(max-width:860px){.home-frame{padding:16px 16px 18px}}@media(max-width:960px){.home-layout{grid-template-columns:1fr}.home-side{position:static}.author-card{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:16px;text-align:left;align-items:start}.author-card .side-avatar{grid-column:1;grid-row:1 / 5;align-self:start}.author-card .side-name,.author-card .side-bio,.author-card .side-stats,.author-card .follow-btn,.author-card .side-social{grid-column:2}.author-card .side-name{justify-content:flex-start}.side-stats{justify-content:flex-start;margin-bottom:12px}.side-social{justify-content:flex-start;margin-top:12px}}body[data-face=uu]{--face-bg-img: url(/assets/bg/bg-uu.jpg)}body[data-face=mixt]{--face-bg-img: url(/assets/bg/bg-mixt.jpg)}.page-bg-clip{position:fixed;inset:0;z-index:-2;overflow:clip;pointer-events:none;opacity:0;transition:opacity .4s ease}.page-bg{position:absolute;inset:0;background-image:var(--face-bg-img);background-size:cover;background-position:center;filter:blur(26px) saturate(1.05) brightness(1.24);transform:scale(1.12)}.page-veil{position:absolute;inset:0;z-index:1;pointer-events:none}body.has-hero .page-bg-clip{opacity:1}html[data-mode=dark] .page-veil{background:#0d121dbd}body.has-hero{background:transparent}body.has-hero .section-title,body.has-hero .pager a,body.has-hero .pager span{color:var(--on-bg-2)}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:#fff}.hero-bg{position:absolute;inset:0;background-image:var(--face-bg-img);background-size:cover;background-position:center;filter:brightness(1.24) saturate(1.05)}.hero-veil{position:absolute;inset:0;background:linear-gradient(180deg,#080a1247,#080a124d 45%,#080a128c)}.hero-inner{position:relative;z-index:1;padding:0 24px}.hero-inner img{width:96px;height:96px;border-radius:50%;border:3px solid rgba(255,255,255,.85);box-shadow:0 8px 32px #00000073}.hero-title{margin:18px 0 8px;font-size:3rem;letter-spacing:.04em;text-shadow:0 2px 18px rgba(0,0,0,.55)}.hero-tag{display:inline-block;margin-left:12px;padding:3px 12px;vertical-align:middle;font-size:.85rem;font-weight:500;letter-spacing:.14em;border:1px solid rgba(255,255,255,.65);border-radius:999px}.hero-tagline{margin:0;font-size:1.05rem;color:#ffffffeb;text-shadow:0 1px 10px rgba(0,0,0,.5)}.hero-scroll{position:absolute;left:50%;bottom:34px;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;color:#ffffffe6;text-decoration:none;font-size:.82rem;letter-spacing:.22em}.hero-scroll:hover{color:#fff}.hero-scroll svg{width:22px;height:22px;animation:hero-cue 1.8s ease-in-out infinite}@keyframes hero-cue{0%,to{transform:translateY(0);opacity:.65}50%{transform:translateY(7px);opacity:1}}body[data-face=shared]{--entry-bg-img: url(/assets/bg/bg-entry.jpg);--entry-link: var(--on-bg-2)}.entry-bg,.entry-veil{position:fixed;inset:0;pointer-events:none;display:none}.entry-bg{z-index:-2;background-image:var(--entry-bg-img);background-size:cover;background-position:center;filter:brightness(1.15)}.entry-veil{z-index:-1;background:#f5f6f88c}html[data-mode=dark] .entry-veil{background:#0d121da8}body.entry-has-bg .entry-sub,body.entry-has-bg .entry-hint{color:var(--text-1)}body.entry-has-bg .entry-links{color:var(--entry-link)}body.entry-has-bg .entry-links a:hover{color:var(--accent-deep)}body.entry-has-bg{background:transparent}body.entry-has-bg .entry-bg,body.entry-has-bg .entry-veil{display:block}.pet{position:fixed;left:16px;bottom:14px;width:64px;border:none;background:transparent;cursor:grab;z-index:860;padding:0;animation:pet-bob 3.8s ease-in-out infinite;transition:transform var(--t-fast);touch-action:none}.pet:hover{transform:scale(1.06)}.pet.is-dragging{animation:none;cursor:grabbing;z-index:900;transition:none}.pet.is-dragging:hover{transform:none}.pet img{display:block;width:64px;height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 10px rgba(0,0,0,.18))}.pet.is-active{animation-play-state:paused;transform:scale(1.06)}@keyframes pet-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.pet img{transform-origin:50% 100%}.pet.is-dragging img{animation:pet-dangle 1.1s ease-in-out infinite}.pet img.is-wiggle{animation:pet-wiggle .9s ease-in-out}.pet img.is-hop{animation:pet-hop .85s cubic-bezier(.28,.84,.42,1)}.pet img.is-look{animation:pet-look 1.2s ease-in-out}.pet img.is-flip{animation:pet-flip 1.2s ease-in-out}.pet img.is-nod{animation:pet-nod .55s ease-in-out 2}.pet img.is-land{animation:pet-land .5s ease-out}@keyframes pet-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}60%{transform:rotate(5deg)}}@keyframes pet-hop{0%,to{transform:translateY(0) scaleY(1)}18%{transform:translateY(0) scaleY(.9)}45%{transform:translateY(-14px) scaleY(1.05)}70%{transform:translateY(0) scaleY(.94)}86%{transform:translateY(-4px) scaleY(1.02)}}@keyframes pet-look{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-7px) rotate(-4deg)}55%{transform:translate(7px) rotate(4deg)}}@keyframes pet-flip{0%,to{transform:scaleX(1)}40%,60%{transform:scaleX(-1)}}@keyframes pet-nod{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(3px) rotate(3deg)}}@keyframes pet-dangle{0%,to{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}@keyframes pet-land{0%{transform:scaleY(.9)}55%{transform:scaleY(1.06) scaleX(.97)}to{transform:scaleY(1)}}.pet.is-strolling{transition:left 2.4s ease-in-out,top 2.4s ease-in-out}.pet.is-strolling img{animation:pet-walk .34s ease-in-out infinite}.pet.is-strolling img.is-flipped{animation:pet-walk-flipped .34s ease-in-out infinite}@keyframes pet-walk{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pet-walk-flipped{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-4px)}}@media(prefers-reduced-motion:reduce){.pet{animation:none}.pet img,.pet.is-dragging img{animation:none!important}.pet.is-strolling{transition:none}}.pet-hint{position:absolute;left:72px;top:2px;white-space:nowrap;padding:6px 11px;font-size:.78rem;color:var(--text-1);background:var(--surface);border:1px solid var(--border-strong);border-radius:999px 999px 999px 4px;box-shadow:var(--shadow-1);opacity:0;transform:translate(-6px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.pet-hint.is-visible{opacity:1;transform:translate(0)}.pet-hint--left{left:auto;right:72px;transform:translate(6px);border-radius:999px 999px 4px}.pet-hint--left.is-visible{transform:translate(0)}.pet-drawer[hidden]{display:none}.pet-drawer{position:fixed;left:14px;bottom:104px;width:min(344px,calc(100vw - 28px));background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow-2);z-index:860;overflow:hidden;display:flex;flex-direction:column}.pet-drawer-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--bg-soft);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.pet-drawer.is-drawer-drag .pet-drawer-head{cursor:grabbing}.pet-drawer.is-drawer-drag{box-shadow:0 18px 42px #00000042}.pet-drawer-head img{image-rendering:pixelated}.pet-drawer-who{flex:1}.pet-drawer-who b{display:block;font-size:.9rem}.pet-drawer-who span{font-size:.72rem;color:var(--text-3)}.pet-clear,.pet-close{border:none;background:transparent;color:var(--text-3);font-size:.95rem;cursor:pointer;padding:4px 8px;border-radius:8px}.pet-clear{font-size:.85rem}.pet-clear:hover,.pet-close:hover{color:var(--text-1);background:var(--bg-soft)}.pet-log{padding:14px 14px 6px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.pet-msg{max-width:86%;padding:9px 12px;border-radius:14px;font-size:.86rem;line-height:1.65;white-space:pre-line}.pet-msg--pet{align-self:flex-start;background:var(--bg-soft);border:1px solid var(--border);color:var(--text-1);border-bottom-left-radius:4px}.pet-msg--me{align-self:flex-end;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--text-1);border-bottom-right-radius:4px}.pet-msg a{color:var(--accent-deep);font-weight:600}.pet-msg .pet-note{display:block;margin-top:6px;font-size:.76rem;color:var(--text-3)}.pet-typing{letter-spacing:3px;color:var(--text-3)}.pet-typer:after{content:"▌";margin-left:2px;color:var(--accent-deep);animation:pet-caret .9s steps(2) infinite}@keyframes pet-caret{50%{opacity:0}}.pet-via{display:block;margin-top:6px;font-size:.66rem;color:var(--text-3);text-align:right;user-select:none;-webkit-user-select:none}.pet-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px 0}.pet-chips button{font:inherit;font-size:.74rem;padding:4px 10px;border-radius:999px;border:1px solid var(--border-strong);background:transparent;color:var(--text-2);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.pet-chips button:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-deep)}.pet-input{display:flex;gap:8px;padding:10px 14px 12px}.pet-input input{flex:1;font:inherit;font-size:.86rem;padding:9px 12px;color:var(--text-1);background:var(--bg);border:1px solid var(--border-strong);border-radius:10px}.pet-input input:focus{outline:2px solid var(--accent-border);outline-offset:1px}.pet-input button{font:inherit;font-size:.82rem;font-weight:600;padding:0 14px;border:none;border-radius:10px;background:var(--accent-deep);color:#fff;cursor:pointer}.pet-input button:hover{filter:brightness(1.1)}.pet-scope{margin:0;padding:0 14px 12px;font-size:.7rem;color:var(--text-3)}@media(max-width:560px){.pet-drawer{left:8px;right:8px;width:auto;bottom:96px}.pet-log{max-height:240px}}