.mb-2 > div.shrink-0.w-10.h-10.relative.bg-white.rounded-full.block.md\:block,
.mb-2 > div.shrink-0.relative.w-10.h-10.bg-gray-100\/90.rounded-full.block.md\:block{
  display: none !important;
}
.absolute.top-0.MuiBox-root {
    background:transparent;
}
/* ═══ B平台加载动画适配（自动注入）═══ */
.flex.items-center.justify-center.size-6 { opacity: 1 !important; }
.flex.items-center.justify-center.size-6 > .flex.gap-2 { display: none !important; }
.is-assistant.w-fit { width: 100% !important; }
.is-assistant > .border.border-muted:has(.flex.items-center.justify-center.size-6) {
  width: 100% !important; background: transparent !important;
  border: none !important; padding: 0 !important;
}
.is-assistant .space-y-3:has(.flex.items-center.justify-center.size-6) {
  display: flex; justify-content: center; width: 100%;
}

/* ═══ B平台表格修正（自动注入）═══ */
.rili-markdown-renderer table { display:table!important; table-layout:auto!important; width:100%!important; border-collapse:collapse!important; }
.rili-markdown-renderer table caption { display:table-caption!important; caption-side:top!important; text-align:center!important; padding:8px!important; }
.rili-markdown-renderer thead { display:table-header-group!important; }
.rili-markdown-renderer tbody { display:table-row-group!important; }
.rili-markdown-renderer tr { display:table-row!important; }
.rili-markdown-renderer th, .rili-markdown-renderer td { display:table-cell!important; }

/* ═══ B平台按钮组保护（自动注入 — 防止按钮消失）═══
   原理：B平台消息操作按钮结构为：
   .flex.items-center.gap-1.ml-auto (hover显隐包装)
     └── .bg-muted.rounded.flex.p-0.5 (按钮组容器)
           └── button.rounded-full.size-7 (单个按钮)
   以下规则使用高specificity + !important确保按钮
   不被任何转换后/透传的CSS规则意外隐藏
   ═══════════════════════════════════════════════ */
/* 按钮组容器保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5,
.is-user .bg-muted.rounded.flex.p-0\.5,
.is-assistant .bg-muted.rounded.flex.p-0\.5 {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  position: relative !important;
  width: auto !important;
  height: auto !important;
  max-height: none !important;
  pointer-events: auto !important;
  clip: auto !important;
  clip-path: none !important;
}
/* 单个按钮保护 */
.w-full.h-full.flex.group .bg-muted.rounded.flex.p-0\.5 > button,
.is-user .bg-muted.rounded.flex.p-0\.5 > button,
.is-assistant .bg-muted.rounded.flex.p-0\.5 > button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: relative !important;
  clip: auto !important;
  clip-path: none !important;
}
/* hover显隐包装层保护 — 仅保留B平台原生的opacity过渡 */
.flex.items-center.gap-1.ml-auto.md\:opacity-0.group-hover\:opacity-100 {
  visibility: visible !important;
  display: flex !important;
  pointer-events: auto !important;
  overflow: visible !important;
}
/* 操作行保护 */
.flex.w-full.items-center.justify-between.gap-2.px-2 {
  display: flex !important;
  visibility: visible !important;
  overflow: visible !important;
}

