ssboost commited on
Commit
0f0fe72
ยท
verified ยท
1 Parent(s): 284a483

Delete keyword_analysis_report.css

Browse files
Files changed (1) hide show
  1. keyword_analysis_report.css +0 -422
keyword_analysis_report.css DELETED
@@ -1,422 +0,0 @@
1
- /* ํ‚ค์›Œ๋“œ ๋ถ„์„ ๋ณด๊ณ ์„œ ์ „์šฉ CSS - ๋‹คํฌ๋ชจ๋“œ ์ ์šฉ */
2
-
3
- /* CSS ๋ณ€์ˆ˜ ์ •์˜ (๋ผ์ดํŠธ๋ชจ๋“œ) */
4
- :root {
5
- --primary-color: #FB7F0D;
6
- --text-color: #333;
7
- --bg-color: #f8f9fa;
8
- --card-bg: #ffffff;
9
- --border-color: #ecf0f1;
10
- --section-bg: #ffffff;
11
- --insight-bg: #fff5e6;
12
- --warning-bg: #fff3cd;
13
- --warning-text: #856404;
14
- --checklist-bg: #fff3cd;
15
- --cross-sell-bg: #f8f9fa;
16
- --cross-sell-border: #17a2b8;
17
- --cross-sell-text: #0c5460;
18
- --product-bg: white;
19
- --trend-bg: #e3f2fd;
20
- --trend-border: #2196f3;
21
- --metric-bg: #f8f9fa;
22
- --metric-border: #dee2e6;
23
- --highlight-bg: #fff3cd;
24
- }
25
-
26
- /* ๋‹คํฌ๋ชจ๋“œ ์ƒ‰์ƒ ๋ณ€์ˆ˜ (์ž๋™ ๊ฐ์ง€) */
27
- @media (prefers-color-scheme: dark) {
28
- :root {
29
- --text-color: #e5e5e5;
30
- --bg-color: #1a1a1a;
31
- --card-bg: #2d2d2d;
32
- --border-color: #404040;
33
- --section-bg: #2d2d2d;
34
- --insight-bg: #3d2817;
35
- --warning-bg: #3d3317;
36
- --warning-text: #d4b75f;
37
- --checklist-bg: #3d3317;
38
- --cross-sell-bg: #1a1a1a;
39
- --cross-sell-border: #17a2b8;
40
- --cross-sell-text: #4dd0e1;
41
- --product-bg: #2d2d2d;
42
- --trend-bg: #1a2332;
43
- --trend-border: #2196f3;
44
- --metric-bg: #2d2d2d;
45
- --metric-border: #404040;
46
- --highlight-bg: #3d3317;
47
- }
48
- }
49
-
50
- /* ์ˆ˜๋™ ๋‹คํฌ๋ชจ๋“œ ํด๋ž˜์Šค */
51
- [data-theme="dark"],
52
- .dark,
53
- .gr-theme-dark {
54
- --text-color: #e5e5e5;
55
- --bg-color: #1a1a1a;
56
- --card-bg: #2d2d2d;
57
- --border-color: #404040;
58
- --section-bg: #2d2d2d;
59
- --insight-bg: #3d2817;
60
- --warning-bg: #3d3317;
61
- --warning-text: #d4b75f;
62
- --checklist-bg: #3d3317;
63
- --cross-sell-bg: #1a1a1a;
64
- --cross-sell-border: #17a2b8;
65
- --cross-sell-text: #4dd0e1;
66
- --product-bg: #2d2d2d;
67
- --trend-bg: #1a2332;
68
- --trend-border: #2196f3;
69
- --metric-bg: #2d2d2d;
70
- --metric-border: #404040;
71
- --highlight-bg: #3d3317;
72
- }
73
-
74
- .keyword-analysis-report {
75
- font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
76
- line-height: 1.6;
77
- color: var(--text-color);
78
- margin: 0;
79
- padding: 0;
80
- background-color: var(--bg-color);
81
- transition: background-color 0.3s ease, color 0.3s ease;
82
- }
83
-
84
- .report-container {
85
- max-width: 900px;
86
- margin: 20px auto;
87
- padding: 0;
88
- background: transparent;
89
- }
90
-
91
- .report-title {
92
- text-align: center;
93
- font-size: 2.2em;
94
- margin-bottom: 30px;
95
- color: var(--text-color);
96
- font-weight: 700;
97
- border-bottom: 3px solid var(--primary-color);
98
- padding-bottom: 15px;
99
- }
100
-
101
- /* ๊ฐ ๋ถ„์„ ํ•ญ๋ชฉ๋ณ„ ์„น์…˜ ๋ธ”๋ก */
102
- .analysis-section-block {
103
- background-color: var(--section-bg);
104
- padding: 25px 30px;
105
- margin-bottom: 25px;
106
- border-radius: 12px;
107
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
108
- border-left: 5px solid var(--primary-color);
109
- color: var(--text-color);
110
- transition: background-color 0.3s ease, color 0.3s ease;
111
- }
112
-
113
- .analysis-section-block:nth-child(1) { border-left-color: #3498db; }
114
- .analysis-section-block:nth-child(2) { border-left-color: #e74c3c; }
115
- .analysis-section-block:nth-child(3) { border-left-color: #f39c12; }
116
- .analysis-section-block:nth-child(4) { border-left-color: #9b59b6; }
117
- .analysis-section-block:nth-child(5) { border-left-color: #1abc9c; }
118
- .analysis-section-block:nth-child(6) { border-left-color: #34495e; }
119
- .analysis-section-block:nth-child(7) { border-left-color: #e67e22; }
120
-
121
- .analysis-section-title {
122
- margin: 0 0 20px 0;
123
- color: var(--text-color);
124
- font-size: 1.6em;
125
- font-weight: 700;
126
- display: flex;
127
- align-items: center;
128
- border-bottom: 2px solid var(--border-color);
129
- padding-bottom: 10px;
130
- }
131
-
132
- .section-icon {
133
- font-size: 1.3em;
134
- margin-right: 12px;
135
- vertical-align: middle;
136
- }
137
-
138
- /* ์•„์ด์ฝ˜ ์ƒ‰์ƒ */
139
- .analysis-section-block:nth-child(1) .section-icon { color: #3498db; }
140
- .analysis-section-block:nth-child(2) .section-icon { color: #e74c3c; }
141
- .analysis-section-block:nth-child(3) .section-icon { color: #f39c12; }
142
- .analysis-section-block:nth-child(4) .section-icon { color: #9b59b6; }
143
- .analysis-section-block:nth-child(5) .section-icon { color: var(--primary-color); }
144
- .analysis-section-block:nth-child(6) .section-icon { color: #34495e; }
145
- .analysis-section-block:nth-child(7) .section-icon { color: #e67e22; }
146
-
147
- .subsection-title {
148
- color: var(--text-color);
149
- margin: 20px 0 10px 0;
150
- font-size: 1.1em;
151
- font-weight: 600;
152
- }
153
-
154
- .key-insight {
155
- background-color: var(--insight-bg);
156
- padding: 15px 20px;
157
- border-left: 5px solid var(--primary-color);
158
- margin: 20px 0;
159
- border-radius: 5px;
160
- font-weight: 500;
161
- color: var(--text-color);
162
- transition: background-color 0.3s ease;
163
- }
164
-
165
- /* ํ…์ŠคํŠธ ์Šคํƒ€์ผ - ๊ธฐ๋ณธ์€ ์ผ๋ฐ˜, ์ค‘์š”ํ•œ ๋ถ€๋ถ„๋งŒ ๋ณผ๋“œ */
166
- .analysis-content {
167
- color: var(--text-color);
168
- font-weight: normal;
169
- line-height: 1.7;
170
- }
171
-
172
- .analysis-content strong {
173
- color: var(--text-color);
174
- font-weight: 600;
175
- }
176
-
177
- .analysis-content p {
178
- margin-bottom: 15px;
179
- font-weight: normal;
180
- color: var(--text-color);
181
- }
182
-
183
- .analysis-list {
184
- list-style: none;
185
- padding: 0;
186
- margin-bottom: 20px;
187
- }
188
-
189
- .analysis-list li {
190
- position: relative;
191
- padding-left: 25px;
192
- margin-bottom: 12px;
193
- line-height: 1.8;
194
- font-weight: normal;
195
- color: var(--text-color);
196
- }
197
-
198
- .analysis-list li:before {
199
- content: 'โ–ถ';
200
- color: var(--primary-color);
201
- position: absolute;
202
- left: 0;
203
- font-weight: bold;
204
- font-size: 1.1em;
205
- }
206
-
207
- .concern-list {
208
- list-style: none;
209
- padding: 0;
210
- margin-bottom: 20px;
211
- }
212
-
213
- .concern-list li {
214
- position: relative;
215
- padding-left: 25px;
216
- margin-bottom: 12px;
217
- line-height: 1.8;
218
- font-weight: normal;
219
- color: var(--text-color);
220
- }
221
-
222
- .concern-list li:before {
223
- content: 'โš ๏ธ';
224
- position: absolute;
225
- left: 0;
226
- font-size: 1.1em;
227
- }
228
-
229
- .solution-list {
230
- list-style: none;
231
- padding: 0;
232
- margin-bottom: 20px;
233
- }
234
-
235
- .solution-list li {
236
- position: relative;
237
- padding-left: 25px;
238
- margin-bottom: 12px;
239
- line-height: 1.8;
240
- font-weight: normal;
241
- color: var(--text-color);
242
- }
243
-
244
- .solution-list li:before {
245
- content: 'โœ…';
246
- position: absolute;
247
- left: 0;
248
- font-size: 1.1em;
249
- }
250
-
251
- .checklist {
252
- background-color: var(--checklist-bg);
253
- padding: 20px;
254
- border-radius: 8px;
255
- border-left: 5px solid #ffc107;
256
- margin: 20px 0;
257
- transition: background-color 0.3s ease;
258
- }
259
-
260
- .checklist-title {
261
- font-weight: 700;
262
- color: var(--warning-text);
263
- margin-bottom: 15px;
264
- font-size: 1.2em;
265
- }
266
-
267
- .checklist-items {
268
- list-style: none;
269
- padding: 0;
270
- }
271
-
272
- .checklist-items li {
273
- position: relative;
274
- padding-left: 25px;
275
- margin-bottom: 10px;
276
- line-height: 1.6;
277
- font-weight: normal;
278
- color: var(--warning-text);
279
- }
280
-
281
- .checklist-items li:before {
282
- content: '๐Ÿ“‹';
283
- position: absolute;
284
- left: 0;
285
- font-size: 1.1em;
286
- }
287
-
288
- .cross-sell-section {
289
- background-color: var(--cross-sell-bg);
290
- padding: 20px;
291
- border-radius: 8px;
292
- border-left: 5px solid var(--cross-sell-border);
293
- margin: 20px 0;
294
- transition: background-color 0.3s ease;
295
- }
296
-
297
- .cross-sell-title {
298
- font-weight: 700;
299
- color: var(--cross-sell-text);
300
- margin-bottom: 15px;
301
- font-size: 1.2em;
302
- }
303
-
304
- .product-suggestion {
305
- background-color: var(--product-bg);
306
- padding: 15px;
307
- border-radius: 6px;
308
- margin-bottom: 15px;
309
- box-shadow: 0 2px 4px rgba(0,0,0,0.1);
310
- transition: background-color 0.3s ease;
311
- }
312
-
313
- .product-name {
314
- font-weight: 600;
315
- color: var(--text-color);
316
- margin-bottom: 8px;
317
- font-size: 1.1em;
318
- }
319
-
320
- .product-reason {
321
- color: var(--text-color);
322
- font-size: 0.95em;
323
- line-height: 1.5;
324
- font-weight: normal;
325
- opacity: 0.8;
326
- }
327
-
328
- .final-recommendation {
329
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
330
- border-radius: 12px;
331
- color: white;
332
- padding: 25px;
333
- }
334
-
335
- .final-recommendation h3 {
336
- color: white;
337
- font-size: 1.8em;
338
- margin-bottom: 20px;
339
- font-weight: 700;
340
- }
341
-
342
- .recommendation-content {
343
- font-size: 1.1em;
344
- line-height: 1.7;
345
- text-align: left;
346
- font-weight: normal;
347
- color: white;
348
- }
349
-
350
- .recommendation-content strong {
351
- font-weight: 600;
352
- color: white;
353
- }
354
-
355
- .trend-insight {
356
- background-color: var(--trend-bg);
357
- padding: 15px 20px;
358
- border-left: 5px solid var(--trend-border);
359
- margin: 20px 0;
360
- border-radius: 5px;
361
- color: var(--text-color);
362
- transition: background-color 0.3s ease;
363
- }
364
-
365
- .market-metrics {
366
- display: grid;
367
- grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
368
- gap: 20px;
369
- margin: 20px 0;
370
- }
371
-
372
- .metric-card {
373
- background-color: var(--metric-bg);
374
- padding: 20px;
375
- border-radius: 8px;
376
- text-align: center;
377
- border: 1px solid var(--metric-border);
378
- transition: background-color 0.3s ease, border-color 0.3s ease;
379
- }
380
-
381
- .metric-value {
382
- font-size: 2em;
383
- font-weight: 700;
384
- color: var(--primary-color);
385
- margin-bottom: 5px;
386
- }
387
-
388
- .metric-label {
389
- color: var(--text-color);
390
- font-size: 0.9em;
391
- font-weight: normal;
392
- opacity: 0.8;
393
- }
394
-
395
- .highlight-text {
396
- background-color: var(--highlight-bg);
397
- padding: 2px 6px;
398
- border-radius: 3px;
399
- font-weight: 600;
400
- color: var(--warning-text);
401
- transition: background-color 0.3s ease, color 0.3s ease;
402
- }
403
-
404
- /* ๋‹คํฌ๋ชจ๋“œ์—์„œ ๊ทธ๋ผ๋ฐ์ด์…˜ ๋ฐฐ๊ฒฝ ์กฐ์ • */
405
- @media (prefers-color-scheme: dark) {
406
- .final-recommendation {
407
- background: linear-gradient(135deg, #4a5568 0%, #553c9a 100%);
408
- }
409
- }
410
-
411
- [data-theme="dark"] .final-recommendation,
412
- .dark .final-recommendation,
413
- .gr-theme-dark .final-recommendation {
414
- background: linear-gradient(135deg, #4a5568 0%, #553c9a 100%);
415
- }
416
-
417
- /* ์ „ํ™˜ ์• ๋‹ˆ๋ฉ”์ด์…˜ */
418
- * {
419
- transition: background-color 0.3s ease,
420
- color 0.3s ease,
421
- border-color 0.3s ease;
422
- }