/* 第十八轮：阅读摘要与手机精选。沿用现有站点色彩与字体。 */
.detail-layout { --reading-size:19px; }
.detail-layout .content-summary {
  border-left:3px solid var(--accent); background:var(--soft); color:var(--ink);
  padding:14px 18px; margin:24px 0; font-size:calc(var(--reading-size) - 2px);
  line-height:1.85; white-space:pre-line; overflow-wrap:anywhere;
}
.content-summary p { margin:0; }
.detail-layout:not(.video-detail) .content-summary { font-size:calc(var(--reading-size) - 4px); }
.article-source-note { width:100%; max-width:750px; color:var(--muted); font-size:12px; line-height:1.8; margin:14px auto 22px; overflow-wrap:anywhere; }
.article-source-note a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.spotlight-mobile-title,.spotlight-mobile-controls { display:none; }

@media(max-width:780px) {
  .spotlight-heading { margin-bottom:12px; gap:8px; }
  .spotlight-heading h1 { font-size:24px; }
  .spotlight-toolbar { display:none; }
  .spotlight-toolbar [data-featured-position] { display:none; }
  .spotlight-toolbar button { padding:4px 6px; min-height:32px; border-color:transparent; }
  .spotlight-stage { display:block; background:var(--surface); border-radius:6px; }
  .spotlight-stage .spotlight-tabs { display:none; }
  .spotlight-panel.spotlight-panel-media { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:10px 10px 0; }
  .spotlight-panel.spotlight-panel-media[hidden] { display:none; }
  .spotlight-panel-media>.spotlight-media { width:100%; aspect-ratio:16/9; flex:none; }
  .spotlight-mobile-title {
    display:block;
    margin:0; height:auto; padding:10px 4px 4px; font-family:var(--sans);
    font-size:16px; font-weight:500; line-height:1.5; overflow-wrap:anywhere;
  }
  .spotlight-mobile-title a { color:var(--ink); }
  .spotlight-panels { touch-action:pan-y pinch-zoom; user-select:none; }
  .spotlight-mobile-controls { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:4px 10px 8px; }
  .spotlight-mobile-controls button { display:grid; place-items:center; width:36px; height:36px; padding:8px; border:1px solid var(--line); background:var(--paper); border-radius:50%; }
  .spotlight-mobile-controls button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; }
  .spotlight-mobile-controls button:first-child svg { transform:rotate(180deg); }
  .spotlight-mobile-controls span { color:var(--muted); font-size:11px; }
}
@media(max-width:760px) {
  .home-page .hero h1 { font-size:27px; line-height:1.28; margin:0 0 12px; letter-spacing:.4px; }
  .home-page .hero { gap:20px; padding-top:23px; }
  .home-page .hero-actions { margin-top:15px; gap:10px; }
  .home-page .hero-actions .button { min-width:0; min-height:38px; padding:7px 14px; font-size:13px; line-height:1.7; gap:8px; }
  .home-page .hero-actions .small-arrow { font-size:17px; line-height:1; }
  .site-header .main-nav.open { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; left:auto; right:22px; top:calc(100% + 6px); width:60px; gap:0; margin:0; padding:6px 8px; border:1px solid var(--line); border-radius:6px; box-shadow:0 8px 20px var(--shadow-color); }
  .site-header .main-nav a { display:block; width:100%; padding:8px 0; font-size:14px; text-align:center; border-bottom:1px solid var(--line); }
  .site-header .main-nav a:last-child { border-bottom:0; }
  .site-header .main-nav a[aria-current=page]:after { display:none; }
  .archive-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:14px 0 20px; }
  .archive-controls>span { grid-column:1/-1; width:auto; margin:0; font-size:12px; }
  .archive-controls label,.archive-controls .archive-order { min-width:0; width:auto; margin:0; }
  .archive-controls select { width:100%; min-width:0; min-height:40px; padding:8px 4px; font-size:11px; }
  .archive-controls>button { grid-column:1/-1; }
  .detail-layout { --reading-size:18px; }
  .detail-layout .content-summary { margin:20px 0; padding:12px 14px; }
  .hero-track { overflow-x:hidden; touch-action:pan-y pinch-zoom; }
}

/* 第二十轮：后台导航放大，手机保持五个入口同一横行。 */
.admin-shell .admin-nav-link { font-size:16px; }
.admin-shell .admin-nav-link small { font-size:11px; }
@media(max-width:720px) {
  .admin-shell .admin-nav { display:flex; flex-wrap:nowrap; justify-content:space-between; width:100%; margin:16px 0 0; gap:0; overflow:visible; padding:4px 0; }
  .admin-shell .admin-nav-link { display:flex; flex:0 0 auto; justify-content:center; min-width:0; padding:7px 0; font-size:clamp(14px,calc(4.62vw - 2px),16px); line-height:1.6; text-align:center; white-space:nowrap; }
}

/* 第二十三轮：文章正文统一排版，缩进用样式实现，正文不写入空格。 */
.detail-layout .article-body { line-height:28pt; }
.detail-layout .article-body>p { text-indent:2em; text-align:justify; text-align-last:left; white-space:normal; line-height:inherit; padding-inline:0; margin:0 0 12pt; }
.detail-layout .article-body>p:last-child { margin-bottom:0; }
.admin-body-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }
.admin-body-heading>label { font-size:13px; }
.admin-format-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.admin-shell .admin-format-button { padding:6px 12px; border:1px solid var(--accent); border-radius:4px; color:var(--accent); background:var(--paper); font-size:12px; line-height:1.6; }
.admin-format-actions button[hidden] { display:none; }
.admin-article-body .admin-help { margin:0; }
.admin-article-body .admin-format-status:empty { display:none; }
.admin-article-body .admin-format-status { color:var(--accent); }
.admin-field textarea.admin-body-input { line-height:28pt; }
