:root {
– Barva hlavní značky – tmavě modrá: #0B1B4A;
–Důraz na značku-Zlato: #E6B800;
–Barva pozadí: #F4F6F9;
–Čistě bílé pozadí: #FFFFFF;
–Barva hlavního textu: #222222;
–Barva podtextu: #666666;
}
/* ================= 👇 Nový globální kód proti přetečení 👇 ================= */
* {
/* Zajistěte, aby odsazení a okraje všech prvků nezvětšovaly šířku kontejneru */
box-sizing: border-box;
/* Jádro: Když narazíte na super dlouhá slova (jako Parasympatikus) nebo dlouhé odkazy, vynucené zalomení řádků nikdy neroztrhne vnější rámec */
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
/* ================= 👆 Konec nového kódu 👆 ================= */
/* — Základní nastavení — */
.Celkový kontejner vstupní stránky {
background-color: var(–background color);
barva: var(–hlavní text barva);
okraj: 0;
výplň: 2 %;
displej: flex;
flex-direction: column;
align-items: center;
šířka: 100 %;
/* Dvojité pojištění proti přetečení */
overflow-x: hidden;
}
. img celkového kontejneru vstupní stránky {
šířka: 100 %;
výška: auto;
displej: blok;
marže: 2 % automaticky;
border-radius: 8px;
}
/* — Základní kontejner: Adaptivní karta — */
.Adaptivní karta {
background-color: var(–pure white background);
border-radius: 12px;
výplň: 5 %;
box-shadow: 0 4px 15px rgba(11, 27, 74, 0,08);
šířka: 100 %;
margin-bottom: 5 %;
displej: flex;
flex-direction: column;
align-items: center;
text-align: left;
/* 👇 Novinka: Nucené oříznutí jakéhokoli obsahu mimo kartu */
max-width: 100 %;
přetečení: skryté;
}
.Na střed obsahu {
text-align: center;
šířka: 100 %;
displej: flex;
flex-direction: column;
align-items: center;
/* 👇 Nově přidáno: Pokud narazíte na dlouhý seznam chemických vzorců, můžete místo prasknutí velkého rámečku klouzat vodorovně v malém rozsahu */
max-width: 100 %;
overflow-x: auto;
}
.Vertikální seznam {
šířka: 100 %;
výplň: 0;
okraj: 0;
list-style: none;
displej: flex;
flex-direction: column;
mezera: 3 %;
}
.Vertikální položky seznamu {
šířka: 100 %;
výplň: 3 %;
background-color: var(–background color);
border-left: 3px solid var(–brand highlight-gold);
border-radius: 4px;
}
.Informační blok {
šířka: 100 %;
displej: flex;
flex-direction: column;
background-color: var(–background color);
border-top: 4px solid var(–hlavní barva značky-tmavě modrá);
border-radius: 8px;
výplň: 5 %;
margin-bottom: 4 %;
/* 👇 Novinka: Zabraňte prasknutí interních karet */
max-width: 100 %;
přetečení: skryté;
}
/* — Časté dotazy — */
.expand kontejner {
šířka: 100 %;
background-color: var(–pure white background);
ohraničení: 1px solid rgba(11, 27, 74, 0,1);
border-radius: 8px;
margin-bottom: 3 %;
displej: flex;
flex-direction: column;
.Expand container [open] { border-color: var(–brand highlight-gold);
.collapse title {
výplň: 4 % 5 %;
kurzor: ukazatel;
váha písma: tučné;
barva: var(–hlavní barva značky-tmavě modrá);
displej: flex;
justify-content: mezera-mezi;
align-items: center;
šířka: 100 %;
.collapse content {
výplň: 0 5 % 5 % 5 %;
barva: var(–subtext color);
displej: flex;
flex-direction: column;
šířka: 100 %;
}
.Zlatý důraz { barva: var(–Zdůraznění značky-zlato); váha písma: tučné;
.Důraz tmavě modré { barva: var(–hlavní barva značky-tmavě modrá); váha písma: tučné; }
/* ================= Jádro: Plovoucí animační systém ================= */
@keyframes pluje nahoru {
0 % {
neprůhlednost: 0;
transform: translateY(40px);
100 % {
Neprůhlednost: 1;
transformace: translateY(0);
}
. Prvek, který má být vyplaven { opacity: 0;
.Provést floating out { animace: floating upward 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forward;
Úplná vstupní stránka — Acezozla® Exon-Max 60 krém pro okamžitou erekci
Zažili jste někdy tyto okamžiky?
Toto není váš svět vitality, který byl nasycený kouskem</strong. mikroplasty a lékařský systém, který










Recenze
Zatím zde nejsou žádné recenze.