前段
Change-Id: I718d4d07ea03c6d2b6bcbd4d426c5d1af2201bf4
diff --git a/src/components/Personal/personalSubpage.css b/src/components/Personal/personalSubpage.css
new file mode 100644
index 0000000..a8e5638
--- /dev/null
+++ b/src/components/Personal/personalSubpage.css
@@ -0,0 +1,161 @@
+/* 基础布局 */
+.subpage-container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 20px;
+ background: white;
+ border-radius: 8px;
+ box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+ }
+
+ .back-button {
+ background: none;
+ border: none;
+ color: #1890ff;
+ font-size: 16px;
+ cursor: pointer;
+ margin-bottom: 20px;
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ }
+
+ .back-button:hover {
+ color: #40a9ff;
+ }
+
+ .page-title {
+ color: #333;
+ border-bottom: 1px solid #f0f0f0;
+ padding-bottom: 10px;
+ margin-bottom: 20px;
+ }
+
+ /* 列表项样式 */
+ .list-item {
+ padding: 15px;
+ border-bottom: 1px solid #f5f5f5;
+ transition: background 0.3s;
+ }
+
+ .list-item:hover {
+ background: #f9f9f9;
+ }
+
+ /* 表单样式 */
+ .form-group {
+ margin-bottom: 20px;
+ }
+
+ .form-label {
+ display: block;
+ margin-bottom: 8px;
+ font-weight: 500;
+ }
+
+ .form-input {
+ width: 100%;
+ padding: 10px;
+ border: 1px solid #d9d9d9;
+ border-radius: 4px;
+ }
+
+ /* 按钮样式 */
+ .action-btn {
+ padding: 8px 15px;
+ background: #1890ff;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ margin-right: 10px;
+ }
+
+ .action-btn:hover {
+ background: #40a9ff;
+ }
+
+ .danger-btn {
+ background: #ff4d4f;
+ }
+
+ .danger-btn:hover {
+ background: #ff7875;
+ }
+
+ /* 收藏列表 */
+.favorite-list {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ }
+
+ .item-header {
+ margin-bottom: 8px;
+ }
+
+ .item-meta {
+ color: #666;
+ font-size: 14px;
+ }
+
+ .item-actions {
+ display: flex;
+ gap: 10px;
+ margin-top: 10px;
+ }
+
+ /* 上传表格 */
+ .uploads-table {
+ width: 100%;
+ border-collapse: collapse;
+ }
+
+ .uploads-table th, .uploads-table td {
+ padding: 12px 15px;
+ text-align: left;
+ }
+
+ .status-badge {
+ padding: 4px 8px;
+ border-radius: 4px;
+ font-size: 12px;
+ }
+
+ .status-badge.published {
+ background: #f6ffed;
+ color: #52c41a;
+ }
+
+ .status-badge.pending {
+ background: #fff7e6;
+ color: #fa8c16;
+ }
+
+ /* 消息通知 */
+ .notice-header {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 5px;
+ }
+
+ .notice-date {
+ color: #999;
+ font-size: 14px;
+ }
+
+ .notice-content {
+ color: #666;
+ margin: 0;
+ }
+
+ .unread {
+ background: #f0f7ff;
+ }
+
+ /* 设置表单 */
+ .form-actions {
+ margin-top: 30px;
+ display: flex;
+ gap: 15px;
+ }
\ No newline at end of file