blob: ff7fcad0e8a51224eb4937fa2552d8d0b1ad9b3a [file] [log] [blame]
223010091e2aea72025-06-08 16:35:54 +08001.ps-container {
2 background: #f8f3ef;
223010094952a0f2025-06-07 18:58:16 +08003 color: #333;
4 min-height: 100vh;
5 padding: 20px 0;
6 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
7}
8
223010091e2aea72025-06-08 16:35:54 +08009.ps-card {
Krishyac0f7e9b2025-04-22 15:28:28 +080010 background-color: #e9ded2;
11 border-radius: 16px;
223010094952a0f2025-06-07 18:58:16 +080012 max-width: 800px;
Krishyac0f7e9b2025-04-22 15:28:28 +080013 margin: 0 auto;
14 margin-top: 40px;
223010094952a0f2025-06-07 18:58:16 +080015 padding: 40px 48px;
16 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
Krishyac0f7e9b2025-04-22 15:28:28 +080017}
18
223010091e2aea72025-06-08 16:35:54 +080019.ps-form > div {
223010094952a0f2025-06-07 18:58:16 +080020 margin-bottom: 20px;
21}
22
223010091e2aea72025-06-08 16:35:54 +080023.ps-label {
223010094952a0f2025-06-07 18:58:16 +080024 display: block;
25 font-weight: bold;
26 margin-bottom: 8px;
27 color: #5F4437;
28}
29
223010091e2aea72025-06-08 16:35:54 +080030.ps-input-text,
31.ps-textarea,
32.ps-select {
Krishyac0f7e9b2025-04-22 15:28:28 +080033 width: 100%;
223010094952a0f2025-06-07 18:58:16 +080034 padding: 10px 12px;
Krishyac0f7e9b2025-04-22 15:28:28 +080035 border-radius: 6px;
223010094952a0f2025-06-07 18:58:16 +080036 border: 1px solid #e0c4a1;
Krishyac0f7e9b2025-04-22 15:28:28 +080037 background-color: #fff5f5;
38 color: #5F4437;
39 font-size: 1rem;
223010094952a0f2025-06-07 18:58:16 +080040 transition: border-color 0.3s;
Krishyac0f7e9b2025-04-22 15:28:28 +080041}
42
223010091e2aea72025-06-08 16:35:54 +080043.ps-input-text:focus,
44.ps-textarea:focus,
45.ps-select:focus {
223010094952a0f2025-06-07 18:58:16 +080046 outline: none;
47 border-color: #c49c6b;
Krishyac0f7e9b2025-04-22 15:28:28 +080048}
49
223010091e2aea72025-06-08 16:35:54 +080050.ps-textarea {
223010094952a0f2025-06-07 18:58:16 +080051 resize: vertical;
52 min-height: 80px;
53}
54
223010091e2aea72025-06-08 16:35:54 +080055.ps-seed-file-label,
56.ps-cover-upload-button {
223010094952a0f2025-06-07 18:58:16 +080057 display: inline-block;
58 padding: 8px 16px;
59 border: 1px solid #e0c4a1;
60 background-color: #fff5f5;
61 border-radius: 6px;
62 cursor: pointer;
63 font-size: 14px;
64 font-weight: 500;
65 color: #5F4437;
66 transition: all 0.2s ease;
67}
68
223010091e2aea72025-06-08 16:35:54 +080069.ps-seed-file-label:hover,
70.ps-cover-upload-button:hover {
223010094952a0f2025-06-07 18:58:16 +080071 background-color: #f1e0d0;
72}
73
223010091e2aea72025-06-08 16:35:54 +080074.ps-seed-file-input,
75.ps-cover-upload-input {
223010094952a0f2025-06-07 18:58:16 +080076 display: none;
77}
78
223010091e2aea72025-06-08 16:35:54 +080079.ps-message {
223010094952a0f2025-06-07 18:58:16 +080080 background-color: #fff3cd;
81 color: #856404;
82 padding: 12px;
83 border-radius: 8px;
84 margin-bottom: 20px;
85 border: 1px solid #ffeeba;
Krishyac0f7e9b2025-04-22 15:28:28 +080086}
87
223010091e2aea72025-06-08 16:35:54 +080088.ps-upload-button {
223010094952a0f2025-06-07 18:58:16 +080089 text-align: center;
Krishyaf1d0ea82025-05-03 17:01:58 +080090}
91
223010091e2aea72025-06-08 16:35:54 +080092.ps-upload-button button {
223010094952a0f2025-06-07 18:58:16 +080093 background-color: #5F4437;
94 color: #fff;
95 padding: 12px 32px;
96 border: none;
97 border-radius: 8px;
98 font-size: 16px;
Krishyaf1d0ea82025-05-03 17:01:58 +080099 cursor: pointer;
223010094952a0f2025-06-07 18:58:16 +0800100 transition: background-color 0.2s ease;
101}
102
223010091e2aea72025-06-08 16:35:54 +0800103.ps-upload-button button:hover {
223010094952a0f2025-06-07 18:58:16 +0800104 background-color: #472f23;
105}
106
223010091e2aea72025-06-08 16:35:54 +0800107.ps-upload-button button:disabled {
223010094952a0f2025-06-07 18:58:16 +0800108 background-color: #9c8c84;
109 cursor: not-allowed;
110}
111
223010091e2aea72025-06-08 16:35:54 +0800112.ps-img-preview {
223010094952a0f2025-06-07 18:58:16 +0800113 border-radius: 8px;
114 border: 1px solid #ccc;
115 max-width: 100%;
116 max-height: 200px;
117 object-fit: contain;
118}