/* ============================================================ 钢铁侠主题（Iron Man）· 红金配色 + 科技HUD发光 + 方舟反应堆用法：（各页主题选择器可选此主题）设计：保留各页原有布局，仅叠加红金配色与机甲质感。 ============================================================ */ /* ---- 方舟反应堆背景光晕（右上角环形能量核心）---- */ body.theme-ironman::before { content: ''; position: fixed; top: -150px; right: -150px; width: 480px; height: 480px; border-radius: 50%; pointer-events: none; z-index: 0; background: radial-gradient(circle, rgba(255, 190, 0, .32) 0 15%, transparent 15.6% 19%, rgba(255, 190, 0, .24) 19.6% 23%, transparent 23.6% 28%, rgba(230, 36, 41, .18) 28.6% 34%, transparent 34.6% 41%, rgba(255, 190, 0, .13) 41.6% 48%, transparent 48.6% 55%, rgba(230, 36, 41, .09) 55.6% 63%, transparent 63.6% 71%, rgba(255, 190, 0, .06) 71.6% 79%, transparent 79.6%); animation: ironmanReactor 9s linear infinite; } @keyframes ironmanReactor { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.04); } 100% { transform: rotate(360deg) scale(1); } } /* ---- 通用：主按钮 / 强调元素红金渐变 ---- */ body.theme-ironman .btn-primary, body.theme-ironman .primary, body.theme-ironman .btn[class*="green"], body.theme-ironman button[style*="linear-gradient"], body.theme-ironman .mode-btn.active { background: linear-gradient(135deg, #ffb400 0%, #e62429 100%) !important; border-color: rgba(255, 255, 255, .25) !important; box-shadow: 0 6px 18px rgba(230, 36, 41, .32), inset 0 1px 0 rgba(255, 255, 255, .35) !important; color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .25); } /* 卡片/面板红金描边 + 微发光 */ body.theme-ironman .card, body.theme-ironman .panel, body.theme-ironman .modal-box, body.theme-ironman .ui-modal-card, body.theme-ironman .game-machine { border: 1px solid rgba(230, 36, 41, .28) !important; box-shadow: 0 14px 40px rgba(120, 12, 24, .14), inset 0 1px 0 rgba(255, 190, 0, .10) !important; } /* 标题金属红金渐变文字 */ body.theme-ironman h1, body.theme-ironman .title { background-image: linear-gradient(135deg, #ffd9a0 0%, #ffb400 45%, #e62429 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } /* 数学专项主标题：保留 ∫ 微积分符号（白字显示在能量方块上，不被透明文字覆盖） */ body.theme-ironman h1 .m-ico { -webkit-text-fill-color: #fff !important; color: #fff !important; background: linear-gradient(135deg, #ffb400, #e62429) !important; box-shadow: 0 .16em .38em rgba(230, 36, 41, .45) !important; } /* 链接/强调文字金色 */ body.theme-ironman a, body.theme-ironman .user-link, body.theme-ironman .link { color: #d21f3c; } /* 圆角能量核心小图标：给 logo/头像加一道金红描边 */ body.theme-ironman .site-logo, body.theme-ironman .auth-logo, body.theme-ironman .stu-avatar, body.theme-ironman .photo-preview { border-radius: 50% !important; box-shadow: 0 0 0 2px rgba(255, 190, 0, .55), 0 0 18px rgba(230, 36, 41, .35) !important; } /* 分隔线金属金 */ body.theme-ironman .sep, body.theme-ironman .ud-sep { background: linear-gradient(90deg, #ffb400, #e62429) !important; height: 1px !important; border: none !important; }