:root{--bg:#15202b;--line:#38444d;--text:#fff;--muted:#8899a6;--blue:#1da1f2}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.35 -apple-system,Segoe UI,Helvetica,Arial,sans-serif}a{color:var(--blue);text-decoration:none}.wrap{justify-content:center;display:flex}nav{width:250px;height:100vh;padding:12px;position:sticky;top:0}nav .logo{border-radius:50%;width:max-content;margin:8px 8px 14px;padding:4px;display:block}nav a.item{width:max-content;color:var(--text);border-radius:30px;align-items:center;gap:16px;padding:12px;font-size:19px;font-weight:700;display:flex}nav a.item:hover,nav a.item.on{color:var(--blue);background:#1da1f21a}main{border-left:1px solid var(--line);border-right:1px solid var(--line);width:600px;max-width:100%;min-height:100vh}header{backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:2;background:#15202bd9;padding:12px 16px;font-size:19px;font-weight:800;position:sticky;top:0}header small{color:var(--muted);font-size:13px;font-weight:400;display:block}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;display:flex;overflow-x:auto}.tabs a{text-align:center;color:var(--muted);flex:1 0 auto;padding:15px 12px;font-weight:700}.tabs a.on{color:var(--blue);box-shadow:inset 0 -3px var(--blue)}article{border-bottom:1px solid var(--line);cursor:pointer;gap:10px;padding:10px 16px;display:flex}article:hover{background:#ffffff08}.av{border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:grid}.body{flex:1;min-width:0}.who b{color:var(--text)}.who span{color:var(--muted)}.text{margin:2px 0 10px;font-size:15px}.grid{border:1px solid var(--line);aspect-ratio:16/9;border-radius:16px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;display:grid;overflow:hidden}.grid img{object-fit:cover;object-position:top;cursor:zoom-in;width:100%;height:100%;display:block}.grid .cell{min-height:0;position:relative}.grid[data-n="1"]{grid-template-rows:1fr;grid-template-columns:1fr}.grid[data-n="1"] .cell,.grid[data-n="2"] .cell,.grid[data-n="3"] .cell:first-child{grid-row:span 2}.more{pointer-events:none;background:#0000008c;place-items:center;font-size:26px;font-weight:800;display:grid;position:absolute;inset:0}.actions{max-width:425px;color:var(--muted);justify-content:space-between;margin-top:10px;font-size:13px;display:flex}.actions span:hover{color:var(--blue)}.detail{border-bottom:1px solid var(--line);padding:12px 16px}.detail .text{margin:14px 0;font-size:23px}.detail .meta{color:var(--muted);border-bottom:1px solid var(--line);padding:14px 0}.detail .stats{border-bottom:1px solid var(--line);color:var(--muted);padding:14px 0}.detail .stats b{color:var(--text);margin-right:4px}.detail .stats span{margin-right:20px}.detail .actions{justify-content:space-around;max-width:none;padding:12px 0 0;font-size:20px}.share{gap:8px;margin-top:12px;display:flex}.share button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:20px;padding:8px 16px;font-weight:700}aside{width:350px;padding:12px 24px}aside .box{background:#192734;border-radius:16px;overflow:hidden}aside h3{border-bottom:1px solid var(--line);margin:0;padding:12px 16px;font-size:19px}aside a{border-bottom:1px solid var(--line);color:var(--text);padding:12px 16px;display:block}aside a small{color:var(--muted);display:block}dialog{color:#fff;background:#000000e6;border:0;width:100vw;max-width:none;height:100vh;max-height:none;padding:0}dialog img{max-width:90vw;max-height:92vh;margin:auto;position:absolute;inset:0}dialog button{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;width:40px;height:40px;font-size:20px;position:absolute}.x{top:12px;left:12px}.prev{top:50%;left:16px}.next{top:50%;right:16px}.count{text-align:center;width:100%;color:var(--muted);position:absolute;bottom:16px}.search{width:100%;color:var(--text);font:inherit;background:#253341;border:1px solid #0000;border-radius:30px;outline:none;padding:12px 18px;display:block}.search:focus{background:var(--bg);border-color:var(--blue)}.searchwrap{border-bottom:1px solid var(--line);padding:8px 16px}aside .searchwrap{border:0;padding:0 0 14px}.topic{border-bottom:1px solid var(--line);color:var(--text);padding:12px 16px;display:block}.topic:hover{background:#ffffff08}.topic small{color:var(--muted);font-size:13px;display:block}.topic b{font-size:15px}.empty{text-align:center;color:var(--muted);padding:40px 16px}.section-title{padding:14px 16px 4px;font-size:19px;font-weight:800}.about{border-bottom:1px solid var(--line);padding:16px;font-size:16px}.follow{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 16px;display:flex}.follow .who{flex-direction:column;flex:1;display:flex}.follow a.btn{border:1px solid var(--blue);border-radius:20px;padding:6px 14px;font-weight:700}@media (width<=1100px){aside{display:none}}@media (width<=700px){nav{background:var(--bg);border-top:1px solid var(--line);z-index:5;justify-content:space-around;width:auto;height:auto;padding:4px;display:flex;position:fixed;inset:auto 0 0}nav .logo{display:none}nav a.item{padding:8px 14px;font-size:14px}main{padding-bottom:60px}}article .text a{color:inherit}.grid button{all:unset;cursor:zoom-in;position:absolute;inset:0}.grid button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.detail h1.text{font-weight:400}.actions span{align-items:center;gap:8px;display:inline-flex}.actions span:nth-child(2):hover{color:#17bf63}.actions span:nth-child(3):hover{color:#e0245e}@media (width<=700px){nav a.item span{display:none}nav a.item{padding:10px}}.thread{border-bottom:1px solid var(--line)}.thread article{border-bottom:0;padding-bottom:0}.thread article .rail{flex-direction:column;align-items:center;display:flex}.thread article .rail:after{content:"";background:var(--line);flex:1;width:2px;min-height:12px;margin-top:4px}.thread article:last-of-type .rail:after{display:none}.thread article:last-of-type{padding-bottom:10px}.replying{color:var(--muted);margin-top:2px;font-size:14px}.showthread{color:var(--blue);padding:0 16px 14px 74px;display:block}article .text a.tco{color:var(--blue)}article .text a.tco:hover{text-decoration:underline}:target{background:#1da1f21f;transition:background 1s}.news a{border-bottom:1px solid var(--line);color:var(--text);gap:14px;padding:14px 16px;display:flex}.news a:hover{background:#ffffff08}.news .mh{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:700}.news h4{margin:0 0 4px;font-size:17px;line-height:1.25}.news small{color:var(--muted);font-size:14px}.news img{object-fit:cover;border-radius:12px;flex:none;width:110px;height:80px}article .text a.tco{overflow-wrap:anywhere}@view-transition{navigation:auto}:root{color-scheme:dark;background:var(--bg)}nav{view-transition-name:nav}aside{view-transition-name:sidebar}.tabs{position:relative}.tabs a.on{box-shadow:none}.tabs a.on:after{content:"";background:var(--blue);view-transition-name:tab-underline;height:3px;position:absolute;bottom:0;left:0;right:0}.tabs a{position:relative}header{view-transition-name:timeline-header}::view-transition-old(*),::view-transition-new(*){animation:none}::view-transition-old(timeline-header){display:none}::view-transition-group(tab-underline){animation-duration:.25s;animation-timing-function:ease-out}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.grid{background:#192734}
