.cpub-root{background:var(--color-bg);min-height:100vh}.cpub-hero{border-bottom:1px solid var(--color-border);min-height:280px;position:relative;overflow:hidden}.cpub-hero-bg{pointer-events:none;z-index:0;flex-wrap:wrap;display:flex;position:absolute;inset:0}.cpub-hero-bg-img{object-fit:cover;filter:blur(20px)saturate(.55);opacity:.32;flex:1 0 12.5%;min-width:100px;height:100%;transform:scale(1.12)}.cpub-hero-overlay{z-index:1;background:linear-gradient(to bottom, #00000061 0%, #000000d9 80%, #000000f7 100%), radial-gradient(ellipse 55% 90% at 75% -15%, color-mix(in srgb, var(--color-accent) 12%, transparent), transparent 70%);position:absolute;inset:0}.cpub-hero-inner{z-index:2;flex-wrap:wrap;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 2rem;display:flex;position:relative}.cpub-covers-grid{border:2px solid var(--color-border2);border-radius:.8rem;flex-shrink:0;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:164px;height:164px;display:grid;overflow:hidden;box-shadow:0 10px 36px #0009}@media (width<=480px){.cpub-covers-grid{width:112px;height:112px}}.cpub-cover-slot{background:var(--color-surface2);overflow:hidden}.cpub-cover-slot--empty{background:color-mix(in srgb, var(--color-surface2) 40%, var(--color-border))}.cpub-cover-img{object-fit:cover;width:100%;height:100%;display:block}.cpub-info{flex:1;min-width:0}.cpub-meta-top{margin-bottom:.5rem}.cpub-badge-pub{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e40;border-radius:.35rem;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.68rem;font-weight:600;display:inline-flex}.cpub-title{color:var(--color-text1);word-break:break-word;margin:0 0 .5rem;font-size:clamp(1.4rem,4vw,2rem);font-weight:800;line-height:1.2}.cpub-desc{color:var(--color-text2);max-width:560px;margin:0 0 .75rem;font-size:.88rem;line-height:1.55}.cpub-stats{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.cpub-stat{color:var(--color-text3);align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}.cpub-stat-dot{background:var(--color-text3);opacity:.5;border-radius:50%;width:3px;height:3px}.cpub-author-link{color:var(--color-text3);align-items:center;gap:.4rem;font-size:.8rem;text-decoration:none;transition:color .15s;display:inline-flex}.cpub-author-link:hover{color:var(--color-accent)}.cpub-author-avatar{object-fit:cover;border:1px solid var(--color-border2);border-radius:50%;width:20px;height:20px}.cpub-author-initials{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:flex}.cpub-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.cpub-vote-btn{border:1px solid var(--color-border2);background:var(--color-surface);color:var(--color-text2);cursor:pointer;user-select:none;border-radius:.5rem;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.cpub-vote-btn:hover{border-color:var(--color-border2);color:var(--color-text1)}.cpub-like-btn.cpub-vote-btn--active{color:#22c55e;background:color-mix(in srgb, #22c55e 10%, var(--color-surface));border-color:#22c55e66}.cpub-like-btn:not(.cpub-vote-btn--active):hover{color:#22c55e;border-color:#22c55e4d}.cpub-dislike-btn.cpub-vote-btn--dis-active{color:#ef4444;background:color-mix(in srgb, #ef4444 10%, var(--color-surface));border-color:#ef444466}.cpub-dislike-btn:not(.cpub-vote-btn--dis-active):hover{color:#ef4444;border-color:#ef44444d}.cpub-share-btn{border:1px solid var(--color-border2);background:var(--color-surface);color:var(--color-text2);cursor:pointer;border-radius:.5rem;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.cpub-share-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.cpub-owner-link{border:1px solid var(--color-border2);background:var(--color-surface);color:var(--color-text3);border-radius:.5rem;align-items:center;gap:.35rem;padding:.5rem .9rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.cpub-owner-link:hover{border-color:var(--color-accent);color:var(--color-accent)}.cpub-nav{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.cpub-nav-inner{max-width:1200px;margin:0 auto;padding:.75rem 1.5rem}.cpub-back-link{color:var(--color-text3);align-items:center;gap:.3rem;font-size:.82rem;text-decoration:none;transition:color .15s;display:inline-flex}.cpub-back-link:hover{color:var(--color-accent)}.cpub-content{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 3.5rem}.cpub-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1rem;display:grid}.cpub-empty{text-align:center;color:var(--color-text3);opacity:.7;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:5rem 1.5rem;font-size:.9rem;display:flex}.cpub-toast{color:#fff;z-index:9999;opacity:0;pointer-events:none;background:#22c55e;border-radius:2rem;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.82rem;font-weight:600;transition:opacity .22s,transform .22s;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 6px 24px #00000059}.cpub-toast--warn{background:#f59e0b}.cpub-toast--visible{opacity:1;transform:translate(-50%)translateY(0)}