.sec8{
--blue-900:#062f5e;
--sign-green:#1c9022; --green-500:#059236;
--yellow-500:#ffc72c;
--ink:#12161c; --ink-soft:#454c57;
--font-sign:"Be Vietnam Pro","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
--shell:1240px; --gutter:clamp(20px,4vw,48px);
position:relative;
color:#fff;
font-family:var(--font-sign);
font-size:clamp(16px,1.05vw,17.5px);
line-height:1.62; font-weight:450;
margin-top:-100vh;
padding:clamp(26px,2.4vw,36px) 0 clamp(88px,10vw,140px);
background:var(--sec8-band,
linear-gradient(180deg,
rgba(18,86,159,0) 0,
rgba(18,86,159,0) calc(var(--sec8-fade,180px) - 150px),
#12569f var(--sec8-fade,180px), #12569f 100%));
}
.sec8 *,.sec8 *::before,.sec8 *::after{ box-sizing:border-box }
.sec8 img{ max-width:100%; display:block }
.sec8 a{ color:inherit }
.sec8 .inner{
position:relative; z-index:3;
max-width:var(--shell); margin:0 auto; padding:0 var(--gutter);
}
.sec8 .fcard{
--fc-paper:var(--sec8-paper, #fff);
--fc-say-bg:var(--sec8-say-bg, linear-gradient(158deg,#1150bb 0%,#0b3b96 46%,#08307f 100%));
--fc-ink:var(--sec8-ink, #123a7a);
--fc-ask-ink:var(--sec8-ask-ink, #57729f);
--fc-ico:var(--sec8-ico, #7b95c0);
--fc-rule:var(--sec8-rule, #b9c9e4);
--fc-rule-on:var(--sec8-rule-on, #12569f);
--fc-edge:var(--sec8-edge, transparent);
--fc-link:var(--sec8-link, #123a7a);
--fc-btn:var(--yellow-500);
}