:root{
--bg:#eaf6ff;
--card:rgba(255,255,255,0.55);
--muted:#4a6b82;
--text:#0b1a28;
--accent:#1c8dff;
--ring:rgba(28,141,255,.35);
}
/* Page frame */
.fs-shell{
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
color:var(--text);
background:linear-gradient(180deg,#d6edff 0%, #eaf6ff 50%, #ffffff 100%);
line-height:1.6;
letter-spacing:.2px;
}
/* Cards */
.fs-card{
background:linear-gradient(135deg, rgba(255,255,255,0.65), rgba(230,245,255,0.45));
backdrop-filter: blur(14px) saturate(160%);
-webkit-backdrop-filter: blur(14px) saturate(160%);
border-radius:18px;
padding:22px;
box-shadow:0 10px 40px rgba(0,70,140,.18), inset 0 0 0 1px rgba(255,255,255,.25);
transition:transform .2s ease, box-shadow .2s ease;
}
.fs-card:hover{
transform:translateY(-2px);
box-shadow:0 14px 50px rgba(0,70,140,.28), inset 0 0 0 1px rgba(255,255,255,.35);
}
/* TOC */
.fs-toc{
position:sticky; top:18px;
align-self:start;
background:linear-gradient(135deg, rgba(255,255,255,0.7), rgba(225,245,255,0.4));
backdrop-filter: blur(12px);
border-radius:16px;
padding:14px;
box-shadow:0 8px 30px rgba(0,70,140,.15), inset 0 0 0 1px rgba(255,255,255,.25);
}
/* Accordion headers */
.fs-accordion > .fs-acc-head{
background:linear-gradient(135deg, rgba(240,248,255,.8), rgba(220,240,255,.5));
border:1px solid rgba(0,70,140,.2);
}
.fs-accordion[open] .fs-acc-head .chev{ border-color:var(--accent); }
/* Read more button */
.multiple-read-more-btn{
background:linear-gradient(135deg, rgba(28,141,255,.12), rgba(28,141,255,.05));
border:1px solid rgba(28,141,255,.28);
color:var(--text);
}
.multiple-read-more-btn:hover{
background:linear-gradient(135deg, rgba(28,141,255,.2), rgba(28,141,255,.1));
}
/* CTA */
.fs-cta{
background:linear-gradient(135deg, rgba(28,141,255,.18), rgba(28,141,255,.08));
border:1px solid rgba(28,141,255,.3);
}
|
|
|
