From 0ebf250c76482747b2b006bfa8fc4202d6e98c39 Mon Sep 17 00:00:00 2001
From: laoyang <i@yangyq.net>
Date: Tue, 3 Nov 2026 15:05:37 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=BB=E6=8E=89=E5=86=85=E5=AE=B9=E5=8C=BA?=
 =?UTF-8?q?=E4=B8=8E=E9=A1=B6=E6=A0=8F=E9=87=8D=E5=A4=8D=E7=9A=84=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E8=A1=8C=E5=92=8C=E6=88=91=E8=A6=81=E5=8F=8D=E9=A6=88?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=EF=BC=9B=E7=AE=80=E4=BB=8B=E7=A7=BB=E5=88=B0?=
 =?UTF-8?q?=E9=A1=B6=E6=A0=8F=E6=A0=87=E9=A2=98=E4=B8=8B=E7=81=B0=E8=89=B2?=
 =?UTF-8?q?=E5=B0=8F=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

用户：上面已有标题和「我要反馈」，下面又出现一次，完全重复。
「下面这一行不要了…把那个软件简介放在最上面『同步日历反馈系统』下面那个位置，
  用个灰色的。我要反馈按钮也不要了，其他内容开始往前提，更简洁。」

改法：
- index.php 删掉整个 page-head 行（软件图标+名字 / 简介 / 我要反馈大按钮）
  → 列表内容直接从筛选器开始，上提一整行（实测内容起始 y=109）
- 顶栏品牌位改成两行：
    行1 图标 + 「XX 反馈系统」（软件主题色 17px）
    行2 一句话简介（software.note，灰色 #6b7280，12.5px，移动端 11.5px）
- 简介左对齐到标题文字（padding-left 41px = 图标 32 + gap 9），不是贴图标左边
- 顶栏高度从固定 66px 改为 min-height + padding，两行也放得下（实测 67px）

⚠️ 「我要反馈」按钮去掉了 hide-sm：
   列表页那个大按钮删掉后，顶栏这个是全站唯一入口，
   如果手机上隐藏掉，手机端就没有提交入口了。

清理 .page-sw-id 死样式。
验证：桌面/手机下简介都在标题下方、颜色灰色、内容区无重复、我要反馈只 1 个且两宽度都可见；
8 个路由全部 200；详情页顶栏同样显示简介。
---
 assets/style.css  | 23 +++++++++++++++++++----
 index.php         | 37 +++++++++++++++----------------------
 lib/bootstrap.php |  2 +-
 lib/layout.php    | 19 +++++++++++++++++--
 4 files changed, 52 insertions(+), 29 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index d34f227..8959e5a 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -33,18 +33,32 @@ p{margin:8px 0}
   border-bottom:1px solid var(--line);
   /* 软件抽屉是 absolute + top:100%，需要它来做定位参照，否则会跑到页面最上面 */
 }
-.topbar .wrap{display:flex; align-items:center; gap:14px; height:66px; position:relative}
-.topbar .brand-mini{display:flex; align-items:center; gap:10px; font-weight:700; font-size:17px; color:var(--fg); min-width:0}
+.topbar .wrap{display:flex; align-items:center; gap:14px; min-height:66px; padding-top:9px; padding-bottom:9px; position:relative; box-sizing:border-box}
+/* 顶栏品牌位：两行结构
+ *   行1 = 图标 + 「XX 反馈系统」（软件主题色，17px）
+ *   行2 = 一句话简介（灰色 12.5px），只在有 note 时出现
+ * 🔴 用户 2026-11-03：简介从内容区挪到这里，用灰色。
+ *    内容区那一行（标题+简介+我要反馈）与新顶栏完全重复，已删除。 */
+.topbar .brand-mini{display:flex; flex-direction:column; align-items:flex-start; gap:1px; font-weight:700; font-size:17px; color:var(--fg); min-width:0; line-height:1.25}
 .topbar .brand-mini:hover{text-decoration:none; color:var(--fg)}
