body .page.cm-page{max-width:var(--w-read)}body .page.cm-page .cm-ph{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}body .page.cm-page .cm-ph h1{min-width:0;font-size:var(--fs-h1);font-weight:var(--fw-head);letter-spacing:var(--ls-3xl);margin:0;line-height:1.5}body .page.cm-page .cm-write{flex:none}body .page.cm-page .cm-fab{display:none}body .page.cm-page .cm-seg a{min-height:var(--pill-h-sm);color:var(--muted);white-space:nowrap;transition:color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border-radius:999px;align-items:center;padding:0 14px;font-size:13.5px;font-weight:540;line-height:20px;text-decoration:none;display:inline-flex}@media (max-width:820px){body .page.cm-page .cm-seg a{padding:0 12px;font-size:13px}}body .page.cm-page .cm-seg a:hover{color:var(--fg)}body .page.cm-page .cm-seg a.is-active{background:var(--seg-on);color:var(--fg);box-shadow:var(--seg-on-shadow)}body .page.cm-page .cm-list{flex-direction:column;display:flex}body .page.cm-page .cm-card{border-bottom:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:14px;margin:0;padding:22px 0;transition:none;display:grid;position:relative}body .page.cm-page .cm-card+.cm-card:before{content:none}body .page.cm-page .cm-card-face{z-index:1;border-radius:50%;display:inline-flex;position:relative}body .page.cm-page .cm-face{width:40px;height:40px;font-size:17px}body .page.cm-page .cm-card-main{flex-direction:column;gap:0;min-width:0;display:flex}body .page.cm-page .cm-meta{min-width:0;min-height:0;color:var(--fg);flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex}body .page.cm-page .cm-author{z-index:1;min-width:0;color:var(--fg);align-items:center;gap:0;text-decoration:none;display:inline-flex;position:relative}body .page.cm-page .cm-author-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}body .page.cm-page a.cm-author:hover .cm-author-name{text-decoration:underline}body .page.cm-page .cm-time,body .page.cm-page .cm-pinned{color:var(--muted);white-space:nowrap;flex:none;font-weight:400}body .page.cm-page .cm-time:before,body .page.cm-page .cm-pinned:before{content:"· "}body .page.cm-page .cm-title{letter-spacing:var(--ls-xl);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0;font-size:18px;font-weight:560;line-height:1.5;display:flex}body .page.cm-page .cm-title .tag{flex:none}body .page.cm-page .cm-title{word-break:keep-all;display:block}body .page.cm-page .cm-title .tag{vertical-align:.12em;margin-right:8px}body .page.cm-page .cm-title a{min-width:0;color:var(--fg);text-decoration:none}body .page.cm-page .cm-cover:after{content:"";border-radius:0;position:absolute;inset:0}body .page.cm-page .cm-tag--resolved{background:color-mix(in srgb, var(--live) 14%, transparent);color:var(--live)}body .page.cm-page .cm-preview{-webkit-line-clamp:2;color:var(--muted);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:6px 0 0;font-size:14.5px;line-height:1.65;display:-webkit-box;overflow:hidden}body .page.cm-page .cm-card-images{z-index:1;margin-top:12px;position:relative}body .page.cm-page .cm-card-images img{background:var(--soft);border-radius:16px}body .page.cm-page .cm-card .cm-attach{z-index:1;gap:8px;margin-top:12px;position:relative}body .page.cm-page .cm-card .cm-game{background:var(--soft);color:var(--fg);border-radius:16px;gap:12px;padding:8px 14px 8px 8px}body .page.cm-page .cm-card .cm-game-cover{background:var(--soft2);border-radius:10px;width:44px;height:58px}body .page.cm-page .cm-card .cm-game-title{font-size:14px;font-weight:600}body .page.cm-page .cm-card .cm-game-by{color:var(--muted);font-size:12.5px}body .page.cm-page .cm-actions{color:var(--muted);flex-wrap:wrap;align-items:center;gap:18px;margin:12px 0 0;font-size:13px;display:flex}body .page.cm-page .cm-vote,body .page.cm-page .cm-act{z-index:1;height:auto;min-height:20px;color:inherit;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;transition:color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:0;align-items:center;gap:6px;margin:0;padding:0;font-size:13px;text-decoration:none;display:inline-flex;position:relative}body .page.cm-page .cm-vote{cursor:default}body .page.cm-page .cm-act:hover,body .page.cm-page .cm-vote:hover{color:var(--fg);background:0 0}body .page.cm-page .cm-vote-btn{width:auto;height:auto;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;padding:0;display:inline-flex}body .page.cm-page .cm-vote-btn:hover{color:var(--fg);background:0 0}body .page.cm-page .cm-vote-score{min-width:0;color:inherit;padding:0;font-size:13px;font-weight:400}body .page.cm-page .cm-vote-btn.is-up,body .page.cm-page .cm-vote-score.is-up{color:var(--fg)}body .page.cm-page .cm-actions svg{flex:none;width:17px;height:17px}body .page.cm-page .cm-poll-hint{white-space:nowrap;margin:0;font-size:13px}body .page.cm-page .cm-more{margin:16px auto 0;display:block}body .page.cm-page .cm-first{border-top:0;margin-top:8px}body .page.cm-page .cm-sk-face{aspect-ratio:1;border-radius:50%;width:100%;display:block}body .page.cm-page .cm-sk-title{margin-top:10px}body .page.cm-page .cm-sk-line{margin-top:8px}body .page.cm-page .cm-sk-line+.cm-sk-line{margin-top:6px}@media (max-width:820px){body .page.cm-page .cm-ph{display:none}body .page.cm-page .cm-fab{right:18px;bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom,0px));z-index:50;background:var(--accent);width:52px;height:52px;color:var(--accent-fg);box-shadow:var(--shadow);transition:background var(--dur-fast) var(--ease);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}body .page.cm-page .cm-fab:hover{background:color-mix(in srgb, var(--accent) 88%, var(--canvas))}body .page.cm-page .cm-fab:focus-visible{box-shadow:var(--shadow), 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}body .page.cm-page .cm-fab>svg{width:22px;height:22px}body .page.cm-page .cm-card{grid-template-columns:34px minmax(0,1fr);gap:10px}body .page.cm-page .cm-face{width:34px;height:34px;font-size:14px}body .page.cm-page .cm-actions svg{width:18px;height:18px}}