.is-assistant > .border.border-muted {
    background-color: transparent !important;
    overflow: visible !important;
}
.is-assistant.mr-2 {
    margin-right: 0rem;
}
.group .px-4 {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}
/* 克苏鲁风格输入聊天框 */
.is-user > .border.border-muted {
    background: linear-gradient(135deg, #0a1628 0%, #1a2f4a 50%, #0d1b2a 100%) !important;
    border: 2px solid #2d5f7a !important;
    border-radius: 12px !important;
    box-shadow: 
        0 0 20px rgba(45, 95, 122, 0.4),
        inset 0 0 30px rgba(13, 27, 42, 0.8),
        0 4px 15px rgba(0, 0, 0, 0.6) !important;
    position: relative !important;
    overflow: hidden !important;
}

.is-user > .border.border-muted::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: 
        radial-gradient(ellipse at 20% 30%, rgba(45, 95, 122, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 70%, rgba(26, 47, 74, 0.2) 0%, transparent 50%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.is-user > .border.border-muted .rili-markdown-renderer {
    color: #E8F4F8 !important;
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

.is-user > .border.border-muted .bg-muted.rounded.flex.p-0\.5 > button.rounded-full.size-7,
.is-user > .border.border-muted .MuiTypography-root.MuiTypography-body2,
/* [Token消耗hover逻辑转换未启用]
.is-user > .border.border-muted .bg-muted.rounded.flex.p-0\.5 > button.rounded-full.size-7,
.is-user > .border.border-muted .MuiTypography-root.MuiTypography-body2,
.is-user > .border.border-muted .text-orange-500 {
    color: #B8D4E0 !important;
}
*/

/* 隐藏默认加载 */
.flex.items-center.justify-center.size-6 > .flex.gap-2 {
    display: none !important;
}

/* 加载容器 - 强制居中 */
.flex.items-center.justify-center.size-6 {
    position: relative !important;
    width: 100% !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

/* 外层符文阵 - 顺时针旋转 */
.flex.items-center.justify-center.size-6::before {
    content: '' !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 70px !important;
    height: 70px !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><filter id="glow"><feGaussianBlur stdDeviation="2" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><circle cx="50" cy="50" r="48" fill="none" stroke="%234a8ba8" stroke-width="1.5" opacity="0.6" filter="url(%23glow)"><animate attributeName="stroke-opacity" values="0.6;1;0.6" dur="2s" repeatCount="indefinite"/></circle><g filter="url(%23glow)"><path d="M50 5 L52 18 L50 15 L48 18 Z M85 20 L75 28 L78 25 L75 22 Z M95 50 L82 52 L85 50 L82 48 Z M85 80 L75 72 L78 75 L75 78 Z M50 95 L48 82 L50 85 L52 82 Z M15 80 L25 72 L22 75 L25 78 Z M5 50 L18 48 L15 50 L18 52 Z M15 20 L25 28 L22 25 L25 22 Z" fill="%2366b3cc"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="4s" repeatCount="indefinite"/></path></g><circle cx="50" cy="15" r="3" fill="%2366b3cc" filter="url(%23glow)"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="4s" repeatCount="indefinite"/></circle><circle cx="85" cy="25" r="3" fill="%2366b3cc" filter="url(%23glow)"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="4s" repeatCount="indefinite"/></circle><circle cx="85" cy="75" r="3" fill="%2366b3cc" filter="url(%23glow)"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="4s" repeatCount="indefinite"/></circle><circle cx="50" cy="85" r="3" fill="%2366b3cc" filter="url(%23glow)"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="4s" repeatCount="indefinite"/></circle><circle cx="15" cy="75" r="3" fill="%2366b3cc" filter="url(%23glow)"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="4s" repeatCount="indefinite"/></circle><circle cx="15" cy="25" r="3" fill="%2366b3cc" filter="url(%23glow)"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="4s" repeatCount="indefinite"/></circle></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 1 !important;
}

/* 中层触手符文 - 逆时针旋转 */
.flex.items-center.justify-center.size-6::after {
    content: '' !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 45px !important;
    height: 45px !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><filter id="glow2"><feGaussianBlur stdDeviation="3" result="coloredBlur"/><feMerge><feMergeNode in="coloredBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><g filter="url(%23glow2)"><path d="M50 20 Q55 35 50 50 Q45 35 50 20" fill="%232d5f7a" stroke="%234a8ba8" stroke-width="1.5"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="-360 50 50" dur="3s" repeatCount="indefinite"/></path><path d="M80 50 Q65 55 50 50 Q65 45 80 50" fill="%232d5f7a" stroke="%234a8ba8" stroke-width="1.5"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="-360 50 50" dur="3s" repeatCount="indefinite"/></path><path d="M50 80 Q45 65 50 50 Q55 65 50 80" fill="%232d5f7a" stroke="%234a8ba8" stroke-width="1.5"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="-360 50 50" dur="3s" repeatCount="indefinite"/></path><path d="M20 50 Q35 45 50 50 Q35 55 20 50" fill="%232d5f7a" stroke="%234a8ba8" stroke-width="1.5"><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="-360 50 50" dur="3s" repeatCount="indefinite"/></path><circle cx="50" cy="50" r="18" fill="none" stroke="%234a8ba8" stroke-width="2" opacity="0.4"><animate attributeName="r" values="18;22;18" dur="2s" repeatCount="indefinite"/><animate attributeName="stroke-opacity" values="0.4;0.8;0.4" dur="2s" repeatCount="indefinite"/><animateTransform attributeName="transform" type="rotate" from="0 50 50" to="-360 50 50" dur="3s" repeatCount="indefinite"/></circle></g><circle cx="50" cy="50" r="10" fill="%2366b3cc" opacity="0.8" filter="url(%23glow2)"><animate attributeName="r" values="10;14;10" dur="1.5s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.8;1;0.8" dur="1.5s" repeatCount="indefinite"/></circle><circle cx="50" cy="50" r="6" fill="%23ffffff" opacity="0.9"><animate attributeName="r" values="6;8;6" dur="1s" repeatCount="indefinite"/><animate attributeName="opacity" values="0.9;0.5;0.9" dur="1s" repeatCount="indefinite"/></circle></svg>') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 2 !important;
}

@media (max-width: 480px) {
    .flex.items-center.justify-center.size-6 {
        height: 70px !important;
    }
    .flex.items-center.justify-center.size-6::before {
        width: 60px !important;
        height: 60px !important;
    }
    .flex.items-center.justify-center.size-6::after {
        width: 38px !important;
        height: 38px !important;
    }
}
/* ============================================================
   CTHULHU TRPG UI v2 — "The Watcher's Interface"
   Adapted for compressed HTML structure
   ============================================================ */
top,article,info,choice{--void:#07070f;--abyss:#0d0d1a;--deep:#121220;--surface:#1a1a2e;--edge:#252540;--glyph:#2e2e4a;--gold:#c4a35a;--gold-dim:#8b7340;--gold-glow:#c4a35a44;--green:#3d8b5e;--green-dim:#2a5e3e;--green-glow:#3d8b5e55;--crimson:#8b2252;--crimson-glow:#8b225266;--parchment:#d4c5a0;--parch-dim:#9e9478;--ink:#6b6b7b;--madness:#ff3355;font-family:'Noto Serif SC','Source Han Serif CN','Georgia',serif;box-sizing:border-box;line-height:1}
/* ============================================================
   TOP BAR
   ============================================================ */
top{position:relative;display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto auto;gap:0;padding:14px 18px 18px;background:radial-gradient(ellipse at 20% 0%,#1a1a3a 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,#0d1a15 0%,transparent 50%),linear-gradient(180deg,#0e0e1c 0%,var(--abyss) 100%);border:1px solid var(--edge);border-bottom:none;border-radius:12px 12px 0 0;overflow:hidden;z-index:10;animation:outerBreath 8s ease-in-out infinite}
top::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--green-dim) 15%,var(--gold) 30%,var(--green) 50%,var(--gold) 70%,var(--green-dim) 85%,transparent 100%);animation:edgeShimmer 6s ease-in-out infinite alternate}
top::after{content:'';position:absolute;bottom:0;left:0;right:0;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 16' preserveAspectRatio='none'%3E%3Cpath d='M0,8 C15,2 30,14 50,8 C70,2 90,14 110,8 C130,2 150,14 170,8 C190,2 210,14 230,8 C250,2 270,14 290,8 C310,2 330,14 350,8 C370,2 390,14 410,8 C430,2 450,14 470,8 C490,2 510,14 530,8 C550,2 570,14 590,8 L600,8' fill='none' stroke='%233d8b5e' stroke-width='1.2' opacity='0.5'/%3E%3Cpath d='M0,9 C20,15 40,3 60,9 C80,15 100,3 120,9 C140,15 160,3 180,9 C200,15 220,3 240,9 C260,15 280,3 300,9 C320,15 340,3 360,9 C380,15 400,3 420,9 C440,15 460,3 480,9 C500,15 520,3 540,9 C560,15 580,3 600,9' fill='none' stroke='%23c4a35a' stroke-width='0.7' opacity='0.3'/%3E%3Ccircle cx='50' cy='8' r='1.5' fill='%233d8b5e' opacity='0.4'/%3E%3Ccircle cx='170' cy='8' r='1' fill='%233d8b5e' opacity='0.3'/%3E%3Ccircle cx='290' cy='9' r='1.5' fill='%23c4a35a' opacity='0.3'/%3E%3Ccircle cx='410' cy='8' r='1' fill='%233d8b5e' opacity='0.4'/%3E%3Ccircle cx='530' cy='9' r='1.5' fill='%233d8b5e' opacity='0.3'/%3E%3C/svg%3E");background-size:100% 100%;animation:tentacleShift 12s linear infinite;opacity:.8}
/* ---- Chapter Title (empty element, text from attr) ---- */
b[ch]{grid-column:1/-1;grid-row:1;display:block;font-size:15px;font-weight:700;color:var(--gold);letter-spacing:2px;padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--edge);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 12px var(--gold-glow),0 1px 2px rgba(0,0,0,.8);animation:textBreath 5s ease-in-out infinite}
b[ch]::before{content:attr(ch)}
/* ---- Location (empty element, icon + text) ---- */
b[loc]{grid-row:2;grid-column:1;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:400;color:var(--parch-dim)}
b[loc]::before{content:'';display:inline-block;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239e9478' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12,2 C8.13,2 5,5.13 5,9 C5,14.25 12,22 12,22 C12,22 19,14.25 19,9 C19,5.13 15.87,2 12,2Z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}
b[loc]::after{content:attr(loc)}
/* ---- Time (empty element, icon + text) ---- */
b[time]{grid-row:2;grid-column:2;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:400;color:var(--ink);padding:0 10px}
b[time]::before{content:'';display:inline-block;width:13px;height:13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b7b' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12,7 L12,12 L16,14' stroke-linecap='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}
b[time]::after{content:attr(time)}
/* ---- Weather (has text content, icon from attr value) ---- */
b[wea]{grid-row:2;grid-column:3;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:400;color:var(--ink)}
b[wea]::before{content:'';display:inline-block;width:15px;height:15px;background-size:contain;background-repeat:no-repeat;flex-shrink:0}
b[wea="rain"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b8bab' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M16,13 A4,4 0 1,0 12,9 A6,6 0 0,0 4,13 L16,13Z'/%3E%3Cpath d='M8,16 L7,19 M12,16 L11,19 M16,16 L15,19' stroke-width='1.5'/%3E%3C/svg%3E")}
b[wea="storm"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ab8b3d' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M16,13 A4,4 0 1,0 12,9 A6,6 0 0,0 4,13 L16,13Z' stroke='%236b6b7b'/%3E%3Cpath d='M13,13 L10,18 L13,18 L11,22' fill='none' stroke='%23c4a35a' stroke-width='2'/%3E%3C/svg%3E")}
b[wea="fog"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b7b' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M4,10 L20,10 M6,13 L18,13 M5,16 L19,16 M8,19 L16,19' opacity='0.6'/%3E%3C/svg%3E")}
b[wea="clear"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c4a35a' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12,2 L12,5 M12,19 L12,22 M2,12 L5,12 M19,12 L22,12 M4.93,4.93 L7.05,7.05 M16.95,16.95 L19.07,19.07 M4.93,19.07 L7.05,16.95 M16.95,7.05 L19.07,4.93' stroke-linecap='round'/%3E%3C/svg%3E")}
b[wea="snow"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0b8cc' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M12,2 L12,22 M4,7 L20,17 M20,7 L4,17'/%3E%3Cpath d='M12,5 L10,3 M12,5 L14,3 M12,19 L10,21 M12,19 L14,21' stroke-width='1'/%3E%3C/svg%3E")}
b[wea="eldritch"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12,2 C12,2 8,6 8,12 C8,18 12,22 12,22 C12,22 16,18 16,12 C16,6 12,2 12,2Z' stroke='%238b2252' stroke-width='1.2'/%3E%3Ccircle cx='12' cy='12' r='3' stroke='%23c4a35a' stroke-width='1' fill='none'/%3E%3Ccircle cx='12' cy='12' r='1.2' fill='%238b2252'/%3E%3Cpath d='M4,12 L8,12 M16,12 L20,12 M12,4 L12,8 M12,16 L12,20' stroke='%238b2252' stroke-width='0.8' opacity='0.5'/%3E%3C/svg%3E");animation:eldritchPulse 2s ease-in-out infinite}
/* ---- SAN Bar (eye → bg, text → ::before, pulse → ::after) ---- */
b[san]{grid-column:1/-1;grid-row:3;position:relative;display:flex;align-items:center;margin-top:10px;font-size:12px;font-weight:700;color:var(--parchment);letter-spacing:1.5px;padding:8px 12px 8px 36px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 28'%3E%3Cpath d='M2,14 Q10,2 22,2 Q34,2 42,14 Q34,26 22,26 Q10,26 2,14Z' fill='none' stroke='%23c4a35a' stroke-width='1.8'/%3E%3Ccircle cx='22' cy='14' r='7' fill='none' stroke='%23c4a35a' stroke-width='1.2'/%3E%3Ccircle cx='22' cy='14' r='3' fill='%233d8b5e'/%3E%3Cpath d='M2,14 Q-2,8 -3,3' fill='none' stroke='%23c4a35a' stroke-width='1' opacity='0.5'/%3E%3Cpath d='M2,14 Q-2,20 -3,25' fill='none' stroke='%23c4a35a' stroke-width='1' opacity='0.5'/%3E%3Cpath d='M42,14 Q46,8 47,3' fill='none' stroke='%23c4a35a' stroke-width='1' opacity='0.5'/%3E%3Cpath d='M42,14 Q46,20 47,25' fill='none' stroke='%23c4a35a' stroke-width='1' opacity='0.5'/%3E%3Cpath d='M8,5 Q5,2 3,0' fill='none' stroke='%23c4a35a' stroke-width='0.6' opacity='0.3'/%3E%3Cpath d='M36,5 Q39,2 41,0' fill='none' stroke='%23c4a35a' stroke-width='0.6' opacity='0.3'/%3E%3Cpath d='M8,23 Q5,26 3,28' fill='none' stroke='%23c4a35a' stroke-width='0.6' opacity='0.3'/%3E%3Cpath d='M36,23 Q39,26 41,28' fill='none' stroke='%23c4a35a' stroke-width='0.6' opacity='0.3'/%3E%3Canimate attributeName='opacity' values='1;1;0.3;1;1' dur='4s' repeatCount='indefinite' keyTimes='0;0.45;0.5;0.55;1'/%3E%3C/svg%3E") no-repeat 8px center/22px 14px,var(--deep);border:1px solid var(--edge);border-radius:6px;overflow:hidden;z-index:1;transition:border-color .4s,box-shadow .4s}
b[san]::before{content:'SAN ' attr(san);position:relative;z-index:3}
b[san]>i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--crimson) 0%,#ab3d3d 20%,var(--gold-dim) 45%,var(--green-dim) 70%,var(--green) 100%);opacity:.15;border-radius:6px;z-index:0;transition:width 1s cubic-bezier(.25,.46,.45,.94)}
b[san]:hover{border-color:var(--gold-dim);box-shadow:0 0 15px var(--gold-glow),inset 0 0 20px rgba(196,163,90,.05)}
b[san]:hover>i{opacity:.28}
b[san]::after{content:'';position:absolute;inset:-1px;border-radius:6px;border:1px solid transparent;animation:sanBorderPulse 5s ease-in-out infinite;pointer-events:none}
/* ============================================================
   ARTICLE — MAIN NARRATIVE
   ============================================================ */
article{position:relative;padding:28px 22px;background:radial-gradient(ellipse at 50% 0%,rgba(26,26,46,.8) 0%,transparent 70%),linear-gradient(180deg,var(--abyss) 0%,var(--void) 50%,var(--abyss) 100%);border-left:1px solid var(--edge);border-right:1px solid var(--edge);color:var(--parchment);font-size:14.5px;line-height:1.9;letter-spacing:.3px;min-height:120px}
article::before,article::after{content:'';position:absolute;width:36px;height:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23c4a35a' opacity='0.18'%3E%3Cpath d='M5,20 L20,5 L35,20 L20,35Z' stroke-width='0.8'/%3E%3Cpath d='M20,8 L20,32 M8,20 L32,20' stroke-width='0.6'/%3E%3Ccircle cx='20' cy='20' r='12' stroke-width='0.5'/%3E%3Ccircle cx='20' cy='20' r='4' stroke-width='0.8'/%3E%3Cpath d='M12,12 L16,16 M28,12 L24,16 M12,28 L16,24 M28,28 L24,24' stroke-width='0.5'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none;z-index:2}
article::before{top:8px;left:8px}
article::after{bottom:8px;right:8px;transform:rotate(180deg)}
article:hover{background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(7,7,15,.4) 100%),radial-gradient(ellipse at 50% 0%,rgba(26,26,46,.8) 0%,transparent 70%),linear-gradient(180deg,var(--abyss) 0%,var(--void) 50%,var(--abyss) 100%)}
article p{margin:0 0 14px 0;text-indent:2em;position:relative;animation:fadeInUp .6s ease-out both}
article p:last-child{margin-bottom:0}
article p:nth-child(2){animation-delay:.1s}
article p:nth-child(3){animation-delay:.2s}
article p:nth-child(4){animation-delay:.3s}
article p:nth-child(5){animation-delay:.4s}
article em{color:var(--gold);font-style:normal;text-shadow:0 0 8px var(--gold-glow)}
article b{color:var(--crimson);font-weight:700;text-shadow:0 0 6px var(--crimson-glow)}
/* ============================================================
   INFO — STATUS PANELS (DETAILS/SUMMARY)
   ============================================================ */
info{position:relative;display:block;border-left:1px solid var(--edge);border-right:1px solid var(--edge);background:var(--abyss);padding:6px 0}
info::before{content:'';position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,var(--edge),var(--gold-dim),var(--edge),transparent)}
info::after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M30,5 L55,20 L55,40 L30,55 L5,40 L5,20Z' fill='none' stroke='%23ffffff' stroke-width='0.3' opacity='0.02'/%3E%3Cpath d='M30,15 L45,23 L45,37 L30,45 L15,37 L15,23Z' fill='none' stroke='%23ffffff' stroke-width='0.2' opacity='0.015'/%3E%3C/svg%3E");background-size:60px 60px;pointer-events:none;z-index:0}
info>details{position:relative;z-index:1;margin:2px 10px;border-radius:8px;overflow:hidden;border:1px solid transparent;transition:background .35s cubic-bezier(.25,.46,.45,.94),border-color .35s,box-shadow .4s}
/* ---- HOVER: Frame Effect ---- */
info>details:hover{background:rgba(255,255,255,.025);border-color:var(--glyph);box-shadow:0 0 0 1px rgba(196,163,90,.06),0 0 18px rgba(196,163,90,.06),inset 0 0 30px rgba(196,163,90,.02)}
info>details:nth-child(1):hover{border-color:rgba(196,163,90,.25);box-shadow:0 0 0 1px rgba(196,163,90,.08),0 0 20px rgba(196,163,90,.08),inset 0 0 30px rgba(196,163,90,.03)}
info>details:nth-child(2):hover{border-color:rgba(61,139,94,.25);box-shadow:0 0 0 1px rgba(61,139,94,.08),0 0 20px rgba(61,139,94,.08),inset 0 0 30px rgba(61,139,94,.03)}
info>details:nth-child(3):hover{border-color:rgba(196,154,58,.25);box-shadow:0 0 0 1px rgba(196,154,58,.08),0 0 20px rgba(196,154,58,.08),inset 0 0 30px rgba(196,154,58,.03)}
info>details:nth-child(4):hover{border-color:rgba(139,107,171,.25);box-shadow:0 0 0 1px rgba(139,107,171,.08),0 0 20px rgba(139,107,171,.08),inset 0 0 30px rgba(139,107,171,.03)}
info>details:nth-child(5):hover{border-color:rgba(107,139,158,.25);box-shadow:0 0 0 1px rgba(107,139,158,.08),0 0 20px rgba(107,139,158,.08),inset 0 0 30px rgba(107,139,158,.03)}
/* Summary base */
info>details>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:13px 16px 13px 50px;font-size:15.5px;font-weight:600;color:var(--parch-dim);cursor:pointer;position:relative;border-radius:8px;transition:all .3s cubic-bezier(.25,.46,.45,.94);user-select:none;-webkit-user-select:none}
info>details>summary::-webkit-details-marker{display:none}
/* Summary icon slot (::before) */
info>details>summary::before{content:'';position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .3s,filter .3s}
/* Summary right indicator (::after) — default chevron SVG */
info>details>summary::after{content:'';position:absolute;right:14px;top:50%;width:22px;height:22px;transform:translateY(-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0a0b4' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M9,6 L15,12 L9,18'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s,background-image .01s}
/* Summary hover */
info>details>summary:hover{color:var(--parchment);background:rgba(196,163,90,.04)}
info>details>summary:hover::before{filter:brightness(1.4) drop-shadow(0 0 4px var(--gold-glow));transform:translateY(-50%) scale(1.1)}
info>details>summary:hover::after{transform:translateY(-50%) scale(1.15);opacity:1}
/* Open state */
info>details[open]>summary{color:var(--parchment)}
info>details[open]>summary::after{transform:translateY(-50%) rotate(90deg)}
/* ---- Panel 1: 调查员档案 Icon ---- */
info>details:nth-child(1)>summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M16,3 C16,3 10,3 10,8 C10,8 9,8 9,6 L7,8 C7,8 7,12 10,13 C10,16 12,18 16,18 C20,18 22,16 22,13 C25,12 25,8 25,8 L23,6 C23,8 22,8 22,8 C22,3 16,3 16,3Z' stroke='%23c4a35a' stroke-width='1.2' fill='none'/%3E%3Cpath d='M10,13 C10,13 6,15 5,20 L5,27 C5,28 6,29 8,29 L24,29 C26,29 27,28 27,27 L27,20 C26,15 22,13 22,13' stroke='%23c4a35a' stroke-width='1.2' fill='none'/%3E%3Cpath d='M13,22 L13,26 M19,22 L19,26 M16,22 L16,29' stroke='%23c4a35a' stroke-width='0.7' opacity='0.4'/%3E%3Cpath d='M7,5 L25,5 C25,5 26,3 24,2 L8,2 C6,3 7,5 7,5Z' stroke='%23c4a35a' stroke-width='1' fill='none'/%3E%3C/svg%3E")}
info>details:nth-child(1)>summary:hover{text-shadow:0 0 8px rgba(196,163,90,.3)}
info>details:nth-child(1)[open]{background:linear-gradient(135deg,rgba(196,163,90,.04) 0%,transparent 60%)}
info>details:nth-child(1)[open]>p,info>details:nth-child(1)[open]>section,info>details:nth-child(1)[open]>nav{border-left-color:var(--gold-dim)}
/* Hover dynamic SVG — Rotating compass diamond + pulse */
info>details:nth-child(1)>summary:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,2 L22,12 L12,22 L2,12Z' fill='none' stroke='%23c4a35a' stroke-width='1.2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='6s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='%23c4a35a' stroke-width='0.8'%3E%3Canimate attributeName='r' values='2;4;2' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='.4;1;.4' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='1' fill='%23c4a35a' opacity='0.6'/%3E%3C/svg%3E");width:26px;height:26px;transform:translateY(-50%) scale(1)}
/* ---- Panel 2: 技能与法术 Icon ---- */
info>details:nth-child(2)>summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%233d8b5e' stroke-width='1.2'%3E%3Cpath d='M6,4 L6,26 C6,27.5 7.5,28 9,28 L26,28 L26,6 L9,6 C7.5,6 6,5.5 6,4 C6,2.5 7.5,2 9,2 L24,2 L24,4 L26,6'/%3E%3Cpath d='M9,28 C7.5,28 6,27 6,26'/%3E%3Cpath d='M16,11 L18,15 L22,15.5 L19,18.5 L19.8,22.5 L16,20.5 L12.2,22.5 L13,18.5 L10,15.5 L14,15Z' stroke-width='1' fill='none'/%3E%3Cpath d='M10,6 L10,28' stroke-width='0.5' opacity='0.3'/%3E%3C/svg%3E")}
info>details:nth-child(2)>summary:hover{text-shadow:0 0 8px rgba(61,139,94,.3)}
info>details:nth-child(2)[open]{background:linear-gradient(135deg,rgba(61,139,94,.04) 0%,transparent 60%)}
info>details:nth-child(2)[open]>p,info>details:nth-child(2)[open]>section,info>details:nth-child(2)[open]>nav{border-left-color:var(--green-dim)}
/* Hover dynamic SVG — Rotating pentagram */
info>details:nth-child(2)>summary:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,2 L14.5,9 L22,9.5 L16.5,14 L18.5,22 L12,17.5 L5.5,22 L7.5,14 L2,9.5 L9.5,9Z' fill='none' stroke='%233d8b5e' stroke-width='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='2' fill='none' stroke='%233d8b5e' stroke-width='0.8' opacity='0.5'%3E%3Canimate attributeName='r' values='1.5;3;1.5' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");width:26px;height:26px;transform:translateY(-50%) scale(1)}
/* ---- Panel 3: 装备与羁绊 Icon ---- */
info>details:nth-child(3)>summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23c49a3a' stroke-width='1.2'%3E%3Cpath d='M12,8 L20,8 L22,14 L22,24 C22,26 20,28 16,28 C12,28 10,26 10,24 L10,14Z'/%3E%3Cpath d='M13,5 L19,5 L20,8 L12,8Z'/%3E%3Cpath d='M14,3 L18,3 L19,5 L13,5Z'/%3E%3Cpath d='M15,2 L17,2' stroke-linecap='round'/%3E%3Cpath d='M10,14 L22,14' stroke-width='0.8'/%3E%3Cpath d='M16,15 C16,15 14,17 14,20 C14,22.5 16,24 16,24 C16,24 18,22.5 18,20 C18,17 16,15 16,15Z' stroke='%23c4a35a' stroke-width='0.8' fill='none'/%3E%3Cpath d='M16,17 L16,18.5' stroke='%23c4a35a' stroke-width='0.6' stroke-linecap='round'/%3E%3C/svg%3E")}
info>details:nth-child(3)>summary:hover{text-shadow:0 0 8px rgba(196,154,58,.3)}
info>details:nth-child(3)[open]{background:linear-gradient(135deg,rgba(196,154,58,.04) 0%,transparent 60%)}
info>details:nth-child(3)[open]>p,info>details:nth-child(3)[open]>section,info>details:nth-child(3)[open]>nav{border-left-color:#6b5a30}
/* Hover dynamic SVG — Flickering flame */
info>details:nth-child(3)>summary:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,3 C12,3 7,10 7,15 C7,19 9.5,21 12,21 C14.5,21 17,19 17,15 C17,10 12,3 12,3Z' fill='none' stroke='%23c49a3a' stroke-width='1.2'%3E%3Canimate attributeName='d' values='M12,3 C12,3 7,10 7,15 C7,19 9.5,21 12,21 C14.5,21 17,19 17,15 C17,10 12,3 12,3Z;M12,4 C12,4 8,11 8,14.5 C8,18 10,21 12,21 C14,21 16,18 16,14.5 C16,11 12,4 12,4Z;M12,2 C12,2 6.5,9.5 6.5,15.5 C6.5,19.5 9,21 12,21 C15,21 17.5,19.5 17.5,15.5 C17.5,9.5 12,2 12,2Z;M12,3 C12,3 7,10 7,15 C7,19 9.5,21 12,21 C14.5,21 17,19 17,15 C17,10 12,3 12,3Z' dur='1.2s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M12,10 C12,10 10,13 10,16 C10,18 11,19 12,19 C13,19 14,18 14,16 C14,13 12,10 12,10Z' fill='none' stroke='%23c4a35a' stroke-width='0.7' opacity='0.6'%3E%3Canimate attributeName='opacity' values='0.3;0.8;0.3' dur='0.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");width:26px;height:26px;transform:translateY(-50%) scale(1)}
/* ---- Panel 4: 世界状态 Icon ---- */
info>details:nth-child(4)>summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%238b6bab' stroke-width='1'%3E%3Ccircle cx='16' cy='16' r='13' stroke-width='1.2'/%3E%3Ccircle cx='16' cy='16' r='8' stroke-dasharray='2 3'/%3E%3Ccircle cx='16' cy='16' r='3' stroke-width='0.8'/%3E%3Ccircle cx='10' cy='10' r='1.2' fill='%238b6bab'/%3E%3Ccircle cx='22' cy='12' r='0.8' fill='%238b6bab'/%3E%3Ccircle cx='20' cy='22' r='1' fill='%238b6bab'/%3E%3Ccircle cx='8' cy='19' r='0.7' fill='%238b6bab'/%3E%3Cpath d='M10,10 L22,12 L20,22 L8,19Z' stroke-width='0.5' opacity='0.4'/%3E%3Cpath d='M16,3 L16,6 M16,26 L16,29 M3,16 L6,16 M26,16 L29,16' stroke-width='0.6' opacity='0.3'/%3E%3C/svg%3E")}
info>details:nth-child(4)>summary:hover{text-shadow:0 0 8px rgba(139,107,171,.3)}
info>details:nth-child(4)[open]{background:linear-gradient(135deg,rgba(139,107,171,.04) 0%,transparent 60%)}
info>details:nth-child(4)[open]>p,info>details:nth-child(4)[open]>section,info>details:nth-child(4)[open]>nav{border-left-color:#5a3d7a}
/* Hover dynamic SVG — Orbiting celestial body */
info>details:nth-child(4)>summary:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='%238b6bab' stroke-width='0.6' stroke-dasharray='1.5 3'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='12s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='4.5' fill='none' stroke='%238b6bab' stroke-width='0.5' stroke-dasharray='1 2' opacity='0.5'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 12 12' to='0 12 12' dur='8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='12' cy='4' r='1.8' fill='%238b6bab' opacity='0.7'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='1.2' fill='%238b6bab' opacity='0.4'/%3E%3C/svg%3E");width:26px;height:26px;transform:translateY(-50%) scale(1)}
/* ---- Panel 5: 记忆存档 Icon ---- */
info>details:nth-child(5)>summary::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%236b8b9e' stroke-width='1.1'%3E%3Cpath d='M16,5 C12,5 9,7 9,10 C7,10 5,12 5,15 C5,18 7,20 9,20 C9,23 11,26 14,27 L14,29'/%3E%3Cpath d='M16,5 C20,5 23,7 23,10 C25,10 27,12 27,15 C27,18 25,20 23,20 C23,23 21,26 18,27 L18,29'/%3E%3Cpath d='M16,5 L16,27' stroke-width='0.6' opacity='0.4'/%3E%3Cpath d='M9,15 C11,14 13,16 16,15 C19,14 21,16 23,15' stroke-width='0.7'/%3E%3Cpath d='M10,11 C12,12 14,10 16,11' stroke-width='0.6' opacity='0.5'/%3E%3Cpath d='M16,11 C18,10 20,12 22,11' stroke-width='0.6' opacity='0.5'/%3E%3Cpath d='M3,12 C4,11 5,12 5,12' stroke-width='0.5' opacity='0.3'/%3E%3Cpath d='M29,13 C28,12 27,13 27,13' stroke-width='0.5' opacity='0.3'/%3E%3Cpath d='M14,29 C13,30 11,30 10,29' stroke-width='0.5' opacity='0.3'/%3E%3Cpath d='M18,29 C19,30 21,30 22,29' stroke-width='0.5' opacity='0.3'/%3E%3C/svg%3E")}
info>details:nth-child(5)>summary:hover{text-shadow:0 0 8px rgba(107,139,158,.3)}
info>details:nth-child(5)[open]{background:linear-gradient(135deg,rgba(107,139,158,.04) 0%,transparent 60%)}
info>details:nth-child(5)[open]>p,info>details:nth-child(5)[open]>section,info>details:nth-child(5)[open]>nav{border-left-color:#3d5a6b}
/* Hover dynamic SVG — Pulsing memory ripple */
info>details:nth-child(5)>summary:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='2' fill='none' stroke='%236b8b9e' stroke-width='0.8'%3E%3Canimate attributeName='r' values='2;9;2' dur='3s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0;1' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='2' fill='none' stroke='%236b8b9e' stroke-width='0.6'%3E%3Canimate attributeName='r' values='2;9;2' dur='3s' begin='1s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0;1' dur='3s' begin='1s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='1.5' fill='%236b8b9e' opacity='0.5'%3E%3Canimate attributeName='opacity' values='0.3;0.8;0.3' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");width:26px;height:26px;transform:translateY(-50%) scale(1)}
/* Panel content area (shared) */
info>details>p,info>details>section,info>details>nav{padding:8px 16px 16px 50px;font-size:14.5px;line-height:1.75;color:var(--parch-dim);border-left:2px solid var(--edge);margin-left:26px;margin-bottom:4px}
/* ============================================================
   CHOICE — ACTION PANEL with TRUE 3D DICE (v4 — fixed)
   ============================================================ */
choice{position:relative;display:block;padding:16px 14px 18px;background:linear-gradient(0deg,var(--deep) 0%,var(--abyss) 100%);border:1px solid var(--edge);border-top:none;border-radius:0 0 12px 12px;animation:bottomBreath 8s ease-in-out infinite;perspective:420px;perspective-origin:40px 38px}
/* ---- Title ---- */
choice::before{content:'行动决策';display:block;font-size:17px;font-weight:700;color:var(--gold);letter-spacing:5px;padding:14px 4px 18px 72px;margin-bottom:8px;border-bottom:1px solid var(--edge);text-shadow:0 0 14px var(--gold-glow),0 1px 2px rgba(0,0,0,.8);position:relative;z-index:1}
/* ============================================================
   3D DICE CONTAINER
   NO filter allowed — filter kills preserve-3d
   Use box-shadow only (proven safe by user reference)
   ============================================================ */
choice>b{position:absolute;left:19px;top:17px;width:42px;height:42px;display:block;transform-style:preserve-3d;transform-origin:center center;animation:diceRoll 12s linear infinite;transition:transform .8s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.45)}
/* ============================================================
   FACE BASE — each <t> is one face of the cube
   ============================================================ */
choice>b>t{position:absolute;display:block;width:42px;height:42px;border-radius:6px;backface-visibility:hidden;border:1px solid rgba(196,163,90,.3);box-shadow:inset 0 0 15px rgba(0,0,0,.45)}
/* ============================================================
   FACE 1 — FRONT — ⚀ one center pip
   ============================================================ */
choice>b>t:nth-child(1){transform:translateZ(21px);background:radial-gradient(circle at 50% 50%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 50% 50%,rgba(196,163,90,.25) 8px,transparent 10px),linear-gradient(145deg,#1e1e38 0%,#16162e 100%)}
/* ============================================================
   FACE 2 — BACK — ⚁ two diagonal pips
   ============================================================ */
choice>b>t:nth-child(2){transform:rotateY(180deg) translateZ(21px);background:radial-gradient(circle at 73% 27%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 27% 73%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 73% 27%,rgba(196,163,90,.2) 8px,transparent 10px),radial-gradient(circle at 27% 73%,rgba(196,163,90,.2) 8px,transparent 10px),linear-gradient(145deg,#1c1c35 0%,#14142c 100%)}
/* ============================================================
   FACE 3 — RIGHT — ⚂ three diagonal pips
   ============================================================ */
choice>b>t:nth-child(3){transform:rotateY(90deg) translateZ(21px);background:radial-gradient(circle at 73% 25%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 50% 50%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 27% 75%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 73% 25%,rgba(196,163,90,.18) 8px,transparent 10px),radial-gradient(circle at 50% 50%,rgba(196,163,90,.18) 8px,transparent 10px),radial-gradient(circle at 27% 75%,rgba(196,163,90,.18) 8px,transparent 10px),linear-gradient(145deg,#1d1d36 0%,#15152d 100%)}
/* ============================================================
   FACE 4 — LEFT — ⚃ four corner pips
   ============================================================ */
choice>b>t:nth-child(4){transform:rotateY(-90deg) translateZ(21px);background:radial-gradient(circle at 28% 28%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 72% 28%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 28% 72%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 72% 72%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 28% 28%,rgba(196,163,90,.18) 8px,transparent 10px),radial-gradient(circle at 72% 28%,rgba(196,163,90,.18) 8px,transparent 10px),radial-gradient(circle at 28% 72%,rgba(196,163,90,.18) 8px,transparent 10px),radial-gradient(circle at 72% 72%,rgba(196,163,90,.18) 8px,transparent 10px),linear-gradient(145deg,#1b1b33 0%,#13132b 100%)}
/* ============================================================
   FACE 5 — TOP — ⚄ five pips (4 corners + center)
   ============================================================ */
choice>b>t:nth-child(5){transform:rotateX(90deg) translateZ(21px);background:radial-gradient(circle at 27% 27%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 73% 27%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 50% 50%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 27% 73%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 73% 73%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 27% 27%,rgba(196,163,90,.15) 8px,transparent 10px),radial-gradient(circle at 73% 27%,rgba(196,163,90,.15) 8px,transparent 10px),radial-gradient(circle at 50% 50%,rgba(196,163,90,.15) 8px,transparent 10px),radial-gradient(circle at 27% 73%,rgba(196,163,90,.15) 8px,transparent 10px),radial-gradient(circle at 73% 73%,rgba(196,163,90,.15) 8px,transparent 10px),linear-gradient(145deg,#1f1f3a 0%,#171730 100%)}
/* ============================================================
   FACE 6 — BOTTOM — ⚅ six pips (2 cols × 3 rows)
   ============================================================ */
choice>b>t:nth-child(6){transform:rotateX(-90deg) translateZ(21px);background:radial-gradient(circle at 30% 22%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 70% 22%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 30% 50%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 70% 50%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 30% 78%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 70% 78%,#c4a35a 4px,transparent 4.5px),radial-gradient(circle at 30% 22%,rgba(196,163,90,.15) 8px,transparent 10px),radial-gradient(circle at 70% 22%,rgba(196,163,90,.15) 8px,transparent 10px),radial-gradient(circle at 30% 50%,rgba(196,163,90,.15) 8px,transparent 10px),radial-gradient(circle at 70% 50%,rgba(196,163,90,.15) 8px,transparent 10px),radial-gradient(circle at 30% 78%,rgba(196,163,90,.15) 8px,transparent 10px),radial-gradient(circle at 70% 78%,rgba(196,163,90,.15) 8px,transparent 10px),linear-gradient(145deg,#1a1a32 0%,#12122a 100%)}
/* ============================================================
   DICE ROTATION — continuous multi-axis tumble
   Matches user-verified reference pattern
   ============================================================ */
@keyframes diceRoll{0%{transform:rotateX(0deg) rotateY(0deg)}25%{transform:rotateX(90deg) rotateY(90deg)}50%{transform:rotateX(180deg) rotateY(180deg)}75%{transform:rotateX(270deg) rotateY(270deg)}100%{transform:rotateX(360deg) rotateY(360deg)}}
/* ============================================================
   HOVER LOCK — dice stops + snaps to matching face
   CRITICAL: No filter allowed here — use box-shadow only
   ============================================================ */
choice:has(li:hover)>b{animation:none;box-shadow:0 0 18px rgba(196,163,90,.35),0 6px 16px rgba(0,0,0,.5)}
choice:has(li:nth-child(1):hover)>b{transform:rotateX(0deg) rotateY(0deg) scale(1.12)}
choice:has(li:nth-child(2):hover)>b{transform:rotateX(0deg) rotateY(180deg) scale(1.12)}
choice:has(li:nth-child(3):hover)>b{transform:rotateX(0deg) rotateY(-90deg) scale(1.12)}
choice:has(li:nth-child(4):hover)>b{transform:rotateX(0deg) rotateY(90deg) scale(1.12)}
choice:has(li:nth-child(5):hover)>b{transform:rotateX(-90deg) rotateY(0deg) scale(1.12)}
choice:has(li:nth-child(6):hover)>b{transform:rotateX(90deg) rotateY(0deg) scale(1.12)}
/* ============================================================
   ACTION LIST
   ============================================================ */
choice ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;counter-reset:act}
choice ol>li{position:relative;counter-increment:act;display:flex;align-items:center;padding:11px 16px 11px 44px;font-size:13.5px;font-weight:500;color:var(--parch-dim);background:var(--deep);border:1px solid var(--edge);border-radius:8px;cursor:pointer;overflow:hidden;transition:all .35s cubic-bezier(.25,.46,.45,.94);line-height:1.5}
/* ---- Number Badge ---- */
choice ol>li::before{content:counter(act);position:absolute;left:9px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--gold-dim);border:1px solid var(--glyph);border-radius:5px;background:var(--abyss);transition:all .35s cubic-bezier(.34,1.56,.64,1);line-height:1;z-index:2;background-repeat:no-repeat;background-position:center;background-size:28px 28px}
/* ---- Ink Sweep ---- */
choice ol>li::after{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(196,163,90,.08) 0%,rgba(61,139,94,.04) 50%,transparent 100%);transition:width .5s cubic-bezier(.25,.46,.45,.94);pointer-events:none;border-radius:8px}
/* ---- Option Hover ---- */
choice ol>li:hover{color:var(--parchment);border-color:var(--gold-dim);background:linear-gradient(135deg,rgba(196,163,90,.06) 0%,var(--deep) 100%);box-shadow:0 0 0 1px rgba(196,163,90,.08),0 4px 16px rgba(0,0,0,.35),inset 0 0 24px rgba(196,163,90,.03);transform:translateX(6px);padding-left:48px;text-shadow:0 0 8px rgba(196,163,90,.2)}
choice ol>li:hover::after{width:100%}
/* ---- Number badge hover: orbiting squares ---- */
choice ol>li:hover::before{color:var(--gold);border-color:transparent;width:28px;height:28px;background-color:transparent;border:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Crect x='5' y='5' width='24' height='24' rx='4' fill='none' stroke='%23c4a35a' stroke-width='.7' stroke-dasharray='3 2.5' opacity='.5'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 17 17' to='360 17 17' dur='5s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='1' y='15' width='3.5' height='3.5' rx='.8' fill='%23c4a35a' opacity='.75'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 17 17' to='360 17 17' dur='2.4s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='29.5' y='15' width='3.5' height='3.5' rx='.8' fill='%233d8b5e' opacity='.65'%3E%3CanimateTransform attributeName='transform' type='rotate' from='120 17 17' to='480 17 17' dur='2.4s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='15' y='1' width='3.5' height='3.5' rx='.8' fill='%23c4a35a' opacity='.55'%3E%3CanimateTransform attributeName='transform' type='rotate' from='240 17 17' to='600 17 17' dur='2.4s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='8' y='8' width='18' height='18' rx='3' fill='none' stroke='%23c4a35a' stroke-width='.4' opacity='.25'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 17 17' to='0 17 17' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='.15;.4;.15' dur='2.5s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='11' y='11' width='12' height='12' rx='2' fill='%230d0d1a' opacity='.85'/%3E%3C/svg%3E");background-size:28px 28px}
choice ol>li:active{transform:translateX(3px) scale(.985);transition-duration:.1s}
/* ============================================================
   KEYFRAMES
   ============================================================ */
@keyframes edgeShimmer{0%{opacity:.5;background-position:0% 50%}50%{opacity:1}100%{opacity:.5;background-position:100% 50%}}
@keyframes textBreath{0%,100%{text-shadow:0 0 12px var(--gold-glow),0 1px 2px rgba(0,0,0,.8)}50%{text-shadow:0 0 20px rgba(196,163,90,.4),0 0 40px rgba(196,163,90,.1),0 1px 2px rgba(0,0,0,.8)}}
@keyframes tentacleShift{0%{background-position:0% center}100%{background-position:200% center}}
@keyframes sanBorderPulse{0%,100%{border-color:transparent;box-shadow:none}50%{border-color:rgba(196,163,90,.1);box-shadow:0 0 8px rgba(196,163,90,.05)}}
@keyframes eldritchPulse{0%,100%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(30deg) brightness(1.3)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes outerBreath{0%,100%{box-shadow:0 -4px 20px rgba(61,139,94,.05)}50%{box-shadow:0 -4px 30px rgba(61,139,94,.12),0 -2px 60px rgba(61,139,94,.04)}}
@keyframes bottomBreath{0%,100%{box-shadow:0 4px 20px rgba(61,139,94,.05)}50%{box-shadow:0 4px 30px rgba(61,139,94,.1),0 2px 60px rgba(196,163,90,.03)}}
/* ============================================================
   RESPONSIVE
   ============================================================ */
@container (max-width:420px){top{padding:10px 12px 14px}b[ch]{font-size:13px;letter-spacing:1px}b[loc],b[time],b[wea]{font-size:10px}article{padding:20px 14px;font-size:13.5px}info>details>summary{font-size:12.5px;padding:9px 12px 9px 36px}choice ol>li{font-size:12.5px;padding:8px 12px 8px 34px}}
/* ============================================================
   MEMORY ARCHIVE v2 — Panel 5 Interior
   ============================================================ */
/* --- Zone Container (shared) --- */
info>details:nth-child(5) nav[z]{position:relative;margin:6px 10px 10px;padding:0;border:1px solid rgba(107,139,158,.18);border-radius:10px;overflow:hidden;background:rgba(10,12,18,.6);transition:border-color .4s,box-shadow .4s}
info>details:nth-child(5) nav[z]+nav[z]{margin-top:14px}
/* --- Zone Header via ::before (content from attr(z)) --- */
info>details:nth-child(5) nav[z]::before{content:attr(z);display:block;position:relative;z-index:2;padding:12px 14px 11px 44px;font-size:13.5px;font-weight:700;letter-spacing:1.8px;border-bottom:1px solid rgba(107,139,158,.12);background-repeat:no-repeat;background-size:24px 24px;background-position:12px center;transition:text-shadow .3s,background-color .3s}
/* --- Zone Background Texture via ::after --- */
info>details:nth-child(5) nav[z]::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background-size:80px 80px;opacity:1}
/* --- Zone Hover Base --- */
info>details:nth-child(5) nav[z]:hover{border-color:rgba(107,139,158,.35);box-shadow:0 0 24px rgba(107,139,158,.08)}
info>details:nth-child(5) nav[z]:hover::before{background-color:rgba(255,255,255,.015)}
/* ============================================================
   BUFFER ZONE — 近期缓冲 — Cyan Stream
   ============================================================ */
info>details:nth-child(5) nav[z="近期缓冲"]{border-color:rgba(100,175,210,.2);background:linear-gradient(168deg,rgba(90,165,200,.07) 0%,rgba(10,12,18,.7) 45%,rgba(10,12,18,.6) 100%)}
info>details:nth-child(5) nav[z="近期缓冲"]::before{color:#6bb4d4;border-bottom-color:rgba(100,175,210,.18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236bb4d4' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M8,2 L16,2 L16,4 L13.5,9.5 L16,15 L16,22 L8,22 L8,15 L10.5,9.5 L8,4Z'/%3E%3Cpath d='M8,4 L16,4' stroke-width='1'/%3E%3Cpath d='M8,15 L16,15' stroke-width='0.7' opacity='0.6'/%3E%3Ccircle cx='12' cy='10' r='0.7' fill='%236bb4d4' opacity='0.7'%3E%3Canimate attributeName='cy' values='7;14' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.9;0.1' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='10.5' cy='9' r='0.5' fill='%236bb4d4' opacity='0.5'%3E%3Canimate attributeName='cy' values='6;13' dur='2.3s' begin='0.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.7;0' dur='2.3s' begin='0.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='13.5' cy='8' r='0.5' fill='%236bb4d4' opacity='0.5'%3E%3Canimate attributeName='cy' values='6.5;13.5' dur='1.8s' begin='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.8;0' dur='1.8s' begin='0.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E")}
info>details:nth-child(5) nav[z="近期缓冲"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M0,40 Q20,34 40,40 T80,40' fill='none' stroke='%236bb4d4' stroke-width='0.3' opacity='0.045'/%3E%3Cpath d='M0,52 Q20,46 40,52 T80,52' fill='none' stroke='%236bb4d4' stroke-width='0.25' opacity='0.035'/%3E%3Cpath d='M0,28 Q20,22 40,28 T80,28' fill='none' stroke='%236bb4d4' stroke-width='0.25' opacity='0.035'/%3E%3C/svg%3E");background-size:80px 80px}
info>details:nth-child(5) nav[z="近期缓冲"]:hover{border-color:rgba(100,175,210,.4);box-shadow:0 0 28px rgba(100,175,210,.1),inset 0 0 35px rgba(100,175,210,.03)}
info>details:nth-child(5) nav[z="近期缓冲"]:hover::before{text-shadow:0 0 10px rgba(107,180,212,.35)}
/* ============================================================
   ARCHIVE ZONE — 事件存档 — Steel Prism
   ============================================================ */
info>details:nth-child(5) nav[z="事件存档"]{counter-reset:arc;border-color:rgba(120,155,175,.2);background:linear-gradient(168deg,rgba(107,139,158,.06) 0%,rgba(10,12,18,.7) 45%,rgba(10,12,18,.6) 100%)}
info>details:nth-child(5) nav[z="事件存档"]::before{color:#7fa0b5;border-bottom-color:rgba(120,155,175,.18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237fa0b5' stroke-width='1.2' stroke-linejoin='round'%3E%3Cpath d='M12,2 L19,8 L19,16 L12,22 L5,16 L5,8Z'/%3E%3Cpath d='M5,8 L19,16 M19,8 L5,16' stroke-width='0.5' opacity='0.4'/%3E%3Cpath d='M12,2 L12,22' stroke-width='0.5' opacity='0.4'/%3E%3Cpath d='M5,12 L19,12' stroke-width='0.5' opacity='0.3'/%3E%3Ccircle cx='12' cy='12' r='2' stroke-width='0.8' opacity='0.7'%3E%3Canimate attributeName='r' values='1.5;2.5;1.5' dur='4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0.9;0.5' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E")}
info>details:nth-child(5) nav[z="事件存档"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M30,5 L50,20 L50,40 L30,55 L10,40 L10,20Z' fill='none' stroke='%237fa0b5' stroke-width='0.25' opacity='0.04'/%3E%3Cpath d='M30,15 L42,24 L42,36 L30,45 L18,36 L18,24Z' fill='none' stroke='%237fa0b5' stroke-width='0.2' opacity='0.03'/%3E%3C/svg%3E");background-size:60px 60px}
info>details:nth-child(5) nav[z="事件存档"]:hover{border-color:rgba(120,155,175,.4);box-shadow:0 0 28px rgba(120,155,175,.1),inset 0 0 35px rgba(120,155,175,.03)}
info>details:nth-child(5) nav[z="事件存档"]:hover::before{text-shadow:0 0 10px rgba(127,160,181,.35)}
/* ============================================================
   INVIOLABLE ZONE — 不可侵犯层 — Crimson Brand
   ============================================================ */
info>details:nth-child(5) nav[z="不可侵犯层"]{border-color:rgba(160,70,70,.22);background:linear-gradient(168deg,rgba(155,70,70,.08) 0%,rgba(18,10,10,.7) 35%,rgba(10,12,18,.6) 100%);animation:mem-heartbeat 4s cubic-bezier(.4,0,.6,1) infinite}
info>details:nth-child(5) nav[z="不可侵犯层"]::before{color:#b06a6a;border-bottom-color:rgba(160,70,70,.2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23b06a6a' stroke-width='1.2'/%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23b06a6a' stroke-width='0.4' stroke-dasharray='1.5 3' opacity='0.6'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='20s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cpath d='M4,12 Q8,7 12,7 Q16,7 20,12 Q16,17 12,17 Q8,17 4,12Z' stroke='%23b06a6a' stroke-width='1' fill='none'/%3E%3Ccircle cx='12' cy='12' r='3' stroke='%23b06a6a' stroke-width='0.9' fill='none'/%3E%3Ccircle cx='12' cy='12' r='1.2' fill='%23b06a6a' opacity='0.8'%3E%3Canimate attributeName='r' values='1;1.6;1' dur='3s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.6;1;0.6' dur='3s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E")}
info>details:nth-child(5) nav[z="不可侵犯层"]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='30' fill='none' stroke='%23a05050' stroke-width='0.2' opacity='0.04'/%3E%3Ccircle cx='40' cy='40' r='20' fill='none' stroke='%23a05050' stroke-width='0.15' opacity='0.03' stroke-dasharray='2 4'/%3E%3Ccircle cx='40' cy='40' r='10' fill='none' stroke='%23a05050' stroke-width='0.1' opacity='0.025' stroke-dasharray='1.5 3.5'/%3E%3C/svg%3E");background-size:80px 80px}
info>details:nth-child(5) nav[z="不可侵犯层"]:hover{border-color:rgba(160,70,70,.45);box-shadow:0 0 28px rgba(160,70,70,.12),inset 0 0 35px rgba(160,70,70,.05)}
info>details:nth-child(5) nav[z="不可侵犯层"]:hover::before{text-shadow:0 0 12px rgba(176,106,106,.4)}
/* ============================================================
   ZONE SEPARATOR LINES (between nav zones)
   ============================================================ */
info>details:nth-child(5) nav[z="事件存档"]::before{box-shadow:0 -8px 0 -7px transparent}
info>details:nth-child(5) nav[z]+nav[z]>*:first-child{position:relative}
/* ============================================================
   ENTRY ROWS — Shared Base
   ============================================================ */
info>details:nth-child(5) nav[z]>p{display:block;position:relative;z-index:1;padding:10px 14px 10px 48px;margin:0;font-size:13.5px;line-height:1.75;transition:background .3s,box-shadow .3s,border-left-color .3s}
info>details:nth-child(5) nav[z]>p+p{border-top:1px solid rgba(107,139,158,.07)}
info>details:nth-child(5) nav[z]>p::before{position:absolute;left:8px;top:10px;font-size:11px;font-weight:700;letter-spacing:.5px;line-height:1;padding:3px 7px;border-radius:4px;z-index:1;transition:background .3s,border-color .3s,color .3s,text-shadow .3s}
info>details:nth-child(5) nav[z]>p:hover{background:rgba(255,255,255,.025)}
/* ============================================================
   BUFFER ENTRIES — 近期缓冲
   ============================================================ */
info>details:nth-child(5) nav[z="近期缓冲"]>p{color:rgba(185,225,245,.88);border-left:2px solid rgba(100,175,210,.2)}
info>details:nth-child(5) nav[z="近期缓冲"]>p::before{content:'R' attr(id);color:#6bb4d4;background:rgba(100,175,210,.12);border:1px solid rgba(100,175,210,.25)}
/* Buffer metadata line (time · location) */
info>details:nth-child(5) nav[z="近期缓冲"]>p::after{content:attr(time) ' · ' attr(loc);display:block;font-size:11.5px;font-weight:400;letter-spacing:.3px;color:rgba(107,180,212,.5);margin-top:3px;padding-left:0;font-style:italic}
/* Buffer hover */
info>details:nth-child(5) nav[z="近期缓冲"]>p:hover{background:rgba(100,175,210,.05);border-left-color:rgba(100,175,210,.5);box-shadow:inset 3px 0 15px rgba(100,175,210,.07)}
info>details:nth-child(5) nav[z="近期缓冲"]>p:hover::before{background:rgba(100,175,210,.2);border-color:rgba(100,175,210,.45);text-shadow:0 0 8px rgba(107,180,212,.5)}
info>details:nth-child(5) nav[z="近期缓冲"]>p:hover::after{color:rgba(107,180,212,.7)}
/* Latest buffer entry — pulsing left border */
info>details:nth-child(5) nav[z="近期缓冲"]>p:last-of-type{border-left-color:rgba(100,175,210,.45);animation:mem-scan 2.5s ease-in-out infinite}
/* 5th entry — buffer full warning */
info>details:nth-child(5) nav[z="近期缓冲"]>p:nth-of-type(5){border-left-color:rgba(210,140,80,.5);background:rgba(210,140,80,.04);animation:mem-warn-pulse 2s ease-in-out infinite}
info>details:nth-child(5) nav[z="近期缓冲"]>p:nth-of-type(5)::before{color:#d4955a;background:rgba(210,140,80,.12);border-color:rgba(210,140,80,.35)}
info>details:nth-child(5) nav[z="近期缓冲"]>p:nth-of-type(5)::after{content:'⚠ 待归纳 · ' attr(time) ' · ' attr(loc);color:rgba(210,140,80,.6)}
/* ============================================================
   ARCHIVE ENTRIES — 事件存档
   ============================================================ */
info>details:nth-child(5) nav[z="事件存档"]>p{counter-increment:arc;color:rgba(175,205,225,.82);border-left:2px solid rgba(120,155,175,.15);padding-left:48px}
info>details:nth-child(5) nav[z="事件存档"]>p::before{content:counter(arc,decimal-leading-zero);color:#7fa0b5;background:rgba(120,155,175,.1);border:1px solid rgba(120,155,175,.2);font-variant-numeric:tabular-nums}
info>details:nth-child(5) nav[z="事件存档"]>p:hover{background:rgba(120,155,175,.05);border-left-color:rgba(120,155,175,.4);box-shadow:inset 3px 0 15px rgba(120,155,175,.06)}
info>details:nth-child(5) nav[z="事件存档"]>p:hover::before{background:rgba(120,155,175,.18);border-color:rgba(120,155,175,.35)}
/* ============================================================
   INVIOLABLE ENTRIES — 不可侵犯层
   ============================================================ */
info>details:nth-child(5) nav[z="不可侵犯层"]>p{color:rgba(230,185,185,.88);border-left:2px solid rgba(160,70,70,.25);padding-left:48px;padding-top:26px}
info>details:nth-child(5) nav[z="不可侵犯层"]>p::before{content:'✗ ' attr(t);color:#b06a6a;background:rgba(160,70,70,.12);border:1px solid rgba(160,70,70,.3);top:7px;font-size:10.5px;text-transform:uppercase;letter-spacing:1px}
info>details:nth-child(5) nav[z="不可侵犯层"]>p::after{content:'';position:absolute;bottom:0;left:48px;right:14px;height:1px;background:linear-gradient(90deg,rgba(160,70,70,.2),transparent 70%)}
info>details:nth-child(5) nav[z="不可侵犯层"]>p:hover{background:rgba(160,70,70,.05);border-left-color:rgba(160,70,70,.55);box-shadow:inset 3px 0 15px rgba(160,70,70,.08)}
info>details:nth-child(5) nav[z="不可侵犯层"]>p:hover::before{background:rgba(160,70,70,.2);border-color:rgba(160,70,70,.5);text-shadow:0 0 10px rgba(176,106,106,.45)}
/* ============================================================
   EMPTY STATE — <t> placeholder
   ============================================================ */
info>details:nth-child(5) nav[z]>t{display:block;position:relative;z-index:1;text-align:center;padding:20px 14px;font-style:italic;font-size:13px;letter-spacing:1.5px;transition:color .3s}
info>details:nth-child(5) nav[z]>t::before{content:'·  ·  ·';display:block;font-size:16px;font-style:normal;margin-bottom:6px;letter-spacing:4px}
info>details:nth-child(5) nav[z="近期缓冲"]>t{color:rgba(107,180,212,.45)}
info>details:nth-child(5) nav[z="近期缓冲"]>t::before{color:rgba(107,180,212,.3)}
info>details:nth-child(5) nav[z="事件存档"]>t{color:rgba(127,160,181,.45)}
info>details:nth-child(5) nav[z="事件存档"]>t::before{color:rgba(127,160,181,.3)}
info>details:nth-child(5) nav[z="不可侵犯层"]>t{color:rgba(190,120,120,.5)}
info>details:nth-child(5) nav[z="不可侵犯层"]>t::before{color:rgba(190,120,120,.35)}
/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes mem-scan{0%,100%{border-left-color:rgba(100,175,210,.3);box-shadow:inset 2px 0 8px rgba(100,175,210,.08)}50%{border-left-color:rgba(100,175,210,.7);box-shadow:inset 3px 0 18px rgba(100,175,210,.15)}}
@keyframes mem-heartbeat{0%,70%,100%{border-color:rgba(160,70,70,.22);box-shadow:none}75%{border-color:rgba(160,70,70,.4);box-shadow:0 0 18px rgba(160,70,70,.1),inset 0 0 25px rgba(160,70,70,.04)}80%{border-color:rgba(160,70,70,.22);box-shadow:none}85%{border-color:rgba(160,70,70,.35);box-shadow:0 0 12px rgba(160,70,70,.07)}90%{border-color:rgba(160,70,70,.22)}}
@keyframes mem-warn-pulse{0%,100%{border-left-color:rgba(210,140,80,.35);background:rgba(210,140,80,.03)}50%{border-left-color:rgba(210,140,80,.65);background:rgba(210,140,80,.06)}}
/* ============================================================
   RESPONSIVE
   ============================================================ */
@container (max-width:420px){info>details:nth-child(5) nav[z]::before{padding-left:36px;font-size:12.5px;background-size:20px 20px;background-position:8px center}info>details:nth-child(5) nav[z]>p{padding-left:38px;font-size:12.5px}info>details:nth-child(5) nav[z]>p::before{font-size:9.5px;padding:2px 5px;left:5px}}

/* ============================================================
   GLOBAL BRIGHTNESS OVERRIDE — PANEL INTERNALS
   ============================================================ */
info>details[open]{overflow:visible}
info>details>section[c="inner"]{padding:4px 16px 16px 16px;margin-left:0;position:relative;z-index:1;overflow:visible}
info>details>section[c="inner"]>nav{overflow:visible}
info>details>section[c="inner"]>nav>section{overflow:visible}
/* --- Subsection Headers --- */
info>details t[h]{display:block;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:10px 0 6px;margin-top:10px;color:#c8b890;opacity:.85;border-bottom:1px solid rgba(196,163,90,.12);position:relative}
info>details t[h]::before{content:'';display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:6px;background-size:contain;background-repeat:no-repeat}
/* Subsection header icons */
info>details:nth-child(1) t[h]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M5,5C5,3 6.5,1.5 8,1.5C9.5,1.5 11,3 11,5' stroke='%23c4a35a' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M3,6L13,6L12,14.5L4,14.5Z' stroke='%23c4a35a' stroke-width='1'/%3E%3Cpath d='M6,8.5C6,8.5 7,10 8,10C9,10 10,8.5 10,8.5' stroke='%23c4a35a' stroke-width='.7'/%3E%3C/svg%3E")}
info>details:nth-child(2) t[h]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3,2C3,1 4,1 4,1L12,1C12,1 13,1 13,2L13,13C13,14 12,15 12,15L4,15C3,15 2,14 2,13L2,12C2,12 3,12 4,12L13,12' stroke='%233d8b5e' stroke-width='.9'/%3E%3Cpath d='M5,4L11,4M5,6L11,6M5,8L9,8' stroke='%233d8b5e' stroke-width='.6' opacity='.6'/%3E%3C/svg%3E")}
info>details:nth-child(3) t[h]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8,1L14,3.5L14,8C14,12 8,15 8,15C8,15 2,12 2,8L2,3.5Z' stroke='%23c49a3a' stroke-width='1'/%3E%3Cpath d='M8,5L8,11M5.5,7.5L10.5,7.5' stroke='%23c49a3a' stroke-width='.7' opacity='.5'/%3E%3C/svg%3E")}
/* --- Section divider --- */
info>details>section[c="inner"]>nav+nav::before{content:'';display:block;width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(196,163,90,.12),transparent);margin:8px auto 12px}
/* ============================================================
   PANEL 1 — 调查员档案 — PROFILE
   ============================================================ */
nav[c="profile"]{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto auto;gap:2px 12px;padding:12px 16px;margin:4px 0 8px;border-radius:10px;background:linear-gradient(135deg,rgba(196,163,90,.07) 0%,rgba(196,163,90,.01) 100%);border:1px solid rgba(196,163,90,.15);position:relative;overflow:hidden}
nav[c="profile"]::before{content:'';position:absolute;top:-20px;right:-20px;width:90px;height:90px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80' fill='none' opacity='.07'%3E%3Ccircle cx='40' cy='40' r='35' stroke='%23c4a35a' stroke-width='.5'/%3E%3Ccircle cx='40' cy='40' r='25' stroke='%23c4a35a' stroke-width='.4' stroke-dasharray='3 4'/%3E%3Ccircle cx='40' cy='40' r='15' stroke='%23c4a35a' stroke-width='.3'/%3E%3Cpath d='M40,5L40,75M5,40L75,40M15.9,15.9L64.1,64.1M64.1,15.9L15.9,64.1' stroke='%23c4a35a' stroke-width='.2'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none}
nav[c="profile"]>b[r="name"]{grid-column:1;font-size:18px;font-weight:700;color:#ede4d4;letter-spacing:1px;line-height:1.3}
nav[c="profile"]>t[r="occ"]{grid-column:1;font-size:12.5px;color:#c4a35a;letter-spacing:1.5px;font-weight:600}
nav[c="profile"]>t[r="info"]{grid-column:1/-1;font-size:12.5px;color:#b8b0a0;line-height:1.6;margin-top:4px}
nav[c="profile"]>b[r="db"]{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#c4a35a;background:rgba(196,163,90,.1);border:1px solid rgba(196,163,90,.2);border-radius:8px;padding:4px 12px;min-width:56px;text-align:center}
nav[c="profile"]>b[r="db"]::before{content:'DB ';font-size:10px;opacity:.6;font-weight:400}
nav[c="profile"]>t[r="desc"]{grid-column:1/-1;font-size:12px;color:#a8a090;line-height:1.6;margin-top:6px;font-style:italic;padding:8px 10px;border-radius:6px;background:rgba(196,163,90,.03);border-left:2px solid rgba(196,163,90,.15)}
nav[c="bars"]{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:6px 14px;
  padding:6px 0;
  margin:4px 0;
}

nav[c="bars"] > progress{
  --fill:linear-gradient(90deg,#666,#999);

  -webkit-appearance:none;
  appearance:none;
  display:block;
  width:100%;
  min-width:0;
  height:24px;
  margin:0;
  padding:0;
  border:0;
  box-sizing:border-box;
  border-radius:6px;
  overflow:hidden;
  position:relative;
  vertical-align:top;
  justify-self:stretch;
  align-self:stretch;

  background:rgba(255,255,255,.05);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);

  transition:transform .2s ease;
}

nav[c="bars"] > progress:hover{
  transform:scale(1.02);
}

nav[c="bars"] > progress::before{
  content:attr(s) "  " attr(value) " / " attr(max);
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  font-size:11.5px;
  font-weight:600;
  line-height:1;
  color:#e8e0d4;
  letter-spacing:.5px;
  text-shadow:0 1px 4px rgba(0,0,0,.9);
  pointer-events:none;
  z-index:2;
  white-space:nowrap;
}

/* Chromium / Safari */
nav[c="bars"] > progress::-webkit-progress-bar{
  background:transparent;
  border:0;
  border-radius:6px;
}

nav[c="bars"] > progress::-webkit-progress-value{
  background:var(--fill);
  border-radius:6px;
  transition:width .6s cubic-bezier(.25,.46,.45,.94);
}

/* Firefox */
nav[c="bars"] > progress::-moz-progress-bar{
  background:var(--fill);
  border:0;
  border-radius:6px;
}

/* Colors */
nav[c="bars"] > progress[s="HP"]{
  --fill:linear-gradient(90deg,#8b2020,#d43838);
}

nav[c="bars"] > progress[s="MP"]{
  --fill:linear-gradient(90deg,#1a3a6b,#3468b8);
}

nav[c="bars"] > progress[s="SAN"]{
  --fill:linear-gradient(90deg,#5a2a7a,#9455cc);
}

nav[c="bars"] > progress[s="LUCK"]{
  --fill:linear-gradient(90deg,#6b5a10,#c8a828);
}

nav[c="bars"] > progress[s="COR"]{
  --fill:linear-gradient(90deg,#2a4a30,#48a868);
}

/* Last bar spans full width */
nav[c="bars"] > progress:nth-child(5):last-child{
  grid-column:1 / -1;
}
/* ============================================================
   RADAR CHART
   ============================================================ */
nav[c="radar"]{position:relative;width:260px;height:260px;margin:14px auto;padding:0;box-sizing:border-box}
@media(max-width:560px){nav[c="radar"]{width:min(220px,78vw);height:min(220px,78vw);margin:10px auto}}
nav[c="radar"]::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'%3E%3Cpolygon points='50,10 78.28,21.72 90,50 78.28,78.28 50,90 21.72,78.28 10,50 21.72,21.72' stroke='%23c4a35a' stroke-width='.4' opacity='.3'/%3E%3Cpolygon points='50,20 71.21,28.79 80,50 71.21,71.21 50,80 28.79,71.21 20,50 28.79,28.79' stroke='%23c4a35a' stroke-width='.3' opacity='.18'/%3E%3Cpolygon points='50,30 64.14,35.86 70,50 64.14,64.14 50,70 35.86,64.14 30,50 35.86,35.86' stroke='%23c4a35a' stroke-width='.25' opacity='.12'/%3E%3Cpolygon points='50,40 57.07,42.93 60,50 57.07,57.07 50,60 42.93,57.07 40,50 42.93,42.93' stroke='%23c4a35a' stroke-width='.2' opacity='.08'/%3E%3Cline x1='50' y1='10' x2='50' y2='90' stroke='%23c4a35a' stroke-width='.2' opacity='.12'/%3E%3Cline x1='10' y1='50' x2='90' y2='50' stroke='%23c4a35a' stroke-width='.2' opacity='.12'/%3E%3Cline x1='21.72' y1='21.72' x2='78.28' y2='78.28' stroke='%23c4a35a' stroke-width='.2' opacity='.12'/%3E%3Cline x1='78.28' y1='21.72' x2='21.72' y2='78.28' stroke='%23c4a35a' stroke-width='.2' opacity='.12'/%3E%3Ccircle cx='50' cy='50' r='2' fill='%23c4a35a' opacity='.25'/%3E%3C/svg%3E");background-size:100% 100%;pointer-events:none;z-index:0}
nav[c="radar"]>t{position:absolute;font-size:10.5px;font-weight:700;letter-spacing:1px;color:#d4c090;text-align:center;z-index:3;white-space:nowrap}
nav[c="radar"]>t::after{content:attr(v);display:block;font-size:9.5px;font-weight:500;color:#a89868;margin-top:1px}
@media(max-width:560px){nav[c="radar"]>t{font-size:9.5px}nav[c="radar"]>t::after{font-size:8.5px}}
nav[c="radar"]>t:nth-child(1){top:0;left:50%;transform:translateX(-50%)}
nav[c="radar"]>t:nth-child(2){top:12%;right:0;transform:translateX(4px)}
nav[c="radar"]>t:nth-child(3){top:50%;right:0;transform:translate(4px,-50%)}
nav[c="radar"]>t:nth-child(4){bottom:12%;right:0;transform:translateX(4px)}
nav[c="radar"]>t:nth-child(5){bottom:0;left:50%;transform:translateX(-50%)}
nav[c="radar"]>t:nth-child(6){bottom:12%;left:0;transform:translateX(-4px)}
nav[c="radar"]>t:nth-child(7){top:50%;left:0;transform:translate(-4px,-50%)}
nav[c="radar"]>t:nth-child(8){top:12%;left:0;transform:translateX(-4px)}
nav[c="radar"]>b{position:absolute;inset:0;z-index:1;--r1:0%;--r2:0%;--r3:0%;--r4:0%;--r5:0%;--r6:0%;--r7:0%;--r8:0%}
nav[c="radar"]>b::before,nav[c="radar"]>b::after{content:'';position:absolute;inset:0;clip-path:polygon(50% calc(50% - var(--r1)),calc(50% + var(--r2)) calc(50% - var(--r2)),calc(50% + var(--r3)) 50%,calc(50% + var(--r4)) calc(50% + var(--r4)),50% calc(50% + var(--r5)),calc(50% - var(--r6)) calc(50% + var(--r6)),calc(50% - var(--r7)) 50%,calc(50% - var(--r8)) calc(50% - var(--r8)));transition:clip-path .8s cubic-bezier(.25,.46,.45,.94)}
nav[c="radar"]>b::before{background:radial-gradient(ellipse at center,rgba(196,163,90,.3) 0%,rgba(196,163,90,.06) 80%)}
nav[c="radar"]>b::after{background:linear-gradient(135deg,rgba(196,163,90,.15),rgba(196,163,90,.03));filter:drop-shadow(0 0 8px rgba(196,163,90,.2))}

nav[c="radar"]>b[class~="r1-0"]{--r1:0%}
nav[c="radar"]>b[class~="r1-1"]{--r1:0.4%}
nav[c="radar"]>b[class~="r1-2"]{--r1:0.8%}
nav[c="radar"]>b[class~="r1-3"]{--r1:1.2%}
nav[c="radar"]>b[class~="r1-4"]{--r1:1.6%}
nav[c="radar"]>b[class~="r1-5"]{--r1:2%}
nav[c="radar"]>b[class~="r1-6"]{--r1:2.4%}
nav[c="radar"]>b[class~="r1-7"]{--r1:2.8%}
nav[c="radar"]>b[class~="r1-8"]{--r1:3.2%}
nav[c="radar"]>b[class~="r1-9"]{--r1:3.6%}
nav[c="radar"]>b[class~="r1-10"]{--r1:4%}
nav[c="radar"]>b[class~="r1-11"]{--r1:4.4%}
nav[c="radar"]>b[class~="r1-12"]{--r1:4.8%}
nav[c="radar"]>b[class~="r1-13"]{--r1:5.2%}
nav[c="radar"]>b[class~="r1-14"]{--r1:5.6%}
nav[c="radar"]>b[class~="r1-15"]{--r1:6%}
nav[c="radar"]>b[class~="r1-16"]{--r1:6.4%}
nav[c="radar"]>b[class~="r1-17"]{--r1:6.8%}
nav[c="radar"]>b[class~="r1-18"]{--r1:7.2%}
nav[c="radar"]>b[class~="r1-19"]{--r1:7.6%}
nav[c="radar"]>b[class~="r1-20"]{--r1:8%}
nav[c="radar"]>b[class~="r1-21"]{--r1:8.4%}
nav[c="radar"]>b[class~="r1-22"]{--r1:8.8%}
nav[c="radar"]>b[class~="r1-23"]{--r1:9.2%}
nav[c="radar"]>b[class~="r1-24"]{--r1:9.6%}
nav[c="radar"]>b[class~="r1-25"]{--r1:10%}
nav[c="radar"]>b[class~="r1-26"]{--r1:10.4%}
nav[c="radar"]>b[class~="r1-27"]{--r1:10.8%}
nav[c="radar"]>b[class~="r1-28"]{--r1:11.2%}
nav[c="radar"]>b[class~="r1-29"]{--r1:11.6%}
nav[c="radar"]>b[class~="r1-30"]{--r1:12%}
nav[c="radar"]>b[class~="r1-31"]{--r1:12.4%}
nav[c="radar"]>b[class~="r1-32"]{--r1:12.8%}
nav[c="radar"]>b[class~="r1-33"]{--r1:13.2%}
nav[c="radar"]>b[class~="r1-34"]{--r1:13.6%}
nav[c="radar"]>b[class~="r1-35"]{--r1:14%}
nav[c="radar"]>b[class~="r1-36"]{--r1:14.4%}
nav[c="radar"]>b[class~="r1-37"]{--r1:14.8%}
nav[c="radar"]>b[class~="r1-38"]{--r1:15.2%}
nav[c="radar"]>b[class~="r1-39"]{--r1:15.6%}
nav[c="radar"]>b[class~="r1-40"]{--r1:16%}
nav[c="radar"]>b[class~="r1-41"]{--r1:16.4%}
nav[c="radar"]>b[class~="r1-42"]{--r1:16.8%}
nav[c="radar"]>b[class~="r1-43"]{--r1:17.2%}
nav[c="radar"]>b[class~="r1-44"]{--r1:17.6%}
nav[c="radar"]>b[class~="r1-45"]{--r1:18%}
nav[c="radar"]>b[class~="r1-46"]{--r1:18.4%}
nav[c="radar"]>b[class~="r1-47"]{--r1:18.8%}
nav[c="radar"]>b[class~="r1-48"]{--r1:19.2%}
nav[c="radar"]>b[class~="r1-49"]{--r1:19.6%}
nav[c="radar"]>b[class~="r1-50"]{--r1:20%}
nav[c="radar"]>b[class~="r1-51"]{--r1:20.4%}
nav[c="radar"]>b[class~="r1-52"]{--r1:20.8%}
nav[c="radar"]>b[class~="r1-53"]{--r1:21.2%}
nav[c="radar"]>b[class~="r1-54"]{--r1:21.6%}
nav[c="radar"]>b[class~="r1-55"]{--r1:22%}
nav[c="radar"]>b[class~="r1-56"]{--r1:22.4%}
nav[c="radar"]>b[class~="r1-57"]{--r1:22.8%}
nav[c="radar"]>b[class~="r1-58"]{--r1:23.2%}
nav[c="radar"]>b[class~="r1-59"]{--r1:23.6%}
nav[c="radar"]>b[class~="r1-60"]{--r1:24%}
nav[c="radar"]>b[class~="r1-61"]{--r1:24.4%}
nav[c="radar"]>b[class~="r1-62"]{--r1:24.8%}
nav[c="radar"]>b[class~="r1-63"]{--r1:25.2%}
nav[c="radar"]>b[class~="r1-64"]{--r1:25.6%}
nav[c="radar"]>b[class~="r1-65"]{--r1:26%}
nav[c="radar"]>b[class~="r1-66"]{--r1:26.4%}
nav[c="radar"]>b[class~="r1-67"]{--r1:26.8%}
nav[c="radar"]>b[class~="r1-68"]{--r1:27.2%}
nav[c="radar"]>b[class~="r1-69"]{--r1:27.6%}
nav[c="radar"]>b[class~="r1-70"]{--r1:28%}
nav[c="radar"]>b[class~="r1-71"]{--r1:28.4%}
nav[c="radar"]>b[class~="r1-72"]{--r1:28.8%}
nav[c="radar"]>b[class~="r1-73"]{--r1:29.2%}
nav[c="radar"]>b[class~="r1-74"]{--r1:29.6%}
nav[c="radar"]>b[class~="r1-75"]{--r1:30%}
nav[c="radar"]>b[class~="r1-76"]{--r1:30.4%}
nav[c="radar"]>b[class~="r1-77"]{--r1:30.8%}
nav[c="radar"]>b[class~="r1-78"]{--r1:31.2%}
nav[c="radar"]>b[class~="r1-79"]{--r1:31.6%}
nav[c="radar"]>b[class~="r1-80"]{--r1:32%}
nav[c="radar"]>b[class~="r1-81"]{--r1:32.4%}
nav[c="radar"]>b[class~="r1-82"]{--r1:32.8%}
nav[c="radar"]>b[class~="r1-83"]{--r1:33.2%}
nav[c="radar"]>b[class~="r1-84"]{--r1:33.6%}
nav[c="radar"]>b[class~="r1-85"]{--r1:34%}
nav[c="radar"]>b[class~="r1-86"]{--r1:34.4%}
nav[c="radar"]>b[class~="r1-87"]{--r1:34.8%}
nav[c="radar"]>b[class~="r1-88"]{--r1:35.2%}
nav[c="radar"]>b[class~="r1-89"]{--r1:35.6%}
nav[c="radar"]>b[class~="r1-90"]{--r1:36%}
nav[c="radar"]>b[class~="r1-91"]{--r1:36.4%}
nav[c="radar"]>b[class~="r1-92"]{--r1:36.8%}
nav[c="radar"]>b[class~="r1-93"]{--r1:37.2%}
nav[c="radar"]>b[class~="r1-94"]{--r1:37.6%}
nav[c="radar"]>b[class~="r1-95"]{--r1:38%}
nav[c="radar"]>b[class~="r1-96"]{--r1:38.4%}
nav[c="radar"]>b[class~="r1-97"]{--r1:38.8%}
nav[c="radar"]>b[class~="r1-98"]{--r1:39.2%}
nav[c="radar"]>b[class~="r1-99"]{--r1:39.6%}
nav[c="radar"]>b[class~="r1-100"]{--r1:40%}

nav[c="radar"]>b[class~="r2-0"]{--r2:0%}
nav[c="radar"]>b[class~="r2-1"]{--r2:0.28%}
nav[c="radar"]>b[class~="r2-2"]{--r2:0.57%}
nav[c="radar"]>b[class~="r2-3"]{--r2:0.85%}
nav[c="radar"]>b[class~="r2-4"]{--r2:1.13%}
nav[c="radar"]>b[class~="r2-5"]{--r2:1.41%}
nav[c="radar"]>b[class~="r2-6"]{--r2:1.70%}
nav[c="radar"]>b[class~="r2-7"]{--r2:1.98%}
nav[c="radar"]>b[class~="r2-8"]{--r2:2.26%}
nav[c="radar"]>b[class~="r2-9"]{--r2:2.55%}
nav[c="radar"]>b[class~="r2-10"]{--r2:2.83%}
nav[c="radar"]>b[class~="r2-11"]{--r2:3.11%}
nav[c="radar"]>b[class~="r2-12"]{--r2:3.39%}
nav[c="radar"]>b[class~="r2-13"]{--r2:3.68%}
nav[c="radar"]>b[class~="r2-14"]{--r2:3.96%}
nav[c="radar"]>b[class~="r2-15"]{--r2:4.24%}
nav[c="radar"]>b[class~="r2-16"]{--r2:4.52%}
nav[c="radar"]>b[class~="r2-17"]{--r2:4.81%}
nav[c="radar"]>b[class~="r2-18"]{--r2:5.09%}
nav[c="radar"]>b[class~="r2-19"]{--r2:5.37%}
nav[c="radar"]>b[class~="r2-20"]{--r2:5.66%}
nav[c="radar"]>b[class~="r2-21"]{--r2:5.94%}
nav[c="radar"]>b[class~="r2-22"]{--r2:6.22%}
nav[c="radar"]>b[class~="r2-23"]{--r2:6.50%}
nav[c="radar"]>b[class~="r2-24"]{--r2:6.79%}
nav[c="radar"]>b[class~="r2-25"]{--r2:7.07%}
nav[c="radar"]>b[class~="r2-26"]{--r2:7.35%}
nav[c="radar"]>b[class~="r2-27"]{--r2:7.64%}
nav[c="radar"]>b[class~="r2-28"]{--r2:7.92%}
nav[c="radar"]>b[class~="r2-29"]{--r2:8.20%}
nav[c="radar"]>b[class~="r2-30"]{--r2:8.48%}
nav[c="radar"]>b[class~="r2-31"]{--r2:8.77%}
nav[c="radar"]>b[class~="r2-32"]{--r2:9.05%}
nav[c="radar"]>b[class~="r2-33"]{--r2:9.33%}
nav[c="radar"]>b[class~="r2-34"]{--r2:9.62%}
nav[c="radar"]>b[class~="r2-35"]{--r2:9.90%}
nav[c="radar"]>b[class~="r2-36"]{--r2:10.18%}
nav[c="radar"]>b[class~="r2-37"]{--r2:10.46%}
nav[c="radar"]>b[class~="r2-38"]{--r2:10.75%}
nav[c="radar"]>b[class~="r2-39"]{--r2:11.03%}
nav[c="radar"]>b[class~="r2-40"]{--r2:11.31%}
nav[c="radar"]>b[class~="r2-41"]{--r2:11.59%}
nav[c="radar"]>b[class~="r2-42"]{--r2:11.88%}
nav[c="radar"]>b[class~="r2-43"]{--r2:12.16%}
nav[c="radar"]>b[class~="r2-44"]{--r2:12.44%}
nav[c="radar"]>b[class~="r2-45"]{--r2:12.73%}
nav[c="radar"]>b[class~="r2-46"]{--r2:13.01%}
nav[c="radar"]>b[class~="r2-47"]{--r2:13.29%}
nav[c="radar"]>b[class~="r2-48"]{--r2:13.57%}
nav[c="radar"]>b[class~="r2-49"]{--r2:13.86%}
nav[c="radar"]>b[class~="r2-50"]{--r2:14.14%}
nav[c="radar"]>b[class~="r2-51"]{--r2:14.42%}
nav[c="radar"]>b[class~="r2-52"]{--r2:14.71%}
nav[c="radar"]>b[class~="r2-53"]{--r2:14.99%}
nav[c="radar"]>b[class~="r2-54"]{--r2:15.27%}
nav[c="radar"]>b[class~="r2-55"]{--r2:15.55%}
nav[c="radar"]>b[class~="r2-56"]{--r2:15.84%}
nav[c="radar"]>b[class~="r2-57"]{--r2:16.12%}
nav[c="radar"]>b[class~="r2-58"]{--r2:16.40%}
nav[c="radar"]>b[class~="r2-59"]{--r2:16.69%}
nav[c="radar"]>b[class~="r2-60"]{--r2:16.97%}
nav[c="radar"]>b[class~="r2-61"]{--r2:17.25%}
nav[c="radar"]>b[class~="r2-62"]{--r2:17.53%}
nav[c="radar"]>b[class~="r2-63"]{--r2:17.82%}
nav[c="radar"]>b[class~="r2-64"]{--r2:18.10%}
nav[c="radar"]>b[class~="r2-65"]{--r2:18.38%}
nav[c="radar"]>b[class~="r2-66"]{--r2:18.66%}
nav[c="radar"]>b[class~="r2-67"]{--r2:18.95%}
nav[c="radar"]>b[class~="r2-68"]{--r2:19.23%}
nav[c="radar"]>b[class~="r2-69"]{--r2:19.51%}
nav[c="radar"]>b[class~="r2-70"]{--r2:19.80%}
nav[c="radar"]>b[class~="r2-71"]{--r2:20.08%}
nav[c="radar"]>b[class~="r2-72"]{--r2:20.36%}
nav[c="radar"]>b[class~="r2-73"]{--r2:20.64%}
nav[c="radar"]>b[class~="r2-74"]{--r2:20.93%}
nav[c="radar"]>b[class~="r2-75"]{--r2:21.21%}
nav[c="radar"]>b[class~="r2-76"]{--r2:21.49%}
nav[c="radar"]>b[class~="r2-77"]{--r2:21.78%}
nav[c="radar"]>b[class~="r2-78"]{--r2:22.06%}
nav[c="radar"]>b[class~="r2-79"]{--r2:22.34%}
nav[c="radar"]>b[class~="r2-80"]{--r2:22.62%}
nav[c="radar"]>b[class~="r2-81"]{--r2:22.91%}
nav[c="radar"]>b[class~="r2-82"]{--r2:23.19%}
nav[c="radar"]>b[class~="r2-83"]{--r2:23.47%}
nav[c="radar"]>b[class~="r2-84"]{--r2:23.76%}
nav[c="radar"]>b[class~="r2-85"]{--r2:24.04%}
nav[c="radar"]>b[class~="r2-86"]{--r2:24.32%}
nav[c="radar"]>b[class~="r2-87"]{--r2:24.60%}
nav[c="radar"]>b[class~="r2-88"]{--r2:24.89%}
nav[c="radar"]>b[class~="r2-89"]{--r2:25.17%}
nav[c="radar"]>b[class~="r2-90"]{--r2:25.45%}
nav[c="radar"]>b[class~="r2-91"]{--r2:25.73%}
nav[c="radar"]>b[class~="r2-92"]{--r2:26.02%}
nav[c="radar"]>b[class~="r2-93"]{--r2:26.30%}
nav[c="radar"]>b[class~="r2-94"]{--r2:26.58%}
nav[c="radar"]>b[class~="r2-95"]{--r2:26.87%}
nav[c="radar"]>b[class~="r2-96"]{--r2:27.15%}
nav[c="radar"]>b[class~="r2-97"]{--r2:27.43%}
nav[c="radar"]>b[class~="r2-98"]{--r2:27.71%}
nav[c="radar"]>b[class~="r2-99"]{--r2:28.00%}
nav[c="radar"]>b[class~="r2-100"]{--r2:28.28%}

nav[c="radar"]>b[class~="r3-0"]{--r3:0%}
nav[c="radar"]>b[class~="r3-1"]{--r3:0.4%}
nav[c="radar"]>b[class~="r3-2"]{--r3:0.8%}
nav[c="radar"]>b[class~="r3-3"]{--r3:1.2%}
nav[c="radar"]>b[class~="r3-4"]{--r3:1.6%}
nav[c="radar"]>b[class~="r3-5"]{--r3:2%}
nav[c="radar"]>b[class~="r3-6"]{--r3:2.4%}
nav[c="radar"]>b[class~="r3-7"]{--r3:2.8%}
nav[c="radar"]>b[class~="r3-8"]{--r3:3.2%}
nav[c="radar"]>b[class~="r3-9"]{--r3:3.6%}
nav[c="radar"]>b[class~="r3-10"]{--r3:4%}
nav[c="radar"]>b[class~="r3-11"]{--r3:4.4%}
nav[c="radar"]>b[class~="r3-12"]{--r3:4.8%}
nav[c="radar"]>b[class~="r3-13"]{--r3:5.2%}
nav[c="radar"]>b[class~="r3-14"]{--r3:5.6%}
nav[c="radar"]>b[class~="r3-15"]{--r3:6%}
nav[c="radar"]>b[class~="r3-16"]{--r3:6.4%}
nav[c="radar"]>b[class~="r3-17"]{--r3:6.8%}
nav[c="radar"]>b[class~="r3-18"]{--r3:7.2%}
nav[c="radar"]>b[class~="r3-19"]{--r3:7.6%}
nav[c="radar"]>b[class~="r3-20"]{--r3:8%}
nav[c="radar"]>b[class~="r3-21"]{--r3:8.4%}
nav[c="radar"]>b[class~="r3-22"]{--r3:8.8%}
nav[c="radar"]>b[class~="r3-23"]{--r3:9.2%}
nav[c="radar"]>b[class~="r3-24"]{--r3:9.6%}
nav[c="radar"]>b[class~="r3-25"]{--r3:10%}
nav[c="radar"]>b[class~="r3-26"]{--r3:10.4%}
nav[c="radar"]>b[class~="r3-27"]{--r3:10.8%}
nav[c="radar"]>b[class~="r3-28"]{--r3:11.2%}
nav[c="radar"]>b[class~="r3-29"]{--r3:11.6%}
nav[c="radar"]>b[class~="r3-30"]{--r3:12%}
nav[c="radar"]>b[class~="r3-31"]{--r3:12.4%}
nav[c="radar"]>b[class~="r3-32"]{--r3:12.8%}
nav[c="radar"]>b[class~="r3-33"]{--r3:13.2%}
nav[c="radar"]>b[class~="r3-34"]{--r3:13.6%}
nav[c="radar"]>b[class~="r3-35"]{--r3:14%}
nav[c="radar"]>b[class~="r3-36"]{--r3:14.4%}
nav[c="radar"]>b[class~="r3-37"]{--r3:14.8%}
nav[c="radar"]>b[class~="r3-38"]{--r3:15.2%}
nav[c="radar"]>b[class~="r3-39"]{--r3:15.6%}
nav[c="radar"]>b[class~="r3-40"]{--r3:16%}
nav[c="radar"]>b[class~="r3-41"]{--r3:16.4%}
nav[c="radar"]>b[class~="r3-42"]{--r3:16.8%}
nav[c="radar"]>b[class~="r3-43"]{--r3:17.2%}
nav[c="radar"]>b[class~="r3-44"]{--r3:17.6%}
nav[c="radar"]>b[class~="r3-45"]{--r3:18%}
nav[c="radar"]>b[class~="r3-46"]{--r3:18.4%}
nav[c="radar"]>b[class~="r3-47"]{--r3:18.8%}
nav[c="radar"]>b[class~="r3-48"]{--r3:19.2%}
nav[c="radar"]>b[class~="r3-49"]{--r3:19.6%}
nav[c="radar"]>b[class~="r3-50"]{--r3:20%}
nav[c="radar"]>b[class~="r3-51"]{--r3:20.4%}
nav[c="radar"]>b[class~="r3-52"]{--r3:20.8%}
nav[c="radar"]>b[class~="r3-53"]{--r3:21.2%}
nav[c="radar"]>b[class~="r3-54"]{--r3:21.6%}
nav[c="radar"]>b[class~="r3-55"]{--r3:22%}
nav[c="radar"]>b[class~="r3-56"]{--r3:22.4%}
nav[c="radar"]>b[class~="r3-57"]{--r3:22.8%}
nav[c="radar"]>b[class~="r3-58"]{--r3:23.2%}
nav[c="radar"]>b[class~="r3-59"]{--r3:23.6%}
nav[c="radar"]>b[class~="r3-60"]{--r3:24%}
nav[c="radar"]>b[class~="r3-61"]{--r3:24.4%}
nav[c="radar"]>b[class~="r3-62"]{--r3:24.8%}
nav[c="radar"]>b[class~="r3-63"]{--r3:25.2%}
nav[c="radar"]>b[class~="r3-64"]{--r3:25.6%}
nav[c="radar"]>b[class~="r3-65"]{--r3:26%}
nav[c="radar"]>b[class~="r3-66"]{--r3:26.4%}
nav[c="radar"]>b[class~="r3-67"]{--r3:26.8%}
nav[c="radar"]>b[class~="r3-68"]{--r3:27.2%}
nav[c="radar"]>b[class~="r3-69"]{--r3:27.6%}
nav[c="radar"]>b[class~="r3-70"]{--r3:28%}
nav[c="radar"]>b[class~="r3-71"]{--r3:28.4%}
nav[c="radar"]>b[class~="r3-72"]{--r3:28.8%}
nav[c="radar"]>b[class~="r3-73"]{--r3:29.2%}
nav[c="radar"]>b[class~="r3-74"]{--r3:29.6%}
nav[c="radar"]>b[class~="r3-75"]{--r3:30%}
nav[c="radar"]>b[class~="r3-76"]{--r3:30.4%}
nav[c="radar"]>b[class~="r3-77"]{--r3:30.8%}
nav[c="radar"]>b[class~="r3-78"]{--r3:31.2%}
nav[c="radar"]>b[class~="r3-79"]{--r3:31.6%}
nav[c="radar"]>b[class~="r3-80"]{--r3:32%}
nav[c="radar"]>b[class~="r3-81"]{--r3:32.4%}
nav[c="radar"]>b[class~="r3-82"]{--r3:32.8%}
nav[c="radar"]>b[class~="r3-83"]{--r3:33.2%}
nav[c="radar"]>b[class~="r3-84"]{--r3:33.6%}
nav[c="radar"]>b[class~="r3-85"]{--r3:34%}
nav[c="radar"]>b[class~="r3-86"]{--r3:34.4%}
nav[c="radar"]>b[class~="r3-87"]{--r3:34.8%}
nav[c="radar"]>b[class~="r3-88"]{--r3:35.2%}
nav[c="radar"]>b[class~="r3-89"]{--r3:35.6%}
nav[c="radar"]>b[class~="r3-90"]{--r3:36%}
nav[c="radar"]>b[class~="r3-91"]{--r3:36.4%}
nav[c="radar"]>b[class~="r3-92"]{--r3:36.8%}
nav[c="radar"]>b[class~="r3-93"]{--r3:37.2%}
nav[c="radar"]>b[class~="r3-94"]{--r3:37.6%}
nav[c="radar"]>b[class~="r3-95"]{--r3:38%}
nav[c="radar"]>b[class~="r3-96"]{--r3:38.4%}
nav[c="radar"]>b[class~="r3-97"]{--r3:38.8%}
nav[c="radar"]>b[class~="r3-98"]{--r3:39.2%}
nav[c="radar"]>b[class~="r3-99"]{--r3:39.6%}
nav[c="radar"]>b[class~="r3-100"]{--r3:40%}

nav[c="radar"]>b[class~="r4-0"]{--r4:0%}
nav[c="radar"]>b[class~="r4-1"]{--r4:0.28%}
nav[c="radar"]>b[class~="r4-2"]{--r4:0.57%}
nav[c="radar"]>b[class~="r4-3"]{--r4:0.85%}
nav[c="radar"]>b[class~="r4-4"]{--r4:1.13%}
nav[c="radar"]>b[class~="r4-5"]{--r4:1.41%}
nav[c="radar"]>b[class~="r4-6"]{--r4:1.70%}
nav[c="radar"]>b[class~="r4-7"]{--r4:1.98%}
nav[c="radar"]>b[class~="r4-8"]{--r4:2.26%}
nav[c="radar"]>b[class~="r4-9"]{--r4:2.55%}
nav[c="radar"]>b[class~="r4-10"]{--r4:2.83%}
nav[c="radar"]>b[class~="r4-11"]{--r4:3.11%}
nav[c="radar"]>b[class~="r4-12"]{--r4:3.39%}
nav[c="radar"]>b[class~="r4-13"]{--r4:3.68%}
nav[c="radar"]>b[class~="r4-14"]{--r4:3.96%}
nav[c="radar"]>b[class~="r4-15"]{--r4:4.24%}
nav[c="radar"]>b[class~="r4-16"]{--r4:4.52%}
nav[c="radar"]>b[class~="r4-17"]{--r4:4.81%}
nav[c="radar"]>b[class~="r4-18"]{--r4:5.09%}
nav[c="radar"]>b[class~="r4-19"]{--r4:5.37%}
nav[c="radar"]>b[class~="r4-20"]{--r4:5.66%}
nav[c="radar"]>b[class~="r4-21"]{--r4:5.94%}
nav[c="radar"]>b[class~="r4-22"]{--r4:6.22%}
nav[c="radar"]>b[class~="r4-23"]{--r4:6.50%}
nav[c="radar"]>b[class~="r4-24"]{--r4:6.79%}
nav[c="radar"]>b[class~="r4-25"]{--r4:7.07%}
nav[c="radar"]>b[class~="r4-26"]{--r4:7.35%}
nav[c="radar"]>b[class~="r4-27"]{--r4:7.64%}
nav[c="radar"]>b[class~="r4-28"]{--r4:7.92%}
nav[c="radar"]>b[class~="r4-29"]{--r4:8.20%}
nav[c="radar"]>b[class~="r4-30"]{--r4:8.48%}
nav[c="radar"]>b[class~="r4-31"]{--r4:8.77%}
nav[c="radar"]>b[class~="r4-32"]{--r4:9.05%}
nav[c="radar"]>b[class~="r4-33"]{--r4:9.33%}
nav[c="radar"]>b[class~="r4-34"]{--r4:9.62%}
nav[c="radar"]>b[class~="r4-35"]{--r4:9.90%}
nav[c="radar"]>b[class~="r4-36"]{--r4:10.18%}
nav[c="radar"]>b[class~="r4-37"]{--r4:10.46%}
nav[c="radar"]>b[class~="r4-38"]{--r4:10.75%}
nav[c="radar"]>b[class~="r4-39"]{--r4:11.03%}
nav[c="radar"]>b[class~="r4-40"]{--r4:11.31%}
nav[c="radar"]>b[class~="r4-41"]{--r4:11.59%}
nav[c="radar"]>b[class~="r4-42"]{--r4:11.88%}
nav[c="radar"]>b[class~="r4-43"]{--r4:12.16%}
nav[c="radar"]>b[class~="r4-44"]{--r4:12.44%}
nav[c="radar"]>b[class~="r4-45"]{--r4:12.73%}
nav[c="radar"]>b[class~="r4-46"]{--r4:13.01%}
nav[c="radar"]>b[class~="r4-47"]{--r4:13.29%}
nav[c="radar"]>b[class~="r4-48"]{--r4:13.57%}
nav[c="radar"]>b[class~="r4-49"]{--r4:13.86%}
nav[c="radar"]>b[class~="r4-50"]{--r4:14.14%}
nav[c="radar"]>b[class~="r4-51"]{--r4:14.42%}
nav[c="radar"]>b[class~="r4-52"]{--r4:14.71%}
nav[c="radar"]>b[class~="r4-53"]{--r4:14.99%}
nav[c="radar"]>b[class~="r4-54"]{--r4:15.27%}
nav[c="radar"]>b[class~="r4-55"]{--r4:15.55%}
nav[c="radar"]>b[class~="r4-56"]{--r4:15.84%}
nav[c="radar"]>b[class~="r4-57"]{--r4:16.12%}
nav[c="radar"]>b[class~="r4-58"]{--r4:16.40%}
nav[c="radar"]>b[class~="r4-59"]{--r4:16.69%}
nav[c="radar"]>b[class~="r4-60"]{--r4:16.97%}
nav[c="radar"]>b[class~="r4-61"]{--r4:17.25%}
nav[c="radar"]>b[class~="r4-62"]{--r4:17.53%}
nav[c="radar"]>b[class~="r4-63"]{--r4:17.82%}
nav[c="radar"]>b[class~="r4-64"]{--r4:18.10%}
nav[c="radar"]>b[class~="r4-65"]{--r4:18.38%}
nav[c="radar"]>b[class~="r4-66"]{--r4:18.66%}
nav[c="radar"]>b[class~="r4-67"]{--r4:18.95%}
nav[c="radar"]>b[class~="r4-68"]{--r4:19.23%}
nav[c="radar"]>b[class~="r4-69"]{--r4:19.51%}
nav[c="radar"]>b[class~="r4-70"]{--r4:19.80%}
nav[c="radar"]>b[class~="r4-71"]{--r4:20.08%}
nav[c="radar"]>b[class~="r4-72"]{--r4:20.36%}
nav[c="radar"]>b[class~="r4-73"]{--r4:20.64%}
nav[c="radar"]>b[class~="r4-74"]{--r4:20.93%}
nav[c="radar"]>b[class~="r4-75"]{--r4:21.21%}
nav[c="radar"]>b[class~="r4-76"]{--r4:21.49%}
nav[c="radar"]>b[class~="r4-77"]{--r4:21.78%}
nav[c="radar"]>b[class~="r4-78"]{--r4:22.06%}
nav[c="radar"]>b[class~="r4-79"]{--r4:22.34%}
nav[c="radar"]>b[class~="r4-80"]{--r4:22.62%}
nav[c="radar"]>b[class~="r4-81"]{--r4:22.91%}
nav[c="radar"]>b[class~="r4-82"]{--r4:23.19%}
nav[c="radar"]>b[class~="r4-83"]{--r4:23.47%}
nav[c="radar"]>b[class~="r4-84"]{--r4:23.76%}
nav[c="radar"]>b[class~="r4-85"]{--r4:24.04%}
nav[c="radar"]>b[class~="r4-86"]{--r4:24.32%}
nav[c="radar"]>b[class~="r4-87"]{--r4:24.60%}
nav[c="radar"]>b[class~="r4-88"]{--r4:24.89%}
nav[c="radar"]>b[class~="r4-89"]{--r4:25.17%}
nav[c="radar"]>b[class~="r4-90"]{--r4:25.45%}
nav[c="radar"]>b[class~="r4-91"]{--r4:25.73%}
nav[c="radar"]>b[class~="r4-92"]{--r4:26.02%}
nav[c="radar"]>b[class~="r4-93"]{--r4:26.30%}
nav[c="radar"]>b[class~="r4-94"]{--r4:26.58%}
nav[c="radar"]>b[class~="r4-95"]{--r4:26.87%}
nav[c="radar"]>b[class~="r4-96"]{--r4:27.15%}
nav[c="radar"]>b[class~="r4-97"]{--r4:27.43%}
nav[c="radar"]>b[class~="r4-98"]{--r4:27.71%}
nav[c="radar"]>b[class~="r4-99"]{--r4:28.00%}
nav[c="radar"]>b[class~="r4-100"]{--r4:28.28%}

nav[c="radar"]>b[class~="r5-0"]{--r5:0%}
nav[c="radar"]>b[class~="r5-1"]{--r5:0.4%}
nav[c="radar"]>b[class~="r5-2"]{--r5:0.8%}
nav[c="radar"]>b[class~="r5-3"]{--r5:1.2%}
nav[c="radar"]>b[class~="r5-4"]{--r5:1.6%}
nav[c="radar"]>b[class~="r5-5"]{--r5:2%}
nav[c="radar"]>b[class~="r5-6"]{--r5:2.4%}
nav[c="radar"]>b[class~="r5-7"]{--r5:2.8%}
nav[c="radar"]>b[class~="r5-8"]{--r5:3.2%}
nav[c="radar"]>b[class~="r5-9"]{--r5:3.6%}
nav[c="radar"]>b[class~="r5-10"]{--r5:4%}
nav[c="radar"]>b[class~="r5-11"]{--r5:4.4%}
nav[c="radar"]>b[class~="r5-12"]{--r5:4.8%}
nav[c="radar"]>b[class~="r5-13"]{--r5:5.2%}
nav[c="radar"]>b[class~="r5-14"]{--r5:5.6%}
nav[c="radar"]>b[class~="r5-15"]{--r5:6%}
nav[c="radar"]>b[class~="r5-16"]{--r5:6.4%}
nav[c="radar"]>b[class~="r5-17"]{--r5:6.8%}
nav[c="radar"]>b[class~="r5-18"]{--r5:7.2%}
nav[c="radar"]>b[class~="r5-19"]{--r5:7.6%}
nav[c="radar"]>b[class~="r5-20"]{--r5:8%}
nav[c="radar"]>b[class~="r5-21"]{--r5:8.4%}
nav[c="radar"]>b[class~="r5-22"]{--r5:8.8%}
nav[c="radar"]>b[class~="r5-23"]{--r5:9.2%}
nav[c="radar"]>b[class~="r5-24"]{--r5:9.6%}
nav[c="radar"]>b[class~="r5-25"]{--r5:10%}
nav[c="radar"]>b[class~="r5-26"]{--r5:10.4%}
nav[c="radar"]>b[class~="r5-27"]{--r5:10.8%}
nav[c="radar"]>b[class~="r5-28"]{--r5:11.2%}
nav[c="radar"]>b[class~="r5-29"]{--r5:11.6%}
nav[c="radar"]>b[class~="r5-30"]{--r5:12%}
nav[c="radar"]>b[class~="r5-31"]{--r5:12.4%}
nav[c="radar"]>b[class~="r5-32"]{--r5:12.8%}
nav[c="radar"]>b[class~="r5-33"]{--r5:13.2%}
nav[c="radar"]>b[class~="r5-34"]{--r5:13.6%}
nav[c="radar"]>b[class~="r5-35"]{--r5:14%}
nav[c="radar"]>b[class~="r5-36"]{--r5:14.4%}
nav[c="radar"]>b[class~="r5-37"]{--r5:14.8%}
nav[c="radar"]>b[class~="r5-38"]{--r5:15.2%}
nav[c="radar"]>b[class~="r5-39"]{--r5:15.6%}
nav[c="radar"]>b[class~="r5-40"]{--r5:16%}
nav[c="radar"]>b[class~="r5-41"]{--r5:16.4%}
nav[c="radar"]>b[class~="r5-42"]{--r5:16.8%}
nav[c="radar"]>b[class~="r5-43"]{--r5:17.2%}
nav[c="radar"]>b[class~="r5-44"]{--r5:17.6%}
nav[c="radar"]>b[class~="r5-45"]{--r5:18%}
nav[c="radar"]>b[class~="r5-46"]{--r5:18.4%}
nav[c="radar"]>b[class~="r5-47"]{--r5:18.8%}
nav[c="radar"]>b[class~="r5-48"]{--r5:19.2%}
nav[c="radar"]>b[class~="r5-49"]{--r5:19.6%}
nav[c="radar"]>b[class~="r5-50"]{--r5:20%}
nav[c="radar"]>b[class~="r5-51"]{--r5:20.4%}
nav[c="radar"]>b[class~="r5-52"]{--r5:20.8%}
nav[c="radar"]>b[class~="r5-53"]{--r5:21.2%}
nav[c="radar"]>b[class~="r5-54"]{--r5:21.6%}
nav[c="radar"]>b[class~="r5-55"]{--r5:22%}
nav[c="radar"]>b[class~="r5-56"]{--r5:22.4%}
nav[c="radar"]>b[class~="r5-57"]{--r5:22.8%}
nav[c="radar"]>b[class~="r5-58"]{--r5:23.2%}
nav[c="radar"]>b[class~="r5-59"]{--r5:23.6%}
nav[c="radar"]>b[class~="r5-60"]{--r5:24%}
nav[c="radar"]>b[class~="r5-61"]{--r5:24.4%}
nav[c="radar"]>b[class~="r5-62"]{--r5:24.8%}
nav[c="radar"]>b[class~="r5-63"]{--r5:25.2%}
nav[c="radar"]>b[class~="r5-64"]{--r5:25.6%}
nav[c="radar"]>b[class~="r5-65"]{--r5:26%}
nav[c="radar"]>b[class~="r5-66"]{--r5:26.4%}
nav[c="radar"]>b[class~="r5-67"]{--r5:26.8%}
nav[c="radar"]>b[class~="r5-68"]{--r5:27.2%}
nav[c="radar"]>b[class~="r5-69"]{--r5:27.6%}
nav[c="radar"]>b[class~="r5-70"]{--r5:28%}
nav[c="radar"]>b[class~="r5-71"]{--r5:28.4%}
nav[c="radar"]>b[class~="r5-72"]{--r5:28.8%}
nav[c="radar"]>b[class~="r5-73"]{--r5:29.2%}
nav[c="radar"]>b[class~="r5-74"]{--r5:29.6%}
nav[c="radar"]>b[class~="r5-75"]{--r5:30%}
nav[c="radar"]>b[class~="r5-76"]{--r5:30.4%}
nav[c="radar"]>b[class~="r5-77"]{--r5:30.8%}
nav[c="radar"]>b[class~="r5-78"]{--r5:31.2%}
nav[c="radar"]>b[class~="r5-79"]{--r5:31.6%}
nav[c="radar"]>b[class~="r5-80"]{--r5:32%}
nav[c="radar"]>b[class~="r5-81"]{--r5:32.4%}
nav[c="radar"]>b[class~="r5-82"]{--r5:32.8%}
nav[c="radar"]>b[class~="r5-83"]{--r5:33.2%}
nav[c="radar"]>b[class~="r5-84"]{--r5:33.6%}
nav[c="radar"]>b[class~="r5-85"]{--r5:34%}
nav[c="radar"]>b[class~="r5-86"]{--r5:34.4%}
nav[c="radar"]>b[class~="r5-87"]{--r5:34.8%}
nav[c="radar"]>b[class~="r5-88"]{--r5:35.2%}
nav[c="radar"]>b[class~="r5-89"]{--r5:35.6%}
nav[c="radar"]>b[class~="r5-90"]{--r5:36%}
nav[c="radar"]>b[class~="r5-91"]{--r5:36.4%}
nav[c="radar"]>b[class~="r5-92"]{--r5:36.8%}
nav[c="radar"]>b[class~="r5-93"]{--r5:37.2%}
nav[c="radar"]>b[class~="r5-94"]{--r5:37.6%}
nav[c="radar"]>b[class~="r5-95"]{--r5:38%}
nav[c="radar"]>b[class~="r5-96"]{--r5:38.4%}
nav[c="radar"]>b[class~="r5-97"]{--r5:38.8%}
nav[c="radar"]>b[class~="r5-98"]{--r5:39.2%}
nav[c="radar"]>b[class~="r5-99"]{--r5:39.6%}
nav[c="radar"]>b[class~="r5-100"]{--r5:40%}

nav[c="radar"]>b[class~="r6-0"]{--r6:0%}
nav[c="radar"]>b[class~="r6-1"]{--r6:0.28%}
nav[c="radar"]>b[class~="r6-2"]{--r6:0.57%}
nav[c="radar"]>b[class~="r6-3"]{--r6:0.85%}
nav[c="radar"]>b[class~="r6-4"]{--r6:1.13%}
nav[c="radar"]>b[class~="r6-5"]{--r6:1.41%}
nav[c="radar"]>b[class~="r6-6"]{--r6:1.70%}
nav[c="radar"]>b[class~="r6-7"]{--r6:1.98%}
nav[c="radar"]>b[class~="r6-8"]{--r6:2.26%}
nav[c="radar"]>b[class~="r6-9"]{--r6:2.55%}
nav[c="radar"]>b[class~="r6-10"]{--r6:2.83%}
nav[c="radar"]>b[class~="r6-11"]{--r6:3.11%}
nav[c="radar"]>b[class~="r6-12"]{--r6:3.39%}
nav[c="radar"]>b[class~="r6-13"]{--r6:3.68%}
nav[c="radar"]>b[class~="r6-14"]{--r6:3.96%}
nav[c="radar"]>b[class~="r6-15"]{--r6:4.24%}
nav[c="radar"]>b[class~="r6-16"]{--r6:4.52%}
nav[c="radar"]>b[class~="r6-17"]{--r6:4.81%}
nav[c="radar"]>b[class~="r6-18"]{--r6:5.09%}
nav[c="radar"]>b[class~="r6-19"]{--r6:5.37%}
nav[c="radar"]>b[class~="r6-20"]{--r6:5.66%}
nav[c="radar"]>b[class~="r6-21"]{--r6:5.94%}
nav[c="radar"]>b[class~="r6-22"]{--r6:6.22%}
nav[c="radar"]>b[class~="r6-23"]{--r6:6.50%}
nav[c="radar"]>b[class~="r6-24"]{--r6:6.79%}
nav[c="radar"]>b[class~="r6-25"]{--r6:7.07%}
nav[c="radar"]>b[class~="r6-26"]{--r6:7.35%}
nav[c="radar"]>b[class~="r6-27"]{--r6:7.64%}
nav[c="radar"]>b[class~="r6-28"]{--r6:7.92%}
nav[c="radar"]>b[class~="r6-29"]{--r6:8.20%}
nav[c="radar"]>b[class~="r6-30"]{--r6:8.48%}
nav[c="radar"]>b[class~="r6-31"]{--r6:8.77%}
nav[c="radar"]>b[class~="r6-32"]{--r6:9.05%}
nav[c="radar"]>b[class~="r6-33"]{--r6:9.33%}
nav[c="radar"]>b[class~="r6-34"]{--r6:9.62%}
nav[c="radar"]>b[class~="r6-35"]{--r6:9.90%}
nav[c="radar"]>b[class~="r6-36"]{--r6:10.18%}
nav[c="radar"]>b[class~="r6-37"]{--r6:10.46%}
nav[c="radar"]>b[class~="r6-38"]{--r6:10.75%}
nav[c="radar"]>b[class~="r6-39"]{--r6:11.03%}
nav[c="radar"]>b[class~="r6-40"]{--r6:11.31%}
nav[c="radar"]>b[class~="r6-41"]{--r6:11.59%}
nav[c="radar"]>b[class~="r6-42"]{--r6:11.88%}
nav[c="radar"]>b[class~="r6-43"]{--r6:12.16%}
nav[c="radar"]>b[class~="r6-44"]{--r6:12.44%}
nav[c="radar"]>b[class~="r6-45"]{--r6:12.73%}
nav[c="radar"]>b[class~="r6-46"]{--r6:13.01%}
nav[c="radar"]>b[class~="r6-47"]{--r6:13.29%}
nav[c="radar"]>b[class~="r6-48"]{--r6:13.57%}
nav[c="radar"]>b[class~="r6-49"]{--r6:13.86%}
nav[c="radar"]>b[class~="r6-50"]{--r6:14.14%}
nav[c="radar"]>b[class~="r6-51"]{--r6:14.42%}
nav[c="radar"]>b[class~="r6-52"]{--r6:14.71%}
nav[c="radar"]>b[class~="r6-53"]{--r6:14.99%}
nav[c="radar"]>b[class~="r6-54"]{--r6:15.27%}
nav[c="radar"]>b[class~="r6-55"]{--r6:15.55%}
nav[c="radar"]>b[class~="r6-56"]{--r6:15.84%}
nav[c="radar"]>b[class~="r6-57"]{--r6:16.12%}
nav[c="radar"]>b[class~="r6-58"]{--r6:16.40%}
nav[c="radar"]>b[class~="r6-59"]{--r6:16.69%}
nav[c="radar"]>b[class~="r6-60"]{--r6:16.97%}
nav[c="radar"]>b[class~="r6-61"]{--r6:17.25%}
nav[c="radar"]>b[class~="r6-62"]{--r6:17.53%}
nav[c="radar"]>b[class~="r6-63"]{--r6:17.82%}
nav[c="radar"]>b[class~="r6-64"]{--r6:18.10%}
nav[c="radar"]>b[class~="r6-65"]{--r6:18.38%}
nav[c="radar"]>b[class~="r6-66"]{--r6:18.66%}
nav[c="radar"]>b[class~="r6-67"]{--r6:18.95%}
nav[c="radar"]>b[class~="r6-68"]{--r6:19.23%}
nav[c="radar"]>b[class~="r6-69"]{--r6:19.51%}
nav[c="radar"]>b[class~="r6-70"]{--r6:19.80%}
nav[c="radar"]>b[class~="r6-71"]{--r6:20.08%}
nav[c="radar"]>b[class~="r6-72"]{--r6:20.36%}
nav[c="radar"]>b[class~="r6-73"]{--r6:20.64%}
nav[c="radar"]>b[class~="r6-74"]{--r6:20.93%}
nav[c="radar"]>b[class~="r6-75"]{--r6:21.21%}
nav[c="radar"]>b[class~="r6-76"]{--r6:21.49%}
nav[c="radar"]>b[class~="r6-77"]{--r6:21.78%}
nav[c="radar"]>b[class~="r6-78"]{--r6:22.06%}
nav[c="radar"]>b[class~="r6-79"]{--r6:22.34%}
nav[c="radar"]>b[class~="r6-80"]{--r6:22.62%}
nav[c="radar"]>b[class~="r6-81"]{--r6:22.91%}
nav[c="radar"]>b[class~="r6-82"]{--r6:23.19%}
nav[c="radar"]>b[class~="r6-83"]{--r6:23.47%}
nav[c="radar"]>b[class~="r6-84"]{--r6:23.76%}
nav[c="radar"]>b[class~="r6-85"]{--r6:24.04%}
nav[c="radar"]>b[class~="r6-86"]{--r6:24.32%}
nav[c="radar"]>b[class~="r6-87"]{--r6:24.60%}
nav[c="radar"]>b[class~="r6-88"]{--r6:24.89%}
nav[c="radar"]>b[class~="r6-89"]{--r6:25.17%}
nav[c="radar"]>b[class~="r6-90"]{--r6:25.45%}
nav[c="radar"]>b[class~="r6-91"]{--r6:25.73%}
nav[c="radar"]>b[class~="r6-92"]{--r6:26.02%}
nav[c="radar"]>b[class~="r6-93"]{--r6:26.30%}
nav[c="radar"]>b[class~="r6-94"]{--r6:26.58%}
nav[c="radar"]>b[class~="r6-95"]{--r6:26.87%}
nav[c="radar"]>b[class~="r6-96"]{--r6:27.15%}
nav[c="radar"]>b[class~="r6-97"]{--r6:27.43%}
nav[c="radar"]>b[class~="r6-98"]{--r6:27.71%}
nav[c="radar"]>b[class~="r6-99"]{--r6:28.00%}
nav[c="radar"]>b[class~="r6-100"]{--r6:28.28%}

nav[c="radar"]>b[class~="r7-0"]{--r7:0%}
nav[c="radar"]>b[class~="r7-1"]{--r7:0.4%}
nav[c="radar"]>b[class~="r7-2"]{--r7:0.8%}
nav[c="radar"]>b[class~="r7-3"]{--r7:1.2%}
nav[c="radar"]>b[class~="r7-4"]{--r7:1.6%}
nav[c="radar"]>b[class~="r7-5"]{--r7:2%}
nav[c="radar"]>b[class~="r7-6"]{--r7:2.4%}
nav[c="radar"]>b[class~="r7-7"]{--r7:2.8%}
nav[c="radar"]>b[class~="r7-8"]{--r7:3.2%}
nav[c="radar"]>b[class~="r7-9"]{--r7:3.6%}
nav[c="radar"]>b[class~="r7-10"]{--r7:4%}
nav[c="radar"]>b[class~="r7-11"]{--r7:4.4%}
nav[c="radar"]>b[class~="r7-12"]{--r7:4.8%}
nav[c="radar"]>b[class~="r7-13"]{--r7:5.2%}
nav[c="radar"]>b[class~="r7-14"]{--r7:5.6%}
nav[c="radar"]>b[class~="r7-15"]{--r7:6%}
nav[c="radar"]>b[class~="r7-16"]{--r7:6.4%}
nav[c="radar"]>b[class~="r7-17"]{--r7:6.8%}
nav[c="radar"]>b[class~="r7-18"]{--r7:7.2%}
nav[c="radar"]>b[class~="r7-19"]{--r7:7.6%}
nav[c="radar"]>b[class~="r7-20"]{--r7:8%}
nav[c="radar"]>b[class~="r7-21"]{--r7:8.4%}
nav[c="radar"]>b[class~="r7-22"]{--r7:8.8%}
nav[c="radar"]>b[class~="r7-23"]{--r7:9.2%}
nav[c="radar"]>b[class~="r7-24"]{--r7:9.6%}
nav[c="radar"]>b[class~="r7-25"]{--r7:10%}
nav[c="radar"]>b[class~="r7-26"]{--r7:10.4%}
nav[c="radar"]>b[class~="r7-27"]{--r7:10.8%}
nav[c="radar"]>b[class~="r7-28"]{--r7:11.2%}
nav[c="radar"]>b[class~="r7-29"]{--r7:11.6%}
nav[c="radar"]>b[class~="r7-30"]{--r7:12%}
nav[c="radar"]>b[class~="r7-31"]{--r7:12.4%}
nav[c="radar"]>b[class~="r7-32"]{--r7:12.8%}
nav[c="radar"]>b[class~="r7-33"]{--r7:13.2%}
nav[c="radar"]>b[class~="r7-34"]{--r7:13.6%}
nav[c="radar"]>b[class~="r7-35"]{--r7:14%}
nav[c="radar"]>b[class~="r7-36"]{--r7:14.4%}
nav[c="radar"]>b[class~="r7-37"]{--r7:14.8%}
nav[c="radar"]>b[class~="r7-38"]{--r7:15.2%}
nav[c="radar"]>b[class~="r7-39"]{--r7:15.6%}
nav[c="radar"]>b[class~="r7-40"]{--r7:16%}
nav[c="radar"]>b[class~="r7-41"]{--r7:16.4%}
nav[c="radar"]>b[class~="r7-42"]{--r7:16.8%}
nav[c="radar"]>b[class~="r7-43"]{--r7:17.2%}
nav[c="radar"]>b[class~="r7-44"]{--r7:17.6%}
nav[c="radar"]>b[class~="r7-45"]{--r7:18%}
nav[c="radar"]>b[class~="r7-46"]{--r7:18.4%}
nav[c="radar"]>b[class~="r7-47"]{--r7:18.8%}
nav[c="radar"]>b[class~="r7-48"]{--r7:19.2%}
nav[c="radar"]>b[class~="r7-49"]{--r7:19.6%}
nav[c="radar"]>b[class~="r7-50"]{--r7:20%}
nav[c="radar"]>b[class~="r7-51"]{--r7:20.4%}
nav[c="radar"]>b[class~="r7-52"]{--r7:20.8%}
nav[c="radar"]>b[class~="r7-53"]{--r7:21.2%}
nav[c="radar"]>b[class~="r7-54"]{--r7:21.6%}
nav[c="radar"]>b[class~="r7-55"]{--r7:22%}
nav[c="radar"]>b[class~="r7-56"]{--r7:22.4%}
nav[c="radar"]>b[class~="r7-57"]{--r7:22.8%}
nav[c="radar"]>b[class~="r7-58"]{--r7:23.2%}
nav[c="radar"]>b[class~="r7-59"]{--r7:23.6%}
nav[c="radar"]>b[class~="r7-60"]{--r7:24%}
nav[c="radar"]>b[class~="r7-61"]{--r7:24.4%}
nav[c="radar"]>b[class~="r7-62"]{--r7:24.8%}
nav[c="radar"]>b[class~="r7-63"]{--r7:25.2%}
nav[c="radar"]>b[class~="r7-64"]{--r7:25.6%}
nav[c="radar"]>b[class~="r7-65"]{--r7:26%}
nav[c="radar"]>b[class~="r7-66"]{--r7:26.4%}
nav[c="radar"]>b[class~="r7-67"]{--r7:26.8%}
nav[c="radar"]>b[class~="r7-68"]{--r7:27.2%}
nav[c="radar"]>b[class~="r7-69"]{--r7:27.6%}
nav[c="radar"]>b[class~="r7-70"]{--r7:28%}
nav[c="radar"]>b[class~="r7-71"]{--r7:28.4%}
nav[c="radar"]>b[class~="r7-72"]{--r7:28.8%}
nav[c="radar"]>b[class~="r7-73"]{--r7:29.2%}
nav[c="radar"]>b[class~="r7-74"]{--r7:29.6%}
nav[c="radar"]>b[class~="r7-75"]{--r7:30%}
nav[c="radar"]>b[class~="r7-76"]{--r7:30.4%}
nav[c="radar"]>b[class~="r7-77"]{--r7:30.8%}
nav[c="radar"]>b[class~="r7-78"]{--r7:31.2%}
nav[c="radar"]>b[class~="r7-79"]{--r7:31.6%}
nav[c="radar"]>b[class~="r7-80"]{--r7:32%}
nav[c="radar"]>b[class~="r7-81"]{--r7:32.4%}
nav[c="radar"]>b[class~="r7-82"]{--r7:32.8%}
nav[c="radar"]>b[class~="r7-83"]{--r7:33.2%}
nav[c="radar"]>b[class~="r7-84"]{--r7:33.6%}
nav[c="radar"]>b[class~="r7-85"]{--r7:34%}
nav[c="radar"]>b[class~="r7-86"]{--r7:34.4%}
nav[c="radar"]>b[class~="r7-87"]{--r7:34.8%}
nav[c="radar"]>b[class~="r7-88"]{--r7:35.2%}
nav[c="radar"]>b[class~="r7-89"]{--r7:35.6%}
nav[c="radar"]>b[class~="r7-90"]{--r7:36%}
nav[c="radar"]>b[class~="r7-91"]{--r7:36.4%}
nav[c="radar"]>b[class~="r7-92"]{--r7:36.8%}
nav[c="radar"]>b[class~="r7-93"]{--r7:37.2%}
nav[c="radar"]>b[class~="r7-94"]{--r7:37.6%}
nav[c="radar"]>b[class~="r7-95"]{--r7:38%}
nav[c="radar"]>b[class~="r7-96"]{--r7:38.4%}
nav[c="radar"]>b[class~="r7-97"]{--r7:38.8%}
nav[c="radar"]>b[class~="r7-98"]{--r7:39.2%}
nav[c="radar"]>b[class~="r7-99"]{--r7:39.6%}
nav[c="radar"]>b[class~="r7-100"]{--r7:40%}

nav[c="radar"]>b[class~="r8-0"]{--r8:0%}
nav[c="radar"]>b[class~="r8-1"]{--r8:0.28%}
nav[c="radar"]>b[class~="r8-2"]{--r8:0.57%}
nav[c="radar"]>b[class~="r8-3"]{--r8:0.85%}
nav[c="radar"]>b[class~="r8-4"]{--r8:1.13%}
nav[c="radar"]>b[class~="r8-5"]{--r8:1.41%}
nav[c="radar"]>b[class~="r8-6"]{--r8:1.70%}
nav[c="radar"]>b[class~="r8-7"]{--r8:1.98%}
nav[c="radar"]>b[class~="r8-8"]{--r8:2.26%}
nav[c="radar"]>b[class~="r8-9"]{--r8:2.55%}
nav[c="radar"]>b[class~="r8-10"]{--r8:2.83%}
nav[c="radar"]>b[class~="r8-11"]{--r8:3.11%}
nav[c="radar"]>b[class~="r8-12"]{--r8:3.39%}
nav[c="radar"]>b[class~="r8-13"]{--r8:3.68%}
nav[c="radar"]>b[class~="r8-14"]{--r8:3.96%}
nav[c="radar"]>b[class~="r8-15"]{--r8:4.24%}
nav[c="radar"]>b[class~="r8-16"]{--r8:4.52%}
nav[c="radar"]>b[class~="r8-17"]{--r8:4.81%}
nav[c="radar"]>b[class~="r8-18"]{--r8:5.09%}
nav[c="radar"]>b[class~="r8-19"]{--r8:5.37%}
nav[c="radar"]>b[class~="r8-20"]{--r8:5.66%}
nav[c="radar"]>b[class~="r8-21"]{--r8:5.94%}
nav[c="radar"]>b[class~="r8-22"]{--r8:6.22%}
nav[c="radar"]>b[class~="r8-23"]{--r8:6.50%}
nav[c="radar"]>b[class~="r8-24"]{--r8:6.79%}
nav[c="radar"]>b[class~="r8-25"]{--r8:7.07%}
nav[c="radar"]>b[class~="r8-26"]{--r8:7.35%}
nav[c="radar"]>b[class~="r8-27"]{--r8:7.64%}
nav[c="radar"]>b[class~="r8-28"]{--r8:7.92%}
nav[c="radar"]>b[class~="r8-29"]{--r8:8.20%}
nav[c="radar"]>b[class~="r8-30"]{--r8:8.48%}
nav[c="radar"]>b[class~="r8-31"]{--r8:8.77%}
nav[c="radar"]>b[class~="r8-32"]{--r8:9.05%}
nav[c="radar"]>b[class~="r8-33"]{--r8:9.33%}
nav[c="radar"]>b[class~="r8-34"]{--r8:9.62%}
nav[c="radar"]>b[class~="r8-35"]{--r8:9.90%}
nav[c="radar"]>b[class~="r8-36"]{--r8:10.18%}
nav[c="radar"]>b[class~="r8-37"]{--r8:10.46%}
nav[c="radar"]>b[class~="r8-38"]{--r8:10.75%}
nav[c="radar"]>b[class~="r8-39"]{--r8:11.03%}
nav[c="radar"]>b[class~="r8-40"]{--r8:11.31%}
nav[c="radar"]>b[class~="r8-41"]{--r8:11.59%}
nav[c="radar"]>b[class~="r8-42"]{--r8:11.88%}
nav[c="radar"]>b[class~="r8-43"]{--r8:12.16%}
nav[c="radar"]>b[class~="r8-44"]{--r8:12.44%}
nav[c="radar"]>b[class~="r8-45"]{--r8:12.73%}
nav[c="radar"]>b[class~="r8-46"]{--r8:13.01%}
nav[c="radar"]>b[class~="r8-47"]{--r8:13.29%}
nav[c="radar"]>b[class~="r8-48"]{--r8:13.57%}
nav[c="radar"]>b[class~="r8-49"]{--r8:13.86%}
nav[c="radar"]>b[class~="r8-50"]{--r8:14.14%}
nav[c="radar"]>b[class~="r8-51"]{--r8:14.42%}
nav[c="radar"]>b[class~="r8-52"]{--r8:14.71%}
nav[c="radar"]>b[class~="r8-53"]{--r8:14.99%}
nav[c="radar"]>b[class~="r8-54"]{--r8:15.27%}
nav[c="radar"]>b[class~="r8-55"]{--r8:15.55%}
nav[c="radar"]>b[class~="r8-56"]{--r8:15.84%}
nav[c="radar"]>b[class~="r8-57"]{--r8:16.12%}
nav[c="radar"]>b[class~="r8-58"]{--r8:16.40%}
nav[c="radar"]>b[class~="r8-59"]{--r8:16.69%}
nav[c="radar"]>b[class~="r8-60"]{--r8:16.97%}
nav[c="radar"]>b[class~="r8-61"]{--r8:17.25%}
nav[c="radar"]>b[class~="r8-62"]{--r8:17.53%}
nav[c="radar"]>b[class~="r8-63"]{--r8:17.82%}
nav[c="radar"]>b[class~="r8-64"]{--r8:18.10%}
nav[c="radar"]>b[class~="r8-65"]{--r8:18.38%}
nav[c="radar"]>b[class~="r8-66"]{--r8:18.66%}
nav[c="radar"]>b[class~="r8-67"]{--r8:18.95%}
nav[c="radar"]>b[class~="r8-68"]{--r8:19.23%}
nav[c="radar"]>b[class~="r8-69"]{--r8:19.51%}
nav[c="radar"]>b[class~="r8-70"]{--r8:19.80%}
nav[c="radar"]>b[class~="r8-71"]{--r8:20.08%}
nav[c="radar"]>b[class~="r8-72"]{--r8:20.36%}
nav[c="radar"]>b[class~="r8-73"]{--r8:20.64%}
nav[c="radar"]>b[class~="r8-74"]{--r8:20.93%}
nav[c="radar"]>b[class~="r8-75"]{--r8:21.21%}
nav[c="radar"]>b[class~="r8-76"]{--r8:21.49%}
nav[c="radar"]>b[class~="r8-77"]{--r8:21.78%}
nav[c="radar"]>b[class~="r8-78"]{--r8:22.06%}
nav[c="radar"]>b[class~="r8-79"]{--r8:22.34%}
nav[c="radar"]>b[class~="r8-80"]{--r8:22.62%}
nav[c="radar"]>b[class~="r8-81"]{--r8:22.91%}
nav[c="radar"]>b[class~="r8-82"]{--r8:23.19%}
nav[c="radar"]>b[class~="r8-83"]{--r8:23.47%}
nav[c="radar"]>b[class~="r8-84"]{--r8:23.76%}
nav[c="radar"]>b[class~="r8-85"]{--r8:24.04%}
nav[c="radar"]>b[class~="r8-86"]{--r8:24.32%}
nav[c="radar"]>b[class~="r8-87"]{--r8:24.60%}
nav[c="radar"]>b[class~="r8-88"]{--r8:24.89%}
nav[c="radar"]>b[class~="r8-89"]{--r8:25.17%}
nav[c="radar"]>b[class~="r8-90"]{--r8:25.45%}
nav[c="radar"]>b[class~="r8-91"]{--r8:25.73%}
nav[c="radar"]>b[class~="r8-92"]{--r8:26.02%}
nav[c="radar"]>b[class~="r8-93"]{--r8:26.30%}
nav[c="radar"]>b[class~="r8-94"]{--r8:26.58%}
nav[c="radar"]>b[class~="r8-95"]{--r8:26.87%}
nav[c="radar"]>b[class~="r8-96"]{--r8:27.15%}
nav[c="radar"]>b[class~="r8-97"]{--r8:27.43%}
nav[c="radar"]>b[class~="r8-98"]{--r8:27.71%}
nav[c="radar"]>b[class~="r8-99"]{--r8:28.00%}
nav[c="radar"]>b[class~="r8-100"]{--r8:28.28%}
/* ============================================================
   ITEM — INVENTORY (行囊皮袋图标 · 暗金色)
   ============================================================ */
nav[c="inv"]{display:flex;flex-wrap:wrap;gap:7px;padding:8px 0}
item{display:inline-flex;align-items:center;position:relative;padding:6px 12px 6px 28px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025) no-repeat 7px center / 15px 15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.5,6C6.5,3.5 8,2 10,2C12,2 13.5,3.5 13.5,6' stroke='%23a09078' stroke-width='1.1' stroke-linecap='round'/%3E%3Cpath d='M4,7L16,7L15,17.5L5,17.5Z' stroke='%23a09078' stroke-width='1' fill='none'/%3E%3Cpath d='M7.5,10C7.5,10 8.5,11.5 10,11.5C11.5,11.5 12.5,10 12.5,10' stroke='%23a09078' stroke-width='.7' fill='none'/%3E%3Cline x1='10' y1='11.5' x2='10' y2='14' stroke='%23a09078' stroke-width='.5' opacity='.4'/%3E%3C/svg%3E");transition:all .3s cubic-bezier(.25,.46,.45,.94);line-height:1.3;color:#c8c0b0}
item::before{content:attr(q);font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;border-radius:4px;margin-right:7px;flex-shrink:0;line-height:1.4}
item>tip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);opacity:0;pointer-events:none;width:230px;padding:14px 16px 14px 16px;border-radius:9px;font-size:12.5px;line-height:1.75;font-weight:400;z-index:200;transition:opacity .3s,transform .3s cubic-bezier(.25,.46,.45,.94);white-space:normal;background-repeat:no-repeat;background-position:top 8px right 8px;background-size:44px 44px}
item>tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent}
item>tip::before{content:attr(p);display:block;font-size:10.5px;opacity:.6;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.08)}
item:hover>tip{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
item>tip[b]::before{content:attr(p) '  ·  ' attr(b)}
/* Item tip — 古钥匙装饰 SVG */
item>tip{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' opacity='.1'%3E%3Ccircle cx='16' cy='16' r='10' stroke='%23c4a35a' stroke-width='.8'/%3E%3Ccircle cx='16' cy='16' r='5' stroke='%23c4a35a' stroke-width='.5' stroke-dasharray='2 2'/%3E%3Ccircle cx='16' cy='16' r='2' fill='%23c4a35a' opacity='.3'/%3E%3Cpath d='M24,24L40,40' stroke='%23c4a35a' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M36,40L40,40L40,36' stroke='%23c4a35a' stroke-width='.7'/%3E%3Cpath d='M33,33L37,33' stroke='%23c4a35a' stroke-width='.5'/%3E%3Cpath d='M30,30L34,30' stroke='%23c4a35a' stroke-width='.4'/%3E%3C/svg%3E")}
/* --- Quality Tiers (ITEM) — Filled badges --- */
item[q="粗劣"]{border-color:rgba(110,110,110,.25);color:#999}
item[q="粗劣"]::before{background:rgba(110,110,110,.18);color:#777}
item[q="粗劣"]>tip{background-color:rgba(22,20,26,.96);border:1px solid rgba(110,110,110,.2);color:#aaa}
item[q="粗劣"]>tip::after{border-top-color:rgba(22,20,26,.96)}
item[q="寻常"]{border-color:rgba(180,180,180,.18);color:#bbb}
item[q="寻常"]::before{background:rgba(180,180,180,.12);color:#aaa}
item[q="寻常"]>tip{background-color:rgba(22,20,26,.96);border:1px solid rgba(180,180,180,.18);color:#ccc}
item[q="寻常"]>tip::after{border-top-color:rgba(22,20,26,.96)}
item[q="异品"]{border-color:rgba(61,139,94,.3);color:#6dd898}
item[q="异品"]::before{background:rgba(61,139,94,.18);color:#4aaa70}
item[q="异品"]>tip{background-color:rgba(14,24,18,.97);border:1px solid rgba(61,139,94,.3);color:#a0e8be}
item[q="异品"]>tip::after{border-top-color:rgba(14,24,18,.97)}
item[q="异品"]:hover{box-shadow:0 0 14px rgba(61,139,94,.18);border-color:rgba(61,139,94,.5)}
item[q="秘物"]{border-color:rgba(74,127,181,.3);color:#80b8e8}
item[q="秘物"]::before{background:rgba(74,127,181,.18);color:#5a9fcf}
item[q="秘物"]>tip{background-color:rgba(14,18,28,.97);border:1px solid rgba(74,127,181,.3);color:#a0cef0}
item[q="秘物"]>tip::after{border-top-color:rgba(14,18,28,.97)}
item[q="秘物"]:hover{box-shadow:0 0 14px rgba(74,127,181,.2);border-color:rgba(74,127,181,.5)}
item[q="禁器"]{border-color:rgba(191,64,64,.3);color:#e88080}
item[q="禁器"]::before{background:rgba(191,64,64,.2);color:#c45050}
item[q="禁器"]>tip{background-color:rgba(28,14,14,.97);border:1px solid rgba(191,64,64,.3);color:#f0a0a0}
item[q="禁器"]>tip::after{border-top-color:rgba(28,14,14,.97)}
item[q="禁器"]:hover{box-shadow:0 0 16px rgba(191,64,64,.25),inset 0 0 6px rgba(191,64,64,.08);border-color:rgba(191,64,64,.55)}
item[q="圣遗"]{border-color:rgba(206,173,90,.35);color:#f0d888}
item[q="圣遗"]::before{background:rgba(206,173,90,.22);color:#d4b060}
item[q="圣遗"]>tip{background-color:rgba(28,24,14,.97);border:1px solid rgba(206,173,90,.3);color:#f0e0b0}
item[q="圣遗"]>tip::after{border-top-color:rgba(28,24,14,.97)}
item[q="圣遗"]:hover{box-shadow:0 0 20px rgba(206,173,90,.22),inset 0 0 8px rgba(206,173,90,.06);border-color:rgba(206,173,90,.55)}
@keyframes coc-mythic{0%,100%{border-color:rgba(149,117,191,.4);box-shadow:0 0 10px rgba(139,107,171,.18)}50%{border-color:rgba(170,140,210,.6);box-shadow:0 0 24px rgba(139,107,171,.35),inset 0 0 8px rgba(139,107,171,.1)}}
item[q="神话"]{border-color:rgba(149,117,191,.4);color:#c8a0f0;animation:coc-mythic 2.5s ease-in-out infinite}
item[q="神话"]::before{background:linear-gradient(135deg,rgba(149,117,191,.28),rgba(90,60,140,.28));color:#a080d0}
item[q="神话"]>tip{background-color:rgba(20,14,30,.97);border:1px solid rgba(149,117,191,.35);color:#d8b8f8}
item[q="神话"]>tip::after{border-top-color:rgba(20,14,30,.97)}
/* ============================================================
   SKILL — 技能 (分段底部仪表 · 卷轴图标 · 翠绿色)
   ============================================================ */
nav[c="skills"]{display:block;padding:6px 0;overflow:visible}
nav[c="skills"]>t[cat]{display:block;font-size:11.5px;font-weight:700;letter-spacing:2.5px;padding:10px 0 5px;margin-top:8px}
nav[c="skills"]>t[cat]::before{content:'';display:inline-block;width:12px;height:12px;vertical-align:-1px;margin-right:5px;background-size:contain;background-repeat:no-repeat}
nav[c="skills"]>t[cat="职业"]{color:#60c490;border-bottom:1px solid rgba(61,139,94,.12)}
nav[c="skills"]>t[cat="职业"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='%2360c490'%3E%3Cpath d='M6,1L7.5,4.5L11,5L8.5,7.5L9,11L6,9.5L3,11L3.5,7.5L1,5L4.5,4.5Z'/%3E%3C/svg%3E")}
nav[c="skills"]>t[cat="兴趣"]{color:#80b8d0;border-bottom:1px solid rgba(107,158,180,.12)}
nav[c="skills"]>t[cat="兴趣"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%2380b8d0' stroke-width='1'%3E%3Cpath d='M6,1L7.5,4.5L11,5L8.5,7.5L9,11L6,9.5L3,11L3.5,7.5L1,5L4.5,4.5Z'/%3E%3C/svg%3E")}
nav[c="skills"]>t[cat="神话"]{color:#c090e0;border-bottom:1px solid rgba(139,107,171,.15)}
nav[c="skills"]>t[cat="神话"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpolygon points='6,0.5 7.2,4.2 11,4.5 8,7 9,11 6,8.8 3,11 4,7 1,4.5 4.8,4.2' stroke='%23c090e0' stroke-width='.7'/%3E%3Ccircle cx='6' cy='6' r='1.5' fill='%23c090e0' opacity='.4'/%3E%3C/svg%3E")}
nav[c="skills"]>section{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:6px;margin-bottom:6px;overflow:visible}
/* ---- Skill Card ---- */
skill{display:flex;align-items:center;position:relative;padding:7px 10px 13px 28px;border-radius:6px;font-size:12.5px;color:#c8c0b0;border:1px solid rgba(61,139,94,.1);background:rgba(61,139,94,.02) no-repeat 7px 7px / 14px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3,2.5C3,1.5 4,1 4.5,1L13,1C13.5,1 14.5,1.5 14.5,2.5L14.5,14C14.5,15 13.5,16 13,16L4.5,16C4,16 3,16 3,15L3,14C3,14 4,13.5 4.5,13.5L14.5,13.5' stroke='%233d8b5e' stroke-width='.9' opacity='.55'/%3E%3Cpath d='M6,4.5L12,4.5M6,6.5L12,6.5M6,8.5L10,8.5' stroke='%233d8b5e' stroke-width='.5' opacity='.3'/%3E%3C/svg%3E");cursor:pointer;transition:all .3s;overflow:visible;z-index:1}
/* ---- Level Badge (hexagonal-ish) ---- */
skill::after{content:attr(lv);display:flex;align-items:center;justify-content:center;min-width:30px;height:22px;font-size:11.5px;font-weight:700;color:#60c490;background:rgba(61,139,94,.07);border:1px solid rgba(61,139,94,.18);border-radius:4px;flex-shrink:0;margin-left:auto;padding:0 4px;letter-spacing:.5px;position:relative;z-index:2}
/* ---- Gauge Track (底部分段刻度尺) ---- */
skill::before{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:0 0 6px 6px;background-color:rgba(255,255,255,.03);background-image:linear-gradient(90deg,transparent 49.6%,rgba(61,139,94,.22) 49.6%,rgba(61,139,94,.22) 50.4%,transparent 50.4%),repeating-linear-gradient(90deg,transparent 0%,transparent calc(10% - 1px),rgba(61,139,94,.1) calc(10% - 1px),rgba(61,139,94,.1) 10%);z-index:1}
/* ---- Gauge Fill (底部填充条) ---- */
skill>i{position:absolute;left:0;bottom:0;height:3px;display:block;border-radius:0 0 0 6px;background:linear-gradient(90deg,rgba(61,139,94,.3) 0%,rgba(96,196,144,.5) 100%);z-index:2;pointer-events:none;transition:width .5s cubic-bezier(.25,.46,.45,.94)}
/* ---- Gauge Endpoint Glow ---- */
@keyframes coc-gauge-pulse{0%,100%{box-shadow:0 0 4px rgba(96,196,144,.5);opacity:.9}50%{box-shadow:0 0 10px rgba(96,196,144,.8);opacity:1}}
skill>i::after{content:'';position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#90e8b8 30%,rgba(96,196,144,.3) 100%);box-shadow:0 0 6px rgba(96,196,144,.6);animation:coc-gauge-pulse 2s ease-in-out infinite;z-index:3}
/* ---- Skill Tooltip — 五芒星法阵装饰 ---- */
skill>tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);opacity:0;pointer-events:none;width:210px;padding:12px 14px;border-radius:8px;font-size:12px;line-height:1.75;background-color:rgba(10,22,16,.97);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' opacity='.1'%3E%3Ccircle cx='22' cy='22' r='18' stroke='%233d8b5e' stroke-width='.6'/%3E%3Ccircle cx='22' cy='22' r='12' stroke='%233d8b5e' stroke-width='.4' stroke-dasharray='2 2.5'/%3E%3Cpolygon points='22,5 27.5,16 38,17.5 30,25 32,36 22,30 12,36 14,25 6,17.5 16.5,16' stroke='%233d8b5e' stroke-width='.5'/%3E%3Ccircle cx='22' cy='22' r='3' fill='%233d8b5e' opacity='.15'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:top 6px right 6px;background-size:42px 42px;border:1px solid rgba(61,139,94,.25);color:#a0e8be;z-index:200;transition:opacity .3s,transform .3s cubic-bezier(.25,.46,.45,.94);white-space:normal}
skill>tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(10,22,16,.97)}
skill>tip::before{content:'基础值: ' attr(base);display:block;font-size:10.5px;color:#60c490;opacity:.5;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid rgba(61,139,94,.12)}
/* ---- Hover State ---- */
skill:hover{border-color:rgba(61,139,94,.35);background-color:rgba(61,139,94,.06);box-shadow:0 0 12px rgba(61,139,94,.1)}
skill:hover>tip{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
skill:hover::after{color:#80f0b0;border-color:rgba(61,139,94,.35);background:rgba(61,139,94,.12)}
skill:hover>i{background:linear-gradient(90deg,rgba(61,139,94,.45) 0%,rgba(96,196,144,.65) 100%)}
/* ============================================================
   SKILL — 克苏鲁神话变体 (紫色仪表)
   ============================================================ */
skill[cat="神话"]{border-color:rgba(149,117,191,.15);background-color:rgba(139,107,171,.02);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3,2.5C3,1.5 4,1 4.5,1L13,1C13.5,1 14.5,1.5 14.5,2.5L14.5,14C14.5,15 13.5,16 13,16L4.5,16C4,16 3,16 3,15L3,14C3,14 4,13.5 4.5,13.5L14.5,13.5' stroke='%238b6bab' stroke-width='.9' opacity='.55'/%3E%3Cpath d='M6,4.5L12,4.5M6,6.5L12,6.5M6,8.5L10,8.5' stroke='%238b6bab' stroke-width='.5' opacity='.3'/%3E%3C/svg%3E")}
skill[cat="神话"]::after{color:#c090e0;border-color:rgba(149,117,191,.18);background:rgba(139,107,171,.07)}
skill[cat="神话"]::before{background-color:rgba(139,107,171,.03);background-image:linear-gradient(90deg,transparent 49.6%,rgba(139,107,171,.22) 49.6%,rgba(139,107,171,.22) 50.4%,transparent 50.4%),repeating-linear-gradient(90deg,transparent 0%,transparent calc(10% - 1px),rgba(139,107,171,.1) calc(10% - 1px),rgba(139,107,171,.1) 10%)}
skill[cat="神话"]>i{background:linear-gradient(90deg,rgba(139,107,171,.35) 0%,rgba(180,140,220,.5) 100%)}
@keyframes coc-gauge-mythic{0%,100%{box-shadow:0 0 4px rgba(180,140,220,.5);opacity:.9}50%{box-shadow:0 0 12px rgba(180,140,220,.9);opacity:1}}
skill[cat="神话"]>i::after{background:radial-gradient(circle,#d0b0f0 30%,rgba(180,140,220,.3) 100%);box-shadow:0 0 6px rgba(180,140,220,.6);animation:coc-gauge-mythic 2s ease-in-out infinite}
skill[cat="神话"]:hover{border-color:rgba(149,117,191,.35);background-color:rgba(139,107,171,.06);box-shadow:0 0 12px rgba(139,107,171,.12)}
skill[cat="神话"]:hover::after{color:#dbb8f8;border-color:rgba(149,117,191,.35);background:rgba(139,107,171,.12)}
skill[cat="神话"]:hover>i{background:linear-gradient(90deg,rgba(139,107,171,.5) 0%,rgba(180,140,220,.7) 100%)}
skill[cat="神话"]>tip{background-color:rgba(20,14,30,.97);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' opacity='.12'%3E%3Ccircle cx='22' cy='22' r='18' stroke='%238b6bab' stroke-width='.6'/%3E%3Ccircle cx='22' cy='22' r='11' stroke='%238b6bab' stroke-width='.4' stroke-dasharray='1.5 2'/%3E%3Cpolygon points='22,5 27.5,16 38,17.5 30,25 32,36 22,30 12,36 14,25 6,17.5 16.5,16' stroke='%238b6bab' stroke-width='.5'/%3E%3Ccircle cx='22' cy='22' r='4' fill='%238b6bab' opacity='.1'/%3E%3C/svg%3E");border-color:rgba(149,117,191,.25);color:#d8b8f8}
skill[cat="神话"]>tip::after{border-top-color:rgba(20,14,30,.97)}
skill[cat="神话"]>tip::before{color:#c090e0}
/* ============================================================
   SPELL — 法术 (仪式星环装饰)
   ============================================================ */
nav[c="spells"]{display:flex;flex-wrap:wrap;gap:7px;padding:8px 0}
spell{display:inline-flex;align-items:center;position:relative;padding:6px 12px 6px 30px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid rgba(149,117,191,.22);background:rgba(139,107,171,.04) no-repeat 7px center / 16px 16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='8' stroke='%239070c0' stroke-width='.7'/%3E%3Cpolygon points='10,2.5 12,7.5 17,8 13.5,11.5 14.5,16.5 10,14 5.5,16.5 6.5,11.5 3,8 8,7.5' stroke='%239070c0' stroke-width='.6' fill='none'/%3E%3Ccircle cx='10' cy='10' r='2' fill='%239070c0' opacity='.25'/%3E%3C/svg%3E");color:#c8a0f0;transition:all .3s;line-height:1.3}
/* Spell tip — 星图仪式环装饰 */
spell>tip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);opacity:0;pointer-events:none;width:240px;padding:14px 16px;border-radius:9px;font-size:12.5px;line-height:1.75;background-color:rgba(20,14,32,.97);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' opacity='.12'%3E%3Ccircle cx='24' cy='24' r='20' stroke='%238b6bab' stroke-width='.5'/%3E%3Ccircle cx='24' cy='24' r='14' stroke='%238b6bab' stroke-width='.4' stroke-dasharray='1.5 2.5'/%3E%3Cpath d='M24,4L27,18L42,18L30,27L34,42L24,33L14,42L18,27L6,18L21,18Z' stroke='%238b6bab' stroke-width='.45'/%3E%3Ccircle cx='24' cy='24' r='6' stroke='%238b6bab' stroke-width='.3' stroke-dasharray='1 1.5'/%3E%3Ccircle cx='24' cy='24' r='2' fill='%238b6bab' opacity='.2'/%3E%3Cpath d='M24,4L24,8M24,40L24,44M4,24L8,24M40,24L44,24' stroke='%238b6bab' stroke-width='.3' opacity='.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:top 6px right 6px;background-size:46px 46px;border:1px solid rgba(149,117,191,.3);color:#d8b8f8;z-index:200;transition:opacity .3s,transform .3s;white-space:normal}
spell>tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:rgba(20,14,32,.97)}
spell>tip::before{content:'消耗: ' attr(cost) ' MP  ·  SAN损失: ' attr(san);display:block;font-size:10.5px;color:#c090e0;opacity:.55;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid rgba(149,117,191,.12)}
spell:hover{border-color:rgba(149,117,191,.45);box-shadow:0 0 18px rgba(139,107,171,.2);background-color:rgba(139,107,171,.08)}
spell:hover>tip{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
/* ============================================================
   EQUIP — 装备 (盾牌纹章图标 · 青铜色 · 描边徽章)
   ============================================================ */
nav[c="equips"]{display:flex;flex-wrap:wrap;gap:7px;padding:8px 0}
equip{display:inline-flex;align-items:center;position:relative;padding:6px 12px 6px 28px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid rgba(180,140,70,.18);background:rgba(180,140,70,.03) no-repeat 7px center / 15px 15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10,2L17,5L17,10.5C17,14.5 10,18 10,18C10,18 3,14.5 3,10.5L3,5Z' stroke='%23b88830' stroke-width='1' fill='none'/%3E%3Cpath d='M10,6L10,14' stroke='%23b88830' stroke-width='.6' opacity='.4'/%3E%3Cpath d='M6.5,9.5L13.5,9.5' stroke='%23b88830' stroke-width='.6' opacity='.4'/%3E%3Cpath d='M7,5.5L13,5.5L13,7L7,7Z' stroke='%23b88830' stroke-width='.4' opacity='.3'/%3E%3C/svg%3E");transition:all .3s;line-height:1.3;color:#d8c080}
/* Equip badge — OUTLINED style (distinct from item's filled badge) */
equip::before{content:attr(q);font-size:9px;font-weight:700;letter-spacing:.5px;padding:1px 6px;border-radius:4px;margin-right:7px;flex-shrink:0;line-height:1.4;background:transparent}
/* Equip tip — 交叉剑盾装饰 */
equip>tip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);opacity:0;pointer-events:none;width:230px;padding:14px 16px;border-radius:9px;font-size:12.5px;line-height:1.75;font-weight:400;background-color:rgba(26,22,14,.97);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' opacity='.1'%3E%3Cpath d='M12,6L32,38' stroke='%23c49a3a' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M32,6L12,38' stroke='%23c49a3a' stroke-width='.9' stroke-linecap='round'/%3E%3Cpath d='M10,8L14,4' stroke='%23c49a3a' stroke-width='.7'/%3E%3Cpath d='M30,8L34,4' stroke='%23c49a3a' stroke-width='.7'/%3E%3Cpath d='M9,10L15,10' stroke='%23c49a3a' stroke-width='.5'/%3E%3Cpath d='M29,10L35,10' stroke='%23c49a3a' stroke-width='.5'/%3E%3Ccircle cx='22' cy='22' r='6' stroke='%23c49a3a' stroke-width='.5'/%3E%3Cpath d='M22,16L22,28M16,22L28,22' stroke='%23c49a3a' stroke-width='.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:top 6px right 6px;background-size:44px 44px;border:1px solid rgba(180,140,70,.28);color:#f0e0b0;z-index:200;transition:opacity .3s,transform .3s;white-space:normal}
equip>tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:7px solid transparent;border-top-color:rgba(26,22,14,.97)}
equip>tip::before{content:attr(p);display:block;font-size:10.5px;color:#c49a3a;opacity:.55;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid rgba(180,140,70,.12)}
equip>tip[b]::before{content:attr(p) '  ·  ' attr(b)}
equip:hover{border-color:rgba(180,140,70,.4);box-shadow:0 0 14px rgba(180,140,70,.15)}
equip:hover>tip{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
/* Equip quality — outlined badges (border instead of fill) */
equip[q="粗劣"]{border-color:rgba(110,110,110,.2);color:#999}
equip[q="粗劣"]::before{border:1px solid rgba(110,110,110,.3);color:#777}
equip[q="寻常"]{border-color:rgba(180,180,180,.15);color:#bbb}
equip[q="寻常"]::before{border:1px solid rgba(180,180,180,.25);color:#999}
equip[q="异品"]{border-color:rgba(61,139,94,.25);color:#6dd898}
equip[q="异品"]::before{border:1px solid rgba(61,139,94,.35);color:#4aaa70}
equip[q="异品"]:hover{box-shadow:0 0 14px rgba(61,139,94,.18)}
equip[q="秘物"]{border-color:rgba(74,127,181,.25);color:#80b8e8}
equip[q="秘物"]::before{border:1px solid rgba(74,127,181,.35);color:#5a9fcf}
equip[q="秘物"]:hover{box-shadow:0 0 14px rgba(74,127,181,.18)}
equip[q="禁器"]{border-color:rgba(191,64,64,.25);color:#e88080}
equip[q="禁器"]::before{border:1px solid rgba(191,64,64,.35);color:#c45050}
equip[q="禁器"]:hover{box-shadow:0 0 16px rgba(191,64,64,.22),inset 0 0 6px rgba(191,64,64,.06)}
equip[q="圣遗"]{border-color:rgba(206,173,90,.3);color:#f0d888}
equip[q="圣遗"]::before{border:1px solid rgba(206,173,90,.4);color:#d4b060}
equip[q="圣遗"]:hover{box-shadow:0 0 18px rgba(206,173,90,.22),inset 0 0 8px rgba(206,173,90,.05)}
equip[q="神话"]{border-color:rgba(149,117,191,.35);color:#c8a0f0;animation:coc-mythic 2.5s ease-in-out infinite}
equip[q="神话"]::before{border:1px solid rgba(149,117,191,.5);color:#a080d0;background:rgba(139,107,171,.08)}
/* ============================================================
   BOND — 羁绊卡片
   ============================================================ */
nav[c="bonds"]{display:grid;grid-template-columns:1fr;gap:10px;padding:8px 0}
bond{display:block;position:relative;padding:14px 16px;border-radius:9px;border:1px solid rgba(196,154,58,.15);background:linear-gradient(135deg,rgba(196,154,58,.04) 0%,transparent 70%);transition:all .35s;cursor:pointer;overflow:hidden}
bond::before{content:'';position:absolute;top:0;right:0;width:70px;height:70px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 70' fill='none' opacity='.05'%3E%3Ccircle cx='35' cy='35' r='30' stroke='%23c49a3a' stroke-width='.5'/%3E%3Ccircle cx='35' cy='35' r='20' stroke='%23c49a3a' stroke-width='.35' stroke-dasharray='2.5 3.5'/%3E%3Ccircle cx='35' cy='35' r='10' stroke='%23c49a3a' stroke-width='.25'/%3E%3Cpath d='M35,5L35,65M5,35L65,35' stroke='%23c49a3a' stroke-width='.2'/%3E%3Cpath d='M13.8,13.8L56.2,56.2M56.2,13.8L13.8,56.2' stroke='%23c49a3a' stroke-width='.15'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none}
bond>b[r="name"]{display:block;font-size:16px;font-weight:700;color:#ede4d4;letter-spacing:.5px;margin-bottom:3px}
bond>t[r="rel"]{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:1.5px;color:#c49a3a;background:rgba(196,154,58,.12);padding:2px 10px;border-radius:4px;margin-bottom:6px}
bond>t[r="brief"]{display:block;font-size:12.5px;color:#b0a890;line-height:1.65}
bond>nav[r="expand"]{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.25,.46,.45,.94),opacity .35s;opacity:0;margin-top:0}
bond:hover{border-color:rgba(196,154,58,.35);box-shadow:0 0 20px rgba(196,154,58,.1)}
bond:hover>nav[r="expand"]{max-height:500px;opacity:1;margin-top:10px}
bond>nav[r="expand"]>t{display:block;font-size:12px;color:#c0b8a8;line-height:1.7;padding:2px 0}
bond>nav[r="expand"]>t::before{content:attr(l) '：';color:#c49a3a;opacity:.7;font-weight:600;font-size:10.5px;margin-right:3px}
/* ============================================================
   STATS — 单标签属性展示 (替代 mini-stats)
   ============================================================ */
stats{display:block;padding:6px 10px;margin:6px 0;border-radius:6px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);position:relative;font-family:'Courier New',monospace}
stats::before{content:'STR ' attr(STR) '  ·  CON ' attr(CON) '  ·  SIZ ' attr(SIZ) '  ·  DEX ' attr(DEX);display:block;font-size:10.5px;font-weight:600;color:#b8a888;letter-spacing:.8px;line-height:1.8}
stats::after{content:'INT ' attr(INT) '  ·  POW ' attr(POW) '  ·  EDU ' attr(EDU);display:block;font-size:10.5px;font-weight:600;color:#b8a888;letter-spacing:.8px;line-height:1.8}
/* Stats decorative left border accent */
stats{border-left:2px solid rgba(196,154,58,.2)}

/* ============================================================
   WORLD STATE — Panel 4 Interior
   ============================================================ */
world{display:block;position:relative;padding:4px 0 8px;container-type:inline-size}
world::before{content:'';position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='90' fill='none' stroke='%238b6bab' stroke-width='.4'/%3E%3Ccircle cx='100' cy='100' r='60' fill='none' stroke='%238b6bab' stroke-width='.3' stroke-dasharray='3 5'/%3E%3Ccircle cx='100' cy='100' r='30' fill='none' stroke='%238b6bab' stroke-width='.2'/%3E%3Cpolygon points='100,12 136,32 156,68 156,132 136,168 100,188 64,168 44,132 44,68 64,32' fill='none' stroke='%238b6bab' stroke-width='.35'/%3E%3Cline x1='100' y1='10' x2='100' y2='190' stroke='%238b6bab' stroke-width='.15'/%3E%3Cline x1='10' y1='100' x2='190' y2='100' stroke='%238b6bab' stroke-width='.15'/%3E%3C/svg%3E");background-size:180px;background-position:center;background-repeat:no-repeat;animation:wsR 40s linear infinite}
@keyframes wsR{to{transform:rotate(360deg)}}
/* ---- Stage Banner ---- */
stage{display:block;position:relative;text-align:center;padding:14px 16px 12px;margin:0 6px 8px;border-radius:10px;background:linear-gradient(135deg,rgba(139,107,171,.1) 0%,rgba(90,61,122,.14) 50%,rgba(139,107,171,.08) 100%);border:1px solid rgba(139,107,171,.18);overflow:hidden}
stage::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40'%3E%3Cpath d='M10,20 Q30,5 60,20 Q90,35 110,20' fill='none' stroke='%238b6bab' stroke-width='.6' opacity='.15'/%3E%3Cpath d='M10,20 Q30,35 60,20 Q90,5 110,20' fill='none' stroke='%238b6bab' stroke-width='.4' opacity='.1'/%3E%3Ccircle cx='60' cy='20' r='3' fill='none' stroke='%238b6bab' stroke-width='.5' opacity='.18'/%3E%3Ccircle cx='10' cy='20' r='1.5' fill='%238b6bab' opacity='.12'/%3E%3Ccircle cx='110' cy='20' r='1.5' fill='%238b6bab' opacity='.12'/%3E%3C/svg%3E");background-size:100% 100%}
stage>b{display:block;font-size:16px;font-weight:700;letter-spacing:2px;color:var(--parchment);text-shadow:0 0 12px rgba(139,107,171,.35)}
stage::after{content:'— ' attr(p) ' —';display:block;margin-top:5px;font-size:12px;letter-spacing:3px;text-transform:uppercase}
stage[p="调查"]::after{color:rgba(140,180,220,.9)}
stage[p="战斗"]::after{color:rgba(220,115,115,.95)}
stage[p="逃亡"]::after{color:rgba(220,190,95,.9)}
stage[p="仪式"]::after{color:rgba(180,150,220,.9)}
stage:not([p])::after{color:rgba(180,180,200,.7)}
/* ---- Section Headers ---- */
world>t[h]{display:flex;align-items:center;gap:10px;padding:8px 14px 4px;font-size:13px;font-weight:600;letter-spacing:1.5px;color:rgba(180,160,220,.85);text-transform:uppercase}
world>t[h]::before{content:'';flex:0 0 16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7}
world>t[h]::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(139,107,171,.3),transparent)}
world>t[h]:first-of-type::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23b09ad0' stroke-width='1'%3E%3Ccircle cx='8' cy='5.5' r='3'/%3E%3Cpath d='M3,14 Q3,9.5 8,9.5 Q13,9.5 13,14'/%3E%3C/svg%3E")}
cast+t[h]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23b09ad0' stroke-width='1'%3E%3Cpath d='M8,1 L8,15 M1,8 L15,8 M3,3 L13,13 M13,3 L3,13'/%3E%3Ccircle cx='8' cy='8' r='5' stroke-dasharray='2 2'/%3E%3C/svg%3E")}
/* ============================================================
   NPC CARDS
   ============================================================ */
cast{display:flex;flex-direction:column;gap:4px;padding:4px 6px}
npc{position:relative;display:block;padding:10px 12px;border-radius:8px;border:1px solid rgba(139,107,171,.08);background:rgba(139,107,171,.02);cursor:pointer;transition:all .35s cubic-bezier(.25,.46,.45,.94);outline:none;-webkit-tap-highlight-color:transparent}
npc:hover{background:rgba(139,107,171,.06);border-color:rgba(139,107,171,.18)}
/* Separator between cards */
npc::after{content:'';position:absolute;bottom:-3px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,107,171,.1),transparent)}
npc:last-child::after{display:none}
/* ---- Name row: [●dot] [name] [arrow›] ---- */
npc>b{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:.5px;transition:all .3s;color:rgba(230,225,215,.95)}
npc[r="ally"]>b{color:rgba(140,225,170,.95)}
npc[r="enemy"]>b{color:rgba(225,155,155,.95)}
npc[r="neutral"]>b{color:rgba(170,200,225,.95)}
npc:focus-within>b{text-shadow:0 0 10px currentColor}
/* Status dot */
npc>b::before{content:'';flex:0 0 8px;width:8px;height:8px;border-radius:50%;transition:all .3s}
npc[s="calm"]>b::before{background:rgba(80,190,130,.75);box-shadow:0 0 5px rgba(80,190,130,.35);animation:wsPC 3s ease-in-out infinite}
npc[s="alert"]>b::before{background:rgba(220,180,60,.9);box-shadow:0 0 7px rgba(220,180,60,.45);animation:wsPA 1.5s ease-in-out infinite}
npc[s="combat"]>b::before{background:rgba(210,75,75,.9);box-shadow:0 0 9px rgba(210,75,75,.5);animation:wsPB .6s ease-in-out infinite}
npc[s="hidden"]>b::before{background:rgba(160,130,195,.55);box-shadow:0 0 4px rgba(160,130,195,.25);animation:wsPH 4s ease-in-out infinite}
@keyframes wsPC{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}
@keyframes wsPA{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}
@keyframes wsPB{0%,100%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.4)}}
@keyframes wsPH{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.7;transform:scale(1.15)}}
/* Expand arrow */
npc>b::after{content:'';margin-left:auto;flex:0 0 16px;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0bcd0' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M9,6 L15,12 L9,18'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.35;transition:all .35s cubic-bezier(.34,1.56,.64,1)}
npc:hover>b::after{opacity:.65;transform:translateX(2px)}
npc:focus-within>b::after{opacity:.9;transform:rotate(90deg)}
/* ---- Tag Badge ---- */
npc>t[r="tag"]{display:inline-block;font-size:11px;padding:1px 8px;border-radius:10px;letter-spacing:1px;margin-top:3px;transition:all .3s}
npc[r="ally"]>t[r="tag"]{color:rgba(90,195,140,.9);background:rgba(90,195,140,.1);border:1px solid rgba(90,195,140,.2)}
npc[r="enemy"]>t[r="tag"]{color:rgba(210,110,110,.9);background:rgba(210,110,110,.1);border:1px solid rgba(210,110,110,.2)}
npc[r="neutral"]>t[r="tag"]{color:rgba(140,170,195,.9);background:rgba(140,170,195,.1);border:1px solid rgba(140,170,195,.2)}
/* ---- Status Text ---- */
npc>t[r="st"]{display:block;font-size:12.5px;color:rgba(200,200,225,.65);font-style:italic;margin-top:3px;transition:color .3s}
npc:focus-within>t[r="st"]{color:rgba(215,215,235,.85)}
/* ============================================================
   EXPANDABLE DET
   ============================================================ */
det{display:block;max-height:0;overflow:hidden;opacity:0;margin-top:0;padding:0;transition:max-height .5s cubic-bezier(.25,.46,.45,.94),opacity .35s ease .05s,padding .4s,margin .4s}
npc:focus-within>det{max-height:300px;opacity:1;padding:8px 0 4px 4px;margin-top:6px}
det>t{display:block;font-size:13px;line-height:1.7;color:rgba(210,210,230,.78);padding:2px 0}
det>t::before{content:'› ';color:rgba(165,145,210,.6);font-weight:700}
/* ============================================================
   COMBAT MODULE
   ============================================================ */
combat{display:block;position:relative;max-height:0;overflow:hidden;opacity:0;margin-top:0;padding:0;border-radius:6px;background:transparent;border:1px solid transparent;transition:max-height .55s cubic-bezier(.25,.46,.45,.94),opacity .35s ease .08s,padding .4s,margin .4s,background .4s,border-color .4s}
npc:focus-within>combat{max-height:600px;opacity:1;margin-top:8px;padding:10px 12px;background:rgba(180,65,65,.05);border-color:rgba(180,65,65,.14)}
combat::before{content:'';position:absolute;right:8px;top:8px;width:50px;height:50px;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23c04545' stroke-width='.6'%3E%3Ccircle cx='20' cy='20' r='18'/%3E%3Ccircle cx='20' cy='20' r='12' stroke-dasharray='2 3'/%3E%3Cpolygon points='20,3 37,28 3,28'/%3E%3Cpolygon points='20,37 3,12 37,12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}
/* Bars */
combat bar{position:relative;display:flex;align-items:center;height:18px;border-radius:3px;margin:3px 0;overflow:hidden}
combat bar::before{content:attr(s);position:relative;z-index:2;font-size:10px;font-weight:700;letter-spacing:1.5px;padding:0 8px;min-width:32px;text-align:center;color:rgba(255,255,255,.85)}
combat bar::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.05);border-radius:3px;border:1px solid rgba(255,255,255,.08)}
combat bar>i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;transition:width .6s cubic-bezier(.25,.46,.45,.94);z-index:1}
combat bar[s="HP"]>i{background:linear-gradient(90deg,rgba(190,65,65,.55),rgba(190,65,65,.9));box-shadow:0 0 8px rgba(190,65,65,.25)}
combat bar[s="MP"]>i{background:linear-gradient(90deg,rgba(70,125,190,.55),rgba(70,125,190,.9));box-shadow:0 0 8px rgba(70,125,190,.25)}
/* Combat sub-headers */
combat>t[h]{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:1.5px;color:rgba(210,150,150,.65);padding:6px 0 3px;text-transform:uppercase}
combat>t[h]::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(180,70,70,.2),transparent)}
/* ---- Attrs (single element, 2-column via pseudo) ---- */
attrs{display:flex;gap:8px;padding:8px 10px;margin:4px 0;border-radius:5px;background:rgba(0,0,0,.2);border:1px solid rgba(180,100,100,.1);font-family:'Courier New',Consolas,monospace}
attrs::before,attrs::after{flex:1;white-space:pre;font-size:12px;line-height:2.1;color:rgba(225,190,190,.85);letter-spacing:.3px}
attrs::before{content:'STR ' attr(str) ' CON ' attr(con) ' SIZ ' attr(siz) ' DEX ' attr(dex)}
attrs::after{content:'INT ' attr(int) ' POW ' attr(pow) ' APP ' attr(app) ' EDU ' attr(edu)}
/* ---- Enemy Skills ---- */
eskills{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
eskills>t{font-size:11.5px;padding:2px 8px;border-radius:10px;color:rgba(210,150,150,.8);background:rgba(180,65,65,.08);border:1px solid rgba(180,65,65,.14);transition:all .25s;white-space:nowrap}
eskills>t:hover{color:rgba(235,185,185,.95);background:rgba(180,65,65,.15);border-color:rgba(180,65,65,.25)}
/* ============================================================
   FOCUS ELEVATION
   ============================================================ */
npc:focus-within{background:rgba(139,107,171,.06);border-color:rgba(139,107,171,.22);box-shadow:0 2px 20px rgba(0,0,0,.2),0 0 18px rgba(139,107,171,.07)}
npc[r="ally"]:focus-within{background:rgba(80,180,120,.05);border-color:rgba(80,180,120,.2);box-shadow:0 2px 20px rgba(0,0,0,.2),0 0 18px rgba(80,180,120,.07)}
npc[r="enemy"]:focus-within{background:rgba(180,65,65,.05);border-color:rgba(180,65,65,.2);box-shadow:0 2px 20px rgba(0,0,0,.2),0 0 18px rgba(180,65,65,.07)}
npc[r="neutral"]:focus-within{background:rgba(110,150,175,.05);border-color:rgba(110,150,175,.2);box-shadow:0 2px 20px rgba(0,0,0,.2),0 0 18px rgba(110,150,175,.07)}
npc:focus-visible{outline:1px solid rgba(139,107,171,.3);outline-offset:2px}
/* ============================================================
   CLUES TIMELINE
   ============================================================ */
clues{position:relative;display:block;padding:4px 8px 4px 26px;margin:0 8px}
clues::before{content:'';position:absolute;left:19px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,transparent,rgba(139,107,171,.25) 15%,rgba(139,107,171,.25) 85%,transparent)}
clue{position:relative;display:block;padding:7px 12px 7px 22px;font-size:13.5px;line-height:1.65;color:rgba(200,200,220,.75);border-radius:6px;margin:2px 0;transition:all .3s cubic-bezier(.25,.46,.45,.94)}
clue::before{content:'';position:absolute;left:-14px;top:13px;width:7px;height:7px;border-radius:50%;border:1.5px solid rgba(139,107,171,.35);background:var(--abyss);transition:all .3s;z-index:1}
clue:hover::before{transform:scale(1.4)}
clue:hover{background:rgba(139,107,171,.05);color:rgba(215,215,235,.9)}
/* New */
clue[q="new"]{color:rgba(200,200,235,.85)}
clue[q="new"]::before{border-color:rgba(150,120,200,.7);background:rgba(150,120,200,.35);box-shadow:0 0 6px rgba(150,120,200,.35);animation:wsCG 2.5s ease-in-out infinite}
clue[q="new"]::after{content:'NEW';position:absolute;right:8px;top:9px;font-size:9px;font-weight:700;letter-spacing:1.5px;color:rgba(160,140,210,.6);padding:1px 5px;border-radius:3px;border:1px solid rgba(160,140,210,.18);background:rgba(160,140,210,.06)}
@keyframes wsCG{0%,100%{box-shadow:0 0 4px rgba(150,120,200,.25)}50%{box-shadow:0 0 12px rgba(150,120,200,.55)}}
/* Key */
clue[q="key"]{color:rgba(220,190,110,.9)}
clue[q="key"]::before{border-color:rgba(210,180,80,.7);background:rgba(210,180,80,.35);box-shadow:0 0 6px rgba(210,180,80,.3);border-radius:1px;transform:rotate(45deg);width:6px;height:6px}
clue[q="key"]:hover::before{transform:rotate(45deg) scale(1.4)}
clue[q="key"]::after{content:'KEY';position:absolute;right:8px;top:9px;font-size:9px;font-weight:700;letter-spacing:1.5px;color:rgba(210,180,80,.6);padding:1px 5px;border-radius:3px;border:1px solid rgba(210,180,80,.18);background:rgba(210,180,80,.06)}
/* Old */
clue[q="old"]{color:rgba(165,165,185,.6)}
clue[q="old"]::before{border-color:rgba(120,120,145,.35);background:rgba(120,120,145,.18)}
/* False */
clue[q="false"]{color:rgba(185,120,120,.5);text-decoration:line-through;text-decoration-color:rgba(180,65,65,.25)}
clue[q="false"]::before{border-color:rgba(180,65,65,.25);background:rgba(180,65,65,.12)}
/* ============================================================
   ANIMATION & RESPONSIVE
   ============================================================ */
world>t[h]+cast,world>t[h]+clues{animation:wsIn .5s ease both}
@keyframes wsIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@container (max-width:400px){
attrs{flex-direction:column;gap:0}
attrs::before,attrs::after{line-height:1.8;font-size:11px}
stage>b{font-size:14px;letter-spacing:1px}
}
@property --eldritch-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

think {
  font-size: 0;
    line-height: 0;
    color: transparent;
    display: block; 
    min-width: 600px !important;
}
think:last-child::before {
  content: "";
  display: block;
  width: 100%;
  height: 230px;
  border-radius: 18px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  --eldritch-angle: 0deg;
  background-color: rgba(5, 2, 12, 0.97);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 240'%3E%3Cdefs%3E%3CradialGradient id='b1' cx='38%25' cy='35%25' r='52%25'%3E%3Cstop offset='0%25' stop-color='%23e9d5ff' stop-opacity='0.14'/%3E%3Cstop offset='22%25' stop-color='%23c4b5fd' stop-opacity='0.04'/%3E%3Cstop offset='55%25' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='72%25' stop-color='%23a78bfa' stop-opacity='0.06'/%3E%3Cstop offset='84%25' stop-color='%235eead4' stop-opacity='0.1'/%3E%3Cstop offset='93%25' stop-color='%23c4b5fd' stop-opacity='0.04'/%3E%3Cstop offset='100%25' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b2' cx='35%25' cy='30%25' r='55%25'%3E%3Cstop offset='0%25' stop-color='%235eead4' stop-opacity='0.12'/%3E%3Cstop offset='18%25' stop-color='%230d9488' stop-opacity='0.03'/%3E%3Cstop offset='50%25' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='70%25' stop-color='%237c3aed' stop-opacity='0.05'/%3E%3Cstop offset='82%25' stop-color='%23a855f7' stop-opacity='0.09'/%3E%3Cstop offset='92%25' stop-color='%235eead4' stop-opacity='0.03'/%3E%3Cstop offset='100%25' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b3' cx='40%25' cy='32%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23c4b5fd' stop-opacity='0.1'/%3E%3Cstop offset='20%25' stop-color='%23fff' stop-opacity='0.02'/%3E%3Cstop offset='52%25' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='74%25' stop-color='%235eead4' stop-opacity='0.07'/%3E%3Cstop offset='86%25' stop-color='%23a78bfa' stop-opacity='0.08'/%3E%3Cstop offset='100%25' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle r='38' fill='url(%23b1)'%3E%3Canimate attributeName='cx' values='-50;175;400;625;760' dur='19s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='185;135;95;140;75' dur='19s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='38;42;35;40;38' dur='7s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.7;0.9;0.65;0' dur='19s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='28' fill='url(%23b2)'%3E%3Canimate attributeName='cx' values='760;560;350;140;-50' dur='23s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='55;105;70;145;95' dur='23s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='28;32;25;30;28' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.6;0.85;0.55;0' dur='23s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='50' fill='url(%23b3)'%3E%3Canimate attributeName='cx' values='-60;190;440;690;770' dur='27s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='125;75;145;55;115' dur='27s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='50;55;46;52;50' dur='9s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.5;0.75;0.5;0' dur='27s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='20' fill='url(%23b1)'%3E%3Canimate attributeName='cx' values='760;580;380;180;-40' dur='16s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='195;165;205;170;195' dur='16s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='20;23;18;22;20' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.75;0.95;0.6;0' dur='16s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='33' fill='url(%23b2)'%3E%3Canimate attributeName='cx' values='-35;155;355;555;745' dur='21s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='35;65;28;58;40' dur='21s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='33;37;30;35;33' dur='8.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.5;0.72;0.48;0' dur='21s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='24' fill='url(%23b3)'%3E%3Canimate attributeName='cx' values='420;270;120;270;420' dur='17s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='210;175;215;185;210' dur='17s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='24;27;21;26;24' dur='7s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.2;0.65;0.88;0.55;0.2' dur='17s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='15' fill='url(%23b1)'%3E%3Canimate attributeName='cx' values='200;340;480;340;200' dur='14s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='25;48;22;50;25' dur='14s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='15;18;13;17;15' dur='5.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.3;0.7;0.5;0.8;0.3' dur='14s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='42' fill='url(%23b2)'%3E%3Canimate attributeName='cx' values='350;200;50;200;350' dur='24s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='120;80;120;160;120' dur='24s' repeatCount='indefinite'/%3E%3Canimate attributeName='r' values='42;46;38;44;42' dur='10s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.4;0.65;0.35;0' dur='24s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 240'%3E%3Cdefs%3E%3CradialGradient id='vg' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23a855f7' stop-opacity='0.5'%3E%3Canimate attributeName='stop-color' values='%23a855f7;%2306b6d4;%237c3aed;%2310b981;%23a855f7' dur='7s' repeatCount='indefinite'/%3E%3C/stop%3E%3Cstop offset='100%25' stop-color='%231e1b4b' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cellipse cx='350' cy='120' rx='260' ry='88' fill='none' stroke='url(%23vg)' stroke-width='0.6' opacity='0.16'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 350 120' to='360 350 120' dur='42s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='350' cy='120' rx='200' ry='68' fill='none' stroke='url(%23vg)' stroke-width='0.5' opacity='0.13'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 350 120' to='0 350 120' dur='34s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='350' cy='120' rx='150' ry='50' fill='none' stroke='url(%23vg)' stroke-width='0.4' opacity='0.1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 350 120' to='360 350 120' dur='26s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Cellipse cx='350' cy='120' rx='100' ry='34' fill='none' stroke='url(%23vg)' stroke-width='0.3' opacity='0.08'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 350 120' to='0 350 120' dur='20s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 240'%3E%3Cdefs%3E%3ClinearGradient id='t1' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%237c3aed' stop-opacity='0.85'%3E%3Canimate attributeName='stop-color' values='%237c3aed;%2306b6d4;%237c3aed' dur='5s' repeatCount='indefinite'/%3E%3C/stop%3E%3Cstop offset='50%25' stop-color='%23a855f7' stop-opacity='0.45'/%3E%3Cstop offset='100%25' stop-color='%234c1d95' stop-opacity='0.04'/%3E%3C/linearGradient%3E%3ClinearGradient id='t2' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%230d9488' stop-opacity='0.75'%3E%3Canimate attributeName='stop-color' values='%230d9488;%238b5cf6;%230d9488' dur='6s' repeatCount='indefinite'/%3E%3C/stop%3E%3Cstop offset='50%25' stop-color='%2306b6d4' stop-opacity='0.4'/%3E%3Cstop offset='100%25' stop-color='%23042f2e' stop-opacity='0.03'/%3E%3C/linearGradient%3E%3ClinearGradient id='t3' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%236d28d9' stop-opacity='0.78'/%3E%3Cstop offset='60%25' stop-color='%23a78bfa' stop-opacity='0.32'%3E%3Canimate attributeName='stop-color' values='%23a78bfa;%232dd4bf;%23a78bfa' dur='7s' repeatCount='indefinite'/%3E%3C/stop%3E%3Cstop offset='100%25' stop-color='%230f0520' stop-opacity='0'/%3E%3C/linearGradient%3E%3CradialGradient id='eo' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%237c3aed' stop-opacity='0.92'/%3E%3Cstop offset='45%25' stop-color='%234c1d95' stop-opacity='0.65'/%3E%3Cstop offset='100%25' stop-color='%231e1b4b' stop-opacity='0.2'/%3E%3C/radialGradient%3E%3CradialGradient id='ei' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23e9d5ff' stop-opacity='1'/%3E%3Cstop offset='35%25' stop-color='%23a855f7' stop-opacity='0.88'/%3E%3Cstop offset='100%25' stop-color='%23581c87' stop-opacity='0.55'/%3E%3C/radialGradient%3E%3CradialGradient id='ep' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23020617'/%3E%3Cstop offset='75%25' stop-color='%230a0118' stop-opacity='0.95'/%3E%3Cstop offset='100%25' stop-color='%231e1b4b' stop-opacity='0.65'/%3E%3C/radialGradient%3E%3CradialGradient id='ob1' cx='36%25' cy='33%25' r='56%25'%3E%3Cstop offset='0%25' stop-color='%23c4b5fd' stop-opacity='0.22'/%3E%3Cstop offset='28%25' stop-color='%237c3aed' stop-opacity='0.12'/%3E%3Cstop offset='58%25' stop-color='%234c1d95' stop-opacity='0.08'/%3E%3Cstop offset='82%25' stop-color='%231e1b4b' stop-opacity='0.18'/%3E%3Cstop offset='94%25' stop-color='%23a78bfa' stop-opacity='0.06'/%3E%3Cstop offset='100%25' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='ob2' cx='34%25' cy='30%25' r='56%25'%3E%3Cstop offset='0%25' stop-color='%235eead4' stop-opacity='0.18'/%3E%3Cstop offset='28%25' stop-color='%230d9488' stop-opacity='0.1'/%3E%3Cstop offset='58%25' stop-color='%23042f2e' stop-opacity='0.06'/%3E%3Cstop offset='82%25' stop-color='%230d9488' stop-opacity='0.14'/%3E%3Cstop offset='94%25' stop-color='%235eead4' stop-opacity='0.05'/%3E%3Cstop offset='100%25' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='ob3' cx='38%25' cy='34%25' r='54%25'%3E%3Cstop offset='0%25' stop-color='%23a78bfa' stop-opacity='0.2'/%3E%3Cstop offset='30%25' stop-color='%236d28d9' stop-opacity='0.1'/%3E%3Cstop offset='60%25' stop-color='%232dd4bf' stop-opacity='0.06'/%3E%3Cstop offset='85%25' stop-color='%234c1d95' stop-opacity='0.15'/%3E%3Cstop offset='100%25' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='p1' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%23c4b5fd' stop-opacity='0.9'/%3E%3Cstop offset='100%25' stop-color='%237c3aed' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='p2' cx='50%25' cy='50%25' r='50%25'%3E%3Cstop offset='0%25' stop-color='%235eead4' stop-opacity='0.85'/%3E%3Cstop offset='100%25' stop-color='%230d9488' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cfilter id='gw' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='2' result='b'/%3E%3CfeColorMatrix in='b' type='matrix' values='1.5 0 0 0 0.1 0 0.4 0 0 0 0 0 2 0 0.18 0 0 0 1 0' result='c'/%3E%3CfeMerge%3E%3CfeMergeNode in='c'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cfilter id='dg' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='3' result='b'/%3E%3CfeColorMatrix in='b' type='matrix' values='1.2 0 0.2 0 0.05 0 0.6 0.2 0 0.03 0.2 0 1.7 0 0.14 0 0 0 1.2 0' result='c'/%3E%3CfeMerge%3E%3CfeMergeNode in='c'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cfilter id='tb' x='-12%25' y='-12%25' width='124%25' height='124%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='1' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cfilter id='og' x='-35%25' y='-35%25' width='170%25' height='170%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='5' result='b'/%3E%3CfeColorMatrix in='b' type='matrix' values='1 0 0.3 0 0.04 0 0.4 0.3 0 0.02 0.3 0 1.4 0 0.1 0 0 0 0.7 0' result='c'/%3E%3CfeMerge%3E%3CfeMergeNode in='c'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3Cpath id='ra' d='M 215 102 A 140 140 0 0 1 485 102' fill='none'/%3E%3Cpath id='rb' d='M 485 145 A 140 140 0 0 1 215 145' fill='none'/%3E%3C/defs%3E%3Cg filter='url(%23tb)'%3E%3Cpath fill='none' stroke='url(%23t1)' stroke-width='3' stroke-linecap='round' opacity='0.72'%3E%3Canimate attributeName='d' dur='7s' repeatCount='indefinite' values='M28,118 C62,58 112,155 158,75 S212,130 242,108;M28,124 C56,72 118,132 152,60 S218,140 242,100;M28,112 C70,50 106,162 165,80 S206,120 242,115;M28,118 C62,58 112,155 158,75 S212,130 242,108'/%3E%3C/path%3E%3Cpath fill='none' stroke='url(%23t2)' stroke-width='2.2' stroke-linecap='round' opacity='0.6'%3E%3Canimate attributeName='d' dur='6.2s' repeatCount='indefinite' values='M18,135 C50,100 86,172 132,110 S186,70 222,118;M18,140 C44,88 92,160 126,100 S192,78 222,112;M18,128 C56,108 80,180 138,116 S180,64 222,125;M18,135 C50,100 86,172 132,110 S186,70 222,118'/%3E%3C/path%3E%3Cpath fill='none' stroke='url(%23t3)' stroke-width='2.6' stroke-linecap='round' opacity='0.5'%3E%3Canimate attributeName='d' dur='9s' repeatCount='indefinite' values='M8,155 C40,120 76,182 122,132 S176,162 222,125;M8,148 C46,128 70,172 128,126 S170,170 222,130;M8,160 C36,114 82,190 118,138 S182,155 222,118;M8,155 C40,120 76,182 122,132 S176,162 222,125'/%3E%3C/path%3E%3Cpath fill='none' stroke='url(%23t1)' stroke-width='1.5' stroke-linecap='round' opacity='0.42'%3E%3Canimate attributeName='d' dur='8s' repeatCount='indefinite' values='M38,80 C70,38 106,100 152,50 S196,90 232,70;M38,85 C64,48 112,88 146,42 S202,96 232,64;M38,74 C76,32 100,108 158,56 S190,84 232,76;M38,80 C70,38 106,100 152,50 S196,90 232,70'/%3E%3C/path%3E%3Cpath fill='none' stroke='url(%23t2)' stroke-width='1' stroke-linecap='round' opacity='0.32'%3E%3Canimate attributeName='d' dur='5.5s' repeatCount='indefinite' values='M48,175 C78,148 106,192 148,158 S192,182 232,148;M48,170 C72,154 112,186 142,152 S198,176 232,154;M48,180 C84,142 100,198 154,164 S186,188 232,142;M48,175 C78,148 106,192 148,158 S192,182 232,148'/%3E%3C/path%3E%3Cpath fill='none' stroke='url(%23t3)' stroke-width='3' stroke-linecap='round' opacity='0.72'%3E%3Canimate attributeName='d' dur='7.5s' repeatCount='indefinite' values='M672,118 C638,55 588,158 542,72 S488,132 458,108;M672,124 C644,68 582,135 548,58 S482,142 458,100;M672,112 C630,48 594,165 536,78 S494,122 458,115;M672,118 C638,55 588,158 542,72 S488,132 458,108'/%3E%3C/path%3E%3Cpath fill='none' stroke='url(%23t1)' stroke-width='2.2' stroke-linecap='round' opacity='0.6'%3E%3Canimate attributeName='d' dur='6.5s' repeatCount='indefinite' values='M682,135 C650,98 618,172 568,108 S514,68 478,118;M682,140 C656,86 612,158 574,98 S508,76 478,112;M682,128 C644,106 624,180 562,114 S520,62 478,125;M682,135 C650,98 618,172 568,108 S514,68 478,118'/%3E%3C/path%3E%3Cpath fill='none' stroke='url(%23t2)' stroke-width='2.6' stroke-linecap='round' opacity='0.5'%3E%3Canimate attributeName='d' dur='8.5s' repeatCount='indefinite' values='M692,155 C660,118 626,185 572,130 S524,165 478,125;M692,148 C654,126 632,175 566,124 S530,172 478,130;M692,160 C666,112 620,192 578,136 S518,158 478,118;M692,155 C660,118 626,185 572,130 S524,165 478,125'/%3E%3C/path%3E%3Cpath fill='none' stroke='url(%23t3)' stroke-width='1.5' stroke-linecap='round' opacity='0.42'%3E%3Canimate attributeName='d' dur='7s' repeatCount='indefinite' values='M662,78 C630,36 596,98 548,48 S504,88 468,68;M662,84 C636,46 590,86 554,40 S498,94 468,62;M662,72 C624,30 602,106 542,54 S510,82 468,75;M662,78 C630,36 596,98 548,48 S504,88 468,68'/%3E%3C/path%3E%3Cpath fill='none' stroke='url(%23t1)' stroke-width='1' stroke-linecap='round' opacity='0.32'%3E%3Canimate attributeName='d' dur='6s' repeatCount='indefinite' values='M652,175 C622,146 596,195 548,156 S508,184 468,148;M652,170 C628,152 590,188 554,150 S502,178 468,154;M652,180 C616,140 602,200 542,162 S514,190 468,142;M652,175 C622,146 596,195 548,156 S508,184 468,148'/%3E%3C/path%3E%3C/g%3E%3Cg filter='url(%23dg)'%3E%3Ccircle cx='350' cy='120' r='38' fill='none' stroke='%237c3aed' stroke-width='1.5' opacity='0.4'%3E%3Canimate attributeName='r' values='38;41;36;38' dur='4s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.4;0.65;0.32;0.4' dur='4s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke' values='%237c3aed;%2306b6d4;%237c3aed' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='350' cy='120' r='33' fill='url(%23eo)' stroke='%23a855f7' stroke-width='0.8' opacity='0.92'%3E%3Canimate attributeName='r' values='33;35;31;33' dur='5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='350' cy='120' r='24' fill='url(%23ei)' opacity='0.95'%3E%3Canimate attributeName='r' values='24;26;22;24' dur='5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Cellipse cx='350' cy='120' fill='url(%23ep)'%3E%3Canimate attributeName='rx' values='8;6;10;7;8' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='20;22;18;21;20' dur='6s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3Ccircle cx='345' cy='112' r='3.5' fill='white' opacity='0.72'%3E%3Canimate attributeName='opacity' values='0.72;0.95;0.45;0.72' dur='3s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='345;348;344;345' dur='9s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='357' cy='127' r='1.8' fill='white' opacity='0.35'%3E%3Canimate attributeName='opacity' values='0.35;0.55;0.25;0.35' dur='4s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='350' cy='120' r='35' fill='%23050210'%3E%3Canimate attributeName='r' dur='9s' repeatCount='indefinite' values='0;0;0;0;35;0;0;0;0;0;0;35;0;0;0' keyTimes='0;0.38;0.40;0.43;0.46;0.49;0.52;0.66;0.68;0.71;0.74;0.77;0.80;0.99;1'/%3E%3C/circle%3E%3C/g%3E%3Cg filter='url(%23og)'%3E%3Ccircle cx='145' cy='85' fill='url(%23ob1)' opacity='0.7'%3E%3Canimate attributeName='r' values='18;20;16;18' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='145;150;140;145' dur='10s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='85;78;90;85' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.7;0.9;0.55;0.7' dur='5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='555' cy='148' fill='url(%23ob2)' opacity='0.65'%3E%3Canimate attributeName='r' values='15;17;13;15' dur='7s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='555;562;548;555' dur='11s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='148;140;155;148' dur='9s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.65;0.85;0.5;0.65' dur='5.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='190' cy='165' fill='url(%23ob3)' opacity='0.55'%3E%3Canimate attributeName='r' values='12;14;10;12' dur='5.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='190;196;184;190' dur='9s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='165;158;172;165' dur='7.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.55;0.75;0.4;0.55' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='520' cy='72' fill='url(%23ob1)' opacity='0.6'%3E%3Canimate attributeName='r' values='14;16;12;14' dur='6.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='520;528;514;520' dur='10.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='72;65;80;72' dur='8.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.6;0.8;0.45;0.6' dur='5.8s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='350' cy='42' fill='url(%23ob2)' opacity='0.5'%3E%3Canimate attributeName='r' values='10;12;8;10' dur='5s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='350;356;344;350' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='42;36;48;42' dur='7s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0.7;0.35;0.5' dur='4.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='95' cy='140' fill='url(%23ob3)' opacity='0.45'%3E%3Canimate attributeName='r' values='9;11;7;9' dur='5.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='95;100;90;95' dur='9.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='140;134;148;140' dur='7.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.45;0.65;0.3;0.45' dur='5.2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='610' cy='110' fill='url(%23ob1)' opacity='0.5'%3E%3Canimate attributeName='r' values='11;13;9;11' dur='6.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='610;616;604;610' dur='10s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='110;104;118;110' dur='8.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.5;0.72;0.38;0.5' dur='5.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='350' cy='200' fill='url(%23ob2)' opacity='0.42'%3E%3Canimate attributeName='r' values='13;15;11;13' dur='6.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='cx' values='350;358;342;350' dur='11s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='200;194;208;200' dur='9s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.42;0.62;0.3;0.42' dur='5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3Cg filter='url(%23gw)' opacity='0.62'%3E%3Ctext font-family='serif' font-size='10' fill='%23a78bfa' letter-spacing='4'%3E%3CtextPath href='%23ra' startOffset='8%25'%3EPh'nglui mglw'nafh Cthulhu%3Canimate attributeName='startOffset' values='8%25;15%25;3%25;8%25' dur='24s' repeatCount='indefinite'/%3E%3C/textPath%3E%3Canimate attributeName='opacity' values='0.5;0.88;0.38;0.72;0.5' dur='7s' repeatCount='indefinite'/%3E%3C/text%3E%3Ctext font-family='serif' font-size='9' fill='%235eead4' letter-spacing='3.5'%3E%3CtextPath href='%23rb' startOffset='5%25'%3ER'lyeh wgah'nagl fhtagn%3Canimate attributeName='startOffset' values='5%25;13%25;1%25;5%25' dur='20s' repeatCount='indefinite'/%3E%3C/textPath%3E%3Canimate attributeName='opacity' values='0.42;0.78;0.32;0.62;0.42' dur='6s' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3Cg filter='url(%23gw)' opacity='0.35'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 155 120' to='360 155 120' dur='30s' repeatCount='indefinite'/%3E%3Cpolygon points='155,100 160,114 175,114 163,123 167,137 155,128 143,137 147,123 135,114 150,114' fill='none' stroke='%23a78bfa' stroke-width='0.7' opacity='0.5'%3E%3Canimate attributeName='opacity' values='0.5;0.8;0.3;0.5' dur='5s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Ccircle cx='155' cy='120' r='22' fill='none' stroke='%237c3aed' stroke-width='0.4' opacity='0.3'/%3E%3C/g%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 545 120' to='0 545 120' dur='26s' repeatCount='indefinite'/%3E%3Cpolygon points='545,100 555,114 555,128 545,137 535,128 535,114' fill='none' stroke='%235eead4' stroke-width='0.7' opacity='0.48'%3E%3Canimate attributeName='opacity' values='0.48;0.72;0.28;0.48' dur='6s' repeatCount='indefinite'/%3E%3C/polygon%3E%3Cpolygon points='545,100 555,128 535,110 555,110 535,128 545,100' fill='none' stroke='%232dd4bf' stroke-width='0.5' opacity='0.35'/%3E%3Ccircle cx='545' cy='120' r='24' fill='none' stroke='%230d9488' stroke-width='0.4' opacity='0.25'/%3E%3C/g%3E%3C/g%3E%3Cg opacity='0.16'%3E%3Cline x1='177' y1='120' x2='317' y2='120' stroke='%23a78bfa' stroke-width='0.5' stroke-dasharray='4 7'%3E%3Canimate attributeName='stroke-dashoffset' values='0;-22' dur='3s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.25;0.55;0.25' dur='4.5s' repeatCount='indefinite'/%3E%3C/line%3E%3Cline x1='521' y1='120' x2='383' y2='120' stroke='%235eead4' stroke-width='0.5' stroke-dasharray='4 7'%3E%3Canimate attributeName='stroke-dashoffset' values='0;-22' dur='3.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.22;0.48;0.22' dur='5s' repeatCount='indefinite'/%3E%3C/line%3E%3C/g%3E%3Cg%3E%3Ccircle r='2.8' fill='url(%23p1)' opacity='0'%3E%3Canimate attributeName='cx' values='88;135;180;225;265' dur='13s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='45;78;35;68;45' dur='13s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.85;0.25;0.9;0' dur='13s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='2' fill='url(%23p2)' opacity='0'%3E%3Canimate attributeName='cx' values='612;575;535;495;455' dur='11s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='142;108;148;118;142' dur='11s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.72;0.2;0.8;0' dur='11s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='1.8' fill='url(%23p1)' opacity='0'%3E%3Canimate attributeName='cx' values='158;210;262;314;362' dur='15s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='165;130;168;140;165' dur='15s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.58;0.9;0.36;0' dur='15s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='2.2' fill='url(%23p2)' opacity='0'%3E%3Canimate attributeName='cx' values='445;395;345;295;245' dur='12s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='35;65;25;55;35' dur='12s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.52;0.8;0.28;0' dur='12s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='3.2' fill='url(%23p1)' opacity='0'%3E%3Canimate attributeName='cx' values='208;252;292;252;208' dur='10s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='100;65;100;138;100' dur='10s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.4;0.7;0.26;0' dur='10s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='1.2' fill='url(%23p2)' opacity='0'%3E%3Canimate attributeName='cx' values='495;475;455;475;495' dur='8.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='75;50;75;98;75' dur='8.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.9;0.45;0.72;0' dur='8.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='4.2' fill='url(%23p1)' opacity='0'%3E%3Canimate attributeName='cx' values='350;362;338;350' dur='16s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='40;34;48;40' dur='16s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.26;0;0.42;0' dur='16s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle r='1.5' fill='url(%23p2)' opacity='0'%3E%3Canimate attributeName='cx' values='255;285;315;285;255' dur='10.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='cy' values='195;178;195;212;195' dur='10.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0;0.5;0.8;0.36;0' dur='10.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3Cg opacity='0.14'%3E%3Ccircle cx='350' cy='120' r='50' fill='none' stroke='%23a855f7' stroke-width='0.5'%3E%3Canimate attributeName='r' values='50;85;50' dur='6.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='0.38;0;0.38' dur='6.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='350' cy='120' r='50' fill='none' stroke='%2306b6d4' stroke-width='0.5'%3E%3Canimate attributeName='r' values='50;85;50' dur='6.5s' repeatCount='indefinite' begin='2.2s'/%3E%3Canimate attributeName='opacity' values='0.32;0;0.32' dur='6.5s' repeatCount='indefinite' begin='2.2s'/%3E%3C/circle%3E%3Ccircle cx='350' cy='120' r='50' fill='none' stroke='%237c3aed' stroke-width='0.5'%3E%3Canimate attributeName='r' values='50;85;50' dur='6.5s' repeatCount='indefinite' begin='4.3s'/%3E%3Canimate attributeName='opacity' values='0.28;0;0.28' dur='6.5s' repeatCount='indefinite' begin='4.3s'/%3E%3C/circle%3E%3C/g%3E%3Cg filter='url(%23gw)'%3E%3Ctext x='350' y='222' text-anchor='middle' font-family='serif' font-size='11.5' fill='%23c4b5fd' letter-spacing='7' opacity='0.7'%3E%E2%8D%99 %E6%B7%B1%E6%B8%8A%E5%87%9D%E8%A7%86%E4%B8%AD %E2%8D%9C%3Canimate attributeName='opacity' values='0.7;0.38;0.85;0.32;0.7' dur='5s' repeatCount='indefinite'/%3E%3Canimate attributeName='letter-spacing' values='7;10;5;9;7' dur='9s' repeatCount='indefinite'/%3E%3C/text%3E%3C/g%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;

  /* CSS 动画 */
  animation:
    eldritch-breathe 6s ease-in-out infinite,
    eldritch-spin 10s linear infinite;

  /* 阴影 */
  box-shadow:
    0 0 28px rgba(75, 0, 130, 0.3),
    0 0 55px rgba(40, 0, 80, 0.12),
    inset 0 0 38px rgba(20, 0, 50, 0.45),
    inset 0 0 75px rgba(10, 0, 30, 0.22);
  border: 1px solid rgba(88, 40, 150, 0.25);
}
think:last-child::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 230px;
  border-radius: 18px;
  z-index: -1;
  pointer-events: none;
  --eldritch-angle: 0deg;
  background: conic-gradient(
    from var(--eldritch-angle, 0deg),
    transparent 0deg,
    rgba(120, 50, 200, 0.6) 22deg,
    rgba(80, 20, 160, 0.28) 48deg,
    transparent 72deg,
    rgba(0, 200, 160, 0.42) 108deg,
    rgba(0, 140, 120, 0.18) 138deg,
    transparent 162deg,
    rgba(140, 0, 220, 0.52) 198deg,
    rgba(100, 0, 180, 0.22) 228deg,
    transparent 252deg,
    rgba(0, 170, 150, 0.38) 288deg,
    rgba(0, 120, 100, 0.16) 318deg,
    transparent 342deg,
    rgba(120, 50, 200, 0.6) 360deg
  );
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  padding: 2.5px;
  animation: eldritch-spin 10s linear infinite;
}

.markdown-body:has(article) think:last-child::before,
.markdown-body:has(article) think:last-child::after {
  display: none !important;
  content: none !important;
}

.markdown-body:has(article) think:last-child {
  min-height: 0 !important;
  margin: 0 !important;
}

@keyframes eldritch-breathe {
  0%, 100% {
    box-shadow:
      0 0 28px rgba(75, 0, 130, 0.3),
      0 0 55px rgba(40, 0, 80, 0.12),
      inset 0 0 38px rgba(20, 0, 50, 0.45),
      inset 0 0 75px rgba(10, 0, 30, 0.22);
    border-color: rgba(88, 40, 150, 0.25);
  }
  33% {
    box-shadow:
      0 0 42px rgba(100, 0, 160, 0.4),
      0 0 78px rgba(60, 0, 120, 0.18),
      0 0 115px rgba(30, 0, 70, 0.07),
      inset 0 0 48px rgba(30, 0, 70, 0.55),
      inset 0 0 95px rgba(15, 0, 40, 0.32);
    border-color: rgba(120, 50, 200, 0.42);
  }
 66% {
    box-shadow:
      0 0 35px rgba(0, 130, 120, 0.22),
      0 0 68px rgba(0, 80, 70, 0.12),
      0 0 100px rgba(0, 50, 45, 0.05),
      inset 0 0 42px rgba(0, 60, 50, 0.35),
      inset 0 0 85px rgba(0, 30, 25, 0.22);
    border-color: rgba(0, 150, 130, 0.36);
  }
}

@keyframes eldritch-spin {
  0%   { --eldritch-angle: 0deg; }
  100% { --eldritch-angle: 360deg; }
}

@media (max-width: 640px) {
  think:last-child {
    min-width: 320px !important;
    min-height: 180px;
  }
  think:last-child::before {
    height: 180px;
    border-radius: 14px;
  }
  think:last-child::after {
    height: 180px;
    border-radius: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  think:last-child::before {
    animation: none !important;
    box-shadow:
      0 0 30px rgba(75, 0, 130, 0.25),
      inset 0 0 40px rgba(20, 0, 50, 0.4);
  }
  think:last-child::after {
    animation: none !important;
    background: conic-gradient(
      from 45deg,
      rgba(120, 50, 200, 0.35),
      transparent,
      rgba(0, 180, 160, 0.25),
      transparent,
      rgba(120, 50, 200, 0.35)
    ) !important;
  }
}

.sticky.w-full.top-0.flex.items-center {
  background: linear-gradient(180deg, #1a1410 0%, #2d2419 100%) !important;
  border-bottom: 2px solid #8b7355 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(139, 115, 85, 0.3) !important;
  position: relative !important;
}

.sticky.w-full.top-0.flex.items-center::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: 
    repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.1) 2px, rgba(0, 0, 0, 0.1) 4px),
    repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(0, 0, 0, 0.1) 2px, rgba(0, 0, 0, 0.1) 4px) !important;
  pointer-events: none !important;
  opacity: 0.3 !important;
}

/* 模型选择器容器 */
#ai-model-selector .group.flex.items-center {
  background: linear-gradient(135deg, #3d2f1f 0%, #2a1f15 100%) !important;
  border: 1px solid #8b7355 !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(139, 115, 85, 0.2) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

#ai-model-selector .group.flex.items-center::before {
  content: '⚝' !important;
  position: absolute !important;
  left: -20px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(0deg) !important;
  font-size: 40px !important;
  color: #8b7355 !important;
  opacity: 0 !important;
  transition: all 0.5s ease !important;
}

#ai-model-selector .group.flex.items-center:hover {
  background: linear-gradient(135deg, #4a3828 0%, #352820 100%) !important;
  border-color: #a89070 !important;
  box-shadow: 0 4px 16px rgba(139, 115, 85, 0.4), inset 0 1px 0 rgba(168, 144, 112, 0.3) !important;
  transform: translateY(-1px) !important;
}

#ai-model-selector .group.flex.items-center:hover::before {
  left: 6px !important;
  opacity: 0.6 !important;
  transform: translateY(-50%) rotate(180deg) !important;
}

/* 模型名称 */
#ai-model-selector .truncate.text-\[13px\] {
  color: #d4c4a8 !important;
  font-family: 'Georgia', 'Times New Roman', serif !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  letter-spacing: 0.5px !important;
}

/* 下拉箭头 */
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #a89070 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important;
  transition: all 0.3s ease !important;
}

#ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg {
  color: #d4c4a8 !important;
  transform: translateY(2px) !important;
}

/* 历史记录图标 */
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #a89070 !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6)) !important;
  transition: all 0.3s ease !important;
}

.sticky.w-full.top-0 svg.lucide-clock-8:hover {
  color: #d4c4a8 !important;
  transform: rotate(360deg) scale(1.1) !important;
}

/* 历史记录角标 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background: #8b2e2e !important;
  box-shadow: 0 0 8px #8b2e2e, 0 0 12px rgba(139, 46, 46, 0.5) !important;
  animation: pulse-cthulhu 2s infinite !important;
}

@keyframes pulse-cthulhu {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.7; transform: scale(1.2); }
}

/* 音乐按钮 */
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
  background: rgba(61, 47, 31, 0.6) !important;
  border: 1px solid #8b7355 !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
}

.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover {
  background: rgba(74, 56, 40, 0.8) !important;
  border-color: #a89070 !important;
  transform: scale(1.05) !important;
}

.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
  color: #a89070 !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6)) !important;
  transition: all 0.3s ease !important;
}

.sticky.w-full.top-0 button.MuiIconButton-root:hover svg.lucide-music-2 {
  color: #d4c4a8 !important;
  animation: music-wave 0.6s ease !important;
}

@keyframes music-wave {
  0%, 100% { transform: scale(1); }
  25% { transform: scale(1.1) rotate(-5deg); }
  75% { transform: scale(1.1) rotate(5deg); }
}

/* 移动端设置图标 */
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #a89070 !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6)) !important;
  transition: all 0.4s ease !important;
}

.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover {
  color: #d4c4a8 !important;
  transform: rotate(90deg) !important;
}

/* 设置按钮 */
#header-setting-button {
  background: linear-gradient(135deg, #3d2f1f 0%, #2a1f15 100%) !important;
  border: 1px solid #8b7355 !important;
  border-radius: 6px !important;
  padding: 8px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}

#header-setting-button:hover {
  background: linear-gradient(135deg, #4a3828 0%, #352820 100%) !important;
  border-color: #a89070 !important;
  box-shadow: 0 4px 12px rgba(139, 115, 85, 0.4) !important;
  transform: translateY(-2px) !important;
}

#header-setting-button svg {
  color: #a89070 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important;
  transition: all 0.4s ease !important;
}

#header-setting-button:hover svg {
  color: #d4c4a8 !important;
  transform: rotate(180deg) !important;
}

/* ========== 开场白选择器 ========== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
  background: linear-gradient(135deg, #2d2419 0%, #1a1410 100%) !important;
  border: 1px solid #8b7355 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(139, 115, 85, 0.2) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]::before {
  content: '' !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: radial-gradient(circle, rgba(139, 115, 85, 0.1) 0%, transparent 70%) !important;
  opacity: 0 !important;
  transition: opacity 0.5s ease !important;
}

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
  background: linear-gradient(135deg, #3d2f1f 0%, #2a1f15 100%) !important;
  border-color: #a89070 !important;
  box-shadow: 0 4px 16px rgba(139, 115, 85, 0.4) !important;
  transform: translateY(-1px) !important;
}

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover::before {
  opacity: 1 !important;
}

/* 滑块图标 */
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
  color: #a89070 !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6)) !important;
  transition: all 0.3s ease !important;
}

div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="SlidersH"] {
  color: #d4c4a8 !important;
  transform: translateX(3px) !important;
}

/* 下拉箭头 */
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #a89070 !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6)) !important;
  transition: all 0.3s ease !important;
}

div.flex.items-center.h-9.cursor-pointer.group:hover svg[data-icon="ChevronDown"] {
  color: #d4c4a8 !important;
  transform: translateY(3px) !important;
}

/* ========== 按钮栏 ========== */
#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(135deg, #3d2f1f 0%, #2a1f15 100%) !important;
  border: 1px solid #8b7355 !important;
  border-radius: 8px !important;
  color: #d4c4a8 !important;
  font-family: 'Georgia', 'Times New Roman', serif !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(139, 115, 85, 0.2) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

#ai-mod-button2 button.MuiButton-root::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-radius: 50% !important;
  background: rgba(168, 144, 112, 0.3) !important;
  transform: translate(-50%, -50%) !important;
  transition: width 0.5s ease, height 0.5s ease !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
  background: linear-gradient(135deg, #4a3828 0%, #352820 100%) !important;
  border-color: #a89070 !important;
  color: #f0e6d2 !important;
  box-shadow: 0 4px 16px rgba(139, 115, 85, 0.5) !important;
  transform: translateY(-2px) !important;
}

#ai-mod-button2 button.MuiButton-root:hover::before {
  width: 300px !important;
  height: 300px !important;
}

#ai-mod-button2 button.MuiButton-root svg {
  color: #a89070 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important;
  transition: all 0.3s ease !important;
}

#ai-mod-button2 button.MuiButton-root:hover svg {
  color: #f0e6d2 !important;
  transform: scale(1.1) !important;
}

/* ========== 底部栏 ========== */
.bg-gradient-to-t {
  background: linear-gradient(to top, #1a1410 0%, rgba(26, 20, 16, 0.95) 50%, transparent 100%) !important;
}

#ai-chat-bottom-input {
  background: linear-gradient(135deg, #2d2419 0%, #1a1410 100%) !important;
  border: 2px solid #8b7355 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6), inset 0 2px 4px rgba(0, 0, 0, 0.3) !important;
  position: relative !important;
  overflow: hidden !important;
}

#ai-chat-bottom-input::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.05' /%3E%3C/svg%3E") !important;
  pointer-events: none !important;
}

#ai-chat-input {
  background: transparent !important;
  color: #d4c4a8 !important;
  font-family: 'Georgia', 'Times New Roman', serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  caret-color: #a89070 !important;
}

#ai-chat-input::placeholder {
  color: #8b7355 !important;
  opacity: 0.7 !important;
  font-style: italic !important;
}

#ai-chat-input::selection {
  background: rgba(139, 115, 85, 0.4) !important;
  color: #f0e6d2 !important;
}

/* ========== 分页栏 ========== */
.MuiPaginationItem-root {
  background: linear-gradient(135deg, #3d2f1f 0%, #2a1f15 100%) !important;
  border: 1px solid #8b7355 !important;
  color: #d4c4a8 !important;
  font-family: 'Georgia', 'Times New Roman', serif !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s ease !important;
}

.MuiPaginationItem-root:hover {
  background: linear-gradient(135deg, #4a3828 0%, #352820 100%) !important;
  border-color: #a89070 !important;
  color: #f0e6d2 !important;
  box-shadow: 0 4px 12px rgba(139, 115, 85, 0.5) !important;
}

.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(135deg, #5a4332 0%, #4a3828 100%) !important;
  border-color: #a89070 !important;
  color: #f0e6d2 !important;
  box-shadow: 0 4px 12px rgba(139, 115, 85, 0.6), inset 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.MuiPaginationItem-root.Mui-disabled {
  background: linear-gradient(135deg, #2a1f15 0%, #1a1410 100%) !important;
  border-color: #5a4a3a !important;
  color: #5a4a3a !important;
  opacity: 0.5 !important;
}

.MuiPaginationItem-icon {
  color: #a89070 !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)) !important;
}

.MuiStack-root.css-1uwir8f {
  background: rgba(45, 36, 25, 0.6) !important;
  border: 1px solid #8b7355 !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
}

.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #d4c4a8 !important;
  font-family: 'Georgia', 'Times New Roman', serif !important;
}

.MuiInputBase-input {
  background: linear-gradient(135deg, #2d2419 0%, #1a1410 100%) !important;
  border: 1px solid #8b7355 !important;
  border-radius: 6px !important;
  color: #d4c4a8 !important;
  font-family: 'Georgia', 'Times New Roman', serif !important;
}
dice {
  --_ink:     rgba(168,126,68,.33);
  --_ink-h:   rgba(168,126,68,.7);
  --_cap:     rgba(168,126,68,.5);

  position: relative;
  display: inline;
  padding-bottom: 2px;
  cursor: help;

  background:
    linear-gradient(90deg,
      transparent,
      var(--_ink) 12%,
      var(--_ink) 88%,
      transparent)
    no-repeat bottom / 100% 1px;

  transition:
    background-size .35s ease,
    filter .3s ease;
}

dice:hover {
  background:
    linear-gradient(90deg,
      transparent,
      var(--_ink-h) 6%,
      var(--_ink-h) 94%,
      transparent)
    no-repeat bottom / 100% 1.5px;
}

/* ── 等级色谱 · 按 t 属性文本匹配 ──
   顺序决定层叠优先级，后写覆盖先写     */

dice[t*="困难成功"] {
  --_ink: rgba(125,155,135,.3);
  --_ink-h: rgba(125,155,135,.6);
  --_cap: rgba(125,155,135,.45);
}

dice[t*="极难成功"] {
  --_ink: rgba(110,175,115,.32);
  --_ink-h: rgba(110,175,115,.65);
  --_cap: rgba(110,175,115,.5);
}

dice[t*="大成功"] {
  --_ink: rgba(218,170,42,.42);
  --_ink-h: rgba(218,170,42,.8);
  --_cap: rgba(218,170,42,.65);
}

dice[t*="失败"] {
  --_ink: rgba(160,115,95,.32);
  --_ink-h: rgba(160,115,95,.62);
  --_cap: rgba(160,115,95,.5);
}

dice[t*="大失败"] {
  --_ink: rgba(175,55,55,.38);
  --_ink-h: rgba(175,55,55,.72);
  --_cap: rgba(175,55,55,.6);
}

dice[t*="SAN"] {
  --_ink: rgba(140,105,170,.35);
  --_ink-h: rgba(140,105,170,.68);
  --_cap: rgba(140,105,170,.55);
}

/* ── 大成功微光 · 大失败颤动 ── */

dice[t*="大成功"]:hover {
  text-shadow: 0 0 14px rgba(218,170,42,.12);
}

dice[t*="大失败"]:hover {
  animation: _fumble .06s linear 3;
}

@keyframes _fumble {
  25%  { translate:  1px 0 }
  75%  { translate: -1px 0 }
  100% { translate:  0   0 }
}

/* ── 箭头 ── */

dice::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: calc(100% + 3px);
  translate: -50% 0;

  border: 6px solid transparent;
  border-top: 6px solid rgba(26,22,16,.98);

  opacity: 0;
  pointer-events: none;
  z-index: 1001;
  filter: drop-shadow(0 1px 3px rgba(0,0,0,.35));
  transition: opacity .12s .06s ease;
}

/* ── 信息卡片 ── */

dice::after {
  content: attr(t);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 15px);
  translate: -50% 5px;

  padding: 11px 16px 10px 15px;
  max-width: 440px;
  width: max-content;

  background:
    linear-gradient(165deg,
      rgba(45,39,30,.98),
      rgba(26,22,16,.98) 65%);
  border: 1px solid rgba(168,126,68,.18);
  border-top: 2px solid var(--_cap);
  border-radius: 5px;

  box-shadow:
    0 14px 44px -10px rgba(0,0,0,.6),
    0  2px  8px       rgba(0,0,0,.22),
    inset 0  1px 0    rgba(255,240,200,.03),
    inset 0 -1px 0    rgba(0,0,0,.12);

  color: #bfb49a;
  font: 11px/1.85
    'Cascadia Code','Fira Code','JetBrains Mono',
    'SF Mono','Courier New',monospace;
  letter-spacing: .3px;
  white-space: pre-line;
  text-align: left;
  text-indent: 0;

  opacity: 0;
  pointer-events: none;
  z-index: 1000;

  transition:
    opacity   .18s cubic-bezier(.4,0,.2,1),
    translate .28s cubic-bezier(.34,1.35,.64,1);
}

/* ── 激活 ── */

dice:hover::before { opacity: 1 }
dice:hover::after  { opacity: 1; translate: -50% 0 }

/* ── 触屏 ── */

@media (hover:none) {
  dice { -webkit-tap-highlight-color: transparent }
  dice:active::before { opacity: 1 }
  dice:active::after  { opacity: 1; translate: -50% 0 }
}
/* ═══ 选项 → 可点击指令框（暗金 · CSS 自动序号）═══
   配合正则：<li>X</li> → <div data-action="append-textinput" data-value="X">X</div> */

/* 选项容器：去掉列表符号 + 每组序号归零（:has 让正文普通列表不被计数） */
.rili-markdown-renderer ul:has(> [data-action="append-textinput"]),
.rili-markdown-renderer ol:has(> [data-action="append-textinput"]) {
  counter-reset: coc-choice;
  list-style: none !important;
  padding-left: 0 !important;
  margin: 6px 0 !important;
}

/* 选项框本体 */
[data-action="append-textinput"] {
  counter-increment: coc-choice;
  position: relative;
  display: block;
  cursor: pointer;
  padding: 11px 16px 11px 48px;          /* 左侧 48px 留给序号 */
  margin: 6px 0;
  border-radius: 8px;
  background-color: #121220;
  border: 1px solid #252540;
  color: #9e9478;
  font-family: 'Noto Serif SC','Source Han Serif CN',Georgia,serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.5;
  overflow: hidden;
  transition: all .35s cubic-bezier(.25,.46,.45,.94);
}

/* 左侧序号徽章（数字由 counter 生成） */
[data-action="append-textinput"]::before {
  content: counter(coc-choice);
  position: absolute;
  left: 9px; top: 50%;
  transform: translateY(-50%);
  width: 26px; height: 26px;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 700;
  color: #8b7340;
  background: #0d0d1a;
  border: 1px solid #2e2e4a;
  border-radius: 5px;
  z-index: 2;
  transition: all .35s cubic-bezier(.34,1.56,.64,1);
}

/* 墨水扫过层 */
[data-action="append-textinput"]::after {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0; width: 0;
  background: linear-gradient(90deg, rgba(196,163,90,.10) 0%, rgba(61,139,94,.04) 50%, transparent 100%);
  border-radius: 8px;
  pointer-events: none;
  transition: width .5s cubic-bezier(.25,.46,.45,.94);
}

/* 悬停 */
[data-action="append-textinput"]:hover {
  color: #d4c5a0;
  border-color: #8b7340;
  background: linear-gradient(135deg, rgba(196,163,90,.06) 0%, #121220 100%);
  box-shadow: 0 0 0 1px rgba(196,163,90,.08), 0 4px 16px rgba(0,0,0,.35), inset 0 0 24px rgba(196,163,90,.03);
  transform: translateX(6px);
  padding-left: 50px;
}
[data-action="append-textinput"]:hover::after  { width: 100%; }
[data-action="append-textinput"]:hover::before {
  color: #c4a35a;
  border-color: #8b7340;
  box-shadow: 0 0 8px rgba(196,163,90,.35);
}

/* 按下 */
[data-action="append-textinput"]:active {
  transform: translateX(3px) scale(.985);
  transition-duration: .1s;
}