/* MEME app reference dashboard theme - 2026-07-27 */
html[data-meme-app="true"]{
  --dash-bg:#f5f7ff;
  --dash-panel:#ffffff;
  --dash-line:#e7ebf6;
  --dash-ink:#152151;
  --dash-muted:#7180a1;
  --dash-blue:#3689ff;
  --dash-indigo:#5b4cff;
  --dash-violet:#6d4df8;
  --dash-cyan:#41d4ff;
  --dash-green:#27ce99;
  --dash-orange:#ff9b32;
  --dash-shadow:0 18px 45px rgba(28,45,94,.10);
  --dash-soft-shadow:0 10px 30px rgba(30,51,101,.08);
  background:
    radial-gradient(circle at 16% 6%, rgba(92,76,255,.11), transparent 28%),
    radial-gradient(circle at 94% 12%, rgba(64,212,255,.13), transparent 30%),
    linear-gradient(180deg,#fbfcff 0%,var(--dash-bg) 42%,#eef3ff 100%) !important;
  color-scheme:light !important;
}
html[data-meme-app="true"] body,
html[data-meme-app="true"] #root,
html[data-meme-app="true"] .app-layout{
  min-height:100vh !important;
  background:transparent !important;
  color:var(--dash-ink) !important;
  font-family:"HarmonyOS Sans SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif !important;
}
html[data-meme-app="true"] .app-layout::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:
    linear-gradient(rgba(67,87,139,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(67,87,139,.045) 1px, transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 42%);
}
html[data-meme-app="true"] .app-header{
  position:sticky !important;
  top:0 !important;
  z-index:30 !important;
  height:86px !important;
  padding:0 32px !important;
  background:rgba(255,255,255,.86) !important;
  backdrop-filter:blur(18px) saturate(1.15) !important;
  border-bottom:1px solid rgba(221,226,242,.9) !important;
  box-shadow:0 6px 24px rgba(36,53,102,.06) !important;
}
html[data-meme-app="true"] .header-content{
  max-width:1360px !important;
  height:86px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
}
html[data-meme-app="true"] .logo-section{
  gap:12px !important;
  min-width:0 !important;
}
html[data-meme-app="true"] .logo-icon{
  width:50px !important;
  height:50px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#fff 0%,#eef4ff 52%,#e6dcff 100%) !important;
  border:1px solid rgba(113,126,177,.18) !important;
  box-shadow:0 12px 28px rgba(91,76,255,.16) !important;
}
html[data-meme-app="true"] .app-logo-title{
  margin:0 !important;
  color:var(--dash-ink) !important;
  font-size:22px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
}
html[data-meme-app="true"] .app-logo-title::after{content:"" !important;}
html[data-meme-app="true"] .app-logo-subtitle{
  color:var(--dash-muted) !important;
  font-size:12px !important;
  letter-spacing:.01em !important;
}
html[data-meme-app="true"] .header-actions{
  display:flex !important;
  gap:14px !important;
}
html[data-meme-app="true"] .header-actions .ant-space-item{display:block !important;}
html[data-meme-app="true"] .header-actions .action-button{
  width:auto !important;
  height:42px !important;
  min-width:112px !important;
  padding:0 18px !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
  border:1px solid rgba(217,223,240,.95) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.82) !important;
  color:#31406b !important;
  box-shadow:0 10px 26px rgba(24,39,86,.06) !important;
}
html[data-meme-app="true"] .header-actions .action-button:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(91,76,255,.32) !important;
  color:var(--dash-indigo) !important;
  background:#fff !important;
}
html[data-meme-app="true"] .header-actions .ant-space-item:nth-child(1) .action-button::after{content:"返回首页";font-weight:700;font-size:13px;}
html[data-meme-app="true"] .header-actions .ant-space-item:nth-child(2) .action-button::after{content:"联系 MEME";font-weight:700;font-size:13px;}
html[data-meme-app="true"] .app-content{
  position:relative !important;
  z-index:1 !important;
  padding:24px 24px 40px !important;
  background:transparent !important;
}
html[data-meme-app="true"] .content-wrapper{
  max-width:1360px !important;
  margin:0 auto !important;
  padding:0 !important;
}
html[data-meme-app="true"] .clean-panel,
html[data-meme-app="true"] .main-tabs{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav{
  margin:0 0 20px !important;
  padding:0 !important;
  min-height:48px !important;
  height:auto !important;
  background:transparent !important;
  border:0 !important;
}
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav::before{display:none !important;}
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-nav-wrap{
  overflow:auto hidden !important;
  padding:2px 2px 8px !important;
}
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-nav-list{
  gap:14px !important;
  transform:none !important;
}
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-tab{
  min-width:138px !important;
  height:44px !important;
  margin:0 !important;
  padding:0 18px !important;
  border-radius:13px !important;
  border:1px solid var(--dash-line) !important;
  background:rgba(255,255,255,.88) !important;
  color:#304068 !important;
  box-shadow:0 10px 24px rgba(29,45,92,.06) !important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-tab:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 16px 34px rgba(49,67,120,.11) !important;
}
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-tab-active,
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-tab-active:hover{
  background:linear-gradient(135deg,var(--dash-indigo),var(--dash-violet)) !important;
  border-color:transparent !important;
  box-shadow:0 18px 36px rgba(91,76,255,.24) !important;
}
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-tab-btn,
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-tab-btn *{
  color:inherit !important;
  font-size:13px !important;
  font-weight:800 !important;
}
html[data-meme-app="true"] .main-tabs > .ant-tabs-content-holder{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  min-height:calc(100vh - 180px) !important;
}
html[data-meme-app="true"] .cockpit-tabs{
  display:grid !important;
  grid-template-columns:180px minmax(0,1fr) !important;
  gap:22px !important;
  align-items:start !important;
  overflow:visible !important;
}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav{
  grid-column:1 !important;
  position:sticky !important;
  top:106px !important;
  width:180px !important;
  min-height:500px !important;
  margin:0 !important;
  padding:14px !important;
  border:1px solid var(--dash-line) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.9) !important;
  box-shadow:var(--dash-soft-shadow) !important;
}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav::before{
  content:"工作台" !important;
  display:block !important;
  color:#8b95b4 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  margin:2px 8px 14px !important;
}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-nav-wrap{
  overflow:visible !important;
  height:auto !important;
}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-nav-list{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  transform:none !important;
}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab{
  width:100% !important;
  height:42px !important;
  margin:0 !important;
  padding:0 12px !important;
  justify-content:flex-start !important;
  border:0 !important;
  border-radius:13px !important;
  background:transparent !important;
  color:#405075 !important;
  box-shadow:none !important;
}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab-active{
  background:linear-gradient(135deg,var(--dash-indigo),var(--dash-violet)) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(91,76,255,.24) !important;
}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab-btn,
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab-btn *{
  width:100% !important;
  color:inherit !important;
  font-weight:800 !important;
  font-size:13px !important;
}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-content-holder{
  grid-column:2 !important;
  min-width:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
html[data-meme-app="true"] .growth-dashboard{
  padding:0 !important;
  color:var(--dash-ink) !important;
}
html[data-meme-app="true"] .hero-card.ant-card{
  min-height:160px !important;
  border:0 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 5% 18%, rgba(255,255,255,.35), transparent 16%),
    radial-gradient(circle at 78% 50%, rgba(255,255,255,.13), transparent 22%),
    linear-gradient(100deg,#573df5 0%,#2f91ff 68%,#49c6ff 100%) !important;
  box-shadow:0 22px 48px rgba(56,113,255,.26) !important;
}
html[data-meme-app="true"] .hero-card.ant-card::after{
  content:"";
  position:absolute;
  inset:18px 20px auto auto;
  width:112px;
  height:76px;
  opacity:.45;
  background-image:radial-gradient(#fff 1.3px,transparent 1.4px);
  background-size:14px 14px;
}
html[data-meme-app="true"] .hero-card .ant-card-body{
  min-height:160px !important;
  padding:28px 34px !important;
  display:flex !important;
  align-items:center !important;
  gap:30px !important;
}
html[data-meme-app="true"] .hero-card .ant-card-body::before{
  content:"🏆";
  flex:0 0 150px;
  width:150px;
  height:116px;
  display:grid;
  place-items:center;
  border-radius:24px;
  font-size:72px;
  background:radial-gradient(circle at 48% 36%, rgba(255,255,255,.92), rgba(255,255,255,.35) 54%, rgba(255,255,255,.1) 72%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72), 0 22px 46px rgba(30,35,115,.22);
}
html[data-meme-app="true"] .hero-card .hero-content{
  flex:1 1 auto !important;
  min-width:0 !important;
}
html[data-meme-app="true"] .hero-card h1{
  margin:0 0 12px !important;
  color:#fff !important;
  font-size:34px !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
  text-shadow:0 3px 18px rgba(20,34,90,.2) !important;
}
html[data-meme-app="true"] .hero-card p,
html[data-meme-app="true"] .hero-card .ant-typography{
  color:rgba(255,255,255,.88) !important;
  font-size:16px !important;
  font-weight:650 !important;
}
html[data-meme-app="true"] .ant-card{
  border:1px solid var(--dash-line) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:var(--dash-soft-shadow) !important;
  color:var(--dash-ink) !important;
}
html[data-meme-app="true"] .ant-card:hover{
  box-shadow:0 18px 42px rgba(28,45,94,.13) !important;
}
html[data-meme-app="true"] .metric-card.ant-card,
html[data-meme-app="true"] .growth-dashboard > .ant-row:nth-of-type(1) .ant-card{
  min-height:128px !important;
  border-radius:16px !important;
  overflow:hidden !important;
}
html[data-meme-app="true"] .metric-card .ant-statistic-title,
html[data-meme-app="true"] .ant-statistic-title{
  color:#26365f !important;
  font-weight:850 !important;
  font-size:13px !important;
}
html[data-meme-app="true"] .ant-statistic-content,
html[data-meme-app="true"] .metric-card .ant-statistic-content{
  color:var(--dash-indigo) !important;
  font-weight:950 !important;
}
html[data-meme-app="true"] .growth-dashboard > .ant-row:nth-of-type(1) .ant-col:nth-child(2) .ant-statistic-content{color:#287dff !important;}
html[data-meme-app="true"] .growth-dashboard > .ant-row:nth-of-type(1) .ant-col:nth-child(3) .ant-statistic-content{color:var(--dash-green) !important;}
html[data-meme-app="true"] .growth-dashboard > .ant-row:nth-of-type(1) .ant-col:nth-child(4) .ant-statistic-content{color:var(--dash-orange) !important;}
html[data-meme-app="true"] .ant-card-head{
  border-bottom:1px solid rgba(231,235,246,.75) !important;
  color:var(--dash-ink) !important;
}
html[data-meme-app="true"] .ant-card-head-title,
html[data-meme-app="true"] h1,
html[data-meme-app="true"] h2,
html[data-meme-app="true"] h3,
html[data-meme-app="true"] h4{
  color:var(--dash-ink) !important;
}
html[data-meme-app="true"] .ant-card p,
html[data-meme-app="true"] .ant-card li,
html[data-meme-app="true"] .ant-typography{
  color:#50607f;
}
html[data-meme-app="true"] .ant-btn-primary{
  background:linear-gradient(135deg,var(--dash-indigo),var(--dash-blue)) !important;
  border:0 !important;
  box-shadow:0 13px 26px rgba(75,91,255,.18) !important;
}
html[data-meme-app="true"] .ant-btn-default,
html[data-meme-app="true"] .ant-btn{
  border-radius:12px !important;
}
html[data-meme-app="true"] .learning-content,
html[data-meme-app="true"] pre,
html[data-meme-app="true"] code{
  max-width:100% !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
}
html[data-meme-app="true"] iframe[title="MewCodeAgent"]{
  border:1px solid var(--dash-line) !important;
  border-radius:22px !important;
  box-shadow:var(--dash-shadow) !important;
  background:#fff !important;
}
@media (max-width:1100px){
  html[data-meme-app="true"] .cockpit-tabs{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
  html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav,
  html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-content-holder{
    grid-column:1 !important;
  }
  html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav{
    position:relative !important;
    top:auto !important;
    width:100% !important;
    min-height:0 !important;
    padding:10px !important;
  }
  html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav::before{display:none !important;}
  html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-nav-wrap{
    overflow:auto hidden !important;
  }
  html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-nav-list{
    flex-direction:row !important;
    flex-wrap:nowrap !important;
  }
  html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab{
    width:auto !important;
    min-width:126px !important;
  }
}
@media (max-width:720px){
  html[data-meme-app="true"] .app-header{
    height:auto !important;
    padding:12px 14px !important;
  }
  html[data-meme-app="true"] .header-content{
    height:auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
  }
  html[data-meme-app="true"] .header-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
  html[data-meme-app="true"] .header-actions .action-button{
    width:100% !important;
    min-width:0 !important;
  }
  html[data-meme-app="true"] .app-content{
    padding:14px 12px 28px !important;
  }
  html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-tab{
    min-width:max-content !important;
    padding:0 14px !important;
  }
  html[data-meme-app="true"] .hero-card .ant-card-body{
    padding:22px 18px !important;
    gap:16px !important;
    align-items:flex-start !important;
  }
  html[data-meme-app="true"] .hero-card .ant-card-body::before{
    flex-basis:72px !important;
    width:72px !important;
    height:72px !important;
    font-size:42px !important;
    border-radius:18px !important;
  }
  html[data-meme-app="true"] .hero-card h1{
    font-size:24px !important;
    overflow-wrap:anywhere !important;
  }
  html[data-meme-app="true"] .hero-card p,
  html[data-meme-app="true"] .hero-card .ant-typography{
    font-size:14px !important;
  }
  html[data-meme-app="true"] .ant-card-body{
    padding:18px !important;
  }
}
@media (max-width:430px){
  html[data-meme-app="true"] .logo-icon{width:44px !important;height:44px !important;}
  html[data-meme-app="true"] .app-logo-title{font-size:18px !important;}
  html[data-meme-app="true"] .app-logo-subtitle{font-size:11px !important;}
  html[data-meme-app="true"] .hero-card .ant-card-body{flex-direction:column !important;}
}

/* Final tune: match the light dashboard reference more closely. */
html[data-meme-app="true"] header.app-header.ant-layout-header,
html[data-meme-app="true"] .ant-layout-header.app-header{
  background:rgba(255,255,255,.9) !important;
  border-bottom:1px solid rgba(226,231,244,.95) !important;
}
html[data-meme-app="true"] .app-logo-title{
  font-size:0 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}
html[data-meme-app="true"] .app-logo-title::after{
  content:"MEME LTV 数据分析工具" !important;
  display:inline !important;
  color:var(--dash-ink) !important;
  font-size:21px !important;
  line-height:1.16 !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
}
html[data-meme-app="true"] .app-logo-subtitle{
  font-size:0 !important;
  white-space:nowrap !important;
}
html[data-meme-app="true"] .app-logo-subtitle::after{
  content:"数据驱动增长 · 智能归因决策" !important;
  color:var(--dash-muted) !important;
  font-size:12px !important;
  line-height:1.35 !important;
}
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active,
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover{
  background:linear-gradient(135deg,#5b4cff 0%,#7a4df8 100%) !important;
  border-color:transparent !important;
  box-shadow:0 18px 36px rgba(91,76,255,.24) !important;
}
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn *,
html[data-meme-app="true"] .main-tabs > .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active svg{
  color:#fff !important;
  fill:currentColor !important;
  -webkit-text-fill-color:#fff !important;
}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:left !important;
  gap:8px !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
html[data-meme-app="true"] .cockpit-tabs,
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-content-holder,
html[data-meme-app="true"] .growth-dashboard,
html[data-meme-app="true"] .ant-tabs-tabpane-active,
html[data-meme-app="true"] .ant-card{
  max-width:100% !important;
  box-sizing:border-box !important;
}
html[data-meme-app="true"] .ant-row{
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
@media (max-width:1100px){
  html[data-meme-app="true"] .cockpit-tabs{grid-template-columns:minmax(0,1fr) !important;}
  html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav{width:100% !important;max-width:100% !important;box-sizing:border-box !important;}
  html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab{max-width:100% !important;}
  html[data-meme-app="true"] .hero-card.ant-card{width:100% !important;max-width:100% !important;}
}
@media (max-width:430px){
  html[data-meme-app="true"] .app-logo-title::after{font-size:17px !important;}
  html[data-meme-app="true"] .app-logo-subtitle::after{font-size:11px !important;}
}

/* Side rail labels: keep the reference-style readable menu. */
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab-btn{
  font-size:0 !important;
  width:100% !important;
}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab-btn::after{
  display:inline-block !important;
  margin-left:8px !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1 !important;
  color:inherit !important;
  white-space:nowrap !important;
}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab:nth-child(1) .ant-tabs-tab-btn::after{content:"星豆咖啡" !important;}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab:nth-child(2) .ant-tabs-tab-btn::after{content:"极光视频" !important;}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab:nth-child(3) .ant-tabs-tab-btn::after{content:"元气山海" !important;}
@media (max-width:1100px){
  html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab-btn::after{margin-left:6px !important;}
}

/* Use native side labels, remove duplicated pseudo text. */
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab-btn{
  font-size:13px !important;
  width:100% !important;
  color:inherit !important;
}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab-btn > span{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
html[data-meme-app="true"] .cockpit-tabs > .ant-tabs-nav .ant-tabs-tab-btn::after{
  content:none !important;
  display:none !important;
}