新增奇遇界面；修复异常

templates/assets/css/anian.css

@@ -610,7 +610,7 @@
 .douban_page #post_item .douban_card_item {
     width: 100%;
     margin: 0;
-    padding: 0 20px;
+    padding: 0 40px;
     border-right: 1px solid #e5e7eb;
     display: flex;
     align-items: flex-start;
@@ -789,6 +789,7 @@
     font-size: 14px;
     line-height: 1.6;
     color: #43584d;
+    white-space: pre-wrap;
     display: -webkit-box;
     overflow: hidden;
     -webkit-box-orient: vertical;
@@ -815,27 +816,6 @@
     line-height: 1.5;
 }
 
-@media only screen and (max-width:1359px) {
-    .douban_page #post_item {
-        grid-template-columns: 1fr;
-    }
-
-    .douban_page #post_item .douban_card_item {
-        border-right: none !important;
-    }
-}
-
-@media only screen and (max-width:540px) {
-    .douban_page #post_item .douban_card_item {
-        padding: 0 10px;
-    }
-
-    .douban_page #post_item .douban_card_inner {
-        column-gap: 11px;
-        row-gap: 0px;
-    }
-}
-
 .douban_detail_page #post_item {
     grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -843,6 +823,7 @@
 .douban_detail_page #post_item .douban_card_item {
     grid-column: 1 / -1;
     border-right: none;
+    padding: 35px 58px;
 }
 
 .douban_detail_page #post_item .douban_detail_link {
@@ -863,3 +844,144 @@
     -webkit-line-clamp: unset;
     -webkit-box-orient: initial;
 }
+
+@media only screen and (max-width:1359px) {
+    .douban_page #post_item {
+        grid-template-columns: 1fr;
+    }
+
+    .douban_page #post_item .douban_card_item {
+        border-right: none !important;
+    }
+}
+
+@media only screen and (max-width:540px) {
+    .douban_page #post_item .douban_card_item {
+        padding: 0 20px;
+    }
+
+    .douban_page #post_item .douban_card_inner {
+        column-gap: 11px;
+        row-gap: 0px;
+    }
+
+    .douban_detail_page #post_item .douban_card_item {
+        padding: 0 20px;
+    }
+}
+
+.equipments_page #post_item {
+    padding: 0;
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    column-gap: 0;
+    row-gap: 0;
+    align-items: stretch;
+}
+
+.equipments_page #post_item .loading_box,
+.equipments_page #post_item > .no-results,
+.equipments_page #post_item > #prev_pagination {
+    grid-column: 1 / -1;
+}
+
+.equipments_page #post_item .equipment_item {
+    width: 100%;
+    margin: 0;
+    padding: 20px 40px;
+    border: 0;
+    display: flex;
+    align-items: center;
+}
+
+.equipments_page #post_item .equipment_card_inner {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.equipments_page #post_item .equipment_visual {
+    position: relative;
+    display: block;
+    width: 100%;
+    aspect-ratio: 1;
+    padding: 0;
+    overflow: hidden;
+    border: 0;
+    border-radius: 50%;
+    background: transparent;
+    color: inherit;
+    cursor: pointer;
+    font: inherit;
+    line-height: 1;
+}
+
+.equipments_page #post_item .equipment_visual > img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 50%;
+}
+
+.equipments_page #post_item .equipment_overlay {
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 30px;
+    overflow: auto;
+    border-radius: 50%;
+    background: radial-gradient(
+        circle closest-side at center,
+        rgba(0, 0, 0, 0.5) 0%,
+        rgba(0, 0, 0, 0.5) 70%,
+        rgba(0, 0, 0, 0.3) 85%,
+        rgba(0, 0, 0, 0) 100%
+    );
+    color: #fff;
+    text-align: center;
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+    transition: opacity 0.2s ease, visibility 0.2s ease;
+}
+
+.equipments_page #post_item .equipment_visual:hover .equipment_overlay {
+    opacity: 1;
+    visibility: visible;
+    pointer-events: auto;
+}
+
+.equipments_page #post_item .equipment_description {
+    max-width: 100%;
+    max-height: 100%;
+    margin: 0;
+    overflow: auto;
+    color: #fff;
+    font-size: 14px;
+    line-height: 1.6;
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+}
+
+@media only screen and (max-width:540px) {
+    .equipments_page #post_item {
+        grid-template-columns: 1fr;
+    }
+
+    .equipments_page #post_item .equipment_item {
+        padding: 20px;
+    }
+
+    .equipments_page #post_item .equipment_overlay {
+        padding: 24px;
+    }
+
+    .equipments_page #post_item .equipment_description {
+        font-size: 14px;
+    }
+}