調整HTML區塊預設CSS樣式

resources/sass/app.scss

@@ -7,6 +7,8 @@
 // Bootstrap
 @import 'bootstrap/scss/bootstrap';
 
+
+
 body {
     background-color: #88BBE5;
 }
@@ -551,4 +553,24 @@ body {
     .footer-bar-inner {
         max-width: 956px; 
     }
+}
+
+
+.main-area .reset-container,
+.main-area .reset-container * {
+    all: revert;
+    all: revert-layer;
+}
+/* 可選：恢復 div 的塊級特性 */
+.main-area .reset-container {
+    display: block;
+}
+
+.main-area .reset-container > * {
+    font-size: 1.4em;
+}
+
+.anchor-point {
+    text-decoration: none;
+    color: unset;
 }

resources/views/faqs.blade.php

@@ -34,11 +34,11 @@
     @endphp
             <div class="row justify-content-center">
                 <div class="col-md-8 main-area">
-                    <h2>{{ $row->title }}</h2>
+                    <h2><a id="{{ $row->id }}" href="#{{ $row->id }}" class="anchor-point">{{ $row->title }}</a></h2>
                     <h5>發佈時間 <time>{{ date('Y-m-d H:i', strtotime($row->post_at)) }}</time></h5>
                     <img src="{{ $img_src }}" alt="{{ $img_memo }}" width="100%" height="auto">
-                    <p>&nbsp;</p>
+                    
-                    <div>
+                    <div class="reset-container">
                         {!! $row->body !!}
                     </div>
                 </div>

resources/views/health_infos.blade.php

@@ -35,11 +35,11 @@
             <div class="row justify-content-center">
                 <div class="col-md-8 main-area">
                     
-                    <h2>{{ $row->title }}</h2>
+                    <h2><a id="{{ $row->id }}" href="#{{ $row->id }}" class="anchor-point">{{ $row->title }}</a></h2>
                     <h5>發佈時間 <time>{{ date('Y-m-d H:i', strtotime($row->post_at)) }}</time></h5>
                     <img src="{{ $img_src }}" alt="{{ $img_memo }}" width="100%" height="auto">
-                    <p>&nbsp;</p>
+                    
-                    <div>
+                    <div class="reset-container">
                         {!! $row->body !!}
                     </div>
                 </div>

resources/views/news.blade.php

@@ -35,11 +35,11 @@
             <div class="row justify-content-center">
                 <div class="col-md-8 main-area">
                     <h5>#{{ $row->newsCatalog->name }}</h5>
-                    <h2>{{ $row->title }}</h2>
+                    <h2><a id="{{ $row->id }}" href="#{{ $row->id }}" class="anchor-point">{{ $row->title }}</a></h2>
                     <h5>發佈時間 <time>{{ date('Y-m-d H:i', strtotime($row->post_at)) }}</time></h5>
                     <img src="{{ $img_src }}" alt="{{ $img_memo }}" width="100%" height="auto">
-                    <p>&nbsp;</p>
+                    
-                    <div>
+                    <div class="reset-container">
                         {!! $row->body !!}
                     </div>
                 </div>

resources/views/notices.blade.php

@@ -34,11 +34,11 @@
     @endphp
             <div class="row justify-content-center">
                 <div class="col-md-8 main-area">
-                    <h2>{{ $row->title }}</h2>
+                    <h2><a id="{{ $row->id }}" href="#{{ $row->id }}" class="anchor-point">{{ $row->title }}</a></h2>
                     <h5>發佈時間 <time>{{ date('Y-m-d H:i', strtotime($row->post_at)) }}</time></h5>
                     <img src="{{ $img_src }}" alt="{{ $img_memo }}" width="100%" height="auto">
-                    <p>&nbsp;</p>
+                    
-                    <div>
+                    <div class="reset-container">
                         {!! $row->body !!}
                     </div>
                 </div>