+.topbar .brand-mini-row{display:flex; align-items:center; gap:10px; min-width:0}
+.topbar .brand-mini-note{
+  font-size:12.5px; font-weight:400; color:var(--muted);
+  line-height:1.35; max-width:520px;
+  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
+  /* 与标题文字左对齐：让简介从图标右侧开始，而不是贴到图标左侧 */
+  padding-left:41px;
+}
 /* 顶栏里的软件标识：17px 字 + 32px 图标 ——
  * 比「选择软件」标签(13.5px)大两号，又不至于压过内容区标题。 */
 .topbar .brand-mini .sw-badge{gap:9px}
 .topbar .brand-mini .sw-badge-nm{font-size:17px; font-weight:700; letter-spacing:.2px}
 @media (max-width:560px){
-  .topbar .wrap{height:60px}
+  .topbar .wrap{min-height:60px; padding-top:8px; padding-bottom:8px}
   .topbar .brand-mini .sw-badge-nm{font-size:15.5px}
   .topbar .brand-mini .sw-badge-img{width:26px !important; height:26px !important}
   .topbar .brand-mini .sw-badge{gap:7px}
+  .topbar .brand-mini-note{font-size:11.5px; padding-left:33px; max-width:60vw}
 }
 
 /* ---------- 右上角三横线按钮 + 下拉菜单 ---------- */
@@ -281,7 +295,8 @@ main.wrap{padding-top:24px; padding-bottom:40px; min-height:60vh}
  * 让「同步日历」「密码生成器」这些标题一眼可辨。 */
 .sw-badge-brand .sw-badge-nm{font-size:17px; font-weight:700; letter-spacing:.2px; color:var(--swc, var(--fg))}
 /* 页头副行：图标 + 软件名 */
