/**
 * 灵岸品牌色 — 补充需求 xlsx / MasterGo 设计稿 #7B2FBE
 * 覆盖 super-i 默认黑绿主题，加载于 common.css 之后
 */
:root {
  --linkon-primary: #7B2FBE;
  --linkon-primary-dark: #5E2394;
  --linkon-primary-light: #9B59D9;
  --linkon-primary-soft: rgba(123, 47, 190, 0.12);
  --linkon-accent: #D4B8F0;
  --linkon-stat: #9B59D9;
  --primary: #7B2FBE;
  --secondary: #D4B8F0;
  --iconfill: #9B59D9;
  --light-bg: #FAF8FC;
}

.logo-brand {
  display: none !important;
}

.logo-tagline {
  color: var(--linkon-primary) !important;
  margin-top: 0 !important;
}

/* 全站页脚品牌 Logo */
.linkon-foot-brand {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 16px;
}

.linkon-foot-logo {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
}

.linkon-foot-logo img {
  height: clamp(28px, 2.2vw, 36px);
  width: auto;
  max-width: clamp(88px, 7vw, 120px);
  object-fit: contain;
  display: block;
}

.logo img {
  height: clamp(36px, 2.5vw, 48px);
  width: auto;
  max-width: clamp(120px, 8vw, 150px);
  object-fit: contain;
}

/* 桌面端 Logo 按刺猬星球导航比例放大；覆盖窄桌面旧规则的 34px 上限 */
@media (min-width: 769px) and (max-width: 1279px) {
  .head1 .logo a img {
    height: clamp(34px, 3vw, 42px) !important;
    max-width: clamp(105px, 10vw, 132px) !important;
  }
}

@media (max-width: 768px) {
  .head1 .logo a img {
    height: 36px;
    max-width: 110px;
  }
}

.linkon-service-qr-img.is-brand-fallback {
  object-fit: contain;
  padding: 8px;
  background: #fff;
  opacity: 0.92;
}

/* 主 CTA / 活动按钮 theme2：绿 → 紫 */
.sbtn45.theme2,
.C-btn3.theme2,
.app-btn.theme2,
.btn6.theme2,
.home3 .item .home3-btn.theme2,
.loadmore.theme2,
.user-info .C-btn3.theme2 {
  background: var(--linkon-primary) !important;
  border-color: var(--linkon-primary) !important;
  color: #fff !important;
}

.sbtn45.theme2:hover,
.C-btn3.theme2:hover,
.app-btn.theme2:hover,
.btn6.theme2:hover {
  background: var(--linkon-primary-dark) !important;
  border-color: var(--linkon-primary-dark) !important;
  color: #fff !important;
}

.sbtn45.theme1,
.C-btn3.theme1 {
  border-color: var(--linkon-primary) !important;
}

.linkon-cookie-btn-primary,
.linkon-service-root {
  --linkon-service-accent: var(--linkon-primary-light);
  --linkon-service-dark: var(--linkon-primary-dark);
}

.linkon-service-fab-btn {
  background: var(--linkon-primary-dark) !important;
}

.linkon-service-drawer-badge {
  background: var(--linkon-primary-light) !important;
  color: #fff !important;
}

.linkon-cookie-btn-primary {
  background: var(--linkon-primary) !important;
  border-color: var(--linkon-primary) !important;
}

.linkon-favorite-btn.is-on {
  color: var(--linkon-primary) !important;
  border-color: rgba(123, 47, 190, 0.35) !important;
}

/* 导航胶囊 / 高亮 */
.nav .menu li a.pithy-btn,
.nav .menu li a.linkon-ai-btn,
.head1 .des-btn {
  background: var(--linkon-primary-soft) !important;
  color: var(--linkon-primary-dark) !important;
}

/* ── 覆盖 common.css 硬编码刺猬绿 ── */
.sbtn45.theme1,
.home7 .sbtn45.theme1 {
  background: var(--linkon-primary) !important;
  border-color: var(--linkon-primary) !important;
  color: #fff !important;
}

