Hugging Face's logo

Spaces:
Kevinshh
/
Preformu
Sleeping

App Files Community
Kevinshh commited on
Commit
9b03d00
·
verified ·
1 Parent(s): 5edfbee

Upload stability_professional_report.html

Browse files
Files changed (1) hide show
  1. templates/stability_professional_report.html +386 -0
templates/stability_professional_report.html ADDED
@@ -0,0 +1,386 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="zh-CN">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>药物稳定性预测分析报告</title>
8
+
9
+ <!-- MathJax for Mathematical Formulas -->
10
+ <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
11
+
12
+ <style>
13
+ * {
14
+ margin: 0;
15
+ padding: 0;
16
+ box-sizing: border-box;
17
+ }
18
+
19
+ body {
20
+ font-family: 'Segoe UI', 'Microsoft YaHei', Arial, sans-serif;
21
+ line-height: 1.8;
22
+ color: #2c3e50;
23
+ background: #f8f9fa;
24
+ padding: 20px;
25
+ }
26
+
27
+ .container {
28
+ max-width: 1000px;
29
+ margin: 0 auto;
30
+ background: white;
31
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
32
+ }
33
+
34
+ /* Header */
35
+ .report-header {
36
+ background: linear-gradient(135deg, #003366 0%, #0066cc 100%);
37
+ color: white;
38
+ padding: 40px 30px;
39
+ text-align: center;
40
+ }
41
+
42
+ .report-title {
43
+ font-size: 28px;
44
+ font-weight: bold;
45
+ margin-bottom: 10px;
46
+ }
47
+
48
+ .report-subtitle {
49
+ font-size: 16px;
50
+ opacity: 0.9;
51
+ }
52
+
53
+ /* Metadata */
54
+ .metadata {
55
+ display: flex;
56
+ justify-content: space-around;
57
+ background: #e8f4f8;
58
+ padding: 15px;
59
+ border-bottom: 3px solid #0066cc;
60
+ }
61
+
62
+ .metadata-item {
63
+ text-align: center;
64
+ }
65
+
66
+ .metadata-label {
67
+ font-size: 12px;
68
+ color: #666;
69
+ text-transform: uppercase;
70
+ }
71
+
72
+ .metadata-value {
73
+ font-size: 14px;
74
+ font-weight: bold;
75
+ color: #003366;
76
+ margin-top: 5px;
77
+ }
78
+
79
+ /* Content */
80
+ .content {
81
+ padding: 40px 50px;
82
+ }
83
+
84
+ /* Section */
85
+ .section {
86
+ margin-bottom: 40px;
87
+ page-break-inside: avoid;
88
+ }
89
+
90
+ .section-title {
91
+ font-size: 20px;
92
+ color: #003366;
93
+ border-bottom: 2px solid #0066cc;
94
+ padding-bottom: 10px;
95
+ margin-bottom: 20px;
96
+ font-weight: 600;
97
+ }
98
+
99
+ .subsection-title {
100
+ font-size: 16px;
101
+ color: #0066cc;
102
+ margin: 20px 0 10px 0;
103
+ font-weight: 600;
104
+ }
105
+
106
+ /* Executive Summary Box */
107
+ .executive-summary {
108
+ background: #fff3cd;
109
+ border-left: 4px solid #ffc107;
110
+ padding: 20px;
111
+ margin: 20px 0;
112
+ }
113
+
114
+ .executive-summary .key-finding {
115
+ font-size: 18px;
116
+ font-weight: bold;
117
+ color: #856404;
118
+ margin-bottom: 10px;
119
+ }
120
+
121
+ /* Tables */
122
+ table {
123
+ width: 100%;
124
+ border-collapse: collapse;
125
+ margin: 15px 0;
126
+ font-size: 14px;
127
+ }
128
+
129
+ thead {
130
+ background: #003366;
131
+ color: white;
132
+ }
133
+
134
+ th,
135
+ td {
136
+ padding: 12px;
137
+ text-align: left;
138
+ border-bottom: 1px solid #ddd;
139
+ }
140
+
141
+ tbody tr:hover {
142
+ background: #f5f5f5;
143
+ }
144
+
145
+ /* Alert Boxes */
146
+ .alert {
147
+ padding: 15px 20px;
148
+ margin: 15px 0;
149
+ border-radius: 4px;
150
+ border-left: 4px solid;
151
+ }
152
+
153
+ .alert-success {
154
+ background: #d4edda;
155
+ border-color: #28a745;
156
+ color: #155724;
157
+ }
158
+
159
+ .alert-warning {
160
+ background: #fff3cd;
161
+ border-color: #ffc107;
162
+ color: #856404;
163
+ }
164
+
165
+ .alert-danger {
166
+ background: #f8d7da;
167
+ border-color: #dc3545;
168
+ color: #721c24;
169
+ }
170
+
171
+ .alert-info {
172
+ background: #d1ecf1;
173
+ border-color: #17a2b8;
174
+ color: #0c5460;
175
+ }
176
+
177
+ /* Code/Formula Block */
178
+ .formula-block {
179
+ background: #f8f9fa;
180
+ border: 1px solid #dee2e6;
181
+ padding: 15px;
182
+ margin: 15px 0;
183
+ border-radius: 4px;
184
+ font-family: 'Courier New', monospace;
185
+ overflow-x: auto;
186
+ }
187
+
188
+ /* List Styling */
189
+ ul,
190
+ ol {
191
+ margin: 15px 0 15px 30px;
192
+ }
193
+
194
+ li {
195
+ margin: 8px 0;
196
+ }
197
+
198
+ /* Badge */
199
+ .badge {
200
+ display: inline-block;
201
+ padding: 4px 10px;
202
+ font-size: 12px;
203
+ font-weight: bold;
204
+ border-radius: 12px;
205
+ margin: 0 5px;
206
+ }
207
+
208
+ .badge-high {
209
+ background: #28a745;
210
+ color: white;
211
+ }
212
+
213
+ .badge-medium {
214
+ background: #ffc107;
215
+ color: #333;
216
+ }
217
+
218
+ .badge-low {
219
+ background: #dc3545;
220
+ color: white;
221
+ }
222
+
223
+ /* Footer */
224
+ .report-footer {
225
+ background: #f8f9fa;
226
+ padding: 20px;
227
+ text-align: center;
228
+ font-size: 12px;
229
+ color: #666;
230
+ border-top: 2px solid #dee2e6;
231
+ }
232
+
233
+ /* Print Styles */
234
+ @media print {
235
+ body {
236
+ background: white;
237
+ padding: 0;
238
+ }
239
+
240
+ .container {
241
+ box-shadow: none;
242
+ }
243
+
244
+ .section {
245
+ page-break-inside: avoid;
246
+ }
247
+ }
248
+ </style>
249
+ </head>
250
+
251
+ <body>
252
+ <div class="container">
253
+ <!-- Header -->
254
+ <div class="report-header">
255
+ <div class="report-title">药物稳定性预测分析报告</div>
256
+ <div class="report-subtitle">Pharmaceutical Stability Prediction Analysis Report</div>
257
+ </div>
258
+
259
+ <!-- Metadata -->
260
+ <div class="metadata">
261
+ <div class="metadata-item">
262
+ <div class="metadata-label">Report ID</div>
263
+ <div class="metadata-value" id="report-id">{{REPORT_ID}}</div>
264
+ </div>
265
+ <div class="metadata-item">
266
+ <div class="metadata-label">Generated Date</div>
267
+ <div class="metadata-value" id="report-date">{{REPORT_DATE}}</div>
268
+ </div>
269
+ <div class="metadata-item">
270
+ <div class="metadata-label">Analysis Mode</div>
271
+ <div class="metadata-value">科学建模 (Scientific Modeling)</div>
272
+ </div>
273
+ </div>
274
+
275
+ <!-- Content -->
276
+ <div class="content">
277
+ <!-- Executive Summary -->
278
+ <div class="section">
279
+ <div class="section-title">一、执行摘要 (Executive Summary)</div>
280
+ <div class="executive-summary">
281
+ <div class="key-finding">核心结论</div>
282
+ <div id="executive-summary-content">
283
+ {{EXECUTIVE_SUMMARY}}
284
+ </div>
285
+ </div>
286
+ </div>
287
+
288
+ <!-- Data Overview -->
289
+ <div class="section">
290
+ <div class="section-title">二、数据概览 (Data Overview)</div>
291
+ <div id="data-overview">
292
+ {{DATA_OVERVIEW}}
293
+ </div>
294
+ </div>
295
+
296
+ <!-- Modeling Methodology -->
297
+ <div class="section">
298
+ <div class="section-title">三、建模方法 (Modeling Methodology)</div>
299
+
300
+ <div class="subsection-title">3.1 动力学模型选择</div>
301
+ <div id="kinetics-model">
302
+ {{KINETICS_MODEL}}
303
+ </div>
304
+
305
+ <div class="subsection-title">3.2 Arrhenius 加速原理</div>
306
+ <div class="formula-block">
307
+ $$AF = \frac{k_{加速}}{k_{长期}} = \exp\left[\frac{E_a}{R}\left(\frac{1}{T_{长期}} -
308
+ \frac{1}{T_{加速}}\right)\right]$$
309
+ </div>
310
+ <div id="arrhenius-explanation">
311
+ {{ARRHENIUS_EXPLANATION}}
312
+ </div>
313
+
314
+ <div class="subsection-title">3.3 跨处方趋势迁移 (若适用)</div>
315
+ <div id="trend-transfer">
316
+ {{TREND_TRANSFER}}
317
+ </div>
318
+ </div>
319
+
320
+ <!-- Kinetic Analysis Results -->
321
+ <div class="section">
322
+ <div class="section-title">四、动力学分析结果 (Kinetic Analysis)</div>
323
+ <div id="kinetic-results">
324
+ {{KINETIC_RESULTS}}
325
+ </div>
326
+ </div>
327
+
328
+ <!-- Quantitative Predictions -->
329
+ <div class="section">
330
+ <div class="section-title">五、定量预测 (Quantitative Prediction)</div>
331
+ <div id="predictions">
332
+ {{PREDICTIONS}}
333
+ </div>
334
+ </div>
335
+
336
+ <!-- Uncertainty Assessment -->
337
+ <div class="section">
338
+ <div class="section-title">六、不确定性评估 (Uncertainty Assessment)</div>
339
+ <div id="uncertainty">
340
+ {{UNCERTAINTY_ASSESSMENT}}
341
+ </div>
342
+ </div>
343
+
344
+ <!-- Regulatory Compliance -->
345
+ <div class="section">
346
+ <div class="section-title">七、法规合规性 (Regulatory Compliance)</div>
347
+ <div class="alert alert-info">
348
+ <strong>ICH Q1E框架:</strong> 本报告的预测方法和不��定性量化符合ICH Q1E《稳定性数据评价》指导原则的要求。
349
+ </div>
350
+ <div id="regulatory">
351
+ {{REGULATORY_COMPLIANCE}}
352
+ </div>
353
+ </div>
354
+
355
+ <!-- Conclusions and Recommendations -->
356
+ <div class="section">
357
+ <div class="section-title">八、结论与建议 (Conclusions & Recommendations)</div>
358
+ <div id="conclusions">
359
+ {{CONCLUSIONS}}
360
+ </div>
361
+ </div>
362
+
363
+ <!-- Appendix -->
364
+ <div class="section">
365
+ <div class="section-title">九、附录 (Appendix)</div>
366
+ <div class="subsection-title">A. 原始数据</div>
367
+ <div id="raw-data">
368
+ {{RAW_DATA}}
369
+ </div>
370
+
371
+ <div class="subsection-title">B. 计算详细步骤</div>
372
+ <div id="calculation-details">
373
+ {{CALCULATION_DETAILS}}
374
+ </div>
375
+ </div>
376
+ </div>
377
+
378
+ <!-- Footer -->
379
+ <div class="report-footer">
380
+ <p>Generated by Drug Stability Skill | AI-Assisted Scientific Modeling</p>
381
+ <p>© 2025 Professional Stability Analysis Platform</p>
382
+ </div>
383
+ </div>
384
+ </body>
385
+
386
+ </html>