diff --git a/a.html b/a.html
new file mode 100644
index 0000000..896a17d
--- /dev/null
+++ b/a.html
@@ -0,0 +1,921 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8" />
+  <title>多词条 Affix Editor（支持导入、编辑多个）</title>
+  <style>
+    body {
+      font-family: sans-serif;
+      margin: 20px;
+      background: #f9f9f9;
+    }
+    h1 {
+      margin-bottom: 10px;
+    }
+    fieldset {
+      margin: 10px 0;
+      border: 1px solid #ccc;
+      padding: 10px;
+    }
+    legend {
+      font-weight: bold;
+    }
+    label {
+      margin-right: 10px;
+    }
+    .affix-card {
+      border: 2px dashed #aaa;
+      padding: 10px;
+      margin-bottom: 20px;
+      background: #fff;
+    }
+    .condition, .modifier {
+      padding: 6px;
+      margin: 5px 0;
+      border: 1px dashed #aaa;
+      background: #fafafa;
+    }
+    .button-container {
+      margin-top: 10px;
+    }
+    .affix-header {
+      font-weight: bold;
+      margin-bottom: 5px;
+      background: #eee;
+      padding: 5px;
+    }
+    .affix-body {
+      padding: 5px 10px;
+    }
+    #import-json-container {
+      margin: 10px 0;
+    }
+    #import-json-area {
+      width: 100%;
+      height: 100px;
+    }
+    #output {
+      white-space: pre-wrap;
+      background: #f0f0f0;
+      padding: 10px;
+      border: 1px solid #ccc;
+      min-height: 150px;
+      max-height: 300px;
+      overflow: auto;
+    }
+    button {
+      cursor: pointer;
+    }
+  </style>
+</head>
+
+<body>
+<h1>多词条 Affix Editor</h1>
+
+<!-- ======= 导入 JSON ======= -->
+<fieldset id="import-json-container">
+  <legend>导入已有JSON</legend>
+  <p>在下方文本框粘贴已有的多Affix JSON，然后点击“导入”：</p>
+  <textarea id="import-json-area" placeholder></textarea>
+  <br />
+  <button type="button" onclick="importAffixes()">导入</button>
+</fieldset>
+
+<!-- ======= Affix 列表区域 ======= -->
+<div id="affixes-list"></div>
+
+<!-- ======= 新增 Affix、导出 JSON ======= -->
+<div class="button-container">
+  <button type="button" onclick="createAffixCard()">+ 新建词条</button>
+  <button type="button" onclick="generateAllJSON()">生成 JSON</button>
+</div>
+<pre id="output"></pre>
+
+<script>
+  /****************************************************************
+   *   1. 准备：变量、列表、工具函数
+   ****************************************************************/
+
+    // 1.1 基础表达式变量
+  const baseVarList = [
+      { value: 'level', label: '#level' },
+      { value: 'health', label: '#health' },
+      { value: 'time', label: '#time' },
+      { value: 'food', label: '#food' },
+      { value: 'light', label: '#light' },
+      { value: 'oxygen', label: '#oxygen' },
+      { value: 'armor_value', label: '#armor_value' },
+      { value: 'dimension', label: '#dimension' },
+      { value: 'rain', label: '#rain' },
+      { value: 'hand_item', label: '#hand_item' }
+    ];
+
+  // 1.2 EntityType -> kill_... 变量
+  const entityTypeNames = [
+    "ITEM","EXPERIENCE_ORB","AREA_EFFECT_CLOUD","ELDER_GUARDIAN","WITHER_SKELETON","STRAY","EGG",
+    "LEASH_KNOT","PAINTING","ARROW","SNOWBALL","FIREBALL","SMALL_FIREBALL","ENDER_PEARL","EYE_OF_ENDER",
+    "POTION","EXPERIENCE_BOTTLE","ITEM_FRAME","WITHER_SKULL","TNT","FALLING_BLOCK","FIREWORK_ROCKET",
+    "HUSK","SPECTRAL_ARROW","SHULKER_BULLET","DRAGON_FIREBALL","ZOMBIE_VILLAGER","SKELETON_HORSE",
+    "ZOMBIE_HORSE","ARMOR_STAND","DONKEY","MULE","EVOKER_FANGS","EVOKER","VEX","VINDICATOR","ILLUSIONER",
+    "COMMAND_BLOCK_MINECART","MINECART","CHEST_MINECART","FURNACE_MINECART","TNT_MINECART","HOPPER_MINECART",
+    "SPAWNER_MINECART","CREEPER","SKELETON","SPIDER","GIANT","ZOMBIE","SLIME","GHAST","ZOMBIFIED_PIGLIN",
+    "ENDERMAN","CAVE_SPIDER","SILVERFISH","BLAZE","MAGMA_CUBE","ENDER_DRAGON","WITHER","BAT","WITCH",
+    "ENDERMITE","GUARDIAN","SHULKER","PIG","SHEEP","COW","CHICKEN","SQUID","WOLF","MOOSHROOM","SNOW_GOLEM",
+    "OCELOT","IRON_GOLEM","HORSE","RABBIT","POLAR_BEAR","LLAMA","LLAMA_SPIT","PARROT","VILLAGER","END_CRYSTAL",
+    "TURTLE","PHANTOM","TRIDENT","COD","SALMON","PUFFERFISH","TROPICAL_FISH","DROWNED","DOLPHIN","CAT","PANDA",
+    "PILLAGER","RAVAGER","TRADER_LLAMA","WANDERING_TRADER","FOX","BEE","HOGLIN","PIGLIN","STRIDER","ZOGLIN",
+    "PIGLIN_BRUTE","AXOLOTL","GLOW_ITEM_FRAME","GLOW_SQUID","GOAT","MARKER","ALLAY","FROG","TADPOLE","WARDEN",
+    "CAMEL","BLOCK_DISPLAY","INTERACTION","ITEM_DISPLAY","SNIFFER","TEXT_DISPLAY","BREEZE","WIND_CHARGE",
+    "BREEZE_WIND_CHARGE","ARMADILLO","BOGGED","OMINOUS_ITEM_SPAWNER","ACACIA_BOAT","ACACIA_CHEST_BOAT",
+    "BAMBOO_RAFT","BAMBOO_CHEST_RAFT","BIRCH_BOAT","BIRCH_CHEST_BOAT","CHERRY_BOAT","CHERRY_CHEST_BOAT",
+    "DARK_OAK_BOAT","DARK_OAK_CHEST_BOAT","JUNGLE_BOAT","JUNGLE_CHEST_BOAT","MANGROVE_BOAT","MANGROVE_CHEST_BOAT",
+    "OAK_BOAT","OAK_CHEST_BOAT","PALE_OAK_BOAT","PALE_OAK_CHEST_BOAT","SPRUCE_BOAT","SPRUCE_CHEST_BOAT",
+    "CREAKING","FISHING_BOBBER","LIGHTNING_BOLT","PLAYER"
+  ];
+  const killVarList = entityTypeNames.map(et => {
+    return { value: 'kill_'+et.toLowerCase(), label: '#kill_'+et.toLowerCase() };
+  });
+  const expressionVarList = [...baseVarList, ...killVarList];
+
+  // 1.3 Attributes
+  const attributeList = [
+    { value: "max_health", label: "MAX_HEALTH" },
+    { value: "follow_range", label: "FOLLOW_RANGE" },
+    { value: "knockback_resistance", label: "KNOCKBACK_RESISTANCE" },
+    { value: "movement_speed", label: "MOVEMENT_SPEED" },
+    { value: "flying_speed", label: "FLYING_SPEED" },
+    { value: "attack_damage", label: "ATTACK_DAMAGE" },
+    { value: "attack_knockback", label: "ATTACK_KNOCKBACK" },
+    { value: "attack_speed", label: "ATTACK_SPEED" },
+    { value: "armor", label: "ARMOR" },
+    { value: "armor_toughness", label: "ARMOR_TOUGHNESS" },
+    { value: "fall_damage_multiplier", label: "FALL_DAMAGE_MULTIPLIER" },
+    { value: "luck", label: "LUCK" },
+    { value: "max_absorption", label: "MAX_ABSORPTION" },
+    { value: "safe_fall_distance", label: "SAFE_FALL_DISTANCE" },
+    { value: "scale", label: "SCALE" },
+    { value: "step_height", label: "STEP_HEIGHT" },
+    { value: "gravity", label: "GRAVITY" },
+    { value: "jump_strength", label: "JUMP_STRENGTH" },
+    { value: "burning_time", label: "BURNING_TIME" },
+    { value: "explosion_knockback_resistance", label: "EXPLOSION_KNOCKBACK_RESISTANCE" },
+    { value: "movement_efficiency", label: "MOVEMENT_EFFICIENCY" },
+    { value: "oxygen_bonus", label: "OXYGEN_BONUS" },
+    { value: "water_movement_efficiency", label: "WATER_MOVEMENT_EFFICIENCY" },
+    { value: "tempt_range", label: "TEMPT_RANGE" },
+    { value: "block_interaction_range", label: "BLOCK_INTERACTION_RANGE" },
+    { value: "entity_interaction_range", label: "ENTITY_INTERACTION_RANGE" },
+    { value: "block_break_speed", label: "BLOCK_BREAK_SPEED" },
+    { value: "mining_efficiency", label: "MINING_EFFICIENCY" },
+    { value: "sneaking_speed", label: "SNEAKING_SPEED" },
+    { value: "submerged_mining_speed", label: "SUBMERGED_MINING_SPEED" },
+    { value: "sweeping_damage_ratio", label: "SWEEPING_DAMAGE_RATIO" },
+    { value: "spawn_reinforcements", label: "SPAWN_REINFORCEMENTS" }
+  ];
+
+  // 1.4 PotionEffects
+  const potionEffectList = [
+    { value: "speed", label: "SPEED" },
+    { value: "slowness", label: "SLOWNESS" },
+    { value: "haste", label: "HASTE" },
+    { value: "mining_fatigue", label: "MINING_FATIGUE" },
+    { value: "strength", label: "STRENGTH" },
+    { value: "instant_health", label: "INSTANT_HEALTH" },
+    { value: "instant_damage", label: "INSTANT_DAMAGE" },
+    { value: "jump_boost", label: "JUMP_BOOST" },
+    { value: "nausea", label: "NAUSEA" },
+    { value: "regeneration", label: "REGENERATION" },
+    { value: "resistance", label: "RESISTANCE" },
+    { value: "fire_resistance", label: "FIRE_RESISTANCE" },
+    { value: "water_breathing", label: "WATER_BREATHING" },
+    { value: "invisibility", label: "INVISIBILITY" },
+    { value: "blindness", label: "BLINDNESS" },
+    { value: "night_vision", label: "NIGHT_VISION" },
+    { value: "hunger", label: "HUNGER" },
+    { value: "weakness", label: "WEAKNESS" },
+    { value: "poison", label: "POISON" },
+    { value: "wither", label: "WITHER" },
+    { value: "health_boost", label: "HEALTH_BOOST" },
+    { value: "absorption", label: "ABSORPTION" },
+    { value: "saturation", label: "SATURATION" },
+    { value: "glowing", label: "GLOWING" },
+    { value: "levitation", label: "LEVITATION" },
+    { value: "luck", label: "LUCK" },
+    { value: "unluck", label: "UNLUCK" },
+    { value: "slow_falling", label: "SLOW_FALLING" },
+    { value: "conduit_power", label: "CONDUIT_POWER" },
+    { value: "dolphins_grace", label: "DOLPHINS_GRACE" },
+    { value: "bad_omen", label: "BAD_OMEN" },
+    { value: "hero_of_the_village", label: "HERO_OF_THE_VILLAGE" },
+    { value: "darkness", label: "DARKNESS" },
+    { value: "trial_omen", label: "TRIAL_OMEN" },
+    { value: "raid_omen", label: "RAID_OMEN" },
+    { value: "wind_charged", label: "WIND_CHARGED" },
+    { value: "weaving", label: "WEAVING" },
+    { value: "oozing", label: "OOZING" },
+    { value: "infested", label: "INFESTED" }
+  ];
+
+  // 1.5 Biome
+  const biomeList = [
+    { value: "ocean", label: "OCEAN" },
+    { value: "plains", label: "PLAINS" },
+    { value: "desert", label: "DESERT" },
+    { value: "windswept_hills", label: "WINDSWEPT_HILLS" },
+    { value: "forest", label: "FOREST" },
+    { value: "taiga", label: "TAIGA" },
+    { value: "swamp", label: "SWAMP" },
+    { value: "mangrove_swamp", label: "MANGROVE_SWAMP" },
+    { value: "river", label: "RIVER" },
+    { value: "nether_wastes", label: "NETHER_WASTES" },
+    { value: "the_end", label: "THE_END" },
+    { value: "frozen_ocean", label: "FROZEN_OCEAN" },
+    { value: "frozen_river", label: "FROZEN_RIVER" },
+    { value: "snowy_plains", label: "SNOWY_PLAINS" },
+    { value: "mushroom_fields", label: "MUSHROOM_FIELDS" },
+    { value: "beach", label: "BEACH" },
+    { value: "jungle", label: "JUNGLE" },
+    { value: "sparse_jungle", label: "SPARSE_JUNGLE" },
+    { value: "deep_ocean", label: "DEEP_OCEAN" },
+    { value: "stony_shore", label: "STONY_SHORE" },
+    { value: "snowy_beach", label: "SNOWY_BEACH" },
+    { value: "birch_forest", label: "BIRCH_FOREST" },
+    { value: "dark_forest", label: "DARK_FOREST" },
+    { value: "pale_garden", label: "PALE_GARDEN" },
+    { value: "snowy_taiga", label: "SNOWY_TAIGA" },
+    { value: "old_growth_pine_taiga", label: "OLD_GROWTH_PINE_TAIGA" },
+    { value: "windswept_forest", label: "WINDSWEPT_FOREST" },
+    { value: "savanna", label: "SAVANNA" },
+    { value: "savanna_plateau", label: "SAVANNA_PLATEAU" },
+    { value: "badlands", label: "BADLANDS" },
+    { value: "wooded_badlands", label: "WOODED_BADLANDS" },
+    { value: "small_end_islands", label: "SMALL_END_ISLANDS" },
+    { value: "end_midlands", label: "END_MIDLANDS" },
+    { value: "end_highlands", label: "END_HIGHLANDS" },
+    { value: "end_barrens", label: "END_BARRENS" },
+    { value: "warm_ocean", label: "WARM_OCEAN" },
+    { value: "lukewarm_ocean", label: "LUKEWARM_OCEAN" },
+    { value: "cold_ocean", label: "COLD_OCEAN" },
+    { value: "deep_lukewarm_ocean", label: "DEEP_LUKEWARM_OCEAN" },
+    { value: "deep_cold_ocean", label: "DEEP_COLD_OCEAN" },
+    { value: "deep_frozen_ocean", label: "DEEP_FROZEN_OCEAN" },
+    { value: "the_void", label: "THE_VOID" },
+    { value: "sunflower_plains", label: "SUNFLOWER_PLAINS" },
+    { value: "windswept_gravelly_hills", label: "WINDSWEPT_GRAVELLY_HILLS" },
+    { value: "flower_forest", label: "FLOWER_FOREST" },
+    { value: "ice_spikes", label: "ICE_SPIKES" },
+    { value: "old_growth_birch_forest", label: "OLD_GROWTH_BIRCH_FOREST" },
+    { value: "old_growth_spruce_taiga", label: "OLD_GROWTH_SPRUCE_TAIGA" },
+    { value: "windswept_savanna", label: "WINDSWEPT_SAVANNA" },
+    { value: "eroded_badlands", label: "ERODED_BADLANDS" },
+    { value: "bamboo_jungle", label: "BAMBOO_JUNGLE" },
+    { value: "soul_sand_valley", label: "SOUL_SAND_VALLEY" },
+    { value: "crimson_forest", label: "CRIMSON_FOREST" },
+    { value: "warped_forest", label: "WARPED_FOREST" },
+    { value: "basalt_deltas", label: "BASALT_DELTAS" },
+    { value: "dripstone_caves", label: "DRIPSTONE_CAVES" },
+    { value: "lush_caves", label: "LUSH_CAVES" },
+    { value: "deep_dark", label: "DEEP_DARK" },
+    { value: "meadow", label: "MEADOW" },
+    { value: "grove", label: "GROVE" },
+    { value: "snowy_slopes", label: "SNOWY_SLOPES" },
+    { value: "frozen_peaks", label: "FROZEN_PEAKS" },
+    { value: "jagged_peaks", label: "JAGGED_PEAKS" },
+    { value: "stony_peaks", label: "STONY_PEAKS" },
+    { value: "cherry_grove", label: "CHERRY_GROVE" }
+  ];
+
+  // 1.6 一个工具函数：从 JSON 中安全地构造 object
+  function safeParseJSON(text) {
+    try {
+      return JSON.parse(text);
+    } catch(e) {
+      return null;
+    }
+  }
+
+
+  /****************************************************************
+   *   2. 逻辑：创建 Affix 面板 / 导入 / 输出
+   ****************************************************************/
+
+  // ========== 导入 JSON ==========
+  function importAffixes() {
+    const text = document.getElementById('import-json-area').value.trim();
+    if (!text) return;
+    const obj = safeParseJSON(text);
+    if (!obj) {
+      alert("JSON 解析失败，请检查格式！");
+      return;
+    }
+    // obj 形如 { "affixId": {...}, "another_affix": {...} }
+    // 遍历每个 key 并创建相应的面板
+    for (const [affixId, affixData] of Object.entries(obj)) {
+      createAffixCard(affixData);
+    }
+    alert("已导入 " + Object.keys(obj).length + " 个词条。");
+  }
+
+  // ========== 创建新的词条面板 ==========
+  function createAffixCard(importData = null) {
+    // importData 若非空，则使用其值初始化；否则创建空白
+    const affixListContainer = document.getElementById('affixes-list');
+
+    // 整个 affix-card
+    const card = document.createElement('div');
+    card.className = 'affix-card';
+
+    // Header
+    const header = document.createElement('div');
+    header.className = 'affix-header';
+    header.textContent = '词条信息';
+    card.appendChild(header);
+
+    // Body
+    const body = document.createElement('div');
+    body.className = 'affix-body';
+    card.appendChild(body);
+
+    // 基础信息
+    const fieldsetBase = document.createElement('fieldset');
+    const legendBase = document.createElement('legend');
+    legendBase.textContent = '基础信息';
+    fieldsetBase.appendChild(legendBase);
+
+    // ID
+    const p1 = document.createElement('p');
+    const labelId = document.createElement('label');
+    labelId.textContent = '词条ID: ';
+    const inputId = document.createElement('input');
+    inputId.type = 'text';
+    inputId.placeholder = '如: berserker_mode';
+    labelId.appendChild(inputId);
+
+    // Quality
+    const labelQuality = document.createElement('label');
+    labelQuality.textContent = ' 品质: ';
+    const selectQuality = document.createElement('select');
+    selectQuality.innerHTML = `
+      <option value="COMMON">COMMON</option>
+      <option value="RARE">RARE</option>
+      <option value="EPIC">EPIC</option>
+      <option value="LEGENDARY">LEGENDARY</option>
+    `;
+    labelQuality.appendChild(selectQuality);
+
+    // Type
+    const labelType = document.createElement('label');
+    labelType.textContent = ' 类型: ';
+    const selectType = document.createElement('select');
+    selectType.innerHTML = `
+      <option value="POSITIVE">POSITIVE</option>
+      <option value="NEGATIVE">NEGATIVE</option>
+    `;
+    labelType.appendChild(selectType);
+
+    p1.appendChild(labelId);
+    p1.appendChild(labelQuality);
+    p1.appendChild(labelType);
+
+    fieldsetBase.appendChild(p1);
+
+    // desc
+    const p2 = document.createElement('p');
+    const labelDesc = document.createElement('label');
+    labelDesc.textContent = '描述: ';
+    const textDesc = document.createElement('textarea');
+    textDesc.rows = 2;
+    textDesc.cols = 50;
+    textDesc.placeholder = '该词条的简短描述...';
+    labelDesc.appendChild(textDesc);
+    p2.appendChild(labelDesc);
+    fieldsetBase.appendChild(p2);
+
+    // interval & logic
+    const p3 = document.createElement('p');
+    const labelInt = document.createElement('label');
+    labelInt.textContent = '检测间隔(秒): ';
+    const inputInt = document.createElement('input');
+    inputInt.type = 'number';
+    inputInt.value = 5;
+    labelInt.appendChild(inputInt);
+
+    const labelLogic = document.createElement('label');
+    labelLogic.textContent = ' 条件逻辑: ';
+    const selectLogic = document.createElement('select');
+    selectLogic.innerHTML = `
+      <option value="AND">AND</option>
+      <option value="OR">OR</option>
+    `;
+    labelLogic.appendChild(selectLogic);
+
+    p3.appendChild(labelInt);
+    p3.appendChild(labelLogic);
+    fieldsetBase.appendChild(p3);
+
+    body.appendChild(fieldsetBase);
+
+    // 条件
+    const fieldsetCond = document.createElement('fieldset');
+    const legendCond = document.createElement('legend');
+    legendCond.textContent = '条件（Conditions）';
+    fieldsetCond.appendChild(legendCond);
+    const condContainer = document.createElement('div');
+    fieldsetCond.appendChild(condContainer);
+
+    const condBtnDiv = document.createElement('div');
+    condBtnDiv.className = 'button-container';
+    const condBtn = document.createElement('button');
+    condBtn.type = 'button';
+    condBtn.textContent = '+ 添加条件';
+    condBtn.onclick = () => addConditionDiv(condContainer);
+    condBtnDiv.appendChild(condBtn);
+    fieldsetCond.appendChild(condBtnDiv);
+
+    body.appendChild(fieldsetCond);
+
+    // 修饰符
+    const fieldsetMod = document.createElement('fieldset');
+    const legendMod = document.createElement('legend');
+    legendMod.textContent = '修饰符（Modifiers）';
+    fieldsetMod.appendChild(legendMod);
+    const modContainer = document.createElement('div');
+    fieldsetMod.appendChild(modContainer);
+
+    const modBtnDiv = document.createElement('div');
+    modBtnDiv.className = 'button-container';
+    const modBtn = document.createElement('button');
+    modBtn.type = 'button';
+    modBtn.textContent = '+ 添加修饰符';
+    modBtn.onclick = () => addModifierDiv(modContainer);
+    modBtnDiv.appendChild(modBtn);
+    fieldsetMod.appendChild(modBtnDiv);
+
+    body.appendChild(fieldsetMod);
+
+    // 删除词条
+    const delBtn = document.createElement('button');
+    delBtn.textContent = '删除该词条';
+    delBtn.type = 'button';
+    delBtn.style.marginTop = '10px';
+    delBtn.onclick = () => affixListContainer.removeChild(card);
+    body.appendChild(delBtn);
+
+    affixListContainer.appendChild(card);
+
+    // 如果有 importData，就初始化
+    if (importData) {
+      inputId.value = importData.id || '';
+      selectQuality.value = importData.quality || 'COMMON';
+      selectType.value = importData.type || 'POSITIVE';
+      textDesc.value = importData.desc || '';
+      inputInt.value = importData.checkInterval || 5;
+      selectLogic.value = importData.conditionLogic || 'AND';
+
+      // 条件
+      if (Array.isArray(importData.conditions)) {
+        importData.conditions.forEach(c => {
+          addConditionDiv(condContainer, c);
+        });
+      }
+      // 修饰符
+      if (Array.isArray(importData.modifiers)) {
+        importData.modifiers.forEach(m => {
+          addModifierDiv(modContainer, m);
+        });
+      }
+    }
+  }
+
+  // ========== 添加一个 condition div ==========
+  function addConditionDiv(container, initData = null) {
+    const div = document.createElement('div');
+    div.className = 'condition';
+
+    const sel = document.createElement('select');
+    sel.innerHTML = `
+      <option value="EXPRESSION">EXPRESSION</option>
+      <option value="PLAYER_LEVEL">PLAYER_LEVEL</option>
+      <option value="ITEM_EQUIPPED">ITEM_EQUIPPED</option>
+      <option value="WORLD_TIME">WORLD_TIME</option>
+      <option value="BIOME">BIOME</option>
+      <option value="WEATHER">WEATHER</option>
+      <option value="MOB_KILLS">MOB_KILLS</option>
+    `;
+    sel.onchange = () => updateConditionFields(div, sel.value);
+
+    const labelType = document.createElement('label');
+    labelType.textContent = '类型: ';
+    labelType.appendChild(sel);
+
+    const removeBtn = document.createElement('button');
+    removeBtn.textContent = '删除条件';
+    removeBtn.type = 'button';
+    removeBtn.onclick = () => container.removeChild(div);
+
+    const fieldsContainer = document.createElement('div');
+    fieldsContainer.className = 'condition-fields';
+
+    div.appendChild(labelType);
+    div.appendChild(document.createElement('br'));
+    div.appendChild(fieldsContainer);
+    div.appendChild(document.createElement('br'));
+    div.appendChild(removeBtn);
+
+    container.appendChild(div);
+
+    // 默认
+    updateConditionFields(div, 'EXPRESSION');
+    // 如果有 initData，设置
+    if (initData) {
+      sel.value = initData.type || 'EXPRESSION';
+      updateConditionFields(div, sel.value);
+      // 填充值
+      for (const [k,v] of Object.entries(initData)) {
+        if (k === 'type') continue;
+        const node = fieldsContainer.querySelector(`[data-field="${k}"]`);
+        if (node) node.value = v;
+      }
+    }
+  }
+
+  function updateConditionFields(conditionDiv, conditionType) {
+    const fieldsContainer = conditionDiv.querySelector('.condition-fields');
+    fieldsContainer.innerHTML = '';
+
+    switch(conditionType) {
+      case 'EXPRESSION': {
+        const labelExpr = document.createElement('label');
+        labelExpr.textContent = '表达式: ';
+        const inputExpr = document.createElement('input');
+        inputExpr.type = 'text';
+        inputExpr.placeholder = '#level >= 10 或 #kill_zombie > 20';
+        inputExpr.dataset.field = 'expression';
+        labelExpr.appendChild(inputExpr);
+
+        // 可插入变量
+        const varLabel = document.createElement('label');
+        varLabel.textContent = '可用变量: ';
+        const varSelect = document.createElement('select');
+        expressionVarList.forEach(v => {
+          const opt = document.createElement('option');
+          opt.value = v.value;
+          opt.textContent = v.label;
+          varSelect.appendChild(opt);
+        });
+        const varBtn = document.createElement('button');
+        varBtn.textContent = '插入';
+        varBtn.type = 'button';
+        varBtn.onclick = () => {
+          const chosenVar = varSelect.value;
+          inputExpr.value += `#${chosenVar} `;
+          inputExpr.focus();
+        };
+
+        fieldsContainer.appendChild(labelExpr);
+        fieldsContainer.appendChild(document.createElement('br'));
+        fieldsContainer.appendChild(varLabel);
+        varLabel.appendChild(varSelect);
+        fieldsContainer.appendChild(varBtn);
+        break;
+      }
+      case 'PLAYER_LEVEL': {
+        const labelLevel = document.createElement('label');
+        labelLevel.textContent = '最低等级: ';
+        const inputLevel = document.createElement('input');
+        inputLevel.type = 'number';
+        inputLevel.placeholder = '10';
+        inputLevel.dataset.field = 'level';
+        labelLevel.appendChild(inputLevel);
+        fieldsContainer.appendChild(labelLevel);
+        break;
+      }
+      case 'ITEM_EQUIPPED': {
+        const labelItem = document.createElement('label');
+        labelItem.textContent = '物品: ';
+        const inputItem = document.createElement('input');
+        inputItem.type = 'text';
+        inputItem.placeholder = 'DIAMOND_CHESTPLATE';
+        inputItem.dataset.field = 'item';
+        labelItem.appendChild(inputItem);
+        fieldsContainer.appendChild(labelItem);
+        break;
+      }
+      case 'WORLD_TIME': {
+        const labelMin = document.createElement('label');
+        labelMin.textContent = '时间下限: ';
+        const inputMin = document.createElement('input');
+        inputMin.type = 'number';
+        inputMin.placeholder = '13000';
+        inputMin.dataset.field = 'min';
+        labelMin.appendChild(inputMin);
+
+        const labelMax = document.createElement('label');
+        labelMax.textContent = ' 时间上限: ';
+        const inputMax = document.createElement('input');
+        inputMax.type = 'number';
+        inputMax.placeholder = '23000';
+        inputMax.dataset.field = 'max';
+        labelMax.appendChild(inputMax);
+
+        fieldsContainer.appendChild(labelMin);
+        fieldsContainer.appendChild(labelMax);
+        break;
+      }
+      case 'BIOME': {
+        const labelB = document.createElement('label');
+        labelB.textContent = '生物群系: ';
+        const selB = document.createElement('select');
+        selB.dataset.field = 'biome';
+        biomeList.forEach(b => {
+          const opt = document.createElement('option');
+          opt.value = b.value;
+          opt.textContent = b.label;
+          selB.appendChild(opt);
+        });
+        labelB.appendChild(selB);
+        fieldsContainer.appendChild(labelB);
+        break;
+      }
+      case 'WEATHER': {
+        const labelW = document.createElement('label');
+        labelW.textContent = '下雨: ';
+        const selW = document.createElement('select');
+        selW.dataset.field = 'weather';
+        selW.innerHTML = `
+          <option value="true">true</option>
+          <option value="false">false</option>
+        `;
+        labelW.appendChild(selW);
+        fieldsContainer.appendChild(labelW);
+        break;
+      }
+      case 'MOB_KILLS': {
+        const labelMob = document.createElement('label');
+        labelMob.textContent = '怪物类型: ';
+        const inputMob = document.createElement('input');
+        inputMob.type = 'text';
+        inputMob.placeholder = 'ZOMBIE';
+        inputMob.dataset.field = 'mob';
+        labelMob.appendChild(inputMob);
+
+        const labelKills = document.createElement('label');
+        labelKills.textContent = ' 杀怪数量: ';
+        const inputKills = document.createElement('input');
+        inputKills.type = 'number';
+        inputKills.placeholder = '50';
+        inputKills.dataset.field = 'kills';
+        labelKills.appendChild(inputKills);
+
+        fieldsContainer.appendChild(labelMob);
+        fieldsContainer.appendChild(labelKills);
+        break;
+      }
+    }
+  }
+
+  // ========== 添加一个 modifier div ==========
+  function addModifierDiv(container, initData = null) {
+    const div = document.createElement('div');
+    div.className = 'modifier';
+
+    const sel = document.createElement('select');
+    sel.innerHTML = `
+      <option value="ATTRIBUTE">ATTRIBUTE</option>
+      <option value="POTION">POTION</option>
+    `;
+    sel.onchange = () => updateModifierFields(div, sel.value);
+
+    const labelType = document.createElement('label');
+    labelType.textContent = '类型: ';
+    labelType.appendChild(sel);
+
+    const removeBtn = document.createElement('button');
+    removeBtn.textContent = '删除修饰符';
+    removeBtn.type = 'button';
+    removeBtn.onclick = () => container.removeChild(div);
+
+    const fieldsContainer = document.createElement('div');
+    fieldsContainer.className = 'modifier-fields';
+
+    div.appendChild(labelType);
+    div.appendChild(document.createElement('br'));
+    div.appendChild(fieldsContainer);
+    div.appendChild(document.createElement('br'));
+    div.appendChild(removeBtn);
+
+    container.appendChild(div);
+
+    updateModifierFields(div, 'ATTRIBUTE');
+    if (initData) {
+      sel.value = initData.type || 'ATTRIBUTE';
+      updateModifierFields(div, sel.value);
+      for (const [k,v] of Object.entries(initData)) {
+        if (k === 'type') continue;
+        const node = fieldsContainer.querySelector(`[data-field="${k}"]`);
+        if (node) node.value = v;
+      }
+    }
+  }
+
+  function updateModifierFields(modDiv, modType) {
+    const fieldsContainer = modDiv.querySelector('.modifier-fields');
+    fieldsContainer.innerHTML = '';
+
+    if (modType === 'ATTRIBUTE') {
+      const labelAttr = document.createElement('label');
+      labelAttr.textContent = '属性: ';
+      const selAttr = document.createElement('select');
+      selAttr.dataset.field = 'attribute';
+      attributeList.forEach(att => {
+        const opt = document.createElement('option');
+        opt.value = att.value;
+        opt.textContent = att.label;
+        selAttr.appendChild(opt);
+      });
+      labelAttr.appendChild(selAttr);
+
+      const labelKey = document.createElement('label');
+      labelKey.textContent = ' keyName: ';
+      const inputKey = document.createElement('input');
+      inputKey.type = 'text';
+      inputKey.placeholder = 'affix_key_name';
+      inputKey.dataset.field = 'keyName';
+      labelKey.appendChild(inputKey);
+
+      const labelOp = document.createElement('label');
+      labelOp.textContent = ' operation: ';
+      const selOp = document.createElement('select');
+      selOp.dataset.field = 'operation';
+      selOp.innerHTML = `
+        <option value="ADD_NUMBER">ADD_NUMBER</option>
+        <option value="ADD_SCALAR">ADD_SCALAR</option>
+        <option value="MULTIPLY_SCALAR_1">MULTIPLY_SCALAR_1</option>
+      `;
+      labelOp.appendChild(selOp);
+
+      const labelInfo = document.createElement('p');
+      labelInfo.textContent = '数值增益(填写 amount)或表达式增益(填写 expression)二选一：';
+
+      const labelAmt = document.createElement('label');
+      labelAmt.textContent = ' amount: ';
+      const inputAmt = document.createElement('input');
+      inputAmt.type = 'number';
+      inputAmt.step = '0.1';
+      inputAmt.placeholder = '5.0 或 0.2';
+      inputAmt.dataset.field = 'amount';
+      labelAmt.appendChild(inputAmt);
+
+      const labelExp = document.createElement('label');
+      labelExp.textContent = ' expression: ';
+      const inputExp = document.createElement('input');
+      inputExp.type = 'text';
+      inputExp.placeholder = '#kill_zombie * 1.5';
+      inputExp.dataset.field = 'expression';
+      labelExp.appendChild(inputExp);
+
+      // 表达式插入变量
+      const varLabel = document.createElement('label');
+      varLabel.textContent = '插入变量: ';
+      const varSel = document.createElement('select');
+      expressionVarList.forEach(v => {
+        const opt = document.createElement('option');
+        opt.value = v.value;
+        opt.textContent = v.label;
+        varSel.appendChild(opt);
+      });
+      const varBtn = document.createElement('button');
+      varBtn.textContent = '插入';
+      varBtn.type = 'button';
+      varBtn.onclick = () => {
+        const chosenVar = varSel.value;
+        inputExp.value += `#${chosenVar} `;
+        inputExp.focus();
+      };
+
+      fieldsContainer.appendChild(labelAttr);
+      fieldsContainer.appendChild(labelKey);
+      fieldsContainer.appendChild(labelOp);
+      fieldsContainer.appendChild(document.createElement('br'));
+      fieldsContainer.appendChild(labelInfo);
+      fieldsContainer.appendChild(labelAmt);
+      fieldsContainer.appendChild(labelExp);
+      fieldsContainer.appendChild(document.createElement('br'));
+      fieldsContainer.appendChild(varLabel);
+      varLabel.appendChild(varSel);
+      fieldsContainer.appendChild(varBtn);
+
+    } else if (modType === 'POTION') {
+      const labelEff = document.createElement('label');
+      labelEff.textContent = '效果类型(effect): ';
+      const selEff = document.createElement('select');
+      selEff.dataset.field = 'effect';
+      potionEffectList.forEach(pt => {
+        const opt = document.createElement('option');
+        opt.value = pt.value;
+        opt.textContent = pt.label;
+        selEff.appendChild(opt);
+      });
+      labelEff.appendChild(selEff);
+
+      const labelDur = document.createElement('label');
+      labelDur.textContent = ' 持续时间(ticks): ';
+      const inputDur = document.createElement('input');
+      inputDur.type = 'number';
+      inputDur.placeholder = '200 (约10秒)';
+      inputDur.dataset.field = 'duration';
+      labelDur.appendChild(inputDur);
+
+      const labelAmp = document.createElement('label');
+      labelAmp.textContent = ' 等级(amplifier): ';
+      const inputAmp = document.createElement('input');
+      inputAmp.type = 'number';
+      inputAmp.placeholder = '0 为一级';
+      inputAmp.dataset.field = 'amplifier';
+      labelAmp.appendChild(inputAmp);
+
+      fieldsContainer.appendChild(labelEff);
+      fieldsContainer.appendChild(labelDur);
+      fieldsContainer.appendChild(labelAmp);
+    }
+  }
+
+  // ========== 生成全部 JSON ==========
+  function generateAllJSON() {
+    const affixMap = {};
+    const affixCards = document.querySelectorAll('.affix-card');
+    affixCards.forEach(card => {
+      // 基础信息
+      const inputId = card.querySelector('input[type="text"]');
+      const selectQuality = card.querySelectorAll('select')[0];
+      const selectType = card.querySelectorAll('select')[1];
+      const textDesc = card.querySelector('textarea');
+      const inputInt = card.querySelector('input[type="number"]');
+      const selectLogic = card.querySelectorAll('select')[2];
+
+      const affixId = inputId.value.trim() || 'my_affix_' + Math.floor(Math.random()*10000);
+      const affixObj = {
+        id: affixId,
+        quality: selectQuality.value,
+        type: selectType.value,
+        desc: textDesc.value.trim(),
+        checkInterval: parseInt(inputInt.value, 10),
+        conditionLogic: selectLogic.value,
+        conditions: [],
+        modifiers: []
+      };
+
+      // 条件
+      const condContainer = card.querySelector('fieldset:nth-of-type(2) > div');
+      const condDivs = condContainer.querySelectorAll('.condition');
+      condDivs.forEach(cd => {
+        const selType = cd.querySelector('select');
+        const typeValue = selType.value;
+        const cobj = { type: typeValue };
+        const fieldNodes = cd.querySelectorAll('[data-field]');
+        fieldNodes.forEach(node => {
+          const k = node.dataset.field;
+          let val = node.value;
+          if (['min','max','level','kills'].includes(k)) {
+            val = parseInt(val, 10);
+          } else if (k === 'weather') {
+            val = (val === 'true');
+          }
+          if (val !== '') {
+            cobj[k] = val;
+          }
+        });
+        affixObj.conditions.push(cobj);
+      });
+
+      // 修饰符
+      const modContainer = card.querySelector('fieldset:nth-of-type(3) > div');
+      const modDivs = modContainer.querySelectorAll('.modifier');
+      modDivs.forEach(md => {
+        const selType = md.querySelector('select');
+        const typeValue = selType.value;
+        const mobj = { type: typeValue };
+        const fieldNodes = md.querySelectorAll('[data-field]');
+        fieldNodes.forEach(node => {
+          const k = node.dataset.field;
+          let val = node.value;
+          if (k === 'amount') {
+            val = parseFloat(val);
+          } else if (['duration','amplifier'].includes(k)) {
+            val = parseInt(val, 10);
+          }
+          if (val !== '') {
+            mobj[k] = val;
+          }
+        });
+        affixObj.modifiers.push(mobj);
+      });
+
+      affixMap[affixId] = affixObj;
+    });
+
+    document.getElementById('output').textContent = JSON.stringify(affixMap, null, 2);
+  }
+</script>
+</body>
+</html>