.sbtn45.theme1:hover {
  background: var(--linkon-primary-dark) !important;
  border-color: var(--linkon-primary-dark) !important;
  color: #fff !important;
}

.home-courses-bar {
  background: var(--linkon-primary-light) !important;
}

.linkon-stat-accent {
  color: var(--linkon-stat) !important;
}

.flowpix-btn span,
.flowpix-btn .flip-text {
  background-image: linear-gradient(253deg, #D4B8F0 16%, #7B2FBE 88%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.C-btn3.theme2 {
  border-color: var(--linkon-primary-light) !important;
  color: var(--linkon-primary-dark) !important;
}

.tc-pro .sec3 .item .C-btn3.theme2,
.tc-pro .sec3 .item.zhongshen .C-btn3 {
  border-color: var(--linkon-primary) !important;
  color: var(--linkon-primary-dark) !important;
}

.tc-payment .card .inner .t5 span,
.tc-payment2 .card .inner .t5 span,
.tc-payment3 .card .inner .t5 span {
  color: var(--linkon-primary) !important;
}

.Eform2 .C-btn3,
.linkon-auth-form .C-btn3 {
  background: var(--linkon-primary) !important;
  border-color: var(--linkon-primary) !important;
  color: #fff !important;
}

.Eform2 .C-btn3:hover,
.linkon-auth-form .C-btn3:hover {
  background: var(--linkon-primary-dark) !important;
}

.signup-btn:hover .btn-fill {
  background: var(--linkon-primary-dark) !important;
}

/* 首屏三角导航 / 高亮态 */
.si-tri-btn.is-top,
.si-tri-btn.is-active {
  background: var(--linkon-primary-light) !important;
  border-color: var(--linkon-primary) !important;
  box-shadow: 0 4px 16px rgba(123, 47, 190, 0.28) !important;
}

@media (hover: hover) and (pointer: fine) {
  .si-tri-btn:hover {
    background: var(--linkon-primary) !important;
    border-color: var(--linkon-primary) !important;
    box-shadow: 0 8px 28px rgba(123, 47, 190, 0.35) !important;
  }
}

.si-tri-tooltip-inner {
  border-color: rgba(123, 47, 190, 0.35) !important;
}

.si-tri-tooltip-link:hover {
  border-color: var(--linkon-primary-light) !important;
  background: var(--linkon-primary-soft) !important;
}

.si-tri-mobile-panel {
  border-color: rgba(123, 47, 190, 0.45) !important;
}

.si-shequn-num,
.si-shequn-yest-num,
.linkon-community-stat {
  color: var(--linkon-stat) !important;
}

/* 直播 / 工具页活动胶囊 */
.tool-zhibo-cta,
.zhibo-modal .cta-btn,
.zhibo-modal .join-btn {
  background: var(--linkon-primary) !important;
  border-color: var(--linkon-primary) !important;
}

.tool-zhibo-cta:hover,
.zhibo-modal .cta-btn:hover {
  background: var(--linkon-primary-dark) !important;
}

/* 教程详情、静态页点缀色 */
.linkon-comment-btn:hover {
  border-color: var(--linkon-primary-light) !important;
}

.linkon-static-page a:hover,
.linkon-static-toc a.is-active {
  color: var(--linkon-primary) !important;
}

.linkon-static-meta span::before {
  background: var(--linkon-primary-light) !important;
}

/* ===== 7_1ui.xlsx（2026-07-01）品牌色补齐 ===== */

/* R8 导航翻转高亮：绿 → 紫白渐变 */
.nav .menu li a.has-flip .flip-span::after,
.nav .menu li a.flowpix-btn.has-flip .flip-span-dark::after {
  color: var(--linkon-primary) !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(253deg, #D4B8F0 16%, #7B2FBE 88%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
}

/* R9/R10 教程列表：选中 Tab / 分类高亮 */
.tab-group .tab.on,
.tab-group.theme-pink .tab.on,
.aigc4 .zuo .item.on,
.strategy2 .C-list1.on,
.tutorial2 .C-list3.on {
  background: var(--linkon-primary-light) !important;
  border-color: var(--linkon-primary) !important;
  color: #fff !important;
}

/* 选中态文字在 span 内，需覆盖默认紫色以保证对比度 */
.tab-group .tab.on span,
.tab-group.theme-pink .tab.on span,
.tab-group-sub .tab.on span {
  color: #fff !important;
}

.home-courses-bar,
.C-paging a.on {
  background: var(--linkon-primary-light) !important;
  border-color: var(--linkon-primary) !important;
}

/* R11 会员弹窗装饰光晕：偏绿 → 偏紫（登录页在 linkon-auth.css 单独处理） */
.tc-pro .blur-radio {
  filter: hue-rotate(68deg) saturate(1.05);
}

.tc-login .sec2 .zuo .t3,
.tc-login .tc-t1 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* R12 会员弹窗：三年套餐粉白、五年套餐紫白渐变（logo） */
.tc-pro .sec3 .item.pro .inner {
  background: linear-gradient(180deg, #FFF5F8 0%, #FFE4EC 52%, #FFFFFF 100%) !important;
  color: #2d1b42 !important;
}

.tc-pro .sec3 .item.pro .t6,
.tc-pro .sec3 .item.pro .t7,
.tc-pro .sec3 .item.pro .equity-list .li {
  color: #2d1b42 !important;
}

.tc-pro .sec3 .item.pro .C-btn3 {
  background: var(--linkon-primary) !important;
  border-color: var(--linkon-primary) !important;
  color: #fff !important;
}

.tc-pro .sec3 .item.zhongshen .inner {
  background: linear-gradient(155deg, #7B2FBE 0%, #D4B8F0 55%, #FFFFFF 100%) !important;
  color: #2d1b42 !important;
}

.tc-pro .sec3 .item.zhongshen .inner .t6,
.tc-pro .sec3 .item.zhongshen .t7 {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(46, 16, 80, 0.25);
}

.tc-pro .sec3 .item.zhongshen .equity-list .li {
  color: #3b2458 !important;
}

.tc-pro .sec3 .item.zhongshen .equity-list .li .icon img {
  filter: none !important;
}

.tc-pro .sec3 .item.zhongshen .jiesuo {
  background-color: #D4B8F0 !important;
  border-color: #D4B8F0 !important;
  color: #5E2394 !important;
}

.tc-pro .sec3 .item.zhongshen .C-btn3 {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: #fff !important;
  color: var(--linkon-primary-dark) !important;
}

.tc-pro .sec3 .item.zhongshen .C-btn3[style*="C20205"] {
  color: var(--linkon-primary-dark) !important;
}

.tc-pro .sec3 .item.zhongshen .C-btn3 .C-djs {
  color: var(--linkon-primary-dark) !important;
}

/* R6/R7 首页「适合谁」：高亮卡外框与其余三张保持一致 */
.home2 .list .item.is-highlight {
  border: 1px solid #000 !important;
  box-shadow: 0 0 0.26vw 0 rgba(0, 0, 0, 0.1) !important;
  outline: none !important;
}

@media (max-width: 768px) {
  .home2 .list .item.is-highlight {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1) !important;
  }
}

/* R6/R7 适合谁四卡：绿色装饰 → logo1 紫白色 */
.home2 .list .item::before {
  background: linear-gradient(180deg, #7B2FBE 0%, #B794E8 45%, #F3E8FF 100%) !important;
}

.home2 .list .item .t3 .icon {
  background: linear-gradient(180deg, #FAF5FF 0%, #E8D4FA 55%, #D4B8F0 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(123, 47, 190, 0.12);
}

.home2 .item .tag span {
  background: rgba(243, 232, 255, 0.72) !important;
  border-color: rgba(123, 47, 190, 0.22) !important;
  color: #5E2394;
}

.home2 .item .ul .li .icon svg path,
.home2 .item .ul .li .icon svg rect {
  stroke: #7B2FBE !important;
}

/* 成为谁：绿色装饰 → logo1 紫白色 */
.home4 .main {
  border-color: rgba(123, 47, 190, 0.32) !important;
  background: linear-gradient(238deg, #FAF5FF -13.13%, #F3E8FF 38%, #E8D4FA 69.63%) !important;
}

.home4 .ul .li .icon svg path,
.home4 .ul .li .icon svg rect {
  stroke: #7B2FBE !important;
}

.home4 .pic img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* R9/R10 AIGC教程「加入灵岸社群」：绿模块/重点字/色块 → logo 紫白渐变 */
.join-shequn-mini,
.strategy-hero .join-shequn {
  background: linear-gradient(182deg, rgba(243, 232, 255, 0.92) 1.45%, rgba(232, 212, 250, 0.45) 52%, rgba(255, 255, 255, 0.15) 98.76%) !important;
  border-color: rgba(123, 47, 190, 0.32) !important;
}

.join-shequn-mini .jsm-title-hl,
.join-shequn-mini .t1 span,
.strategy-hero .join-shequn .t1 span {
  color: var(--linkon-primary) !important;
}

.join-shequn-mini .jsm-subtitle {
  color: #6B5B7A !important;
}

.join-shequn-mini .jsm-feat-text {
  color: var(--linkon-primary-dark) !important;
}

.join-shequn-mini .jsm-feat-ico {
  background: linear-gradient(180deg, #FAF5FF 0%, #E8D4FA 100%) !important;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(123, 47, 190, 0.14);
}

.join-shequn-mini .jsm-qr {
  border: 1px solid rgba(123, 47, 190, 0.18) !important;
  box-shadow: 0 0.1vw 0.42vw rgba(123, 47, 190, 0.1) !important;
}

.join-shequn-mini .jsm-qr-tip {
  color: var(--linkon-primary-dark) !important;
}

/* R5 宣传片区角标 super-i → linkon-ai（替换原 .t3 内 SVG，不额外叠一层） */
.home7 .t3 {
  width: auto !important;
  min-width: 12.083vw;
  padding: 0 1.25vw;
}

.home7 .t3 .icon {
  width: auto !important;
}

.home7 .t3 .linkon-promo-mark {
  color: #fff;
  font-size: 0.95vw;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  white-space: nowrap;
  text-transform: lowercase;
}

@media (max-width: 768px) {
  .home7 .t3 {
    min-width: 116px;
    padding: 0 14px;
  }

  .home7 .t3 .linkon-promo-mark {
    font-size: 11px;
  }
}

/* R8 直播课横条：绿 → 紫 */
.tool-zhibo-banner .tzb-title .tzb-t2 {
  color: var(--linkon-primary) !important;
}

.tool-zhibo-banner .tzb-detail-btn {
  background: var(--linkon-primary-soft) !important;
  border-color: rgba(123, 47, 190, 0.25) !important;
  color: var(--linkon-primary-dark) !important;
}

.tool-zhibo-banner .tzb-presale-num {
  background: var(--linkon-primary-soft) !important;
  color: var(--linkon-primary-dark) !important;
}

.tool-zhibo-banner .tzb-cta-btn {
  background: var(--linkon-primary) !important;
  color: #fff !important;
}

.tool-zhibo-banner .tzb-cta-date {
  background: var(--linkon-accent) !important;
  color: var(--linkon-primary-dark) !important;
}

/* R8+ 直播课弹窗 #tc-pro-zhibo：卡片绿色 → logo 紫白渐变 */
.tc-pro-zhibo-v2 .zhibo2-glow-1 {
  background: radial-gradient(circle, rgba(123, 47, 190, 0.28) 0%, rgba(123, 47, 190, 0) 70%) !important;
}

.tc-pro-zhibo-v2 .zhibo2-glow-2 {
  background: radial-gradient(circle, rgba(212, 184, 240, 0.42) 0%, rgba(212, 184, 240, 0) 70%) !important;
}

.tc-pro-zhibo-v2 .zhibo2-title .z2t-2 {
  color: var(--linkon-primary) !important;
  background: linear-gradient(253deg, #D4B8F0 16%, #7B2FBE 88%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.tc-pro-zhibo-v2 .zhibo2-title .z2-detail-btn {
  background: linear-gradient(180deg, #FAF5FF 0%, #E8D4FA 55%, #D4B8F0 100%) !important;
  color: var(--linkon-primary-dark) !important;
  border: 1px solid rgba(123, 47, 190, 0.18);
}

.tc-pro-zhibo-v2 .zhibo2-title .z2-detail-btn:hover {
  background: linear-gradient(155deg, #5E2394 0%, #7B2FBE 48%, #9B59D9 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(123, 47, 190, 0.28) !important;
}

.tc-pro-zhibo-v2 .z2-presale-num {
  background: linear-gradient(180deg, #FAF5FF 0%, #E8D4FA 100%) !important;
  color: var(--linkon-primary-dark) !important;
  box-shadow: inset 0 0 0 1px rgba(123, 47, 190, 0.14);
}

.tc-pro-zhibo-v2 .z2-feat-ico {
  background: linear-gradient(180deg, #FAF5FF 0%, #E8D4FA 55%, #D4B8F0 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(123, 47, 190, 0.12);
}

.tc-pro-zhibo-v2 .z2-cta-group {
  background: linear-gradient(90deg, #F3E8FF 0%, #E8D4FA 45%, #D4B8F0 100%) !important;
}

.tc-pro-zhibo-v2 .z2-cta-group:hover {
  box-shadow: 0 8px 20px rgba(123, 47, 190, 0.25) !important;
}

.tc-pro-zhibo-v2 .z2-cta-date {
  color: var(--linkon-primary-dark) !important;
}

.tc-pro-zhibo-v2 .z2-cta-btn {
  background: linear-gradient(155deg, #5E2394 0%, #7B2FBE 48%, #9B59D9 100%) !important;
  color: #fff !important;
}

.tc-pro-zhibo-v2 .z2-cta-group:hover .z2-cta-btn {
  background: linear-gradient(155deg, #4A1B75 0%, #5E2394 48%, #7B2FBE 100%) !important;
}

.linkon-service-root {
  --linkon-service-accent: var(--linkon-accent) !important;
}

.linkon-service-topic-dot {
  background: var(--linkon-primary-light) !important;
}

/* R11+ EAlert「请先登录」弹窗：绿光晕 → logo 紫白渐变 */
.C-Alert .alert-content::before {
  background: radial-gradient(circle, rgba(123, 47, 190, 0.36) 0%, rgba(212, 184, 240, 0) 72%) !important;
}

.C-Alert .alert-content::after {
  background: radial-gradient(circle, rgba(212, 184, 240, 0.44) 0%, rgba(243, 232, 255, 0) 72%) !important;
}

.C-Alert .alertPop .tips {
  color: #2d1b42 !important;
  font-weight: 600;
}

.C-Alert .alertPop .desc {
  color: #6B5B7A !important;
}

.C-Alert .alertPop .btn {
  background: linear-gradient(253deg, #D4B8F0 16%, #7B2FBE 88%) !important;
  border: 2px solid rgba(255, 255, 255, 0.92) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(123, 47, 190, 0.22);
  transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.C-Alert .alertPop .btn:hover {
  background: linear-gradient(155deg, #5E2394 0%, #7B2FBE 48%, #9B59D9 100%) !important;
  transform: translateY(-1px);
}

/* 旧版 linkon-login-prompt 模态（若存在）同步紫白渐变 */
.linkon-login-prompt {
  text-align: center;
  background: linear-gradient(182deg, rgba(243, 232, 255, 0.92) 1.45%, rgba(232, 212, 250, 0.45) 52%, rgba(255, 255, 255, 0.15) 98.76%) !important;
  border: 1px solid rgba(123, 47, 190, 0.22) !important;
}

.linkon-login-prompt .linkon-modal-title {
  color: var(--linkon-primary-dark, #5E2394) !important;
}

.linkon-login-prompt .linkon-modal-sub {
  color: #6B5B7A !important;
}