.pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-card { padding: 20px 22px; border-radius: 12px; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); border: none; } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-head { padding: 0 0 16px; border-bottom: 1px solid #f0f0f0; margin-bottom: 0; } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-hero { padding-top: 16px; grid-template-columns: minmax(0, 1fr) auto; align-items: start; } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-body-card { margin-top: 0; padding: 20px 0 0; border: none; border-radius: 0; background: transparent; box-shadow: none; } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content { margin-top: 0; padding: 0; color: #1f2937; } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content p { color: #1f2937; } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-head h1, .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-head h1 > span { min-width: 0 } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-hero__main { display: contents; min-width: 0 } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-head h1 { display: block; grid-column: 1 / -1; max-width: 100%; overflow: hidden; color: #fff; white-space: nowrap; text-overflow: ellipsis; word-break: normal; overflow-wrap: normal } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-head h1 > span { display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: normal; overflow-wrap: normal } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-follow, .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-fav { display: inline-flex; align-items: center; justify-content: center; gap: 5px; width: auto; min-width: 66px; height: 32px; padding: 0 13px; border-radius: 999px; font-size: 13px; font-weight: 700; line-height: 1; white-space: nowrap; transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-follow span, .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-fav span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-follow::before { content: "♡"; display: inline-flex; align-items: center; justify-content: center; color: currentColor; font-size: 14px; font-weight: 900; line-height: 1 } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-author-widget__gender { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; font-size: 14px; line-height: 1 } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-author-widget__gender.is-male { color: #38bdf8 } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-author-widget__gender.is-female { color: #fb7185 } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-author-widget__post-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-author-widget__post-actions > :only-child { grid-column: 1 / -1 } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-author-widget__post-actions .pcgh-community-detail-follow, .pcgh-community-single.pcgh-community-single--gv .pcgh-community-author-widget__post-actions .pcgh-community-detail-fav { width: 100%; min-width: 0; height: 34px; padding: 0 10px } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-author-widget__post-actions .pcgh-community-detail-fav i, .pcgh-community-single.pcgh-community-single--gv .pcgh-community-author-widget__post-actions .pcgh-community-detail-fav svg { color: currentColor; stroke: currentColor } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-hero__actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; width: auto; padding-top: 3px } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-hero__actions .pcgh-community-detail-fav i[data-lucide], .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-hero__actions .pcgh-community-detail-fav svg { width: 14px; height: 14px; color: currentColor; stroke: currentColor } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-fav { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 66px; height: 32px; padding: 0 13px; border-radius: 999px; font-size: 13px; font-weight: 700; transition: .18s ease } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-fav :where(i,svg,.ti,.pcgh-community-icon) { width: 14px; height: 14px; min-width: 14px; min-height: 14px; font-size: 14px; line-height: 1; color: currentColor } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-fav em { font-size: 12px; font-style: normal; font-weight: 800; color: currentColor } html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-card { border: none; border-color: transparent; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); color: #111827 } html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-head { border-bottom-color: #f0f0f0; } html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content, html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content p, html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content li { color: #1f2937 } html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content h2, html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content h3, html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content h4 { color: #0f172a } html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-head h1 { color: #0f172a } html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-meta { color: #64748b } html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-author { color: #0f172a } html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-follow { border: 1px solid transparent; background: linear-gradient(135deg,#3b82f6,#3157ff); color: #fff; box-shadow: none } html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-follow:hover { background: linear-gradient(135deg,#2563eb,#2447ef); color: #fff; transform: translateY(-1px); box-shadow: 0 8px 18px rgba(37,99,235,.20) } html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-follow.is-followed { border-color: transparent; background: #eef1ff; color: #3157ff; box-shadow: none } html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content code, html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content pre { background: #f1f5f9; color: #0f172a } html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-fav { border: 1px solid transparent; background: #eef1ff; color: #3157ff; box-shadow: none } html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-fav:hover, html[data-pcgh-theme-resolved="light"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-fav.is-fav { border-color: transparent; background: #e3e8ff; color: #2447ef; transform: translateY(-1px) } html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-card { border: none; border-color: transparent; background: #1f2937; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); color: #e5e7eb } html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-head { border-bottom-color: #374151; } html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content, html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content p, html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content li { color: #e5e7eb } html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content h2, html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content h3, html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-content h4 { color: #f9fafb } html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-head h1 { color: #f9fafb } html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-meta { color: #9ca3af } html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-author { color: #e5e7eb } html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-follow { border: 1px solid transparent; background: linear-gradient(135deg,#3b82f6,#3157ff); color: #fff; box-shadow: none } html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-follow:hover { background: linear-gradient(135deg,#2563eb,#2447ef); color: #fff; transform: translateY(-1px); box-shadow: 0 10px 22px rgba(37,99,235,.22) } html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-follow.is-followed { border-color: transparent; background: rgba(99,102,241,.16); color: #bfdbfe } html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-fav { border: 1px solid rgba(129,140,248,.18); background: rgba(99,102,241,.16); color: #bfdbfe; box-shadow: none } html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-fav:hover, html[data-pcgh-theme-resolved="dark"] .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-fav.is-fav { border-color: rgba(129,140,248,.28); background: rgba(99,102,241,.24); color: #dbeafe; transform: translateY(-1px) } @media (max-width: 720px) { .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-card { padding: 16px; border-radius: 8px; } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-head { padding: 0 0 12px; } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-hero { grid-template-columns: 1fr; padding-top: 12px; } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-body-card { padding: 16px 0 0; } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-head h1 { display: block; padding: 0; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: normal; overflow-wrap: normal } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-head h1 > span { display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: normal; overflow-wrap: normal } .pcgh-community-single.pcgh-community-single--gv .pcgh-community-detail-hero__actions { justify-content: flex-start; width: auto; padding-top: 8px } }