PageSourceSearch

https://sinaweb.net/sina-workflows.html

html sinaweb.net collected 2026-09-24 10:08:16 UTC 109,167 bytes, 2,095 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fa" dir="rtl" data-theme="light">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<meta name="description" content="گردش‌کارهای سامانه سیناوب - راهنمای بصری فرآیندهای کلیدی مدیریت نشریات">
7<title>گردش‌کارهای سامانه سیناوب</title>
8<link rel="stylesheet" href="/fonts/vazirmatn/vazirmatn.css">
9<style>
10:root{--f:"Vazirmatn",Tahoma,sans-serif;--e:cubic-bezier(.16,1,.3,1);--sp:cubic-bezier(.34,1.56,.64,1);--r:16px;--rs:10px}
11[data-theme="dark"]{--bg:#070f1e;--bg1:#0c1629;--bg2:#101e38;--card:#0f1a30;--card-h:#142240;--brd:#182a48;--brd-h:#243a5c;--t1:#eef3fa;--t2:#8a9fc0;--t3:#566d94;--gold:#e8a830;--gold-g:rgba(232,168,48,.1);--gold-gs:rgba(232,168,48,.22);--blue:#4a90e2;--blue-g:rgba(74,144,226,.1);--grn:#3ec97a;--grn-g:rgba(62,201,122,.1);--nav:rgba(7,15,30,.84);--hv:rgba(255,255,255,.04);--shadow:0 14px 36px rgba(0,4,12,.5);--foot:#050b18;--amb1:rgba(232,168,48,.025);--amb2:rgba(74,144,226,.02);--amb3:rgba(62,201,122,.018);--hl:#f5c45a;--inp-bg:rgba(15,24,50,.95);--inp-brd:rgba(74,100,150,.7)}
12[data-theme="light"]{--bg:#f6f8fc;--bg1:#ffffff;--bg2:#edf1f9;--card:#ffffff;--card-h:#f4f7ff;--brd:#dde3ef;--brd-h:#c4cde0;--t1:#111b2e;--t2:#4a5d7e;--t3:#8d9bb5;--gold:#c48a10;--gold-g:rgba(196,138,16,.07);--gold-gs:rgba(196,138,16,.16);--blue:#2b6bc5;--blue-g:rgba(43,107,197,.07);--grn:#1a9a52;--grn-g:rgba(26,154,82,.07);--nav:rgba(246,248,252,.88);--hv:rgba(0,0,0,.035);--shadow:0 10px 28px rgba(17,27,46,.07);--foot:#111b2e;--amb1:rgba(196,138,16,.018);--amb2:rgba(43,107,197,.015);--amb3:rgba(26,154,82,.012);--hl:#b07a08;--inp-bg:#fff;--inp-brd:#c4cde0}
13nav{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);background:var(--nav);border-bottom:1px solid var(--brd)}
14.n{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:11px 32px;gap:14px}
15.nl{display:flex;align-items:center;gap:11px}
16.nm{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--gold),#c48a10);display:grid;place-items:center;color:#fff;font-weight:900;font-size:.72rem;font-family:system-ui,sans-serif}
17.nn{font-weight:800;font-size:1.12rem;color:var(--t1)}
18.nk{display:flex;align-items:center;gap:4px}
19.nk a{color:var(--t2);padding:8px 13px;border-radius:var(--rs);font-size:.84rem;font-weight:500;transition:all .22s}
20.nk a:hover{color:var(--t1);background:var(--hv)}
21.nc{background:var(--gold)!important;color:#fff!important;font-weight:700!important;border-radius:var(--rs)!important;padding:8px 18px!important;font-size:.84rem!important;box-shadow:0 0 20px var(--gold-g);transition:all .3s!important}
22.nc:hover{filter:brightness(1.08);box-shadow:0 0 30px var(--gold-gs);transform:translateY(-1px)}
23</style>
24<style>
25  :root { --radius: 16px; }
26  [data-theme="light"] {
27    --bg: #f6f8fc;
28    --surface: #ffffff;
29    --surface2: #eef3fa;
30    --border: rgba(10,19,48,0.08);
31    --accent: #2b6bc5;
32    --accent2: #0e92a2;
33    --accent3: #7c3de0;
34    --accent4: #1a9a52;
35    --accent5: #c48a10;
36    --accent6: #dc2626;
37    --accent7: #db2777;
38    --text: #111b2e;
39    --text-muted: #4a5d7e;
40    --text-faint: #8d9bb5;
41    --gold: #c48a10;
42  }
43  [data-theme="dark"] {
44    --bg: #0a0e1a;
45    --surface: #111827;
46    --surface2: #1a2236;
47    --border: rgba(99,179,237,0.12);
48    --accent: #3b82f6;
49    --accent2: #06b6d4;
50    --accent3: #8b5cf6;
51    --accent4: #10b981;
52    --accent5: #f59e0b;
53    --accent6: #ef4444;
54    --accent7: #ec4899;
55    --text: #e2e8f0;
56    --text-muted: #94a3b8;
57    --text-faint: #475569;
58    --gold: #f59e0b;
59  }
60
61  * { margin: 0; padding: 0; box-sizing: border-box; }
62
63  body {
64    font-family: 'Vazirmatn', sans-serif;
65    background: var(--bg);
66    color: var(--text);
67    min-height: 100vh;
68    overflow-x: hidden;
69  }
70
71  /* Animated background */
72  [data-theme="light"] body::before {
73    content: ;
74    position: fixed;
75    inset: 0;
76    background:
77      radial-gradient(ellipse 90% 60% at 50% 0%, #fff8e1, transparent 72%),
78      radial-gradient(circle 360px at 85% 25%, rgba(26,184,212,0.18), transparent),
79      radial-gradient(circle 280px at 12% 68%, rgba(26,184,212,0.10), transparent);
80    pointer-events: none;
81    z-index: 0;
82  }
83  [data-theme="dark"] body::before {
84    content: ;
85    position: fixed;
86    inset: 0;
87    background:
88      radial-gradient(ellipse 80% 50% at 20% 10%, rgba(59,130,246,0.08) 0%, transparent 60%),
89      radial-gradient(ellipse 60% 40% at 80% 80%, rgba(139,92,246,0.07) 0%, transparent 60%),
90      radial-gradient(ellipse 40% 30% at 50% 50%, rgba(6,182,212,0.04) 0%, transparent 60%);
91    pointer-events: none;
92    z-index: 0;
93  }
94
95  .container {
96    max-width: 1280px;
97    margin: 0 auto;
98    padding: 0 24px;
99    position: relative;
100    z-index: 1;
101  }
102
103  /* ─── HEADER ─── */
104  header {
105    padding: 48px 0 32px;
106    text-align: center;
107    position: relative;
108  }
109
110  .header-badge {
111    display: inline-flex;
112    align-items: center;
113    gap: 8px;
114    background: rgba(59,130,246,0.12);
115    border: 1px solid rgba(59,130,246,0.3);
116    border-radius: 100px;
117    padding: 6px 16px;
118    font-size: 12px;
119    color: var(--accent2);
120    letter-spacing: 0.05em;
121    margin-bottom: 20px;
122  }
123  .header-badge span { width:6px; height:6px; border-radius:50%; background:var(--accent2); animation: pulse 2s infinite; }
124  @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.3)} }
125
126  h1 {
127    font-size: clamp(28px, 5vw, 52px);
128    font-weight: 800;
129    line-height: 1.15;
130    background: linear-gradient(135deg, #e2e8f0 0%, #93c5fd 40%, #c4b5fd 70%, #e2e8f0 100%);
131    -webkit-background-clip: text;
132    -webkit-text-fill-color: transparent;
133    background-clip: text;
134    margin-bottom: 12px;
135  }
136
137  .subtitle {
138    color: var(--text-muted);
139    font-size: 16px;
140    font-weight: 400;
141    max-width: 560px;
142    margin: 0 auto 40px;
143    line-height: 1.7;
144  }
145
146  /* ─── WORKFLOW TABS ─── */
147  .tabs-wrapper {
148    display: flex;
149    gap: 8px;
150    flex-wrap: wrap;
151    justify-content: center;
152    margin-bottom: 40px;
153  }
154
155  .tab-btn {
156    display: flex;
157    align-items: center;
158    gap: 8px;
159    padding: 10px 18px;
160    border-radius: 100px;
161    border: 1px solid var(--border);
162    background: var(--surface);
163    color: var(--text-muted);
164    font-family: 'Vazirmatn', sans-serif;
165    font-size: 13px;
166    font-weight: 500;
167    cursor: pointer;
168    transition: all 0.2s;
169    white-space: nowrap;
170  }
171  .tab-btn:hover { border-color: rgba(99,179,237,0.3); color: var(--text); }
172  .tab-btn.active {
173    background: var(--accent);
174    border-color: var(--accent);
175    color: white;
176    box-shadow: 0 0 20px rgba(59,130,246,0.3);
177  }
178  .tab-icon { font-size: 16px; }
179
180  /* ─── WORKFLOW PANEL ─── */
181  .workflow-panel {
182    display: none;
183    animation: fadeUp 0.4s ease;
184  }
185  .workflow-panel.active { display: block; }
186
187  @keyframes fadeUp {
188    from { opacity: 0; transform: translateY(16px); }
189    to { opacity: 1; transform: translateY(0); }
190  }
191
192  /* ─── WORKFLOW HEADER ─── */
193  .workflow-header {
194    display: flex;
195    align-items: flex-start;
196    gap: 20px;
197    background: var(--surface);
198    border: 1px solid var(--border);
199    border-radius: var(--radius);
200    padding: 28px 32px;
201    margin-bottom: 32px;
202    position: relative;
203    overflow: hidden;
204  }
205  .workflow-header::before {
206    content: '';
207    position: absolute;
208    top: 0; left: 0; right: 0;
209    height: 3px;
210    background: var(--wf-color, var(--accent));
211  }
212  .workflow-icon-big {
213    font-size: 40px;
214    flex-shrink: 0;
215    width: 72px;
216    height: 72px;
217    display: flex;
218    align-items: center;
219    justify-content: center;
220    background: rgba(255,255,255,0.04);
221    border-radius: 14px;
222    border: 1px solid var(--border);
223  }
224  .workflow-title { font-size: 22px; font-weight: 700; margin-bottom: 6px; }
225  .workflow-desc { color: var(--text-muted); font-size: 14px; line-height: 1.7; }
226  .workflow-meta {
227    display: flex;
228    gap: 12px;
229    margin-top: 12px;
230    flex-wrap: wrap;
231  }
232  .meta-chip {
233    display: flex;
234    align-items: center;
235    gap: 5px;
236    font-size: 12px;
237    color: var(--text-muted);
238    background: rgba(255,255,255,0.04);
239    border: 1px solid var(--border);
240    border-radius: 100px;
241    padding: 4px 12px;
242  }
243
244  /* ─── FLOW DIAGRAM ─── */
245  .flow-container {
246    position: relative;
247    margin-bottom: 32px;
248  }
249
250  .flow-steps {
251    display: flex;
252    flex-direction: column;
253    gap: 0;
254    position: relative;
255  }
256
257  .flow-step {
258    display: flex;
259    gap: 0;
260    position: relative;
261    cursor: pointer;
262  }
263
264  .step-connector {
265    display: flex;
266    flex-direction: column;
267    align-items: center;
268    flex-shrink: 0;
269    width: 56px;
270    margin-left: 16px;
271  }
272
273  .step-num {
274    width: 40px;
275    height: 40px;
276    border-radius: 50%;
277    display: flex;
278    align-items: center;
279    justify-content: center;
280    font-weight: 700;
281    font-size: 15px;
282    flex-shrink: 0;
283    position: relative;
284    z-index: 2;
285    transition: all 0.25s;
286    border: 2px solid;
287  }
288
289  .step-line {
290    width: 2px;
291    flex: 1;
292    min-height: 20px;
293    background: var(--border);
294    margin: 4px 0;
295    transition: background 0.3s;
296    position: relative;
297  }
298
299  .step-line::after {
300    content: '';
301    position: absolute;
302    bottom: 0;
303    left: 50%;
304    transform: translateX(-50%);
305    border-left: 5px solid transparent;
306    border-right: 5px solid transparent;
307    border-top: 7px solid var(--border);
308    transition: border-top-color 0.3s;
309  }
310
311  .flow-step:last-child .step-line { display: none; }
312
313  .step-body {
314    flex: 1;
315    padding: 0 0 28px 0;
316  }
317
318  .step-card {
319    background: var(--surface);
320    border: 1px solid var(--border);
321    border-radius: 14px;
322    padding: 20px 24px;
323    transition: all 0.25s;
324    position: relative;
325    overflow: hidden;
326  }
327  .step-card::before {
328    content: '';
329    position: absolute;
330    inset: 0;
331    opacity: 0;
332    background: radial-gradient(ellipse at top left, rgba(255,255,255,0.03) 0%, transparent 70%);
333    transition: opacity 0.3s;
334  }
335
336  .flow-step:hover .step-card,
337  .flow-step.expanded .step-card {
338    border-color: var(--step-color, var(--accent));
339    box-shadow: 0 0 0 1px var(--step-color, var(--accent)), 0 8px 32px rgba(0,0,0,0.3);
340    transform: translateX(-4px);
341  }
342  .flow-step:hover .step-card::before,
343  .flow-step.expanded .step-card::before { opacity: 1; }
344
345  .flow-step:hover .step-num,
346  .flow-step.expanded .step-num {
347    transform: scale(1.1);
348    box-shadow: 0 0 16px var(--step-color, var(--accent));
349  }
350
351  .flow-step:hover .step-line { background: var(--step-color, var(--accent)); }
352  .flow-step:hover .step-line::after { border-top-color: var(--step-color, var(--accent)); }
353
354  .step-title {
355    font-size: 15px;
356    font-weight: 600;
357    margin-bottom: 6px;
358    display: flex;
359    align-items: center;
360    gap: 10px;
361  }
362  .step-title-icon { font-size: 18px; }
363
364  .step-summary {
365    font-size: 13px;
366    color: var(--text-muted);
367    line-height: 1.6;
368  }
369
370  .step-tags {
371    display: flex;
372    gap: 6px;
373    margin-top: 10px;
374    flex-wrap: wrap;
375  }
376  .step-tag {
377    font-size: 11px;
378    padding: 3px 10px;
379    border-radius: 100px;
380    font-weight: 500;
381  }
382
383  .step-details {
384    max-height: 0;
385    overflow: hidden;
386    transition: max-height 0.4s ease;
387  }
388  .flow-step.expanded .step-details { max-height: 400px; }
389
390  .step-details-inner {
391    border-top: 1px solid var(--border);
392    margin-top: 14px;
393    padding-top: 14px;
394  }
395
396  .detail-item {
397    display: flex;
398    gap: 10px;
399    padding: 8px 0;
400    font-size: 13px;
401    line-height: 1.6;
402    border-bottom: 1px solid rgba(255,255,255,0.04);
403  }
404  .detail-item:last-child { border-bottom: none; }
405  .detail-bullet { color: var(--step-color, var(--accent)); flex-shrink: 0; margin-top: 2px; }
406
407  .expand-hint {
408    position: absolute;
409    top: 14px;
410    left: 16px;
411    font-size: 11px;
412    color: var(--text-faint);
413    display: flex;
414    align-items: center;
415    gap: 4px;
416    transition: color 0.2s;
417  }
418  .flow-step:hover .expand-hint { color: var(--text-muted); }
419  .expand-icon { transition: transform 0.3s; font-size: 10px; }
420  .flow-step.expanded .expand-icon { transform: rotate(180deg); }
421
422  /* ─── BRANCH / DECISION ─── */
423  .decision-node {
424    display: flex;
425    justify-content: center;
426    margin: 8px 0 8px 72px;
427    position: relative;
428  }
429  .decision-box {
430    background: rgba(245,158,11,0.1);
431    border: 1.5px dashed rgba(245,158,11,0.5);
432    border-radius: 12px;
433    padding: 12px 24px;
434    font-size: 13px;
435    font-weight: 600;
436    color: var(--gold);
437    display: flex;
438    align-items: center;
439    gap: 8px;
440    position: relative;
441  }
442
443  .branch-row {
444    display: grid;
445    grid-template-columns: 1fr 1fr;
446    gap: 16px;
447    margin: 0 0 24px 72px;
448  }
449  .branch-card {
450    border-radius: 12px;
451    padding: 16px 18px;
452    border: 1px solid var(--border);
453    font-size: 13px;
454    line-height: 1.6;
455    position: relative;
456    overflow: hidden;
457  }
458  .branch-card::before {
459    content: '';
460    position: absolute;
461    top: 0; left: 0; right: 0;
462    height: 2px;
463  }
464  .branch-yes { background: rgba(16,185,129,0.06); }
465  .branch-yes::before { background: var(--accent4); }
466  .branch-no { background: rgba(239,68,68,0.06); }
467  .branch-no::before { background: var(--accent6); }
468
469  .branch-label {
470    font-size: 11px;
471    font-weight: 700;
472    text-transform: uppercase;
473    letter-spacing: 0.08em;
474    margin-bottom: 6px;
475    display: flex;
476    align-items: center;
477    gap: 6px;
478  }
479  .branch-yes .branch-label { color: var(--accent4); }
480  .branch-no .branch-label { color: var(--accent6); }
481
482  /* ─── ROLE BADGES ─── */
483  .role-section {
484    margin-bottom: 40px;
485  }
486  .role-section-title {
487    font-size: 18px;
488    font-weight: 700;
489    margin-bottom: 20px;
490    display: flex;
491    align-items: center;
492    gap: 10px;
493  }
494  .role-section-title::after {
495    content: '';
496    flex: 1;
497    height: 1px;
498    background: var(--border);
499  }
500
501  .roles-grid {
502    display: grid;
503    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
504    gap: 16px;
505  }
506
507  .role-card {
508    background: var(--surface);
509    border: 1px solid var(--border);
510    border-radius: var(--radius);
511    padding: 20px;
512    transition: all 0.25s;
513    cursor: pointer;
514    position: relative;
515    overflow: hidden;
516  }
517  .role-card::after {
518    content: '';
519    position: absolute;
520    bottom: 0; left: 0; right: 0;
521    height: 2px;
522    background: var(--role-color, var(--accent));
523    opacity: 0;
524    transition: opacity 0.25s;
525  }
526  .role-card:hover {
527    border-color: var(--role-color, var(--accent));
528    transform: translateY(-4px);
529    box-shadow: 0 12px 32px rgba(0,0,0,0.3);
530  }
531  .role-card:hover::after { opacity: 1; }
532
533  .role-header {
534    display: flex;
535    align-items: center;
536    gap: 14px;
537    margin-bottom: 14px;
538  }
539  .role-emoji {
540    font-size: 28px;
541    width: 52px;
542    height: 52px;
543    display: flex;
544    align-items: center;
545    justify-content: center;
546    border-radius: 12px;
547    background: rgba(255,255,255,0.04);
548    border: 1px solid var(--border);
549    flex-shrink: 0;
550  }
551  .role-name { font-size: 16px; font-weight: 700; }
552  .role-subtitle { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
553
554  .role-tasks {
555    list-style: none;
556    display: flex;
557    flex-direction: column;
558    gap: 6px;
559  }
560  .role-tasks li {
561    display: flex;
562    align-items: flex-start;
563    gap: 8px;
564    font-size: 12.5px;
565    color: var(--text-muted);
566    line-height: 1.5;
567  }
568  .role-tasks li::before {
569    content: '›';
570    color: var(--role-color, var(--accent));
571    font-weight: 700;
572    flex-shrink: 0;
573    margin-top: 1px;
574  }
575
576  /* ─── STATUS MAP ─── */
577  .status-grid {
578    display: grid;
579    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
580    gap: 12px;
581    margin-bottom: 32px;
582  }
583  .status-card {
584    background: var(--surface);
585    border: 1px solid var(--border);
586    border-radius: 12px;
587    padding: 16px 18px;
588    transition: all 0.2s;
589  }
590  .status-card:hover {
591    transform: scale(1.02);
592    border-color: var(--status-color, var(--accent));
593  }
594  .status-name {
595    font-size: 13px;
596    font-weight: 600;
597    margin-bottom: 4px;
598    display: flex;
599    align-items: center;
600    gap: 8px;
601  }
602  .status-dot {
603    width: 8px; height: 8px;
604    border-radius: 50%;
605    background: var(--status-color, var(--accent));
606    flex-shrink: 0;
607  }
608  .status-who { font-size: 11px; color: var(--text-muted); }
609
610  /* ─── LEGEND ─── */
611  .legend {
612    display: flex;
613    gap: 20px;
614    flex-wrap: wrap;
615    margin-bottom: 24px;
616    padding: 14px 20px;
617    background: var(--surface);
618    border-radius: 10px;
619    border: 1px solid var(--border);
620  }
621  .legend-item {
622    display: flex;
623    align-items: center;
624    gap: 8px;
625    font-size: 12px;
626    color: var(--text-muted);
627  }
628
629  /* ─── TOOLTIP ─── */
630  .tooltip-wrap { position: relative; display: inline-flex; }
631  .tooltip {
632    position: absolute;
633    bottom: calc(100% + 8px);
634    right: 50%;
635    transform: translateX(50%);
636    background: #1e293b;
637    border: 1px solid var(--border);
638    border-radius: 8px;
639    padding: 8px 12px;
640    font-size: 12px;
641    color: var(--text);
642    width: 220px;
643    text-align: right;
644    pointer-events: none;
645    opacity: 0;
646    transition: opacity 0.2s;
647    z-index: 100;
648    line-height: 1.5;
649    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
650  }
651  .tooltip-wrap:hover .tooltip { opacity: 1; }
652
653  /* ─── SEARCH ─── */
654  .search-bar {
655    display: flex;
656    align-items: center;
657    gap: 12px;
658    background: var(--surface);
659    border: 1px solid var(--border);
660    border-radius: 100px;
661    padding: 10px 20px;
662    margin-bottom: 32px;
663    transition: border-color 0.2s;
664  }
665  .search-bar:focus-within { border-color: var(--accent); }
666  .search-icon { color: var(--text-faint); font-size: 16px; flex-shrink: 0; }
667  .search-input {
668    flex: 1;
669    background: none;
670    border: none;
671    outline: none;
672    font-family: 'Vazirmatn', sans-serif;
673    font-size: 14px;
674    color: var(--text);
675    text-align: right;
676  }
677  .search-input::placeholder { color: var(--text-faint); }
678
679  /* ─── SECTION DIVIDER ─── */
680  .divider {
681    display: flex;
682    align-items: center;
683    gap: 16px;
684    margin: 36px 0 24px;
685  }
686  .divider-line { flex: 1; height: 1px; background: var(--border); }
687  .divider-text { font-size: 12px; color: var(--text-faint); white-space: nowrap; }
688
689  /* ─── TIMELINE (for article lifecycle) ─── */
690  .timeline {
691    position: relative;
692    padding-right: 32px;
693  }
694  .timeline::before {
695    content: '';
696    position: absolute;
697    right: 0;
698    top: 24px;
699    bottom: 24px;
700    width: 2px;
701    background: linear-gradient(to bottom, var(--accent), var(--accent3), var(--accent4));
702    border-radius: 2px;
703  }
704
705  .timeline-item {
706    position: relative;
707    padding: 0 28px 28px 0;
708    display: flex;
709    gap: 20px;
710    align-items: flex-start;
711  }
712  .timeline-dot {
713    position: absolute;
714    right: -7px;
715    top: 6px;
716    width: 14px;
717    height: 14px;
718    border-radius: 50%;
719    background: var(--tl-color, var(--accent));
720    border: 2px solid var(--bg);
721    box-shadow: 0 0 10px var(--tl-color, var(--accent));
722    flex-shrink: 0;
723  }
724  .timeline-body {
725    flex: 1;
726    background: var(--surface);
727    border: 1px solid var(--border);
728    border-radius: 12px;
729    padding: 16px 20px;
730    transition: all 0.2s;
731  }
732  .timeline-body:hover {
733    border-color: var(--tl-color, var(--accent));
734    transform: translateX(-4px);
735  }
736  .timeline-label {
737    font-size: 11px;
738    font-weight: 700;
739    text-transform: uppercase;
740    letter-spacing: 0.07em;
741    margin-bottom: 4px;
742    color: var(--tl-color, var(--accent));
743  }
744  .timeline-title { font-size: 14px; font-weight: 600; margin-bottom: 4px; }
745  .timeline-desc { font-size: 12.5px; color: var(--text-muted); line-height: 1.6; }
746
747  /* RESPONSIVE */
748  @media (max-width: 640px) {
749    .branch-row { grid-template-columns: 1fr; }
750    .roles-grid { grid-template-columns: 1fr; }
751    .status-grid { grid-template-columns: 1fr 1fr; }
752    .workflow-header { flex-direction: column; }
753    .tabs-wrapper { gap: 6px; }
754    .tab-btn { font-size: 12px; padding: 8px 14px; }
755  }
756
757  /* Scroll-based reveal */
758  .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease; }
759  .reveal.visible { opacity: 1; transform: translateY(0); }
760
761  footer {
762    text-align: center;
763    padding: 40px 0;
764    color: var(--text-faint);
765    font-size: 12px;
766    border-top: 1px solid var(--border);
767    margin-top: 60px;
768  }
769</style>
770</head>
771<body>
772<!-- NAV -->
773<nav><div class="n">
774  <a href="index.html" class="nl"><div class="nm">
774SW</div><span class="nn">سیناوب</span></a>
775  <div class="nk" id="nL">
776    <a href="index.html#products">محصولات</a><a href="index.html#services">سیناپلاس</a><a href="sina-workflows.html">گردش‌کار</a><a href="index.html#domain">دامنه</a>
777    <a href="https://support.sinaweb.net/" target="_blank" rel="noopener noreferrer">پورتال</a>
778    <a href="index.html#contact-form" class="no">تماس</a>
779    <a href="https://contact.sinaweb.net/" target="_blank" rel="noopener noreferrer" class="nc">درخواست دمو ←</a>
780  </div>
781</div></nav>
782
783<div class="container" style="padding-top:80px">
784
785  <!-- HEADER -->
786  <header>
787    <div class="header-badge"><span></span> سامانه مدیریت نشریه سیناوب</div>
788    <h1>گردش‌کارهای سامانه سیناوب</h1>
789    <p class="subtitle">راهنمای بصری فرآیندهای کلیدی برای تمام نقش‌های سامانه مدیریت نشریه</p>
790
791    <!-- TABS -->
792    <div class="tabs-wrapper">
793      <button class="tab-btn active" onclick="showTab('author')" data-tab="author">
794        <span class="tab-icon">✍️</span> ارسال مقاله
795      </button>
796      <button class="tab-btn" onclick="showTab('review')" data-tab="review">
797        <span class="tab-icon">🔍</span> فرآیند داوری
798      </button>
799      <button class="tab-btn" onclick="showTab('editor')" data-tab="editor">
800        <span class="tab-icon">📋</span> جریان سردبیری
801      </button>
802      <button class="tab-btn" onclick="showTab('publish')" data-tab="publish">
803        <span class="tab-icon">🚀</span> انتشار
804      </button>
805      <button class="tab-btn" onclick="showTab('admin')" data-tab="admin">
806        <span class="tab-icon">⚙️</span> راه‌اندازی سامانه
807      </button>
808      <button class="tab-btn" onclick="showTab('roles')" data-tab="roles">
809        <span class="tab-icon">👥</span> نقش‌ها
810      </button>
811      <button class="tab-btn" onclick="showTab('lifecycle')" data-tab="lifecycle">
812        <span class="tab-icon">🔄</span> چرخه مقاله
813      </button>
814    </div>
815  </header>
816
817  <!-- ══════════════════════════════════════════
818       TAB 1: AUTHOR - ARTICLE SUBMISSION
819  ══════════════════════════════════════════ -->
820  <div id="tab-author" class="workflow-panel active">
821    <div class="workflow-header" style="--wf-color: #3b82f6">
822      <div class="workflow-icon-big">✍️</div>
823      <div>
824        <div class="workflow-title">فرآیند ارسال مقاله توسط نویسنده</div>
825        <div class="workflow-desc">۱۲ مرحله کامل از ثبت اولیه تا ارسال نهایی مقاله در سامانه سیناوب. برای مشاهده جزئیات هر مرحله، روی آن کلیک کنید.</div>
826        <div class="workflow-meta">
827          <span class="meta-chip">👤 نقش: نویسنده</span>
828          <span class="meta-chip">📅 مدت: ۳۰–۶۰ دقیقه</span>
829          <span class="meta-chip">⚠️ ۱۲ مرحله</span>
830        </div>
831      </div>
832    </div>
833
834    <div class="legend">
835      <div class="legend-item"><span style="color:#3b82f6;font-size:18px">●</span> مرحله الزامی</div>
836      <div class="legend-item"><span style="color:#f59e0b;font-size:18px">◆</span> نقطه تصمیم‌گیری</div>
837      <div class="legend-item"><span style="color:#10b981;font-size:18px">●</span> کامل‌شده</div>
838      <div class="legend-item">کلیک کنید برای جزئیات بیشتر</div>
839    </div>
840
841    <div class="flow-steps">
842
843      <!-- Step 1 -->
844      <div class="flow-step reveal" style="--step-color: #3b82f6" onclick="toggleStep(this)">
845        <div class="step-connector">
846          <div class="step-num" style="background:rgba(59,130,246,0.1);border-color:#3b82f6;color:#3b82f6">Û±</div>
847          <div class="step-line"></div>
848        </div>
849        <div class="step-body">
850          <div class="step-card">
851            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
852            <div class="step-title"><span class="step-title-icon">📂</span> انتخاب نوع مقاله</div>
853            <div class="step-summary">نوع مقاله را از لیست تعریف‌شده توسط نشریه انتخاب کنید (پژوهشی، مروری، گزارش کوتاه...)</div>
854            <div class="step-tags">
855              <span class="step-tag" style="background:rgba(59,130,246,0.1);color:#3b82f6">الزامی</span>
856              <span class="step-tag" style="background:rgba(255,255,255,0.04);color:var(--text-muted)">تعریف‌شده توسط نشریه</span>
857            </div>
858            <div class="step-details">
859              <div class="step-details-inner">
860                <div class="detail-item"><span class="detail-bullet">›</span> انواع معمول: مقاله پژوهشی، مقاله مروری، گزارش کوتاه، نامه به سردبیر</div>
861                <div class="detail-item"><span class="detail-bullet">›</span> هر نوع ممکن است چک‌لیست و الزامات فایل متفاوتی داشته باشد</div>
862                <div class="detail-item"><span class="detail-bullet">›</span> مقاله‌های ناتمام در بخش «مقالات تکمیل نشده» ذخیره می‌شوند</div>
863              </div>
864            </div>
865          </div>
866        </div>
867      </div>
868
869      <!-- Step 2 -->
870      <div class="flow-step reveal" style="--step-color: #06b6d4" onclick="toggleStep(this)">
871        <div class="step-connector">
872          <div class="step-num" style="background:rgba(6,182,212,0.1);border-color:#06b6d4;color:#06b6d4">Û²</div>
873          <div class="step-line"></div>
874        </div>
875        <div class="step-body">
876          <div class="step-card">
877            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
878            <div class="step-title"><span class="step-title-icon">📝</span> ورود عنوان مقاله</div>
879            <div class="step-summary">عنوان دقیق مقاله را وارد کنید. اگر نشریه دوزبانه باشد، عنوان هر دو زبان الزامی است.</div>
880            <div class="step-details">
881              <div class="step-details-inner">
882                <div class="detail-item"><span class="detail-bullet">›</span> در نشریات دوزبانه، عنوان فارسی و انگلیسی هر دو الزامی است</div>
883                <div class="detail-item"><span class="detail-bullet">›</span> عنوان باید دقیق و گویا باشد</div>
884              </div>
885            </div>
886          </div>
887        </div>
888      </div>
889
890      <!-- Step 3 -->
891      <div class="flow-step reveal" style="--step-color: #8b5cf6" onclick="toggleStep(this)">
892        <div class="step-connector">
893          <div class="step-num" style="background:rgba(139,92,246,0.1);border-color:#8b5cf6;color:#8b5cf6">Û³</div>
894          <div class="step-line"></div>
895        </div>
896        <div class="step-body">
897          <div class="step-card">
898            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
899            <div class="step-title"><span class="step-title-icon">👥</span> مدیریت نویسندگان</div>
900            <div class="step-summary">نویسنده ارسال‌کننده به عنوان نویسنده مسئول ثبت می‌شود. سایر نویسندگان را می‌توان افزود.</div>
901            <div class="step-details">
902              <div class="step-details-inner">
903                <div class="detail-item"><span class="detail-bullet">›</span> نویسنده ارسال‌کننده = نویسنده مسئول (corresponding author)</div>
904                <div class="detail-item"><span class="detail-bullet">›</span> نویسندگان دیگر به عنوان همکار اضافه می‌شوند</div>
905                <div class="detail-item"><span class="detail-bullet">›</span> امکان تغییر اطلاعات نویسندگان در مرحله اصلاحات (بسته به تنظیمات)</div>
906                <div class="detail-item"><span class="detail-bullet">›</span> ترتیب نویسندگان قابل تغییر است</div>
907              </div>
908            </div>
909          </div>
910        </div>
911      </div>
912
913      <!-- Step 4 -->
914      <div class="flow-step reveal" style="--step-color: #10b981" onclick="toggleStep(this)">
915        <div class="step-connector">
916          <div class="step-num" style="background:rgba(16,185,129,0.1);border-color:#10b981;color:#10b981">Û´</div>
917          <div class="step-line"></div>
918        </div>
919        <div class="step-body">
920          <div class="step-card">
921            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
922            <div class="step-title"><span class="step-title-icon">📄</span> چکیده و کلیدواژه</div>
923            <div class="step-summary">چکیده با تعداد کلمات مشخص و کلیدواژه‌ها (معمولاً ۴ تا ۷) وارد می‌شوند.</div>
924            <div class="step-details">
925              <div class="step-details-inner">
926                <div class="detail-item"><span class="detail-bullet">›</span> محدودیت تعداد کلمات چکیده توسط نشریه تعیین می‌شود (معمولاً ۱۵۰–۳۰۰ کلمه)</div>
927                <div class="detail-item"><span class="detail-bullet">›</span> حداقل و حداکثر تعداد کلیدواژه مشخص است (معمولاً ۴–۷)</div>
928                <div class="detail-item"><span class="detail-bullet">›</span> در نشریات دوزبانه، چکیده هر دو زبان ممکن است الزامی باشد</div>
929              </div>
930            </div>
931          </div>
932        </div>
933      </div>
934
935      <!-- Step 5 -->
936      <div class="flow-step reveal" style="--step-color: #f59e0b" onclick="toggleStep(this)">
937        <div class="step-connector">
938          <div class="step-num" style="background:rgba(245,158,11,0.1);border-color:#f59e0b;color:#f59e0b">Ûµ</div>
939          <div class="step-line"></div>
940        </div>
941        <div class="step-body">
942          <div class="step-card">
943            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
944            <div class="step-title"><span class="step-title-icon">🏷️</span> انتخاب موضوع</div>
945            <div class="step-summary">موضوع تخصصی مقاله را از لیست از پیش‌تعریف‌شده انتخاب کنید. امکان پیشنهاد موضوع جدید وجود دارد.</div>
946            <div class="step-details">
947              <div class="step-details-inner">
948                <div class="detail-item"><span class="detail-bullet">›</span> موضوعات به صورت سلسله‌مراتبی (موضوع اصلی / زیرموضوع) سازمان‌دهی شده‌اند</div>
949                <div class="detail-item"><span class="detail-bullet">›</span> امکان پیشنهاد موضوع جدید (بسته به تنظیمات نشریه)</div>
950                <div class="detail-item"><span class="detail-bullet">›</span> این انتخاب برای تطبیق با داوران متخصص استفاده می‌شود</div>
951              </div>
952            </div>
953          </div>
954        </div>
955      </div>
956
957      <!-- Step 6 -->
958      <div class="flow-step reveal" style="--step-color: #ec4899" onclick="toggleStep(this)">
959        <div class="step-connector">
960          <div class="step-num" style="background:rgba(236,72,153,0.1);border-color:#ec4899;color:#ec4899">Û¶</div>
961          <div class="step-line"></div>
962        </div>
963        <div class="step-body">
964          <div class="step-card">
965            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
966            <div class="step-title"><span class="step-title-icon">🧑‍🔬</span> پیشنهاد داور</div>
967            <div class="step-summary">بسته به تنظیمات نشریه، پیشنهاد داور ممکن است الزامی باشد. تعداد مشخص داور پیشنهادی وارد کنید.</div>
968            <div class="step-details">
969              <div class="step-details-inner">
970                <div class="detail-item"><span class="detail-bullet">›</span> ممکن است الزامی یا اختیاری باشد (بسته به تنظیمات)</div>
971                <div class="detail-item"><span class="detail-bullet">›</span> نام، ایمیل و وابستگی سازمانی داور پیشنهادی را وارد کنید</div>
972                <div class="detail-item"><span class="detail-bullet">›</span> امکان پیشنهاد داوران غیرمجاز (excluded reviewers) نیز وجود دارد</div>
973              </div>
974            </div>
975          </div>
976        </div>
977      </div>
978
979      <!-- Step 7 -->
980      <div class="flow-step reveal" style="--step-color: #3b82f6" onclick="toggleStep(this)">
981        <div class="step-connector">
982          <div class="step-num" style="background:rgba(59,130,246,0.1);border-color:#3b82f6;color:#3b82f6">Û·</div>
983          <div class="step-line"></div>
984        </div>
985        <div class="step-body">
986          <div class="step-card">
987            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
988            <div class="step-title"><span class="step-title-icon">✅</span> تکمیل چک‌لیست</div>
989            <div class="step-summary">موارد چک‌لیست ارسال را تأیید کنید. برخی موارد اجباری Ù
989‡Ø³ØªÙ†Ø¯ و بدون تأیید آن‌ها ارسال امکان‌پذیر نیست.</div>
990            <div class="step-details">
991              <div class="step-details-inner">
992                <div class="detail-item"><span class="detail-bullet">›</span> نمونه: «مقاله از قالب نشریه پیروی می‌کند»</div>
993                <div class="detail-item"><span class="detail-bullet">›</span> نمونه: «تمام نویسندگان ارسال مقاله را تأیید کرده‌اند»</div>
994                <div class="detail-item"><span class="detail-bullet">›</span> موارد اجباری با علامت * مشخص شده‌اند</div>
995              </div>
996            </div>
997          </div>
998        </div>
999      </div>
1000
1001      <!-- Step 8 -->
1002      <div class="flow-step reveal" style="--step-color: #06b6d4" onclick="toggleStep(this)">
1003        <div class="step-connector">
1004          <div class="step-num" style="background:rgba(6,182,212,0.1);border-color:#06b6d4;color:#06b6d4">Û¸</div>
1005          <div class="step-line"></div>
1006        </div>
1007        <div class="step-body">
1008          <div class="step-card">
1009            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1010            <div class="step-title"><span class="step-title-icon">📎</span> بارگذاری فایل‌ها</div>
1011            <div class="step-summary">فایل اصلی مقاله و فایل‌های تکمیلی را بارگذاری کنید. فایل‌های الزامی با * مشخص شده‌اند.</div>
1012            <div class="step-details">
1013              <div class="step-details-inner">
1014                <div class="detail-item"><span class="detail-bullet">›</span> فرمت‌های مجاز: PDF، DOC، DOCX (بسته به تنظیمات)</div>
1015                <div class="detail-item"><span class="detail-bullet">›</span> نام فایل باید به انگلیسی باشد (بدون فاصله یا کاراکتر خاص)</div>
1016                <div class="detail-item"><span class="detail-bullet">›</span> فایل‌های تکمیلی (تصاویر با کیفیت بالا، داده‌های خام) نیز ممکن است الزامی باشد</div>
1017                <div class="detail-item"><span class="detail-bullet">›</span> در داوری کور: اطلاعات هویت نویسنده را از فایل حذف کنید</div>
1018              </div>
1019            </div>
1020          </div>
1021        </div>
1022      </div>
1023
1024      <!-- Step 9 -->
1025      <div class="flow-step reveal" style="--step-color: #8b5cf6" onclick="toggleStep(this)">
1026        <div class="step-connector">
1027          <div class="step-num" style="background:rgba(139,92,246,0.1);border-color:#8b5cf6;color:#8b5cf6">Û¹</div>
1028          <div class="step-line"></div>
1029        </div>
1030        <div class="step-body">
1031          <div class="step-card">
1032            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1033            <div class="step-title"><span class="step-title-icon">🤝</span> پذیرش تعهدنامه</div>
1034            <div class="step-summary">نامه تعهد و اخلاق پژوهشی را مطالعه و تأیید کنید. این مرحله الزامی است.</div>
1035            <div class="step-details">
1036              <div class="step-details-inner">
1037                <div class="detail-item"><span class="detail-bullet">›</span> تأیید عدم ارسال همزمان به نشریات دیگر</div>
1038                <div class="detail-item"><span class="detail-bullet">›</span> تأیید اصالت و عدم سرقت علمی</div>
1039                <div class="detail-item"><span class="detail-bullet">›</span> موافقت با شرایط انتشار نشریه</div>
1040              </div>
1041            </div>
1042          </div>
1043        </div>
1044      </div>
1045
1046      <!-- Step 10 -->
1047      <div class="flow-step reveal" style="--step-color: #10b981" onclick="toggleStep(this)">
1048        <div class="step-connector">
1049          <div class="step-num" style="background:rgba(16,185,129,0.1);border-color:#10b981;color:#10b981">Û±Û°</div>
1050          <div class="step-line"></div>
1051        </div>
1052        <div class="step-body">
1053          <div class="step-card">
1054            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1055            <div class="step-title"><span class="step-title-icon">🔎</span> پیش‌نمایش و بررسی</div>
1056            <div class="step-summary">
1056قبل از ارسال نهایی، تمام اطلاعات وارد‌شده را بررسی کنید. آخرین فرصت ویرایش است.</div>
1057            <div class="step-details">
1058              <div class="step-details-inner">
1059                <div class="detail-item"><span class="detail-bullet">›</span> بررسی درستی عنوان، نویسندگان، چکیده</div>
1060                <div class="detail-item"><span class="detail-bullet">›</span> تأیید کامل بودن فایل‌های بارگذاری‌شده</div>
1061                <div class="detail-item"><span class="detail-bullet">›</span> این مرحله آخرین فرصت ویرایش قبل از ارسال است</div>
1062              </div>
1063            </div>
1064          </div>
1065        </div>
1066      </div>
1067
1068      <!-- Step 11: PAYMENT DECISION -->
1069      <div class="flow-step reveal" style="--step-color: #f59e0b">
1070        <div class="step-connector">
1071          <div class="step-num" style="background:rgba(245,158,11,0.1);border-color:#f59e0b;color:#f59e0b">Û±Û±</div>
1072          <div class="step-line"></div>
1073        </div>
1074        <div class="step-body" style="padding-bottom: 0">
1075          <div style="padding-bottom: 28px">
1076            <div class="decision-box" style="justify-content:flex-start">
1077              ◆ آیا نشریه هزینه ارسال دارد؟
1078            </div>
1079            <div class="branch-row" style="margin-right: 0; margin-top: 12px">
1080              <div class="branch-card branch-yes">
1081                <div class="branch-label">✓ بله</div>
1082                پرداخت هزینه ارسال از طریق درگاه آنلاین یا بارگذاری رسید پرداخت بانکی
1083              </div>
1084              <div class="branch-card branch-no">
1085                <div class="branch-label">✗ خیر</div>
1086                ادامه بدون پرداخت — مستقیم به مرحله ارسال نهایی
1087              </div>
1088            </div>
1089          </div>
1090        </div>
1091      </div>
1092
1093      <!-- Step 12 -->
1094      <div class="flow-step reveal" style="--step-color: #10b981" onclick="toggleStep(this)">
1095        <div class="step-connector">
1096          <div class="step-num" style="background:rgba(16,185,129,0.2);border-color:#10b981;color:#10b981;box-shadow:0 0 16px rgba(16,185,129,0.4)">Û±Û²</div>
1097        </div>
1098        <div class="step-body">
1099          <div class="step-card" style="border-color:rgba(16,185,129,0.3)">
1100            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1101            <div class="step-title"><span class="step-title-icon">🎉</span> ارسال نهایی</div>
1102            <div class="step-summary">روی دکمه «ارسال مقاله» کلیک کنید. مقاله وارد صف بررسی می‌شود و کد رهگیری دریافت می‌کنید.</div>
1103            <div class="step-tags">
1104              <span class="step-tag" style="background:rgba(16,185,129,0.15);color:#10b981">✓ تکمیل فرآیند</span>
1105            </div>
1106            <div class="step-details">
1107              <div class="step-details-inner">
1108                <div class="detail-item"><span class="detail-bullet">›</span> کد رهگیری مقاله از طریق ایمیل ارسال می‌شود</div>
1109                <div class="detail-item"><span class="detail-bullet">›</span> مقاله در بخش «مقالات ارسال‌شده / در حال بررسی» قابل پیگیری است</div>
1110                <div class="detail-item"><span class="detail-bullet">›</span> ⚠️ دقت: صرفاً ذخیره فرم = ارسال نهایی نیست. حتماً «ارسال مقاله» را کلیک کنید</div>
1111              </div>
1112            </div>
1113          </div>
1114        </div>
1115      </div>
1116
1117    </div><!-- end flow-steps -->
1118
1119    <!-- After submission statuses -->
1120    <div class="divider"><div class="divider-line"></div><div class="divider-text">وضعیت‌های پس از ارسال</div><div class="divider-line"></div></div>
1121    <div class="status-grid">
1122      <div class="status-card reveal" style="--status-color:#3b82f6"><div class="status-name"><div class="status-dot"></div>در حال بررسی</div><div class="status-who">مقاله نزد کارشناس/سردبیر</div></div>
1123      <div class="status-card reveal" style="--status-color:#f59e0b"><div class="status-name"><div class="status-dot"></div>نیاز به اصلاح</div><div class="status-who">بخش: «مقالات نیازمند اصلاح»</div></div>
1124      <div class="status-card reveal" style="--status-color:#8b5cf6"><div class="status-name"><div class="status-dot"></div>پرداخت</div><div class="status-who">بخش: «مقالات ارسال‌شده برای پرداخت»</div></div>
1125      <div class="status-card reveal" style="--status-color:#10b981"><div class="status-name"><div class="status-dot"></div>پذیرفته‌شده</div><div class="status-who">بخش: «مقالات پذیرفته‌شده»</div></div>
1126      <div class="status-card reveal" style="--status-color:#ef4444"><div class="status-name"><div class="status-dot"></div>رد شده</div><div class="status-who">بخش: «مقالات رد شده»</div></div>
1127      <div class="status-card reveal" style="--status-color:#06b6d4"><div class="status-name"><div class="status-dot"></div>بازنگری‌شده</div><div class="status-who">بخش: «مقالات بازنگری‌شده»</div></div>
1128    </div>
1129  </div>
1130
1131  <!-- ══════════════════════════════════════════
1132       TAB 2: REVIEW PROCESS
1133  ══════════════════════════════════════════ -->
1134  <div id="tab-review" class="workflow-panel">
1135    <div class="workflow-header" style="--wf-color: #8b5cf6">
1136      <div class="workflow-icon-big">🔍</div>
1137      <div>
1138        <div class="workflow-title">فرآیند داوری مقاله</div>
1139        <div class="workflow-desc">از دریافت دعوت‌نامه داوری تا ارائه گزارش نهایی. شامل هر دو سناریوی داوری کور و باز.</div>
1140        <div class="workflow-meta">
1141          <span class="meta-chip">👤 نقش: داور</span>
1142          <span class="meta-chip">📅 مهلت معمول: ۱۴–۲۱ روز</span>
1143          <span class="meta-chip">⚠️ ۷ مرحله</span>
1144        </div>
1145      </div>
1146    </div>
1147
1148    <div class="flow-steps">
1149
1150      <div class="flow-step reveal" style="--step-color:#8b5cf6" onclick="toggleStep(this)">
1151        <div class="step-connector">
1152          <div class="step-num" style="background:rgba(139,92,246,0.1);border-color:#8b5cf6;color:#8b5cf6">Û±</div>
1153          <div class="step-line"></div>
1154        </div>
1155        <div class="step-body">
1156          <div class="step-card">
1157            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1158            <div class="step-title"><span class="step-title-icon">📧</span> دریافت دعوت‌نامه</div>
1159            <div class="step-summary">ایمیل دعوت داوری با لینک مستقیم قبول/رد دریافت می‌شود. عنوان و چکیده قابل مشاهده است.</div>
1160            <div class="step-details">
1161              <div class="step-details-inner">
1162                <div class="detail-item"><span class="detail-bullet">›</span> لینک مستقیم قبول یا رد در ایمیل موجود است</div>
1163                <div class="detail-item"><span class="detail-bullet">›</span> قبل از قبول، می‌توانید عنوان و چکیده را ببینید</div>
1164                <div class="detail-item"><span class="detail-bullet">›</span> پس از قبول، دسترسی کامل به فایل مقاله داده می‌شود</div>
1165              </div>
1166            </div>
1167          </div>
1168        </div>
1169      </div>
1170
1171      <!-- Decision: Accept/Decline -->
1172      <div class="flow-step reveal" style="--step-color:#f59e0b">
1173        <div class="step-connector">
1174          <div class="step-num" style="background:rgba(245,158,11,0.1);border-color:#f59e0b;color:#f59e0b">◆</div>
1175          <div class="step-line"></div>
1176        </div>
1177        <div class="step-body">
1178          <div style="padding-bottom: 28px">
1179            <div class="decision-box">◆ قبول یا رد دعوت داوری</div>
1180            <div class="branch-row" style="margin-right:0;margin-top:12px">
1181              <div class="branch-card branch-yes">
1182                <div class="branch-label">✓ قبول داوری</div>
1183                پس از قبول، فایل کامل مقاله در دسترس قرار می‌گیرد و مهلت داوری شروع می‌شود
1184              </div>
1185              <div class="branch-card branch-no">
1186                <div class="branch-label">✗ رد داوری</div>
1187                امکان ذکر دلیل رد وجود دارد. سردبیر داور جایگزین انتخاب می‌کند
1188              </div>
1189            </div>
1190          </div>
1191        </div>
1192      </div>
1193
1194      <div class="flow-step reveal" style="--step-color:#06b6d4" onclick="toggleStep(this)">
1195        <div class="step-connector">
1196          <div class="step-num" style="background:rgba(6,182,212,0.1);border-color:#06b6d4;color:#06b6d4">Û²</div>
1197          <div class="step-line"></div>
1198        </div>
1199        <div class="step-body">
1200          <div class="step-card">
1201            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1202            <div class="step-title"><span class="step-title-icon">📥</span> دانلود و مطالعه مقاله</div>
1203            <div class="step-summary">فایل مقاله را دانلود و کاملاً مطالعه کنید. در داوری کور، اطلاعات هویت نویسنده حذف شده است.</div>
1204            <div class="step-details">
1205              <div class="step-details-inner">
1206                <div class="detail-item"><span class="detail-bullet">›</span> داوری کور: اطلاعات نویسنده مخفی است</div>
1207                <div class="detail-item"><span class="detail-bullet">›</span> داوری باز: اطلاعات نویسنده قابل مشاهده است</div>
1208                <div class="detail-item"><span class="detail-bullet">›</span> می‌توانید فایل حاشیه‌نویسی‌شده را بارگذاری کنید</div>
1209              </div>
1210            </div>
1211          </div>
1212        </div>
1213      </div>
1214
1215      <div class="flow-step reveal" style="--step-color:#3b82f6" onclick="toggleStep(this)">
1216        <div class="step-connector">
1217          <div class="step-num" style="background:rgba(59,130,246,0.1);border-color:#3b82f6;color:#3b82f6">Û³</div>
1218          <div class="step-line"></div>
1219        </div>
1220        <div class="step-body">
1221          <div class="step-card">
1222            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1223            <div class="step-title"><span class="step-title-icon">📋</span> تکمیل فرم ارزیابی</div>
1224            <div class="step-summary">فرم ارزیابی نشریه را تکمیل کنید. انواع سوالات: توصیفی، دوگزینه‌ای، چندگزینه‌ای و نمره‌دهی.</div>
1225            <div class="step-details">
1226              <div class="step-details-inner">
1227                <div class="detail-item"><span class="detail-bullet">›</span> نظرات برای نویسنده (محتوای علمی)</div>
1228                <div class="detail-item"><span class="detail-bullet">›</span> نظرات محرمانه برای سردبیر</div>
1229                <div class="detail-item"><span class="detail-bullet">›</span> توصیه نهایی: پذیرش / اصلاحات جزئی / اصلاحات اساسی / رد</div>
1230                <div class="detail-item"><span class="detail-bullet">›</span> ⚠️ پس از ارسال، امکان ویرایش وجود ندارد</div>
1231              </div>
1232            </div>
1233          </div>
1234        </div>
1235      </div>
1236
1237      <div class="flow-step reveal" style="--step-color:#ec4899" onclick="toggleStep(this)">
1238        <div class="step-connector">
1239          <div class="step-num" style="background:rgba(236,72,153,0.1);border-color:#ec4899;color:#ec4899">Û´</div>
1240          <div class="step-line"></div>
1241        </div>
1242        <div class="step-body">
1243          <div class="step-card">
1244            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1245            <div class="step-title"><span class="step-title-icon">📤</span> بارگذاری فایل حاشیه‌نویسی (اختیاری)</div>
1246            <div class="step-summary">می‌توانید نسخه حاشیه‌نویسی‌شده مقاله را بارگذاری کنید. دقت: نام شما در فایل Word ثبت نباشد.</div>
1247            <div class="step-details">
1248              <div class="step-details-inner">
1249                <div class="detail-item"><span class="detail-bullet">›</span> در Word: File › Properties › اطلاعات شخصی را حذف کنید</div>
1250                <div class="detail-item"><span class="detail-bullet">›</span> بارگذاری فایل حاشیه‌نویسی اختیاری اما مفید است</div>
1251              </div>
1252            </div>
1253          </div>
1254        </div>
1255      </div>
1256
1257      <div class="flow-step reveal" style="--step-color:#10b981" onclick="toggleStep(this)">
1258        <div class="step-connector">
1259          <div class="step-num" style="background:rgba(16,185,129,0.2);border-color:#10b981;color:#10b981;box-shadow:0 0 16px rgba(16,185,129,0.4)">Ûµ</div>
1260        </div>
1261        <div class="step-body">
1262          <div class="step-card">
1263            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1264            <div class="step-title"><span class="step-title-icon">✅</span> ارسال گزارش داوری</div>
1265            <div class="step-summary">گزارش نهایی ارسال و به سردبیر اطلاع داده می‌شود. گواهی داوری قابل دریافت است.</div>
1266            <div class="step-tags">
1267              <span class="step-tag" style="background:rgba(16,185,129,0.15);color:#10b981">✓ پایان فرآیند داوری</span>
1268            </div>
1269            <div class="step-details">
1270              <div class="step-details-inner">
1271                <div class="detail-item"><span class="detail-bullet">›</span> گزارش در بخش «مقالات داوری‌شده» ذخیره می‌شود</div>
1272                <div class="detail-item"><span class="detail-bullet">›</span> گواهی داوری هر مقاله یا سالانه قابل دریافت است</div>
1273                <div class="detail-item"><span class="detail-bullet">›</span> در صورت تعریف حق‌الزحمه، اطلاعات پرداخت قابل مشاهده است</div>
1274              </div>
1275            </div>
1276          </div>
1277        </div>
1278      </div>
1279
1280    </div>
1281
1282    <!-- Reviewer tips -->
1283    <div class="divider"><div class="divider-line"></div><div class="divider-text">نکات مهم داور</div><div class="divider-line"></div></div>
1284    <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px">
1285      <div class="status-card reveal" style="--status-color:#8b5cf6">
1286        <div class="status-name"><div class="status-dot"></div>مهلت داوری</div>
1287        <div class="status-who">معمولاً ۱۴–۲۱ روز. درخواست تمدید از سردبیر امکان‌پذیر است</div>
1288      </div>
1289      <div class="status-card reveal" style="--status-color:#06b6d4">
1290        <div class="status-name"><div class="status-dot"></div>تضاد منافع</div>
1291        <div class="status-who">در صورت تضاد منافع، بلافاصله اطلاع دهید و داوری را رد کنید</div>
1292      </div>
1293      <div class="status-card reveal" style="--status-color:#10b981">
1294        <div class="status-name"><div class="status-dot"></div>محرمانگی</div>
1295        <div class="status-who">محتوای مقاله کاملاً محرمانه است و نباید به اشتراک گذاشته شود</div>
1296      </div>
1297      <div class="status-card reveal" style="--status-color:#f59e0b">
1298        <div class="status-name"><div class="status-dot"></div>داوری مجدد</div>
1299        <div class="status-who">برای اصلاحات اساسی، ترجیحاً همان داور مجدداً دعوت می‌شود</div>
1300      </div>
1301    </div>
1302  </div>
1303
1304  <!-- ══════════════════════════════════════════
1305       TAB 3: EDITOR WORKFLOW
1306  ══════════════════════════════════════════ -->
1307  <div id="tab-editor" class="workflow-panel">
1308    <div class="workflow-header" style="--wf-color: #10b981">
1309      <div class="workflow-icon-big">📋</div>
1310      <div>
1311        <div class="workflow-title">جریان کاری سردبیر</div>
1312        <div class="workflow-desc">از دریافت مقاله جدید تا تصمیم نهایی. شامل همه مسیرهای ممکن: پذیرش، رد، اصلاحات.</div>
1313        <div class="workflow-meta">
1314          <span class="meta-chip">👤 نقش: سردبیر</span>
1315          <span class="meta-chip">🔀 چندمسیره</span>
1316        </div>
1317      </div>
1318    </div>
1319
1320    <div class="flow-steps">
1321
1322      <div class="flow-step reveal" style="--step-color:#10b981" onclick="toggleStep(this)">
1323        <div class="step-connector">
1324          <div class="step-num" style="background:rgba(16,185,129,0.1);border-color:#10b981;color:#10b981">Û±</div>
1325          <div class="step-line"></div>
1326        </div>
1327        <div class="step-body">
1328          <div class="step-card">
1329            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1330            <div class="step-title"><span class="step-title-icon">📥</span> دریافت مقاله از کارشناس</div>
1331            <div class="step-summary">مقالات تأیید‌شده توسط کارشناس در بخش «مقالات در حال بررسی توسط سردبیر» ظاهر می‌شوند.</div>
1332            <div class="step-details">
1333              <div class="step-details-inner">
1334                <div class="detail-item"><span class="detail-bullet">›</span> اطلاعات مقاله، فایل‌ها، چک‌لیست و سابقه مقاله قابل مشاهده است</div>
1335                <div class="detail-item"><span class="detail-bullet">›</span> نتیجه بررسی مشابهت توسط کارشناس قابل مشاهده است</div>
1336              </div>
1337            </div>
1338          </div>
1339        </div>
1340      </div>
1341
1342      <div class="flow-step reveal" style="--step-color:#3b82f6" onclick="toggleStep(this)">
1343        <div class="step-connector">
1344          <div class="step-num" style="background:rgba(59,130,246,0.1);border-color:#3b82f6;color:#3b82f6">Û²</div>
1345          <div class="step-line"></div>
1346        </div>
1347        <div class="step-body">
1348          <div class="step-card">
1349            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1350            <div class="step-title"><span class="step-title-icon">🔬</span> بررسی مشابهت</div>
1351            <div class="step-summary">قبل از ارسال به داور، بررسی مشابهت (سرقت علمی) الزامی است.</div>
1352            <div class="step-details">
1353              <div class="step-details-inner">
1354                <div class="detail-item"><span class="detail-bullet">›</span> نتایج: درصد مشابهت کلی + منابع مشابه + بخش‌های هایلایت‌شده</div>
1355                <div class="detail-item"><span class="detail-bullet">›</span> آستانه قابل قبول توسط نشریه تعریف می‌شود</div>
1356                <div class="detail-item"><span class="detail-bullet">›</span> در صورت مشابهت بالا: رد یا بازگشت به نویسنده</div>
1357              </div>
1358            </div>
1359          </div>
1360        </div>
1361      </div>
1362
1363      <!-- Decision: route -->
1364      <div class="flow-step reveal" style="--step-color:#f59e0b">
1365        <div class="step-connector">
1366          <div class="step-num" style="background:rgba(245,158,11,0.1);border-color:#f59e0b;color:#f59e0b">◆</div>
1367          <div class="step-line"></div>
1368        </div>
1369        <div class="step-body">
1370          <div style="padding-bottom: 28px">
1371            <div class="decision-box">◆ انتخاب مسیر بررسی</div>
1372            <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px;margin-right:0">
1373              <div class="branch-card" style="background:rgba(59,130,246,0.07);border-color:rgba(59,130,246,0.2)">
1374                <div class="branch-label" style="color:#3b82f6">📤 دبیر تخصصی</div>
1375                مناسب برای مقالات با موضوع تخصصی که نیاز به نظر کارشناس دارند
1376              </div>
1377              <div class="branch-card" style="background:rgba(139,92,246,0.07);border-color:rgba(139,92,246,0.2)">
1378                <div class="branch-label" style="color:#8b5cf6">🔍 مستقیم به داور</div>
1379                موضوع واضح، دبیر تخصصی در دسترس نیست، یا سردبیر تصمیم مستقیم دارد
1380              </div>
1381              <div class="branch-card" style="background:rgba(16,185,129,0.07);border-color:rgba(16,185,129,0.2)">
1382                <div class="branch-label" style="color:#10b981">🏛️ هیات تحریریه</div>
1383                برای بررسی‌های سیاستی، اخلاقی یا ساختاری مقاله
1384              </div>
1385            </div>
1386          </div>
1387        </div>
1388      </div>
1389
1390      <div class="flow-step reveal" style="--step-color:#8b5cf6" onclick="toggleStep(this)">
1391        <div class="step-connector">
1392          <div class="step-num" style="background:rgba(139,92,246,0.1);border-color:#8b5cf6;color:#8b5cf6">Û³</div>
1393          <div class="step-line"></div>
1394        </div>
1395        <div class="step-body">
1396          <div class="step-card">
1397            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1398            <div class="step-title"><span class="step-title-icon">🧑‍🔬</span> انتخاب و ارسال به داور(ان)</div>
1399            <div class="step-summary">حداقل ۲ داور انتخاب کنید. جستجو بر اساس تخصص، نام، یا وابستگی سازمانی.</div>
1400            <div class="step-details">
1401              <div class="step-details-inner">
1402                <div class="detail-item"><span class="detail-bullet">›</span> حداقل ۲ داور برای ارزیابی مطمئن توصیه می‌شود</div>
1403                <div class="detail-item"><span class="detail-bullet">›</span> می‌توانید عملکرد داور را ببینید: زمان میانگین، نرخ پذیرش</div>
1404                <div class="detail-item"><span class="detail-bullet">›</span> تنظیم مهلت داوری (۱۴–۲۱ روز معمول)</div>
1405                <div class="detail-item"><span class="detail-bullet">›</span> سیستم یادآوری خودکار قابل فعال‌سازی است</div>
1406              </div>
1407            </div>
1408          </div>
1409        </div>
1410      </div>
1411
1412      <div class="flow-step reveal" style="--step-color:#06b6d4" onclick="toggleStep(this)">
1413        <div class="step-connector">
1414          <div class="step-num" style="background:rgba(6,182,212,0.1);border-color:#06b6d4;color:#06b6d4">Û´</div>
1415          <div class="step-line"></div>
1416        </div>
1417        <div class="step-body">
1418          <div class="step-card">
1419            <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1420            <div class="step-title"><span class="step-title-icon">⏳</span> دریافت و بررسی نظرات داوری</div>
1421            <div class="step-summary">پس از دریافت نظرات داوران، آن‌ها را بررسی و وزن‌دهی کنید. تصمیم نهایی با سردبیر است.</div>
1422            <div class="step-details">
1423              <div class="step-details-inner">
1424                <div class="detail-item"><span class="detail-bullet">›</span> نمایش وضعیت هر داور: دعوت‌شده / قبول‌کرده / داوری‌شده</div>
1425                <div class="detail-item"><span class="detail-bullet">›</span> امکان ارسال یادآوری دستی به داوران تأخیرکرده</div>
1426                <div class="detail-item"><span class="detail-bullet">›</span> در صورت عدم پاسخ، داور جایگزین تعیین کنید</div>
1427              </div>
1428            </div>
1429          </div>
1430        </div>
1431      </div>
1432
1433      <!-- Decision: Final decision -->
1434      <div class="flow-step reveal" style="--step-color:#f59e0b">
1435        <div class="step-connector">
1436          <div class="step-num" style="background:rgba(245,158,11,0.1);border-color:#f59e0b;color:#f59e0b">◆</div>
1437          <div class="step-line"></div>
1438        </div>
1439        <div class="step-body">
1440          <div style="padding-bottom: 28px">
1441            <div class="decision-box">◆ تصمیم نهایی سردبیر</div>
1442            <div style="display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin-top:12px;margin-right:0">
1443              <div class="branch-card" style="background:rgba(16,185,129,0.07);border-color:rgba(16,185,129,0.2)">
1444                <div class="branch-label" style="color:#10b981">✓ پذیرش</div>
1445                علمی (اولیه) یا نهایی. انتقال به مرحله تولید
1446              </div>
1447              <div class="branch-card" style="background:rgba(59,130,246,0.07);border-color:rgba(59,130,246,0.2)">
1448                <div class="branch-label" style="color:#3b82f6">📝 اصلاحات</div>
1449                جزئی / اساسی / شکلی. بازگشت به نویسنده با مهلت
1450              </div>
1451              <div class="branch-card" style="background:rgba(239,68,68,0.07);border-color:rgba(239,68,68,0.2)">
1452                <div class="branch-label" style="color:#ef4444">✗ رد</div>
1453                با ذکر دلیل. نویسنده امکان درخواست بازنگری در موارد خاص دارد
1454              </div>
1455              <div class="branch-card" style="background:rgba(245,158,11,0.07);border-color:rgba(245,158,11,0.2)">
1456                <div class="branch-label" style="color:#f59e0b">🔄 داوری مجدد</div>
1457                برای اصلاحات اساسی، ترجیحاً همان داور
1458              </div>
1459            </div>
1460          </div>
1461        </div>
1462      </div>
1463
1464    </div>
1465  </div>
1466
1467  <!-- ══════════════════════════════════════════
1468       TAB 4: PUBLICATION WORKFLOW
1469  ══════════════════════════════════════════ -->
1470  <div id="tab-publish" class="workflow-panel">
1471    <div class="workflow-header" style="--wf-color: #f59e0b">
1472      <div class="workflow-icon-big">🚀</div>
1473      <div>
1474        <div class="workflow-title">فرآیند انتشار مقاله</div>
1475        <div class="workflow-desc">از پذیرش علمی تا انتشار آنلاین. شامل ویرایش ادبی، فنی، صفحه‌آرایی و تأیید نویسنده.</div>
1476        <div class="workflow-meta">
1477          <span class="meta-chip">👤 نقش: سردبیر + ناشر</span>
1478          <span class="meta-chip">📅 چند هفته</span>
1479        </div>
1480      </div>
1481    </div>
1482
1483    <div class="flow-steps">
1484      <div class="flow-step reveal" style="--step-color:#10b981" onclick="toggleStep(this)">
1485        <div class="step-connector"><div class="step-num" style="background:rgba(16,185,129,0.1);border-color:#10b981;color:#10b981">Û±</div><div class="step-line"></div></div>
1486        <div class="step-body"><div class="step-card">
1487          <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1488          <div class="step-title"><span class="step-title-icon">✅</span> پذیرش علمی (اولیه)</div>
1489          <div class="step-summary">سردبیر پذیرش علمی را صادر می‌کند. مقاله وارد مرحله تولید می‌شود اما هنوز در دسترس سردبیر است.</div>
1490          <div class="step-details"><div class="step-details-inner">
1491            <div class="detail-item"><span class="detail-bullet">›</span> پذیرش علمی ≠ پذیرش نهایی. مقاله هنوز ممکن است تغییر کند</div>
1492            <div class="detail-item"><span class="detail-bullet">›</span> گواهی پذیرش اولیه قابل صدور است</div>
1493          </div></div>
1494        </div></div>
1495      </div>
1496
1497      <div class="flow-step reveal" style="--step-color:#ec4899" onclick="toggleStep(this)">
1498        <div class="step-connector"><div class="step-num" style="background:rgba(236,72,153,0.1);border-color:#ec4899;color:#ec4899">Û²</div><div class="step-line"></div></div>
1499        <div class="step-body"><div class="step-card">
1500          <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1501          <div class="step-title"><span class="step-title-icon">✏️</span> ویرایش ادبی</div>
1502          <div class="step-summary">ویراستار ادبی زبان، دستور، علائم نگارشی و روانی متن را اصلاح می‌کند.</div>
1503          <div class="step-details"><div class="step-details-inner">
1504            <div class="detail-item"><span class="detail-bullet">›</span> فایل اصلاح‌شده در سامانه بارگذاری می‌شود</div>
1505            <div class="detail-item"><span class="detail-bullet">›</span> هر مقاله به ویراستار ادبی متفاوتی قابل ارجاع است</div>
1506            <div class="detail-item"><span class="detail-bullet">›</span> وضعیت در داشبورد سردبیر قابل پیگیری است</div>
1507          </div></div>
1508        </div></div>
1509      </div>
1510
1511      <div class="flow-step reveal" style="--step-color:#06b6d4" onclick="toggleStep(this)">
1512        <div class="step-connector"><div class="step-num" style="background:rgba(6,182,212,0.1);border-color:#06b6d4;color:#06b6d4">Û³</div><div class="step-line"></div></div>
1513        <div class="step-body"><div class="step-card">
1514          <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1515          <div class="step-title"><span class="step-title-icon">🔧</span> ویرایش فنی</div>
1516          <div class="step-summary">ویراستار فنی قالب‌بندی، نمودارها، جداول و استانداردهای فنی مقاله را بررسی و اصلاح می‌کند.</div>
1517          <div class="step-details"><div class="step-details-inner">
1518            <div class="detail-item"><span class="detail-bullet">›</span> استانداردسازی فرمت جداول، نمودارها و تصاویر</div>
1519            <div class="detail-item"><span class="detail-bullet">›</span> بررسی رعایت الزامات فنی نشریه</div>
1520          </div></div>
1521        </div></div>
1522      </div>
1523
1524      <div class="flow-step reveal" style="--step-color:#8b5cf6" onclick="toggleStep(this)">
1525        <div class="step-connector"><div class="step-num" style="background:rgba(139,92,246,0.1);border-color:#8b5cf6;color:#8b5cf6">Û´</div><div class="step-line"></div></div>
1526        <div class="step-body"><div class="step-card">
1527          <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1528          <div class="step-title"><span class="step-title-icon">🎨</span> صفحه‌آرایی</div>
1529          <div class="step-summary">صفحه‌آرا قالب نهایی و طرح‌بندی مقاله را بر اساس استانداردهای نشریه آماده می‌کند.</div>
1530          <div class="step-details"><div class="step-details-inner">
1531            <div class="detail-item"><span class="detail-bullet">›</span> خروجی نهایی (PDF آماده انتشار) بارگذاری می‌شود</div>
1532            <div class="detail-item"><span class="detail-bullet">›</span> فایل‌های اصلاح‌شده در پرونده مقاله ذخیره می‌شوند</div>
1533          </div></div>
1534        </div></div>
1535      </div>
1536
1537      <div class="flow-step reveal" style="--step-color:#3b82f6" onclick="toggleStep(this)">
1538        <div class="step-connector"><div class="step-num" style="background:rgba(59,130,246,0.1);border-color:#3b82f6;color:#3b82f6">Ûµ</div><div class="step-line"></div></div>
1539        <div class="step-body"><div class="step-card">
1540          <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1541          <div class="step-title"><span class="step-title-icon">👁️</span> تأیید فایل نهایی توسط نویسنده</div>
1542          <div class="step-summary">نسخه نهایی برای تأیید به نویسنده ارسال می‌شود. این آخرین فرصت ویرایش جزئی است.</div>
1543          <div class="step-details"><div class="step-details-inner">
1544            <div class="detail-item"><span class="detail-bullet">›</span> الزامی است — نویسنده باید تأیید کند</div>
1545            <div class="detail-item"><span class="detail-bullet">›</span> تغییرات اساسی دیگر امکان‌پذیر نیست</div>
1546            <div class="detail-item"><span class="detail-bullet">›</span> پس از تأیید نویسنده، مقاله به ناشر منتقل می‌شود</div>
1547          </div></div>
1548        </div></div>
1549      </div>
1550
1551      <div class="flow-step reveal" style="--step-color:#10b981" onclick="toggleStep(this)">
1552        <div class="step-connector"><div class="step-num" style="background:rgba(16,185,129,0.1);border-color:#10b981;color:#10b981">Û¶</div><div class="step-line"></div></div>
1553        <div class="step-body"><div class="step-card">
1554          <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1555          <div class="step-title"><span class="step-title-icon">📖</span> پذیرش نهایی</div>
1556          <div class="step-summary">سردبیر پذیرش نهایی را صادر می‌کند. مقاله به ناشر منتقل می‌شود.</div>
1557          <div class="step-details"><div class="step-details-inner">
1558            <div class="detail-item"><span class="detail-bullet">›</span> گواهی پذیرش نهایی صادر می‌شود</div>
1559            <div class="detail-item"><span class="detail-bullet">›</span> امکان انتشار آنلاین فوری (بسته به تنظیمات)</div>
1560          </div></div>
1561        </div></div>
1562      </div>
1563
1564      <div class="flow-step reveal" style="--step-color:#f59e0b" onclick="toggleStep(this)">
1565        <div class="step-connector"><div class="step-num" style="background:rgba(245,158,11,0.2);border-color:#f59e0b;color:#f59e0b;box-shadow:0 0 16px rgba(245,158,11,0.4)">Û·</div></div>
1566        <div class="step-body"><div class="step-card" style="border-color:rgba(245,158,11,0.3)">
1567          <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1568          <div class="step-title"><span class="step-title-icon">🌐</span> انتشار در نشریه</div>
1569          <div class="step-summary">ناشر مقاله را در شماره/دوره مشخص قرار می‌دهد. DOI اختصاص می‌یابد و مقاله آنلاین می‌شود.</div>
1570          <div class="step-tags"><span class="step-tag" style="background:rgba(245,158,11,0.15);color:#f59e0b">🎉 انتشار نهایی</span></div>
1571          <div class="step-details"><div class="step-details-inner">
1572            <div class="detail-item"><span class="detail-bullet">›</span> اختصاص شماره صفحات، DOI، تاریخ‌های دریافت/پذیرش</div>
1573            <div class="detail-item"><span class="detail-bullet">›</span> امکان انتشار پیش‌رس (Early Access) بدون اختصاص شماره</div>
1574            <div class="detail-item"><span class="detail-bullet">›</span> ارسال خودکار به پایگاه ISC امکان‌پذیر است</div>
1575            <div class="detail-item"><span class="detail-bullet">›</span> ارسال ایمیل اطلاع‌رسانی شماره جدید به کاربران</div>
1576          </div></div>
1577        </div></div>
1578      </div>
1579    </div>
1580  </div>
1581
1582  <!-- ══════════════════════════════════════════
1583       TAB 5: ADMIN SETUP
1584  ══════════════════════════════════════════ -->
1585  <div id="tab-admin" class="workflow-panel">
1586    <div class="workflow-header" style="--wf-color: #06b6d4">
1587      <div class="workflow-icon-big">⚙️</div>
1588      <div>
1589        <div class="workflow-title">راه‌اندازی اولیه سامانه</div>
1590        <div class="workflow-desc">گام‌های اساسی تنظیم سامانه قبل از شروع پذیرش مقاله. توسط مدیر سامانه انجام می‌شود.</div>
1591        <div class="workflow-meta">
1592          <span class="meta-chip">👤 نقش: مدیر سامانه</span>
1593          <span class="meta-chip">⏱️ یکبار</span>
1594        </div>
1595      </div>
1596    </div>
1597
1598    <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px">
1599
1600      <div style="display:flex;flex-direction:column;gap:14px">
1601        <div style="font-size:14px;font-weight:700;color:var(--accent2);margin-bottom:4px">⚙️ تنظیمات پایه</div>
1602        <div class="step-card reveal" style="padding:16px 20px">
1603          <div class="step-title" style="font-size:13px;margin-bottom:4px"><span>🌐</span> زبان نشریه</div>
1604          <div class="step-summary" style="font-size:12px">تک‌زبانه (فارسی/انگلیسی) یا دوزبانه. این تنظیم روی همه بخش‌ها اثر می‌گذارد</div>
1605        </div>
1606        <div class="step-card reveal" style="padding:16px 20px">
1607          <div class="step-title" style="font-size:13px;margin-bottom:4px"><span>🔗</span> لینک اصلی نشریه</div>
1608          <div class="step-summary" style="font-size:12px">آدرس اصلی وب‌سایت نشریه — در ایمیل‌های بازیابی رمز عبور استفاده می‌شود</div>
1609        </div>
1610        <div class="step-card reveal" style="padding:16px 20px">
1611          <div class="step-title" style="font-size:13px;margin-bottom:4px"><span>📊</span> دوره انتشار</span></div>
1612          <div class="step-summary" style="font-size:12px">ماهانه، دوماهانه، فصلی، نیمسالانه یا سالانه</div>
1613        </div>
1614        <div class="step-card reveal" style="padding:16px 20px">
1615          <div class="step-title" style="font-size:13px;margin-bottom:4px"><span>🏷️</span> ISSN و کد اختصاری</div>
1616          <div class="step-summary" style="font-size:12px">کد اختصاری در شناسه مقالات و DOI استفاده می‌شود</div>
1617        </div>
1618        <div class="step-card reveal" style="padding:16px 20px">
1619          <div class="step-title" style="font-size:13px;margin-bottom:4px"><span>📧</span> ایمیل‌های سامانه</div>
1620          <div class="step-summary" style="font-size:12px">ایمیل اصلی، پشتیبانی، و CC (دریافت‌کننده نسخه همه ایمیل‌ها)</div>
1621        </div>
1622      </div>
1623
1624      <div style="display:flex;flex-direction:column;gap:14px">
1625        <div style="font-size:14px;font-weight:700;color:var(--accent3);margin-bottom:4px">🔧 تنظیمات پیشرفته</div>
1626        <div class="step-card reveal" style="padding:16px 20px">
1627          <div class="step-title" style="font-size:13px;margin-bottom:4px"><span>📝</span> محدودیت‌های ارسال</div>
1628          <div class="step-summary" style="font-size:12px">حداقل/حداکثر کلمات چکیده (۱۵۰–۳۰۰) و تعداد کلیدواژه (۴–۷)</div>
1629        </div>
1630        <div class="step-card reveal" style="padding:16px 20px">
1631          <div class="step-title" style="font-size:13px;margin-bottom:4px"><span>⏰</span> مهلت‌های پیش‌فرض</div>
1632          <div class="step-summary" style="font-size:12px">مهلت داوری (۱۴–۲۱ روز)، مهلت اصلاحات (۱۵–۲۰ روز)</div>
1633        </div>
1634        <div class="step-card reveal" style="padding:16px 20px">
1635          <div class="step-title" style="font-size:13px;margin-bottom:4px"><span>🔒</span> نوع داوری</div>
1636          <div class="step-summary" style="font-size:12px">داوری کور: هویت نویسنده مخفی است. داوری باز: اطلاعات نویسنده نمایش داده می‌شود</div>
1637        </div>
1638        <div class="step-card reveal" style="padding:16px 20px">
1639          <div class="step-title" style="font-size:13px;margin-bottom:4px"><span>💳</span> تنظیمات مالی</div>
1640          <div class="step-summary" style="font-size:12px">واحد پول، هزینه ارسال/داوری/پذیرش، فعال‌سازی درگاه پرداخت</div>
1641        </div>
1642        <div class="step-card reveal" style="padding:16px 20px">
1643          <div class="step-title" style="font-size:13px;margin-bottom:4px"><span>🔔</span> یادآوری خودکار</div>
1644          <div class="step-summary" style="font-size:12px">ارسال یادآوری به داوران قبل/بعد از سررسید مهلت با فواصل قابل تنظیم</div>
1645        </div>
1646      </div>
1647    </div>
1648
1649    <div class="divider"><div class="divider-line"></div><div class="divider-text">تنظیمات DNS و CDN</div><div class="divider-line"></div></div>
1650
1651    <div class="flow-steps">
1652      <div class="flow-step reveal" style="--step-color:#06b6d4" onclick="toggleStep(this)">
1653        <div class="step-connector"><div class="step-num" style="background:rgba(6,182,212,0.1);border-color:#06b6d4;color:#06b6d4">Û±</div><div class="step-line"></div></div>
1654        <div class="step-body"><div class="step-card">
1655          <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1656          <div class="step-title"><span>☁️</span> ایجاد حساب Cloudflare یا ArvanCloud</div>
1657          <div class="step-summary">یکی از سرویس‌دهندگان CDN را انتخاب کنید. Cloudflare برای بین‌المللی، آروان برای کاربران داخلی.</div>
1658          <div class="step-details"><div class="step-details-inner">
1659            <div class="detail-item"><span class="detail-bullet">›</span> cloudflare.com یا arvancloud.ir</div>
1660            <div class="detail-item"><span class="detail-bullet">›</span> پلن رایگان Cloudflare برای اکثر نشریات کافی است</div>
1661          </div></div>
1662        </div></div>
1663      </div>
1664      <div class="flow-step reveal" style="--step-color:#8b5cf6" onclick="toggleStep(this)">
1665        <div class="step-connector"><div class="step-num" style="background:rgba(139,92,246,0.1);border-color:#8b5cf6;color:#8b5cf6">Û²</div><div class="step-line"></div></div>
1666        <div class="step-body"><div class="step-card">
1667          <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1668          <div class="step-title"><span>📋</span> افزودن دامنه و تنظیم رکوردهای DNS</div>
1669          <div class="step-summary">دامنه را اضافه کنید. رکوردهای موجود بررسی و تکمیل شوند. رکورد MX نباید پراکسی داشته باشد.</div>
1670          <div class="step-details"><div class="step-details-inner">
1671            <div class="detail-item"><span class="detail-bullet">›</span> A Record: به آدرس IP سرور اشاره دارد</div>
1672            <div class="detail-item"><span class="detail-bullet">›</span> CNAME: به نام دامنه (مثلاً j2.sinaplus.ir) اشاره دارد</div>
1673            <div class="detail-item"><span class="detail-bullet">›</span> ⚠️ رکورد MX باید «ابر خاکستری» (بدون پراکسی) باشد</div>
1674          </div></div>
1675        </div></div>
1676      </div>
1677      <div class="flow-step reveal" style="--step-color:#3b82f6" onclick="toggleStep(this)">
1678        <div class="step-connector"><div class="step-num" style="background:rgba(59,130,246,0.1);border-color:#3b82f6;color:#3b82f6">Û³</div><div class="step-line"></div></div>
1679        <div class="step-body"><div class="step-card">
1680          <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1681          <div class="step-title"><span>🔄</span> تغییر Nameserver در ثبت‌کننده دامنه</div>
1682          <div class="step-summary">Nameserver دامنه را در پنل ثبت‌کننده به Nameserver های CDN تغییر دهید. ممکن است ۱–۲۴ ساعت طول بکشد.</div>
1683          <div class="step-details"><div class="step-details-inner">
1684            <div class="detail-item"><span class="detail-bullet">›</span> دامنه‌های .ir: تا ۲۴ ساعت زمان نیاز دارد</div>
1685            <div class="detail-item"><span class="detail-bullet">›</span> ابزار بررسی: whatsmydns.net</div>
1686          </div></div>
1687        </div></div>
1688      </div>
1689      <div class="flow-step reveal" style="--step-color:#10b981" onclick="toggleStep(this)">
1690        <div class="step-connector"><div class="step-num" style="background:rgba(16,185,129,0.1);border-color:#10b981;color:#10b981">Û´</div></div>
1691        <div class="step-body"><div class="step-card">
1692          <div class="expand-hint">کلیک برای جزئیات <span class="expand-icon">▼</span></div>
1693          <div class="step-title"><span>🔒</span> فعال‌سازی SSL و پراکسی</div>
1694          <div class="step-summary">SSL را روی «Full (Strict)» تنظیم کنید. «ابر نارنجی» (پراکسی) را فعال کنید. MX را بدون پراکسی نگه دارید.</div>
1695          <div class="step-tags"><span class="step-tag" style="background:rgba(16,185,129,0.15);color:#10b981">✓ تکمیل</span></div>
1696          <div class="step-details"><div class="step-details-inner">
1697            <div class="detail-item"><span class="detail-bullet">›</span> SSL: Full (Strict) — از redirect loop جلوگیری می‌کند</div>
1698            <div class="detail-item"><span class="detail-bullet">›</span> ابر نارنجی = فعال بودن پراکسی و CDN</div>
1699            <div class="detail-item"><span class="detail-bullet">›</span> ⚠️ قبل از فعال‌سازی پراکسی، گواهی SSL باید «Active» باشد</div>
1700          </div></div>
1701        </div></div>
1702      </div>
1703    </div>
1704  </div>
1705
1706  <!-- ══════════════════════════════════════════
1707       TAB 6: ROLES
1708  ══════════════════════════════════════════ -->
1709  <div id="tab-roles" class="workflow-panel">
1710    <div class="workflow-header" style="--wf-color: #ec4899">
1711      <div class="workflow-icon-big">👥</div>
1712      <div>
1713        <div class="workflow-title">نقش‌های سامانه سیناوب</div>
1714        <div class="workflow-desc">۱۱ نقش تعریف‌شده در سامانه. یک کاربر می‌تواند چندین نقش داشته باشد.</div>
1715        <div class="workflow-meta">
1716          <span class="meta-chip">🔢 ۱۱ نقش</span>
1717          <span class="meta-chip">🔀 چندنقشه</span>
1718        </div>
1719      </div>
1720    </div>
1721
1722    <div class="roles-grid">
1723
1724      <div class="role-card reveal" style="--role-color:#3b82f6">
1725        <div class="role-header">
1726          <div class="role-emoji">✍️</div>
1727          <div><div class="role-name">نویسنده</div><div class="role-subtitle">Author</div></div>
1728        </div>
1729        <ul class="role-tasks">
1730          <li>ارسال مقاله جدید (۱۲ مرحله)</li>
1731          <li>پیگیری وضعیت مقالات</li>
1732          <li>ارسال نسخه اصلاح‌شده</li>
1733          <li>تأیید فایل نهایی قبل از انتشار</li>
1734        </ul>
1735      </div>
1736
1737      <div class="role-card reveal" style="--role-color:#10b981">
1738        <div class="role-header">
1739          <div class="role-emoji">📋</div>
1740          <div><div class="role-name">سردبیر</div><div class="role-subtitle">Editor-in-Chief</div></div>
1741        </div>
1742        <ul class="role-tasks">
1743          <li>بررسی اولیه و تصمیم‌گیری</li>
1744          <li>انتخاب داوران و مدیریت داوری</li>
1745          <li>تصمیم نهایی (پذیرش/رد/اصلاح)</li>
1746          <li>مدیریت کل گردش کار مقاله</li>
1747        </ul>
1748      </div>
1749
1750      <div class="role-card reveal" style="--role-color:#8b5cf6">
1751        <div class="role-emoji">🔍</div>
1752        <div class="role-header">
1753          <div class="role-emoji">🔍</div>
1754          <div><div class="role-name">داور</div><div class="role-subtitle">Reviewer</div></div>
1755        </div>
1756        <ul class="role-tasks">
1757          <li>قبول/رد دعوت داوری</li>
1758          <li>ارزیابی محتوای علمی مقاله</li>
1759          <li>ارائه گزارش و توصیه نهایی</li>
1760          <li>دریافت گواهی داوری</li>
1761        </ul>
1762      </div>
1763
1764      <div class="role-card reveal" style="--role-color:#06b6d4">
1765        <div class="role-header">
1766          <div class="role-emoji">🗂️</div>
1767          <div><div class="role-name">کارشناس نشریه</div><div class="role-subtitle">Journal Staff</div></div>
1768        </div>
1769        <ul class="role-tasks">
1770          <li>بررسی اولیه فرمت مقاله</li>
1771          <li>بررسی مشابهت (سرقت علمی)</li>
1772          <li>ارجاع به سردبیر یا بازگشت به نویسنده</li>
1773          <li>پاسخ به سوالات اولیه نویسندگان</li>
1774        </ul>
1775      </div>
1776
1777      <div class="role-card reveal" style="--role-color:#f59e0b">
1778        <div class="role-header">
1779          <div class="role-emoji">🎯</div>
1780          <div><div class="role-name">دبیر تخصصی</div><div class="role-subtitle">Specialist Editor</div></div>
1781        </div>
1782        <ul class="role-tasks">
1783          <li>سطح ۱: ارائه نظر و پیشنهاد داور</li>
1784          <li>سطح ۲: انتخاب داور و مدیریت داوری</li>
1785          <li>گزارش نتیجه به سردبیر</li>
1786        </ul>
1787      </div>
1788
1789      <div class="role-card reveal" style="--role-color:#ef4444">
1790        <div class="role-header">
1791          <div class="role-emoji">🏛️</div>
1792          <div><div class="role-name">هیات تحریریه</div><div class="role-subtitle">Editorial Board</div></div>
1793        </div>
1794        <ul class="role-tasks">
1795          <li>بررسی‌های سیاستی و اخلاقی</li>
1796          <li>مشاوره برای تصمیم‌های مهم</li>
1797          <li>دسترسی بر اساس تنظیمات مدیر</li>
1798        </ul>
1799      </div>
1800
1801      <div class="role-card reveal" style="--role-color:#ec4899">
1802        <div class="role-header">
1803          <div class="role-emoji">📰</div>
1804          <div><div class="role-name">ناشر</div><div class="role-subtitle">Publisher</div></div>
1805        </div>
1806        <ul class="role-tasks">
1807          <li>ایجاد دوره و شماره جدید</li>
1808          <li>انتشار مقاله در شماره</li>
1809          <li>اختصاص DOI</li>
1810          <li>ارسال به پایگاه ISC</li>
1811        </ul>
1812      </div>
1813
1814      <div class="role-card reveal" style="--role-color:#06b6d4">
1815        <div class="role-header">
1816          <div class="role-emoji">✏️</div>
1817          <div><div class="role-name">ویراستار ادبی</div><div class="role-subtitle">Literary Editor</div></div>
1818        </div>
1819        <ul class="role-tasks">
1820          <li>اصلاح زبان، دستور و نگارش</li>
1821          <li>بهبود روانی و خوانایی متن</li>
1822          <li>بارگذاری فایل اصلاح‌شده</li>
1823        </ul>
1824      </div>
1825
1826      <div class="role-card reveal" style="--role-color:#3b82f6">
1827        <div class="role-header">
1828          <div class="role-emoji">🔧</div>
1829          <div><div class="role-name">ویراستار فنی</div><div class="role-subtitle">Technical Editor</div></div>
1830        </div>
1831        <ul class="role-tasks">
1832          <li>استانداردسازی جداول و نمودارها</li>
1833          <li>بررسی الزامات فنی نشریه</li>
1834          <li>بارگذاری فایل اصلاح‌شده</li>
1835        </ul>
1836      </div>
1837
1838      <div class="role-card reveal" style="--role-color:#8b5cf6">
1839        <div class="role-header">
1840          <div class="role-emoji">🎨</div>
1841          <div><div class="role-name">صفحه‌آرا</div><div class="role-subtitle">Layout Designer</div></div>
1842        </div>
1843        <ul class="role-tasks">
1844          <li>طراحی قالب نهایی مقاله</li>
1845          <li>جایگذاری تصاویر و جداول</li>
1846          <li>آماده‌سازی PDF نهایی</li>
1847        </ul>
1848      </div>
1849
1850      <div class="role-card reveal" style="--role-color:#10b981">
1851        <div class="role-header">
1852          <div class="role-emoji">⚙️</div>
1853          <div><div class="role-name">مدیر سامانه</div><div class="role-subtitle">System Administrator</div></div>
1854        </div>
1855        <ul class="role-tasks">
1856          <li>تنظیمات کامل نشریه</li>
1857          <li>مدیریت کاربران و نقش‌ها</li>
1858          <li>پیکربندی ایمیل، پیامک و DNS</li>
1859          <li>فقط یک نفر می‌تواند این نقش را داشته باشد</li>
1860        </ul>
1861      </div>
1862
1863    </div>
1864  </div>
1865
1866  <!-- ══════════════════════════════════════════
1867       TAB 7: ARTICLE LIFECYCLE
1868  ══════════════════════════════════════════ -->
1869  <div id="tab-lifecycle" class="workflow-panel">
1870    <div class="workflow-header" style="--wf-color: #ec4899">
1871      <div class="workflow-icon-big">🔄</div>
1872      <div>
1873        <div class="workflow-title">چرخه کامل حیات مقاله</div>
1874        <div class="workflow-desc">از لحظه ارسال توسط نویسنده تا انتشار نهایی — تمام مراحل و نقاط تصمیم‌گیری.</div>
1875        <div class="workflow-meta">
1876          <span class="meta-chip">📅 هفته‌ها تا ماه‌ها</span>
1877          <span class="meta-chip">🔀 مسیرهای متعدد</span>
1878        </div>
1879      </div>
1880    </div>
1881
1882    <div style="display:grid;grid-template-columns:1fr 1fr;gap:24px">
1883
1884      <!-- Timeline right column -->
1885      <div>
1886        <div class="role-section-title" style="font-size:14px;margin-bottom:16px">📤 مرحله ارسال</div>
1887        <div class="timeline">
1888          <div class="timeline-item reveal" style="--tl-color:#3b82f6">
1889            <div class="timeline-dot"></div>
1890            <div class="timeline-body">
1891              <div class="timeline-label">نویسنده</div>
1892              <div class="timeline-title">ارسال مقاله (۱۲ مرحله)</div>
1893              <div class="timeline-desc">تکمیل فرم، بارگذاری فایل‌ها، پذیرش تعهدنامه، ارسال نهایی</div>
1894            </div>
1895          </div>
1896          <div class="timeline-item reveal" style="--tl-color:#06b6d4">
1897            <div class="timeline-dot"></div>
1898            <div class="timeline-body">
1899              <div class="timeline-label">کارشناس نشریه</div>
1900              <div class="timeline-title">بررسی اولیه فرمت</div>
1901              <div class="timeline-desc">بررسی کامل بودن فایل‌ها، چکیده، و انجام بررسی مشابهت</div>
1902            </div>
1903          </div>
1904          <div class="timeline-item reveal" style="--tl-color:#8b5cf6">
1905            <div class="timeline-dot"></div>
1906            <div class="timeline-body">
1907              <div class="timeline-label">سردبیر</div>
1908              <div class="timeline-title">بررسی اولیه و ارجاع</div>
1909              <div class="timeline-desc">تصمیم درباره ادامه بررسی یا رد اولیه. ارجاع به دبیر تخصصی یا داور</div>
1910            </div>
1911          </div>
1912        </div>
1913
1914        <div class="role-section-title" style="font-size:14px;margin:20px 0 16px">🔍 مرحله داوری</div>
1915        <div class="timeline">
1916          <div class="timeline-item reveal" style="--tl-color:#8b5cf6">
1917            <div class="timeline-dot"></div>
1918            <div class="timeline-body">
1919              <div class="timeline-label">دبیر تخصصی (اختیاری)</div>
1920              <div class="timeline-title">ارزیابی تخصصی اولیه</div>
1921              <div class="timeline-desc">نظر کارشناسی و پیشنهاد داور مناسب</div>
1922            </div>
1923          </div>
1924          <div class="timeline-item reveal" style="--tl-color:#8b5cf6">
1925            <div class="timeline-dot"></div>
1926            <div class="timeline-body">
1927              <div class="timeline-label">داوران (۲+)</div>
1928              <div class="timeline-title">داوری تخصصی (۱۴–۲۱ روز)</div>
1929              <div class="timeline-desc">ارزیابی محتوای علمی، ارائه نظرات سازنده و توصیه نهایی</div>
1930            </div>
1931          </div>
1932          <div class="timeline-item reveal" style="--tl-color:#f59e0b">
1933            <div class="timeline-dot"></div>
1934            <div class="timeline-body">
1935              <div class="timeline-label">سردبیر</div>
1936              <div class="timeline-title">تصمیم‌گیری بر اساس نظرات داوری</div>
1937              <div class="timeline-desc">پذیرش / رد / درخواست اصلاحات</div>
1938            </div>
1939          </div>
1940        </div>
1941      </div>
1942
1943      <!-- Left column -->
1944      <div>
1945        <div class="role-section-title" style="font-size:14px;margin-bottom:16px">📝 مرحله اصلاحات</div>
1946        <div class="timeline">
1947          <div class="timeline-item reveal" style="--tl-color:#f59e0b">
1948            <div class="timeline-dot"></div>
1949            <div class="timeline-body">
1950              <div class="timeline-label">نویسنده</div>
1951              <div class="timeline-title">دریافت نظرات و اصلاح (۱۵–۲۰ روز)</div>
1952              <div class="timeline-desc">بررسی نظرات داوران، اصلاح مقاله، ارسال پاسخ به سردبیر</div>
1953            </div>
1954          </div>
1955          <div class="timeline-item reveal" style="--tl-color:#f59e0b">
1956            <div class="timeline-dot"></div>
1957            <div class="timeline-body">
1958              <div class="timeline-label">سردبیر / داور</div>
1959              <div class="timeline-title">بررسی نسخه اصلاح‌شده</div>
1960              <div class="timeline-desc">در صورت اصلاحات اساسی: داوری مجدد. در صورت اصلاحات جزئی: تصمیم سردبیر</div>
1961            </div>
1962          </div>
1963        </div>
1964
1965        <div class="role-section-title" style="font-size:14px;margin:20px 0 16px">🚀 مرحله انتشار</div>
1966        <div class="timeline">
1967          <div class="timeline-item reveal" style="--tl-color:#ec4899">
1968            <div class="timeline-dot"></div>
1969            <div class="timeline-body">
1970              <div class="timeline-label">ویراستار ادبی + فنی</div>
1971              <div class="timeline-title">ویرایش نهایی</div>
1972              <div class="timeline-desc">اصلاح زبانی، فنی و آماده‌سازی برای صفحه‌آرایی</div>
1973            </div>
1974          </div>
1975          <div class="timeline-item reveal" style="--tl-color:#8b5cf6">
1976            <div class="timeline-dot"></div>
1977            <div class="timeline-body">
1978              <div class="timeline-label">صفحه‌آرا</div>
1979              <div class="timeline-title">آماده‌سازی PDF نهایی</div>
1980              <div class="timeline-desc">طراحی قالب نهایی مطابق استانداردهای نشریه</div>
1981            </div>
1982          </div>
1983          <div class="timeline-item reveal" style="--tl-color:#3b82f6">
1984            <div class="timeline-dot"></div>
1985            <div class="timeline-body">
1986              <div class="timeline-label">نویسنده</div>
1987              <div class="timeline-title">تأیید فایل نهایی</div>
1988              <div class="timeline-desc">آخرین تأیید قبل از انتشار رسمی</div>
1989            </div>
1990          </div>
1991          <div class="timeline-item reveal" style="--tl-color:#f59e0b">
1992            <div class="timeline-dot"></div>
1993            <div class="timeline-body">
1994              <div class="timeline-label">ناشر</div>
1995              <div class="timeline-title">🌐 انتشار رسمی</div>
1996              <div class="timeline-desc">قرار دادن در شماره، اختصاص DOI، ارسال به ISC</div>
1997            </div>
1998          </div>
1999        </div>
2000      </div>
2001    </div>
2002
2003    <!-- Article status map -->
2004    <div class="divider"><div class="divider-line"></div><div class="divider-text">نقشه وضعیت‌های مقاله در پنل نویسنده</div><div class="divider-line"></div></div>
2005    <div class="status-grid">
2006      <div class="status-card reveal" style="--status-color:#475569"><div class="status-name"><div class="status-dot"></div>مقالات تکمیل نشده</div><div class="status-who">پیش‌نویس ذخیره‌شده</div></div>
2007      <div class="status-card reveal" style="--status-color:#3b82f6"><div class="status-name"><div class="status-dot"></div>مقالات ارسال‌شده / در حال بررسی</div><div class="status-who">نزد کارشناس یا سردبیر</div></div>
2008      <div class="status-card reveal" style="--status-color:#f59e0b"><div class="status-name"><div class="status-dot"></div>مقالات نیازمند اصلاح</div><div class="status-who">سردبیر درخواست اصلاح داده</div></div>
2009      <div class="status-card reveal" style="--status-color:#06b6d4"><div class="status-name"><div class="status-dot"></div>مقالات بازنگری شده</div><div class="status-who">اصلاح‌شده و ارسال مجدد</div></div>
2010      <div class="status-card reveal" style="--status-color:#ec4899"><div class="status-name"><div class="status-dot"></div>مقالات ارسال‌شده برای پرداخت</div><div class="status-who">نیاز به پرداخت هزینه</div></div>
2011      <div class="status-card reveal" style="--status-color:#8b5cf6"><div class="status-name"><div class="status-dot"></div>تأیید فایل نهایی</div><div class="status-who">آخرین بررسی قبل از انتشار</div></div>
2012      <div class="status-card reveal" style="--status-color:#10b981"><div class="status-name"><div class="status-dot"></div>پذیرفته‌شده / منتشرشده</div><div class="status-who">فرآیند کامل شده</div></div>
2013      <div class="status-card reveal" style="--status-color:#ef4444"><div class="status-name"><div class="status-dot"></div>رد شده</div><div class="status-who">پایان چرخه بررسی</div></div>
2014      <div class="status-card reveal" style="--status-color:#475569"><div class="status-name"><div class="status-dot"></div>بازپس‌گرفته‌شده</div><div class="status-who">انصراف نویسنده (با تأیید سردبیر)</div></div>
2015    </div>
2016  </div>
2017
2018</div><!-- end container -->
2019
2020<footer>
2021  <div class="container">
2022    سامانه مدیریت نشریه سیناوب — گردش‌کارهای تعاملی · استخراج‌شده از پایگاه FAQ
2023  </div>
2024</footer>
2025
2026<script>
2027  function showTab(id) {
2028    document.querySelectorAll('.workflow-panel').forEach(p => p.classList.remove('active'));
2029    document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
2030    document.getElementById('tab-' + id).classList.add('active');
2031    document.querySelector(`[data-tab="${id}"]`).classList.add('active');
2032    // Trigger reveal for new tab
2033    setTimeout(observeReveal, 50);
2034  }
2035
2036  function toggleStep(el) {
2037    el.classList.toggle('expanded');
2038  }
2039
2040  // Intersection observer for scroll-reveal
2041  function observeReveal() {
2042    const items = document.querySelectorAll('.reveal:not(.visible)');
2043    const observer = new IntersectionObserver((entries) => {
2044      entries.forEach((entry, i) => {
2045        if (entry.isIntersecting) {
2046          setTimeout(() => entry.target.classList.add('visible'), i * 60);
2047          observer.unobserve(entry.target);
2048        }
2049      });
2050    }, { threshold: 0.1 });
2051    items.forEach(item => observer.observe(item));
2052  }
2053
2054  // Initial observation
2055  document.addEventListener('DOMContentLoaded', () => {
2056    observeReveal();
2057    // Also trigger on first visible tab
2058    setTimeout(() => {
2059      document.querySelectorAll('#tab-author .reveal').forEach((el, i) => {
2060        setTimeout(() => el.classList.add('visible'), 100 + i * 80);
2061      });
2062    }, 100);
2063  });
2064</script>
2064
2065
2066<!-- FOOTER -->
2067<footer style="background:var(--foot);color:#d0d8e8;padding:56px 0 0;border-top:3px solid var(--gold);margin-top:95px">
2068  <div style="max-width:1180px;margin:0 auto;padding:0 32px">
2069    <div style="display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:44px;padding:36px 0">
2070      <div>
2071        <h4 style="font-size:1rem;font-weight:800;color:#fff;margin-bottom:16px">ارتباط مستقیم</h4>
2072        <p style="font-size:.86rem;color:rgba(208,216,232,.65);margin:8px 0"><a href="mailto:[email protected]" style="color:inherit;text-decoration:none">📞 پشتیبانی: [email protected]</a></p>
2073        <p style="font-size:.86rem;color:rgba(208,216,232,.65);margin:8px 0"><a href="mailto:[email protected]" style="color:inherit;text-decoration:none">💰 فروش: [email protected]</a></p>
2074      </div>
2075      <div>
2076        <h4 style="font-size:1rem;font-weight:800;color:#fff;margin-bottom:16px">لینک‌های مفید</h4>
2077        <ul style="list-style:none">
2078          <li style="padding:4px 0"><a href="index.html" style="font-size:.86rem;color:rgba(208,216,232,.65);text-decoration:none">← بازگشت به صفحه اصلی</a></li>
2079          <li style="padding:4px 0"><a href="https://support.sinaweb.net/" target="_blank" style="font-size:.86rem;color:rgba(208,216,232,.65);text-decoration:none">← پورتال مشتریان</a></li>
2080          <li style="padding:4px 0"><a href="https://contact.sinaweb.net/" target="_blank" style="font-size:.86rem;color:rgba(208,216,232,.65);text-decoration:none">← فرم تماس</a></li>
2081        </ul>
2082      </div>
2083      <div>
2084        <h4 style="font-size:1rem;font-weight:800;color:#fff;margin-bottom:16px">درباره سیناوب</h4>
2085        <p style="font-size:.86rem;color:rgba(208,216,232,.65);line-height:1.85">شریف پردازشگر دانش (سیناوب) با بیش از ۲۰ سال تجربه، راهکارهای هوشمند مدیریت اطلاعات علمی ارائه می‌دهد.</p>
2086      </div>
2087    </div>
2088    <div style="padding:18px 0;border-top:1px solid rgba(255,255,255,.06);text-align:center">
2089      <p style="font-size:.8rem;color:rgba(255,255,255,.3);margin:0">تمامی حقوق برای شرکت شریف پردازشگر دانش (سیناوب) محفوظ است © ۱۴۰۴–۱۳۸۴</p>
2090    </div>
2091  </div>
2092</footer>
2093
2094</body>
2095</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.