-.page-sw-id{margin:0; display:flex; align-items:center}
+/* （已删）.page-sw-id —— 内容区那行软件标识已移除，
+ * 软件名与简介统一由顶栏承担，避免与顶栏标题重复。 */
 /* 提交页顶部的软件上下文条：同样无背景色，只留一行轻分隔 */
 .sw-context{
   display:flex; align-items:center; gap:10px; flex-wrap:wrap;
diff --git a/index.php b/index.php
index 24dec6d..cd15cab 100644
--- a/index.php
+++ b/index.php
@@ -106,30 +106,23 @@ $headTitle = $sw ? fb_software_site_title($sw)
 fb_layout_head($sw ? fb_software_site_title($sw) : $headTitle, ['software' => $sw]);
 ?>
 
+<?php /* 这一整行（软件图标+名字 / 简介 / 「我要反馈」按钮）已删除。
+ *
+ * 用户 2026-11-03：「上面已经有标题和『我要反馈』了，下面又出现一次，
+ *   完全重复。下面这一行不要了…其他内容开始往前提，往上提，这样更简洁。」
+ *
+ * 现在：
+ *   - 「同步日历反馈系统」+ 灰色简介 → 只在顶栏出现一次
+ *   - 「我要反馈」→ 顶栏右侧那个 btn-mini 就够了（列表页不再放第二个）
+ *   - 列表内容直接从下面开始，省掉一整行高度
+ */
+
+if (!$sw):
+?>
 <div class="page-head">
-  <div>
-    <?php
-      /* 站点描述（site_desc）不再显示在页面上 —— 用户 2026-11-03 明确说
-       * 「欢迎在这里反馈使用问题、提出功能建议」这类话没有意义，全部删掉。
-       * 配置项保留，后台仍可编辑，只是前台不渲染。 */
-      $swNote   = ($sw && !empty($sw['note'])) ? (string)$sw['note'] : '';
-    ?>
-    <?php if ($sw): ?>
-      <?php /* 内容区只放「图标 + 软件名」，不再重复「XX 反馈系统」——
-              那个标题已经放到最上面的顶栏里了，两处重复反而啰嗦。 */ ?>
-      <?php
-        /* 内容区标识也用软件主题色 */
-        list($pageSwColor) = fb_software_colors($sw);
-        if ($pageSwColor === '') { $pageSwColor = '#0057B8'; }
-      ?>
-      <div class="page-sw-id" style="--swc:<?php echo e($pageSwColor); ?>"><?php echo fb_software_badge($sw, 'lg'); ?></div>
-    <?php else: ?>
-      <h1>全部问题</h1>
-    <?php endif; ?>
-    <?php if ($swNote !== ''): ?><p class="muted small" style="margin:2px 0 0"><?php echo e($swNote); ?></p><?php endif; ?>
-  </div>
-  <a class="btn primary" href="new.php<?php echo $sw ? '?sw=' . e(urlencode((string)$sw['slug'])) : ''; ?>">我要反馈</a>
+  <div><h1>全部问题</h1></div>
 </div>
+<?php endif; ?>
 
 <div class="filters">
   <div class="chips">
diff --git a/lib/bootstrap.php b/lib/bootstrap.php
index de433ed..76ec665 100644
--- a/lib/bootstrap.php
+++ b/lib/bootstrap.php
@@ -8,7 +8,7 @@ if (!defined('FB_ROOT')) {
     define('FB_ROOT', dirname(__DIR__));
     // 静态资源版本号：改 assets/ 下的 css/js 后把这个数字 +1，
     // 让浏览器与 CDN 缓存失效。全站只此一处，别再往页面里写死数字。
-    if (!defined('FB_ASSET_V')) { define('FB_ASSET_V', 34); }
+    if (!defined('FB_ASSET_V')) { define('FB_ASSET_V', 35); }
 }
 
 /* ------------------------------------------------------------------
diff --git a/lib/layout.php b/lib/layout.php
index a9d767c..3f39e7b 100644
--- a/lib/layout.php
+++ b/lib/layout.php
@@ -79,10 +79,22 @@ function fb_layout_head($title, array $opt = []) {
               ⇒ 在某个软件的反馈系统里，标题 / 「问题列表」/「我要反馈」
                 全都只跟这个软件有关，跟其他软件无关。
                 想切别的软件，只有右上角三横线那一个入口。 */ ?>
+      <?php
+        /* 软件的一句话简介（software.note）放在标题正下方，灰色小字。
+         * 用户 2026-11-03：「把「优秀的鸿蒙 CalDAV 同步客户端」放在最上面
+         * 那个「同步日历反馈系统」下面那个位置，用个灰色的。」
+         * 这样内容区就不用再重复一遍标题和简介了。 */
+        $swNoteTop = !empty($curSw['note']) ? trim((string)$curSw['note']) : '';
+      ?>
       <a class="brand-mini" href="<?php echo e(fb_software_list_url($curSw)); ?>"
          style="--swc:<?php echo e($curSwColor); ?>"
          title="<?php echo e(fb_software_site_title($curSw)); ?>">
-        <?php echo fb_software_badge($curSw, 'brand', fb_software_site_title($curSw)); ?>
+        <span class="brand-mini-row">
+          <?php echo fb_software_badge($curSw, 'brand', fb_software_site_title($curSw)); ?>
+        </span>
+        <?php if ($swNoteTop !== ''): ?>
+          <span class="brand-mini-note"><?php echo e($swNoteTop); ?></span>
+        <?php endif; ?>
       </a>
     <?php else: ?>
       <a class="brand-mini" href="./" title="<?php echo e($site); ?>">
@@ -99,7 +111,10 @@ function fb_layout_head($title, array $opt = []) {
       <a class="navlink hide-sm" href="?sw=<?php echo e(urlencode((string)$curSw['slug'])); ?>">问题列表</a>
     <?php endif; ?>
     <?php if (fb_admin_logged_in()): ?><a class="navlink hide-sm" href="admin.php">管理后台</a><?php endif; ?>
-    <a class="btn-mini hide-sm" href="new.php<?php echo $curSw ? '?sw=' . e(urlencode((string)$curSw['slug'])) : ''; ?>">我要反馈</a>
+    <?php /* ⚠️ 这里**不能**加 hide-sm：列表页那个「我要反馈」大按钮已删除，
+             「我要反馈」现在全站只剩顶栏这一个入口。
+             如果手机上把它隐藏掉，手机端就没有提交入口了。 */ ?>
+    <a class="btn-mini" href="new.php<?php echo $curSw ? '?sw=' . e(urlencode((string)$curSw['slug'])) : ''; ?>">我要反馈</a>
 
     <?php if (count($swList) > 1): ?>
       <?php /* 右上角三横线：点开就是一个小下拉菜单。