修改提示框样式、完成付费片单、推荐跳转
Change-Id: Ie84c53d4e306435144b1f26ceb39cc182e99d57a
diff --git a/src/pages/SeedList/Recommend/PlaylistDetailPage.css b/src/pages/SeedList/Recommend/PlaylistDetailPage.css
new file mode 100644
index 0000000..78e7068
--- /dev/null
+++ b/src/pages/SeedList/Recommend/PlaylistDetailPage.css
@@ -0,0 +1,83 @@
+.playlist-detail {
+ background-color: #fffaf7; /* 和上一页主背景色保持一致 */
+ border-radius: 12px; /* 统一圆角 */
+ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* 统一阴影 */
+ color: #6b4f3b; /* 主文字颜色，棕色系 */
+}
+
+.playlist-detail h1 {
+ font-size: 2rem;
+ margin-bottom: 16px;
+ color: #4e342e; /* 深棕色标题 */
+ font-weight: 700;
+}
+
+.cover-image {
+ width: 100%;
+ max-height: 400px;
+ object-fit: cover;
+ border-radius: 12px; /* 与容器圆角匹配 */
+ margin-bottom: 20px;
+ box-shadow: 0 4px 12px rgb(107 79 59 / 0.2); /* 柔和阴影 */
+}
+
+.playlist-detail p {
+ font-size: 1rem;
+ line-height: 1.6;
+ margin-bottom: 20px;
+ color: #6b4f3b;
+}
+
+.playlist-detail h3 {
+ font-size: 1.4rem;
+ margin-bottom: 12px;
+ color: #4e342e;
+ font-weight: 600;
+}
+
+.playlist-detail ul {
+ padding-left: 20px;
+ list-style: disc;
+ color: #6b4f3b;
+}
+
+.playlist-detail li {
+ padding: 6px 0;
+ border-bottom: 1px solid #e2cfc3;
+ font-weight: 500;
+ color: #5d4037;
+}
+
+.playlist-detail li:last-child {
+ border-bottom: none;
+}
+
+/* 错误提示 */
+.error {
+ max-width: 600px;
+ margin: 40px auto;
+ padding: 20px;
+ background: #f8d7da; /* 柔和粉棕 */
+ color: #a94442;
+ border: 1px solid #a94442;
+ border-radius: 12px;
+ text-align: center;
+ font-weight: 600;
+}
+
+/* 重试按钮 */
+.retry-button {
+ margin-top: 12px;
+ padding: 8px 16px;
+ background-color: #6b4f3b;
+ border: none;
+ border-radius: 8px;
+ color: #fffaf7;
+ font-weight: 600;
+ cursor: pointer;
+ transition: background-color 0.25s ease;
+}
+
+.retry-button:hover {
+ background-color: #4b3325;
+}