/* pro 变体「Mono Outline」：黑白细描边 + 衬线标题 + 大留白，黄色只给 CTA 与悬停。
   字体由 frontend.php 按变体 enqueue（@import 会阻塞渲染串行加载，故不在此引入）。 */

:root {
  --pk-accent: #ffe600;
  --pk-ink: #0c0d0f;
  --pk-link: #0c0d0f;
  --pk-link-hover: #0c0d0f;
  --pk-surface: #fff;
  --pk-surface-2: #fafafa;
  --pk-border: #0c0d0f;
  --pk-text: #0c0d0f;
  --pk-muted: #6b6f76;
  --pk-radius: 14px;
  --pk-shadow: none;
  --pro-line: 1.5px solid var(--pk-ink);
}

.pk-wrap--single { max-width: 880px; }
.pk-main { color: var(--pk-ink); }
.pk-main a:hover { background: var(--pk-accent); }

/* 详情页：描边 hero 卡 + 编辑部署名行 */
.pro-hero { display: grid; grid-template-columns: 250px 1fr; gap: 2rem; align-items: start; border: var(--pro-line); border-radius: var(--pk-radius); padding: 1.75rem; }
.pro-hero__poster { aspect-ratio: 2 / 3; overflow: hidden; border: var(--pro-line); border-radius: 10px; background: var(--pk-surface-2); }
.pro-hero__poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pro-hero__info { min-width: 0; }

.pro-title { font-family: 'Fraunces', serif; font-weight: 640; font-size: clamp(1.8rem, 4vw, 2.6rem); line-height: 1.1; margin: 0 0 .6rem; }

.pro-meta { margin: 0 0 1rem; font-size: .82rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--pk-muted); }
.pro-meta a { color: var(--pk-ink); text-decoration: none; border-bottom: 1px solid var(--pk-ink); }
.pro-meta__dot { margin: 0 .35em; }
.pro-meta--user { letter-spacing: .06em; }

.pro-credits { margin: 0 0 1.1rem; }
.pro-credits__row { display: flex; gap: .75rem; padding: .45rem 0; border-top: 1px solid #e4e4e4; font-size: .95rem; }
.pro-credits__row:last-child { border-bottom: 1px solid #e4e4e4; }
.pro-credits dt { flex: 0 0 7.5em; margin: 0; font-size: .78rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--pk-muted); padding-top: .15em; }
.pro-credits dd { margin: 0; }

.pro-keywords { list-style: none; display: flex; flex-wrap: wrap; gap: .45rem; margin: 0 0 1.4rem; padding: 0; }
.pro-keywords li { border: 1px solid var(--pk-ink); border-radius: 999px; padding: .25rem .8rem; font-size: .8rem; transition: background .12s; }
.pro-keywords li:hover { background: var(--pk-accent); }

/* CTA：站点同款黄色描边胶囊 */
.pk-apk-btn { background: var(--pk-accent); color: var(--pk-ink); border: var(--pro-line); border-radius: 999px; box-shadow: none; font-weight: 700; transition: transform .15s, box-shadow .15s; }
.pk-apk-btn:hover { color: var(--pk-ink); background: var(--pk-accent); filter: none; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0, 0, 0, .14); }

/* 影评正文：去卡片化,纯排版 */
.movie-body { background: transparent; border: 0; box-shadow: none; padding: 2.25rem 0 0; line-height: 1.9; }
.movie-body h2 { font-family: 'Fraunces', serif; font-weight: 640; border-bottom: var(--pro-line); }
.movie-body h3 { font-family: 'Fraunces', serif; font-weight: 640; }

/* 区块/归档标题：衬线 + 细线（列表/分类页共用） */
.pk-section-title { font-family: 'Fraunces', serif; font-weight: 640; border-bottom: var(--pro-line); display: block; }
.pk-archive-head { border: var(--pro-line); border-radius: var(--pk-radius); text-align: center; padding: 1.5rem 1rem; }
.pk-archive-title { font-family: 'Fraunces', serif; font-weight: 640; }
.pk-archive-intro { margin-inline: auto; }

/* 列表：编辑部画廊卡(衬线居中标题,归档首条放大) */
.movie-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1.75rem 1.25rem; }
.movie-archive .movie-grid > .pro-card:first-child { grid-column: span 2; grid-row: span 2; }
.movie-archive .movie-grid > .pro-card:first-child .pro-card__title { font-size: 1.45rem; }
.pro-card { display: flex; flex-direction: column; align-items: center; gap: .45rem; text-decoration: none; color: var(--pk-ink); text-align: center; }
.pro-card__poster { width: 100%; aspect-ratio: 2 / 3; border: var(--pro-line); border-radius: 12px; overflow: hidden; background: var(--pk-surface-2); transition: transform .18s, box-shadow .18s; }
.pro-card:hover .pro-card__poster { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0, 0, 0, .14); }
.pro-card__poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pro-card__title { font-family: 'Fraunces', serif; font-weight: 640; font-size: 1.02rem; line-height: 1.25; padding: 0 .15em; }
.pro-card:hover .pro-card__title { background: var(--pk-accent); }
.pro-card__sub { font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--pk-muted); }

.pk-genre-nav { justify-content: center; }
.pk-genre-nav__item { border: 1px solid var(--pk-ink); color: var(--pk-ink); background: transparent; }
.pk-genre-nav__item:hover { border-color: var(--pk-ink); color: var(--pk-ink); background: var(--pk-accent); }
.pk-genre-nav__item.is-current { background: var(--pk-ink); border-color: var(--pk-ink); color: #fff; }

.movie-comments { border: var(--pro-line); box-shadow: none; }
.movie-comments .form-submit .submit { background: var(--pk-accent); color: var(--pk-ink); border: var(--pro-line); border-radius: 999px; }
.movie-comments .comments-title, .movie-comments .comment-reply-title { font-family: 'Fraunces', serif; font-weight: 640; }

.pk-pagination { text-align: center; }
.pk-pagination .page-numbers { border: 1px solid var(--pk-ink); border-radius: 999px; color: var(--pk-ink); }
.pk-pagination .page-numbers.current { background: var(--pk-ink); color: #fff; border-color: var(--pk-ink); }
.movie-section-block__all { color: var(--pk-ink); border-bottom: 1px solid var(--pk-ink); }

.pk-breadcrumb { text-align: center; letter-spacing: .08em; text-transform: uppercase; font-size: .72rem; }

/* 首页板块 CTA:站点同款黄色描边胶囊 */
.pk-latest__all a { color: var(--pk-ink); border: var(--pro-line); border-radius: 999px; }
.pk-latest__all a:hover { filter: none; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0, 0, 0, .14); }

@media (max-width: 640px) {
  .pro-hero { grid-template-columns: 1fr; gap: 1.25rem; padding: 1.25rem; }
  .pro-hero__poster { max-width: 210px; margin-inline: auto; }
  .pro-credits dt { flex-basis: 6em; }
  .movie-grid { grid-template-columns: repeat(2, 1fr); }
  .movie-archive .movie-grid > .pro-card:first-child { grid-column: span 2; grid-row: auto; }
  .movie-archive .movie-grid > .pro-card:first-child .pro-card__title { font-size: 1.1rem; }
}