.hello{display:flex;align-items:center;gap:18px;padding:40px 0 30px}.hello .av{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--blue),var(--teal));box-shadow:var(--shadow)}.hello .av img{height:30px;width:26px;object-fit:cover;object-position:left;filter:brightness(0) invert(1)}.hello>div:last-child{min-width:0}.hello h1{font-size:30px;line-height:1.3;font-weight:800;letter-spacing:-.01em}.hello p{color:var(--ink-2);font-size:16px;margin-top:4px;text-wrap:pretty}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.chip{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:500 14px var(--sans);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.chip:hover{border-color:var(--blue);color:var(--blue)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.chip .n{font-size:12px;opacity:.65}.posts{display:grid;gap:16px}.post{display:grid;grid-template-columns:268px minmax(0,1fr);gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;transition:border-color .15s,box-shadow .15s}.post:hover{border-color:#c9d8ee;box-shadow:var(--shadow)}.post .thumb{align-self:start}.post .thumb img{display:block;width:100%;height:auto;aspect-ratio:900/383;object-fit:cover;border-radius:10px;background:var(--line-2)}.pbody{min-width:0;display:flex;flex-direction:column;padding:2px 6px 2px 0}.tags{display:flex;gap:6px;flex-wrap:wrap}.post h3{font-size:18px;line-height:1.45;font-weight:800;margin:8px 0 6px}.post h3 a{color:var(--ink)}.post h3 a:hover{color:var(--blue)}.post p{font-size:14px;line-height:1.7;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post time{margin-top:auto;padding-top:8px;font-size:13px;color:var(--muted)}.post.lead{grid-template-columns:1fr;padding:0;overflow:hidden}.post.lead .thumb img{border-radius:0}.post.lead .pbody{padding:18px 22px 20px}.post.lead h3{font-size:24px;line-height:1.35}.post.lead p{-webkit-line-clamp:3;font-size:15px}.more{display:flex;justify-content:center;margin-top:22px}.more a{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 18px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:14px;font-weight:600}.more a:hover{border-color:var(--blue);color:var(--blue)}.more button{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 22px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 14px var(--sans);cursor:pointer}.more button:hover{border-color:var(--blue);color:var(--blue)}.more button .n{font-size:12px;font-weight:500;color:var(--muted)}.more[hidden]{display:none}.about p{font-size:14px;color:var(--ink-2);line-height:1.7}.about dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:13px}.about dt{color:var(--muted)}.about dd{color:var(--ink);font-weight:600}.qrs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qrs figure{margin:0;text-align:center}.qrs .box{display:grid;place-items:center;width:112px;height:112px;margin:0 auto;border-radius:10px;background:#fff;object-fit:contain}.qrs div.box{border:1.5px dashed #C9D3E0;font-size:11px;line-height:1.4;color:var(--muted);background:var(--bg)}.qrs figcaption{margin-top:6px;font-size:12px;color:var(--muted);line-height:1.5}.qrs figcaption b{display:block;font-size:13px;color:var(--ink)}.qr-note{margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);font-size:13px;color:var(--ink-2);line-height:1.6}.hot .item{display:block;padding:10px 0;border-top:1px solid var(--line-2);color:var(--ink)}.hot .item:first-of-type{border-top:0;padding-top:2px}.hot .item b{display:block;font-size:14px;line-height:1.45}.hot .item span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.hot .item:hover b{color:var(--blue)}.hot .soon{font-size:12px;color:var(--muted);margin-top:8px;padding-top:10px;border-top:1px dashed var(--line)}.empty{display:none;padding:40px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--r-lg)}@media(max-width:900px){.hello{padding:26px 0 20px;gap:14px}.hello .av{width:52px;height:52px;border-radius:16px}.hello h1{font-size:min(22px,calc((100vw - 98px) / 15.5));white-space:nowrap;letter-spacing:0}.hello p{font-size:clamp(13px,3.6vw,14px);line-height:1.6;margin-top:2px}.filters{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 16px;padding:0 16px;scrollbar-width:none}.chip{flex:none}.post{grid-template-columns:1fr;gap:12px;padding:0;overflow:hidden}.post .thumb img{border-radius:0}.pbody{padding:0 16px 16px}.post h3,.post.lead h3{font-size:18px}.post.lead .pbody{padding:0 16px 16px}}.post[hidden]{display:none}@media(max-width:360px){.hello{gap:12px}.hello .av{width:44px;height:44px;border-radius:14px}.hello h1{font-size:calc((100vw - 88px) / 15.5)}}