Model card
From the Hugging Face model README
<section class="card">
<figure class="media">
<img src="https://cdn-uploads.huggingface.co/production/uploads/6669a3a617b838fda45637b8/7hW3eKgjQEVy8GaGYXEQu.png" alt="Eclipsed-Phoenix-26B-A4B artwork">
</figure>
<div class="body">
<div class="frame frame-left" aria-hidden="true"><span></span><i></i><span></span></div>
<div class="frame frame-right" aria-hidden="true"><span></span><i></i><span></span></div>
<header class="header">
<div class="symbol" aria-hidden="true"><span></span></div>
<div class="rule rule-top" aria-hidden="true">
<span></span>
<i></i>
<span></span>
</div>
<h1>Eclipsed-Phoenix-26B-A4B</h1>
<div class="rule rule-bottom" aria-hidden="true">
<span></span>
<i></i>
<span></span>
</div>
</header>
<section class="panel">
<div class="heading">
<span></span>
<h2>Overview</h2>
<span></span>
</div>
<p class="lead">
<strong>Eclipsed-Phoenix-26B-A4B</strong> is an experimental rework of Phoenix-X. A custom script makes small structured changes to the final four MoE expert layers, tests multiple versions against the original, and keeps the strongest result. These changes affect token selection in the later layers, producing substantially different same-seed generations and shifting the model’s prose, tone, personality, and response style while keeping the Phoenix-X foundation.
</p>
<p class="lead">
In testing, Eclipsed-Phoenix tended to produce more stylized prose, stronger subtext, and less predictable narrative choices. It was also more willing to take darker or more ambiguous directions than the original.
</p>
</section>
<section class="panel panel-wide">
<div class="heading">
<span></span>
<h2>Intended Use</h2>
<span></span>
</div>
<div class="rail">
<article class="use">
<div class="mark" aria-hidden="true"></div>
<div class="use-copy">
<h3>Roleplay</h3>
<p>Character-driven interaction, personas, dialogue, and long-form scenes.</p>
</div>
</article>
<article class="use">
<div class="mark" aria-hidden="true"></div>
<div class="use-copy">
<h3>Creative Writing</h3>
<p>Fiction, dialogue, atmosphere, descriptions, and stylistic drafting.</p>
</div>
</article>
<article class="use">
<div class="mark" aria-hidden="true"></div>
<div class="use-copy">
<h3>Storytelling</h3>
<p>Long-form narratives, worldbuilding, continuity, and multi-character plots.</p>
</div>
</article>
<article class="use">
<div class="mark" aria-hidden="true"></div>
<div class="use-copy">
<h3>Interactive Fiction</h3>
<p>Branching narratives, character interaction, scenario play, and evolving stories.</p>
</div>
</article>
</div>
</section>
<footer class="footer">
<span></span>
<b>Cyclone Labs</b>
<span></span>
</footer>
</div>
</section>
<style>
.card,
.card * {
box-sizing: border-box;
}
.card {
--bg-0: #05070d;
--bg-1: #090c16;
--bg-2: #0d1020;
--bg-3: #11152a;
--line: rgba(150, 165, 232, 0.16);
--line-strong: rgba(164, 180, 255, 0.38);
--violet: #8f89d9;
--violet-soft: #b1ace7;
--blue: #76a8d8;
--cyan: #75cbd1;
--silver: #d7dced;
--text: #c3c9dc;
--text-soft: #9ba5bf;
--text-dim: #737e99;
--font-main:
"Iowan Old Style",
"Palatino Linotype",
"Book Antiqua",
Georgia,
serif;
--font-display:
Baskerville,
"Iowan Old Style",
"Palatino Linotype",
"Book Antiqua",
Georgia,
serif;
position: relative;
isolation: isolate;
width: 100%;
max-width: 1472px;
margin: 48px auto;
overflow: hidden;
color: var(--text);
font-family: var(--font-main);
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border:
1px solid rgba(137, 153, 222, 0.16);
border-radius:
6px;
background:
radial-gradient(
circle at 50% -12%,
rgba(112, 108, 195, 0.14),
transparent 35%
),
linear-gradient(
180deg,
#080a12 0%,
#05070d 48%,
#080a12 100%
);
}
.card::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
linear-gradient(
90deg,
rgba(80, 99, 165, 0.045),
transparent 14%,
transparent 86%,
rgba(80, 99, 165, 0.045)
),
repeating-linear-gradient(
90deg,
transparent 0 46px,
rgba(154, 169, 225, 0.012) 46px 47px
);
}
.media {
position: relative;
z-index: 1;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
background:
radial-gradient(
circle at 50% 40%,
#22263a 0%,
#111522 45%,
#070910 100%
);
border: 0;
border-bottom:
1px solid rgba(136, 153, 222, 0.20);
}
.media::after {
content: "";
position: absolute;
left: 10%;
right: 10%;
bottom: 0;
height: 1px;
pointer-events: none;
background:
linear-gradient(
90deg,
transparent,
rgba(117, 203, 209, 0.20),
rgba(176, 170, 231, 0.72),
rgba(117, 203, 209, 0.20),
transparent
);
}
.media img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
border: 0;
filter:
saturate(0.88)
contrast(1.03)
brightness(0.94);
}
.body {
position: relative;
z-index: 1;
padding:
clamp(26px, 3vw, 42px)
clamp(42px, 5.2vw, 74px)
clamp(46px, 5vw, 72px);
background:
radial-gradient(
circle at 50% 0%,
rgba(112, 112, 194, 0.09),
transparent 27%
),
linear-gradient(
180deg,
rgba(12, 15, 28, 0.82),
rgba(5, 7, 13, 0.98)
);
}
.body::before {
content: "";
position: absolute;
inset: 14px;
pointer-events: none;
border:
1px solid rgba(166, 180, 232, 0.045);
clip-path:
polygon(
0 0,
18% 0,
18% 1px,
82% 1px,
82% 0,
100% 0,
100% 100%,
82% 100%,
82% calc(100% - 1px),
18% calc(100% - 1px),
18% 100%,
0 100%
);
}
.frame {
position: absolute;
top: 62px;
bottom: 62px;
z-index: 1;
width: 24px;
pointer-events: none;
}
.frame-left {
left: 10px;
}
.frame-right {
right: 10px;
transform:
scaleX(-1);
}
.frame::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 1px;
transform:
translateX(-50%);
background:
linear-gradient(
180deg,
transparent,
rgba(134, 151, 220, 0.14) 15%,
rgba(148, 166, 236, 0.32) 50%,
rgba(134, 151, 220, 0.14) 85%,
transparent
);
}
.frame span {
position: absolute;
left: 4px;
width: 16px;
height: 1px;
background:
linear-gradient(
90deg,
rgba(164, 177, 230, 0.34),
transparent
);
}
.frame span:first-child {
top: 27%;
}
.frame span:last-child {
bottom: 27%;
}
.frame i {
position: absolute;
top: 50%;
left: 6px;
width: 13px;
height: 56px;
transform:
translateY(-50%);
border-top:
1px solid rgba(130, 199, 210, 0.32);
border-bottom:
1px solid rgba(156, 147, 216, 0.32);
background:
linear-gradient(
180deg,
transparent,
rgba(128, 118, 204, 0.07),
transparent
);
}
.header {
position: relative;
z-index: 2;
text-align: center;
padding:
2px 0 68px;
}
.symbol {
position: relative;
width: 54px;
height: 54px;
margin:
0 auto 22px;
border:
1px solid rgba(173, 183, 232, 0.20);
border-radius:
50%;
}
.symbol::before {
content: "";
position: absolute;
inset: 7px;
border-radius:
50%;
background:
linear-gradient(
145deg,
#171a2c 10%,
#070911 62%
);
border:
1px solid rgba(177, 171, 231, 0.34);
}
.symbol::after {
content: "";
position: absolute;
width: 30px;
height: 30px;
top: 5px;
left: 18px;
border-radius:
50%;
background:
#090b14;
border-left:
1px solid rgba(121, 205, 212, 0.56);
}
.symbol span {
position: absolute;
left: 50%;
bottom: -8px;
width: 1px;
height: 14px;
transform:
translateX(-50%);
background:
linear-gradient(
180deg,
rgba(117, 203, 209, 0.60),
transparent
);
}
.rule {
display: flex;
align-items: center;
justify-content: center;
width:
min(780px, 78%);
margin:
0 auto;
}
.rule span {
flex: 1;
height: 1px;
background:
linear-gradient(
90deg,
transparent,
rgba(153, 166, 228, 0.30)
);
}
.rule span:last-child {
transform:
scaleX(-1);
}
.rule i {
width: 42px;
height: 2px;
margin:
0 16px;
background:
linear-gradient(
90deg,
transparent,
var(--violet),
var(--cyan),
var(--violet),
transparent
);
opacity:
0.82;
}
.rule-top {
margin-bottom:
28px;
}
.rule-bottom {
width:
min(610px, 64%);
margin-top:
28px;
}
.rule-bottom i {
width:
26px;
opacity:
0.62;
}
.header h1 {
display: inline-block;
max-width: 100%;
margin: 0;
white-space:
nowrap;
color:
var(--silver);
font-family:
var(--font-display);
font-size:
clamp(1.05rem, 2.2vw, 2.05rem);
font-weight:
700;
line-height:
1.04;
letter-spacing:
0.028em;
text-transform:
uppercase;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
.header h1 {
background:
linear-gradient(
180deg,
#eef1fb 0%,
#cbd2ec 35%,
#9c98d3 70%,
#c7d9e8 100%
);
-webkit-background-clip:
text;
background-clip:
text;
-webkit-text-fill-color:
transparent;
color:
transparent;
}
}
.panel {
position: relative;
z-index: 2;
margin-bottom:
42px;
padding:
clamp(38px, 4.8vw, 58px);
overflow: hidden;
border:
1px solid rgba(145, 160, 220, 0.13);
background:
linear-gradient(
135deg,
rgba(95, 91, 160, 0.08),
transparent 24%
),
linear-gradient(
315deg,
rgba(75, 144, 166, 0.055),
transparent 24%
),
linear-gradient(
90deg,
rgba(8, 10, 19, 0.98),
rgba(14, 17, 31, 0.98) 50%,
rgba(8, 10, 19, 0.98)
);
}
.panel::before,
.panel::after {
content: "";
position: absolute;
width: 170px;
height: 1px;
}
.panel::before {
top: 0;
left: 0;
background:
linear-gradient(
90deg,
rgba(160, 152, 218, 0.62),
transparent
);
}
.panel::after {
right: 0;
bottom: 0;
background:
linear-gradient(
270deg,
rgba(112, 192, 202, 0.44),
transparent
);
}
.heading {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
gap: 17px;
width: 100%;
margin:
0 auto 34px;
}
.heading span {
flex:
1 1 0;
max-width:
210px;
height:
1px;
background:
linear-gradient(
90deg,
transparent,
rgba(148, 161, 219, 0.38)
);
}
.heading span:last-child {
transform:
scaleX(-1);
}
.heading h2 {
flex:
0 0 auto;
margin: 0;
color:
#cdd4ed;
font-family:
var(--font-display);
font-size:
clamp(1.5rem, 2.65vw, 2.16rem);
font-weight:
700;
line-height:
1;
letter-spacing:
0.10em;
text-align:
center;
text-transform:
uppercase;
}
.lead {
position: relative;
z-index: 2;
max-width:
1180px;
margin:
0 auto;
color:
var(--text);
font-family:
var(--font-main);
font-size:
clamp(1.05rem, 1.3vw, 1.17rem);
font-weight:
400;
line-height:
1.78;
letter-spacing:
0.006em;
text-align:
left;
overflow-wrap:
anywhere;
}
.lead + .lead {
margin-top:
18px;
}
.lead strong {
color:
#e4e8f5;
font-weight:
600;
}
.lead a {
color:
#b6b4e3;
font-weight:
600;
text-decoration:
none;
border-bottom:
1px solid rgba(150, 157, 221, 0.26);
}
.lead a:hover {
color:
#e1e4f5;
border-bottom-color:
rgba(117, 203, 209, 0.60);
}
.panel-wide {
padding:
clamp(46px, 5vw, 64px)
clamp(48px, 5.5vw, 78px)
clamp(50px, 5vw, 68px);
}
.panel-wide .heading {
margin-bottom:
48px;
}
.rail {
position: relative;
z-index: 2;
width:
min(1120px, 100%);
margin:
0 auto;
padding:
4px 0;
}
.rail::before {
content: "";
position: absolute;
top: 7px;
bottom: 7px;
left: 12px;
width:
2px;
background:
linear-gradient(
180deg,
rgba(118, 203, 209, 0.14),
rgba(143, 137, 217, 0.68) 14%,
rgba(117, 203, 209, 0.88) 50%,
rgba(143, 137, 217, 0.68) 86%,
rgba(118, 203, 209, 0.14)
);
box-shadow:
0 0 10px rgba(117, 203, 209, 0.10);
}
.use {
position: relative;
display: grid;
grid-template-columns:
52px minmax(0, 1fr);
align-items:
start;
width: 100%;
min-width: 0;
margin:
0 0 12px;
padding:
24px 28px 24px 0;
border-bottom:
1px solid rgba(143, 153, 211, 0.10);
}
.use:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.mark {
position: relative;
width:
52px;
min-height:
58px;
}
.mark::before {
content: "";
position: absolute;
top:
13px;
left:
5px;
width:
15px;
height:
2px;
background:
linear-gradient(
90deg,
var(--violet),
var(--cyan)
);
}
.mark::after {
content: "";
position: absolute;
top:
13px;
left:
20px;
width:
26px;
height:
1px;
background:
linear-gradient(
90deg,
rgba(117, 203, 209, 0.62),
transparent
);
}
.use-copy {
min-width: 0;
padding:
0 0 0 10px;
}
.use h3 {
display: block;
width: 100%;
margin:
0 0 8px;
color:
#cfd5ed;
font-family:
var(--font-display);
font-size:
clamp(1.12rem, 1.55vw, 1.34rem);
font-weight:
700;
line-height:
1.25;
letter-spacing:
0.035em;
text-transform:
uppercase;
white-space:
nowrap;
}
.use p {
width: 100%;
max-width:
900px;
margin: 0;
color:
var(--text-soft);
font-size:
clamp(1rem, 1.12vw, 1.08rem);
line-height:
1.66;
overflow-wrap:
normal;
word-break:
normal;
hyphens:
none;
}
.footer {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width:
min(850px, 78%);
margin:
64px auto 4px;
}
.footer span {
flex: 1;
height: 1px;
background:
linear-gradient(
90deg,
transparent,
rgba(143, 153, 211, 0.32),
rgba(113, 198, 207, 0.12)
);
}
.footer span:last-child {
transform:
scaleX(-1);
}
.footer b {
flex:
0 0 auto;
margin:
0 22px;
color:
rgba(190, 198, 227, 0.66);
font-family:
var(--font-display);
font-size:
0.78rem;
font-weight:
700;
letter-spacing:
0.28em;
text-transform:
uppercase;
white-space:
nowrap;
}
@media (max-width: 900px) {
.body {
padding:
28px 30px 48px;
}
.frame {
display:
none;
}
.header {
padding-bottom:
52px;
}
.header h1 {
font-size:
clamp(0.96rem, 3.35vw, 1.55rem);
letter-spacing:
0.02em;
}
.panel {
padding:
34px 27px;
}
.panel-wide {
padding:
38px 32px 44px;
}
.rail::before {
left:
10px;
}
.use {
grid-template-columns:
46px minmax(0, 1fr);
padding:
21px 16px 21px 0;
}
.mark {
width:
46px;
}
.mark::after {
width:
20px;
}
.use h3 {
font-size:
clamp(1rem, 2vw, 1.18rem);
}
}
@media (max-width: 700px) {
.card {
margin:
24px auto;
}
.body {
padding:
22px 16px 40px;
}
.header {
padding:
0 0 44px;
}
.symbol {
width:
46px;
height:
46px;
margin-bottom:
18px;
}
.symbol::after {
width:
26px;
height:
26px;
left:
15px;
}
.rule {
width:
84%;
}
.rule-top {
margin-bottom:
22px;
}
.header h1 {
font-size:
clamp(0.72rem, 3.15vw, 0.98rem);
letter-spacing:
0.012em;
}
.rule-bottom {
width:
76%;
margin-top:
21px;
}
.panel {
padding:
28px 18px;
margin-bottom:
28px;
}
.heading {
gap:
10px;
margin-bottom:
25px;
}
.heading span {
max-width:
55px;
}
.heading h2 {
font-size:
1.27rem;
letter-spacing:
0.075em;
}
.lead {
font-size:
1rem;
line-height:
1.74;
}
.panel-wide {
padding:
30px 18px 36px;
}
.panel-wide .heading {
margin-bottom:
32px;
}
.rail::before {
left:
7px;
width:
1px;
}
.use {
grid-template-columns:
34px minmax(0, 1fr);
margin-bottom:
6px;
padding:
20px 4px 20px 0;
}
.mark {
width:
34px;
}
.mark::before {
left:
2px;
width:
11px;
}
.mark::after {
left:
13px;
width:
15px;
}
.use-copy {
padding-left:
7px;
}
.use h3 {
margin-bottom:
7px;
font-size:
0.98rem;
line-height:
1.3;
letter-spacing:
0.02em;
white-space:
normal;
}
.use p {
font-size:
0.94rem;
line-height:
1.58;
}
.footer {
width:
90%;
margin-top:
45px;
}
.footer b {
margin:
0 14px;
font-size:
0.68rem;
letter-spacing:
0.20em;
}
}
</style>