:root {
–צבע מותג ראשי-כחול כהה: #0B1B4A;
–Brand Emphasis-Gold: #E6B800;
–צבע רקע: #F4F6F9;
–רקע לבן טהור: #FFFFFF;
–צבע טקסט ראשי: #222222;
–צבע טקסט משנה: #666666;
}
/* ================== 👇 קוד עולמי חדש למניעת הצפה 👇 =================== */
* {
/* ודא שהריפוד והגבולות של כל האלמנטים אינם מגדילים את רוחב המיכל */
גודל קופסה: border-box;
/* ליבה: כאשר נתקלים במילים סופר ארוכות (כגון פאראסימפתטיות) או קישורים ארוכים, מעברי שורות מאולצים לעולם לא יפרצו את המסגרת החיצונית */
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
/* ================= 👆 סוף קוד חדש 👆 ================= */
/* — הגדרות בסיסיות — */
. מכיל סה"כ דף נחיתה {
background-color: var(–background color);
color: var(– main text color);
שוליים: 0;
ריפוד: 2%;
תצוגה: flex;
flex-direction: column;
align-items: center;
רוחב: 100%;
/* ביטוח כפול מפני הצפה */
overflow-x: מוסתר;
}
. דף נחיתה סה"כ מיכל אימג {
רוחב: 100%;
גובה: אוטומטי;
display: block;
מרווח: 2% אוטומטי;
border-radius: 8px;
}
/* — מיכל ליבה: כרטיס מסתגל — */
כרטיס אדפטיבי {
רקע-צבע: var(–רקע לבן טהור);
border-radius: 12px;
ריפוד: 5%;
box-shadow: 0 4px 15px rgba(11, 27, 74, 0.08);
רוחב: 100%;
margin-bottom: 5%;
תצוגה: flex;
flex-direction: column;
align-items: center;
text-align: left;
/* 👇 חדש: חיתוך מאולץ של כל תוכן מעבר לכרטיס */
רוחב מקסימלי: 100%;
overflow: hidden;
}
.מרכז התוכן {
text-align: center;
רוחב: 100%;
תצוגה: flex;
flex-direction: column;
align-items: center;
/* 👇 נוספה לאחרונה: אם אתה נתקל ברשימה ארוכה של נוסחאות כימיות, אתה רשאי להחליק אופקית בטווח קטן במקום לפרוץ את המסגרת הגדולה */
רוחב מקסימלי: 100%;
overflow-x: auto;
}
.רשימה אנכית {
רוחב: 100%;
ריפוד: 0;
שוליים: 0;
סגנון רשימה: אין;
תצוגה: flex;
flex-direction: column;
פער: 3%;
}
.פריטי רשימה אנכית {
רוחב: 100%;
ריפוד: 3%;
background-color: var(–background color);
border-left: 3px solid var(–brand emphasis-gold);
border-radius: 4px;
}
. בלוק מידע {
רוחב: 100%;
תצוגה: flex;
flex-direction: column;
background-color: var(–background color);
border-top: 4px solid var(–brand main color-כחול כהה);
border-radius: 8px;
ריפוד: 5%;
margin-bottom: 4%;
/* 👇 חדש: מנע מקלפים פנימיים להתפוצץ */
רוחב מקסימלי: 100%;
overflow: hidden;
}
/* — רכיב הרחבת שאלות נפוצות — */
.expand מכיל {
רוחב: 100%;
רקע-צבע: var(–רקע לבן טהור);
border: 1px solid rgba(11, 27, 74, 0.1);
border-radius: 8px;
margin-bottom: 3%;
תצוגה: flex;
flex-direction: column;
.Expand container [open] { border-color: var(–brand emphasis-gold);
.collapse title {
ריפוד: 4% 5%;
סמן: מצביע;
font-weight: bold;
color: var(–brand main color-blue dark);
תצוגה: flex;
להצדיק-תוכן: space-between;
align-items: center;
רוחב: 100%;
תוכן .collapse {
ריפוד: 0 5% 5% 5%;
color: var(–subtext color);
תצוגה: flex;
flex-direction: column;
רוחב: 100%;
}
.Golden emphasis { color: var(–Brand emphasis-gold); font-weight: bold;
.Dark blue emphasis { color: var(–brand main color-dark blue); font-weight: bold; }
/* ============================================================================== מערכת אנימציה צפה =======================*/
@keyframes צף כלפי מעלה {
0% {
אטימות: 0;
transform: translateY(40px);
100% {
אטימות: 1;
transform: translateY(0);
}
. האלמנט שיוצף החוצה { אטימות: 0;
.ביצוע floating out { אנימציה: floating upward 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) קדימה;
דף נחיתה מלא – Acezozla® Exon-Max 60 קרם זיקפה מיידית
האם אי פעם חווית את הרגעים האלה?
זה לא היה באשמתך גנבה — piece. עולם רווי במיקרו פלסטיק ומערכת רפואית ש










חוות דעת
אין עדיין חוות דעת.