From 56a1b12f397f94215e60f5deac22658b9f4970df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=90=9D=E5=8D=9C?= <dev@saasshop.local>
Date: Mon, 16 Mar 2026 15:59:26 +0800
Subject: [PATCH] style(admin): highlight targeted platform order sections via
 :target

---
 public/css/admin-components.css               | 10 ++++++++
 ...etHighlightForPlatformOrderAnchorsTest.php | 24 +++++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 tests/Feature/AdminComponentsCssShouldIncludeTargetHighlightForPlatformOrderAnchorsTest.php

diff --git a/public/css/admin-components.css b/public/css/admin-components.css
index a2efe10..1daee0b 100644
--- a/public/css/admin-components.css
+++ b/public/css/admin-components.css
@@ -704,6 +704,16 @@
     margin-right:4px;
 }
 
+/* 平台订单详情页：锚点直达高亮（从仪表盘/集合跳转时更清晰） */
+#relation-subscription:target,
+#sync-failed:target,
+#bmpa-failed:target,
+#payment-receipts:target,
+#refund-receipts:target{
+    scroll-margin-top:90px;
+    box-shadow:0 0 0 3px var(--adm-primary-focus-ring, rgba(22, 119, 255, .12)), var(--adm-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.06));
+}
+
 /* 平台订单列表：精简视图也要可达的治理提示（对账/退款不一致） */
 .platform-orders-table .governance-hints{
     margin-bottom:6px;
diff --git a/tests/Feature/AdminComponentsCssShouldIncludeTargetHighlightForPlatformOrderAnchorsTest.php b/tests/Feature/AdminComponentsCssShouldIncludeTargetHighlightForPlatformOrderAnchorsTest.php
new file mode 100644
index 0000000..8780843
--- /dev/null
+++ b/tests/Feature/AdminComponentsCssShouldIncludeTargetHighlightForPlatformOrderAnchorsTest.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace Tests\Feature;
+
+use Tests\TestCase;
+
+class AdminComponentsCssShouldIncludeTargetHighlightForPlatformOrderAnchorsTest extends TestCase
+{
+    public function test_admin_components_css_should_include_target_highlight_for_platform_order_anchors(): void
+    {
+        $css = (string) file_get_contents(public_path('css/admin-components.css'));
+
+        // 护栏：订单详情页通过锚点直达治理区块时，应有 :target 高亮，增强可达性。
+        $this->assertStringContainsString('#relation-subscription:target', $css);
+        $this->assertStringContainsString('#sync-failed:target', $css);
+        $this->assertStringContainsString('#bmpa-failed:target', $css);
+        $this->assertStringContainsString('#payment-receipts:target', $css);
+        $this->assertStringContainsString('#refund-receipts:target', $css);
+
+        // 使用主题 token（focus ring / shadow）
+        $this->assertStringContainsString('var(--adm-primary-focus-ring', $css);
+        $this->assertStringContainsString('var(--adm-shadow-sm', $css);
+    }
+}