/* ═══════════════════════════════════════════════════════════════════════
   AI风月·欢愉剧场 GUI全量引擎 v2.0 | 花火导演版
   绝对明亮·多巴胺配色·纯CSS动画·无深色·移动端优先
   ═══════════════════════════════════════════════════════════════════════ */

/* ---------- 全局覆写：聊天框与界面美化 (强制!important) ---------- */
.bg-gray-100\/90.relative.inline-block{background:linear-gradient(145deg,#fff8fb 0%,#f0f9ff 100%)!important;backdrop-filter:blur(15px)!important;border:2px solid rgba(186,230,253,0.9)!important;border-radius:24px!important;box-shadow:0 15px 35px rgba(2,132,199,0.08),inset 0 0 20px rgba(255,183,197,0.1)!important;margin-bottom:25px!important;padding:0!important;max-width:100%!important;width:100%!important;position:relative!important;z-index:10!important;overflow:visible!important}
.bg-gray-100\/90.relative.inline-block::after{content:"";position:absolute;inset:-3px;border-radius:26px;background:linear-gradient(120deg,transparent,rgba(255,183,197,0.6),rgba(186,230,253,0.6),transparent);background-size:300% 100%;animation:z-flow 5s linear infinite;z-index:-1;pointer-events:none}
.bg-gray-100\/90.relative.inline-block:not(.chat-answer-container .bg-gray-100\/90){border-color:#fbcfe8!important;box-shadow:0 8px 25px rgba(244,113,182,0.15)!important;background:linear-gradient(135deg,#fff5f8,#fff)!important}
.markdown-body{color:#0f172a!important;font-family:'PingFang SC','Microsoft YaHei',sans-serif!important;font-size:17px!important;line-height:2.1!important;font-weight:600!important;letter-spacing:0.5px!important;padding:6px!important;text-shadow:none!important}
[class*="bg-[#F1CBCB]"],[class*="bg-[#c9e1e9]"]{display:none!important}
.sticky.w-full.top-0.flex.items-center{background:rgba(255,255,255,0.92)!important;backdrop-filter:blur(15px)!important;border-bottom:2px solid #bae6fd!important;box-shadow:0 4px 20px rgba(14,165,233,0.06)!important}
#ai-model-selector .group.flex.items-center{background:linear-gradient(90deg,#f0f9ff,#fff)!important;border:1px solid #7dd3fc!important;border-radius:14px!important;box-shadow:0 4px 10px rgba(56,189,248,0.1)!important}
#ai-model-selector .truncate.text-\[13px\]{color:#0284c7!important;font-weight:800!important}
#ai-chat-bottom-input{background:#fff!important;border:2px solid #bae6fd!important;border-radius:18px!important;box-shadow:0 8px 25px rgba(14,165,233,0.1)!important}
#ai-chat-bottom-input:focus-within{border-color:#fbcfe8!important;box-shadow:0 8px 30px rgba(244,113,182,0.2)!important;transform:translateY(-2px)!important}
#ai-chat-input{color:#0f172a!important;font-weight:700!important;font-size:16px!important}
#ai-chat-input::placeholder{color:#94a3b8!important;font-weight:600!important}
#ai-chat-input::selection{background:#fbcfe8!important;color:#9f1239!important}
#ai-mod-button2 button.MuiButton-root{background:linear-gradient(135deg,#e0f2fe,#fce7f3)!important;color:#0284c7!important;border:1px solid #bae6fd!important;border-radius:10px!important;font-weight:800!important}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary{color:#0284c7!important;font-weight:800!important}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2{color:#475569!important;font-weight:700!important}
.text-orange-500{color:#e11d48!important;font-weight:900!important}
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{background:linear-gradient(180deg,rgba(255,255,255,0.95),#f0f9ff)!important;backdrop-filter:blur(10px)!important;border-top:2px solid #e0f2fe!important}
div.text-lg.font-bold{color:#0284c7!important;font-weight:900!important}
.MuiPaginationItem-root.Mui-selected{background:linear-gradient(135deg,#38bdf8,#0284c7)!important;color:#fff!important;box-shadow:0 4px 10px rgba(2,132,199,0.3)!important}
.style_dot-flashing__8L91Q,.style_text__zGhNq{display:none!important}
.flex.items-center.justify-center.w-6.h-5{position:relative!important;width:60px!important;height:60px!important}
.flex.items-center.justify-center.w-6.h-5::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23bae6fd' stroke-width='4' stroke-dasharray='30 20'/%3E%3Ccircle cx='50' cy='50' r='25' fill='none' stroke='%23ffb7c5' stroke-width='4' stroke-dasharray='15 10'/%3E%3Cpolygon points='50,30 65,65 35,65' fill='%23e11d48' opacity='0.8'/%3E%3C/svg%3E") no-repeat center/contain;animation:z-spin 3s cubic-bezier(0.4,0,0.2,1)infinite}

/* ---------- 全局布局 ---------- */
.W{display:flex;position:relative;width:100%;min-height:70vh;font-family:'PingFang SC','Microsoft YaHei',sans-serif}
.M{flex:1;padding:20px;transition:0.4s ease;max-width:100%}

/* ---------- 正文容器 (T-box) ---------- */
.T-box{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border:2px solid #bae6fd;border-radius:18px;padding:25px 20px;box-shadow:0 12px 40px rgba(14,165,233,0.06),inset 0 0 20px rgba(255,183,197,0.05);margin:15px 0;overflow:hidden;position:relative}
.T-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#38bdf8,#f472b6,#e11d48,#38bdf8);background-size:300% 100%;animation:z-flow 4s linear infinite}
.T-box text{display:block;white-space:pre-wrap;word-break:break-word;text-indent:2em;font-size:17.5px;line-height:2.2;color:#1e293b;font-weight:500;max-height:60vh;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:#bae6fd #f1f5f9}
.T-box text::-webkit-scrollbar{width:5px}
.T-box text::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}
.T-box text::-webkit-scrollbar-thumb{background:#bae6fd;border-radius:10px}

/* ---------- 思维链 (C) ---------- */
.C{background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;margin-bottom:15px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.02)}
.C .s{padding:14px 16px;background:linear-gradient(90deg,#f1f5f9,#fff);cursor:pointer;list-style:none;display:flex;align-items:center;font-size:14px;font-weight:800;color:#475569;border-bottom:2px solid transparent;transition:0.3s}
.C .s:hover{background:#e0f2fe;color:#0284c7}
.C .s::-webkit-details-marker{display:none}
.C[open] .s{border-bottom-color:#7dd3fc;background:#f0f9ff;color:#0284c7}
.C .cot-wrapper{padding:18px;background:#fff;border-top:1px dashed #e2e8f0;font-family:monospace;font-size:13.5px;color:#334155;line-height:1.7;white-space:pre-wrap;max-height:300px;overflow-y:auto;scrollbar-width:thin}
.C .cot-wrapper::-webkit-scrollbar{width:4px}
.C .cot-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}

/* ---------- 环境仪表盘 (E-box) ---------- */
.E-box{border:none!important;background:transparent!important;margin-bottom:15px}
.E-box .e-summary{padding:0 0 8px;font-size:13px;font-weight:800;color:#0284c7;list-style:none;display:flex;align-items:center;cursor:pointer}
.E-box .e-summary::-webkit-details-marker{display:none}
.E{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.e{background:linear-gradient(135deg,#f0f9ff,#fff);border:1px solid #bae6fd;border-radius:12px;padding:10px;box-shadow:0 4px 8px rgba(0,0,0,0.02);position:relative;overflow:hidden;animation:z-in 0.5s ease-out}
.e::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.7),transparent);transform:translateX(-100%);animation:z-shine 3s infinite}
.e b{font-size:11px;font-weight:900;color:#0284c7;letter-spacing:0.5px;display:block;margin-bottom:4px}
.e span{font-size:15px;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- 侧边栏 (S) 与触发器 (B, K) ---------- */
.S{position:fixed!important;right:0!important;top:0!important;bottom:0!important;width:min(400px,85vw)!important;background:rgba(255,255,255,0.98)!important;backdrop-filter:blur(25px)!important;border-left:2px solid #fbcfe8!important;box-shadow:-15px 0 40px rgba(2,132,199,0.1)!important;z-index:99999!important;transform:translateX(105%)!important;transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1)!important;display:flex!important;flex-direction:column!important}
#tg:checked~.S{transform:translateX(0)!important}
.K{position:fixed;inset:0;background:rgba(15,23,42,0.2);backdrop-filter:blur(4px);z-index:99990;opacity:0;visibility:hidden;transition:0.4s;cursor:pointer}
#tg:checked~.K{opacity:1;visibility:visible}
.B{position:fixed;right:0;top:30%;width:42px;min-height:120px;background:linear-gradient(180deg,#38bdf8,#f472b6,#e11d48);border:2px solid #fff;border-right:none;border-radius:16px 0 0 16px;box-shadow:-5px 0 25px rgba(244,113,182,0.5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:900;writing-mode:vertical-rl;letter-spacing:4px;cursor:pointer;z-index:99980;transition:0.3s;padding:10px 0}
.B:hover{padding-right:8px;box-shadow:-8px 0 30px rgba(225,29,72,0.7)}
.B i{width:24px;height:24px;margin-bottom:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E") center/cover}

/* 侧边栏内部 */
.L{flex:1;overflow-y:auto;padding:25px 18px 40px;scrollbar-width:none}
.L::-webkit-scrollbar{display:none}
.H1{font-size:26px;font-weight:900;color:#f472b6;letter-spacing:1px;text-shadow:2px 2px 0 rgba(2,132,199,0.1);text-align:center;margin-bottom:4px}
.H2{font-size:11px;color:#94a3b8;letter-spacing:5px;text-align:center;margin-bottom:25px}

/* ---------- 通用卡片模块 (c) ---------- */
.c{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:14px;box-shadow:0 6px 15px rgba(0,0,0,0.03);transition:0.3s;overflow:hidden;animation:z-in 0.5s ease-out}
.c:hover{border-color:#7dd3fc;box-shadow:0 10px 25px rgba(14,165,233,0.12);transform:translateY(-2px)}
.c .s{padding:14px 16px;background:linear-gradient(90deg,#f8fafc,#fff);font-size:15px;font-weight:800;color:#1e293b;cursor:pointer;list-style:none;display:flex;align-items:center;border-bottom:2px solid transparent}
.c .s::-webkit-details-marker{display:none}
.c[open] .s{border-bottom-color:#bae6fd;background:#f0f9ff;color:#0284c7}
.c .b{padding:16px;background:#fff;display:flex;flex-direction:column;gap:12px}

/* 网格 (g) 与键值对 (r, k, v) */
.g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.r{background:linear-gradient(90deg,#f1f5f9,#fff);border-left:4px solid #7dd3fc;padding:8px 12px;border-radius:0 8px 8px 0;display:flex;flex-direction:column}
.k{font-size:11px;font-weight:900;color:#0284c7;letter-spacing:0.3px;margin-bottom:2px}
.v{font-size:14px;font-weight:700;color:#0f172a}

/* 进度条组件 (p) */
.p{display:flex;flex-direction:column;gap:4px}
.p b{font-size:12px;color:#334155;font-weight:800}
.p-b{width:100%;height:18px;background:#e2e8f0;border-radius:9px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,0.05)}
.p-t{position:absolute;inset:0;text-align:center;font-size:11px;font-weight:900;color:#fff;line-height:18px;text-shadow:0 1px 3px rgba(0,0,0,0.4);z-index:2}
.p-f1,.p-f2,.p-f3,.p-f4,.p-f5{height:100%;width:100%;border-radius:9px;position:relative;animation:z-bar 2s ease-out forwards}
.p-f1{background:linear-gradient(90deg,#38bdf8,#0284c7)}
.p-f2{background:linear-gradient(90deg,#f472b6,#e11d48)}
.p-f3{background:linear-gradient(90deg,#34d399,#059669)}
.p-f4{background:linear-gradient(90deg,#fbbf24,#d97706)}
.p-f5{background:linear-gradient(90deg,#c084fc,#7e22ce)}
.p-f1::after,.p-f2::after,.p-f3::after,.p-f4::after,.p-f5::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:z-shine 2s infinite}

/* 列表 (l, li) */
.l{display:flex;flex-direction:column;gap:8px}
.li{background:#f8fafc;border:1px dashed #cbd5e1;padding:8px 10px;border-radius:8px;display:flex;align-items:flex-start;gap:10px}
.li b{background:#e2e8f0;padding:3px 8px;border-radius:6px;font-size:11px;color:#0f172a;white-space:nowrap}
.li span{font-size:13.5px;color:#334155;font-weight:700;line-height:1.5}

/* NPC滚动盒 */
.sc-b{max-height:250px;overflow-y:auto;border:2px solid #f1f5f9;border-radius:10px;padding:6px;scrollbar-width:thin}
.sc-b::-webkit-scrollbar{width:4px}
.sc-b::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}

/* 表格 (tb) */
.tb-w{overflow-x:auto;border-radius:10px;border:1px solid #e2e8f0}
.tb{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}
.tb th{background:#f1f5f9;color:#1e293b;padding:8px;text-align:left;border-bottom:2px solid #cbd5e1;font-weight:900}
.tb td{padding:8px;border-bottom:1px solid #f1f5f9;color:#334155;font-weight:600}
.tb tr:hover td{background:#f8fafc}

/* 选项卡片 (o) */
.o-l{display:flex;flex-direction:column;gap:8px}
.o-i{background:linear-gradient(135deg,#fff,#fdf4ff);border:2px solid #e879f9;padding:12px;border-radius:10px;display:flex;align-items:center;cursor:pointer;transition:0.3s;box-shadow:0 4px 10px rgba(0,0,0,0.02)}
.o-i:hover{transform:translateX(6px);box-shadow:4px 4px 0 #f0abfc;border-color:#d946ef}
.o-i b{background:#d946ef;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;margin-right:12px;flex-shrink:0}
.o-i span{font-size:14.5px;font-weight:800;color:#4a044e;line-height:1.4}

/* 标签 (t) */
.t-b{display:flex;flex-wrap:wrap;gap:8px}
.t{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:800}
.t.g1{background:#fef9c3;border-color:#fde047;color:#a16207}
.t.d1{background:#f1f5f9;border-color:#cbd5e1;color:#475569}

/* 代码/日志风格 (cd) */
.cd{background:#0f172a;color:#38bdf8;font-family:monospace;font-size:12.5px;padding:14px;border-radius:10px;line-height:1.6;box-shadow:inset 0 2px 10px rgba(0,0,0,0.4);border-left:4px solid #0ea5e9;max-height:200px;overflow-y:auto}

/* 环形图 (r-c) */
.r-p{display:flex;align-items:center;gap:15px;padding:8px}
.r-c{width:60px;height:60px;position:relative}
.s-r{transform:rotate(-90deg);width:100%;height:100%}
.r-bg{fill:none;stroke:#fecaca;stroke-width:4}
.r-f{fill:none;stroke:#e11d48;stroke-width:4;stroke-linecap:round;stroke-dasharray:var(--d),100}
.r-t{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:900;color:#be123c}

/* 网格 (s-g) */
.s-g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.s-b{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;padding:6px;text-align:center}
.s-l{font-size:11px;color:#475569;display:block;font-weight:800}
.s-v{font-size:14px;color:#0f172a;font-weight:900}

/* 详情摘要微样式 */
.d-summary{font-size:13px;font-weight:800;color:#0284c7;padding:8px 0 4px;cursor:pointer;list-style:none;border-bottom:1px dashed #cbd5e1;margin-bottom:6px}
.d-summary::-webkit-details-marker{display:none}

/* ---------- 图标库 (i0~i22) 全量注入 ---------- */
.i0{width:20px;height:20px;margin-right:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E")center/cover;transition:0.4s}
.C[open] .i0{transform:rotate(180deg)}
.i1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2338bdf8'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f472b6'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2334d399'%3E%3Cpath d='M12 3L1 9l11 6 9-4.91V17h2V9L12 3z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i4{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fbbf24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm4.24 16L12 15.45 7.77 18l1.12-4.81-3.73-3.23 4.92-.42L12 5l1.92 4.53 4.92.42-3.73 3.23L16.23 18z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i5{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c084fc'%3E%3Cpath d='M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zm0 16c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 7zm1-11h-2v3H8v2h3v3h2v-3h3v-2h-3V8z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i6{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i7{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230f172a'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i8{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ef4444'%3E%3Cpath d='M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i10{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230ea5e9'%3E%3Cpath d='M12 2c-5.33 4.55-8 8.48-8 11.8 0 4.98 3.8 8.2 8 8.2s8-3.22 8-8.2c0-3.32-2.67-7.25-8-11.8zm0 18c-3.35 0-6-2.57-6-6.2 0-2.34 1.95-5.44 6-9.14 4.05 3.7 6 6.79 6 9.14 0 3.63-2.65 6.2-6 6.2z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i11{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f97316'%3E%3Cpath d='M21.99 8c0-.72-.37-1.35-.94-1.7L12 1 2.95 6.3C2.38 6.65 2 7.28 2 8v10c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2l-.01-10zM12 19.46l-8-4.6V10l8 4.6 8-4.6v4.86l-8 4.6z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i12{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b45309'%3E%3Cpath d='M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i13{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23eab308'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i14{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b91c1c'%3E%3Cpath d='M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i16{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2314b8a6'%3E%3Cpath d='M12.19 3.06L11 2 4.19 8.81 5.25 9.87 11 4.12l6.81 6.81 1.06-1.06z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i19{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366f1'%3E%3Cpath d='M12 2C6.48 2 2 4.24 2 7v10c0 2.76 4.48 5 10 5s10-2.24 10-5V7c0-2.76-4.48-5-10-5zm0 18c-4.42 0-8-1.79-8-4v-2.26c1.68 1.16 4.54 1.94 8 1.94s6.32-.78 8-1.94V16c0 2.21-3.58 4-8 4z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i20{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232dd4bf'%3E%3Cpath d='M2 6v12h20V6H2zm18 10H4V8h16v8zm-4-7h-2v2h2V9zm-4 0H8v2h2V9zm-4 0H6v2h2V9z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i21{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dc2626'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}
.i22{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d946ef'%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.36 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E");width:20px;height:20px;margin-right:10px;display:inline-block;background-size:cover}

/* ---------- 动画关键帧 ---------- */
@keyframes z-spin{100%{transform:rotate(360deg)}}
@keyframes z-shine{100%{transform:translateX(100%)}}
@keyframes z-flow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes z-pulse{0%,100%{opacity:1}50%{opacity:0.7;box-shadow:0 0 15px rgba(225,29,72,0.3)}}
@keyframes z-in{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes z-bar{0%{width:0%}}

/* ---------- 移动端适配 ---------- */
@media(max-width:768px){
.W{flex-direction:column;min-height:80vh}
.M{padding:10px;max-width:100%!important}
.S{width:100%!important;height:88vh!important;max-height:88vh!important;top:auto!important;bottom:0!important;border-left:none!important;border-top:4px solid #f472b6!important;border-radius:24px 24px 0 0!important;transform:translateY(105%)!important;box-shadow:0 -15px 40px rgba(0,0,0,0.15)!important}
#tg:checked~.S{transform:translateY(0)!important}
.B{top:auto!important;bottom:50px!important;right:0!important;min-height:90px!important;width:45px!important;border-radius:16px 0 0 16px!important;background:linear-gradient(180deg,#f472b6,#e11d48)!important}
.T-box{padding:15px 12px}
.T-box text{font-size:16px;line-height:2;max-height:50vh}
.E{grid-template-columns:repeat(2,1fr)}
}