html.top-fri:has(body.home), html.top-fri body.home{ background:#1d4d78; }
html.top-fri .isl-pre, html.top-fri .isl-fog{ display:none; }
.fr{ position:fixed; inset:0; z-index:0; pointer-events:none; opacity:0; transition:opacity .8s ease; }
.fr.in{ opacity:1; }
.fr canvas{ display:block; }

html.top-fri body.home .three-container, html.top-fri body.home.isl-logo .three-container{ opacity:0 !important; visibility:hidden !important; }

html.top-fri{ --acc:#bfe6ff; --acc-d:#bfe6ff; --acc-rgb:191,230,255; }
html.top-fri body.home .logo{ filter:brightness(0) invert(1) blur(10px); }
html.top-fri body.home.isl-logo .logo{ filter:brightness(0) invert(1) drop-shadow(0 2px 16px rgba(8,28,48,.55)) !important; }
html.top-fri .isl-tag, html.top-fri body.home .quote, html.top-fri body.home .nav-jump a,
html.top-fri body.home .right-list li .label, html.top-fri body.home .right-list li .value{ color:#fff !important; }
html.top-fri body.home .right-list li small{ color:#dbe8f2 !important; }
html.top-fri body.home .chapter, html.top-fri body.home .right-list li .value .num, html.top-fri body.home .nav-jump a.active, html.top-fri body.home .nav-jump a:hover{ color:#bfe6ff !important; }
html.top-fri .isl-tag, html.top-fri body.home .quote, html.top-fri body.home .nav-jump a, html.top-fri body.home .chapter,
html.top-fri body.home .right-list li .label, html.top-fri body.home .right-list li .value, html.top-fri body.home .right-list li small{ text-shadow:0 1px 8px rgba(6,24,42,.85), 0 0 2px rgba(6,24,42,.7) !important; }
html.top-fri body.home .right-list li{ border-bottom-color:rgba(255,255,255,.28) !important; }
html.top-fri body.home .bottom-center{ color:rgba(255,255,255,.75) !important; }
html.top-fri body.home .topbar .label, html.top-fri body.home .topbar .breadcrumb a, html.top-fri body.home .topbar .breadcrumb .current{ color:#fff; text-shadow:0 1px 6px rgba(6,24,42,.7); }
html.top-fri body.home .corner{ border-color:rgba(255,255,255,.45); }

body.fr-cursor, body.fr-cursor *{ cursor:none !important; }
.fr-cur{ position:fixed; inset:0; z-index:9999; pointer-events:none; }
.fr-cur i{ position:absolute; left:0; top:0; display:block; }
.fr-cur .d{ width:6px; height:6px; margin:-3px 0 0 -3px; background:#fff; box-shadow:0 0 0 1px rgba(6,24,42,.5); transform:translate(var(--mx),var(--my)); }
.fr-cur .r{ width:28px; height:28px; margin:-14px 0 0 -14px; border:1px solid rgba(255,255,255,.75); transform:translate(var(--rx),var(--ry)) skewX(-18deg);
  transition:width .4s cubic-bezier(.16,.84,.3,1), height .4s cubic-bezier(.16,.84,.3,1), margin .4s cubic-bezier(.16,.84,.3,1), background .4s, opacity .3s; }
.fr-cur.is-hot .r{ width:50px; height:50px; margin:-25px 0 0 -25px; background:rgba(191,230,255,.18); }
.fr-cur.is-out i{ opacity:0; }
body.fr-leave .overlay, body.fr-leave .nav-jump{ opacity:0; transition:opacity .35s ease; }


html.top-fri.isl-t-dawn:has(body.home), html.top-fri.isl-t-dawn body.home{ background:#9fc0d6; }
html.top-fri.isl-t-dusk:has(body.home), html.top-fri.isl-t-dusk body.home{ background:#2a3150; }
html.top-fri.isl-t-night:has(body.home), html.top-fri.isl-t-night body.home{ background:#0a1426; }
html.top-fri.isl-t-dusk{ --acc:#ffc7b8; }
html.top-fri.isl-t-dusk body.home .chapter, html.top-fri.isl-t-dusk body.home .right-list li .value .num, html.top-fri.isl-t-dusk body.home .nav-jump a.active{ color:#ffc7b8 !important; }



body.fr-leave .corner, body.fr-leave .fr-cur, body.fr-leave .topbar, body.fr-leave .bottom-center{ opacity:0 !important; transition:opacity .3s ease; }

html.top-fri .isl-tag{ text-shadow:0 0 3px rgba(6,24,42,.9), 0 1px 10px rgba(6,24,42,.85) !important; }

.fr-white{ position:fixed; inset:0; z-index:10010; pointer-events:none; background:#fff; opacity:0; transition:opacity .3s ease; }
.fr-white.on{ opacity:1; }