.cn-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px}.cn-page h1{font-size:1.5rem;margin:0}.cn-page h1 small{font-size:.62em;color:var(--muted);font-weight:400;margin-left:6px}.cn-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.cn-chip{min-height:40px;padding:0 14px;border-radius:20px;border:1.5px solid var(--line);background:var(--bg);font:inherit;font-size:.9rem;font-weight:700;color:var(--ink-2);cursor:pointer}.cn-chip i{font-style:normal;font-weight:400;color:var(--muted);margin-left:2px}.cn-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.cn-chip.on i{color:#fffc}.cn-singer{min-height:40px;padding:0 10px;border-radius:20px;border:1.5px solid var(--line);background:var(--bg);font:inherit;font-size:.9rem}.cn-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}@media(min-width:720px){.cn-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}}@media(min-width:1000px){.cn-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cn-open{display:block;width:100%;padding:0;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer;text-decoration:none}.cn-share{min-height:36px;padding:0 12px;font-size:.82rem}.cn-more-in .share-btn.big{min-height:48px}.cn-cover{position:relative;display:block;aspect-ratio:4 / 5;border-radius:10px;overflow:hidden;background:#111;box-shadow:0 2px 10px #0000001f}.cn-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.cn-open:hover .cn-cover img,.cn-open:focus-visible .cn-cover img{transform:scale(1.03)}.cn-open:focus-visible .cn-cover{outline:3px solid var(--brand);outline-offset:2px}.cn-line{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.cn-brand{font-size:.7rem;font-weight:700;color:#fff;padding:2px 8px;border-radius:10px;line-height:1.5;white-space:nowrap}.cn-brand.b-trotilbo{background:#0a4b75}.cn-brand.b-kkomu{background:#ff7a1a}.cn-count{margin-left:auto;font-size:.72rem;color:var(--muted);white-space:nowrap}.cn-meta{display:block;padding:8px 2px 0}.cn-tag{font-size:.72rem;font-weight:700;color:var(--brand);white-space:nowrap}.cn-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.95rem;line-height:1.45}.cn-sub{display:block;font-size:.78rem;color:var(--muted);margin-top:3px}.cn-empty,.cn-none{color:var(--muted);padding:40px 0;text-align:center}.cn-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:28px 0 8px}.cn-pager button{min-width:44px;min-height:44px;padding:0 10px;border-radius:22px;border:1.5px solid var(--line);background:var(--bg);font:inherit;font-size:1rem;font-weight:700;color:var(--ink-2);cursor:pointer}.cn-pager .pg-num.on{background:var(--brand);border-color:var(--brand);color:#fff}.cn-pager .pg-arrow{padding:0 14px}.cn-pager button:disabled{opacity:.35;cursor:default}.cn-pager .pg-gap{min-width:18px;text-align:center;color:var(--muted)}@media(max-width:480px){.cn-pager{gap:4px}.cn-pager button{min-width:42px;padding:0 6px}.cn-pager .pg-arrow{font-size:1.3rem}.cn-pager .pg-t{display:none}}@media(max-width:340px){.cn-pager{gap:3px}.cn-pager button{min-width:38px}}html.cn-lock,html.cn-lock body{overflow:hidden}html.cn-lock .fab{display:none!important}.cn-viewer{position:fixed;inset:0;z-index:10000;background:#0b0d12;display:flex;flex-direction:column}.cn-top{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;color:#fff;flex:none}.cn-vbrand{font-size:.82rem;font-weight:700;opacity:.85}.cn-pos{margin-left:auto;font-size:.9rem;font-weight:700}.cn-close{width:44px;height:44px;border:0;border-radius:22px;background:#ffffff1f;color:#fff;font-size:1.1rem;cursor:pointer}.cn-track-wrap{position:relative;flex:1;overflow:hidden;touch-action:pan-y}.cn-track{display:flex;height:100%;will-change:transform}.cn-slide{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 0 8px}.cn-slide img{max-width:min(100%,560px);max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;user-select:none;-webkit-user-drag:none}.cn-more-in{width:min(88%,420px);background:#fff;color:var(--ink);border-radius:16px;padding:28px 22px;text-align:center;display:flex;flex-direction:column;gap:14px}.cn-more-brand{font-size:.8rem;font-weight:700;color:var(--muted)}.cn-more-in b{font-size:1.1rem;line-height:1.5}.cn-go{display:block;min-height:52px;line-height:52px;border-radius:12px;background:var(--brand);color:#fff!important;font-weight:700;font-size:1rem}.cn-again{min-height:44px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font:inherit;font-size:.9rem;cursor:pointer}.cn-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;border:0;background:#ffffff24;color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:none}.cn-prev{left:8px;border-radius:8px}.cn-next{right:8px;border-radius:8px}.cn-nav:disabled{opacity:.25;cursor:default}@media(min-width:720px)and (hover:hover){.cn-nav{display:block}}@media(max-width:719px),(hover:none){.cn-nav{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0 0 2px;border-radius:50%;background:#00000047;color:#ffffffeb;font-size:1.3rem;backdrop-filter:blur(2px)}.cn-prev{left:4px}.cn-next{right:4px}.cn-nav:disabled{display:none}}.cn-dots{display:flex;justify-content:center;gap:6px;padding:6px 0 14px;flex:none}.cn-dots i{width:7px;height:7px;border-radius:4px;background:#ffffff4d;transition:width .2s}.cn-dots i.on{width:20px;background:#fff}