/* 宏相关样式（爆发宏卡 + 专精常用宏卡）。
 * ⛔ 从 wow_en_rotation.html 的内联 <style> 里抽出来（2026-09-07）：
 *   宏现在有两个渲染处（循环页 + 专精宏页），再拄一份样式
 *   就是「同一数据三处各建各的」那个坏味道。
 * ⛔ 改这个文件后必须验括号配平：多一个 } 会静默废掉后面全部规则。
 */
.gi-macro{margin-top:18px;border:1px solid rgba(200,168,75,.25);border-radius:12px;background:linear-gradient(180deg,rgba(200,168,75,.07),rgba(200,168,75,.02));overflow:hidden}
.gi-macro-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid rgba(200,168,75,.18)}
.gi-macro-title{font-size:13px;font-weight:700;color:#e0d4a8}
.gi-macro-title .ai{display:inline-block;padding:1px 6px;margin-right:4px;border-radius:5px;font-size:10.5px;letter-spacing:.06em;background:var(--cc,#c8a84b);color:#0b0e14}
.gi-macro-ref{font-size:12px;color:#c8aa6e;text-decoration:none}.gi-macro-ref:hover{text-decoration:underline}
.gi-macro-body{display:grid;grid-template-columns:minmax(260px,1.1fr) 1fr;gap:14px;padding:12px 14px}
@media(max-width:640px){.gi-macro-body{grid-template-columns:1fr}}
.gi-macro-pre{margin:0;font-family:ui-monospace,Consolas,"SFMono-Regular",monospace;font-size:12.5px;line-height:1.6;color:#f0e6c8;background:#0b0e14;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px 12px;white-space:pre-wrap;word-break:break-all}
.gi-macro-side{display:flex;flex-direction:column;gap:6px}
.gi-macro-why{margin:0;font-size:12px;line-height:1.5;color:var(--text3)}
.gi-macro-copy{align-self:flex-start;margin-top:auto;font:inherit;font-size:12px;padding:4px 14px;border-radius:999px;border:1px solid rgba(200,168,75,.35);background:rgba(200,168,75,.12);color:#e0d4a8;cursor:pointer}
.gi-macro-copy:hover{background:rgba(200,168,75,.22)}.gi-macro-copy.ok{border-color:#3fbf7f;color:#8ff0b8}
.gi-macro-gate{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px}
.gi-macro-cta{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13.5px;font-weight:700;padding:9px 18px;border-radius:999px;border:1px solid rgba(200,168,75,.5);color:#0b0e14;background:linear-gradient(180deg,#e8cd7a,#c8a84b);box-shadow:0 2px 10px rgba(200,168,75,.25),inset 0 1px 0 rgba(255,255,255,.35);cursor:pointer;transition:transform .15s,box-shadow .15s}
.gi-macro-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(200,168,75,.35),inset 0 1px 0 rgba(255,255,255,.35)}
.gi-macro-price{font-size:12px;color:var(--text3)}.gi-macro-price .cn,.gi-macro-price .intl{font-weight:700;color:#e0d4a8}
html:not([data-cn]) .gi-macro-price .cn,html[data-cn] .gi-macro-price .intl{display:none}
html:not([data-cn]) .gi-macro-pay.cn,html[data-cn] .gi-macro-pay.intl{display:none}
.gi-macro-loading{padding:16px 14px 14px}
.gi-macro-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.gi-macro-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#c8a84b,#f0e0a0);transition:width .4s linear}
.gi-macro-steps{position:relative;height:20px;margin-top:10px;font-size:12.5px;color:var(--text3)}
.gi-macro-steps span{position:absolute;left:0;top:0;opacity:0;transition:opacity .35s}.gi-macro-steps span.on{opacity:1}
.gi-macro-steps span.on::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;border:2px solid #c8a84b;border-right-color:transparent;animation:gi-spin .8s linear infinite;vertical-align:-1px}
@keyframes gi-spin{to{transform:rotate(360deg)}}
.gi-macro-actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}
.gi-macro-fb{font:inherit;font-size:12px;padding:4px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--text3);cursor:pointer}.gi-macro-fb:hover{color:var(--text);border-color:rgba(255,255,255,.3)}
.gi-macro-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}
.gi-macro-modal-bg{position:absolute;inset:0;background:rgba(5,7,12,.7);backdrop-filter:blur(3px)}
.gi-macro-modal-box{position:relative;width:min(420px,92vw);background:#11151d;border:1px solid rgba(200,168,75,.3);border-radius:14px;padding:22px 22px 18px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.gi-macro-modal-box h3{margin:0 0 8px;font-size:16px;color:#e6ebf3}.gi-macro-modal-box h3 .ai{display:inline-block;padding:1px 6px;margin-right:4px;border-radius:5px;font-size:11px;letter-spacing:.06em;background:var(--cc,#c8a84b);color:#0b0e14}
.gi-macro-modal-x{position:absolute;top:8px;right:10px;font:inherit;font-size:20px;line-height:1;background:none;border:0;color:var(--text3);cursor:pointer}
.gi-macro-modal-p{margin:0 0 14px;font-size:13px;line-height:1.55;color:#c8d0de}
.gi-macro-modal-s{margin:8px 0 0;font-size:11.5px;color:var(--text3);text-align:center}
.gi-macro-wallets{display:flex;gap:6px;justify-content:center;margin-bottom:10px}
.gi-macro-wallets button{font:inherit;font-size:12px;padding:4px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--text3);cursor:pointer}.gi-macro-wallets button.on{border-color:#c8a84b;color:#e0d4a8;background:rgba(200,168,75,.12)}
.gi-macro-qr{display:block;width:200px;height:200px;margin:0 auto;border-radius:10px;background:#fff;object-fit:contain}
.gi-macro-kofi{display:block;text-align:center;padding:10px 14px;border-radius:10px;background:#29abe0;color:#fff;font-weight:700;text-decoration:none}
.gi-macro-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}
.gi-macro-go{font:inherit;font-size:13px;font-weight:700;padding:8px 16px;border-radius:999px;border:1px solid rgba(200,168,75,.5);color:#0b0e14;background:linear-gradient(180deg,#e8cd7a,#c8a84b);cursor:pointer}
.gi-macro-cancel{font:inherit;font-size:13px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--text3);cursor:pointer}
.gi-macro [hidden],.gi-macro-modal[hidden],.gi-macro-qr[hidden],.gi-macro-body[hidden]{display:none!important}
.gi-macro-variants{display:flex;flex-direction:column;gap:10px}
.gi-macro-variant{display:flex;flex-direction:column;gap:6px}
.gi-macro-variant .gi-macro-copy{align-self:flex-start;margin-top:0}
.gi-macro-vt{font-size:12px;font-weight:700;color:#e0d4a8}
.gi-macro-powered{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-6px 0 14px;font-size:11.5px;color:#8f98ad}
.gi-macro-powered .pw{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#dfe4ee;font-weight:600}
.gi-macro-powered .pw img{width:14px;height:14px;display:block}
.gi-macro-ok-ic{color:#3fbf7f;margin:2px 0 8px}
.gi-sm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.gi-sm-card{display:flex;flex-direction:column;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px 10px}
.gi-sm-name{font-size:14px;font-weight:700;color:#eef1f7;margin-bottom:8px}
.gi-sm-pre{margin:0;font-family:ui-monospace,Consolas,"SFMono-Regular",monospace;font-size:12.5px;line-height:1.55;color:#f0e6c8;background:#0b0e14;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:9px 11px;white-space:pre-wrap;word-break:break-all}
.gi-sm-note{margin-top:8px;font-size:12px;line-height:1.5;color:#aab3c8;flex:1}
.gi-sm-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.gi-sm-lock{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;border:1px dashed rgba(200,168,75,.35);border-radius:12px;background:rgba(200,168,75,.05)}
.gi-sm-lock[hidden]{display:none!important}
.gi-sm-pre.locked{color:#8f9bb3;max-height:2.2em;overflow:hidden;position:relative}
.gi-sm-pre.locked::after{content:"🔒";position:absolute;right:8px;top:6px;font-size:12px}
.gi-sm-card .gi-copy-btn[disabled]{opacity:.35;cursor:not-allowed}
.gi-sm-paid{background:rgba(88,200,120,.14)!important;border-color:rgba(88,200,120,.35)!important;color:#7fdc9a!important}

/* 客户端语言提醒（台账 #130）—— 排在宏卡上方，玩家复制前必经过 */
.gi-sm-langwarn{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:0 0 12px;padding:8px 12px;border-radius:9px;font-size:12.5px;line-height:1.55;color:#e0d4a8;background:rgba(200,168,75,.09);border:1px solid rgba(200,168,75,.28)}
.gi-sm-langwarn b{color:#fff;font-weight:700}