Create README.md

README.md

@@ -0,0 +1,1169 @@
+---
+license: mit
+datasets:
+- zerofata/Instruct-Anime
+- zerofata/Roleplay-Anime-Characters
+- zerofata/Instruct-Anime-CreativeWriting
+- zerofata/Summaries-Anime-FandomPages
+base_model:
+- zai-org/GLM-4.5-Air
+---
+<style>
+.container {
+  --primary-accent: #FF6B8A;
+  --secondary-accent: #FF8FA8;
+  --tertiary-accent: #E85573;
+  --warm-accent: #FFB4C6;
+  --rose-accent: #FF9BB3;
+  --glow-primary: rgba(255, 107, 138, 0.6);
+  --glow-secondary: rgba(255, 143, 168, 0.7);
+  
+  --bg-main: #1C0A12;
+  --bg-container: #2A111D;
+  --bg-card: rgba(42, 17, 29, 0.95);
+  --bg-elevated: #3D1A2D;
+  
+  --text-main: #FFE5F0;
+  --text-muted: #FFB4C6;
+  --text-bright: #FFFFFF;
+  --white: #FFFFFF;
+  --border-color: #5A2239;
+  --border-warm: #FF8FA8;
+  
+  --font-title: 'Inter', sans-serif;
+  --font-body: 'Source Sans Pro', sans-serif;
+  --font-code: 'JetBrains Mono', monospace;
+
+  font-family: var(--font-body);
+  color: var(--text-main);
+  line-height: 1.6;
+  font-weight: 400;
+  
+  max-width: 1100px;
+  margin: 20px auto;
+  padding: 60px;
+  background: 
+    radial-gradient(circle at 15% 25%, rgba(255, 107, 138, 0.06) 0%, transparent 35%),
+    radial-gradient(circle at 85% 75%, rgba(232, 85, 115, 0.05) 0%, transparent 35%),
+    radial-gradient(circle at 50% 50%, rgba(255, 143, 168, 0.04) 0%, transparent 40%),
+    linear-gradient(135deg, #1C0A12 0%, #2A111D 50%, #1C0A12 100%);
+  min-height: calc(100vh - 40px);
+  position: relative;
+  
+  border: 2px solid transparent;
+  background-clip: padding-box;
+  box-shadow: 
+    0 0 0 1px rgba(255, 143, 168, 0.3),
+    0 0 0 3px var(--border-color),
+    0 0 0 4px rgba(255, 107, 138, 0.5),
+    0 0 80px rgba(255, 107, 138, 0.45),
+    inset 0 0 0 1px rgba(255, 143, 168, 0.15),
+    inset 0 0 120px rgba(255, 107, 138, 0.08);
+}
+
+.container::before {
+  content: '';
+  position: absolute;
+  top: -2px;
+  left: -2px;
+  right: -2px;
+  bottom: -2px;
+  background: linear-gradient(135deg, 
+    var(--primary-accent) 0%, 
+    var(--secondary-accent) 25%,
+    var(--primary-accent) 50%,
+    var(--secondary-accent) 75%,
+    var(--primary-accent) 100%
+  );
+  z-index: -1;
+  opacity: 0.6;
+  pointer-events: none;
+}
+
+.container .title-container {
+  background: 
+    radial-gradient(ellipse at center top, rgba(255, 107, 138, 0.08) 0%, transparent 70%),
+    linear-gradient(135deg, var(--bg-elevated), var(--bg-card));
+  margin-bottom: 50px;
+  border: 3px double rgba(255, 143, 168, 0.4);
+  padding: 50px 50px 45px;
+  text-align: center;
+  position: relative;
+  box-shadow: 
+    0 0 0 1px rgba(255, 107, 138, 0.15),
+    0 0 50px var(--glow-primary),
+    inset 0 0 0 1px rgba(255, 143, 168, 0.2),
+    inset 0 0 80px rgba(255, 107, 138, 0.1);
+  overflow: visible;
+}
+
+.container .title-container::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 80%;
+  height: 1px;
+  background: linear-gradient(90deg, transparent, var(--primary-accent) 20%, var(--primary-accent) 80%, transparent);
+  box-shadow: 0 0 20px var(--primary-accent), 0 0 40px rgba(255, 107, 138, 0.5);
+}
+
+.container .title-container::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 80%;
+  height: 1px;
+  background: linear-gradient(90deg, transparent, var(--secondary-accent) 20%, var(--secondary-accent) 80%, transparent);
+  box-shadow: 0 0 20px var(--secondary-accent), 0 0 40px rgba(255, 143, 168, 0.5);
+}
+
+.container .ornamental-top {
+  position: absolute;
+  top: -1px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 120px;
+  height: 2px;
+  background: linear-gradient(90deg, var(--primary-accent), var(--secondary-accent));
+  box-shadow: 0 0 25px var(--primary-accent);
+  z-index: 3;
+}
+
+.container .ornamental-top::before,
+.container .ornamental-top::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+  height: 8px;
+  background: radial-gradient(circle, var(--primary-accent), transparent);
+  border-radius: 50%;
+  box-shadow: 0 0 15px var(--primary-accent);
+}
+
+.container .ornamental-top::before {
+  left: -20px;
+}
+
+.container .ornamental-top::after {
+  right: -20px;
+}
+
+.container .ornamental-bottom {
+  position: absolute;
+  bottom: -1px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 120px;
+  height: 2px;
+  background: linear-gradient(90deg, var(--secondary-accent), var(--primary-accent));
+  box-shadow: 0 0 25px var(--secondary-accent);
+  z-index: 3;
+}
+
+.container .ornamental-bottom::before,
+.container .ornamental-bottom::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+  height: 8px;
+  background: radial-gradient(circle, var(--secondary-accent), transparent);
+  border-radius: 50%;
+  box-shadow: 0 0 15px var(--secondary-accent);
+}
+
+.container .ornamental-bottom::before {
+  left: -20px;
+}
+
+.container .ornamental-bottom::after {
+  right: -20px;
+}
+
+.container .title-container .title-wrapper {
+  position: relative;
+  z-index: 2;
+}
+
+.container .title-main {
+  color: var(--text-bright);
+  font-size: 3rem;
+  font-weight: 900;
+  margin: 0;
+  letter-spacing: 4px;
+  display: block;
+  text-transform: uppercase;
+  background: linear-gradient(90deg, var(--warm-accent), var(--text-bright), var(--warm-accent));
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  font-family: var(--font-title);
+  text-shadow: 
+    0 0 40px var(--primary-accent),
+    0 0 80px rgba(255, 107, 138, 0.6),
+    0 4px 12px rgba(255, 143, 168, 0.7);
+  position: relative;
+  filter: drop-shadow(0 0 30px rgba(255, 107, 138, 0.7));
+}
+
+.container .lemonade-text {
+    background: linear-gradient(135deg, var(--rose-accent), var(--warm-accent));
+    background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.container .version-indicator {
+  color: var(--text-muted);
+  font-size: 0.85rem;
+  font-weight: 600;
+  letter-spacing: 3px;
+  margin-top: 15px;
+  text-transform: uppercase;
+  font-family: var(--font-title);
+  opacity: 0.8;
+  text-shadow: 0 0 15px rgba(255, 107, 138, 0.6);
+}
+
+.container .title-subtitle {
+  padding: 20px;
+  margin-top: 25px;
+  border: 1px solid var(--border-warm);
+  box-shadow: 0 0 25px rgba(255, 107, 138, 0.4);
+}
+
+.container .subtitle-text {
+  color: var(--text-muted);
+  font-size: 1.3rem;
+  font-family: var(--font-body);
+  font-style: italic;
+  font-weight: 400;
+  letter-spacing: 3px;
+  text-transform: uppercase;
+}
+
+.container img {
+  max-width: 100%;
+  border: 4px solid transparent;
+  border-image: linear-gradient(135deg, var(--primary-accent), var(--secondary-accent), var(--primary-accent)) 1;
+  margin-bottom: 40px;
+  box-shadow: 
+    0 0 0 1px rgba(255, 107, 138, 0.3),
+    0 12px 32px rgba(255, 107, 138, 0.4),
+    0 0 60px rgba(255, 107, 138, 0.25);
+}
+
+.container .section-divider {
+  height: 2px;
+  background: linear-gradient(90deg, 
+    transparent 0%, 
+    rgba(255, 107, 138, 0.3) 20%,
+    var(--primary-accent) 40%,
+    var(--secondary-accent) 50%,
+    var(--primary-accent) 60%,
+    rgba(255, 143, 168, 0.3) 80%,
+    transparent 100%
+  );
+  margin: 50px 0;
+  position: relative;
+  box-shadow: 0 0 20px rgba(255, 107, 138, 0.4);
+}
+
+.container .section-divider::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 6px;
+  height: 6px;
+  background: var(--primary-accent);
+  border-radius: 50%;
+  box-shadow: 0 0 20px var(--primary-accent);
+}
+
+.container .section-container {
+  margin-bottom: 40px;
+  padding: 40px;
+  background: 
+    radial-gradient(circle at top right, rgba(255, 107, 138, 0.015) 0%, transparent 50%),
+    linear-gradient(135deg, var(--bg-card), var(--bg-elevated));
+  border: 1px solid rgba(255, 143, 168, 0.35);
+  border-left: 3px solid var(--primary-accent);
+  box-shadow: 
+    0 0 0 1px rgba(255, 107, 138, 0.1),
+    0 8px 32px rgba(255, 107, 138, 0.35),
+    inset 0 0 60px rgba(255, 107, 138, 0.06),
+    inset -3px 0 25px rgba(255, 107, 138, 0.12);
+  position: relative;
+}
+
+.container .section-container::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100px;
+  height: 100px;
+  background: radial-gradient(circle at top right, rgba(255, 107, 138, 0.025), transparent 70%);
+  pointer-events: none;
+}
+
+.container .section-container:last-of-type {
+    margin-bottom: 0;
+}
+
+.container .section-header {
+  display: flex;
+  align-items: center;
+  padding: 0;
+  border: none;
+  margin-bottom: 30px;
+  background: transparent;
+  position: relative;
+}
+
+.container .section-header::after {
+  content: '';
+  position: absolute;
+  bottom: -15px;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: linear-gradient(90deg, var(--primary-accent), transparent);
+  box-shadow: 0 0 15px rgba(255, 107, 138, 0.4);
+}
+
+.container .section-indicator {
+  width: 4px;
+  height: 40px;
+  background: linear-gradient(180deg, var(--primary-accent), var(--secondary-accent));
+  margin-right: 20px;
+  box-shadow: 0 0 20px var(--primary-accent);
+  border-radius: 2px;
+}
+
+.container .section-title {
+  font-family: var(--font-title);
+  background: linear-gradient(90deg, var(--warm-accent), var(--text-bright));
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  font-size: 1.8rem;
+  margin: 0 !important;
+  padding: 0 !important;
+  letter-spacing: 4px;
+  font-weight: 800;
+  text-transform: uppercase;
+  border: none !important;
+  display: inline-block;
+  text-shadow: 0 0 30px var(--primary-accent);
+  filter: drop-shadow(0 0 25px rgba(255, 107, 138, 0.6));
+}
+
+.container .section-content {
+    padding: 0;
+}
+
+.container .subheading {
+  color: var(--text-bright);
+  font-size: 1.4rem;
+  margin-top: 30px;
+  margin-bottom: 20px;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  text-transform: uppercase;
+  letter-spacing: 3px;
+  font-family: var(--font-title);
+  border-bottom: 1px solid rgba(255, 143, 168, 0.4);
+  padding-bottom: 12px;
+  text-shadow: 0 0 20px var(--primary-accent);
+  position: relative;
+}
+
+.container .subheading::before {
+  content: '';
+  width: 3px;
+  height: 24px;
+  background: linear-gradient(180deg, var(--primary-accent), var(--secondary-accent));
+  margin-right: 12px;
+  box-shadow: 0 0 10px var(--primary-accent);
+}
+
+.container .subheading::after {
+  content: '';
+  position: absolute;
+  bottom: -2px;
+  left: 0;
+  width: 80px;
+  height: 2px;
+  background: linear-gradient(90deg, var(--primary-accent), transparent);
+  box-shadow: 0 0 15px var(--primary-accent);
+}
+
+.container .data-box {
+  background: 
+    linear-gradient(135deg, rgba(255, 107, 138, 0.025) 0%, transparent 100%),
+    linear-gradient(135deg, var(--bg-card), rgba(61, 26, 45, 0.8));
+  padding: 25px 25px 25px 30px;
+  border-top: 1px solid rgba(255, 143, 168, 0.25);
+  border-right: 1px solid rgba(255, 143, 168, 0.25);
+  border-bottom: 1px solid rgba(255, 143, 168, 0.25);
+  border-left: 5px solid var(--primary-accent);
+  margin-bottom: 25px;
+  box-shadow: 
+    0 0 30px rgba(255, 107, 138, 0.3),
+    inset 0 0 40px rgba(255, 107, 138, 0.05),
+    inset -5px 0 30px rgba(255, 107, 138, 0.1);
+  font-size: 1rem;
+  position: relative;
+}
+
+.container .data-box::before {
+  content: '';
+  position: absolute;
+  left: -4px;
+  top: 25%;
+  bottom: 25%;
+  width: 4px;
+  background: linear-gradient(180deg, transparent, var(--primary-accent), transparent);
+  box-shadow: 0 0 15px var(--primary-accent);
+}
+
+.container .data-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 12px;
+  padding: 10px 0;
+  border-bottom: 1px solid rgba(255, 143, 168, 0.15);
+}
+
+.container .data-row:last-child {
+  margin-bottom: 0;
+  border-bottom: none;
+}
+
+.container .data-arrow {
+  color: var(--warm-accent);
+  font-weight: bold;
+  margin-right: 15px;
+  font-family: var(--font-code);
+  font-size: 1.2rem;
+  text-shadow: 0 0 15px var(--primary-accent);
+}
+
+.container .data-label {
+  color: var(--text-muted);
+  font-weight: 700;
+  font-family: var(--font-body);
+  margin-right: 15px;
+  min-width: 120px;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+}
+
+.container a {
+  color: var(--text-bright);
+  text-decoration: none;
+  font-weight: 600;
+  transition: all .2s;
+}
+
+.container .data-row a {
+  border-bottom: 1px dotted var(--warm-accent);
+}
+
+.container a:hover {
+  color: var(--warm-accent);
+  text-shadow: 0 0 15px var(--primary-accent);
+}
+
+.container .data-row a:hover {
+  border-bottom-style: solid;
+  border-bottom-color: var(--primary-accent);
+}
+
+.container .dropdown-container {
+  margin-top: 30px;
+}
+
+.container .dropdown-summary {
+  cursor: pointer;
+  padding: 15px 20px 15px 25px;
+  color: var(--text-muted);
+  font-size: 1.2rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  font-family: var(--font-title);
+  letter-spacing: 2px;
+  list-style: none;
+  transition: all 0.2s ease;
+  border: 1px solid rgba(255, 143, 168, 0.4);
+  border-left: 4px solid var(--secondary-accent);
+  background: 
+    linear-gradient(90deg, rgba(255, 107, 138, 0.04) 0%, transparent 30%),
+    rgba(90, 34, 57, 0.2);
+  box-shadow: 
+    0 0 25px rgba(255, 107, 138, 0.25),
+    inset -4px 0 20px rgba(255, 143, 168, 0.08);
+  position: relative;
+}
+
+.container .dropdown-summary::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  background: linear-gradient(180deg, transparent, var(--primary-accent), transparent);
+  opacity: 0.6;
+  transition: opacity 0.2s ease;
+}
+
+.container .dropdown-summary:hover {
+    color: var(--warm-accent);
+    background: 
+      linear-gradient(90deg, rgba(255, 107, 138, 0.06) 0%, transparent 30%),
+      rgba(90, 34, 57, 0.35);
+    box-shadow: 0 0 35px rgba(255, 107, 138, 0.35);
+}
+
+.container .dropdown-summary:hover::before {
+  opacity: 1;
+  box-shadow: 0 0 20px var(--primary-accent);
+}
+
+.container .dropdown-summary::-webkit-details-marker {
+  display: none;
+}
+
+.container .dropdown-arrow {
+  color: var(--warm-accent);
+  margin-right: 15px;
+  transition: transform 0.2s ease;
+  text-shadow: 0 0 15px var(--primary-accent);
+}
+
+.container details[open] .dropdown-arrow {
+  transform: rotate(90deg);
+}
+
+.container .dropdown-content {
+  margin-top: 20px;
+  padding: 25px 20px;
+  background: 
+    radial-gradient(circle at top left, rgba(255, 107, 138, 0.04) 0%, transparent 50%),
+    linear-gradient(135deg, var(--bg-card), rgba(61, 26, 45, 0.95));
+  border: 1px solid rgba(255, 143, 168, 0.3);
+  border-left: 3px solid var(--secondary-accent);
+  box-shadow: 
+    0 0 30px rgba(255, 107, 138, 0.3),
+    inset 0 0 50px rgba(255, 107, 138, 0.05),
+    inset -3px 0 20px rgba(255, 143, 168, 0.08);
+}
+
+.container .config-title {
+  color: var(--text-bright);
+  font-size: 1.1rem;
+  margin-bottom: 15px;
+  font-family: var(--font-body);
+  text-transform: uppercase;
+  letter-spacing: 2px;
+  font-weight: 700;
+  text-shadow: 0 0 15px var(--primary-accent);
+  display: flex;
+  align-items: center;
+}
+
+.container .config-title::before {
+  content: '';
+  width: 2px;
+  height: 18px;
+  background: linear-gradient(180deg, var(--primary-accent), var(--secondary-accent));
+  margin-right: 10px;
+  box-shadow: 0 0 10px var(--primary-accent);
+}
+
+.container pre {
+  background: #140508;
+  padding: 12px 20px;
+  margin: 0;
+  border: 1px solid rgba(255, 143, 168, 0.25);
+  border-left: 3px solid var(--tertiary-accent);
+  white-space: pre;
+  overflow-x: auto;
+  color: var(--text-main);
+  box-shadow: 
+    0 0 30px rgba(255, 107, 138, 0.25),
+    inset 0 0 40px rgba(255, 107, 138, 0.06),
+    inset -3px 0 20px rgba(232, 85, 115, 0.12);
+}
+
+.container pre code {
+  background: none;
+  color: inherit;
+  padding: 0;
+  margin: 0;
+  display: block;
+  border: none;
+  outline: none;
+}
+
+.container code {
+  font-family: var(--font-code);
+  color: var(--warm-accent);
+  background: rgba(255, 143, 168, 0.15);
+  padding: 4px 8px;
+  border: 1px solid rgba(255, 107, 138, 0.35);
+  box-shadow: 0 0 10px rgba(255, 107, 138, 0.2);
+}
+
+.container .ambient-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: 
+    radial-gradient(circle at 25% 15%, rgba(255, 107, 138, 0.04) 0%, transparent 40%),
+    radial-gradient(circle at 75% 85%, rgba(232, 85, 115, 0.03) 0%, transparent 40%),
+    radial-gradient(circle at 50% 50%, rgba(255, 143, 168, 0.025) 0%, transparent 50%);
+  pointer-events: none;
+  z-index: 0;
+}
+
+.container .corner-accent {
+  position: absolute;
+  width: 40px;
+  height: 40px;
+  pointer-events: none;
+  z-index: 1;
+}
+
+.container .corner-tl {
+  top: 0;
+  left: 0;
+  border-top: 1px solid rgba(255, 107, 138, 0.4);
+  border-left: 1px solid rgba(255, 107, 138, 0.4);
+}
+
+.container .corner-tl::before {
+  content: '';
+  position: absolute;
+  top: -2px;
+  left: -2px;
+  width: 4px;
+  height: 4px;
+  background: var(--primary-accent);
+  border-radius: 50%;
+  box-shadow: 0 0 10px rgba(255, 107, 138, 0.6);
+  opacity: 0.8;
+}
+
+.container .corner-tr {
+  top: 0;
+  right: 0;
+  border-top: 1px solid rgba(255, 143, 168, 0.4);
+  border-right: 1px solid rgba(255, 143, 168, 0.4);
+}
+
+.container .corner-tr::before {
+  content: '';
+  position: absolute;
+  top: -2px;
+  right: -2px;
+  width: 4px;
+  height: 4px;
+  background: var(--secondary-accent);
+  border-radius: 50%;
+  box-shadow: 0 0 10px rgba(255, 143, 168, 0.6);
+  opacity: 0.8;
+}
+
+.container .corner-bl {
+  bottom: 0;
+  left: 0;
+  border-bottom: 1px solid rgba(255, 143, 168, 0.4);
+  border-left: 1px solid rgba(255, 143, 168, 0.4);
+}
+
+.container .corner-bl::before {
+  content: '';
+  position: absolute;
+  bottom: -2px;
+  left: -2px;
+  width: 4px;
+  height: 4px;
+  background: var(--secondary-accent);
+  border-radius: 50%;
+  box-shadow: 0 0 10px rgba(255, 143, 168, 0.6);
+  opacity: 0.8;
+}
+
+.container .corner-br {
+  bottom: 0;
+  right: 0;
+  border-bottom: 1px solid rgba(255, 107, 138, 0.4);
+  border-right: 1px solid rgba(255, 107, 138, 0.4);
+}
+
+.container .corner-br::before {
+  content: '';
+  position: absolute;
+  bottom: -2px;
+  right: -2px;
+  width: 4px;
+  height: 4px;
+  background: var(--primary-accent);
+  border-radius: 50%;
+  box-shadow: 0 0 10px rgba(255, 107, 138, 0.6);
+  opacity: 0.8;
+}
+
+.container .content-frame {
+  position: relative;
+  z-index: 2;
+}
+
+.container .title-glow-layer {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 200%;
+  height: 200%;
+  background: radial-gradient(circle, rgba(255, 107, 138, 0.08) 0%, transparent 60%);
+  pointer-events: none;
+  z-index: 0;
+}
+
+.container .title-accent-left,
+.container .title-accent-right {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 80px;
+  height: 1px;
+  background: linear-gradient(90deg, transparent, var(--primary-accent));
+  box-shadow: 0 0 20px var(--primary-accent);
+}
+
+.container .title-accent-left {
+  left: -100px;
+  background: linear-gradient(90deg, transparent, var(--primary-accent));
+}
+
+.container .title-accent-left::before {
+  content: '';
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 6px;
+  height: 6px;
+  background: var(--primary-accent);
+  border-radius: 50%;
+  box-shadow: 0 0 15px var(--primary-accent);
+}
+
+.container .title-accent-right {
+  right: -100px;
+  background: linear-gradient(90deg, var(--secondary-accent), transparent);
+}
+
+.container .title-accent-right::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 6px;
+  height: 6px;
+  background: var(--secondary-accent);
+  border-radius: 50%;
+  box-shadow: 0 0 15px var(--secondary-accent);
+}
+
+.container .image-frame {
+  position: relative;
+  margin-bottom: 40px;
+}
+
+.container .image-border-accent {
+  position: absolute;
+  top: -10px;
+  left: -10px;
+  right: -10px;
+  bottom: -10px;
+  border: 1px solid var(--border-warm);
+  pointer-events: none;
+  opacity: 0.4;
+  box-shadow: 0 0 30px rgba(255, 107, 138, 0.3);
+}
+
+.container .section-frame {
+  position: relative;
+}
+
+.container .section-glow {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 150px;
+  height: 150px;
+  background: radial-gradient(circle at top right, rgba(255, 107, 138, 0.025), transparent 70%);
+  pointer-events: none;
+  border-radius: 50%;
+}
+
+.container .content-block {
+  position: relative;
+}
+
+.container .subsection-wrapper {
+  margin-bottom: 30px;
+}
+
+.container .subsection-wrapper:last-child {
+  margin-bottom: 0;
+}
+
+.container .data-box-inner {
+  position: relative;
+}
+
+.container .data-value {
+  color: var(--text-main);
+}
+
+.container .divider-ornament {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 24px;
+  height: 24px;
+  border: 2px solid var(--primary-accent);
+  border-radius: 50%;
+  background: var(--bg-card);
+  box-shadow: 
+    0 0 25px var(--primary-accent),
+    0 0 40px rgba(255, 107, 138, 0.4),
+    inset 0 0 15px rgba(255, 107, 138, 0.2);
+}
+
+.container .divider-ornament::before {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 8px;
+  height: 8px;
+  background: var(--primary-accent);
+  border-radius: 50%;
+  box-shadow: 0 0 15px var(--primary-accent);
+}
+
+.container .divider-ornament::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 40px;
+  height: 40px;
+  border: 1px solid rgba(255, 107, 138, 0.2);
+  border-radius: 50%;
+}
+
+.container .summary-inner {
+  display: flex;
+  align-items: center;
+}
+
+.container .summary-text {
+  flex: 1;
+}
+
+.container .dropdown-inner {
+  position: relative;
+}
+
+.container .code-wrapper {
+  position: relative;
+  margin-top: 15px;
+}
+
+.container .code-wrapper::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  background: linear-gradient(180deg, transparent, var(--primary-accent), transparent);
+  box-shadow: 0 0 15px var(--primary-accent);
+}
+
+.container .code-wrapper pre {
+  margin-left: 15px;
+}
+</style>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Iceblink</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Source+Sans+Pro:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+</head>
+<body>
+
+<div class="container">
+  <div class="ambient-overlay"></div>
+  <div class="corner-accent corner-tl"></div>
+  <div class="corner-accent corner-tr"></div>
+  <div class="corner-accent corner-bl"></div>
+  <div class="corner-accent corner-br"></div>
+  <div class="content-frame">
+    <div class="title-container">
+      <div class="ornamental-top"></div>
+      <div class="ornamental-bottom"></div>
+      <div class="title-glow-layer"></div>
+      <div class="title-wrapper">
+        <div class="title-accent-left"></div>
+        <div class="title-accent-right"></div>
+        <h1 class="title-main">
+          <span class="title-prefix">ICEBLINK</span>
+        </h1>
+        <div class="version-indicator">VERSION 2</div>
+      </div>
+    </div>
+    <div class="image-frame">
+      <div class="image-border-accent"></div>
+![image](https://cdn-uploads.huggingface.co/production/uploads/65b19c6c638328850e12d38c/ZKq1JkY6YFfw1RzUmqQUb.png)
+    </div>
+    <div class="section-container">
+      <div class="section-frame">
+        <div class="section-glow"></div>
+        <div class="section-header">
+          <div class="section-indicator"></div>
+          <h2 class="section-title">Overview</h2>
+        </div>
+        <div class="section-content">
+          <div class="content-block">
+            <p></p>
+            <p>Another re-attempt at GLM 4.5 Air. This time using a different training framework, some updated data and better hyperparameters.</p>
+            <p>This model is a creative writing and RP model. It's pretty verbose. The intent is to keep the behavior of the original model, but to improve writing, dialogue & creativity.</p>
+            <p>Compared to the original Iceblink, the effect on this one is more pronounced, with hopefully minimal impact on the intelligence.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="section-divider">
+      <div class="divider-ornament"></div>
+    </div>
+    <div class="section-container">
+      <div class="section-frame">
+        <div class="section-glow"></div>
+        <div class="section-header">
+          <div class="section-indicator"></div>
+          <h2 class="section-title">SillyTavern Settings</h2>
+        </div>
+        <div class="section-content">
+          <div class="subsection-wrapper">
+            <h3 class="subheading">Recommended Roleplay Format</h3>
+            <div class="data-box">
+              <div class="data-box-inner">
+                <div class="data-row">
+                  <span class="data-arrow">></span>
+                  <span class="data-label">Actions:</span>
+                  <span class="data-value">In plaintext</span>
+                </div>
+                <div class="data-row">
+                  <span class="data-arrow">></span>
+                  <span class="data-label">Dialogue:</span>
+                  <span class="data-value">"In quotes"</span>
+                </div>
+                <div class="data-row">
+                  <span class="data-arrow">></span>
+                  <span class="data-label">Thoughts:</span>
+                  <span class="data-value">*In asterisks*</span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="subsection-wrapper">
+            <h3 class="subheading">Recommended Samplers</h3>
+            <div class="data-box">
+              <div class="data-box-inner">
+                <div class="data-row">
+                  <span class="data-arrow">></span>
+                  <span class="data-label">Temp:</span>
+                  <span class="data-value">0.8</span>
+                </div>
+                <div class="data-row">
+                  <span class="data-arrow">></span>
+                  <span class="data-label">MinP:</span>
+                  <span class="data-value">0.05</span>
+                </div>
+                <div class="data-row">
+                  <span class="data-arrow">></span>
+                  <span class="data-label">TopP:</span>
+                  <span class="data-value">0.95 - 1.00</span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="subsection-wrapper">
+            <h3 class="subheading">Instruct</h3>
+            <div class="data-box">
+              <div class="data-box-inner">
+                <p style="margin: 0;">GLM4.5 (no thinking): <a href="https://huggingface.co/zerofata/GLM-4.5-Iceblink-106B-A12B/raw/main/GLM45-NoThink-SillyTavern-Preset.json">SillyTavern Preset</a></p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="section-divider">
+      <div class="divider-ornament"></div>
+    </div>
+    <div class="section-container">
+      <div class="section-frame">
+        <div class="section-glow"></div>
+        <div class="section-header">
+          <div class="section-indicator"></div>
+          <h2 class="section-title">Quantizations</h2>
+        </div>
+        <div class="section-content">
+          <div class="subsection-wrapper">
+            <h3 class="subheading">GGUF</h3>
+            <div class="data-box">
+              <div class="data-box-inner">
+                <div class="data-row">
+                  <span class="data-arrow">></span>
+                  <span class="data-value"><a href="https://huggingface.co/ddh0/Iceblink-v3-SFT-3-GGUF">iMatrix (ddh0)</a></span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="section-divider">
+      <div class="divider-ornament"></div>
+    </div>
+    <div class="section-container">
+      <div class="section-frame">
+        <div class="section-glow"></div>
+        <div class="section-header">
+          <div class="section-indicator"></div>
+          <h2 class="section-title">Creation Process</h2>
+        </div>
+        <div class="section-content">
+          <div class="content-block">
+            <p>Creation Process: SFT</p>
+            <p>SFT on approx 13 million tokens, SFW / NSFW RP, stories, creative instruct & chat data.</p>
+            <p>I've switched over from Axolotl to MS-Swift w/ Megatron to train MoE models now. There's a roughly 5-10x speedup in training the models, thanks to escaping the naive MoE implementation in TRL. The training time for this run took approximately 40 minutes, excluding environment setup time.</p>
+            <p>A low LR for GLM Air appears to be king. Going any higher, I've found it extremely easy to begin overcooking the model.</p>
+          </div>
+          <div class="dropdown-container">
+            <details>
+              <summary class="dropdown-summary">
+                <div class="summary-inner">
+                  <span class="dropdown-arrow">></span>
+                  <span class="summary-text">MS-Swift config</span>
+                </div>
+              </summary>
+              <div class="dropdown-content">
+                <div class="dropdown-inner">
+                  <p>Not optimized for cost / performance efficiency, YMMV.</p>
+                  <div class="config-title">SFT (8*H200)</div>
+                  <div class="code-wrapper">
+                    <pre><code>PYTORCH_CUDA_ALLOC_CONF='expandable_segments:True' \
+NPROC_PER_NODE=8 \
+WANDB_API_KEY=wandb_key \
+CUDA_VISIBLE_DEVICES=0,1,2,3,4,5,6,7 \
+megatron sft \
+    --load '/workspace/glm-4.5-air-mcore' \
+    --dataset '/workspace/joined_dataset_cleaned_modified.jsonl' \
+    --load_from_cache_file true \
+    --train_type lora \
+    --lora_rank 256 \
+    --lora_alpha 16 \
+    --use-rslora true \
+    --target_modules all-linear \
+    --split_dataset_ratio 0.01 \
+    --moe_permute_fusion true \
+    --tensor_model_parallel_size 8 \
+    --expert_tensor_parallel_size 1 \
+    --expert_model_parallel_size 8 \
+    --moe_grouped_gemm true \
+    --moe_shared_expert_overlap true \
+    --moe_aux_loss_coeff 6e-5 \
+    --micro_batch_size 4 \
+    --global_batch_size 32 \
+    --recompute_granularity full \
+    --recompute_method uniform \
+    --recompute_num_layers 1 \
+    --max_epochs 2 \
+    --cross_entropy_loss_fusion true \
+    --lr 6e-6 \
+    --lr_warmup_fraction 0.05 \
+    --min_lr 6e-7 \
+    --save megatron_output/Iceblink-v3-SFT-3 \
+    --eval_interval 20 \
+    --save_interval 25 \
+    --finetune true \
+    --packing true \
+    --max_length 10280 \
+    --num_workers 8 \
+    --dataset_num_proc 8 \
+    --no_save_optim true \
+    --no_save_rng true \
+    --sequence_parallel true \
+    --wandb_project Megatron-Air-SFT \
+    --wandb_exp_name Iceblink-v3-SFT-3 \
+    --attention_backend flash</code></pre>
+                  </div>
+                </div>
+              </div>
+            </details>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="section-divider">
+      <div class="divider-ornament"></div>
+    </div>
+    <div class="section-container">
+      <div class="section-frame">
+        <div class="section-glow"></div>
+        <div class="section-header">
+          <div class="section-indicator"></div>
+          <h2 class="section-title">Special Thanks</h2>
+        </div>
+        <div class="section-content">
+          <div class="content-block">
+            <p>A shoutout to the people in BeaverAI discord that helped me test this model and my intermediate versions.</p>
+            <p>ddh0 (Madison), Ambius, Dysfunctional & my dude.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>