@import './variables.css';

/* =========================================================
   餐谋长 V2｜纯 UI 重设计层
   说明：本文件只改视觉、布局、动效，不承载任何业务代码。
   ========================================================= */

* { margin: 0; padding: 0; box-sizing: border-box; }
html { min-width: 1180px; }
body {
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, sans-serif;
    color: var(--text-main);
    background: #eaf1ff url('../assets/ui/ambient-fruit-exact.png') center / cover fixed;
    overflow: hidden;
    position: relative;
}

body::before,
body::after {
    content: "";
    position: fixed;
    inset: -18%;
    pointer-events: none;
    z-index: -2;
    will-change: transform, filter;
}

body::before {
    inset: -8%;
    opacity: .72;
    background: url('../assets/ui/ambient-fruit-exact.png') center / 122% 122% no-repeat;
    filter:saturate(116%);
    animation: cmzAmbientA 28s ease-in-out infinite alternate;
}

body::after {
    z-index: -1;
    inset: -12%;
    opacity: .38;
    background:
        radial-gradient(ellipse at 20% 55%, rgba(255,255,255,.34) 0 11%, transparent 28%),
        radial-gradient(ellipse at 67% 64%, rgba(255,255,255,.28) 0 12%, transparent 30%),
        linear-gradient(115deg, transparent 18%, rgba(255,255,255,.16) 49%, transparent 72%);
    
    animation: cmzAmbientB 31s ease-in-out infinite alternate;
}

@keyframes cmzAmbientA {
    0% { transform: translate3d(-2%, -1%, 0) scale(1.03); }
    45% { transform: translate3d(2%, 1.5%, 0) scale(1.08); }
    100% { transform: translate3d(-1%, 3%, 0) scale(1.05); }
}
@keyframes cmzAmbientB {
    0% { transform: translate3d(2%, 0, 0) scale(1); opacity: .42; }
    100% { transform: translate3d(-4%, -2%, 0) scale(1.12); opacity: .68; }
}

::selection { background: rgba(108, 92, 231, .20); }
button, input, select, textarea { font: inherit; }
a { color: inherit; }

/* ===== macOS 工作台外壳 ===== */
.glass-container {
    width: calc(100% - 44px);
    max-width: var(--layout-max-width);
    height: min(var(--app-height), 920px);
    min-height: 0;
    margin: 18px auto;
    padding: 0;
    display: grid;
    grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
    background: rgba(244, 248, 255, .20);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-window);
    box-shadow: var(--shadow-float);
    overflow: hidden;
    position: relative;
}

.glass-container::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.58), inset 1px 0 0 rgba(255,255,255,.28);
}

/* 让参考图中的流光进入工作台内部，而非只停留在网页最外层。 */
.glass-container::before {
    content: "";
    position: absolute;
    inset: -4%;
    pointer-events: none;
    z-index: 0;
    opacity: .82;
    background: url('../assets/ui/ambient-fruit-exact.png') center / cover no-repeat;
    filter: saturate(110%) contrast(102%);
    animation: cmzWindowFlow 32s ease-in-out infinite alternate;
}
@keyframes cmzWindowFlow {
    0% { transform: translate3d(-1.6%, -1%, 0) scale(1.035); }
    100% { transform: translate3d(1.8%, 1.1%, 0) scale(1.075); }
}

.glass-container--flex { height: min(var(--app-height), 920px); min-height: 0; }

.app-sidebar {
    min-width: 0;
    height: 100%;
    background: rgba(226, 243, 255, .46);
    border-right: 1px solid var(--glass-border-soft);
    padding: 20px 14px 18px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.window-dots { display: flex; gap: 7px; padding: 2px 8px 16px; }
.window-dot { width: 10px; height: 10px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); }
.window-dot.red { background: #FF5F57; }
.window-dot.yellow { background: #FEBC2E; }
.window-dot.green { background: #28C840; }

.brand-block { padding: 4px 8px 18px; }
.brand-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 19px;
    font-weight: 760;
    letter-spacing: -.02em;
    color: var(--text-main);
}
.brand-mark {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    color: transparent;
    font-size: 0;
    background:
        radial-gradient(circle at 33% 28%, rgba(255,255,255,.92) 0 5%, transparent 20%),
        radial-gradient(circle at 68% 67%, rgba(120,235,255,.92) 0 7%, transparent 32%),
        linear-gradient(145deg, #6c9cff, #5e5fe8 55%, #c06ce2);
    box-shadow: 0 8px 18px rgba(92, 86, 220, .24), inset 0 1px 0 rgba(255,255,255,.45);
}
.brand-subtitle { color: var(--text-muted); font-size: 11px; margin: 6px 0 0 44px; line-height: 1.45; }

.nav-section-label {
    color: var(--text-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .10em;
    text-transform: uppercase;
    padding: 10px 10px 8px;
}

.app-nav { display: flex; flex-direction: column; gap: 5px; }
.nav-item {
    min-height: 43px;
    padding: 0 12px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 11px;
    text-decoration: none;
    color: var(--text-sub);
    font-size: 13px;
    font-weight: 560;
    transition: transform .18s ease, color .18s ease, background .18s ease, box-shadow .18s ease;
}
.nav-item:hover {
    color: var(--text-main);
    background: rgba(255,255,255,.30);
    transform: translateX(2px);
}
.nav-item.active {
    color: #fff;
    background: linear-gradient(100deg, #5D84F6 0%, #6C5CE7 63%, #9172F6 100%);
    box-shadow: 0 8px 20px rgba(89, 89, 210, .22), inset 0 1px 0 rgba(255,255,255,.28);
}
.nav-icon {
    width: 22px;
    height: 22px;
    border-radius: 7px;
    display: grid;
    place-items: center;
    flex: 0 0 22px;
    font-size: 12px;
    background: rgba(255,255,255,.34);
    border: 1px solid rgba(255,255,255,.28);
}
.nav-item.active .nav-icon { background: rgba(255,255,255,.16); }

/* 商家调研二级菜单（order:3 嵌进导航视觉重排：首页1 商家调研2 子菜单3 全量诊断4…） */
.nav-sub { display: flex; flex-direction: column; gap: 2px; margin: 2px 0 4px 45px; order: 3; }
.nav-sub-item {
    display: block; padding: 6px 10px; border-radius: 0;
    color: var(--text-sub); font-size: 12.5px; font-weight: 520; text-decoration: none;
    background: none; box-shadow: none;
    border-left: 2px solid rgba(120,130,180,.25);
    transition: color .15s ease, border-color .15s ease;
}
.nav-sub-item:hover { color: var(--text-main); background: none; }
.nav-sub-item.active { color: #5D5FEF; border-left-color: #5D5FEF; background: none; font-weight: 650; }
@media (max-width: 760px) { .nav-sub { display: none !important; } }
/* 折叠箭头 */
.nav-caret { margin-left: auto; width: 7px; height: 7px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); transition: transform .18s ease; opacity: .7; }
.nav-parent.open .nav-caret { transform: rotate(225deg) translate(-1px, -1px); }
.nav-parent { cursor: pointer; }

.sidebar-foot { margin-top: auto; padding: 12px 8px 2px; }
.privacy-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 12px;
    border-radius: 13px;
    background: rgba(255,255,255,.24);
    border: 1px solid var(--glass-border-soft);
    color: var(--text-muted);
    font-size: 11px;
    line-height: 1.55;
}
.privacy-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--color-success); margin-top: 5px; box-shadow: 0 0 0 4px rgba(34,197,94,.09); }

.app-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(248,246,255,.04));
    height: 100%;
    min-height: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.app-topbar {
    min-height: 74px;
    padding: 16px 24px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid var(--glass-border-soft);
    background: linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.06));
    flex: 0 0 auto;
}
.page-heading-wrap { min-width: 0; }
.page-kicker { color: var(--color-primary); font-size: 11px; font-weight: 750; letter-spacing: .08em; margin-bottom: 4px; }
.page-title { font-size: 22px; font-weight: 760; letter-spacing: -.02em; color: var(--text-main); }
.page-desc { font-size: 12px; color: var(--text-sub); margin-top: 4px; line-height: 1.5; }
.topbar-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.topbar-chip,
.integral-badge {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border-radius: 11px;
    background: rgba(255,255,255,.38);
    border: 1px solid var(--glass-border);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.44);
    color: var(--text-sub);
    font-size: 12px;
}
.integral-badge { color: var(--color-primary-strong); font-weight: 700; }

.app-content {
    min-height: 0;
    height: 0;
    flex: 1;
    overflow-x: auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: var(--page-padding);
    scrollbar-width: thin;
    scrollbar-color: rgba(105,115,160,.28) transparent;
}
.app-content::-webkit-scrollbar { width: 8px; height: 8px; }
.app-content::-webkit-scrollbar-thumb { background: rgba(105,115,160,.25); border-radius: 999px; }

/* ===== 通用面板 ===== */
.glass-header { text-align: left; margin-bottom: 20px; }
.title {
    font-size: 34px;
    font-weight: 780;
    letter-spacing: -.03em;
    background: linear-gradient(90deg, var(--color-primary-strong), var(--color-pink));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.subtitle { color: var(--text-sub); font-size: 14px; margin-top: 6px; }

.glass-card {
    background: linear-gradient(145deg, var(--panel-bg-strong), var(--panel-bg));
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: 20px;
    box-shadow: var(--shadow-card);
    margin-bottom: var(--card-gap);
    text-decoration: none;
    color: inherit;
    display: block;
    position: relative;
}
.glass-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(120deg, rgba(255,255,255,.18), transparent 38%, rgba(255,255,255,.08));
    opacity: .55;
}
.glass-card > * { position: relative; z-index: 1; }
a.glass-card { transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease; }
a.glass-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); border-color: rgba(135, 119, 247, .32); }
.glass-card h3 { font-size: 16px; margin-bottom: 8px; }
.glass-card p { color: var(--text-sub); font-size: 13px; line-height: 1.65; }

.module-title { font-size: 18px; font-weight: 720; color: var(--text-main); margin-bottom: 10px; letter-spacing: -.01em; }
.card-desc, .desc { color: var(--text-sub); font-size: 13px; line-height: 1.7; margin: 6px 0 18px; }

/* ===== 首页：不添加经营数据，只重构原功能入口 ===== */
.home-hero {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(240px, .65fr);
    gap: 16px;
    margin-bottom: 12px;
}
.hero-copy,
.hero-side {
    border-radius: 18px;
    border: 1px solid var(--glass-border);
    box-shadow: var(--shadow-card);
    background: linear-gradient(135deg, rgba(255,255,255,.54), rgba(239,233,255,.48) 58%, rgba(255,229,240,.38));
    overflow: hidden;
    position: relative;
}
.hero-copy { padding: 22px 28px; }
.hero-copy::after {
    content: "";
    position: absolute;
    width: 47%;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 0;
    background: url('../assets/ui/hero-integrated-v3.png') right center / contain no-repeat;
    filter: none;
    animation: heroOrb 14s ease-in-out infinite alternate;
}
@keyframes heroOrb { to { transform: translate(-10px, 4px) scale(1.025); } }
.hero-eyebrow { color: var(--color-primary); font-size: 12px; font-weight: 750; margin-bottom: 12px; }
.hero-title { max-width: 61%; font-size: clamp(24px, 2vw, 34px); line-height: 1.24; font-weight: 800; letter-spacing: -.035em; margin-bottom: 8px; }
.hero-title span { background: linear-gradient(90deg, var(--color-primary-strong), var(--color-pink)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-text { max-width: 57%; color: var(--text-sub); font-size: 12px; line-height: 1.7; }
.hero-flow { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; margin-top: 14px; }
.flow-chip { padding: 7px 10px; border-radius: 9px; background: rgba(255,255,255,.48); border: 1px solid var(--glass-border); font-size: 11px; color: var(--text-sub); }
.flow-arrow { color: var(--color-primary-light); font-size: 12px; }
.hero-side { padding: 18px; display: flex; flex-direction: column; justify-content: space-between; }
.hero-side-label { font-size: 12px; color: var(--text-sub); }
.hero-side-title { font-size: 17px; font-weight: 720; margin-top: 5px; }
.hero-side-list { display: grid; gap: 7px; margin-top: 11px; }
.hero-side-item { font-size: 12px; color: var(--text-sub); display: flex; align-items: center; gap: 8px; }
.hero-side-item::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(135deg, var(--color-secondary), var(--color-primary)); box-shadow: 0 0 0 4px rgba(108,92,231,.08); }

.section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 6px 0 9px; }
.section-title { font-size: 15px; font-weight: 720; }
.section-note { font-size: 11px; color: var(--text-muted); }
.main-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.main-grid .glass-card { margin-bottom: 0; min-height: 0; padding: 14px 16px; }
.feature-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    margin-bottom: 11px;
    color: var(--color-primary-strong);
    font-size: 16px;
    font-weight: 800;
    background: linear-gradient(145deg, rgba(111,143,255,.18), rgba(184,136,255,.16));
    border: 1px solid rgba(112,100,225,.15);
}
.feature-meta { margin-top: 10px; display: flex; justify-content: space-between; align-items: center; color: var(--text-muted); font-size: 11px; }
.feature-arrow { width: 26px; height: 26px; border-radius: 9px; display: grid; place-items: center; color: var(--color-primary); background: rgba(108,92,231,.08); }

/* 首页一屏工作台：所有入口都在边界框内展示，不让页面被撑出屏幕。 */
.ui-shell-page[data-ui-page="index"] .app-topbar { display: none; }
.ui-shell-page[data-ui-page="index"] .app-content {
    height: auto;
    padding: clamp(12px, 1.45vw, 22px);
    overflow: hidden;
    display: grid;
    grid-template-rows: clamp(164px, 33vh, 300px) 25px minmax(0, 1fr);
    gap: 0;
}
.ui-shell-page[data-ui-page="index"] .home-hero { min-height: 0; display: block; }
.ui-shell-page[data-ui-page="index"] .hero-copy { height: 100%; padding: clamp(16px, 2.15vh, 28px) clamp(20px, 2.2vw, 34px); }
.ui-shell-page[data-ui-page="index"] .hero-side { display: none; }
.ui-shell-page[data-ui-page="index"] .main-grid { min-height: 0; grid-template-rows: repeat(2, minmax(0, 1fr)); }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card { height: 100%; min-height: 0; overflow: hidden; }
.ui-shell-page[data-ui-page="index"] .glass-card p { font-size: clamp(11px, .75vw, 13px); line-height: 1.5; }
.ui-shell-page[data-ui-page="index"] .hero-title { max-width: 53%; margin-bottom: clamp(4px, .8vh, 10px); }
.ui-shell-page[data-ui-page="index"] .hero-text { max-width: 48%; font-size: clamp(11px, .82vw, 13px); line-height: 1.55; }
.ui-shell-page[data-ui-page="index"] .hero-flow { margin-top: clamp(7px, 1.3vh, 16px); }

@media (max-height: 820px) and (min-width: 761px) {
    .ui-shell-page[data-ui-page="index"] .hero-copy { padding: 17px 23px; }
    .ui-shell-page[data-ui-page="index"] .hero-eyebrow { margin-bottom: 7px; }
    .ui-shell-page[data-ui-page="index"] .hero-flow { margin-top: 9px; }
    .ui-shell-page[data-ui-page="index"] .feature-icon { width: 32px; height: 32px; margin-bottom: 7px; font-size: 13px; }
    .ui-shell-page[data-ui-page="index"] .main-grid .glass-card { padding: 11px 13px; }
    .ui-shell-page[data-ui-page="index"] .feature-meta { margin-top: 6px; }
}
@media (max-height: 680px) and (min-width: 761px) {
    .ui-shell-page[data-ui-page="index"] .app-content { grid-template-rows: 150px 22px minmax(0, 1fr); }
    .ui-shell-page[data-ui-page="index"] .hero-eyebrow,
    .ui-shell-page[data-ui-page="index"] .hero-text { display: none; }
    .ui-shell-page[data-ui-page="index"] .hero-title { margin-top: 21px; }
    .ui-shell-page[data-ui-page="index"] .hero-flow { margin-top: 11px; }
    .ui-shell-page[data-ui-page="index"] .section-head { margin: 3px 0; }
    .ui-shell-page[data-ui-page="index"] .main-grid { gap: 8px; }
    .ui-shell-page[data-ui-page="index"] .main-grid .glass-card { padding: 8px 11px; }
    .ui-shell-page[data-ui-page="index"] .glass-card h3 { margin-bottom: 3px; font-size: 14px; }
}

/* =========================================================
   V2 首页与顶部交互最终验收层
   ========================================================= */
html { background: #eaf4ff; }
body {
  background: transparent !important;
  isolation: isolate;
}
body::before {
  z-index: 0 !important;
  inset: -12vmax !important;
  opacity: 1 !important;
  background-image: var(--cm-fruit-bg) !important;
  background-size: cover !important;
  background-position: 48% 50% !important;
  animation: cmAmbientFruitDrift 19s cubic-bezier(.42,.08,.58,.94) infinite alternate !important;
}
body::after {
  z-index: 0 !important;
  opacity: .42 !important;
  mix-blend-mode: screen;
}
@keyframes cmAmbientFruitDrift {
  0% { background-position: 46% 48%; transform: scale(1.08) translate3d(-1.6%, -1%, 0); }
  48% { background-position: 53% 51%; transform: scale(1.14) translate3d(1.8%, .9%, 0); }
  100% { background-position: 49% 54%; transform: scale(1.10) translate3d(-.7%, 1.7%, 0); }
}
.glass-container,
.glass-container--flex {
  width: min(calc(100% - 36px), 1860px) !important;
  height: calc(100dvh - 28px) !important;
  max-height: none !important;
  margin: 14px auto !important;
  border: 0 !important;
  border-radius: 26px !important;
  box-shadow: 0 22px 60px rgba(73, 104, 159, .08) !important;
  background: rgba(240, 249, 255, .19) !important;
  position: relative;
  z-index: 1;
}
.glass-container::after { display: none !important; }
.glass-container::before {
  opacity: .42 !important;
  animation: cmzWindowFlow 22s ease-in-out infinite alternate !important;
}
.app-sidebar {
  background: rgba(226, 244, 255, .32) !important;
  border-right: 1px solid rgba(255,255,255,.46) !important;
}
.app-main {
  background: transparent !important;
}
.app-topbar,
.ui-shell-page[data-ui-page="index"] .app-topbar {
  display: grid !important;
  grid-template-columns: minmax(250px, 1fr) minmax(280px, 430px) auto !important;
  align-items: center !important;
  gap: 18px !important;
  height: 64px !important;
  min-height: 64px !important;
  padding: 4px 8px 8px 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.app-topbar::before { display: none !important; }
.page-heading-wrap { min-width: 0; }
.page-heading-wrap .page-kicker {
  display: block !important;
  margin: 0 !important;
  color: #52749b !important;
  font-size: 0 !important; /* 原文隐藏，仅显示 ::after 文案，避免重复 */
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}
.page-heading-wrap .page-title,
.page-heading-wrap .page-desc { display: none !important; }
.site-search { position: relative; width: 100%; z-index: 12; }
.site-search-input {
  display: block;
  width: 100%;
  height: 42px;
  padding: 0 18px 0 39px;
  color: #284467;
  font-size: 13px;
  outline: none;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 999px;
  background: rgba(246,251,255,.52);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.94), 0 8px 22px rgba(71,99,150,.045);
}
.site-search-input::placeholder { color: #7890ac; }
.site-search-input:focus {
  border-color: rgba(83,118,236,.54);
  box-shadow: 0 0 0 4px rgba(93,128,246,.11), inset 0 1px 0 rgba(255,255,255,.94);
  background: rgba(255,255,255,.68);
}
.site-search-icon { position: absolute; z-index: 1; left: 16px; top: 9px; color: #6f8dac; font-size: 19px; line-height: 1; pointer-events: none; }
.site-search-results {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.86);
  border-radius: 15px;
  background: rgba(247,251,255,.92);
  box-shadow: 0 18px 44px rgba(49,73,126,.16), inset 0 1px 0 #fff;
}
.site-search-results.is-open { display: block; }
.site-search-results a {
  display: grid;
  gap: 3px;
  padding: 11px 14px;
  color: #385879;
  text-decoration: none;
  border-bottom: 1px solid rgba(102,128,177,.10);
}
.site-search-results a:last-child { border-bottom: 0; }
.site-search-results a:hover { background: rgba(100,133,246,.09); }
.site-search-results strong { font-size: 13px; color: #203c63; }
.site-search-results span,
.site-search-empty { color: #7488a2; font-size: 11px; }
.site-search-empty { padding: 14px; }
.topbar-actions { justify-self: end; }
.integral-badge,
.topbar-chip {
  min-height: 42px !important;
  padding: 0 17px !important;
  border: 1px solid rgba(255,255,255,.80) !important;
  background: rgba(250,248,255,.55) !important;
}

/* 首页遵循参考图的“2 个大功能 + 4 个小功能”构图，完整锁在一屏内。 */
.ui-shell-page[data-ui-page="index"] .app-content {
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 8px 12px !important;
  display: grid !important;
  grid-template-rows: clamp(170px, 29vh, 292px) 31px minmax(0, 1fr) !important;
}
.ui-shell-page[data-ui-page="index"] .home-hero {
  height: 100% !important;
  margin: 0 !important;
  border-radius: 25px !important;
}
.ui-shell-page[data-ui-page="index"] .hero-copy { padding: clamp(17px, 2.35vh, 33px) clamp(26px, 3vw, 58px) !important; }
.ui-shell-page[data-ui-page="index"] .hero-title { max-width: 58% !important; font-size: clamp(27px, 3vw, 49px) !important; }
.ui-shell-page[data-ui-page="index"] .hero-text { max-width: 52% !important; font-size: clamp(13px, 1vw, 17px) !important; }
.ui-shell-page[data-ui-page="index"] .hero-eyebrow { margin-bottom: 10px !important; font-size: clamp(12px, .9vw, 15px) !important; }
.ui-shell-page[data-ui-page="index"] .hero-flow { max-width: 54% !important; margin-top: clamp(9px, 1.55vh, 20px) !important; }
.ui-shell-page[data-ui-page="index"] .flow-chip { padding: 7px 14px !important; font-size: clamp(11px, .8vw, 13px) !important; }
.ui-shell-page[data-ui-page="index"] .section-head { align-self: center; margin: 0 !important; }
.ui-shell-page[data-ui-page="index"] .section-title { font-size: 18px !important; }
.ui-shell-page[data-ui-page="index"] .main-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-template-rows: minmax(0, 1.45fr) minmax(0, 1fr) !important;
  gap: 12px !important;
}
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card:nth-child(1),
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card:nth-child(2) { grid-column: span 2; }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card { padding: clamp(10px, 1.25vw, 20px) !important; }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card:nth-child(1) .feature-icon,
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card:nth-child(2) .feature-icon { width: clamp(66px, 7vw, 118px) !important; height: clamp(66px, 7vw, 118px) !important; float: left; margin: 0 clamp(10px, 1.6vw, 24px) 6px 0 !important; }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card:nth-child(n+3) .feature-icon { width: clamp(30px, 2.6vw, 44px) !important; height: clamp(30px, 2.6vw, 44px) !important; }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card h3 { font-size: clamp(14px, 1.2vw, 20px) !important; padding-top: 4px; }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card p { color: #627a98 !important; }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card:nth-child(n+3) .feature-meta { display: none !important; }

@media (max-height: 760px) and (min-width: 761px) {
  .app-topbar,
  .ui-shell-page[data-ui-page="index"] .app-topbar { height: 54px !important; min-height: 54px !important; }
  .site-search-input { height: 38px; }
  .site-search-icon { top: 8px; }
  .ui-shell-page[data-ui-page="index"] .app-content { grid-template-rows: 164px 26px minmax(0, 1fr) !important; }
  .ui-shell-page[data-ui-page="index"] .hero-eyebrow,
  .ui-shell-page[data-ui-page="index"] .hero-text { display: none !important; }
  .ui-shell-page[data-ui-page="index"] .hero-title { margin-top: 26px !important; }
  .ui-shell-page[data-ui-page="index"] .main-grid { gap: 8px !important; }
  .ui-shell-page[data-ui-page="index"] .main-grid .glass-card { padding: 8px 11px !important; }
}

/* ===== 表单与控件 ===== */
.activity-form { display: flex; flex-direction: column; gap: 13px; margin-bottom: 18px; }
.activity-form-row { display: flex; gap: 12px; align-items: flex-end; flex-wrap: wrap; }
.activity-form-item { display: flex; flex-direction: column; gap: 7px; flex: 1; min-width: 200px; }
.activity-form-item label { color: var(--text-main); font-size: 12px; font-weight: 640; }
.input-box {
    width: 100%;
    min-height: 42px;
    padding: 0 13px;
    border: 1px solid var(--glass-border-soft);
    border-radius: 11px;
    background: rgba(255,255,255,.48);
    color: var(--text-main);
    outline: none;
    font-size: 13px;
    box-shadow: inset 0 1px 1px rgba(50,61,104,.03), 0 1px 0 rgba(255,255,255,.42);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.input-box::placeholder { color: var(--text-muted); }
.input-box:hover { background: rgba(255,255,255,.58); }
.input-box:focus { border-color: rgba(108,92,231,.52); box-shadow: 0 0 0 3px rgba(108,92,231,.10), inset 0 1px 1px rgba(50,61,104,.02); }
select.input-box { cursor: pointer; }
.input-group { margin-bottom: 16px; }

.btn-primary,
.btn-secondary {
    min-height: 40px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 680;
    cursor: pointer;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease, background .18s ease, border-color .18s ease;
}
.btn-primary {
    padding: 0 20px;
    border: 1px solid rgba(255,255,255,.34);
    color: #fff;
    background: linear-gradient(120deg, #5D74F4, #6C5CE7 58%, #8A61EA);
    box-shadow: 0 9px 20px rgba(88,77,215,.22), inset 0 1px 0 rgba(255,255,255,.25);
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 13px 25px rgba(88,77,215,.28), inset 0 1px 0 rgba(255,255,255,.34); }
.btn-primary:active { transform: translateY(0) scale(.985); }
.btn-primary:disabled { opacity: .45; cursor: not-allowed; transform: none; box-shadow: none; }
.btn-secondary {
    padding: 0 16px;
    color: var(--text-main);
    border: 1px solid var(--glass-border-soft);
    background: rgba(255,255,255,.40);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.46);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn-secondary:hover { transform: translateY(-1px); background: rgba(255,255,255,.56); border-color: rgba(108,92,231,.18); }
.btn-secondary:active { transform: translateY(0) scale(.985); }
.btn-secondary:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.btn-sm { min-height: 32px; padding: 0 11px; font-size: 11px; border-radius: 9px; }

/* ===== 页面业务工作区视觉 ===== */
.workspace-card { padding: 0; overflow: hidden; }
.workspace-card .workspace-head { padding: 20px 22px 16px; border-bottom: 1px solid var(--glass-border-soft); }
.workspace-body { padding: 20px 22px 22px; }
.task-intro-grid { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 14px; align-items: stretch; }
.task-side-panel {
    padding: 16px;
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(105,137,255,.10), rgba(211,145,255,.10) 58%, rgba(255,184,147,.08));
    border: 1px solid var(--glass-border-soft);
}
.task-side-title { font-size: 12px; font-weight: 700; margin-bottom: 10px; }
.task-side-list { display: grid; gap: 9px; }
.task-side-list span { color: var(--text-sub); font-size: 11px; line-height: 1.5; }
.status-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.status-pill { padding: 5px 8px; border-radius: 8px; font-size: 10px; color: var(--color-primary-strong); background: rgba(108,92,231,.08); border: 1px solid rgba(108,92,231,.10); }

.result-stage { margin-top: 16px; border-top: 1px solid var(--glass-border-soft); padding-top: 16px; }
.result-stage-title { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.result-stage-title strong { font-size: 13px; }
.result-stage-title span { color: var(--text-muted); font-size: 11px; }

.loading-tip {
    margin: 12px 0;
    padding: 10px 12px 10px 38px;
    border-radius: 11px;
    color: var(--color-primary-strong);
    background: rgba(108,92,231,.07);
    border: 1px solid rgba(108,92,231,.10);
    font-size: 12px;
    position: relative;
}
.loading-tip::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-radius: 50%;
    border: 2px solid rgba(108,92,231,.18);
    border-top-color: var(--color-primary);
    animation: spin .8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.empty-state { text-align: center; padding: 48px 24px; border-radius: 14px; background: rgba(255,255,255,.18); border: 1px dashed rgba(116,132,181,.16); }
.empty-icon { width: 42px; height: 42px; margin: 0 auto 12px; display: grid; place-items: center; border-radius: 13px; font-size: 19px; background: linear-gradient(145deg, rgba(91,140,255,.13), rgba(201,121,226,.12)); }
.empty-title { font-size: 14px; font-weight: 680; margin-bottom: 6px; }
.empty-desc { color: var(--text-muted); font-size: 11px; line-height: 1.65; }
.error-state { padding: 24px; text-align: center; color: var(--color-danger); font-size: 12px; background: var(--danger-bg); border: 1px solid var(--danger-border); border-radius: 12px; }
.result-box {
    margin-top: 0;
    min-height: 220px;
    padding: 18px;
    border-radius: 13px;
    background: rgba(255,255,255,.40);
    border: 1px solid var(--glass-border-soft);
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.82;
    font-size: 13px;
    color: var(--text-main);
}

/* ===== 全量诊断 ===== */
.level-select { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 4px 0 36px; }
.radio-item {
    position: relative;
    margin: 0;
    min-height: 112px;
    padding: 16px 14px;
    border-radius: 13px;
    border: 1px solid var(--glass-border-soft);
    background: rgba(255,255,255,.34);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 12px;
    line-height: 1.55;
    color: var(--text-sub);
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.radio-item:hover { transform: translateY(-2px); border-color: rgba(108,92,231,.24); background: rgba(255,255,255,.48); }
.radio-item input { position: absolute; top: 13px; right: 13px; accent-color: var(--color-primary); width: 16px; height: 16px; filter: drop-shadow(0 2px 5px rgba(108,92,231,.12)); }
.radio-item input:checked { outline: 4px solid rgba(108,92,231,.10); outline-offset: 2px; }
.radio-item:nth-child(1)::before { content: "基础诊断"; font-size: 15px; font-weight: 760; color: var(--text-main); margin-bottom: 8px; }
.radio-item:nth-child(2)::before { content: "深度诊断"; font-size: 15px; font-weight: 760; color: var(--color-primary-strong); margin-bottom: 8px; }
.radio-item:nth-child(3)::before { content: "极致诊断"; font-size: 15px; font-weight: 760; color: var(--text-main); margin-bottom: 8px; }
.speech-toggle { display: flex; gap: 6px; margin-left: auto; padding: 3px; border-radius: 10px; background: rgba(255,255,255,.26); border: 1px solid var(--glass-border-soft); }
.speech-btn.active { background: linear-gradient(120deg, #5D74F4, #6C5CE7); color: #fff; border-color: transparent; box-shadow: 0 5px 14px rgba(90,80,213,.18); }

/* ===== 新手引导 ===== */
.guide-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: 16px; align-items: start; }
.guide-steps { display: grid; gap: 10px; }
.guide-step {
    padding: 15px 16px 15px 54px;
    border: 1px solid var(--glass-border-soft);
    border-radius: 13px;
    background: rgba(255,255,255,.30);
    position: relative;
}
.guide-step::before {
    content: counter(step);
    counter-increment: step;
    position: absolute;
    left: 14px;
    top: 14px;
    width: 26px;
    height: 26px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    background: linear-gradient(145deg, var(--color-secondary), var(--color-primary));
    box-shadow: 0 6px 14px rgba(92,84,210,.18);
}
body { counter-reset: step; } /* guide.html 无 .guide-steps 容器，挂到 body 保证序号递增 */
.guide-step h4 { font-size: 13px; margin-bottom: 5px; }
.guide-step p { color: var(--text-sub); font-size: 11px; line-height: 1.65; }

/* ===== 菜单分类提示 ===== */
.menu-legend { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 8px; margin: 12px 0 2px; }
.legend-item { padding: 10px 8px; border-radius: 10px; text-align: center; font-size: 10px; border: 1px solid var(--glass-border-soft); background: rgba(255,255,255,.28); color: var(--text-sub); }
.legend-item strong { display: block; font-size: 11px; color: var(--text-main); margin-bottom: 3px; }
.legend-item:nth-child(1) strong { color: #11A37F; }
.legend-item:nth-child(2) strong { color: #39A84D; }
.legend-item:nth-child(3) strong { color: #F59E0B; }
.legend-item:nth-child(4) strong { color: #EF6B6B; }
.legend-item:nth-child(5) strong { color: #D84D61; }

/* ===== 表格 ===== */
.table-wrap { width: 100%; overflow-x: auto; border-radius: 12px; border: 1px solid var(--glass-border-soft); background: rgba(255,255,255,.23); }
.common-table { width: 100%; border-collapse: separate; border-spacing: 0; }
.common-table th,
.common-table td { padding: 12px 13px; text-align: left; font-size: 11px; border-bottom: 1px solid var(--glass-border-soft); vertical-align: middle; }
.common-table th { font-weight: 720; color: var(--text-sub); background: rgba(255,255,255,.25); white-space: nowrap; }
.common-table td { color: var(--text-main); }
.common-table tbody tr { transition: background .16s ease; }
.common-table tbody tr:hover { background: rgba(108,92,231,.045); }
.common-table tr:last-child td { border-bottom: none; }
.table-actions { display: flex; gap: 6px; justify-content: flex-end; flex-wrap: wrap; }
.table-action-head, .table-action-cell { text-align: right !important; }

/* ===== 历史 ===== */
.history-list { display: flex; flex-direction: column; gap: 12px; }
.history-warn-bar { padding: 10px 12px; background: var(--warning-bg); border: 1px solid var(--warning-border); border-radius: 10px; color: var(--color-warning); font-size: 11px; margin-bottom: 14px; }
.history-filter { display: flex; gap: var(--history-filter-gap); align-items: center; flex-wrap: wrap; margin-bottom: 16px; }
.history-filter label { font-size: 11px; font-weight: 680; color: var(--text-sub); }
.history-filter .input-box { width: 190px; }

/* ===== 积分中心 ===== */
.integral-layout { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); gap: 16px; align-items: start; }
.integral-show { margin-bottom: 20px; }
.bill-list { display: flex; flex-direction: column; gap: 10px; }
.balance-card { display: flex; flex-direction: column; gap: 18px; overflow: hidden; }
.balance-card::after {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    right: -70px;
    top: -70px;
    background: radial-gradient(circle at 30% 35%, rgba(255,197,85,.64), rgba(244,114,182,.36) 44%, rgba(108,92,231,.30) 70%, transparent 72%);
    
    animation: coinGlow 11s ease-in-out infinite alternate;
}
@keyframes coinGlow { to { transform: translate(-24px, 20px) scale(1.08); } }
.balance-value-wrap { display: flex; flex-direction: column; gap: 7px; }
.balance-label { font-size: 12px; color: var(--text-sub); }
.balance-number { font-size: 44px; font-weight: 820; letter-spacing: -.04em; color: var(--color-primary-strong); }
.balance-tip p { font-size: 11px; color: var(--text-muted); line-height: 1.65; }
.recharge-placeholder { display: flex; flex-direction: column; gap: 10px; margin-top: 5px; }
.placeholder-text { font-size: 11px; color: var(--text-muted); font-weight: 650; }
.recharge-input-row { display: flex; gap: 10px; align-items: center; }
.rule-list { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.rule-list li { padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,.24); border: 1px solid var(--glass-border-soft); font-size: 11px; line-height: 1.55; }
.rule-tag { display: inline-block; min-width: 76px; color: var(--color-primary-strong); font-weight: 720; }
.bill-delta { font-weight: 720; }
.text-success { color: var(--color-success); }
.text-danger-weak { color: var(--color-danger-weak); }
.recharge-tip { color: var(--color-danger-weak); font-size: 10px; margin-top: 2px; }

/* ===== 活动页旧逻辑兼容样式：保留文件与逻辑，不作为主导航入口 ===== */
.activity-scheme-list { display: flex; flex-direction: column; gap: 12px; }
.activity-scheme-card { padding: 16px; background: rgba(255,255,255,.30); border-radius: 13px; border: 1px solid var(--glass-border-soft); border-left: 3px solid var(--color-success); }
.activity-scheme-card--warning { border-left-color: var(--color-warning); }
.scheme-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; gap: 10px; }
.scheme-title { font-size: 14px; font-weight: 700; }
.scheme-status-tag { padding: 4px 8px; border-radius: 8px; font-size: 10px; font-weight: 650; }
.scheme-status--health { background: var(--success-bg); color: var(--color-success); }
.scheme-status--warning { background: var(--warning-bg); color: var(--color-warning); }
.scheme-body { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 18px; margin-bottom: 10px; }
.scheme-item { font-size: 11px; color: var(--text-main); }
.scheme-item-label { color: var(--text-sub); margin-right: 5px; }
.scheme-risk-tip { margin-top: 8px; padding: 8px 10px; border-radius: 9px; font-size: 10px; background: var(--warning-bg); color: var(--color-warning); }
.result-summary-bar { padding: 11px 13px; margin-bottom: 14px; border-radius: 10px; background: var(--info-bg); border: 1px solid var(--info-border); color: var(--color-info); font-size: 11px; }
.result-actions { display: flex; justify-content: flex-end; margin-top: 14px; }
.reason-text, .reason-pro, .reason-spoken { display: inline; }

/* ===== 弹窗 ===== */
.modal-overlay { position: fixed; inset: 0; background: var(--modal-overlay-bg); display: flex; align-items: center; justify-content: center; z-index: 100; padding: 22px; }
.modal-card { width: 100%; max-width: 760px; max-height: 84vh; overflow: hidden; display: flex; flex-direction: column; box-shadow: var(--shadow-float); }
.modal-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; flex-shrink: 0; }
.modal-body { overflow-y: auto; flex: 1; font-size: 12px; line-height: 1.8; color: var(--text-main); white-space: pre-wrap; word-break: break-word; padding-right: 6px; }
.modal-close { flex-shrink: 0; }
.report-actions { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; flex-shrink: 0; }
.report-screenshot-area { margin-bottom: 14px; text-align: center; border-radius: 12px; overflow: hidden; }
.report-screenshot-area img { max-width: 100%; display: block; }
.screenshot-error-tip { padding: 10px; text-align: center; color: var(--text-sub); font-size: 11px; background: var(--screenshot-error-bg); border-radius: 10px; margin-bottom: 8px; }

/* ===== 辅助 ===== */
.back-home-wrap { margin-top: 4px; }
.back-home-wrap .btn-secondary { color: var(--text-sub); }
.clipboard-fallback-textarea { position: fixed; opacity: 0; pointer-events: none; }
.hidden { display: none !important; }

/* 用户已明确取消独立“活动配置”大项：只从首页/导航视觉入口移除，旧文件与 JS 逻辑完全保留。 */
a[href="./activity-config.html"].legacy-activity-entry { display: none !important; }

@media (prefers-color-scheme: dark) {
    .nav-item:hover, .btn-secondary:hover, .input-box:hover { background: rgba(255,255,255,.07); }
    .input-box { background: rgba(15,23,42,.34); border-color: rgba(255,255,255,.08); }
    .hero-copy, .hero-side { background: linear-gradient(135deg, rgba(39,51,89,.62), rgba(50,42,83,.50) 58%, rgba(75,43,72,.40)); }
    .flow-chip, .topbar-chip, .integral-badge, .privacy-note, .rule-list li { background: rgba(255,255,255,.055); }
    .glass-card, .result-box, .table-wrap, .empty-state, .guide-step, .radio-item, .legend-item { background: rgba(30,41,59,.35); }
    .common-table th { background: rgba(255,255,255,.04); }
    .radio-item:hover { background: rgba(255,255,255,.06); }
}

@media (max-width: 1280px) {
    :root { --sidebar-width: 202px; --page-padding: 20px; }
    .glass-container { width: calc(100% - 28px); margin: 14px auto; }
    .main-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .task-intro-grid { grid-template-columns: 1fr; }
    .task-side-panel { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
}

/* =========================================================
   视觉精修 Pass 01｜仅 CSS 视觉层
   目标：加强液态环境光、玻璃通透度与空间纵深；不改变 DOM / 业务 JS / 功能按钮。
   ========================================================= */
body {
    background:
        radial-gradient(circle at 12% 4%, rgba(82, 221, 255, .76) 0, rgba(82, 221, 255, .20) 24%, transparent 44%),
        radial-gradient(circle at 86% 5%, rgba(218, 145, 255, .58) 0, rgba(218, 145, 255, .18) 24%, transparent 45%),
        radial-gradient(circle at 76% 92%, rgba(255, 173, 113, .54) 0, rgba(255, 173, 113, .16) 25%, transparent 48%),
        linear-gradient(132deg, #BEEFFF 0%, #CDE4FF 25%, #E1D8FF 52%, #F7D7F5 76%, #FFE2C8 100%);
}

body::before {
    inset: -22%;
    opacity: .96;
    background:
        radial-gradient(ellipse at 8% 22%, rgba(21, 190, 255, .72) 0 8%, rgba(84, 221, 255, .40) 14%, transparent 31%),
        radial-gradient(ellipse at 30% 85%, rgba(98, 77, 255, .64) 0 9%, rgba(136, 96, 255, .36) 16%, transparent 33%),
        radial-gradient(ellipse at 57% 9%, rgba(57, 145, 255, .62) 0 8%, rgba(92, 121, 255, .32) 16%, transparent 32%),
        radial-gradient(ellipse at 88% 34%, rgba(239, 102, 221, .62) 0 8%, rgba(245, 146, 217, .34) 17%, transparent 34%),
        radial-gradient(ellipse at 81% 82%, rgba(255, 143, 88, .58) 0 10%, rgba(255, 188, 103, .32) 18%, transparent 36%);
    filter:saturate(138%);
    animation: cmzAmbientRefinedA 20s cubic-bezier(.45,.05,.2,1) infinite alternate;
}

body::after {
    inset: -16%;
    opacity: .72;
    background:
        radial-gradient(ellipse at 18% 52%, rgba(255,255,255,.44) 0 10%, transparent 29%),
        radial-gradient(ellipse at 62% 48%, rgba(255,255,255,.30) 0 14%, transparent 34%),
        radial-gradient(ellipse at 90% 73%, rgba(255,244,235,.34) 0 9%, transparent 28%),
        linear-gradient(112deg, transparent 20%, rgba(255,255,255,.20) 47%, transparent 71%);
    
    animation: cmzAmbientRefinedB 29s ease-in-out infinite alternate;
}

@keyframes cmzAmbientRefinedA {
    0%   { transform: translate3d(-2.5%, -1.2%, 0) scale(1.03) rotate(-2deg); }
    48%  { transform: translate3d(3.5%, 2.4%, 0) scale(1.10) rotate(2deg); }
    100% { transform: translate3d(-1%, 4.5%, 0) scale(1.06) rotate(-1deg); }
}
@keyframes cmzAmbientRefinedB {
    0%   { transform: translate3d(3%, 0, 0) scale(1.00); opacity: .55; }
    100% { transform: translate3d(-4%, -3%, 0) scale(1.13); opacity: .82; }
}

.glass-container {
    background: rgba(247, 249, 255, .56);
    border-color: rgba(255,255,255,.84);
    box-shadow:
        0 32px 90px rgba(62, 67, 132, .20),
        0 8px 30px rgba(78, 118, 210, .10),
        inset 0 1px 0 rgba(255,255,255,.84);
}

.app-sidebar {
    background: linear-gradient(180deg, rgba(238,245,255,.57), rgba(236,238,255,.46));
}

.app-main {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.02));
}
.app-main::before {
    content: "";
    position: absolute;
    inset: -18% -12%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 12% 16%, rgba(79, 204, 255, .20) 0 10%, transparent 31%),
        radial-gradient(ellipse at 70% 8%, rgba(115, 100, 255, .18) 0 11%, transparent 33%),
        radial-gradient(ellipse at 91% 29%, rgba(244, 111, 209, .18) 0 10%, transparent 32%),
        radial-gradient(ellipse at 72% 92%, rgba(255, 172, 111, .16) 0 12%, transparent 35%),
        radial-gradient(ellipse at 28% 86%, rgba(137, 105, 255, .15) 0 11%, transparent 34%);
    filter:saturate(130%);
    animation: cmzWorkspaceFlow 17s ease-in-out infinite alternate;
}
.app-main > * { position: relative; z-index: 1; }
@keyframes cmzWorkspaceFlow {
    0%   { transform: translate3d(-1%, -1%, 0) scale(1.02); }
    100% { transform: translate3d(2.8%, 2.2%, 0) scale(1.08); }
}

.app-topbar {
    background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.10));
}

.hero-copy,
.hero-side {
    background:
        linear-gradient(135deg, rgba(255,255,255,.62), rgba(248,244,255,.44) 52%, rgba(255,237,247,.36));
    box-shadow: 0 13px 32px rgba(78, 83, 146, .09), inset 0 1px 0 rgba(255,255,255,.76);
}

.hero-copy::before {
    content: "";
    position: absolute;
    width: 270px;
    height: 220px;
    left: 34%;
    bottom: -125px;
    border-radius: 48% 52% 55% 45%;
    background: radial-gradient(circle at 35% 35%, rgba(120,96,255,.34), rgba(235,116,220,.20) 43%, rgba(255,170,113,.12) 67%, transparent 72%);
    
    animation: heroLiquidLow 11s ease-in-out infinite alternate;
    pointer-events: none;
}
@keyframes heroLiquidLow {
    to { transform: translate3d(40px,-12px,0) scale(1.12) rotate(8deg); }
}

.glass-card {
    background: linear-gradient(145deg, rgba(255,255,255,.61), rgba(255,255,255,.38));
    border-color: rgba(255,255,255,.76);
    box-shadow: 0 10px 28px rgba(74, 82, 136, .08), inset 0 1px 0 rgba(255,255,255,.76);
}

.main-grid .glass-card:nth-child(1)::after,
.main-grid .glass-card:nth-child(2)::after,
.main-grid .glass-card:nth-child(3)::after,
.main-grid .glass-card:nth-child(4)::after,
.main-grid .glass-card:nth-child(5)::after,
.main-grid .glass-card:nth-child(6)::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    right: -70px;
    bottom: -82px;
    border-radius: 50%;
    pointer-events: none;
    
    opacity: .46;
}
.main-grid .glass-card:nth-child(1)::after { background: rgba(84, 183, 255, .23); }
.main-grid .glass-card:nth-child(2)::after { background: rgba(91, 222, 224, .21); }
.main-grid .glass-card:nth-child(3)::after { background: rgba(125, 100, 255, .22); }
.main-grid .glass-card:nth-child(4)::after { background: rgba(236, 126, 217, .20); }
.main-grid .glass-card:nth-child(5)::after { background: rgba(128, 105, 241, .18); }
.main-grid .glass-card:nth-child(6)::after { background: rgba(255, 169, 98, .20); }

.feature-icon {
    box-shadow: 0 8px 20px rgba(100, 91, 216, .08), inset 0 1px 0 rgba(255,255,255,.74);
}

.topbar-chip,
.integral-badge,
.flow-chip {
    background: rgba(255,255,255,.47);
}

@media (prefers-reduced-motion: reduce) {
    body::before,
    body::after,
    .app-main::before,
    .hero-copy::after,
    .hero-copy::before { animation: none !important; }
}

/* =========================================================
   视觉精修 Pass 02｜“果味”方向：Liquid Glass + 标准内容材质
   原则：只改 CSS，不改 DOM、不改 id、不改任何业务 JS。
   设计策略：导航/控件更通透，内容层更安静；用局部光谱反射取代满屏糖果渐变。
   ========================================================= */
:root {
    --fruit-blue: #0A84FF;
    --fruit-indigo: #5E5CE6;
    --fruit-cyan: #64D2FF;
    --fruit-mint: #63E6BE;
    --fruit-pink: #FF5FA2;
    --fruit-orange: #FF9F6E;
    --fruit-violet: #8B7CFF;
    --fruit-ink: #172033;
}

/* 1. 背景：大面积干净冷色底 + 少量光谱环境光，避免“糖果铺满” */
body {
    background:
        radial-gradient(70% 68% at 5% 0%, rgba(100, 210, 255, .54) 0%, rgba(100, 210, 255, .16) 35%, transparent 62%),
        radial-gradient(58% 62% at 100% 9%, rgba(192, 145, 255, .38) 0%, rgba(192, 145, 255, .12) 38%, transparent 66%),
        radial-gradient(50% 58% at 92% 100%, rgba(255, 172, 125, .31) 0%, rgba(255, 172, 125, .10) 38%, transparent 68%),
        linear-gradient(135deg, #DDF5FF 0%, #EAF3FF 32%, #EEEAFE 61%, #F8EFF8 83%, #FFF4EA 100%);
}

body::before {
    inset: -26%;
    opacity: .86;
    background:
        radial-gradient(ellipse at 10% 23%, rgba(56, 194, 255, .58) 0 7%, rgba(90, 217, 255, .28) 15%, transparent 31%),
        radial-gradient(ellipse at 37% 86%, rgba(98, 91, 246, .42) 0 8%, rgba(130, 113, 255, .22) 16%, transparent 32%),
        radial-gradient(ellipse at 74% 8%, rgba(118, 106, 255, .35) 0 8%, rgba(178, 134, 255, .20) 17%, transparent 33%),
        radial-gradient(ellipse at 91% 36%, rgba(255, 104, 176, .38) 0 7%, rgba(255, 145, 196, .18) 16%, transparent 32%),
        radial-gradient(ellipse at 80% 88%, rgba(255, 159, 110, .34) 0 9%, rgba(255, 197, 128, .17) 18%, transparent 34%);
    filter:saturate(118%);
    animation: cmzFruitAmbient 26s cubic-bezier(.4,0,.2,1) infinite alternate;
}

body::after {
    inset: -20%;
    opacity: .52;
    background:
        radial-gradient(ellipse at 15% 45%, rgba(255,255,255,.55) 0 9%, transparent 27%),
        radial-gradient(ellipse at 67% 55%, rgba(255,255,255,.34) 0 12%, transparent 31%),
        linear-gradient(112deg, transparent 18%, rgba(255,255,255,.24) 46%, transparent 69%);
    
    animation: cmzFruitSheen 38s ease-in-out infinite alternate;
}

@keyframes cmzFruitAmbient {
    0%   { transform: translate3d(-2%, -1%, 0) scale(1.02) rotate(-1deg); }
    52%  { transform: translate3d(2.5%, 1.8%, 0) scale(1.07) rotate(1.2deg); }
    100% { transform: translate3d(-.5%, 3%, 0) scale(1.045) rotate(-.6deg); }
}
@keyframes cmzFruitSheen {
    0%   { transform: translate3d(4%, 0, 0) scale(1); opacity: .38; }
    100% { transform: translate3d(-5%, -2%, 0) scale(1.10); opacity: .62; }
}

/* 2. 主窗口：边缘高光、折射感更明显，但主体不再“白糊” */
.glass-container {
    background: linear-gradient(145deg, rgba(248,251,255,.54), rgba(246,247,255,.46));
    border: 1px solid rgba(255,255,255,.78);
    box-shadow:
        0 34px 92px rgba(59, 68, 122, .18),
        0 10px 32px rgba(62, 126, 205, .09),
        inset 0 1px 0 rgba(255,255,255,.88),
        inset 0 -1px 0 rgba(87, 108, 160, .05);
}

.glass-container::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 4;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg,
        rgba(255,255,255,.95) 0%,
        rgba(255,255,255,.34) 20%,
        rgba(115,193,255,.20) 38%,
        rgba(181,150,255,.18) 58%,
        rgba(255,154,193,.16) 76%,
        rgba(255,255,255,.66) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .75;
}

/* 3. Liquid Glass 只放在导航与控制层 */
.app-sidebar {
    background:
        linear-gradient(180deg, rgba(239,246,255,.40), rgba(241,239,255,.31));
    border-right-color: rgba(255,255,255,.42);
}

.app-sidebar::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 10% 14%, rgba(100,210,255,.16), transparent 28%),
        radial-gradient(circle at 88% 72%, rgba(151,116,255,.13), transparent 32%),
        linear-gradient(90deg, rgba(255,255,255,.24), transparent 20% 82%, rgba(255,255,255,.12));
    opacity: .85;
}

.app-sidebar > * { position: relative; z-index: 1; }

.brand-mark {
    background: linear-gradient(145deg, var(--fruit-blue), var(--fruit-indigo) 58%, #8D78FF);
    box-shadow:
        0 10px 22px rgba(60, 99, 224, .20),
        inset 0 1px 0 rgba(255,255,255,.58),
        inset 0 -7px 16px rgba(53, 60, 162, .14);
}

.nav-item {
    border: 1px solid transparent;
    border-radius: 13px;
    transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.nav-item:hover {
    background: rgba(255,255,255,.30);
    border-color: rgba(255,255,255,.36);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.50);
}
.nav-item.active {
    color: #2458C8;
    background:
        linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.20)),
        linear-gradient(110deg, rgba(10,132,255,.20), rgba(94,92,230,.16));
    border-color: rgba(255,255,255,.54);
    box-shadow:
        0 9px 22px rgba(71, 101, 200, .12),
        inset 0 1px 0 rgba(255,255,255,.76),
        inset 0 0 0 1px rgba(86,122,244,.05);
}
.nav-item.active .nav-icon {
    color: #fff;
    background: linear-gradient(145deg, var(--fruit-blue), var(--fruit-indigo));
    border-color: rgba(255,255,255,.42);
    box-shadow: 0 4px 12px rgba(52,100,214,.22), inset 0 1px 0 rgba(255,255,255,.44);
}

.app-topbar {
    background: linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.08));
    border-bottom-color: rgba(255,255,255,.36);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42);
}

.topbar-chip,
.integral-badge,
.flow-chip,
.btn-secondary {
    background: linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.23));
    border-color: rgba(255,255,255,.58);
    box-shadow:
        0 5px 15px rgba(67, 83, 132, .06),
        inset 0 1px 0 rgba(255,255,255,.74),
        inset 0 -1px 0 rgba(76, 96, 148, .05);
}

/* 4. 内容层改为“标准材质”：少 blur、更多柔和实色，层级更像 Mac */
.app-main {
    background:
        radial-gradient(ellipse at 82% 8%, rgba(142,115,255,.09), transparent 32%),
        radial-gradient(ellipse at 84% 88%, rgba(255,160,118,.07), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.01));
}
.app-main::before {
    opacity: .66;
    filter:saturate(112%);
    animation-duration: 28s;
}

.hero-copy,
.hero-side {
    border-color: rgba(255,255,255,.62);
    background:
        linear-gradient(145deg, rgba(255,255,255,.67), rgba(249,250,255,.48));
    box-shadow:
        0 14px 34px rgba(75, 85, 135, .075),
        inset 0 1px 0 rgba(255,255,255,.84),
        inset 0 -1px 0 rgba(82,97,145,.035);
}

.hero-copy::after {
    width: 290px;
    height: 250px;
    right: -48px;
    top: -70px;
    border-radius: 44% 56% 62% 38% / 42% 46% 54% 58%;
    background:
        radial-gradient(circle at 35% 32%, rgba(100,210,255,.72) 0 12%, rgba(10,132,255,.34) 28%, rgba(94,92,230,.24) 47%, rgba(255,95,162,.18) 62%, transparent 70%);
    filter:saturate(118%);
    opacity: .88;
    animation-duration: 18s;
}
.hero-copy::before {
    width: 340px;
    height: 180px;
    left: 34%;
    bottom: -120px;
    background: radial-gradient(ellipse at 50% 50%, rgba(94,92,230,.24), rgba(255,95,162,.13) 48%, rgba(255,159,110,.07) 67%, transparent 74%);
    
    opacity: .72;
}

.hero-title { color: var(--fruit-ink); }
.hero-title span {
    background: linear-gradient(90deg, #385BD8 0%, #6A5BE8 48%, #C95BB3 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.hero-eyebrow { color: #446BD8; }

.glass-card,
.result-box,
.table-wrap,
.empty-state,
.guide-step,
.radio-item,
.legend-item {
    background: linear-gradient(145deg, rgba(255,255,255,.70), rgba(252,252,255,.52));
    border-color: rgba(255,255,255,.66);
    box-shadow:
        0 10px 28px rgba(68, 79, 124, .065),
        inset 0 1px 0 rgba(255,255,255,.86),
        inset 0 -1px 0 rgba(76, 90, 135, .035);
}

.glass-card::before {
    background:
        linear-gradient(118deg, rgba(255,255,255,.46), transparent 30%, rgba(121,190,255,.045) 54%, rgba(255,255,255,.16) 74%, transparent 100%);
    opacity: .78;
}

a.glass-card:hover {
    transform: translateY(-3px);
    border-color: rgba(255,255,255,.86);
    box-shadow:
        0 18px 42px rgba(58, 75, 137, .11),
        0 2px 10px rgba(10,132,255,.05),
        inset 0 1px 0 rgba(255,255,255,.96);
}

/* 功能卡只保留淡淡的“光谱反射”，不再每张铺一块颜色 */
.main-grid .glass-card::after {
    width: 130px !important;
    height: 130px !important;
    right: -58px !important;
    bottom: -70px !important;
    opacity: .30 !important;
    filter:saturate(108%) !important;
}
.main-grid .glass-card:nth-child(1)::after { background: rgba(10,132,255,.20); }
.main-grid .glass-card:nth-child(2)::after { background: rgba(100,210,255,.18); }
.main-grid .glass-card:nth-child(3)::after { background: rgba(94,92,230,.18); }
.main-grid .glass-card:nth-child(4)::after { background: rgba(255,95,162,.14); }
.main-grid .glass-card:nth-child(5)::after { background: rgba(139,124,255,.15); }
.main-grid .glass-card:nth-child(6)::after { background: rgba(255,159,110,.14); }

.feature-icon {
    position: relative;
    overflow: hidden;
    color: #315ACF;
    background:
        linear-gradient(145deg, rgba(255,255,255,.74), rgba(232,240,255,.54));
    border-color: rgba(255,255,255,.74);
    box-shadow:
        0 8px 20px rgba(66, 96, 183, .09),
        inset 0 1px 0 rgba(255,255,255,.94),
        inset 0 -8px 18px rgba(91,120,219,.055);
}
.feature-icon::after {
    content: "";
    position: absolute;
    width: 26px;
    height: 18px;
    top: -5px;
    left: 3px;
    border-radius: 50%;
    background: rgba(255,255,255,.74);
    
    transform: rotate(-18deg);
}
.feature-icon { font-variant-numeric: tabular-nums; }

.feature-arrow {
    color: #315ACF;
    background: rgba(10,132,255,.07);
    border: 1px solid rgba(10,132,255,.08);
}

/* 5. 控件：更像 Apple 系统控件，减少紫色渐变感 */
.btn-primary {
    border-color: rgba(255,255,255,.44);
    background: linear-gradient(180deg, #6D74F4 0%, #5A5CE2 52%, #5154D5 100%);
    box-shadow:
        0 9px 22px rgba(74, 76, 203, .22),
        inset 0 1px 0 rgba(255,255,255,.36),
        inset 0 -1px 0 rgba(42,45,146,.18);
}
.btn-primary:hover {
    box-shadow:
        0 13px 28px rgba(74, 76, 203, .27),
        inset 0 1px 0 rgba(255,255,255,.46);
}

.input-box {
    background: linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,.46));
    border-color: rgba(255,255,255,.66);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.90),
        0 3px 10px rgba(65,79,125,.045);
}
.input-box:hover { background: linear-gradient(180deg, rgba(255,255,255,.74), rgba(255,255,255,.52)); }
.input-box:focus {
    border-color: rgba(10,132,255,.38);
    box-shadow:
        0 0 0 3px rgba(10,132,255,.10),
        inset 0 1px 0 rgba(255,255,255,.96);
}

.integral-badge {
    color: #4C55D3;
    font-weight: 720;
}

/* 6. 细节：更轻、更克制的分隔与文本层级 */
.page-kicker { color: #5272D8; }
.page-title, .section-title, .module-title { letter-spacing: -.022em; }
.page-desc, .hero-text, .glass-card p { color: #67728C; }
.section-note { color: #9AA3B7; }
.privacy-note {
    background: rgba(255,255,255,.22);
    border-color: rgba(255,255,255,.42);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.46);
}

/* 7. 暗色模式同步：Liquid Glass 仍只用于功能层 */
@media (prefers-color-scheme: dark) {
    body {
        background:
            radial-gradient(70% 64% at 0% 0%, rgba(29,125,255,.22), transparent 58%),
            radial-gradient(60% 60% at 100% 6%, rgba(116,89,255,.20), transparent 60%),
            radial-gradient(52% 58% at 88% 100%, rgba(255,126,78,.10), transparent 64%),
            linear-gradient(135deg, #08111F 0%, #0D1630 42%, #19152B 73%, #231823 100%);
    }
    .glass-container { background: linear-gradient(145deg, rgba(18,27,50,.70), rgba(18,24,45,.62)); border-color: rgba(255,255,255,.11); }
    .app-sidebar { background: linear-gradient(180deg, rgba(18,28,52,.55), rgba(17,23,45,.46)); }
    .nav-item.active { color: #DCE9FF; background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04)), linear-gradient(110deg, rgba(10,132,255,.24), rgba(94,92,230,.20)); border-color: rgba(255,255,255,.12); }
    .hero-copy, .hero-side, .glass-card, .result-box, .table-wrap, .empty-state, .guide-step, .radio-item, .legend-item {
        background: linear-gradient(145deg, rgba(30,41,64,.68), rgba(25,35,58,.52));
        border-color: rgba(255,255,255,.09);
        box-shadow: 0 12px 32px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.055);
    }
    .hero-title { color: #F6F8FF; }
    .page-desc, .hero-text, .glass-card p { color: #AAB4CB; }
    .input-box { background: linear-gradient(180deg, rgba(31,42,68,.72), rgba(25,35,58,.60)); border-color: rgba(255,255,255,.08); }
    .topbar-chip, .integral-badge, .flow-chip, .btn-secondary { background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035)); border-color: rgba(255,255,255,.10); }
}

@media (prefers-reduced-motion: reduce) {
    body::before,
    body::after { animation: none !important; }
}

/* =========================================================
   视觉精修 Pass 02｜Luxe Fruit / Liquid Glass
   仅 CSS 视觉层：不改 DOM、不改 ID、不改按钮、不改业务 JS。
   目标：从“彩色 SaaS 后台”提升为“高级外卖经营决策工作台”。
   ========================================================= */

:root {
    --luxe-ink: #14203a;
    --luxe-blue: #4d7dff;
    --luxe-violet: #7559f5;
    --luxe-cyan: #36c9f1;
    --luxe-pink: #ec7dcc;
    --luxe-peach: #ffad78;
}

body {
    background:
        radial-gradient(900px 620px at -4% -8%, rgba(68, 203, 255, .72), transparent 62%),
        radial-gradient(760px 560px at 96% 0%, rgba(197, 122, 255, .52), transparent 63%),
        radial-gradient(850px 600px at 88% 104%, rgba(255, 170, 112, .48), transparent 65%),
        radial-gradient(760px 520px at 18% 110%, rgba(105, 91, 255, .42), transparent 66%),
        linear-gradient(135deg, #c8f3ff 0%, #dce9ff 28%, #e6defe 54%, #f8dff3 77%, #ffe8d3 100%);
}

body::before {
    inset: -24%;
    opacity: .78;
    background:
        radial-gradient(ellipse at 10% 18%, rgba(20, 184, 255, .78) 0 7%, rgba(64, 211, 255, .38) 15%, transparent 34%),
        radial-gradient(ellipse at 31% 86%, rgba(100, 76, 255, .67) 0 8%, rgba(140, 101, 255, .30) 16%, transparent 35%),
        radial-gradient(ellipse at 59% 8%, rgba(73, 137, 255, .58) 0 7%, rgba(120, 120, 255, .22) 16%, transparent 33%),
        radial-gradient(ellipse at 88% 30%, rgba(236, 91, 205, .62) 0 8%, rgba(245, 144, 215, .28) 17%, transparent 35%),
        radial-gradient(ellipse at 82% 84%, rgba(255, 139, 85, .58) 0 9%, rgba(255, 191, 116, .26) 18%, transparent 37%);
    filter:saturate(145%);
    animation: cmzLuxeAmbient 28s cubic-bezier(.45,.04,.2,1) infinite alternate;
}

body::after {
    inset: -18%;
    opacity: .52;
    background:
        radial-gradient(ellipse at 22% 46%, rgba(255,255,255,.52) 0 8%, transparent 28%),
        radial-gradient(ellipse at 68% 55%, rgba(255,255,255,.34) 0 11%, transparent 30%),
        linear-gradient(116deg, transparent 22%, rgba(255,255,255,.22) 47%, transparent 72%);
    
    animation: cmzLuxeVeil 38s ease-in-out infinite alternate;
}

@keyframes cmzLuxeAmbient {
    0% { transform: translate3d(-2%, -1%, 0) scale(1.02) rotate(-1deg); }
    45% { transform: translate3d(3.5%, 1.7%, 0) scale(1.08) rotate(1.5deg); }
    100% { transform: translate3d(-1%, 4%, 0) scale(1.05) rotate(-1.5deg); }
}
@keyframes cmzLuxeVeil {
    0% { transform: translate3d(2%, 0, 0) scale(1); opacity: .38; }
    100% { transform: translate3d(-4%, -3%, 0) scale(1.14); opacity: .62; }
}

.glass-container {
    width: calc(100% - 52px);
    margin: 26px auto;
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(250,252,255,.53), rgba(244,246,255,.42));
    border: 1px solid rgba(255,255,255,.82);
    box-shadow:
        0 44px 120px rgba(69, 72, 125, .20),
        0 14px 42px rgba(76, 124, 207, .10),
        inset 0 1px 0 rgba(255,255,255,.90),
        inset 0 -1px 0 rgba(255,255,255,.28);
}

.glass-container::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 8;
    padding: 1px;
    background: linear-gradient(125deg,
        rgba(255,255,255,.96),
        rgba(137,207,255,.38) 25%,
        rgba(194,159,255,.32) 52%,
        rgba(255,174,216,.34) 76%,
        rgba(255,226,187,.64));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .72;
}

.app-sidebar {
    padding: 20px 14px 18px;
    background:
        linear-gradient(180deg, rgba(245,249,255,.55), rgba(235,240,255,.38)),
        radial-gradient(230px 260px at 12% 18%, rgba(77,178,255,.14), transparent 70%),
        radial-gradient(240px 280px at 80% 80%, rgba(126,92,255,.12), transparent 70%);
    border-right: 1px solid rgba(255,255,255,.60);
    box-shadow: inset -1px 0 0 rgba(117,139,190,.07), inset 0 1px 0 rgba(255,255,255,.58);
}

.brand-mark {
    border-radius: 12px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.34), transparent 35%),
        linear-gradient(145deg, #4e96ff 0%, #655df2 52%, #a35ee5 100%);
    box-shadow:
        0 10px 24px rgba(86,91,226,.24),
        inset 0 1px 0 rgba(255,255,255,.70),
        inset 0 -8px 18px rgba(76,54,190,.18);
}

.nav-item {
    min-height: 44px;
    border-radius: 14px;
    color: #5d6986;
    border: 1px solid transparent;
}
.nav-item:hover {
    background: rgba(255,255,255,.32);
    border-color: rgba(255,255,255,.50);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.48);
}
.nav-item.active {
    color: #304fd0;
    background:
        radial-gradient(130px 70px at 20% 10%, rgba(255,255,255,.72), transparent 70%),
        linear-gradient(100deg, rgba(85,145,255,.23), rgba(113,92,235,.18) 68%, rgba(205,128,236,.13));
    border-color: rgba(255,255,255,.66);
    box-shadow:
        0 10px 25px rgba(83,97,198,.13),
        inset 0 1px 0 rgba(255,255,255,.82),
        inset 0 -1px 0 rgba(102,109,211,.08);
}
.nav-icon {
    background: rgba(255,255,255,.36);
    border-color: rgba(255,255,255,.58);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.52);
}
.nav-item.active .nav-icon {
    color: #fff;
    background: linear-gradient(145deg, #5e94ff, #6f5de9 64%, #9569e8);
    border-color: rgba(255,255,255,.50);
    box-shadow: 0 5px 12px rgba(87,86,218,.20), inset 0 1px 0 rgba(255,255,255,.42);
}

.privacy-note {
    background: rgba(255,255,255,.26);
    border-color: rgba(255,255,255,.48);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.46);
}

.app-main {
    background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.01));
}
.app-main::before {
    inset: -22% -14%;
    opacity: .95;
    background:
        radial-gradient(ellipse at 8% 12%, rgba(43, 190, 255, .20) 0 10%, transparent 31%),
        radial-gradient(ellipse at 57% 2%, rgba(88, 105, 255, .17) 0 11%, transparent 31%),
        radial-gradient(ellipse at 94% 20%, rgba(229, 93, 204, .18) 0 10%, transparent 31%),
        radial-gradient(ellipse at 84% 93%, rgba(255, 160, 101, .15) 0 11%, transparent 32%),
        radial-gradient(ellipse at 24% 95%, rgba(124, 94, 255, .14) 0 11%, transparent 34%);
    filter:saturate(140%);
}

.app-topbar {
    min-height: 78px;
    padding: 18px 26px 15px;
    border-bottom: 1px solid rgba(255,255,255,.54);
    background:
        linear-gradient(180deg, rgba(255,255,255,.19), rgba(255,255,255,.055));
    box-shadow: inset 0 -1px 0 rgba(119,130,174,.055);
}
.page-kicker {
    color: #4d67dc;
    letter-spacing: .10em;
    font-weight: 760;
}
.page-title { font-size: 23px; font-weight: 790; color: #17223d; }
.page-desc { color: #67728c; }

.integral-badge,
.topbar-chip {
    border-radius: 14px;
    background: rgba(255,255,255,.34);
    border-color: rgba(255,255,255,.67);
    box-shadow:
        0 7px 18px rgba(79,91,145,.08),
        inset 0 1px 0 rgba(255,255,255,.80);
}

.app-content { padding: 28px; }

.home-hero {
    min-height: 210px;
    grid-template-columns: minmax(0, 1.58fr) minmax(270px, .62fr);
    gap: 18px;
    margin-bottom: 20px;
}
.hero-copy,
.hero-side {
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.75);
    background:
        linear-gradient(145deg, rgba(255,255,255,.47), rgba(250,250,255,.30));
    box-shadow:
        0 18px 44px rgba(78,84,143,.10),
        inset 0 1px 0 rgba(255,255,255,.90),
        inset 0 -1px 0 rgba(255,255,255,.30);
}
.hero-copy { padding: 32px 34px; isolation: isolate; }
.hero-copy::before {
    content: "";
    position: absolute;
    width: 430px;
    height: 330px;
    right: -50px;
    top: -110px;
    z-index: -1;
    border-radius: 48% 52% 46% 54% / 48% 42% 58% 52%;
    background:
        radial-gradient(circle at 34% 31%, rgba(89,202,255,.82) 0 10%, rgba(88,152,255,.48) 22%, transparent 46%),
        radial-gradient(circle at 61% 35%, rgba(117,84,245,.62) 0 12%, rgba(164,103,241,.34) 27%, transparent 53%),
        radial-gradient(circle at 72% 66%, rgba(238,116,205,.60) 0 10%, rgba(255,161,189,.25) 28%, transparent 50%);
    filter:saturate(145%);
    opacity: .72;
    animation: luxeHeroBlob 18s ease-in-out infinite alternate;
}
.hero-copy::after {
    width: 230px;
    height: 230px;
    right: 34px;
    top: -50px;
    opacity: .68;
    background:
        radial-gradient(circle at 34% 28%, rgba(255,255,255,.82), rgba(255,255,255,.22) 24%, transparent 25%),
        radial-gradient(circle at 44% 42%, rgba(71,185,255,.52), rgba(113,96,239,.38) 48%, rgba(245,127,211,.25) 68%, transparent 72%);
    box-shadow:
        inset 18px 16px 30px rgba(255,255,255,.16),
        inset -18px -16px 36px rgba(94,75,207,.10),
        0 30px 65px rgba(88,112,201,.10);
    filter:saturate(135%);
    animation: luxeHeroOrb 14s ease-in-out infinite alternate;
}
@keyframes luxeHeroBlob {
    to { transform: translate(-28px, 22px) scale(1.07) rotate(7deg); }
}
@keyframes luxeHeroOrb {
    to { transform: translate(-18px, 30px) scale(1.05) rotate(-5deg); }
}

.hero-eyebrow {
    color: #536ee2;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: none;
}
.hero-title {
    max-width: 720px;
    font-size: 31px;
    line-height: 1.19;
    font-weight: 820;
    color: var(--luxe-ink);
}
.hero-title span {
    background: linear-gradient(90deg, #4e6cff 0%, #7658ef 48%, #e272c6 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.hero-text { max-width: 650px; color: #69748d; font-size: 13px; }

.flow-chip {
    padding: 7px 12px;
    border-radius: 999px;
    color: #59657f;
    background: rgba(255,255,255,.38);
    border-color: rgba(255,255,255,.70);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 5px 14px rgba(76,88,145,.05);
}
.flow-arrow { color: #6f65e9; }

.hero-side {
    padding: 26px;
    background:
        radial-gradient(220px 180px at 100% 0%, rgba(242,127,206,.14), transparent 72%),
        radial-gradient(240px 200px at 0% 100%, rgba(93,147,255,.12), transparent 72%),
        linear-gradient(145deg, rgba(255,255,255,.46), rgba(255,255,255,.27));
}
.hero-side-label { color: #858ea4; letter-spacing: .06em; }
.hero-side-title { font-size: 18px; font-weight: 760; color: #1d2740; }
.hero-side-list { gap: 11px; }
.hero-side-item { color: #65708a; }
.hero-side-item::before {
    width: 7px;
    height: 7px;
    background: linear-gradient(135deg, #4fb8ff, #725eea 56%, #d66fc5);
    box-shadow: 0 0 0 5px rgba(102,97,234,.075), 0 3px 10px rgba(86,103,215,.18);
}

.section-head { margin: 10px 0 14px; }
.section-title { font-size: 16px; font-weight: 770; color: #202b44; }
.section-note { color: #929bb0; }

.main-grid { gap: 16px; }
.main-grid .glass-card {
    min-height: 162px;
    padding: 21px;
    border-radius: 21px;
    overflow: hidden;
    background:
        radial-gradient(180px 160px at 100% 0%, rgba(255,255,255,.52), transparent 72%),
        linear-gradient(145deg, rgba(255,255,255,.50), rgba(251,251,255,.27));
    border-color: rgba(255,255,255,.76);
    box-shadow:
        0 14px 36px rgba(79,86,144,.085),
        inset 0 1px 0 rgba(255,255,255,.92),
        inset 0 -1px 0 rgba(255,255,255,.22);
}
.main-grid .glass-card::before {
    opacity: 1;
    background:
        linear-gradient(125deg, rgba(255,255,255,.34), transparent 34%, rgba(255,255,255,.08) 62%, transparent 82%);
}
.main-grid .glass-card::after {
    content: "";
    position: absolute;
    width: 170px;
    height: 150px;
    right: -52px;
    bottom: -62px;
    border-radius: 50%;
    
    opacity: .16;
    pointer-events: none;
}
.main-grid .glass-card:nth-child(1)::after { background: #61a7ff; }
.main-grid .glass-card:nth-child(2)::after { background: #45d2d1; }
.main-grid .glass-card:nth-child(3)::after { background: #7e61f2; }
.main-grid .glass-card:nth-child(4)::after { background: #f0a35f; }
.main-grid .glass-card:nth-child(5)::after { background: #e478c7; }
.main-grid .glass-card:nth-child(6)::after { background: #7a8cff; }

.main-grid a.glass-card:hover {
    transform: translateY(-5px) scale(1.008);
    border-color: rgba(255,255,255,.94);
    box-shadow:
        0 24px 52px rgba(77,82,151,.14),
        0 6px 18px rgba(91,120,200,.07),
        inset 0 1px 0 rgba(255,255,255,.98);
}

.feature-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    color: #4b65d6;
    font-size: 15px;
    font-weight: 800;
    background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.92), transparent 24%),
        linear-gradient(145deg, rgba(103,162,255,.22), rgba(134,103,245,.14) 58%, rgba(230,121,204,.11));
    border: 1px solid rgba(255,255,255,.80);
    box-shadow:
        0 9px 20px rgba(87,97,203,.11),
        inset 0 1px 0 rgba(255,255,255,.92),
        inset 0 -8px 18px rgba(99,97,219,.06);
}
.main-grid .glass-card h3 {
    color: #1d2740;
    font-size: 16px;
    font-weight: 760;
    letter-spacing: -.012em;
}
.main-grid .glass-card p { color: #6c7790; }
.feature-meta { color: #959db0; }
.feature-arrow {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    color: #526ee0;
    background: rgba(255,255,255,.38);
    border: 1px solid rgba(255,255,255,.72);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}

/* 通用材质跟随升级，但不改变任何控件尺寸/业务结构 */
.glass-card:not(.main-grid .glass-card),
.workspace-card,
.result-box,
.table-wrap,
.guide-step,
.radio-item {
    border-color: rgba(255,255,255,.68);
    box-shadow: 0 14px 36px rgba(77,84,137,.08), inset 0 1px 0 rgba(255,255,255,.82);
}

.input-box {
    background: rgba(255,255,255,.42);
    border-color: rgba(255,255,255,.66);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 6px 16px rgba(79,92,143,.05);
}
.input-box:hover { background: rgba(255,255,255,.50); }
.input-box:focus {
    border-color: rgba(92,102,230,.36);
    box-shadow: 0 0 0 4px rgba(92,102,230,.09), inset 0 1px 0 rgba(255,255,255,.82), 0 8px 18px rgba(80,90,155,.06);
}

.btn-primary {
    border-color: rgba(255,255,255,.42);
    background:
        linear-gradient(180deg, rgba(255,255,255,.16), transparent 42%),
        linear-gradient(115deg, #557cf5 0%, #6b58e6 57%, #9865df 100%);
    box-shadow:
        0 12px 26px rgba(87,78,210,.23),
        inset 0 1px 0 rgba(255,255,255,.44),
        inset 0 -10px 18px rgba(75,54,180,.12);
}
.btn-primary:hover {
    box-shadow:
        0 18px 32px rgba(87,78,210,.29),
        inset 0 1px 0 rgba(255,255,255,.56),
        inset 0 -10px 18px rgba(75,54,180,.10);
}
.btn-secondary {
    background: rgba(255,255,255,.34);
    border-color: rgba(255,255,255,.68);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.74), 0 7px 16px rgba(80,91,143,.055);
}

@media (prefers-color-scheme: dark) {
    .glass-container::before { opacity: .25; }
    .page-title,
    .hero-title,
    .hero-side-title,
    .section-title,
    .main-grid .glass-card h3 { color: var(--text-main); }
    .hero-text,
    .hero-side-item,
    .main-grid .glass-card p { color: var(--text-sub); }
    .nav-item.active { color: #d8e2ff; }
}

/* =========================================================
   视觉精修 Pass 03｜Studio Glass
   进一步收敛糖果感，增强“果味”的精密材质、留白、折射和空间层次。
   仍然仅 CSS，不触碰 HTML / JS / 业务结构。
   ========================================================= */

body {
    background:
        radial-gradient(900px 640px at -6% -5%, rgba(57, 194, 255, .68), transparent 63%),
        radial-gradient(820px 600px at 102% 5%, rgba(203, 130, 255, .46), transparent 64%),
        radial-gradient(900px 680px at 93% 106%, rgba(255, 173, 118, .38), transparent 66%),
        radial-gradient(780px 580px at 5% 106%, rgba(98, 88, 255, .32), transparent 67%),
        linear-gradient(135deg, #d8f6ff 0%, #e9f1ff 34%, #eee9ff 58%, #f9e9f4 79%, #ffefe0 100%);
}

.glass-container {
    background:
        linear-gradient(145deg, rgba(250,252,255,.47), rgba(246,248,255,.35));
    border-color: rgba(255,255,255,.78);
    box-shadow:
        0 50px 130px rgba(59, 64, 116, .18),
        0 16px 46px rgba(68, 113, 192, .085),
        inset 0 1px 0 rgba(255,255,255,.94),
        inset 0 -1px 0 rgba(255,255,255,.18);
}

.app-sidebar {
    background:
        radial-gradient(300px 260px at -20% 10%, rgba(61,182,255,.14), transparent 72%),
        radial-gradient(280px 320px at 110% 92%, rgba(126,96,255,.10), transparent 75%),
        linear-gradient(180deg, rgba(248,251,255,.52), rgba(237,242,255,.36));
}

.app-topbar {
    background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.035));
    border-bottom-color: rgba(255,255,255,.46);
}

.app-main::before {
    opacity: .72;
    background:
        radial-gradient(ellipse at 12% 5%, rgba(38, 192, 255, .16) 0 10%, transparent 33%),
        radial-gradient(ellipse at 70% 0%, rgba(108, 92, 255, .12) 0 10%, transparent 33%),
        radial-gradient(ellipse at 98% 24%, rgba(235, 101, 206, .14) 0 9%, transparent 32%),
        radial-gradient(ellipse at 86% 98%, rgba(255, 174, 112, .12) 0 10%, transparent 34%),
        radial-gradient(ellipse at 25% 105%, rgba(118, 94, 255, .10) 0 10%, transparent 34%);
    filter:saturate(128%);
}

.page-kicker { color: #5571dc; }
.page-title { letter-spacing: -.035em; }

.home-hero { gap: 20px; }
.hero-copy,
.hero-side {
    border-color: rgba(255,255,255,.66);
    background: linear-gradient(145deg, rgba(255,255,255,.41), rgba(255,255,255,.22));
    box-shadow:
        0 20px 52px rgba(69,76,128,.085),
        0 2px 7px rgba(94,112,162,.035),
        inset 0 1px 0 rgba(255,255,255,.94),
        inset 0 -1px 0 rgba(255,255,255,.16);
}
.hero-copy {
    padding: 34px 36px 31px;
}
.hero-copy::before {
    width: 470px;
    height: 355px;
    right: -82px;
    top: -124px;
    opacity: .58;
    background:
        radial-gradient(circle at 28% 28%, rgba(67,193,255,.92) 0 8%, rgba(76,160,255,.46) 22%, transparent 47%),
        radial-gradient(circle at 60% 35%, rgba(116,89,246,.68) 0 10%, rgba(160,105,239,.29) 27%, transparent 54%),
        radial-gradient(circle at 73% 69%, rgba(238,114,205,.62) 0 9%, rgba(255,164,192,.22) 27%, transparent 51%);
    filter:saturate(135%);
}
.hero-copy::after {
    width: 208px;
    height: 208px;
    right: 56px;
    top: -18px;
    opacity: .48;
    background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.95) 0 5%, rgba(255,255,255,.25) 19%, transparent 22%),
        radial-gradient(circle at 44% 44%, rgba(80,189,255,.57) 0 10%, rgba(115,98,240,.38) 46%, rgba(237,123,207,.23) 67%, transparent 72%);
    box-shadow:
        inset 12px 10px 26px rgba(255,255,255,.24),
        inset -16px -18px 32px rgba(79,64,188,.10),
        0 26px 68px rgba(89,112,199,.10);
}
.hero-title {
    font-size: 32px;
    max-width: 760px;
    letter-spacing: -.045em;
    text-shadow: 0 1px 0 rgba(255,255,255,.35);
}
.hero-text { color: #66738d; }

.hero-side {
    background:
        radial-gradient(260px 210px at 110% -10%, rgba(229,116,204,.10), transparent 72%),
        radial-gradient(260px 220px at -8% 108%, rgba(84,143,255,.09), transparent 74%),
        linear-gradient(145deg, rgba(255,255,255,.42), rgba(255,255,255,.23));
}

.flow-chip {
    background: rgba(255,255,255,.32);
    border-color: rgba(255,255,255,.64);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.80), 0 6px 14px rgba(69,80,132,.04);
}

.main-grid .glass-card {
    min-height: 164px;
    background:
        linear-gradient(150deg, rgba(255,255,255,.44), rgba(255,255,255,.22));
    border-color: rgba(255,255,255,.64);
    box-shadow:
        0 18px 46px rgba(64,72,127,.075),
        0 2px 8px rgba(83,99,149,.03),
        inset 0 1px 0 rgba(255,255,255,.94),
        inset 0 -1px 0 rgba(255,255,255,.13);
}
.main-grid .glass-card::before {
    background:
        linear-gradient(122deg, rgba(255,255,255,.42), transparent 30%, transparent 66%, rgba(255,255,255,.12) 82%, transparent);
    opacity: .60;
}
.main-grid .glass-card::after {
    width: 210px;
    height: 190px;
    right: -88px;
    bottom: -96px;
    
    opacity: .12;
}
.main-grid a.glass-card:hover {
    transform: translateY(-6px) scale(1.006);
    background: linear-gradient(150deg, rgba(255,255,255,.53), rgba(255,255,255,.27));
    box-shadow:
        0 28px 62px rgba(68,72,134,.13),
        0 8px 20px rgba(81,114,188,.055),
        inset 0 1px 0 rgba(255,255,255,1);
}

.feature-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 21px;
    border-radius: 13px;
    color: #5268d9;
    background:
        linear-gradient(165deg, rgba(255,255,255,.78), rgba(255,255,255,.22)),
        linear-gradient(145deg, rgba(70,157,255,.24), rgba(115,89,244,.18) 58%, rgba(227,118,204,.11));
    border-color: rgba(255,255,255,.78);
    box-shadow:
        0 10px 24px rgba(77,90,192,.10),
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 -7px 14px rgba(86,78,203,.05);
}

.main-grid .glass-card:nth-child(1) .feature-icon { color: #3479e8; }
.main-grid .glass-card:nth-child(2) .feature-icon { color: #168ea0; }
.main-grid .glass-card:nth-child(3) .feature-icon { color: #684fd6; }
.main-grid .glass-card:nth-child(4) .feature-icon { color: #d47735; }
.main-grid .glass-card:nth-child(5) .feature-icon { color: #ad57aa; }
.main-grid .glass-card:nth-child(6) .feature-icon { color: #5968da; }

.main-grid .glass-card h3 { font-weight: 770; letter-spacing: -.02em; }
.main-grid .glass-card p { color: #68758e; }

.feature-arrow {
    background: rgba(255,255,255,.28);
    border-color: rgba(255,255,255,.68);
    color: #526bdc;
}

.nav-item.active {
    background:
        linear-gradient(110deg, rgba(76,139,255,.18), rgba(111,90,232,.13) 68%, rgba(196,121,230,.08));
    box-shadow:
        0 10px 26px rgba(74,89,185,.10),
        inset 0 1px 0 rgba(255,255,255,.80);
}

@media (prefers-color-scheme: dark) {
    .hero-copy,
    .hero-side,
    .main-grid .glass-card { background: rgba(30,41,59,.34); }
    .main-grid a.glass-card:hover { background: rgba(40,50,75,.43); }
}

/* =========================================================
   视觉精修 Pass 04｜Aero Fruit
   核心：颜色退到“环境”，玻璃回到“材质”，减少模板感与糖果感。
   ========================================================= */

body {
    background:
        radial-gradient(760px 620px at 0% 0%, rgba(65, 205, 255, .58), transparent 66%),
        radial-gradient(720px 620px at 101% 2%, rgba(196, 133, 255, .42), transparent 68%),
        radial-gradient(700px 560px at 95% 103%, rgba(255, 171, 116, .34), transparent 69%),
        radial-gradient(650px 560px at 8% 104%, rgba(103, 96, 255, .28), transparent 70%),
        linear-gradient(135deg, #e3f8ff 0%, #edf4ff 34%, #f0ecff 60%, #faedf5 82%, #fff1e5 100%);
}

body::before {
    opacity: .50;
    filter:saturate(125%);
}
body::after {
    opacity: .40;
    
}

.glass-container {
    background: rgba(248,250,255,.40);
    border-color: rgba(255,255,255,.76);
    box-shadow:
        0 52px 140px rgba(56,62,110,.17),
        0 14px 42px rgba(76,112,180,.07),
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(255,255,255,.14);
}

.glass-container::before { opacity: .48; }

.app-sidebar {
    background: linear-gradient(180deg, rgba(249,252,255,.55), rgba(242,246,255,.38));
    border-right-color: rgba(255,255,255,.52);
}

.nav-item.active {
    color: #3e5ecb;
    background: rgba(255,255,255,.44);
    border-color: rgba(255,255,255,.76);
    box-shadow:
        0 11px 28px rgba(70,87,180,.10),
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(75,94,179,.055);
    position: relative;
}
.nav-item.active::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 11px;
    bottom: 11px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, #4fa5ff, #665ee9 65%, #b469d9);
    box-shadow: 0 0 12px rgba(88,91,221,.28);
}
.nav-item.active .nav-icon {
    background:
        linear-gradient(180deg, rgba(255,255,255,.22), transparent 45%),
        linear-gradient(145deg, #4b93f8, #655de9 66%, #976adf);
}

.app-main {
    background: rgba(250,251,255,.13);
}
.app-main::before { opacity: .42; filter:saturate(118%); }

.app-topbar {
    background: rgba(255,255,255,.075);
    border-bottom-color: rgba(255,255,255,.43);
}

.integral-badge,
.topbar-chip {
    background: rgba(255,255,255,.42);
    border-color: rgba(255,255,255,.74);
    box-shadow: 0 8px 20px rgba(74,86,137,.06), inset 0 1px 0 rgba(255,255,255,.92);
}

.hero-copy,
.hero-side {
    background: rgba(255,255,255,.44);
    border-color: rgba(255,255,255,.74);
    box-shadow:
        0 24px 58px rgba(61,69,121,.075),
        0 3px 10px rgba(73,90,145,.025),
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 -1px 0 rgba(255,255,255,.12);
}
.hero-copy::before { opacity: .43; filter:saturate(126%); }
.hero-copy::after { opacity: .34; }
.hero-title { color: #16223a; }
.hero-title span {
    background: linear-gradient(90deg, #4a72ee 0%, #6c5de6 48%, #d878c4 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

.hero-side {
    background:
        radial-gradient(260px 210px at 115% -20%, rgba(230,133,207,.065), transparent 75%),
        linear-gradient(145deg, rgba(255,255,255,.47), rgba(255,255,255,.34));
}

.flow-chip {
    color: #59657d;
    background: rgba(255,255,255,.50);
    border-color: rgba(255,255,255,.78);
}

.main-grid .glass-card {
    background: rgba(255,255,255,.47);
    border-color: rgba(255,255,255,.74);
    box-shadow:
        0 20px 50px rgba(59,68,121,.068),
        0 3px 10px rgba(73,90,144,.022),
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 -1px 0 rgba(255,255,255,.11);
}
.main-grid .glass-card::after { opacity: .07;  }
.main-grid .glass-card::before { opacity: .34; }
.main-grid a.glass-card:hover {
    background: rgba(255,255,255,.58);
    border-color: rgba(255,255,255,.92);
    box-shadow:
        0 30px 70px rgba(56,63,119,.12),
        0 7px 18px rgba(70,103,176,.045),
        inset 0 1px 0 rgba(255,255,255,1),
        0 0 0 1px rgba(110,111,222,.025);
}

.feature-icon {
    background:
        linear-gradient(165deg, rgba(255,255,255,.86), rgba(255,255,255,.38)),
        linear-gradient(145deg, rgba(74,153,255,.15), rgba(111,87,239,.12) 60%, rgba(218,121,201,.08));
    border-color: rgba(255,255,255,.86);
    box-shadow:
        0 10px 24px rgba(70,84,172,.08),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -6px 12px rgba(80,76,181,.035);
}

.feature-arrow {
    background: rgba(255,255,255,.45);
    border-color: rgba(255,255,255,.78);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}

.section-note { color: #9ba3b4; }
.privacy-note { background: rgba(255,255,255,.32); border-color: rgba(255,255,255,.60); }

@media (prefers-color-scheme: dark) {
    .app-main { background: rgba(15,23,42,.10); }
    .hero-copy,
    .hero-side,
    .main-grid .glass-card { background: rgba(30,41,59,.34); }
}

/* =========================================================
   视觉精修 Pass 05｜Editorial Liquid Workbench
   目标：摆脱「六张白卡」SaaS 模板感，建立餐谋长自己的经营诊断工作台视觉层级。
   只改 CSS，不改 DOM / HTML / JS / ID / 业务逻辑。
   ========================================================= */

:root {
    --art-ink: #101a31;
    --art-sub: #66738d;
    --art-hairline: rgba(255,255,255,.68);
    --art-blue: #3d83ff;
    --art-violet: #7057f0;
    --art-cyan: #36c7d7;
    --art-pink: #e779bf;
    --art-amber: #f0a05d;
}

body {
    background:
        radial-gradient(900px 700px at -8% 14%, rgba(64,192,255,.34), transparent 62%),
        radial-gradient(840px 680px at 108% -5%, rgba(204,137,255,.26), transparent 64%),
        radial-gradient(720px 540px at 93% 107%, rgba(255,170,116,.20), transparent 67%),
        radial-gradient(720px 620px at 22% 112%, rgba(102,99,247,.16), transparent 68%),
        linear-gradient(135deg, #e8f8ff 0%, #eef5ff 36%, #f2efff 63%, #f9f1f7 83%, #fff5ea 100%);
}
body::before {
    opacity: .34;
    filter:saturate(118%);
    animation-duration: 31s;
}
body::after {
    opacity: .24;
    filter:saturate(112%);
    animation-duration: 37s;
}

.glass-container {
    background:
        linear-gradient(140deg, rgba(255,255,255,.38), rgba(248,250,255,.22) 55%, rgba(255,248,250,.20));
    border: 1px solid rgba(255,255,255,.80);
    box-shadow:
        0 64px 160px rgba(50,61,111,.18),
        0 22px 64px rgba(78,111,178,.08),
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 0 0 1px rgba(255,255,255,.14);
}
.glass-container::before {
    opacity: .34;
    background:
        linear-gradient(112deg, rgba(70,185,255,.16), transparent 26%, transparent 73%, rgba(232,126,206,.12)),
        linear-gradient(180deg, rgba(255,255,255,.60), transparent 12%);
}

/* 侧边栏：变成悬浮控制材质，而不是普通后台菜单列 */
.app-sidebar {
    background:
        radial-gradient(260px 360px at 8% 6%, rgba(72,181,255,.10), transparent 72%),
        linear-gradient(180deg, rgba(250,253,255,.46), rgba(244,247,255,.26));
    border-right: 1px solid rgba(255,255,255,.54);
    box-shadow: inset -1px 0 0 rgba(91,105,160,.035);
}
.brand-mark {
    background:
        radial-gradient(circle at 28% 18%, rgba(255,255,255,.95), transparent 23%),
        linear-gradient(145deg, #47a8ff 0%, #6458ee 56%, #b468de 100%);
    box-shadow:
        0 12px 28px rgba(81,82,213,.20),
        inset 0 1px 0 rgba(255,255,255,.86),
        inset 0 -8px 18px rgba(76,50,185,.18);
}
.nav-section-label { letter-spacing: .12em; color: #9ba6bb; }
.nav-item {
    border: 1px solid transparent;
    color: #5f6b83;
    transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.nav-item:hover {
    color: #2d3d61;
    background: rgba(255,255,255,.30);
    border-color: rgba(255,255,255,.52);
    transform: translateX(2px);
}
.nav-item.active {
    color: #3558c9;
    background:
        linear-gradient(115deg, rgba(255,255,255,.60), rgba(255,255,255,.28)),
        linear-gradient(115deg, rgba(62,139,255,.14), rgba(112,84,238,.09));
    border-color: rgba(255,255,255,.76);
    box-shadow:
        0 12px 30px rgba(70,86,177,.10),
        inset 0 1px 0 rgba(255,255,255,.96);
}
.nav-item.active::after {
    left: 7px;
    width: 2px;
    top: 10px;
    bottom: 10px;
    background: linear-gradient(180deg, #49abff, #685cec 62%, #d56fc5);
    box-shadow: 0 0 14px rgba(95,94,228,.36);
}
.nav-item.active .nav-icon {
    background:
        radial-gradient(circle at 28% 20%, rgba(255,255,255,.56), transparent 24%),
        linear-gradient(145deg, rgba(69,153,255,.96), rgba(101,86,234,.94) 66%, rgba(183,103,220,.90));
    box-shadow: 0 6px 14px rgba(83,85,205,.16), inset 0 1px 0 rgba(255,255,255,.52);
}
.privacy-note {
    background: rgba(255,255,255,.22);
    border-color: rgba(255,255,255,.47);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.62);
}

/* 顶栏：控制层使用 Liquid Glass，内容层保持更安静 */
.app-topbar {
    background: rgba(255,255,255,.045);
    border-bottom-color: rgba(255,255,255,.34);
}
.page-kicker { color: #5371dc; letter-spacing: .045em; }
.page-title { color: var(--art-ink); letter-spacing: -.035em; }
.page-desc { color: #6d7890; }
.integral-badge,
.topbar-chip {
    background:
        linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.28));
    border-color: rgba(255,255,255,.82);
    box-shadow:
        0 10px 26px rgba(71,82,139,.07),
        inset 0 1px 0 rgba(255,255,255,1);
}

.app-main {
    background:
        radial-gradient(800px 540px at 44% 2%, rgba(77,191,255,.06), transparent 70%),
        radial-gradient(680px 540px at 94% 24%, rgba(229,126,207,.055), transparent 72%),
        rgba(250,251,255,.08);
}
.app-main::before { opacity: .28; filter:saturate(112%); }
.app-content { padding: 30px 32px 34px; }

/* Hero：从 Banner 变成「经营判断台」。彩色只作为后方光学对象，而不是铺底。 */
.home-hero {
    min-height: 236px;
    grid-template-columns: minmax(0, 1.72fr) minmax(255px, .58fr);
    gap: 20px;
    margin-bottom: 22px;
}
.hero-copy,
.hero-side {
    border-radius: 26px;
    border-color: rgba(255,255,255,.76);
}
.hero-copy {
    padding: 34px 38px;
    background:
        linear-gradient(142deg, rgba(255,255,255,.64), rgba(250,252,255,.44) 62%, rgba(250,248,255,.36));
    box-shadow:
        0 28px 68px rgba(54,66,118,.085),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(255,255,255,.16);
}
.hero-copy::before {
    width: 390px;
    height: 330px;
    right: -54px;
    top: -82px;
    border-radius: 44% 56% 52% 48% / 46% 42% 58% 54%;
    background:
        radial-gradient(circle at 28% 28%, rgba(91,205,255,.58) 0 9%, transparent 28%),
        radial-gradient(circle at 54% 32%, rgba(109,92,242,.44) 0 13%, transparent 36%),
        radial-gradient(circle at 73% 65%, rgba(235,121,203,.34) 0 12%, transparent 34%),
        radial-gradient(circle at 46% 61%, rgba(255,255,255,.72) 0 4%, rgba(255,255,255,.08) 19%, transparent 39%);
    filter:saturate(126%);
    opacity: .56;
    mix-blend-mode: multiply;
}
.hero-copy::after {
    /* 光学玻璃“诊断棱镜”：只用 CSS 生成，不新增 DOM */
    width: 176px;
    height: 176px;
    right: 58px;
    top: 26px;
    border-radius: 42px;
    transform: rotate(12deg);
    opacity: .88;
    background:
        linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,255,255,.12) 36%, rgba(112,103,244,.12) 58%, rgba(234,122,203,.10)),
        radial-gradient(circle at 28% 22%, rgba(255,255,255,.92), transparent 18%),
        linear-gradient(150deg, rgba(72,190,255,.18), rgba(112,90,238,.13) 58%, rgba(232,126,204,.11));
    border: 1px solid rgba(255,255,255,.78);
    box-shadow:
        -12px -12px 28px rgba(255,255,255,.34),
        18px 28px 56px rgba(73,86,187,.16),
        inset 12px 12px 26px rgba(255,255,255,.44),
        inset -16px -18px 32px rgba(85,69,201,.09),
        0 0 0 1px rgba(104,116,226,.04);
    filter: saturate(130%);
    animation: artPrismFloat 18s ease-in-out infinite alternate;
}
@keyframes artPrismFloat {
    to { transform: translate(-12px, 14px) rotate(8deg) scale(1.025); }
}
.hero-copy > * { position: relative; z-index: 2; }
.hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #4768d4;
    font-size: 11px;
    font-weight: 780;
    letter-spacing: .095em;
    margin-bottom: 14px;
}
.hero-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #47a8ff;
    box-shadow: 0 0 0 5px rgba(71,168,255,.09), 0 0 18px rgba(71,168,255,.24);
}
.hero-title {
    max-width: 650px;
    font-size: clamp(30px, 2.15vw, 36px);
    line-height: 1.16;
    font-weight: 790;
    letter-spacing: -.045em;
    color: #121d35;
    margin-bottom: 13px;
}
.hero-title span {
    background: linear-gradient(92deg, #397de8 0%, #5c62e7 38%, #8f58dc 67%, #d56eb8 100%);
    -webkit-background-clip: text;
    background-clip: text;
}
.hero-text {
    max-width: 620px;
    color: #68748c;
    font-size: 13px;
    line-height: 1.82;
}
.hero-flow { margin-top: 22px; gap: 7px; }
.flow-chip {
    padding: 7px 12px;
    color: #52617a;
    background: rgba(255,255,255,.54);
    border-color: rgba(255,255,255,.84);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 7px 18px rgba(68,82,140,.045);
}
.flow-arrow { color: #6680df; opacity: .75; }

.hero-side {
    padding: 27px;
    background:
        radial-gradient(250px 220px at 118% -18%, rgba(225,127,204,.09), transparent 72%),
        linear-gradient(150deg, rgba(255,255,255,.58), rgba(249,250,255,.38));
    box-shadow:
        0 24px 58px rgba(56,68,116,.07),
        inset 0 1px 0 rgba(255,255,255,.98);
}
.hero-side::after {
    content: "";
    position: absolute;
    left: 0;
    top: 26px;
    bottom: 26px;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(93,111,218,.18) 24%, rgba(215,111,190,.14) 72%, transparent);
}
.hero-side-label { color: #8b94a8; text-transform: uppercase; font-size: 10px; letter-spacing: .12em; }
.hero-side-title { color: #18233b; font-size: 18px; line-height: 1.42; font-weight: 740; margin-top: 8px; }
.hero-side-list { gap: 13px; }
.hero-side-item { color: #66728a; line-height: 1.5; }
.hero-side-item::before {
    width: 6px;
    height: 6px;
    background: linear-gradient(135deg, #4baeff, #6f5de8 60%, #d96fc1);
    box-shadow: 0 0 0 4px rgba(91,102,228,.065), 0 4px 12px rgba(88,103,206,.10);
}

.section-head { margin: 12px 0 15px; }
.section-title {
    font-size: 17px;
    font-weight: 760;
    letter-spacing: -.025em;
    color: #18233a;
}
.section-note { color: #a0a7b7; letter-spacing: .015em; }

/* 功能入口改为业务优先级布局：调研 → 诊断 → 菜单 → 历史；引导和积分退为辅助。
   仍是原 6 个链接，功能与 href 完全不变。 */
.main-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: 82px;
    gap: 14px;
}
.main-grid .glass-card {
    min-height: 0;
    margin: 0;
    padding: 22px 23px;
    border-radius: 23px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.72), rgba(251,252,255,.52));
    border-color: rgba(255,255,255,.80);
    box-shadow:
        0 18px 44px rgba(53,65,116,.065),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(255,255,255,.10);
}
.main-grid .glass-card::before {
    opacity: .28;
    background: linear-gradient(128deg, rgba(255,255,255,.50), transparent 31%, transparent 70%, rgba(255,255,255,.12));
}
.main-grid .glass-card::after {
    width: 180px;
    height: 160px;
    right: -72px;
    bottom: -88px;
    opacity: .075;
    
}
.main-grid a.glass-card:hover {
    transform: translateY(-4px);
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(252,252,255,.60));
    border-color: rgba(255,255,255,.96);
    box-shadow:
        0 28px 66px rgba(50,60,112,.105),
        0 8px 20px rgba(71,102,171,.045),
        inset 0 1px 0 rgba(255,255,255,1);
}
/* 视觉顺序，不改变 DOM/href */
.main-grid .glass-card:nth-child(2) { grid-column: 1 / 6; grid-row: 1 / 3; }
.main-grid .glass-card:nth-child(3) { grid-column: 6 / 13; grid-row: 1 / 3; }
.main-grid .glass-card:nth-child(4) { grid-column: 1 / 6; grid-row: 3 / 5; }
.main-grid .glass-card:nth-child(5) { grid-column: 6 / 10; grid-row: 3 / 5; }
.main-grid .glass-card:nth-child(1) { grid-column: 10 / 13; grid-row: 3 / 4; }
.main-grid .glass-card:nth-child(6) { grid-column: 10 / 13; grid-row: 4 / 5; }

/* 核心业务卡片：克制的专属光谱，不靠大色块 */
.main-grid .glass-card:nth-child(2) {
    background:
        radial-gradient(280px 180px at 108% -12%, rgba(57,199,213,.10), transparent 72%),
        linear-gradient(145deg, rgba(255,255,255,.76), rgba(248,253,255,.53));
}
.main-grid .glass-card:nth-child(3) {
    background:
        radial-gradient(320px 200px at 106% -8%, rgba(113,85,240,.11), transparent 72%),
        radial-gradient(220px 170px at 88% 118%, rgba(228,119,194,.065), transparent 74%),
        linear-gradient(145deg, rgba(255,255,255,.78), rgba(250,249,255,.53));
}
.main-grid .glass-card:nth-child(4) {
    background:
        radial-gradient(260px 180px at 108% 110%, rgba(240,160,93,.09), transparent 72%),
        linear-gradient(145deg, rgba(255,255,255,.75), rgba(255,252,248,.52));
}
.main-grid .glass-card:nth-child(5) {
    background:
        radial-gradient(240px 180px at 108% 110%, rgba(224,118,198,.075), transparent 72%),
        linear-gradient(145deg, rgba(255,255,255,.74), rgba(253,250,255,.52));
}
/* 辅助卡做成更轻的 control tile */
.main-grid .glass-card:nth-child(1),
.main-grid .glass-card:nth-child(6) {
    padding: 17px 18px;
    border-radius: 20px;
    background: rgba(255,255,255,.46);
}
.main-grid .glass-card:nth-child(1) .feature-icon,
.main-grid .glass-card:nth-child(6) .feature-icon {
    width: 32px;
    height: 32px;
    border-radius: 11px;
    margin-bottom: 8px;
    font-size: 12px;
}
.main-grid .glass-card:nth-child(1) h3,
.main-grid .glass-card:nth-child(6) h3 { font-size: 14px; margin-bottom: 2px; }
.main-grid .glass-card:nth-child(1) p,
.main-grid .glass-card:nth-child(6) p {
    font-size: 11px;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.main-grid .glass-card:nth-child(1) .feature-meta,
.main-grid .glass-card:nth-child(6) .feature-meta { display: none; }

.feature-icon {
    width: 44px;
    height: 44px;
    margin-bottom: 18px;
    border-radius: 15px;
    font-size: 14px;
    color: #5268d8;
    background:
        radial-gradient(circle at 26% 18%, rgba(255,255,255,.98), transparent 22%),
        linear-gradient(150deg, rgba(255,255,255,.78), rgba(255,255,255,.27)),
        linear-gradient(145deg, rgba(83,169,255,.20), rgba(117,91,242,.13) 58%, rgba(226,122,202,.08));
    border-color: rgba(255,255,255,.88);
    box-shadow:
        0 10px 24px rgba(71,84,177,.09),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -9px 16px rgba(78,75,183,.04);
}
.main-grid .glass-card:nth-child(2) .feature-icon { color: #158a9c; }
.main-grid .glass-card:nth-child(3) .feature-icon { color: #644ed3; }
.main-grid .glass-card:nth-child(4) .feature-icon { color: #d17b3d; }
.main-grid .glass-card:nth-child(5) .feature-icon { color: #a94f9e; }
.main-grid .glass-card h3 {
    color: #18233a;
    font-size: 17px;
    font-weight: 750;
    letter-spacing: -.025em;
}
.main-grid .glass-card:nth-child(3) h3 { font-size: 19px; }
.main-grid .glass-card p { color: #6c7890; max-width: 92%; }
.feature-meta { color: #969fb1; }
.feature-arrow {
    background: rgba(255,255,255,.58);
    border-color: rgba(255,255,255,.88);
    color: #5571d9;
    box-shadow: 0 6px 16px rgba(67,79,137,.045), inset 0 1px 0 rgba(255,255,255,1);
}

@media (max-width: 1280px) {
    .main-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: auto;
    }
    .main-grid .glass-card:nth-child(n) {
        grid-column: auto;
        grid-row: auto;
        min-height: 150px;
    }
    .main-grid .glass-card:nth-child(1),
    .main-grid .glass-card:nth-child(6) { min-height: 150px; }
    .main-grid .glass-card:nth-child(1) .feature-meta,
    .main-grid .glass-card:nth-child(6) .feature-meta { display: flex; }
}

@media (prefers-color-scheme: dark) {
    .hero-copy,
    .hero-side,
    .main-grid .glass-card,
    .main-grid .glass-card:nth-child(1),
    .main-grid .glass-card:nth-child(6) {
        background: rgba(30,41,59,.36);
        border-color: rgba(255,255,255,.10);
    }
    .hero-title,
    .hero-side-title,
    .section-title,
    .main-grid .glass-card h3 { color: #f4f7ff; }
    .hero-text,
    .hero-side-item,
    .main-grid .glass-card p { color: #aeb8cc; }
}

/* ==========================================================
   餐谋长 V2 · 页面微视觉语言精修
   仅 CSS 视觉层：商家调研 / 全量诊断 / 菜单优化
   ========================================================== */

/* ---------- 商家调研：数据采集 / 雷达 / 冷青蓝 ---------- */
.task-intro-grid {
    position: relative;
    gap: 18px;
}
.task-intro-grid::before {
    content: "";
    position: absolute;
    inset: -12px -10px;
    pointer-events: none;
    border-radius: 24px;
    background:
        radial-gradient(420px 220px at 13% 15%, rgba(52,198,215,.09), transparent 72%),
        radial-gradient(360px 180px at 88% 92%, rgba(77,138,255,.08), transparent 72%);
    
    opacity: .9;
}
.task-intro-grid > * { position: relative; z-index: 1; }
#shopUrl,
#shopNameInput {
    min-height: 48px;
    border-radius: 15px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.76), rgba(247,253,255,.48));
    border-color: rgba(102,203,220,.19);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        0 10px 28px rgba(50,131,170,.055);
}
#shopUrl:focus,
#shopNameInput:focus {
    border-color: rgba(44,177,202,.52);
    box-shadow:
        0 0 0 4px rgba(43,190,210,.075),
        0 14px 32px rgba(50,131,170,.075),
        inset 0 1px 0 rgba(255,255,255,1);
}
#crawlBtn {
    min-width: 156px;
    background:
        radial-gradient(circle at 22% 12%, rgba(255,255,255,.32), transparent 28%),
        linear-gradient(120deg, #3aaed2 0%, #4b8ff0 56%, #6670e7 100%);
    box-shadow:
        0 14px 28px rgba(53,130,203,.20),
        inset 0 1px 0 rgba(255,255,255,.36);
}
.task-side-panel {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background:
        radial-gradient(220px 180px at 110% -10%, rgba(69,205,219,.14), transparent 70%),
        linear-gradient(150deg, rgba(248,254,255,.76), rgba(239,247,255,.43));
    border-color: rgba(119,198,220,.18);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        0 18px 38px rgba(58,108,147,.055);
}
.task-side-panel::after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    right: -82px;
    bottom: -88px;
    border: 1px solid rgba(68,183,207,.16);
    box-shadow:
        0 0 0 22px rgba(68,183,207,.035),
        0 0 0 44px rgba(77,140,245,.025);
}
.task-side-list span::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 8px 1px 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #35c3ce, #5688f5);
    box-shadow: 0 0 0 4px rgba(64,180,210,.07);
}
.task-side-panel .status-pill {
    color: #287b9a;
    background: rgba(58,188,207,.075);
    border-color: rgba(58,188,207,.13);
}
#resultWrap .empty-icon {
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.96), transparent 25%),
        linear-gradient(145deg, rgba(64,202,215,.16), rgba(75,126,242,.12));
    color: #3286b1;
}

/* ---------- 全量诊断：判断 / 分层 / 靛紫光谱 ---------- */
.level-select {
    gap: 14px;
    margin-top: 8px;
    perspective: 900px;
}
.level-select .radio-item {
    min-height: 142px;
    padding: 19px 18px 17px;
    border-radius: 18px;
    overflow: hidden;
    background:
        radial-gradient(180px 120px at 90% -12%, rgba(115,98,230,.08), transparent 72%),
        linear-gradient(150deg, rgba(255,255,255,.73), rgba(249,249,255,.47));
    box-shadow:
        0 18px 42px rgba(64,64,122,.055),
        inset 0 1px 0 rgba(255,255,255,.98);
}
.level-select .radio-item::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    top: 17px;
    height: 3px;
    border-radius: 999px;
    opacity: .58;
}
.level-select .radio-item:nth-child(1)::after { background: linear-gradient(90deg, #72c6e8, #5fa6f0); }
.level-select .radio-item:nth-child(2)::after { background: linear-gradient(90deg, #6c83f5, #7357e9, #a95fd6); }
.level-select .radio-item:nth-child(3)::after { background: linear-gradient(90deg, #8b5ce8, #cc69c4, #ee88ad); }
.level-select .radio-item:nth-child(2) {
    transform: translateY(-5px);
    border-color: rgba(115,91,229,.20);
    box-shadow:
        0 24px 54px rgba(95,77,194,.10),
        0 7px 18px rgba(109,88,224,.045),
        inset 0 1px 0 rgba(255,255,255,1);
}
.level-select .radio-item:nth-child(3) {
    background:
        radial-gradient(200px 150px at 95% -10%, rgba(222,102,189,.09), transparent 70%),
        linear-gradient(150deg, rgba(255,255,255,.72), rgba(253,248,253,.46));
}
.level-select .radio-item:hover {
    transform: translateY(-4px) scale(1.006);
    border-color: rgba(103,93,224,.27);
    box-shadow:
        0 24px 50px rgba(78,73,147,.085),
        inset 0 1px 0 rgba(255,255,255,1);
}
.level-select .radio-item:nth-child(2):hover { transform: translateY(-7px) scale(1.008); }
#startAnalysisBtn {
    min-width: 176px;
    background:
        radial-gradient(circle at 20% 10%, rgba(255,255,255,.34), transparent 27%),
        linear-gradient(118deg, #5c78ef 0%, #7258e8 55%, #a35ed9 100%);
    box-shadow:
        0 16px 34px rgba(98,79,211,.22),
        inset 0 1px 0 rgba(255,255,255,.38);
}
.speech-toggle {
    background: rgba(246,246,255,.44);
    border-color: rgba(111,95,218,.11);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
}
.speech-btn.active {
    background: linear-gradient(120deg, #5f73ef, #765ce6 58%, #985ed5);
}
#resultWrap .result-stage-title strong { letter-spacing: -.012em; }

/* ---------- 菜单优化：商品策略 / 琥珀珊瑚 / 五味标签 ---------- */
.menu-legend {
    gap: 10px;
    margin: 16px 0 5px;
}
.menu-legend .legend-item {
    position: relative;
    overflow: hidden;
    padding: 13px 9px 11px;
    border-radius: 14px;
    background: rgba(255,255,255,.46);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 10px 26px rgba(75,72,103,.035);
}
.menu-legend .legend-item::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 0;
    height: 2px;
    border-radius: 0 0 4px 4px;
    opacity: .76;
}
.menu-legend .legend-item:nth-child(1)::before { background: linear-gradient(90deg, #31c6b1, #62d9c1); }
.menu-legend .legend-item:nth-child(2)::before { background: linear-gradient(90deg, #5acb70, #91d866); }
.menu-legend .legend-item:nth-child(3)::before { background: linear-gradient(90deg, #f6b64d, #ff945a); }
.menu-legend .legend-item:nth-child(4)::before { background: linear-gradient(90deg, #ff8b74, #ed6579); }
.menu-legend .legend-item:nth-child(5)::before { background: linear-gradient(90deg, #ef6680, #c65ab2); }
.menu-legend .legend-item:nth-child(3) {
    transform: translateY(-3px);
    border-color: rgba(238,159,76,.18);
    background:
        radial-gradient(150px 90px at 50% -30%, rgba(255,180,83,.10), transparent 70%),
        rgba(255,255,255,.52);
}
#menuOptBtn {
    min-width: 168px;
    background:
        radial-gradient(circle at 18% 10%, rgba(255,255,255,.33), transparent 28%),
        linear-gradient(118deg, #6a74ed 0%, #8b63df 48%, #d06cae 100%);
    box-shadow:
        0 15px 32px rgba(126,83,196,.18),
        inset 0 1px 0 rgba(255,255,255,.36);
}
.menu-legend + .loading-tip {
    background: linear-gradient(90deg, rgba(114,93,225,.07), rgba(218,102,178,.055));
}
#resultContent .table-wrap {
    border-radius: 16px;
    background:
        radial-gradient(300px 160px at 104% 0%, rgba(242,156,87,.055), transparent 70%),
        rgba(255,255,255,.28);
}
#dishTableBody tr:hover { background: rgba(226,128,107,.035); }

/* ---------- 三页共享的“高级感”细节 ---------- */
.workspace-card {
    border-radius: 24px;
    box-shadow:
        0 34px 86px rgba(48,59,104,.075),
        0 8px 24px rgba(78,91,150,.035),
        inset 0 1px 0 rgba(255,255,255,.98);
}
.workspace-card .workspace-head {
    padding-top: 23px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0));
}
.module-title {
    letter-spacing: -.025em;
    font-weight: 780;
}
.result-stage {
    margin-top: 20px;
    padding-top: 18px;
    border-top-color: rgba(107,119,164,.10);
}
.empty-state {
    min-height: 190px;
    display: grid;
    align-content: center;
    background:
        radial-gradient(260px 160px at 50% 120%, rgba(101,111,222,.035), transparent 72%),
        rgba(255,255,255,.16);
    border-color: rgba(117,128,169,.13);
}

@media (prefers-color-scheme: dark) {
    #shopUrl, #shopNameInput,
    .task-side-panel,
    .level-select .radio-item,
    .menu-legend .legend-item {
        background: rgba(28,39,61,.44);
        border-color: rgba(255,255,255,.09);
    }
}

/* ==========================================================
   餐谋长 V2 · 全量诊断高级决策台（UI-only）
   目标：把“选档位 + 看报告”从普通表单，提升为经营决策工作台。
   仅 CSS 视觉层；不修改 HTML / JS / DOM ID / 业务逻辑。
   ========================================================== */
@supports selector(body:has(#startAnalysisBtn)) {
    body:has(#startAnalysisBtn) {
        --diag-ink: #151b34;
        --diag-sub: #69728a;
        --diag-line: rgba(92,101,150,.12);
        --diag-violet: #695ee8;
        --diag-cyan: #54b7d9;
        --diag-rose: #c66ab7;
        --diag-glow: rgba(108,92,231,.12);
    }

    /* 页面环境：不靠大面积糖果色，而靠“冷空气 + 局部折射光” */
    body:has(#startAnalysisBtn)::before {
        background:
            radial-gradient(42vw 34vw at 18% 14%, rgba(103,194,235,.24), transparent 72%),
            radial-gradient(38vw 32vw at 82% 16%, rgba(148,107,231,.18), transparent 72%),
            radial-gradient(34vw 30vw at 88% 82%, rgba(227,128,171,.12), transparent 74%),
            radial-gradient(28vw 24vw at 12% 88%, rgba(88,127,235,.12), transparent 74%),
            linear-gradient(145deg, #eef7ff 0%, #f7f4ff 48%, #fff7fb 100%);
        filter: saturate(108%);
    }

    body:has(#startAnalysisBtn) .app-main::before {
        opacity: .42;
        filter:saturate(112%);
        background:
            radial-gradient(42% 40% at 19% 9%, rgba(77,184,220,.14), transparent 72%),
            radial-gradient(36% 42% at 78% 18%, rgba(117,87,220,.12), transparent 72%),
            radial-gradient(30% 34% at 86% 88%, rgba(214,114,169,.08), transparent 74%);
    }

    body:has(#startAnalysisBtn) .page-kicker {
        color: #6a70a1;
        letter-spacing: .075em;
    }

    body:has(#startAnalysisBtn) .page-title {
        letter-spacing: -.045em;
        color: var(--diag-ink);
    }

    body:has(#startAnalysisBtn) .page-desc {
        max-width: 760px;
        color: #727b91;
    }

    /* 主工作区：左右双区，左“诊断控制台”，右“报告画布” */
    body:has(#startAnalysisBtn) .workspace-card {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    body:has(#startAnalysisBtn) .workspace-card .workspace-head {
        margin-bottom: 14px;
        padding: 0 2px 16px;
        border-bottom: 1px solid rgba(90,100,145,.10);
        background: transparent;
    }

    body:has(#startAnalysisBtn) .workspace-card .workspace-head::after {
        content: "DIAGNOSIS STUDIO";
        display: inline-flex;
        margin-top: 11px;
        padding: 5px 9px 4px;
        border-radius: 999px;
        color: #777fa0;
        font-size: 9px;
        font-weight: 760;
        letter-spacing: .14em;
        background: rgba(255,255,255,.42);
        border: 1px solid rgba(255,255,255,.86);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.98);
    }

    body:has(#startAnalysisBtn) .workspace-body {
        display: grid;
        grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
        grid-template-areas:
            "control report"
            "coverage report"
            "loading report";
        gap: 14px 18px;
        align-items: start;
        padding: 0;
    }

    body:has(#startAnalysisBtn) .activity-form {
        grid-area: control;
        position: relative;
        margin: 0;
        padding: 20px;
        border-radius: 22px;
        background:
            radial-gradient(200px 160px at 92% -8%, rgba(118,97,231,.105), transparent 72%),
            linear-gradient(155deg, rgba(255,255,255,.79), rgba(248,249,255,.53));
        border: 1px solid rgba(255,255,255,.92);
        box-shadow:
            0 24px 64px rgba(52,63,110,.075),
            0 6px 18px rgba(56,66,116,.035),
            inset 0 1px 0 rgba(255,255,255,1),
            inset 0 -1px 0 rgba(111,93,207,.035);
    }

    body:has(#startAnalysisBtn) .activity-form::before {
        content: "诊断参数";
        display: block;
        margin-bottom: 15px;
        color: #272e49;
        font-size: 13px;
        font-weight: 780;
        letter-spacing: -.018em;
    }

    body:has(#startAnalysisBtn) .activity-form-row {
        align-items: stretch;
        gap: 10px;
    }

    body:has(#startAnalysisBtn) .activity-form-row + .activity-form-row {
        margin-top: 2px;
    }

    body:has(#startAnalysisBtn) .activity-form-item > label {
        margin-bottom: 1px;
        color: #7a8298;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .025em;
    }

    body:has(#startAnalysisBtn) #shopSelect {
        height: 46px;
        border-radius: 14px;
        color: #263049;
        background:
            linear-gradient(180deg, rgba(255,255,255,.86), rgba(247,249,255,.58));
        border-color: rgba(98,108,160,.12);
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,1),
            0 8px 22px rgba(59,72,125,.045);
    }

    /* 三档：像三种“诊断镜头”，而不是普通 radio 卡片 */
    body:has(#startAnalysisBtn) .level-select {
        grid-template-columns: 1fr;
        gap: 9px;
        margin-top: 5px;
        perspective: none;
    }

    body:has(#startAnalysisBtn) .level-select .radio-item {
        min-height: 86px;
        padding: 15px 44px 14px 17px;
        justify-content: center;
        border-radius: 16px;
        color: #7b8397;
        background:
            linear-gradient(155deg, rgba(255,255,255,.76), rgba(250,250,255,.47));
        border: 1px solid rgba(97,107,158,.105);
        box-shadow:
            0 10px 28px rgba(56,65,113,.035),
            inset 0 1px 0 rgba(255,255,255,.98);
        transform: none;
        transition: transform .20s ease, box-shadow .20s ease, border-color .20s ease, background .20s ease;
    }

    body:has(#startAnalysisBtn) .level-select .radio-item::before {
        margin: 0 0 5px;
        color: #242b45;
        font-size: 14px;
        font-weight: 780;
        letter-spacing: -.018em;
    }

    body:has(#startAnalysisBtn) .level-select .radio-item::after {
        left: 0;
        right: auto;
        top: 16px;
        bottom: 16px;
        width: 3px;
        height: auto;
        border-radius: 0 999px 999px 0;
        opacity: .72;
    }

    body:has(#startAnalysisBtn) .level-select .radio-item:nth-child(1)::after {
        background: linear-gradient(180deg, #76c9df, #5c9bec);
    }
    body:has(#startAnalysisBtn) .level-select .radio-item:nth-child(2)::after {
        background: linear-gradient(180deg, #6578ed, #7858e6 58%, #9f66d4);
    }
    body:has(#startAnalysisBtn) .level-select .radio-item:nth-child(3)::after {
        background: linear-gradient(180deg, #8c66e5, #c268bd 56%, #e787ad);
    }

    body:has(#startAnalysisBtn) .level-select .radio-item:nth-child(2),
    body:has(#startAnalysisBtn) .level-select .radio-item:nth-child(3) {
        transform: none;
    }

    body:has(#startAnalysisBtn) .level-select .radio-item input {
        top: 50%;
        right: 16px;
        width: 17px;
        height: 17px;
        margin-top: -8px;
        accent-color: #6f61e7;
    }

    body:has(#startAnalysisBtn) .level-select .radio-item:hover {
        transform: translateX(3px);
        border-color: rgba(104,91,221,.19);
        background: rgba(255,255,255,.76);
        box-shadow:
            0 15px 34px rgba(66,68,125,.06),
            inset 0 1px 0 rgba(255,255,255,1);
    }

    body:has(#startAnalysisBtn) .level-select .radio-item:has(input:checked) {
        border-color: rgba(106,87,222,.27);
        background:
            radial-gradient(220px 110px at 94% 0%, rgba(120,92,228,.09), transparent 72%),
            linear-gradient(150deg, rgba(255,255,255,.90), rgba(248,247,255,.70));
        box-shadow:
            0 18px 42px rgba(91,73,189,.09),
            0 0 0 3px rgba(111,94,224,.045),
            inset 0 1px 0 rgba(255,255,255,1);
    }

    body:has(#startAnalysisBtn) .activity-form-row:last-child {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        margin-top: 5px;
    }

    body:has(#startAnalysisBtn) #startAnalysisBtn {
        min-width: 0;
        width: 100%;
        min-height: 44px;
        border-radius: 14px;
        letter-spacing: .01em;
        background:
            radial-gradient(circle at 16% 6%, rgba(255,255,255,.28), transparent 28%),
            linear-gradient(118deg, #566fe8 0%, #6e5de5 52%, #9f67ce 100%);
        box-shadow:
            0 14px 30px rgba(92,79,192,.18),
            inset 0 1px 0 rgba(255,255,255,.34);
    }

    body:has(#startAnalysisBtn) #startAnalysisBtn:hover {
        box-shadow:
            0 18px 36px rgba(92,79,192,.22),
            inset 0 1px 0 rgba(255,255,255,.40);
    }

    body:has(#startAnalysisBtn) .speech-toggle {
        margin-left: 0;
        padding: 3px;
        border-radius: 13px;
        background: rgba(245,246,252,.64);
        border-color: rgba(103,108,153,.11);
    }

    body:has(#startAnalysisBtn) .speech-btn {
        min-height: 36px;
        border-radius: 10px;
    }

    /* 报告覆盖项：更像“扫描范围”而不是三个 badge */
    body:has(#startAnalysisBtn) .status-pills {
        grid-area: coverage;
        display: grid;
        gap: 7px;
        margin: 0;
        padding: 14px 15px;
        border-radius: 18px;
        background: rgba(255,255,255,.34);
        border: 1px solid rgba(255,255,255,.78);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.96);
    }

    body:has(#startAnalysisBtn) .status-pills::before {
        content: "报告覆盖";
        margin-bottom: 2px;
        color: #8a91a4;
        font-size: 9px;
        font-weight: 760;
        letter-spacing: .10em;
    }

    body:has(#startAnalysisBtn) .status-pill {
        position: relative;
        padding: 0 0 0 17px;
        border: 0;
        border-radius: 0;
        color: #626b82;
        background: transparent;
        font-size: 10px;
        line-height: 1.55;
    }

    body:has(#startAnalysisBtn) .status-pill::before {
        content: "";
        position: absolute;
        left: 1px;
        top: 50%;
        width: 7px;
        height: 7px;
        margin-top: -4px;
        border-radius: 50%;
        background: linear-gradient(135deg, #6d78e9, #9a67d9);
        box-shadow: 0 0 0 4px rgba(105,91,218,.055);
    }

    body:has(#startAnalysisBtn) .loading-tip {
        grid-area: loading;
        margin: 0;
    }

    /* 右侧报告：像一块安静的专业报告纸，而不是“结果框” */
    body:has(#startAnalysisBtn) #resultWrap {
        grid-area: report;
        min-height: 590px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,.92);
        border-radius: 24px;
        background:
            radial-gradient(440px 260px at 94% -4%, rgba(118,99,229,.075), transparent 72%),
            radial-gradient(360px 240px at 4% 108%, rgba(72,180,213,.055), transparent 72%),
            linear-gradient(154deg, rgba(255,255,255,.84), rgba(250,250,255,.62));
        box-shadow:
            0 30px 76px rgba(55,62,106,.085),
            0 8px 26px rgba(56,66,111,.035),
            inset 0 1px 0 rgba(255,255,255,1);
    }

    body:has(#startAnalysisBtn) #resultWrap::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        border-radius: inherit;
        background:
            linear-gradient(90deg, transparent, rgba(115,103,211,.025) 50%, transparent),
            repeating-linear-gradient(0deg, rgba(79,91,139,.018) 0 1px, transparent 1px 32px);
        opacity: .72;
    }

    body:has(#startAnalysisBtn) #resultWrap > * {
        position: relative;
        z-index: 1;
    }

    body:has(#startAnalysisBtn) #resultWrap .result-stage-title {
        min-height: 58px;
        margin: 0;
        padding: 0 20px;
        border-bottom: 1px solid rgba(92,102,151,.09);
        background: rgba(255,255,255,.20);
    }

    body:has(#startAnalysisBtn) #resultWrap .result-stage-title strong {
        color: #252c47;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: -.012em;
    }

    body:has(#startAnalysisBtn) #resultWrap .result-stage-title strong::before {
        content: "";
        display: inline-block;
        width: 7px;
        height: 7px;
        margin-right: 8px;
        border-radius: 50%;
        vertical-align: 1px;
        background: linear-gradient(135deg, #5fa5e6, #765ee4 56%, #c36db8);
        box-shadow: 0 0 0 5px rgba(108,92,231,.055);
    }

    body:has(#startAnalysisBtn) #resultWrap .result-stage-title span {
        color: #9299aa;
    }

    body:has(#startAnalysisBtn) #resultWrap .empty-state {
        min-height: 530px;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    body:has(#startAnalysisBtn) #resultWrap .empty-icon {
        position: relative;
        width: 74px;
        height: 74px;
        margin-bottom: 18px;
        border-radius: 24px;
        color: #6e64d9;
        font-size: 25px;
        background:
            radial-gradient(circle at 30% 22%, rgba(255,255,255,1), transparent 24%),
            linear-gradient(145deg, rgba(92,176,224,.13), rgba(116,92,226,.12) 56%, rgba(205,113,179,.10));
        border: 1px solid rgba(255,255,255,.90);
        box-shadow:
            0 18px 44px rgba(83,83,164,.09),
            0 0 0 11px rgba(111,97,215,.027),
            0 0 0 22px rgba(80,172,213,.015),
            inset 0 1px 0 rgba(255,255,255,1);
    }

    body:has(#startAnalysisBtn) #resultWrap .empty-title {
        color: #2c334e;
        font-size: 15px;
        font-weight: 780;
    }

    body:has(#startAnalysisBtn) #resultWrap .empty-desc {
        max-width: 360px;
        margin: 0 auto;
        color: #858da1;
        font-size: 11px;
        line-height: 1.75;
    }

    body:has(#startAnalysisBtn) #resultContent {
        min-height: 530px;
        margin: 0;
        padding: 26px 30px 34px;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #333a51;
        font-size: 13px;
        line-height: 1.88;
        letter-spacing: .003em;
        box-shadow: none;
    }

    body:has(#startAnalysisBtn) .back-home-wrap {
        margin-top: 16px;
    }

    @media (max-width: 1220px) {
        body:has(#startAnalysisBtn) .workspace-body {
            grid-template-columns: 1fr;
            grid-template-areas:
                "control"
                "coverage"
                "loading"
                "report";
        }
        body:has(#startAnalysisBtn) #resultWrap { min-height: 480px; }
        body:has(#startAnalysisBtn) #resultWrap .empty-state,
        body:has(#startAnalysisBtn) #resultContent { min-height: 420px; }
    }
}

@media (prefers-color-scheme: dark) {
    @supports selector(body:has(#startAnalysisBtn)) {
        body:has(#startAnalysisBtn) .activity-form,
        body:has(#startAnalysisBtn) #resultWrap,
        body:has(#startAnalysisBtn) .status-pills {
            background: rgba(24,32,54,.48);
            border-color: rgba(255,255,255,.10);
        }
        body:has(#startAnalysisBtn) .level-select .radio-item,
        body:has(#startAnalysisBtn) #shopSelect {
            background: rgba(26,35,57,.50);
            border-color: rgba(255,255,255,.09);
        }
        body:has(#startAnalysisBtn) .page-title,
        body:has(#startAnalysisBtn) .activity-form::before,
        body:has(#startAnalysisBtn) .level-select .radio-item::before,
        body:has(#startAnalysisBtn) #resultWrap .result-stage-title strong,
        body:has(#startAnalysisBtn) #resultWrap .empty-title {
            color: #f2f5ff;
        }
        body:has(#startAnalysisBtn) #resultContent { color: #dce2f3; }
    }
}

/* ==========================================================
   餐谋长 V2 · Impeccable 审美精修 Pass
   范围：仅视觉层；不改 HTML / DOM / JS / 业务逻辑
   设计原则：Operate mode / bolder / polish / layout / delight
   ========================================================== */

:root {
    --imp-ink: #152039;
    --imp-body: #596781;
    --imp-muted: #8f9ab0;
    --imp-blue: #3f7cf3;
    --imp-violet: #6658d9;
    --imp-cyan: #42b8cf;
    --imp-spectral: linear-gradient(115deg, #50a6ff 0%, #6d67e9 48%, #b269d7 76%, #e790bb 100%);
    --imp-surface: rgba(255,255,255,.68);
    --imp-surface-quiet: rgba(252,253,255,.50);
    --imp-hairline: rgba(255,255,255,.78);
    --imp-shadow: 0 24px 70px rgba(50,64,110,.08);
}

/* Operate 模式：让工作台先服务任务，背景只保留一处有记忆点的光学气氛 */
body {
    background:
        radial-gradient(980px 680px at -10% 4%, rgba(84,188,255,.26), transparent 64%),
        radial-gradient(820px 660px at 105% -8%, rgba(189,127,236,.18), transparent 67%),
        radial-gradient(760px 560px at 92% 108%, rgba(244,164,125,.13), transparent 68%),
        linear-gradient(138deg, #eaf8ff 0%, #edf5ff 35%, #f3f1fb 68%, #fbf3f6 86%, #fff8ef 100%);
}
body::before {
    opacity: .24;
    filter:saturate(112%);
    animation-duration: 38s;
}
body::after {
    opacity: .16;
    filter:saturate(108%);
    animation-duration: 46s;
}

.glass-container {
    background: linear-gradient(145deg, rgba(255,255,255,.34), rgba(248,251,255,.18) 58%, rgba(255,250,252,.16));
    border-color: rgba(255,255,255,.82);
    box-shadow:
        0 56px 150px rgba(43,58,111,.16),
        0 18px 52px rgba(76,111,172,.06),
        inset 0 1px 0 rgba(255,255,255,.98);
}
.glass-container::before {
    opacity: .24;
    background:
        linear-gradient(116deg, rgba(76,184,255,.11), transparent 27%, transparent 74%, rgba(226,129,199,.08)),
        linear-gradient(180deg, rgba(255,255,255,.54), transparent 13%);
}

/* 侧栏 = 控制层。更像 macOS 工具侧栏，而不是“卡片化菜单” */
.app-sidebar {
    background:
        linear-gradient(180deg, rgba(249,252,255,.47), rgba(245,248,255,.29));
    border-right-color: rgba(255,255,255,.50);
}
.brand-block { padding-bottom: 4px; }
.brand-mark {
    box-shadow:
        0 10px 24px rgba(72,79,181,.16),
        inset 0 1px 0 rgba(255,255,255,.82),
        inset 0 -8px 16px rgba(77,57,184,.13);
}
.nav-section-label { opacity: .70; }
.nav-item {
    border-radius: 12px;
    color: #657188;
}
.nav-item:hover {
    transform: none;
    background: rgba(255,255,255,.28);
    border-color: rgba(255,255,255,.46);
}
.nav-item.active {
    color: #3659c8;
    background:
        linear-gradient(180deg, rgba(255,255,255,.59), rgba(255,255,255,.30)),
        linear-gradient(118deg, rgba(68,142,255,.11), rgba(108,86,229,.065));
    box-shadow:
        0 9px 24px rgba(74,88,166,.08),
        inset 0 1px 0 rgba(255,255,255,.94);
}
.nav-item.active::after { box-shadow: none; }

/* Impeccable: product UI 不需要 eyebrow/kicker 反复占层级。HTML 保留，仅视觉隐藏。 */
.page-kicker,
.hero-eyebrow { display: none !important; }

.app-topbar {
    background: rgba(255,255,255,.025);
    border-bottom-color: rgba(255,255,255,.28);
}
.page-title {
    color: var(--imp-ink);
    letter-spacing: -.038em;
    font-weight: 780;
}
.page-desc {
    color: #6b778e;
    max-width: 760px;
}
.integral-badge,
.topbar-chip {
    background: rgba(255,255,255,.50);
    border-color: rgba(255,255,255,.78);
    box-shadow: 0 8px 24px rgba(70,80,132,.055), inset 0 1px 0 rgba(255,255,255,.98);
}

.app-content { padding-top: 28px; }

/* 首页：一个主张 + 一个光学记忆点；其余内容全部让开 */
.home-hero {
    min-height: 244px;
    grid-template-columns: minmax(0, 1.78fr) minmax(248px, .56fr);
    gap: 18px;
    margin-bottom: 25px;
}
.hero-copy,
.hero-side {
    border-radius: 24px;
    border-color: rgba(255,255,255,.78);
}
.hero-copy {
    padding: 37px 40px 33px;
    background:
        linear-gradient(143deg, rgba(255,255,255,.69), rgba(250,252,255,.48) 64%, rgba(251,249,255,.38));
    box-shadow: var(--imp-shadow), inset 0 1px 0 rgba(255,255,255,1);
}
/* 唯一的 signature moment：经营诊断“光学镜片”，克制而有辨识度 */
.hero-copy::before {
    width: 430px;
    height: 300px;
    right: -86px;
    top: -60px;
    border-radius: 46% 54% 58% 42% / 42% 46% 54% 58%;
    background:
        radial-gradient(circle at 22% 27%, rgba(82,191,255,.46) 0 8%, transparent 30%),
        radial-gradient(circle at 49% 28%, rgba(107,92,235,.34) 0 12%, transparent 38%),
        radial-gradient(circle at 72% 64%, rgba(226,125,198,.26) 0 10%, transparent 35%),
        radial-gradient(circle at 44% 61%, rgba(255,255,255,.80) 0 5%, rgba(255,255,255,.08) 24%, transparent 42%);
    filter:saturate(118%);
    opacity: .43;
    mix-blend-mode: multiply;
}
.hero-copy::after {
    width: 166px;
    height: 166px;
    right: 70px;
    top: 34px;
    border-radius: 38px;
    transform: rotate(10deg);
    opacity: .74;
    background:
        linear-gradient(136deg, rgba(255,255,255,.91), rgba(255,255,255,.12) 36%, rgba(102,95,231,.09) 62%, rgba(222,129,199,.07)),
        radial-gradient(circle at 26% 20%, rgba(255,255,255,.94), transparent 17%);
    border: 1px solid rgba(255,255,255,.82);
    box-shadow:
        -10px -10px 26px rgba(255,255,255,.25),
        18px 26px 50px rgba(78,89,184,.12),
        inset 10px 10px 24px rgba(255,255,255,.38),
        inset -14px -16px 28px rgba(84,72,188,.065);
    filter: saturate(116%);
    animation: impeccablePrism 22s cubic-bezier(.2,.8,.2,1) infinite alternate;
}
@keyframes impeccablePrism {
    to { transform: translate(-8px, 10px) rotate(7deg) scale(1.018); }
}
.hero-title {
    max-width: 620px;
    font-size: 34px;
    line-height: 1.17;
    font-weight: 785;
    letter-spacing: -.046em;
    color: #121d34;
    margin-bottom: 14px;
}
/* Impeccable: gradient text is a common model tell. Keep emphasis, remove rainbow lettering. */
.hero-title span {
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    color: #4e61d5 !important;
    text-shadow: 0 8px 24px rgba(81,91,211,.07);
}
.hero-text {
    max-width: 610px;
    color: #66738a;
    font-size: 13px;
    line-height: 1.78;
}
.hero-flow {
    margin-top: 24px;
    gap: 5px;
}
.flow-chip {
    padding: 6px 10px;
    color: #59657b;
    background: rgba(255,255,255,.34);
    border-color: rgba(255,255,255,.60);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
}
.flow-arrow { color: #7a86a2; opacity: .72; }

.hero-side {
    padding: 27px 26px;
    background: rgba(255,255,255,.42);
    box-shadow: 0 20px 52px rgba(57,68,113,.055), inset 0 1px 0 rgba(255,255,255,.95);
}
.hero-side::after { opacity: .60; }
.hero-side-label {
    color: #9099aa;
    text-transform: none;
    font-size: 11px;
    letter-spacing: .01em;
}
.hero-side-title {
    color: #1c2740;
    font-size: 18px;
    font-weight: 740;
    letter-spacing: -.018em;
}
.hero-side-item { color: #68748b; }

.section-head { margin: 10px 0 14px; }
.section-title {
    color: #1b2740;
    font-size: 17px;
    font-weight: 760;
}
.section-note {
    color: #959fb2;
    font-size: 11px;
}

/* Impeccable: 拒绝“同尺寸 icon+heading+text 卡片脚手架”。
   DOM 不动，仅用 CSS 给核心任务明确层级。 */
.main-grid {
    grid-template-columns: repeat(12, minmax(0,1fr));
    grid-auto-rows: 86px;
    gap: 14px;
}
.main-grid .glass-card {
    padding: 22px 23px;
    border-radius: 20px;
    background: var(--imp-surface);
    border-color: rgba(255,255,255,.80);
    box-shadow: 0 15px 40px rgba(52,63,104,.055), inset 0 1px 0 rgba(255,255,255,.98);
}
.main-grid .glass-card::before {
    opacity: .16;
    background: linear-gradient(132deg, rgba(255,255,255,.52), transparent 32%, transparent 78%);
}
.main-grid .glass-card::after { display: none; }
.main-grid a.glass-card:hover {
    transform: translateY(-3px);
    border-color: rgba(255,255,255,.96);
    box-shadow: 0 24px 56px rgba(51,62,110,.09), inset 0 1px 0 rgba(255,255,255,1);
}

/* 核心任务布局继续沿原 HTML 功能：调研 -> 诊断 -> 菜单 -> 历史 */
.main-grid .glass-card:nth-child(2) { grid-column: 1 / 6; grid-row: 1 / 3; }
.main-grid .glass-card:nth-child(3) { grid-column: 6 / 13; grid-row: 1 / 3; }
.main-grid .glass-card:nth-child(4) { grid-column: 1 / 6; grid-row: 3 / 5; }
.main-grid .glass-card:nth-child(5) { grid-column: 6 / 10; grid-row: 3 / 5; }
.main-grid .glass-card:nth-child(1) { grid-column: 10 / 13; grid-row: 3 / 4; }
.main-grid .glass-card:nth-child(6) { grid-column: 10 / 13; grid-row: 4 / 5; }

/* 主任务只在很小的边缘区域承载页面微色彩，不把卡片染色 */
.main-grid .glass-card:nth-child(2),
.main-grid .glass-card:nth-child(3),
.main-grid .glass-card:nth-child(4),
.main-grid .glass-card:nth-child(5) {
    background: rgba(255,255,255,.67);
}
.main-grid .glass-card:nth-child(2) { box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 rgba(66,184,207,.12), 0 15px 40px rgba(52,63,104,.055); }
.main-grid .glass-card:nth-child(3) { box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 rgba(102,88,217,.13), 0 15px 40px rgba(52,63,104,.055); }
.main-grid .glass-card:nth-child(4) { box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 rgba(232,149,83,.12), 0 15px 40px rgba(52,63,104,.055); }
.main-grid .glass-card:nth-child(5) { box-shadow: inset 0 1px 0 #fff, inset 0 -2px 0 rgba(203,104,178,.10), 0 15px 40px rgba(52,63,104,.055); }

/* 01/02/03 本身不承担信息顺序，视觉上去掉“AI 模板式编号图标”。HTML 保留。 */
.main-grid .feature-icon { display: none !important; }
.main-grid .glass-card h3 {
    color: #19253e;
    font-size: 17px;
    font-weight: 760;
    letter-spacing: -.024em;
    margin-top: 2px;
    margin-bottom: 8px;
}
.main-grid .glass-card:nth-child(3) h3 {
    font-size: 20px;
    font-weight: 790;
    color: #263556;
}
.main-grid .glass-card p {
    color: #6b778e;
    max-width: 86%;
    line-height: 1.64;
}
.feature-meta {
    color: #8e98aa;
    margin-top: auto;
}
.feature-arrow {
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,.46);
    border-color: rgba(255,255,255,.72);
    color: #6475cf;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}

/* 辅助入口 = 安静的 utility tile，不和核心流程争主次 */
.main-grid .glass-card:nth-child(1),
.main-grid .glass-card:nth-child(6) {
    padding: 15px 17px;
    border-radius: 17px;
    background: rgba(255,255,255,.38);
    border-color: rgba(255,255,255,.60);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
}
.main-grid .glass-card:nth-child(1) h3,
.main-grid .glass-card:nth-child(6) h3 { margin: 0 0 3px; font-size: 13px; }
.main-grid .glass-card:nth-child(1) p,
.main-grid .glass-card:nth-child(6) p {
    margin: 0;
    max-width: 100%;
    color: #7e899d;
    font-size: 11px;
    line-height: 1.42;
    -webkit-line-clamp: 1;
}

/* 浏览器表面也属于设计系统 */
::selection { background: rgba(89,100,218,.18); color: #152039; }
a { text-underline-offset: 3px; }
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(66,113,231,.15), 0 0 0 1px rgba(66,113,231,.34) !important;
}

@media (max-width: 1280px) {
    .hero-title { font-size: 30px; }
    .main-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
        grid-auto-rows: auto;
    }
    .main-grid .glass-card:nth-child(n) {
        grid-column: auto;
        grid-row: auto;
        min-height: 146px;
    }
}

@media (prefers-color-scheme: dark) {
    .page-title,
    .hero-title,
    .hero-side-title,
    .section-title,
    .main-grid .glass-card h3 { color: #f4f7ff; }
    .hero-title span { color: #aeb7ff !important; }
    .page-desc,
    .hero-text,
    .hero-side-item,
    .main-grid .glass-card p { color: #acb7ca; }
    .hero-copy,
    .hero-side,
    .main-grid .glass-card,
    .main-grid .glass-card:nth-child(1),
    .main-grid .glass-card:nth-child(6) {
        background: rgba(28,39,60,.34);
        border-color: rgba(255,255,255,.10);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-copy::after { animation: none !important; }
}

/* =========================================================
   Impeccable+ Pass 06｜Refined Native Workbench
   仅 CSS 视觉层。目标：去模板感、增强精密材质、克制光谱与空间纵深。
   ========================================================= */

/* 1) 环境层：中心安静、边缘有光，不把整页染成糖果色 */
body {
    background:
        radial-gradient(ellipse at 2% 7%, rgba(38, 190, 255, .54) 0%, rgba(95, 211, 255, .22) 22%, transparent 48%),
        radial-gradient(ellipse at 96% 10%, rgba(196, 126, 255, .36) 0%, rgba(239, 164, 234, .16) 22%, transparent 46%),
        radial-gradient(ellipse at 92% 96%, rgba(255, 168, 103, .30) 0%, rgba(255, 200, 160, .12) 24%, transparent 48%),
        linear-gradient(135deg, #d9f4ff 0%, #edf2ff 31%, #eeeaff 58%, #f7ebf4 79%, #fff1e6 100%);
}
body::before {
    opacity: .70;
    filter:saturate(122%);
    background:
        radial-gradient(ellipse at 9% 17%, rgba(18,169,255,.56) 0 8%, rgba(70,206,255,.26) 16%, transparent 33%),
        radial-gradient(ellipse at 34% 88%, rgba(88,74,244,.40) 0 10%, rgba(126,111,255,.16) 18%, transparent 36%),
        radial-gradient(ellipse at 66% 5%, rgba(98,103,244,.26) 0 8%, transparent 32%),
        radial-gradient(ellipse at 94% 31%, rgba(226,95,199,.32) 0 9%, rgba(245,146,210,.14) 17%, transparent 35%),
        radial-gradient(ellipse at 81% 92%, rgba(255,139,77,.30) 0 10%, rgba(255,183,121,.13) 18%, transparent 38%);
    animation-duration: 34s;
}
body::after {
    opacity: .42;
    
    animation-duration: 42s;
}

/* 2) 主窗口：更像一整块精密玻璃，不像白色后台容器 */
.glass-container {
    background: rgba(247,250,255,.50);
    border: 1px solid rgba(255,255,255,.86);
    box-shadow:
        0 44px 110px rgba(43,55,104,.18),
        0 12px 38px rgba(73,104,177,.075),
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 -1px 0 rgba(95,114,177,.055);
}
.glass-container::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    z-index: 5;
    background:
        linear-gradient(120deg, rgba(255,255,255,.32), transparent 17% 78%, rgba(255,214,236,.12)),
        linear-gradient(180deg, rgba(255,255,255,.14), transparent 9% 88%, rgba(83,106,207,.035));
    mix-blend-mode: screen;
}
.glass-container > * { position: relative; z-index: 6; }

/* 3) Sidebar：真正的控制层玻璃。Active 是“材质选中”，不是紫色 SaaS 按钮 */
.app-sidebar {
    background:
        linear-gradient(180deg, rgba(242,249,255,.66), rgba(238,241,252,.47) 58%, rgba(244,240,255,.42));
    border-right-color: rgba(100,120,174,.09);
    box-shadow: inset -1px 0 0 rgba(255,255,255,.52);
}
.brand-mark {
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.82) 0 8%, transparent 28%),
        linear-gradient(145deg, #4597ff 0%, #6459e8 49%, #a46ee0 100%);
    border: 1px solid rgba(255,255,255,.58);
    box-shadow:
        0 10px 24px rgba(71,79,198,.22),
        inset 0 1px 0 rgba(255,255,255,.72),
        inset 0 -7px 18px rgba(83,55,173,.18);
}
.nav-item {
    border: 1px solid transparent;
    color: #6a7589;
}
.nav-item:hover {
    transform: none;
    color: #22304b;
    background: rgba(255,255,255,.38);
    border-color: rgba(255,255,255,.50);
}
.nav-item.active {
    color: #3146a2;
    background:
        linear-gradient(180deg, rgba(255,255,255,.66), rgba(242,246,255,.44));
    border-color: rgba(255,255,255,.82);
    box-shadow:
        0 10px 25px rgba(64,85,155,.09),
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 3px 0 0 #6780ff;
}
.nav-item.active .nav-icon {
    color: #4d5ed0;
    background: linear-gradient(145deg, rgba(126,166,255,.20), rgba(128,104,237,.16));
    border-color: rgba(116,131,222,.11);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}
.privacy-note {
    background: rgba(255,255,255,.26);
    border-color: rgba(255,255,255,.46);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

/* 4) 顶栏：减去模板感，标题与正文更像 macOS 工具 */
.app-topbar {
    min-height: 78px;
    background: rgba(255,255,255,.12);
    border-bottom-color: rgba(87,108,165,.075);
}
.page-title { color: #15213a; font-size: 23px; font-weight: 790; letter-spacing: -.032em; }
.page-desc { color: #788398; }
.integral-badge {
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    color: #4d59bd;
    background: rgba(255,255,255,.42);
    border-color: rgba(255,255,255,.72);
    box-shadow: 0 8px 24px rgba(74,83,157,.07), inset 0 1px 0 rgba(255,255,255,.94);
}

/* 5) 工作区本身不要再漂一层明显彩雾；让环境光从玻璃后透进来 */
.app-main::before {
    opacity: .46;
    filter:saturate(112%);
    background:
        radial-gradient(ellipse at 18% 5%, rgba(38,181,245,.13) 0 10%, transparent 33%),
        radial-gradient(ellipse at 76% 2%, rgba(114,98,238,.13) 0 11%, transparent 35%),
        radial-gradient(ellipse at 98% 28%, rgba(227,111,197,.11) 0 10%, transparent 33%),
        radial-gradient(ellipse at 88% 96%, rgba(255,164,100,.09) 0 12%, transparent 37%);
    animation-duration: 29s;
}

/* 6) Hero：编辑感 + 一个可识别的“诊断玻璃仪表片”，不靠插画也能有记忆点 */
.home-hero {
    grid-template-columns: minmax(0, 1.72fr) minmax(258px, .58fr);
    gap: 18px;
    min-height: 206px;
    margin-bottom: 20px;
}
.hero-copy,
.hero-side {
    border-color: rgba(255,255,255,.80);
    background: rgba(255,255,255,.46);
    box-shadow:
        0 22px 58px rgba(49,62,109,.07),
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 -1px 0 rgba(73,92,158,.035);
}
.hero-copy {
    padding: 31px 34px;
    isolation: isolate;
}
.hero-copy::before {
    width: 390px;
    height: 265px;
    right: -58px;
    top: -54px;
    left: auto;
    bottom: auto;
    border-radius: 44% 56% 61% 39% / 48% 40% 60% 52%;
    background:
        radial-gradient(circle at 25% 30%, rgba(65,190,255,.44) 0 6%, rgba(65,190,255,.09) 26%, transparent 44%),
        radial-gradient(circle at 53% 24%, rgba(93,94,231,.32) 0 8%, rgba(93,94,231,.07) 29%, transparent 46%),
        radial-gradient(circle at 75% 68%, rgba(232,122,196,.24) 0 8%, rgba(232,122,196,.055) 27%, transparent 44%),
        radial-gradient(circle at 55% 58%, rgba(255,255,255,.76) 0 7%, rgba(255,255,255,.08) 26%, transparent 45%);
    filter:saturate(114%);
    opacity: .62;
    mix-blend-mode: normal;
    z-index: 0;
}
.hero-copy::after {
    width: 224px;
    height: 152px;
    right: 54px;
    top: 27px;
    border-radius: 34px;
    transform: rotate(7deg);
    opacity: .94;
    background:
        radial-gradient(circle at 76% 26%, rgba(255,255,255,.96) 0 4%, transparent 13%),
        radial-gradient(circle at 32% 66%, rgba(104,183,255,.20) 0 9%, transparent 27%),
        radial-gradient(circle at 67% 69%, rgba(139,101,232,.18) 0 8%, transparent 28%),
        repeating-linear-gradient(0deg, transparent 0 27px, rgba(91,105,160,.055) 28px 29px),
        linear-gradient(138deg, rgba(255,255,255,.78), rgba(255,255,255,.20) 36%, rgba(198,208,255,.18) 62%, rgba(255,214,238,.12));
    border: 1px solid rgba(255,255,255,.90);
    box-shadow:
        0 28px 55px rgba(66,78,148,.12),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 12px 12px 34px rgba(255,255,255,.40),
        inset -16px -18px 38px rgba(83,73,177,.07);
    animation-duration: 28s;
    z-index: 0;
}
.hero-copy > * { position: relative; z-index: 2; }
.hero-title {
    max-width: 650px;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 810;
    letter-spacing: -.052em;
    color: #121d33;
    text-wrap: balance;
}
.hero-title span { color: #5365d9 !important; text-shadow: none; }
.hero-text { max-width: 590px; color: #69758c; line-height: 1.82; }
.hero-flow { margin-top: 25px; }
.flow-chip {
    background: rgba(255,255,255,.48);
    border-color: rgba(255,255,255,.77);
    box-shadow: 0 5px 16px rgba(58,72,124,.035), inset 0 1px 0 rgba(255,255,255,.95);
}
.hero-side {
    padding: 29px 27px;
    background:
        linear-gradient(155deg, rgba(255,255,255,.52), rgba(250,246,255,.36));
}
.hero-side-title { font-size: 19px; line-height: 1.35; }
.hero-side-list { gap: 11px; }
.hero-side-item::before {
    width: 5px;
    height: 5px;
    background: #6878e8;
    box-shadow: 0 0 0 4px rgba(89,105,224,.08);
}

/* 7) 功能区：核心卡片有自己的“材质符号”，而不是一堆空白白盒 */
.section-head { margin: 13px 0 14px; }
.section-title { font-size: 18px; letter-spacing: -.025em; }
.section-note { opacity: .78; }
.main-grid { grid-auto-rows: 92px; gap: 15px; }
.main-grid .glass-card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 22px 24px;
    background: rgba(255,255,255,.55);
    border-color: rgba(255,255,255,.84);
    box-shadow:
        0 18px 46px rgba(50,62,105,.055),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(67,86,147,.028);
    transition: transform .26s cubic-bezier(.2,.8,.2,1), box-shadow .26s ease, border-color .26s ease, background .26s ease;
}
.main-grid a.glass-card:hover {
    transform: translateY(-4px);
    background: rgba(255,255,255,.66);
    border-color: rgba(255,255,255,.98);
    box-shadow:
        0 26px 62px rgba(49,61,108,.085),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(73,92,160,.035);
}

/* 让原有 01/02… DOM 只成为“材质图标容器”，不显示 AI 模板式编号文本 */
.main-grid .feature-icon {
    display: grid !important;
    width: 42px;
    height: 42px;
    margin: 0 0 16px;
    border-radius: 14px;
    font-size: 0 !important;
    border: 1px solid rgba(255,255,255,.78);
    box-shadow: 0 8px 22px rgba(65,81,145,.09), inset 0 1px 0 rgba(255,255,255,.95);
}
.main-grid .glass-card:nth-child(2) .feature-icon {
    background:
        radial-gradient(circle at 32% 28%, rgba(255,255,255,.94) 0 8%, transparent 24%),
        radial-gradient(circle at 56% 58%, rgba(55,198,222,.72) 0 13%, rgba(55,198,222,.15) 32%, transparent 58%),
        linear-gradient(145deg, rgba(199,248,255,.72), rgba(214,244,255,.34));
}
.main-grid .glass-card:nth-child(3) .feature-icon {
    background:
        radial-gradient(circle at 30% 26%, rgba(255,255,255,.95) 0 8%, transparent 24%),
        conic-gradient(from 205deg, rgba(103,91,235,.82), rgba(132,108,241,.40), rgba(91,151,255,.54), rgba(103,91,235,.82));
}
.main-grid .glass-card:nth-child(4) .feature-icon {
    background:
        radial-gradient(circle at 31% 27%, rgba(255,255,255,.95) 0 8%, transparent 23%),
        radial-gradient(circle at 55% 59%, rgba(255,154,77,.78) 0 14%, rgba(255,177,102,.19) 32%, transparent 59%),
        linear-gradient(145deg, rgba(255,235,203,.78), rgba(255,222,202,.35));
}
.main-grid .glass-card:nth-child(5) .feature-icon {
    background:
        radial-gradient(circle at 30% 26%, rgba(255,255,255,.95) 0 8%, transparent 23%),
        radial-gradient(circle at 51% 57%, rgba(219,105,180,.58) 0 12%, rgba(106,134,236,.22) 34%, transparent 60%),
        linear-gradient(145deg, rgba(247,218,240,.70), rgba(222,230,255,.42));
}

/* 核心卡片右侧加入非常克制的功能材质暗示；纯装饰、无新信息 */
.main-grid .glass-card:nth-child(2)::after,
.main-grid .glass-card:nth-child(3)::after,
.main-grid .glass-card:nth-child(4)::after,
.main-grid .glass-card:nth-child(5)::after {
    display: block;
    content: "";
    position: absolute;
    right: 22px;
    top: 26px;
    width: 112px;
    height: 112px;
    border-radius: 32px;
    opacity: .34;
    pointer-events: none;
    transform: rotate(8deg);
    filter: saturate(108%);
}
.main-grid .glass-card:nth-child(2)::after {
    background:
        repeating-linear-gradient(90deg, transparent 0 17px, rgba(47,157,184,.09) 18px 19px),
        radial-gradient(circle at 38% 42%, rgba(56,211,226,.26), transparent 58%);
    border: 1px solid rgba(97,207,225,.13);
}
.main-grid .glass-card:nth-child(3)::after {
    border-radius: 50%;
    background:
        radial-gradient(circle, transparent 0 26%, rgba(105,91,230,.18) 27% 29%, transparent 30% 45%, rgba(104,118,234,.12) 46% 48%, transparent 49%),
        radial-gradient(circle at 45% 38%, rgba(113,91,238,.22), transparent 61%);
    border: 1px solid rgba(111,101,232,.14);
}
.main-grid .glass-card:nth-child(4)::after {
    background:
        linear-gradient(90deg, transparent 0 14%, rgba(239,144,74,.13) 15% 17%, transparent 18% 42%, rgba(239,144,74,.09) 43% 45%, transparent 46%),
        linear-gradient(0deg, transparent 0 24%, rgba(239,144,74,.10) 25% 27%, transparent 28% 58%, rgba(239,144,74,.08) 59% 61%, transparent 62%),
        radial-gradient(circle at 55% 55%, rgba(255,167,92,.18), transparent 64%);
    border: 1px solid rgba(242,161,91,.12);
}
.main-grid .glass-card:nth-child(5)::after {
    background:
        linear-gradient(145deg, rgba(224,124,188,.13), rgba(115,139,237,.10)),
        repeating-linear-gradient(0deg, transparent 0 24px, rgba(128,113,200,.07) 25px 26px);
    border: 1px solid rgba(177,130,205,.11);
}
.main-grid .glass-card h3 { font-size: 17px; line-height: 1.3; }
.main-grid .glass-card:nth-child(3) h3 { font-size: 20px; }
.main-grid .glass-card p { max-width: 72%; color: #6c788e; }
.feature-meta { margin-top: auto; padding-top: 14px; }
.feature-arrow {
    border: 1px solid rgba(255,255,255,.76);
    background: rgba(255,255,255,.46);
    box-shadow: 0 5px 14px rgba(61,75,132,.045), inset 0 1px 0 rgba(255,255,255,.95);
}

/* utility tile 保持轻量，去掉材质图标，避免喧宾夺主 */
.main-grid .glass-card:nth-child(1) .feature-icon,
.main-grid .glass-card:nth-child(6) .feature-icon { display: none !important; }
.main-grid .glass-card:nth-child(1),
.main-grid .glass-card:nth-child(6) {
    background: rgba(255,255,255,.32);
    border-color: rgba(255,255,255,.62);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
}

/* 8) Dark 仍遵循同一材质逻辑 */
@media (prefers-color-scheme: dark) {
    .glass-container { background: rgba(15,23,42,.62); border-color: rgba(255,255,255,.10); }
    .app-sidebar { background: linear-gradient(180deg, rgba(20,30,50,.72), rgba(18,25,46,.58)); }
    .nav-item { color: #a7b1c5; }
    .nav-item:hover { color: #f1f5ff; background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.07); }
    .nav-item.active { color: #c8d1ff; background: rgba(255,255,255,.075); border-color: rgba(255,255,255,.10); box-shadow: inset 3px 0 0 #8da0ff, inset 0 1px 0 rgba(255,255,255,.08); }
    .page-title, .hero-title { color: #f5f7ff; }
    .hero-copy, .hero-side, .main-grid .glass-card { background: rgba(27,38,59,.40); border-color: rgba(255,255,255,.09); }
    .hero-copy::after { border-color: rgba(255,255,255,.14); }
    .main-grid a.glass-card:hover { background: rgba(32,45,69,.52); border-color: rgba(255,255,255,.13); }
}

@media (max-width: 1280px) {
    .hero-title { font-size: 31px; }
    .hero-copy::after { width: 185px; height: 128px; right: 30px; }
    .main-grid .glass-card p { max-width: 82%; }
}

/* =========================================================
   Impeccable+ Pass 07｜Spectral Precision
   仅 CSS 视觉层：强化果味、高级材质与品牌辨识，不改结构/逻辑。
   ========================================================= */

/* 环境：更像被玻璃折射后的光谱，而不是普通粉蓝渐变 */
body {
    background:
        radial-gradient(ellipse at -6% 2%, rgba(50, 201, 255, .78) 0%, rgba(69, 198, 255, .28) 18%, transparent 44%),
        radial-gradient(ellipse at 104% 4%, rgba(208, 119, 255, .52) 0%, rgba(240, 153, 226, .20) 22%, transparent 46%),
        radial-gradient(ellipse at 100% 108%, rgba(255, 149, 82, .44) 0%, rgba(255, 200, 150, .14) 24%, transparent 48%),
        radial-gradient(ellipse at 9% 105%, rgba(97, 89, 246, .34) 0%, rgba(96, 99, 240, .12) 25%, transparent 50%),
        linear-gradient(132deg, #d9f6ff 0%, #edf6ff 25%, #f1f0ff 53%, #f8edf8 77%, #fff1e6 100%);
}
body::before {
    inset: -24%;
    opacity: .88;
    filter:saturate(134%);
    background:
        radial-gradient(ellipse at 13% 19%, rgba(0,176,255,.72) 0 6%, rgba(65,212,255,.24) 17%, transparent 34%),
        radial-gradient(ellipse at 37% 88%, rgba(85,71,242,.48) 0 8%, rgba(118,100,255,.17) 19%, transparent 38%),
        radial-gradient(ellipse at 63% 7%, rgba(86,93,235,.30) 0 8%, transparent 32%),
        radial-gradient(ellipse at 91% 28%, rgba(225,92,203,.40) 0 8%, rgba(246,144,216,.16) 19%, transparent 38%),
        radial-gradient(ellipse at 80% 91%, rgba(255,133,72,.38) 0 9%, rgba(255,180,118,.13) 21%, transparent 40%);
    animation: cmzAmbientA 38s cubic-bezier(.45,0,.55,1) infinite alternate;
}
body::after {
    inset: -18%;
    opacity: .58;
    filter:saturate(110%);
    background:
        radial-gradient(ellipse at 43% 19%, rgba(255,255,255,.62) 0 7%, transparent 27%),
        radial-gradient(ellipse at 62% 67%, rgba(255,255,255,.42) 0 9%, transparent 31%),
        linear-gradient(116deg, transparent 16%, rgba(255,255,255,.20) 44%, transparent 68%);
    animation: cmzAmbientB 48s ease-in-out infinite alternate;
}

/* 主窗口：减少“白后台”感，增加边缘色散、内折射与薄玻璃感 */
.glass-container {
    width: calc(100% - 54px);
    max-width: 1508px;
    margin: 24px auto;
    min-height: min(calc(100vh - 48px), 930px);
    border-radius: 30px;
    background:
        linear-gradient(145deg, rgba(250,253,255,.60), rgba(247,246,255,.43) 56%, rgba(255,248,245,.38));
    border: 1px solid rgba(255,255,255,.94);
    box-shadow:
        0 58px 140px rgba(48,57,107,.21),
        0 18px 54px rgba(50,93,166,.075),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(95,106,170,.05),
        inset 1px 0 0 rgba(255,255,255,.80);
}
.glass-container::before {
    opacity: .78;
    background:
        radial-gradient(circle at 2% 15%, rgba(65,200,255,.16), transparent 18%),
        radial-gradient(circle at 98% 14%, rgba(220,104,213,.13), transparent 20%),
        radial-gradient(circle at 97% 94%, rgba(255,151,80,.10), transparent 18%),
        linear-gradient(118deg, rgba(255,255,255,.40), transparent 17% 79%, rgba(255,225,240,.14));
}
.glass-container::after {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        inset 0 0 0 1px rgba(255,255,255,.12),
        inset 18px 0 40px rgba(71,190,255,.025),
        inset -22px 0 44px rgba(235,113,199,.025);
}

/* 侧栏：更薄、更精确，减少“按钮列表”感 */
.app-sidebar {
    padding: 19px 12px 16px;
    background:
        linear-gradient(180deg, rgba(243,250,255,.58), rgba(239,243,255,.40) 58%, rgba(246,241,255,.36));
    border-right: 1px solid rgba(88,109,167,.075);
    box-shadow:
        inset -1px 0 0 rgba(255,255,255,.56),
        inset 0 1px 0 rgba(255,255,255,.72);
}
.brand-block { padding-top: 6px; padding-bottom: 22px; }
.brand-title { font-size: 18px; letter-spacing: -.025em; }
.brand-mark {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background:
        radial-gradient(circle at 28% 20%, rgba(255,255,255,.98) 0 7%, transparent 20%),
        radial-gradient(circle at 69% 76%, rgba(239,127,218,.50) 0 16%, transparent 45%),
        linear-gradient(145deg, #3f9dff 0%, #6358e8 52%, #9d6de6 100%);
    box-shadow:
        0 12px 28px rgba(70,76,190,.24),
        inset 0 1px 0 rgba(255,255,255,.92),
        inset 0 -9px 18px rgba(74,49,166,.16);
}
.nav-section-label { opacity: .72; letter-spacing: .14em; }
.app-nav { gap: 4px; }
.nav-item {
    min-height: 42px;
    padding: 0 11px;
    border-radius: 13px;
    color: #66738a;
    font-weight: 590;
}
.nav-item:hover {
    background: rgba(255,255,255,.30);
    border-color: rgba(255,255,255,.52);
}
.nav-item.active {
    color: #2e439c;
    background:
        radial-gradient(circle at 12% 50%, rgba(101,134,255,.18), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.66), rgba(243,247,255,.42));
    border-color: rgba(255,255,255,.88);
    box-shadow:
        0 12px 28px rgba(63,78,146,.075),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 2px 0 0 rgba(96,118,245,.88);
}
.nav-icon {
    background: rgba(255,255,255,.28);
    border-color: rgba(255,255,255,.48);
    color: #7c89a1;
}
.nav-item.active .nav-icon {
    background:
        radial-gradient(circle at 30% 25%, rgba(255,255,255,.95) 0 9%, transparent 26%),
        linear-gradient(145deg, rgba(107,156,255,.22), rgba(125,98,238,.15));
    color: #5266d6;
}
.privacy-note {
    background: rgba(255,255,255,.22);
    border-color: rgba(255,255,255,.42);
    color: #8290a7;
}

/* 顶栏：空气化，不做一条传统工具栏 */
.app-topbar {
    min-height: 84px;
    padding: 20px 30px 16px;
    background: linear-gradient(180deg, rgba(255,255,255,.10), transparent);
    border-bottom: 0;
}
.page-heading-wrap { padding-top: 1px; }
.page-kicker { display: none; }
.page-title { font-size: 24px; font-weight: 800; color: #12203a; letter-spacing: -.04em; }
.page-desc { margin-top: 5px; color: #79869a; font-size: 12px; }
.integral-badge {
    min-height: 38px;
    padding: 0 15px;
    border-radius: 999px;
    color: #4e5bc3;
    background:
        linear-gradient(180deg, rgba(255,255,255,.64), rgba(255,255,255,.36));
    border: 1px solid rgba(255,255,255,.86);
    box-shadow:
        0 12px 30px rgba(67,73,145,.08),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(76,94,160,.03);
}

/* 工作区：用克制的色谱折射建立纵深 */
.app-main {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(ellipse at 18% 12%, rgba(54,183,255,.065), transparent 30%),
        radial-gradient(ellipse at 85% 18%, rgba(208,103,209,.055), transparent 28%),
        radial-gradient(ellipse at 87% 90%, rgba(255,155,92,.05), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.01));
}
.app-main::before {
    opacity: .72;
    filter:saturate(118%);
    background:
        radial-gradient(ellipse at 11% 18%, rgba(40,187,244,.14) 0 10%, transparent 34%),
        radial-gradient(ellipse at 66% 9%, rgba(105,99,233,.12) 0 12%, transparent 35%),
        radial-gradient(ellipse at 97% 33%, rgba(232,111,196,.10) 0 12%, transparent 35%),
        radial-gradient(ellipse at 89% 95%, rgba(255,165,98,.08) 0 14%, transparent 38%);
}
.app-content {
    padding: 8px 30px 30px;
}

/* Hero：一个有品牌记忆点的“经营诊断光学台”，不是普通 banner */
.home-hero {
    min-height: 224px;
    grid-template-columns: minmax(0, 1.78fr) minmax(270px, .56fr);
    gap: 18px;
    margin-bottom: 24px;
}
.hero-copy,
.hero-side {
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.86);
    background:
        linear-gradient(145deg, rgba(255,255,255,.56), rgba(247,249,255,.34) 58%, rgba(255,246,250,.30));
    box-shadow:
        0 28px 70px rgba(46,59,105,.075),
        0 4px 14px rgba(80,112,177,.035),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(73,88,148,.028);
}
.hero-copy {
    padding: 34px 36px 31px;
    min-width: 0;
}
.hero-copy::before {
    width: 390px;
    height: 280px;
    right: -46px;
    top: -62px;
    opacity: .88;
    border-radius: 48% 52% 62% 38% / 46% 40% 60% 54%;
    background:
        radial-gradient(circle at 21% 36%, rgba(34,188,255,.50) 0 7%, rgba(34,188,255,.10) 29%, transparent 48%),
        radial-gradient(circle at 51% 21%, rgba(104,87,235,.36) 0 8%, rgba(104,87,235,.08) 31%, transparent 50%),
        radial-gradient(circle at 77% 70%, rgba(234,112,196,.28) 0 8%, rgba(234,112,196,.06) 30%, transparent 49%),
        radial-gradient(circle at 55% 56%, rgba(255,255,255,.94) 0 8%, rgba(255,255,255,.09) 27%, transparent 46%);
    filter:saturate(121%);
}
.hero-copy::after {
    width: 235px;
    height: 156px;
    right: 48px;
    top: 31px;
    border-radius: 35px;
    transform: rotate(6deg) perspective(700px) rotateX(2deg) rotateY(-7deg);
    opacity: 1;
    background:
        radial-gradient(circle at 79% 23%, rgba(255,255,255,1) 0 3%, rgba(255,255,255,.20) 10%, transparent 16%),
        radial-gradient(circle at 23% 68%, rgba(70,194,255,.22) 0 9%, transparent 28%),
        radial-gradient(circle at 69% 69%, rgba(130,96,236,.18) 0 9%, transparent 29%),
        repeating-linear-gradient(0deg, transparent 0 28px, rgba(78,94,154,.055) 29px 30px),
        repeating-linear-gradient(90deg, transparent 0 46px, rgba(78,94,154,.032) 47px 48px),
        linear-gradient(136deg, rgba(255,255,255,.88), rgba(255,255,255,.22) 34%, rgba(191,211,255,.18) 60%, rgba(255,205,235,.14));
    border: 1px solid rgba(255,255,255,.96);
    box-shadow:
        0 34px 74px rgba(64,73,146,.15),
        0 8px 24px rgba(80,132,215,.075),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 16px 14px 40px rgba(255,255,255,.46),
        inset -18px -20px 44px rgba(90,73,180,.075);
}
.hero-title {
    max-width: 650px;
    font-size: 38px;
    line-height: 1.11;
    font-weight: 820;
    letter-spacing: -.058em;
    color: #111c31;
    margin-bottom: 13px;
}
.hero-title span {
    color: #5366de !important;
    background: none !important;
    -webkit-text-fill-color: currentColor;
}
.hero-text {
    max-width: 570px;
    font-size: 13px;
    color: #69768c;
    line-height: 1.84;
}
.hero-flow { gap: 7px; margin-top: 24px; }
.flow-chip {
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(255,255,255,.48);
    border: 1px solid rgba(255,255,255,.80);
    color: #6f7c91;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 7px 16px rgba(59,74,128,.035);
}
.flow-arrow { color: #8391df; }
.hero-side {
    padding: 30px 28px;
    background:
        radial-gradient(circle at 100% 0%, rgba(232,124,210,.12), transparent 34%),
        linear-gradient(155deg, rgba(255,255,255,.56), rgba(250,247,255,.34));
}
.hero-side-label { font-size: 11px; color: #8d97aa; letter-spacing: .02em; }
.hero-side-title { font-size: 19px; line-height: 1.35; color: #1d2942; margin-top: 8px; }
.hero-side-list { gap: 13px; }
.hero-side-item { color: #6d7890; font-size: 12px; }
.hero-side-item::before { background: linear-gradient(135deg,#5b89ff,#6d61e9); }

/* 功能区：从“卡片矩阵”变成更有层级的工作流 bento */
.section-head { margin: 16px 0 15px; }
.section-title { font-size: 18px; font-weight: 790; color: #17233d; }
.section-note { color: #9aa4b6; }
.main-grid {
    grid-template-columns: repeat(12, minmax(0,1fr));
    grid-auto-rows: 92px;
    gap: 15px;
}
.main-grid .glass-card {
    border-radius: 20px;
    padding: 22px 24px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.62), rgba(255,255,255,.40));
    border: 1px solid rgba(255,255,255,.88);
    box-shadow:
        0 22px 54px rgba(47,59,105,.055),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(70,86,149,.026);
}
.main-grid .glass-card::before {
    opacity: .54;
    background:
        radial-gradient(circle at 3% 0%, rgba(255,255,255,.92), transparent 20%),
        linear-gradient(130deg, rgba(255,255,255,.30), transparent 30% 76%, rgba(255,255,255,.06));
}
.main-grid .glass-card:nth-child(2) { grid-column: 1 / 6; grid-row: 1 / 3; }
.main-grid .glass-card:nth-child(3) { grid-column: 6 / 13; grid-row: 1 / 3; }
.main-grid .glass-card:nth-child(4) { grid-column: 1 / 6; grid-row: 3 / 5; }
.main-grid .glass-card:nth-child(5) { grid-column: 6 / 10; grid-row: 3 / 5; }
.main-grid .glass-card:nth-child(1) { grid-column: 10 / 13; grid-row: 3 / 4; }
.main-grid .glass-card:nth-child(6) { grid-column: 10 / 13; grid-row: 4 / 5; }

/* 四个核心任务：每块材质有微妙不同的色温，而不是彩色主题卡 */
.main-grid .glass-card:nth-child(2) {
    background:
        radial-gradient(circle at 98% 12%, rgba(65,211,229,.12), transparent 33%),
        linear-gradient(145deg, rgba(255,255,255,.66), rgba(248,254,255,.42));
}
.main-grid .glass-card:nth-child(3) {
    background:
        radial-gradient(circle at 96% 10%, rgba(113,97,237,.14), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.67), rgba(249,248,255,.41));
}
.main-grid .glass-card:nth-child(4) {
    background:
        radial-gradient(circle at 96% 10%, rgba(255,166,91,.12), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.67), rgba(255,251,246,.41));
}
.main-grid .glass-card:nth-child(5) {
    background:
        radial-gradient(circle at 96% 10%, rgba(219,116,185,.10), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.67), rgba(253,249,255,.41));
}
.main-grid a.glass-card:hover {
    transform: translateY(-5px) scale(1.003);
    border-color: rgba(255,255,255,1);
    box-shadow:
        0 34px 72px rgba(44,56,101,.095),
        0 9px 24px rgba(72,97,165,.045),
        inset 0 1px 0 rgba(255,255,255,1);
}

/* 视觉符号：更像釉面系统控件，保留原 DOM，不新增信息 */
.main-grid .feature-icon {
    display: grid !important;
    width: 44px;
    height: 44px;
    border-radius: 15px;
    margin-bottom: 16px;
    font-size: 0 !important;
    border: 1px solid rgba(255,255,255,.86);
    box-shadow:
        0 10px 24px rgba(59,72,135,.10),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -8px 18px rgba(90,86,170,.04);
}
.main-grid .glass-card:nth-child(2) .feature-icon {
    background:
        radial-gradient(circle at 30% 24%, rgba(255,255,255,1) 0 9%, transparent 23%),
        radial-gradient(circle at 52% 58%, rgba(42,201,221,.74) 0 14%, rgba(42,201,221,.14) 34%, transparent 61%),
        linear-gradient(145deg, rgba(198,248,255,.86), rgba(216,247,255,.40));
}
.main-grid .glass-card:nth-child(3) .feature-icon {
    background:
        radial-gradient(circle at 28% 22%, rgba(255,255,255,1) 0 9%, transparent 22%),
        conic-gradient(from 210deg, #6258e5, #8b73f1, #6a9df8, #6258e5);
}
.main-grid .glass-card:nth-child(4) .feature-icon {
    background:
        radial-gradient(circle at 30% 24%, rgba(255,255,255,1) 0 9%, transparent 23%),
        radial-gradient(circle at 54% 58%, rgba(255,147,68,.80) 0 14%, rgba(255,172,90,.18) 34%, transparent 61%),
        linear-gradient(145deg, rgba(255,236,205,.88), rgba(255,223,198,.42));
}
.main-grid .glass-card:nth-child(5) .feature-icon {
    background:
        radial-gradient(circle at 30% 24%, rgba(255,255,255,1) 0 9%, transparent 23%),
        radial-gradient(circle at 50% 57%, rgba(218,102,179,.64) 0 13%, rgba(108,129,233,.20) 35%, transparent 61%),
        linear-gradient(145deg, rgba(248,219,240,.84), rgba(222,229,255,.44));
}

/* 核心卡右上装饰：像轻量数据镜片，而不是大空白 */
.main-grid .glass-card:nth-child(2)::after,
.main-grid .glass-card:nth-child(3)::after,
.main-grid .glass-card:nth-child(4)::after,
.main-grid .glass-card:nth-child(5)::after {
    width: 122px;
    height: 104px;
    right: 24px;
    top: 28px;
    border-radius: 30px;
    opacity: .48;
    transform: rotate(7deg);
    border: 1px solid rgba(255,255,255,.52);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
}
.main-grid .glass-card:nth-child(2)::after {
    background:
        repeating-linear-gradient(0deg, transparent 0 20px, rgba(47,159,185,.065) 21px 22px),
        repeating-linear-gradient(90deg, transparent 0 25px, rgba(47,159,185,.045) 26px 27px),
        radial-gradient(circle at 43% 48%, rgba(55,211,225,.22), transparent 62%);
}
.main-grid .glass-card:nth-child(3)::after {
    border-radius: 50%;
    background:
        radial-gradient(circle, transparent 0 26%, rgba(105,91,230,.20) 27% 29%, transparent 30% 46%, rgba(104,118,234,.12) 47% 49%, transparent 50%),
        radial-gradient(circle at 45% 38%, rgba(113,91,238,.22), transparent 62%);
}
.main-grid .glass-card:nth-child(4)::after {
    background:
        linear-gradient(90deg, transparent 0 14%, rgba(239,144,74,.11) 15% 17%, transparent 18% 42%, rgba(239,144,74,.08) 43% 45%, transparent 46%),
        linear-gradient(0deg, transparent 0 24%, rgba(239,144,74,.09) 25% 27%, transparent 28% 58%, rgba(239,144,74,.07) 59% 61%, transparent 62%),
        radial-gradient(circle at 55% 55%, rgba(255,167,92,.17), transparent 64%);
}
.main-grid .glass-card:nth-child(5)::after {
    background:
        linear-gradient(145deg, rgba(224,124,188,.12), rgba(115,139,237,.09)),
        repeating-linear-gradient(0deg, transparent 0 23px, rgba(128,113,200,.055) 24px 25px);
}
.main-grid .glass-card h3 {
    font-size: 17px;
    font-weight: 780;
    color: #19263f;
    letter-spacing: -.026em;
}
.main-grid .glass-card:nth-child(3) h3 { font-size: 20px; }
.main-grid .glass-card p {
    color: #6f7c91;
    max-width: 68%;
    line-height: 1.66;
}
.feature-meta { color: #929caf; padding-top: 14px; }
.feature-arrow {
    width: 29px;
    height: 29px;
    border-radius: 10px;
    color: #6575d7;
    background: rgba(255,255,255,.52);
    border: 1px solid rgba(255,255,255,.82);
    box-shadow: 0 7px 16px rgba(55,70,128,.04), inset 0 1px 0 rgba(255,255,255,1);
}

/* 辅助入口做成细致的 utility chip，继续退居二线 */
.main-grid .glass-card:nth-child(1),
.main-grid .glass-card:nth-child(6) {
    padding: 15px 17px;
    border-radius: 18px;
    background: rgba(255,255,255,.34);
    border-color: rgba(255,255,255,.65);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(52,65,114,.03);
}
.main-grid .glass-card:nth-child(1)::before,
.main-grid .glass-card:nth-child(6)::before { opacity: .28; }
.main-grid .glass-card:nth-child(1) .feature-icon,
.main-grid .glass-card:nth-child(6) .feature-icon { display: none !important; }
.main-grid .glass-card:nth-child(1) h3,
.main-grid .glass-card:nth-child(6) h3 { font-size: 13px; margin-bottom: 4px; }
.main-grid .glass-card:nth-child(1) p,
.main-grid .glass-card:nth-child(6) p { max-width: 100%; font-size: 11px; line-height: 1.45; }

@media (prefers-color-scheme: dark) {
    body { background: linear-gradient(135deg,#071322 0%,#10162a 38%,#1d1731 70%,#2a1b26 100%); }
    .glass-container { background: rgba(12,20,38,.68); border-color: rgba(255,255,255,.10); }
    .app-sidebar { background: linear-gradient(180deg, rgba(17,27,47,.73), rgba(18,24,45,.58)); }
    .page-title,.section-title,.hero-title,.hero-side-title,.main-grid .glass-card h3 { color:#f4f7ff; }
    .page-desc,.hero-text,.hero-side-item,.main-grid .glass-card p { color:#aab5ca; }
    .hero-copy,.hero-side,.main-grid .glass-card { background: rgba(26,37,59,.42); border-color: rgba(255,255,255,.09); }
    .hero-title span { color:#aeb8ff !important; }
}

@media (max-width: 1280px) {
    .hero-title { font-size: 32px; }
    .hero-copy::after { width: 190px; height: 128px; right: 28px; }
}

/* =========================================================
   Pass 08｜Crystal Focal Point
   仍只处理 CSS：把“普通玻璃后台”进一步收成有品牌记忆的原生工作台。
   ========================================================= */

/* 中心降彩、边缘留光谱，避免整屏粉蓝雾 */
.app-main {
    background:
        radial-gradient(ellipse at 13% 14%, rgba(60,190,255,.055), transparent 29%),
        radial-gradient(ellipse at 88% 13%, rgba(194,109,222,.05), transparent 28%),
        radial-gradient(ellipse at 91% 91%, rgba(255,157,93,.042), transparent 29%),
        rgba(250,252,255,.08);
}
.section-note { display: none; }

/* Hero 回归更干净的编辑底，彩色集中到一个“诊断晶体”记忆点 */
.hero-copy {
    background:
        radial-gradient(ellipse at 24% 12%, rgba(89,201,255,.055), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.66), rgba(248,250,255,.39) 62%, rgba(255,251,253,.34));
}
.hero-copy::before {
    width: 330px;
    height: 280px;
    right: -38px;
    top: -38px;
    opacity: .70;
    background:
        radial-gradient(circle at 34% 35%, rgba(69,192,255,.32) 0 8%, rgba(69,192,255,.075) 31%, transparent 49%),
        radial-gradient(circle at 59% 24%, rgba(104,91,239,.28) 0 8%, rgba(104,91,239,.065) 31%, transparent 50%),
        radial-gradient(circle at 75% 72%, rgba(232,117,198,.21) 0 8%, rgba(232,117,198,.045) 31%, transparent 50%);
    filter:saturate(118%);
}
.hero-copy::after {
    width: 178px;
    height: 178px;
    right: 78px;
    top: 22px;
    border-radius: 50%;
    transform: rotate(-5deg);
    opacity: .98;
    border: 1px solid rgba(255,255,255,.94);
    background:
        /* 玻璃高光 */
        radial-gradient(circle at 28% 21%, rgba(255,255,255,1) 0 5%, rgba(255,255,255,.48) 7%, transparent 18%),
        radial-gradient(circle at 75% 76%, rgba(255,151,224,.28) 0 9%, transparent 33%),
        radial-gradient(circle at 31% 70%, rgba(41,190,255,.31) 0 10%, transparent 35%),
        /* 数据刻度 / 经营仪表感 */
        repeating-linear-gradient(0deg, transparent 0 27px, rgba(57,76,145,.050) 28px 29px),
        repeating-linear-gradient(90deg, transparent 0 27px, rgba(57,76,145,.038) 28px 29px),
        conic-gradient(from 215deg at 50% 50%, rgba(66,188,255,.38), rgba(101,91,238,.22) 28%, rgba(236,111,203,.22) 52%, rgba(255,184,126,.14) 69%, rgba(66,188,255,.28) 100%),
        radial-gradient(circle at 48% 44%, rgba(255,255,255,.76), rgba(240,245,255,.30) 48%, rgba(255,255,255,.13) 70%);
    box-shadow:
        0 28px 72px rgba(65,76,154,.19),
        0 12px 30px rgba(60,156,229,.10),
        inset 0 2px 2px rgba(255,255,255,1),
        inset 20px 18px 44px rgba(255,255,255,.40),
        inset -20px -24px 48px rgba(80,62,173,.11),
        0 0 0 8px rgba(255,255,255,.035);
    animation: heroOrb 18s ease-in-out infinite alternate;
}
.hero-title { max-width: 700px; }
.hero-text { max-width: 620px; }

/* 建议路径卡从“粉色盒子”变成中性的观察面板 */
.hero-side {
    background:
        radial-gradient(circle at 100% 0%, rgba(135,107,239,.065), transparent 34%),
        linear-gradient(155deg, rgba(255,255,255,.60), rgba(249,250,255,.36));
}
.hero-side-item::before {
    background: #697bea;
    box-shadow: 0 0 0 4px rgba(92,109,226,.07), 0 2px 7px rgba(79,91,199,.15);
}

/* 核心卡的光不是色块，而是来自材质边缘的“折射” */
.main-grid .glass-card:nth-child(2) {
    box-shadow:
        inset 0 1px 0 #fff,
        inset 0 -2px 0 rgba(43,189,212,.13),
        0 22px 54px rgba(47,59,105,.055);
}
.main-grid .glass-card:nth-child(3) {
    box-shadow:
        inset 0 1px 0 #fff,
        inset 0 -2px 0 rgba(100,86,223,.15),
        0 24px 58px rgba(54,57,117,.065);
}
.main-grid .glass-card:nth-child(4) {
    box-shadow:
        inset 0 1px 0 #fff,
        inset 0 -2px 0 rgba(241,149,76,.13),
        0 22px 54px rgba(47,59,105,.055);
}
.main-grid .glass-card:nth-child(5) {
    box-shadow:
        inset 0 1px 0 #fff,
        inset 0 -2px 0 rgba(204,104,179,.11),
        0 22px 54px rgba(47,59,105,.055);
}

/* 大卡的“数据镜片”更清晰，但仍只做装饰 */
.main-grid .glass-card:nth-child(2)::after,
.main-grid .glass-card:nth-child(3)::after,
.main-grid .glass-card:nth-child(4)::after,
.main-grid .glass-card:nth-child(5)::after {
    opacity: .66;
    right: 25px;
    top: 27px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        0 10px 26px rgba(73,83,143,.035);
}

/* 文本层级再收紧，减少普通后台卡片的“标题+描述”套路感 */
.main-grid .glass-card h3 {
    margin-bottom: 7px;
    color: #16223a;
}
.main-grid .glass-card:nth-child(3) h3 {
    color: #263559;
}
.main-grid .glass-card p {
    color: #758197;
    font-size: 12.5px;
}
.feature-meta {
    font-size: 11px;
    letter-spacing: .015em;
}

/* hover 更像材质“抬起”而非网页卡片动效 */
.main-grid a.glass-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 32px 76px rgba(43,55,102,.10),
        0 8px 22px rgba(60,88,158,.045),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(70,85,146,.03);
}

@media (prefers-reduced-motion: reduce) {
    .hero-copy::after { animation: none !important; }
}

/* =========================================================
   Pass 09｜Material Separation
   仅 CSS。把高级感从“更多渐变”切换为“环境鲜活 / 内容克制 / 边缘精密”。
   ========================================================= */

/* 外层保留果味，内层内容收回中性色 */
body {
    background:
        radial-gradient(ellipse at -7% 0%, rgba(31,194,255,.88) 0%, rgba(71,203,255,.30) 21%, transparent 45%),
        radial-gradient(ellipse at 105% 1%, rgba(207,103,255,.62) 0%, rgba(243,145,224,.20) 23%, transparent 47%),
        radial-gradient(ellipse at 103% 110%, rgba(255,139,67,.52) 0%, rgba(255,194,135,.15) 26%, transparent 50%),
        radial-gradient(ellipse at 4% 110%, rgba(86,75,241,.43) 0%, rgba(103,94,244,.12) 27%, transparent 52%),
        linear-gradient(132deg,#c9f3ff 0%,#e9f3ff 28%,#eeeefe 54%,#f6ecf8 78%,#ffead9 100%);
}
.glass-container {
    grid-template-columns: 212px minmax(0,1fr);
    background: rgba(248,251,255,.74);
    box-shadow:
        0 62px 148px rgba(38,48,94,.25),
        0 16px 44px rgba(61,93,158,.09),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(91,103,158,.045);
}
.app-sidebar {
    background: linear-gradient(180deg, rgba(245,250,255,.83), rgba(241,245,253,.67) 60%, rgba(246,243,255,.62));
}
.app-main {
    background:
        radial-gradient(ellipse at 16% 0%, rgba(64,188,246,.055), transparent 28%),
        radial-gradient(ellipse at 91% 0%, rgba(191,108,219,.045), transparent 29%),
        linear-gradient(180deg, rgba(252,253,255,.38), rgba(248,249,253,.18));
}

/* 顶部文字更锐利，减少雾化 */
.page-title { color:#101b31; }
.page-desc { color:#7b879a; }

/* Hero 内容面更稳定，只让晶体承担彩色焦点 */
.hero-copy,
.hero-side {
    background: rgba(255,255,255,.73);
    border-color: rgba(255,255,255,.97);
    box-shadow:
        0 20px 48px rgba(47,58,99,.055),
        0 1px 0 rgba(255,255,255,1),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(72,89,147,.035);
}
.hero-copy {
    background:
        radial-gradient(circle at 84% 34%, rgba(112,102,236,.045), transparent 27%),
        rgba(255,255,255,.76);
}
.hero-copy::before { opacity:.56; }
.hero-copy::after {
    width: 186px;
    height: 186px;
    right: 70px;
    top: 17px;
    box-shadow:
        0 34px 82px rgba(61,73,150,.22),
        0 11px 28px rgba(55,161,233,.13),
        inset 0 2px 2px rgba(255,255,255,1),
        inset 22px 19px 50px rgba(255,255,255,.46),
        inset -22px -25px 52px rgba(77,61,168,.12),
        0 0 0 9px rgba(255,255,255,.045);
}
.hero-side {
    background:
        radial-gradient(circle at 92% 10%, rgba(116,97,232,.045), transparent 31%),
        rgba(255,255,255,.72);
}

/* 功能区标题用细线把工作流连成一个整体 */
.section-head { position:relative; justify-content:flex-start; gap:14px; }
.section-head::after {
    content:"";
    height:1px;
    flex:1;
    background: linear-gradient(90deg, rgba(115,129,170,.13), rgba(115,129,170,.035) 68%, transparent);
}

/* 卡片：更像精密内容材质，而不是透明白色方块 */
.main-grid .glass-card {
    background: rgba(255,255,255,.78);
    border-color: rgba(255,255,255,.98);
    box-shadow:
        0 18px 44px rgba(43,55,98,.055),
        0 2px 6px rgba(62,78,130,.025),
        inset 0 1px 0 #fff,
        inset 0 -1px 0 rgba(75,90,146,.035);
}
.main-grid .glass-card:nth-child(2) {
    background:
        radial-gradient(circle at 100% 0%, rgba(45,199,222,.075), transparent 30%),
        rgba(255,255,255,.79);
}
.main-grid .glass-card:nth-child(3) {
    background:
        radial-gradient(circle at 100% 0%, rgba(106,90,231,.085), transparent 31%),
        rgba(255,255,255,.80);
}
.main-grid .glass-card:nth-child(4) {
    background:
        radial-gradient(circle at 100% 0%, rgba(255,156,79,.075), transparent 31%),
        rgba(255,255,255,.79);
}
.main-grid .glass-card:nth-child(5) {
    background:
        radial-gradient(circle at 100% 0%, rgba(214,108,181,.065), transparent 31%),
        rgba(255,255,255,.79);
}
.main-grid .glass-card:nth-child(1),
.main-grid .glass-card:nth-child(6) {
    background: rgba(255,255,255,.57);
    border-color: rgba(255,255,255,.90);
}

/* 数据镜片：明确但不喧闹，填补大卡空区 */
.main-grid .glass-card:nth-child(2)::after,
.main-grid .glass-card:nth-child(3)::after,
.main-grid .glass-card:nth-child(4)::after,
.main-grid .glass-card:nth-child(5)::after {
    width: 132px;
    height: 112px;
    opacity: .76;
    border-color: rgba(255,255,255,.72);
    background-color: rgba(255,255,255,.16);
}
.main-grid .glass-card:nth-child(3)::after {
    width: 118px;
    height: 118px;
}

/* 字号和对比稍提升，功能卡不再“灰白一片” */
.main-grid .glass-card h3 { color:#15213a; }
.main-grid .glass-card p { color:#6d798d; }
.feature-meta { color:#8e98aa; }

/* utility 卡更像系统辅助项 */
.main-grid .glass-card:nth-child(1),
.main-grid .glass-card:nth-child(6) {
    box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 10px 24px rgba(52,65,114,.032);
}

/* 背景动画更慢，让光像材质环境而不是网页特效 */
body::before { animation-duration:46s; }
body::after { animation-duration:58s; }

/* =========================================================
   Pass 10｜Precision Editorial Glass
   UI-only：不改 DOM / ID / JS / 业务逻辑。
   目标：减少“普通 SaaS 卡片感”，增强精密仪器感与编辑秩序。
   ========================================================= */

/* 1. 环境：彩色留在窗外，工作区内部更冷静，形成“外果味 / 内专业” */
body {
    background:
        radial-gradient(760px 620px at -6% 4%, rgba(42,199,255,.86), rgba(55,193,255,.18) 46%, transparent 71%),
        radial-gradient(720px 590px at 104% -2%, rgba(210,103,255,.64), rgba(244,143,220,.13) 46%, transparent 72%),
        radial-gradient(760px 620px at 104% 108%, rgba(255,148,76,.46), rgba(255,198,145,.10) 48%, transparent 74%),
        radial-gradient(760px 660px at 0% 110%, rgba(88,78,242,.38), rgba(110,101,245,.08) 50%, transparent 75%),
        linear-gradient(132deg,#c8f2ff 0%,#e8f5ff 25%,#eeefff 52%,#f8eef8 77%,#ffecdc 100%);
}

.glass-container {
    border-radius: 28px;
    background: rgba(248,251,255,.82);
    border-color: rgba(255,255,255,.90);
    box-shadow:
        0 58px 150px rgba(37,48,92,.26),
        0 18px 48px rgba(49,76,139,.10),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(87,98,150,.045);
}

.app-sidebar {
    background:
        radial-gradient(260px 280px at 22% 2%, rgba(70,183,255,.08), transparent 68%),
        linear-gradient(180deg, rgba(247,251,255,.88), rgba(242,247,254,.72) 58%, rgba(246,244,255,.68));
    border-right-color: rgba(107,123,171,.075);
}

.app-main {
    background:
        radial-gradient(700px 420px at 22% -4%, rgba(76,187,244,.045), transparent 72%),
        radial-gradient(620px 460px at 96% 8%, rgba(196,105,221,.036), transparent 72%),
        linear-gradient(180deg, rgba(253,254,255,.46), rgba(248,250,254,.21));
}

/* 2. 顶栏：更像原生桌面工具，标题成为锚点而非 banner 标题 */
.app-topbar {
    min-height: 82px;
    border-bottom-color: rgba(99,113,159,.065);
    background: linear-gradient(180deg, rgba(255,255,255,.23), rgba(255,255,255,.08));
}
.page-title {
    font-weight: 790;
    letter-spacing: -.045em;
    color: #111c31;
}
.page-desc {
    color: #7b8799;
    font-size: 11.5px;
}
.integral-badge {
    min-height: 36px;
    padding-inline: 15px;
    border-radius: 14px;
    color: #4960bd;
    background:
        radial-gradient(circle at 22% 16%, rgba(255,255,255,.95), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.66), rgba(241,244,253,.38));
    border-color: rgba(255,255,255,.95);
    box-shadow:
        0 10px 24px rgba(63,76,133,.06),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(79,93,150,.035);
}

/* 3. 导航：选中态改为薄玻璃凹槽，避免“蓝色按钮”既视感 */
.nav-item {
    border-radius: 12px;
    color: #69758c;
}
.nav-item:hover {
    background: rgba(255,255,255,.43);
    color: #27334c;
}
.nav-item.active {
    color: #263964;
    background:
        linear-gradient(180deg, rgba(255,255,255,.76), rgba(240,246,255,.51));
    border-color: rgba(255,255,255,.94);
    box-shadow:
        0 9px 22px rgba(53,79,145,.07),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 3px 0 0 rgba(83,128,232,.58);
}
.nav-item.active::after { opacity: 0; }
.nav-item.active .nav-icon {
    background: rgba(86,125,224,.08);
    color: #4e6ed0;
    box-shadow: inset 0 0 0 1px rgba(81,113,201,.08);
}

/* 4. Hero：把纯装饰球升级为“经营数据透镜”，仍然仅 CSS 伪元素 */
.home-hero {
    min-height: 236px;
    grid-template-columns: minmax(0, 1.78fr) minmax(250px, .54fr);
    gap: 16px;
}
.hero-copy,
.hero-side {
    border-radius: 23px;
    border-color: rgba(255,255,255,.94);
    box-shadow:
        0 18px 48px rgba(48,60,105,.055),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(75,90,142,.035);
}
.hero-copy {
    padding: 32px 36px;
    background:
        radial-gradient(380px 260px at 91% 44%, rgba(95,130,236,.045), transparent 70%),
        rgba(255,255,255,.80);
}
.hero-copy::before {
    width: 340px;
    height: 285px;
    right: -28px;
    top: -48px;
    opacity: .42;
    filter:saturate(112%);
    background:
        radial-gradient(circle at 28% 32%, rgba(50,191,255,.42) 0 9%, transparent 32%),
        radial-gradient(circle at 57% 27%, rgba(93,83,232,.35) 0 10%, transparent 34%),
        radial-gradient(circle at 78% 70%, rgba(224,110,193,.24) 0 9%, transparent 31%);
}
.hero-copy::after {
    width: 226px;
    height: 142px;
    right: 42px;
    top: 47px;
    border-radius: 32px;
    transform: rotate(-2deg);
    opacity: .98;
    border: 1px solid rgba(255,255,255,.95);
    background:
        /* 顶部玻璃高光 */
        radial-gradient(circle at 12% 13%, rgba(255,255,255,1) 0 3%, rgba(255,255,255,.38) 5%, transparent 14%),
        /* 四柱经营信号 */
        linear-gradient(to top, rgba(57,180,240,.62), rgba(86,135,235,.26)) 34% 74% / 14px 54px no-repeat,
        linear-gradient(to top, rgba(87,117,238,.72), rgba(112,96,230,.28)) 47% 74% / 14px 78px no-repeat,
        linear-gradient(to top, rgba(116,93,228,.65), rgba(181,99,213,.24)) 60% 74% / 14px 64px no-repeat,
        linear-gradient(to top, rgba(221,111,190,.55), rgba(241,159,203,.18)) 73% 74% / 14px 92px no-repeat,
        /* 仪表网格 */
        repeating-linear-gradient(0deg, transparent 0 27px, rgba(61,80,139,.045) 28px 29px),
        repeating-linear-gradient(90deg, transparent 0 35px, rgba(61,80,139,.034) 36px 37px),
        linear-gradient(145deg, rgba(255,255,255,.82), rgba(238,245,255,.38) 58%, rgba(247,239,252,.31));
    box-shadow:
        0 30px 70px rgba(60,74,146,.18),
        0 10px 25px rgba(46,151,220,.08),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 16px 14px 34px rgba(255,255,255,.30),
        inset -18px -20px 36px rgba(79,65,172,.075);
    animation: decisionLensFloat 20s ease-in-out infinite alternate;
}
@keyframes decisionLensFloat {
    to { transform: translate(-7px, 8px) rotate(1deg); }
}
.hero-title {
    max-width: 650px;
    font-size: clamp(31px, 2.2vw, 37px);
    line-height: 1.14;
    color: #111d34;
}
.hero-title span {
    color: #506bd8;
    background: none;
    -webkit-text-fill-color: currentColor;
}
.hero-text { max-width: 600px; color:#6b778d; }
.hero-eyebrow { color:#5369bf; letter-spacing:.08em; }
.hero-eyebrow::before { background:#5b83e6; box-shadow:0 0 0 4px rgba(91,131,230,.08); }
.flow-chip {
    background: rgba(250,252,255,.74);
    border-color: rgba(255,255,255,.96);
    color: #5e6b80;
    box-shadow: inset 0 1px 0 #fff, 0 5px 14px rgba(56,72,125,.035);
}

/* 右侧建议从“补位卡”变成干净的决策摘要 */
.hero-side {
    padding: 25px 24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.75), rgba(248,250,255,.55));
}
.hero-side::after {
    left: 23px;
    top: 93px;
    bottom: 24px;
    width: 1px;
    background: linear-gradient(180deg, rgba(87,112,208,.18), rgba(87,112,208,.03));
}
.hero-side-label {
    color:#8a94a7;
    font-size: 10px;
    letter-spacing:.10em;
}
.hero-side-title {
    color:#18243d;
    font-size:18px;
    line-height:1.36;
    max-width:210px;
}
.hero-side-list { gap: 12px; margin-top: 20px; }
.hero-side-item {
    padding-left: 14px;
    color:#657188;
    font-size:11.5px;
}
.hero-side-item::before {
    width:5px;
    height:5px;
    margin-left:-1px;
    background:#637bd8;
    box-shadow:0 0 0 3px rgba(99,123,216,.07);
}

/* 5. 功能区：核心卡由“大空白方块”变成紧凑的任务模块 */
.section-head { margin: 13px 0 14px; }
.section-title { color:#18243b; font-size:16px; }
.main-grid {
    grid-auto-rows: 76px;
    gap: 12px;
}
.main-grid .glass-card {
    border-radius: 20px;
    border-color: rgba(255,255,255,.96);
    background: rgba(255,255,255,.81);
    box-shadow:
        0 16px 38px rgba(44,56,98,.050),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(71,86,139,.03);
}
.main-grid .glass-card:nth-child(2),
.main-grid .glass-card:nth-child(3),
.main-grid .glass-card:nth-child(4),
.main-grid .glass-card:nth-child(5) {
    display: grid;
    grid-template-columns: 48px minmax(0,1fr);
    grid-template-rows: auto 1fr auto;
    column-gap: 15px;
    padding: 21px 22px 17px;
    overflow: hidden;
}
.main-grid .glass-card:nth-child(2) .feature-icon,
.main-grid .glass-card:nth-child(3) .feature-icon,
.main-grid .glass-card:nth-child(4) .feature-icon,
.main-grid .glass-card:nth-child(5) .feature-icon {
    grid-column:1;
    grid-row:1 / 3;
    margin:0;
}
.main-grid .glass-card:nth-child(2) h3,
.main-grid .glass-card:nth-child(3) h3,
.main-grid .glass-card:nth-child(4) h3,
.main-grid .glass-card:nth-child(5) h3 {
    grid-column:2;
    grid-row:1;
    margin:1px 0 5px;
}
.main-grid .glass-card:nth-child(2) p,
.main-grid .glass-card:nth-child(3) p,
.main-grid .glass-card:nth-child(4) p,
.main-grid .glass-card:nth-child(5) p {
    grid-column:2;
    grid-row:2;
    max-width:76%;
    margin:0;
    font-size:12px;
    line-height:1.58;
}
.main-grid .glass-card:nth-child(2) .feature-meta,
.main-grid .glass-card:nth-child(3) .feature-meta,
.main-grid .glass-card:nth-child(4) .feature-meta,
.main-grid .glass-card:nth-child(5) .feature-meta {
    grid-column:1 / 3;
    grid-row:3;
    margin-top:12px;
    padding-top:10px;
    border-top:1px solid rgba(102,116,158,.055);
}

/* 核心卡上的“信号片”：不同页面有不同的纯视觉语义，不增加业务信息 */
.main-grid .glass-card:nth-child(2)::after,
.main-grid .glass-card:nth-child(3)::after,
.main-grid .glass-card:nth-child(4)::after,
.main-grid .glass-card:nth-child(5)::after {
    right:20px;
    top:22px;
    bottom:auto;
    width:112px;
    height:58px;
    border-radius:16px;
    opacity:.72;
    filter:none;
    border:1px solid rgba(255,255,255,.72);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 8px 22px rgba(53,67,118,.025);
}
.main-grid .glass-card:nth-child(2)::after {
    background:
        repeating-linear-gradient(0deg, transparent 0 13px, rgba(27,153,176,.055) 14px 15px),
        linear-gradient(90deg, transparent 0 10%, rgba(37,176,199,.18) 10% 14%, transparent 14% 32%, rgba(37,176,199,.32) 32% 36%, transparent 36% 58%, rgba(37,176,199,.22) 58% 62%, transparent 62%),
        rgba(244,254,255,.48);
}
.main-grid .glass-card:nth-child(3)::after {
    background:
        radial-gradient(circle at 50% 50%, transparent 0 12%, rgba(104,87,224,.22) 13% 15%, transparent 16% 31%, rgba(104,87,224,.12) 32% 34%, transparent 35%),
        linear-gradient(90deg, transparent 49%, rgba(104,87,224,.09) 50%, transparent 51%),
        linear-gradient(0deg, transparent 49%, rgba(104,87,224,.09) 50%, transparent 51%),
        rgba(249,247,255,.50);
}
.main-grid .glass-card:nth-child(4)::after {
    background:
        linear-gradient(to top, rgba(221,124,51,.26), rgba(245,174,103,.12)) 24% 78% / 9px 26px no-repeat,
        linear-gradient(to top, rgba(221,124,51,.38), rgba(245,174,103,.15)) 40% 78% / 9px 39px no-repeat,
        linear-gradient(to top, rgba(221,124,51,.22), rgba(245,174,103,.10)) 56% 78% / 9px 31px no-repeat,
        linear-gradient(to top, rgba(221,124,51,.32), rgba(245,174,103,.13)) 72% 78% / 9px 46px no-repeat,
        rgba(255,250,245,.52);
}
.main-grid .glass-card:nth-child(5)::after {
    background:
        radial-gradient(circle at 17% 53%, rgba(194,92,169,.36) 0 3px, transparent 4px),
        radial-gradient(circle at 43% 37%, rgba(194,92,169,.27) 0 3px, transparent 4px),
        radial-gradient(circle at 68% 57%, rgba(194,92,169,.30) 0 3px, transparent 4px),
        radial-gradient(circle at 86% 31%, rgba(194,92,169,.22) 0 3px, transparent 4px),
        linear-gradient(160deg, transparent 23%, rgba(194,92,169,.15) 24% 26%, transparent 27% 46%, rgba(194,92,169,.13) 47% 49%, transparent 50% 70%, rgba(194,92,169,.11) 71% 73%, transparent 74%),
        rgba(255,248,253,.50);
}

.main-grid .glass-card:nth-child(2) {
    background:linear-gradient(145deg, rgba(255,255,255,.84), rgba(246,253,254,.66));
}
.main-grid .glass-card:nth-child(3) {
    background:linear-gradient(145deg, rgba(255,255,255,.85), rgba(249,248,255,.68));
    box-shadow:0 18px 42px rgba(67,60,129,.060), inset 0 1px 0 #fff, inset 0 -1px 0 rgba(81,72,151,.035);
}
.main-grid .glass-card:nth-child(4) {
    background:linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,251,247,.68));
}
.main-grid .glass-card:nth-child(5) {
    background:linear-gradient(145deg, rgba(255,255,255,.82), rgba(254,249,253,.66));
}

/* 6. 图标：去掉“01/02/03”模板感，保留原 DOM，仅视觉改成业务符号 */
.feature-icon {
    font-size:0 !important;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    margin-bottom:14px;
    border-radius:13px;
    box-shadow:0 8px 18px rgba(58,75,139,.075), inset 0 1px 0 #fff;
}
.feature-icon::before {
    font-size:17px;
    line-height:1;
    font-weight:650;
    color:currentColor;
}
.main-grid .glass-card:nth-child(1) .feature-icon::before { content:"✦"; }
.main-grid .glass-card:nth-child(2) .feature-icon::before { content:"◫"; }
.main-grid .glass-card:nth-child(3) .feature-icon::before { content:"◇"; }
.main-grid .glass-card:nth-child(4) .feature-icon::before { content:"≡"; }
.main-grid .glass-card:nth-child(5) .feature-icon::before { content:"◷"; }
.main-grid .glass-card:nth-child(6) .feature-icon::before { content:"◆"; font-size:13px; }
.feature-icon::after { opacity:.64; }

.main-grid .glass-card h3 {
    color:#17233a;
    font-weight:770;
    letter-spacing:-.024em;
}
.main-grid .glass-card:nth-child(3) h3 { font-size:18px; }
.main-grid .glass-card p { color:#707c90; }
.feature-meta { color:#949daf; }
.feature-arrow {
    width:25px;
    height:25px;
    border-radius:9px;
    background:rgba(248,250,255,.78);
    border-color:rgba(255,255,255,.96);
    color:#6074cb;
    box-shadow:inset 0 1px 0 #fff, 0 5px 13px rgba(59,72,124,.035);
}

/* 辅助入口做成真正的 compact utility tile */
.main-grid .glass-card:nth-child(1),
.main-grid .glass-card:nth-child(6) {
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:10px;
    align-content:center;
    padding:13px 15px;
    border-radius:17px;
    background:rgba(250,252,255,.61);
}
.main-grid .glass-card:nth-child(1) .feature-icon,
.main-grid .glass-card:nth-child(6) .feature-icon {
    grid-column:1;
    grid-row:1 / 3;
    width:31px;
    height:31px;
    margin:0;
    border-radius:10px;
}
.main-grid .glass-card:nth-child(1) h3,
.main-grid .glass-card:nth-child(6) h3 {
    grid-column:2;
    grid-row:1;
    margin:0 0 2px;
    font-size:13px;
}
.main-grid .glass-card:nth-child(1) p,
.main-grid .glass-card:nth-child(6) p {
    grid-column:2;
    grid-row:2;
    margin:0;
    font-size:10.5px;
    line-height:1.35;
    color:#818b9d;
}

.main-grid a.glass-card:hover {
    transform:translateY(-3px);
    border-color:rgba(255,255,255,1);
    box-shadow:0 26px 62px rgba(43,55,98,.085), inset 0 1px 0 #fff;
}

@media (prefers-reduced-motion: reduce) {
    .hero-copy::after { animation:none !important; }
}

@media (prefers-color-scheme: dark) {
    .hero-copy,
    .hero-side,
    .main-grid .glass-card { border-color:rgba(255,255,255,.09); }
    .hero-copy::after { opacity:.72; }
}

/* Pass 10.1｜Optical finishing */
.hero-side-title {
    font-size: 17px;
    letter-spacing: -.025em;
    max-width: none;
}
.hero-side-item { font-size: 11.2px; }
.hero-copy::after { right: 38px; }
.main-grid .glass-card:nth-child(2),
.main-grid .glass-card:nth-child(3),
.main-grid .glass-card:nth-child(4),
.main-grid .glass-card:nth-child(5) {
    box-shadow:
        0 18px 42px rgba(47,58,101,.052),
        0 1px 0 rgba(255,255,255,.92),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(78,91,143,.035);
}

/* =========================================================
   Pass 11｜Obsidian Prism — Premium editorial instrument
   UI-only override. No DOM / ID / JS / business logic changes.
   ========================================================= */

/* Environment: quieter canvas, richer spectral edges */
body {
    background:
        radial-gradient(980px 760px at -8% -6%, rgba(27,198,255,.78), rgba(63,184,248,.16) 44%, transparent 71%),
        radial-gradient(840px 700px at 108% -4%, rgba(205,91,255,.58), rgba(248,129,216,.12) 46%, transparent 73%),
        radial-gradient(840px 720px at 106% 108%, rgba(255,156,72,.42), rgba(255,208,152,.09) 48%, transparent 75%),
        radial-gradient(880px 760px at -4% 112%, rgba(69,69,235,.34), rgba(103,100,241,.07) 50%, transparent 76%),
        linear-gradient(132deg,#d8f5ff 0%,#eef8ff 24%,#f1f2ff 52%,#f9f0f8 78%,#fff1e3 100%);
}
body::before { opacity:.48; filter:saturate(118%); animation-duration:64s; }
body::after  { opacity:.34;  animation-duration:78s; }

.glass-container {
    background: rgba(247,250,255,.76);
    border: 1px solid rgba(255,255,255,.92);
    box-shadow:
        0 70px 180px rgba(26,38,84,.25),
        0 24px 62px rgba(55,80,140,.10),
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -1px 0 rgba(67,82,137,.045);
}
.glass-container::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    z-index:5;
    padding:1px;
    background:linear-gradient(125deg,rgba(255,255,255,.95),rgba(101,196,255,.20) 27%,rgba(144,111,255,.16) 55%,rgba(255,159,212,.17) 76%,rgba(255,255,255,.82));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:.70;
}

.app-sidebar {
    background:
        radial-gradient(300px 320px at 18% 0%, rgba(78,196,255,.075), transparent 70%),
        linear-gradient(180deg,rgba(248,252,255,.88),rgba(241,246,254,.70) 54%,rgba(244,243,253,.66));
    border-right-color:rgba(83,100,153,.075);
}
.brand-title { letter-spacing:-.03em; }
.brand-mark {
    background:
        radial-gradient(circle at 30% 18%,rgba(255,255,255,.78),transparent 24%),
        linear-gradient(145deg,#4f7df4 0%,#6652da 52%,#b26be0 100%);
    box-shadow:0 10px 24px rgba(84,83,200,.22),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -10px 20px rgba(73,61,174,.12);
}
.nav-item { color:#69758a; }
.nav-item.active {
    color:#20345e;
    background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(238,245,255,.56));
    border:1px solid rgba(255,255,255,.94);
    box-shadow:0 10px 26px rgba(50,77,140,.07),inset 0 1px 0 #fff,inset 3px 0 0 rgba(76,124,235,.62);
}

.app-main {
    background:
        radial-gradient(760px 460px at 22% -5%,rgba(73,185,241,.038),transparent 72%),
        radial-gradient(640px 460px at 98% 10%,rgba(192,96,218,.03),transparent 72%),
        linear-gradient(180deg,rgba(253,254,255,.48),rgba(248,250,254,.17));
}
.app-topbar {
    min-height:78px;
    padding-block:14px;
    background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.055));
    border-bottom-color:rgba(83,101,154,.06);
}
.page-kicker { display:none; }
.page-title { font-size:24px; letter-spacing:-.055em; color:#101a2f; }
.page-desc { color:#7d8898; }
.integral-badge {
    border-radius:999px;
    background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(242,246,255,.42));
    border-color:rgba(255,255,255,.96);
    box-shadow:0 10px 28px rgba(52,69,125,.065),inset 0 1px 0 #fff;
}

.app-content { padding:24px 28px 28px; }

/* Hero: one decisive dark instrument panel instead of another white SaaS card */
.home-hero {
    min-height:252px;
    grid-template-columns:minmax(0,1.72fr) minmax(268px,.58fr);
    gap:16px;
    margin-bottom:19px;
}
.hero-copy {
    padding:34px 36px 30px;
    border-radius:26px;
    color:#fff;
    border:1px solid rgba(255,255,255,.17);
    background:
        radial-gradient(560px 300px at 82% 8%,rgba(86,130,255,.26),transparent 63%),
        radial-gradient(420px 260px at 96% 92%,rgba(215,93,204,.17),transparent 68%),
        linear-gradient(135deg,rgba(13,22,45,.975) 0%,rgba(20,28,61,.955) 49%,rgba(34,25,65,.94) 100%);
    box-shadow:
        0 34px 78px rgba(20,28,66,.24),
        0 8px 28px rgba(52,68,127,.10),
        inset 0 1px 0 rgba(255,255,255,.16),
        inset 0 -1px 0 rgba(255,255,255,.03);
    overflow:hidden;
    isolation:isolate;
}
.hero-copy::before {
    content:"";
    position:absolute;
    width:520px;
    height:390px;
    right:-118px;
    top:-132px;
    z-index:-1;
    border-radius:45% 55% 48% 52% / 56% 42% 58% 44%;
    background:
        radial-gradient(circle at 31% 33%,rgba(49,198,255,.92) 0 7%,rgba(62,145,255,.44) 20%,transparent 43%),
        radial-gradient(circle at 58% 33%,rgba(117,82,248,.78) 0 9%,rgba(159,89,238,.34) 24%,transparent 50%),
        radial-gradient(circle at 72% 67%,rgba(238,94,192,.72) 0 7%,rgba(255,150,178,.24) 23%,transparent 48%);
    filter:saturate(145%);
    opacity:.54;
    animation:premiumSpectralField 28s ease-in-out infinite alternate;
}
@keyframes premiumSpectralField {
    to { transform:translate(-28px,26px) scale(1.08) rotate(5deg); }
}
.hero-copy::after {
    content:"";
    position:absolute;
    width:230px;
    height:154px;
    right:42px;
    top:45px;
    border-radius:38px;
    opacity:.98;
    background:
        linear-gradient(90deg,transparent 0 20%,rgba(95,209,255,.58) 20% 25%,transparent 25% 38%,rgba(104,91,242,.70) 38% 44%,transparent 44% 58%,rgba(161,100,238,.58) 58% 64%,transparent 64% 76%,rgba(236,112,199,.58) 76% 82%,transparent 82%),
        repeating-linear-gradient(0deg,transparent 0 28px,rgba(255,255,255,.055) 29px 30px),
        repeating-linear-gradient(90deg,transparent 0 36px,rgba(255,255,255,.055) 37px 38px),
        linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.20);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.30),
        inset 0 -18px 44px rgba(80,80,214,.07),
        0 28px 55px rgba(7,12,32,.30),
        0 0 50px rgba(98,114,255,.10);
    transform:perspective(700px) rotateY(-8deg) rotateX(3deg);
    animation:premiumLensFloat 20s ease-in-out infinite alternate;
}
@keyframes premiumLensFloat {
    to { transform:perspective(700px) rotateY(-4deg) rotateX(0deg) translate(-7px,7px); }
}
.hero-eyebrow { display:none; }
.hero-title {
    position:relative;
    z-index:2;
    max-width:650px;
    padding-right:190px;
    font-size:34px;
    line-height:1.13;
    font-weight:790;
    letter-spacing:-.047em;
    color:#f8fbff;
    text-wrap:balance;
}
.hero-title span {
    color:#9db0ff;
    background:none;
    -webkit-text-fill-color:currentColor;
}
.hero-text {
    position:relative;
    z-index:2;
    max-width:590px;
    padding-right:120px;
    color:rgba(226,234,249,.68);
    font-size:12.6px;
    line-height:1.82;
}
.hero-flow { position:relative; z-index:2; margin-top:22px; }
.flow-chip {
    color:rgba(240,244,255,.82);
    background:rgba(255,255,255,.075);
    border-color:rgba(255,255,255,.13);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 6px 16px rgba(0,0,0,.06);
}
.flow-arrow { color:rgba(157,176,255,.72); }

/* Route summary becomes a precision panel, not a filler card */
.hero-side {
    border-radius:26px;
    padding:27px 24px 24px;
    border:1px solid rgba(255,255,255,.94);
    background:
        radial-gradient(250px 210px at 112% -10%,rgba(239,118,208,.085),transparent 70%),
        linear-gradient(180deg,rgba(255,255,255,.82),rgba(249,251,255,.60));
    box-shadow:0 24px 58px rgba(44,57,104,.065),inset 0 1px 0 #fff;
}
.hero-side-label { color:#98a1b2; font-size:10px; letter-spacing:.12em; }
.hero-side-title { color:#16213a; font-size:18px; line-height:1.35; letter-spacing:-.025em; }
.hero-side-list { gap:14px; margin-top:24px; position:relative; }
.hero-side-list::before {
    content:"";
    position:absolute;
    left:2px;
    top:6px;
    bottom:7px;
    width:1px;
    background:linear-gradient(180deg,rgba(85,111,210,.22),rgba(85,111,210,.035));
}
.hero-side-item { padding-left:15px; color:#657085; font-size:11.4px; line-height:1.5; position:relative; }
.hero-side-item::before {
    position:absolute;
    left:-1px;
    width:6px;
    height:6px;
    background:#5d73d2;
    box-shadow:0 0 0 4px rgba(93,115,210,.075);
}

/* Editorial hierarchy */
.section-head { margin:14px 0 13px; }
.section-title { font-size:17px; letter-spacing:-.025em; color:#152038; }
.section-note { display:none; }
.main-grid { grid-auto-rows:88px; gap:13px; }

.main-grid .glass-card {
    border-radius:20px;
    border:1px solid rgba(255,255,255,.96);
    background:rgba(255,255,255,.86);
    box-shadow:0 16px 38px rgba(42,54,98,.048),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(72,88,141,.025);
}
.main-grid .glass-card::before {
    opacity:.34;
    background:linear-gradient(130deg,rgba(255,255,255,.52),transparent 31% 76%,rgba(255,255,255,.07));
}

/* Survey: cool clear glass */
.main-grid .glass-card:nth-child(2) {
    background:
        radial-gradient(230px 170px at 105% -8%,rgba(53,197,219,.085),transparent 70%),
        linear-gradient(145deg,rgba(255,255,255,.90),rgba(247,253,254,.74));
}
/* Diagnosis: the one deliberate high-contrast premium tile */
.main-grid .glass-card:nth-child(3) {
    color:#fff;
    border-color:rgba(255,255,255,.14);
    background:
        radial-gradient(300px 190px at 96% 4%,rgba(111,91,247,.26),transparent 62%),
        radial-gradient(260px 180px at 98% 104%,rgba(225,96,195,.13),transparent 68%),
        linear-gradient(135deg,rgba(24,27,61,.975),rgba(33,29,75,.96));
    box-shadow:0 28px 64px rgba(31,35,82,.20),inset 0 1px 0 rgba(255,255,255,.13);
}
.main-grid .glass-card:nth-child(3)::before {
    opacity:.38;
    background:linear-gradient(128deg,rgba(255,255,255,.16),transparent 30% 72%,rgba(151,112,255,.08));
}
.main-grid .glass-card:nth-child(3) h3 { color:#f7f9ff; }
.main-grid .glass-card:nth-child(3) p { color:rgba(225,230,247,.66); }
.main-grid .glass-card:nth-child(3) .feature-meta { color:rgba(205,213,242,.52); border-top-color:rgba(255,255,255,.08); }
.main-grid .glass-card:nth-child(3) .feature-arrow {
    color:#d7dfff;
    background:rgba(255,255,255,.075);
    border-color:rgba(255,255,255,.10);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.main-grid .glass-card:nth-child(3) .feature-icon {
    color:#e6eaff;
    background:linear-gradient(145deg,rgba(113,126,255,.48),rgba(114,84,231,.38));
    border-color:rgba(255,255,255,.16);
    box-shadow:0 10px 26px rgba(85,78,220,.28),inset 0 1px 0 rgba(255,255,255,.25);
}
.main-grid .glass-card:nth-child(3)::after {
    right:19px;
    top:21px;
    width:122px;
    height:62px;
    opacity:.82;
    border-color:rgba(255,255,255,.10);
    background:
        radial-gradient(circle at 50% 50%,transparent 0 12%,rgba(153,139,255,.36) 13% 15%,transparent 16% 30%,rgba(153,139,255,.18) 31% 33%,transparent 34%),
        linear-gradient(90deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),
        linear-gradient(0deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),
        rgba(255,255,255,.025);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 26px rgba(0,0,0,.10);
}
/* Menu / history stay tactile, slightly warm */
.main-grid .glass-card:nth-child(4) {
    background:radial-gradient(220px 160px at 105% 100%,rgba(242,157,80,.07),transparent 70%),rgba(255,255,255,.87);
}
.main-grid .glass-card:nth-child(5) {
    background:radial-gradient(220px 160px at 105% 100%,rgba(216,108,184,.065),transparent 70%),rgba(255,255,255,.85);
}
.main-grid .glass-card:nth-child(1),
.main-grid .glass-card:nth-child(6) {
    background:rgba(250,252,255,.70);
    border-color:rgba(255,255,255,.92);
}

.main-grid .glass-card h3 { font-weight:780; color:#142038; letter-spacing:-.03em; }
.main-grid .glass-card p { color:#748094; }
.feature-meta { color:#99a2b2; }
.feature-icon {
    border-radius:12px;
    box-shadow:0 8px 18px rgba(58,75,139,.07),inset 0 1px 0 #fff;
}
.feature-arrow { transition:transform .18s ease,background .18s ease,border-color .18s ease; }
.main-grid a.glass-card:hover {
    transform:translateY(-4px);
    box-shadow:0 30px 70px rgba(39,51,94,.11),inset 0 1px 0 rgba(255,255,255,.98);
}
.main-grid a.glass-card:hover .feature-arrow { transform:translateX(2px); }
.main-grid .glass-card:nth-child(3):hover {
    border-color:rgba(255,255,255,.20);
    box-shadow:0 34px 82px rgba(29,31,79,.28),inset 0 1px 0 rgba(255,255,255,.14);
}

/* Reduce the prototype feeling of utility labels */
.privacy-note {
    background:rgba(255,255,255,.31);
    border-color:rgba(255,255,255,.68);
    color:#7d8798;
}

@media (prefers-reduced-motion: reduce) {
    .hero-copy::before,.hero-copy::after { animation:none !important; }
}

/* =========================================================
   Pass 12｜Fruit Crystal Workspace — final visual direction
   UI-only override. No DOM / ID / JS / business logic changes.
   Goal: borderless full-screen canvas + flowing spectral background
         + ice-crystal glass + restrained Apple-like hierarchy.
   ========================================================= */

:root {
    --cmz-ink:#071a3c;
    --cmz-sub:#47638f;
    --cmz-muted:#7f97b8;
    --cmz-blue:#2f7cff;
    --cmz-cyan:#16c6ee;
    --cmz-violet:#7a5cff;
    --cmz-pink:#e88cd8;
    --cmz-orange:#ffb35f;
    --cmz-ice:rgba(247,252,255,.56);
    --cmz-ice-strong:rgba(250,253,255,.70);
    --cmz-line:rgba(255,255,255,.72);
    --cmz-line-soft:rgba(111,147,202,.13);
    --cmz-shadow:0 22px 60px rgba(46,76,133,.10), 0 6px 18px rgba(69,97,154,.05);
}

html, body { min-height:100%; }
body {
    min-height:100vh;
    overflow-x:hidden;
    isolation:isolate;
    color:var(--cmz-ink);
    background:
        radial-gradient(1200px 820px at 4% -8%, rgba(91,208,255,.52), transparent 63%),
        radial-gradient(1080px 760px at 102% -12%, rgba(217,143,255,.40), transparent 66%),
        radial-gradient(900px 720px at 110% 104%, rgba(255,177,95,.28), transparent 64%),
        radial-gradient(850px 700px at -10% 108%, rgba(111,102,255,.25), transparent 66%),
        linear-gradient(132deg,#eaf8ff 0%,#eef4ff 30%,#f5f0ff 59%,#fff3f8 80%,#fff6e9 100%);
    background-attachment:fixed;
}
body::before,
body::after {
    content:"";
    position:fixed;
    pointer-events:none;
    inset:-22%;
    z-index:-2;
    transform-origin:center;
    will-change:transform,opacity;
}
body::before {
    opacity:.72;
    filter:saturate(128%);
    background:
        radial-gradient(ellipse 31% 27% at 18% 24%, rgba(43,197,255,.58), transparent 70%),
        radial-gradient(ellipse 27% 29% at 48% 10%, rgba(99,125,255,.32), transparent 72%),
        radial-gradient(ellipse 28% 30% at 78% 25%, rgba(193,110,255,.35), transparent 72%),
        radial-gradient(ellipse 24% 25% at 88% 70%, rgba(255,145,197,.27), transparent 73%),
        radial-gradient(ellipse 22% 24% at 72% 91%, rgba(255,182,95,.24), transparent 72%),
        radial-gradient(ellipse 26% 27% at 18% 84%, rgba(91,105,255,.28), transparent 73%);
    animation:cmzFruitDriftA 28s cubic-bezier(.42,0,.25,1) infinite alternate;
}
body::after {
    z-index:-1;
    opacity:.56;
    filter:saturate(115%);
    background:
        radial-gradient(ellipse 25% 18% at 22% 58%, rgba(255,255,255,.64), transparent 78%),
        radial-gradient(ellipse 30% 22% at 57% 56%, rgba(255,255,255,.48), transparent 78%),
        radial-gradient(ellipse 22% 17% at 82% 38%, rgba(255,255,255,.38), transparent 78%),
        linear-gradient(116deg, transparent 14%, rgba(255,255,255,.16) 42%, transparent 66%);
    animation:cmzFruitDriftB 36s ease-in-out infinite alternate;
}
@keyframes cmzFruitDriftA {
    0% { transform:translate3d(-2.5%,-1.5%,0) scale(1.02) rotate(-1.5deg); }
    45% { transform:translate3d(3%,2.8%,0) scale(1.08) rotate(1.4deg); }
    100% { transform:translate3d(-1%,5%,0) scale(1.04) rotate(-1deg); }
}
@keyframes cmzFruitDriftB {
    0% { transform:translate3d(2%,0,0) scale(1); opacity:.44; }
    100% { transform:translate3d(-4%,-2.5%,0) scale(1.12); opacity:.66; }
}

/* No outer chassis / no perimeter ring */
.glass-container,
.glass-container--flex {
    width:100%;
    max-width:none;
    min-height:100vh;
    margin:0;
    padding:18px;
    grid-template-columns:220px minmax(0,1fr);
    gap:18px;
    overflow:visible;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
.glass-container::before,
.glass-container::after { display:none !important; }

/* Floating frosted sidebar */
.app-sidebar {
    min-height:calc(100vh - 36px);
    padding:20px 16px 18px;
    border:1px solid rgba(255,255,255,.72) !important;
    border-radius:28px;
    background:
        linear-gradient(180deg,rgba(241,249,255,.63),rgba(236,244,255,.48) 56%,rgba(245,240,255,.42)) !important;
    box-shadow:
        0 28px 70px rgba(58,88,145,.10),
        inset 0 1px 0 rgba(255,255,255,.86),
        inset 0 0 0 1px rgba(255,255,255,.14);
    overflow:hidden;
}
.app-sidebar::before {
    content:"";
    position:absolute;
    inset:-30% -50% auto -40%;
    height:54%;
    pointer-events:none;
    background:
        radial-gradient(circle at 35% 35%,rgba(54,195,255,.24),transparent 34%),
        radial-gradient(circle at 62% 44%,rgba(124,104,255,.20),transparent 34%);
    
    opacity:.72;
}
.window-dots { display:none; }
.brand-block { padding:8px 8px 24px; position:relative; z-index:1; }
.brand-title { color:#0b2148; font-size:20px; font-weight:730; letter-spacing:-.035em; }
.brand-mark {
    width:38px; height:38px; border-radius:12px;
    background:
        radial-gradient(circle at 28% 20%,rgba(255,255,255,.94),transparent 24%),
        conic-gradient(from 210deg,#2bcdf6,#5d79ff,#9b62f5,#ef9fdc,#76dfff,#2bcdf6) !important;
    box-shadow:
        0 12px 26px rgba(78,104,220,.20),
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -10px 22px rgba(85,66,190,.12);
}
.brand-subtitle { margin-left:48px; color:#5b7398; font-size:11px; }
.nav-section-label { display:none; }
.app-nav { gap:7px; position:relative; z-index:1; }
.nav-item {
    min-height:48px;
    border-radius:14px;
    padding:0 13px;
    color:#3f5d87;
    font-size:13px;
    font-weight:600;
    transition:transform .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
}
.nav-item:hover {
    transform:translateX(1px);
    color:#173766;
    background:rgba(255,255,255,.34);
}
.nav-item.active {
    color:#0f58d9 !important;
    background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(244,249,255,.55)) !important;
    border:1px solid rgba(255,255,255,.86) !important;
    box-shadow:
        0 12px 28px rgba(58,92,158,.09),
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 3px 0 0 rgba(45,124,255,.72) !important;
}
.nav-icon {
    background:rgba(255,255,255,.30);
    border-color:rgba(255,255,255,.46);
    color:inherit;
}
.nav-item.active .nav-icon { background:rgba(225,240,255,.62); }
.privacy-note {
    border-color:rgba(255,255,255,.60) !important;
    background:rgba(255,255,255,.22) !important;
    color:#6c82a0 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.62);
}

/* Main area stays visually open: no giant white shell */
.app-main {
    min-height:calc(100vh - 36px);
    border-radius:28px;
    overflow:visible;
    background:transparent !important;
}
.app-topbar {
    min-height:64px;
    padding:6px 4px 12px 4px;
    border:0 !important;
    background:transparent !important;
}
.page-kicker { display:none !important; }
.page-title { color:#0a1b3b; font-size:22px; font-weight:690; letter-spacing:-.04em; }
.page-desc { color:#6980a2; font-size:11.5px; }
.integral-badge,
.topbar-chip {
    min-height:40px;
    padding:0 16px;
    border-radius:999px;
    color:#183d70;
    font-weight:650;
    border:1px solid rgba(255,255,255,.76) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(240,248,255,.44)) !important;
    box-shadow:0 12px 30px rgba(53,82,138,.075),inset 0 1px 0 rgba(255,255,255,.92);
}
.app-content { padding:0 4px 18px; }

/* Home hero becomes one continuous crystal surface */
.home-hero {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.48fr) minmax(300px,.72fr);
    gap:0;
    min-height:270px;
    margin:0 0 24px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.74);
    border-radius:28px;
    background:
        radial-gradient(520px 310px at 16% 4%,rgba(255,255,255,.54),transparent 68%),
        radial-gradient(430px 310px at 86% 16%,rgba(89,194,255,.28),transparent 70%),
        radial-gradient(420px 300px at 94% 87%,rgba(226,134,235,.18),transparent 72%),
        linear-gradient(115deg,rgba(235,248,255,.62),rgba(230,241,255,.45) 47%,rgba(247,237,255,.50) 100%);
    box-shadow:
        0 26px 70px rgba(56,84,140,.10),
        inset 0 1px 0 rgba(255,255,255,.92),
        inset 0 -1px 0 rgba(79,115,177,.05);
}
.home-hero::before {
    content:"";
    position:absolute;
    width:76%;
    height:180%;
    right:-18%;
    top:-48%;
    pointer-events:none;
    background:
        radial-gradient(circle at 27% 42%,rgba(44,199,255,.22),transparent 31%),
        radial-gradient(circle at 47% 38%,rgba(105,116,255,.18),transparent 33%),
        radial-gradient(circle at 67% 47%,rgba(202,119,255,.18),transparent 31%),
        radial-gradient(circle at 50% 68%,rgba(255,160,202,.13),transparent 32%);
    filter:saturate(135%);
    animation:cmzHeroAurora 24s ease-in-out infinite alternate;
}
@keyframes cmzHeroAurora {
    to { transform:translate3d(-4%,5%,0) rotate(4deg) scale(1.05); }
}
.hero-copy {
    position:relative;
    z-index:2;
    min-height:270px;
    padding:36px 34px 30px !important;
    color:var(--cmz-ink) !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
}
.hero-copy::before,
.hero-copy::after { display:none !important; }
.hero-eyebrow {
    display:block !important;
    color:#47719f !important;
    font-size:12px !important;
    font-weight:590 !important;
    letter-spacing:.01em !important;
    margin-bottom:14px !important;
}
.hero-title {
    max-width:690px !important;
    padding:0 !important;
    color:#071a3c !important;
    font-size:38px !important;
    line-height:1.09 !important;
    font-weight:730 !important;
    letter-spacing:-.055em !important;
}
.hero-title span {
    color:#2d79ff !important;
    -webkit-text-fill-color:currentColor !important;
}
.hero-text {
    max-width:640px !important;
    padding:0 !important;
    color:#506b94 !important;
    font-size:13px !important;
    line-height:1.72 !important;
}
.hero-flow { margin-top:20px !important; gap:8px; }
.flow-chip {
    min-height:32px;
    color:#25558e !important;
    background:rgba(255,255,255,.36) !important;
    border:1px solid rgba(255,255,255,.58) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.70) !important;
}
.flow-arrow { color:#4e8bf8 !important; }

/* right side is the brand optical object, using existing content only */
.hero-side {
    position:relative;
    min-height:270px;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible;
}
.hero-side::before {
    content:"";
    position:absolute;
    width:164px;
    height:164px;
    right:62px;
    top:42px;
    border-radius:50%;
    background:
        radial-gradient(circle at 34% 22%,rgba(255,255,255,.98) 0 7%,rgba(255,255,255,.38) 10%,transparent 20%),
        radial-gradient(circle at 66% 66%,rgba(100,107,255,.24),transparent 38%),
        radial-gradient(circle at 38% 64%,rgba(58,205,255,.25),transparent 42%),
        radial-gradient(circle at 54% 40%,rgba(255,255,255,.16),rgba(177,207,255,.22) 58%,rgba(118,117,243,.18) 76%,rgba(255,255,255,.44) 100%);
    border:1px solid rgba(255,255,255,.72);
    box-shadow:
        inset 18px 14px 32px rgba(255,255,255,.52),
        inset -18px -22px 38px rgba(88,92,219,.13),
        0 24px 50px rgba(71,96,165,.14),
        0 0 0 8px rgba(255,255,255,.055);
    animation:cmzOrbFloat 16s ease-in-out infinite alternate;
}
.hero-side::after {
    content:"";
    position:absolute;
    width:240px;
    height:82px;
    right:24px;
    top:83px;
    border:1px solid rgba(255,255,255,.74);
    border-radius:50%;
    transform:rotate(18deg);
    box-shadow:0 0 16px rgba(102,160,255,.10);
    opacity:.82;
    animation:cmzOrbitFloat 18s ease-in-out infinite alternate;
}
@keyframes cmzOrbFloat { to { transform:translate3d(-8px,8px,0) scale(1.025); } }
@keyframes cmzOrbitFloat { to { transform:rotate(13deg) translate3d(5px,-3px,0); } }
.hero-side > div:first-child {
    position:absolute;
    z-index:3;
    left:0;
    bottom:44px;
    width:156px;
    padding:14px 16px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.70);
    background:rgba(248,252,255,.36);
    box-shadow:0 14px 34px rgba(56,89,146,.08),inset 0 1px 0 rgba(255,255,255,.75);
}
.hero-side-label { color:#6782a6 !important; font-size:10px !important; letter-spacing:.06em !important; }
.hero-side-title { color:#15335e !important; font-size:14px !important; font-weight:650 !important; }
.hero-side-list {
    position:absolute !important;
    z-index:3;
    right:10px;
    top:28px;
    width:88px;
    margin:0 !important;
    gap:9px !important;
}
.hero-side-list::before { display:none !important; }
.hero-side-item {
    padding:0 !important;
    color:#6e86a9 !important;
    font-size:9.5px !important;
    text-align:right;
    white-space:normal;
    line-height:1.25 !important;
}
.hero-side-item::before { display:none !important; }

/* Editorial section labels */
.section-head { margin:0 0 14px; }
.section-title {
    position:relative;
    padding-left:18px;
    color:#10254b !important;
    font-size:18px !important;
    font-weight:700 !important;
    letter-spacing:-.035em !important;
}
.section-title::before {
    content:"";
    position:absolute;
    left:0;
    top:3px;
    width:5px;
    height:20px;
    border-radius:6px;
    background:linear-gradient(180deg,#1ac6ef,#2f7cff);
    box-shadow:0 0 18px rgba(47,124,255,.20);
}
.section-note { display:block !important; color:#7289a9 !important; font-size:11px !important; }

/* Homepage: two primary tasks + four secondary tasks, pure CSS reorder */
.main-grid {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    grid-template-rows:152px 102px !important;
    grid-auto-rows:102px !important;
    gap:14px !important;
}
.main-grid .glass-card {
    position:relative;
    min-height:0 !important;
    padding:20px 62px 18px 92px !important;
    border-radius:22px !important;
    color:#10254b !important;
    border:1px solid rgba(255,255,255,.72) !important;
    background:
        linear-gradient(145deg,rgba(251,254,255,.58),rgba(242,249,255,.43)) !important;
    box-shadow:var(--cmz-shadow),inset 0 1px 0 rgba(255,255,255,.90) !important;
    overflow:hidden;
    transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s ease,border-color .22s ease,background .22s ease !important;
}
.main-grid .glass-card::before {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    opacity:.85 !important;
    pointer-events:none;
    background:
        linear-gradient(135deg,rgba(255,255,255,.42),transparent 31% 72%,rgba(255,255,255,.12)) !important;
}
.main-grid .glass-card::after { display:none !important; }
.main-grid .glass-card:nth-child(2) { grid-column:1 / 3; grid-row:1; }
.main-grid .glass-card:nth-child(3) { grid-column:3 / 5; grid-row:1; }
.main-grid .glass-card:nth-child(4) { grid-column:1; grid-row:2; }
.main-grid .glass-card:nth-child(5) { grid-column:2; grid-row:2; }
.main-grid .glass-card:nth-child(1) { grid-column:3; grid-row:2; }
.main-grid .glass-card:nth-child(6) { grid-column:4; grid-row:2; }

/* Primary research */
.main-grid .glass-card:nth-child(2) {
    background:
        radial-gradient(280px 190px at 2% 104%,rgba(38,211,238,.18),transparent 70%),
        linear-gradient(145deg,rgba(246,254,255,.68),rgba(232,249,255,.48)) !important;
}
/* Primary diagnosis — still light, more violet optical tint */
.main-grid .glass-card:nth-child(3) {
    color:#152650 !important;
    border-color:rgba(255,255,255,.72) !important;
    background:
        radial-gradient(320px 200px at 102% 0%,rgba(196,121,255,.19),transparent 70%),
        linear-gradient(145deg,rgba(251,248,255,.68),rgba(242,235,255,.49)) !important;
    box-shadow:var(--cmz-shadow),inset 0 1px 0 rgba(255,255,255,.90) !important;
}
.main-grid .glass-card:nth-child(3) h3 { color:#152650 !important; }
.main-grid .glass-card:nth-child(3) p { color:#63779a !important; }
.main-grid .glass-card:nth-child(3) .feature-meta { color:#8a98af !important; border-top-color:rgba(90,113,158,.08) !important; }
.main-grid .glass-card:nth-child(3) .feature-arrow { color:#633dff !important; background:rgba(124,92,255,.10) !important; border-color:rgba(255,255,255,.62) !important; }

/* Secondary cards carry very subtle semantic refraction only */
.main-grid .glass-card:nth-child(4) { background:radial-gradient(180px 130px at 0% 100%,rgba(255,151,76,.14),transparent 72%),rgba(255,252,248,.56) !important; }
.main-grid .glass-card:nth-child(5) { background:radial-gradient(180px 130px at 0% 100%,rgba(62,166,255,.13),transparent 72%),rgba(247,252,255,.56) !important; }
.main-grid .glass-card:nth-child(1) { background:radial-gradient(180px 130px at 0% 100%,rgba(48,210,166,.12),transparent 72%),rgba(247,255,252,.54) !important; }
.main-grid .glass-card:nth-child(6) { background:radial-gradient(180px 130px at 0% 100%,rgba(255,186,71,.14),transparent 72%),rgba(255,252,245,.58) !important; }

.main-grid .feature-icon {
    position:absolute !important;
    left:22px !important;
    top:22px !important;
    width:52px !important;
    height:52px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    border-radius:15px !important;
    color:transparent !important;
    font-size:0 !important;
    border:1px solid rgba(255,255,255,.72) !important;
    background:
        radial-gradient(circle at 30% 18%,rgba(255,255,255,.92),transparent 24%),
        linear-gradient(145deg,rgba(50,190,255,.86),rgba(60,121,255,.78)) !important;
    box-shadow:0 13px 28px rgba(53,112,220,.16),inset 0 1px 0 rgba(255,255,255,.86),inset 0 -12px 22px rgba(66,80,195,.10) !important;
}
.main-grid .feature-icon::before {
    font-size:20px !important;
    color:#fff !important;
    text-shadow:0 1px 5px rgba(50,80,170,.16);
}
.main-grid .glass-card:nth-child(3) .feature-icon { background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.92),transparent 24%),linear-gradient(145deg,#aa7cff,#6f4cfa) !important; }
.main-grid .glass-card:nth-child(4) .feature-icon { background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.92),transparent 24%),linear-gradient(145deg,#ffb77a,#ff845a) !important; }
.main-grid .glass-card:nth-child(5) .feature-icon { background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.92),transparent 24%),linear-gradient(145deg,#62c7ff,#2d8df5) !important; }
.main-grid .glass-card:nth-child(1) .feature-icon { background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.92),transparent 24%),linear-gradient(145deg,#55dfc0,#1fb888) !important; }
.main-grid .glass-card:nth-child(6) .feature-icon { background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.92),transparent 24%),linear-gradient(145deg,#ffd876,#ffb447) !important; }

.main-grid .glass-card h3 {
    position:relative; z-index:2;
    margin:0 0 6px !important;
    color:#10254b !important;
    font-size:17px !important;
    font-weight:700 !important;
    letter-spacing:-.035em !important;
}
.main-grid .glass-card:nth-child(2) h3,
.main-grid .glass-card:nth-child(3) h3 { font-size:20px !important; }
.main-grid .glass-card p {
    position:relative; z-index:2;
    margin:0 !important;
    max-width:78%;
    color:#637b9e !important;
    font-size:11.7px !important;
    line-height:1.55 !important;
}
.feature-meta {
    position:absolute !important;
    z-index:2;
    left:92px !important;
    right:18px !important;
    bottom:15px !important;
    padding:0 !important;
    border:0 !important;
    color:#8a9ab1 !important;
    font-size:10.4px !important;
}
.feature-arrow {
    position:absolute;
    right:0;
    bottom:-2px;
    width:32px !important;
    height:32px !important;
    border-radius:50% !important;
    color:#2f73d9 !important;
    background:rgba(62,139,255,.10) !important;
    border:1px solid rgba(255,255,255,.62) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.78) !important;
}
.main-grid a.glass-card:hover {
    transform:translateY(-3px) !important;
    border-color:rgba(255,255,255,.90) !important;
    box-shadow:0 30px 72px rgba(55,84,142,.13),inset 0 1px 0 rgba(255,255,255,.96) !important;
}
.main-grid a.glass-card:hover .feature-arrow { transform:translateX(2px) !important; }

/* Shared materials for inner pages: same language, no layout/function change */
.workspace-card,
.task-side-panel,
.result-box,
.glass-card:not(.main-grid .glass-card),
.guide-step,
.balance-card,
.recharge-placeholder,
.modal-card {
    border-color:rgba(255,255,255,.70) !important;
    background:linear-gradient(145deg,rgba(250,253,255,.60),rgba(239,247,255,.43)) !important;
    box-shadow:0 22px 60px rgba(53,82,139,.085),inset 0 1px 0 rgba(255,255,255,.88) !important;
}
.workspace-head,
.result-stage,
.table-wrap {
    border-color:rgba(255,255,255,.58) !important;
}
.input-box,
.activity-form input,
.activity-form textarea,
.activity-form select,
.history-filter {
    color:#17375f !important;
    border-color:rgba(255,255,255,.70) !important;
    background:rgba(255,255,255,.42) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.74) !important;
}
.input-box:focus,
.activity-form input:focus,
.activity-form textarea:focus,
.activity-form select:focus {
    border-color:rgba(47,124,255,.42) !important;
    box-shadow:0 0 0 3px rgba(47,124,255,.10),inset 0 1px 0 rgba(255,255,255,.82) !important;
}
.btn-primary {
    border:1px solid rgba(255,255,255,.32) !important;
    background:linear-gradient(135deg,#3b8cff 0%,#5b6cff 58%,#8a65ff 100%) !important;
    box-shadow:0 14px 30px rgba(72,94,226,.22),inset 0 1px 0 rgba(255,255,255,.34) !important;
}
.btn-secondary {
    color:#31547d !important;
    border-color:rgba(255,255,255,.70) !important;
    background:rgba(255,255,255,.38) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;
}
.radio-item {
    border-color:rgba(255,255,255,.66) !important;
    background:rgba(255,255,255,.38) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.70) !important;
}
.radio-item:hover { background:rgba(255,255,255,.52) !important; }
.common-table thead th { background:rgba(236,246,255,.38) !important; }
.common-table tbody tr:hover { background:rgba(241,249,255,.34) !important; }
.status-pill,
.rule-tag { }

@media (max-width:1180px) {
    .glass-container,.glass-container--flex { padding:12px; grid-template-columns:204px minmax(0,1fr); gap:12px; }
    .app-sidebar { min-height:calc(100vh - 24px); }
    .home-hero { grid-template-columns:minmax(0,1fr) 260px; }
    .hero-title { font-size:33px !important; }
    .main-grid { gap:10px !important; }
}
@media (prefers-reduced-motion:reduce) {
    body::before,body::after,.home-hero::before,.hero-side::before,.hero-side::after { animation:none !important; }
}

/* Pass 12.1｜homepage card alignment polish */
.main-grid .glass-card {
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr) 36px !important;
    grid-template-rows:auto auto !important;
    column-gap:18px !important;
    row-gap:4px !important;
    align-content:center !important;
    align-items:center !important;
    padding:18px 18px 18px 22px !important;
}
.main-grid .feature-icon {
    position:relative !important;
    left:auto !important;
    top:auto !important;
    grid-column:1 !important;
    grid-row:1 / 3 !important;
    align-self:center !important;
    width:54px !important;
    height:54px !important;
}
.main-grid .glass-card h3 {
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:end !important;
    margin:0 !important;
}
.main-grid .glass-card p {
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:start !important;
    max-width:none !important;
    margin:0 !important;
}
.main-grid .feature-meta {
    position:static !important;
    grid-column:3 !important;
    grid-row:1 / 3 !important;
    width:36px !important;
    height:36px !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    border:0 !important;
    align-self:center !important;
}
.main-grid .feature-meta > span:first-child { display:none !important; }
.main-grid .feature-arrow {
    position:static !important;
    right:auto !important;
    bottom:auto !important;
    display:grid !important;
    place-items:center !important;
    width:34px !important;
    height:34px !important;
    font-size:16px !important;
}
/* Secondary entries are intentionally compact */
.main-grid .glass-card:nth-child(1),
.main-grid .glass-card:nth-child(4),
.main-grid .glass-card:nth-child(5),
.main-grid .glass-card:nth-child(6) {
    grid-template-columns:42px minmax(0,1fr) 30px !important;
    column-gap:12px !important;
    padding:14px 14px 14px 16px !important;
}
.main-grid .glass-card:nth-child(1) .feature-icon,
.main-grid .glass-card:nth-child(4) .feature-icon,
.main-grid .glass-card:nth-child(5) .feature-icon,
.main-grid .glass-card:nth-child(6) .feature-icon {
    width:42px !important;
    height:42px !important;
    border-radius:13px !important;
}
.main-grid .glass-card:nth-child(1) .feature-icon::before,
.main-grid .glass-card:nth-child(4) .feature-icon::before,
.main-grid .glass-card:nth-child(5) .feature-icon::before,
.main-grid .glass-card:nth-child(6) .feature-icon::before { font-size:17px !important; }
.main-grid .glass-card:nth-child(1) h3,
.main-grid .glass-card:nth-child(4) h3,
.main-grid .glass-card:nth-child(5) h3,
.main-grid .glass-card:nth-child(6) h3 { font-size:14.5px !important; }
.main-grid .glass-card:nth-child(1) p,
.main-grid .glass-card:nth-child(4) p,
.main-grid .glass-card:nth-child(5) p,
.main-grid .glass-card:nth-child(6) p {
    font-size:10.3px !important;
    line-height:1.38 !important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.main-grid .glass-card:nth-child(1) .feature-meta,
.main-grid .glass-card:nth-child(4) .feature-meta,
.main-grid .glass-card:nth-child(5) .feature-meta,
.main-grid .glass-card:nth-child(6) .feature-meta { width:30px !important; height:30px !important; }
.main-grid .glass-card:nth-child(1) .feature-arrow,
.main-grid .glass-card:nth-child(4) .feature-arrow,
.main-grid .glass-card:nth-child(5) .feature-arrow,
.main-grid .glass-card:nth-child(6) .feature-arrow { width:30px !important; height:30px !important; font-size:14px !important; }

/* ================================================================
   PASS 12｜确认稿 1:1 视觉复刻（仅 CSS）
   目标：严格按已确认的“果味冰晶”首页视觉执行；不新增业务逻辑。
   ================================================================ */

/* ---------- Canvas / moving fruit-light atmosphere ---------- */
html,body{width:100%;min-height:100%;}
body{
  margin:0 !important;
  min-width:1180px;
  overflow-x:auto;
  color:#102a52 !important;
  background:
    radial-gradient(70vw 70vh at -8% 2%, rgba(69,188,255,.28), transparent 66%),
    radial-gradient(62vw 58vh at 104% -8%, rgba(218,145,244,.22), transparent 68%),
    radial-gradient(48vw 48vh at 102% 102%, rgba(255,180,118,.17), transparent 70%),
    radial-gradient(54vw 50vh at -8% 106%, rgba(80,112,244,.18), transparent 70%),
    linear-gradient(132deg,#dff6ff 0%,#edf5ff 34%,#f0f1ff 58%,#faeff8 79%,#fff2ea 100%) !important;
  isolation:isolate;
}
body::before,
body::after{
  content:"";
  position:fixed;
  inset:-16vh -12vw;
  z-index:-2;
  pointer-events:none;
  filter:saturate(112%);
  will-change:transform;
}
body::before{
  background:
    radial-gradient(36vw 34vh at 15% 16%, rgba(40,184,255,.34), transparent 66%),
    radial-gradient(32vw 28vh at 76% 10%, rgba(154,123,255,.23), transparent 66%),
    radial-gradient(30vw 28vh at 88% 78%, rgba(244,139,217,.20), transparent 67%),
    radial-gradient(24vw 24vh at 38% 92%, rgba(255,174,117,.14), transparent 70%);
  animation:fruitAmbientA 30s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}
body::after{
  z-index:-1;
  opacity:.78;
  background:
    radial-gradient(24vw 20vh at 18% 76%, rgba(66,224,237,.18), transparent 68%),
    radial-gradient(28vw 22vh at 58% 48%, rgba(99,132,255,.13), transparent 70%),
    radial-gradient(28vw 24vh at 91% 27%, rgba(255,176,210,.15), transparent 69%);
  animation:fruitAmbientB 38s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}
@keyframes fruitAmbientA{0%{transform:translate3d(-2%,0,0) scale(1)}45%{transform:translate3d(3%,2%,0) scale(1.035)}100%{transform:translate3d(-1%,5%,0) scale(1.02)}}
@keyframes fruitAmbientB{0%{transform:translate3d(2%,-2%,0) scale(1.04)}50%{transform:translate3d(-3%,3%,0) scale(1)}100%{transform:translate3d(4%,1%,0) scale(1.045)}}

/* ---------- remove outer app frame; exact composition ---------- */
.glass-container,
.glass-container--flex{
  width:100vw !important;
  min-height:100vh !important;
  max-width:none !important;
  margin:0 !important;
  padding:20px 24px 26px !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:210px minmax(0,1fr) !important;
  gap:22px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.glass-container::before,.glass-container::after{display:none !important;}

/* ---------- left rail ---------- */
.app-sidebar{
  position:relative !important;
  width:auto !important;
  height:calc(100vh - 46px) !important;
  min-height:820px !important;
  padding:20px 16px 18px !important;
  box-sizing:border-box !important;
  border-radius:23px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  background:
    radial-gradient(220px 250px at 12% 4%,rgba(99,205,255,.11),transparent 68%),
    radial-gradient(230px 220px at 12% 96%,rgba(98,117,246,.075),transparent 70%),
    linear-gradient(180deg,rgba(247,252,255,.56) 0%,rgba(239,248,255,.42) 64%,rgba(244,246,255,.38) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 24px 58px rgba(62,91,137,.055) !important;
  overflow:hidden !important;
}
.window-dots,.nav-section-label{display:none !important;}
.brand-block{padding:8px 6px 26px !important;margin:0 !important;border:0 !important;}
.brand-title{display:flex !important;align-items:center !important;gap:10px !important;color:#0b2b51 !important;font-size:20px !important;font-weight:700 !important;letter-spacing:-.02em !important;}
.brand-title>span:last-child{font-size:0 !important;}
.brand-title>span:last-child::after{content:"餐谋长";font-size:20px;font-weight:700;}
.brand-mark{
  width:42px !important;height:42px !important;min-width:42px !important;
  display:grid !important;place-items:center !important;
  font-size:0 !important;border-radius:12px !important;
  border:1px solid rgba(255,255,255,.84) !important;
  background:
    radial-gradient(circle at 29% 22%,rgba(255,255,255,.98) 0 8%,transparent 24%),
    radial-gradient(circle at 72% 29%,rgba(237,149,255,.82),transparent 30%),
    radial-gradient(circle at 28% 75%,rgba(61,209,255,.88),transparent 31%),
    linear-gradient(145deg,#77b9ff 0%,#866df5 52%,#f3a6dc 100%) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 8px 18px rgba(76,105,214,.15) !important;
}
.brand-mark::before{content:"";width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.85);box-shadow:inset -5px -3px 8px rgba(76,74,222,.16);}
.brand-subtitle{font-size:11px !important;color:#748da8 !important;margin:4px 0 0 52px !important;line-height:1.4 !important;}
.brand-subtitle{font-size:0 !important;}.brand-subtitle::after{content:"外卖运营助手";font-size:11px;}

.app-nav{display:flex !important;flex-direction:column !important;gap:8px !important;margin:0 !important;padding:0 !important;}
.nav-item{height:54px !important;padding:0 14px !important;border-radius:14px !important;gap:12px !important;color:#365b83 !important;font-size:14.5px !important;font-weight:500 !important;border:1px solid transparent !important;background:transparent !important;box-shadow:none !important;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease !important;}
.nav-item:nth-child(1){order:1}.nav-item:nth-child(3){order:2}.nav-item:nth-child(4){order:3}.nav-item:nth-child(5){order:4}.nav-item:nth-child(6){order:5}.nav-item:nth-child(7){order:6}.nav-item:nth-child(8){order:7}.nav-item:nth-child(2){order:8}.nav-item:nth-child(9){order:9}
.nav-item:nth-child(2){margin-top:14px !important;padding-top:0 !important;position:relative !important;}
.nav-item:nth-child(2)::before{content:"";position:absolute;left:4px;right:4px;top:-12px;height:1px;background:rgba(95,129,170,.12);}
.nav-item.active{
  color:#1675e8 !important;
  background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(247,252,255,.58)) !important;
  border-color:rgba(255,255,255,.86) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 10px 24px rgba(71,111,171,.07) !important;
}
.nav-item:hover{transform:translateX(1px) !important;background:rgba(255,255,255,.33) !important;border-color:rgba(255,255,255,.54) !important;}
.nav-icon{width:22px !important;height:22px !important;display:grid !important;place-items:center !important;color:#3a6697 !important;font-size:16px !important;background:transparent !important;border:0 !important;}
.nav-item.active .nav-icon{color:#1675e8 !important;}

.sidebar-foot{margin-top:auto !important;padding:0 !important;}
.privacy-note{position:relative !important;min-height:56px !important;padding:8px 0 8px 58px !important;background:transparent !important;border:0 !important;color:transparent !important;font-size:0 !important;box-shadow:none !important;}
.privacy-note::before{content:"";position:absolute;left:0;top:7px;width:45px;height:45px;border-radius:50%;background:radial-gradient(circle at 42% 68%,#103d68 0 18%,transparent 19%),radial-gradient(circle at 58% 50%,#4db9ff 0 17%,transparent 18%),radial-gradient(circle at 48% 34%,#d9f5ff 0 8%,transparent 9%),linear-gradient(145deg,#153c76,#3aa8e8 46%,#7dd7f6 58%,#193760 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.62),0 6px 15px rgba(38,83,130,.12)}
.privacy-note::after{content:"你好，餐饮人\A用数据，看见更大的生意";white-space:pre-line;position:absolute;left:58px;top:8px;color:#173e68;font-size:13px;font-weight:600;line-height:1.65;}
.privacy-dot{display:none !important;}

/* ---------- main / topbar ---------- */
.app-main{height:auto !important;min-height:calc(100vh - 46px) !important;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;overflow:visible !important;}
.app-topbar{position:relative !important;height:60px !important;min-height:60px !important;padding:0 8px 10px 0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;display:flex !important;align-items:flex-start !important;justify-content:space-between !important;overflow:visible !important;}
.page-heading-wrap{padding:8px 0 0 0 !important;}
.page-kicker{font-size:0 !important;color:#55748f !important;font-weight:500 !important;letter-spacing:0 !important;margin:0 !important;}
.page-kicker::after{content:"专业的外卖经营决策助手";font-size:13px;color:#57738f;font-weight:500;}
.page-title,.page-desc{display:none !important;}
.app-topbar::before{content:none;display:none;}
.topbar-actions{margin-left:auto !important;padding:0 !important;}
.integral-badge{height:44px !important;min-width:150px !important;padding:0 17px !important;border-radius:22px !important;border:1px solid rgba(255,255,255,.78) !important;background:rgba(251,247,255,.54) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 10px 24px rgba(95,83,152,.06) !important;color:#173b68 !important;font-size:13px !important;font-weight:700 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;}
.integral-badge::before{content:"◆";color:#2c8cff;font-size:14px;}

.app-content{position:relative !important;padding:14px 8px 0 0 !important;overflow:visible !important;}

/* ---------- hero: exact approved composition ---------- */
.home-hero{position:relative !important;min-height:318px !important;height:318px !important;display:block !important;overflow:hidden !important;border-radius:22px !important;border:1px solid rgba(255,255,255,.78) !important;background:
  radial-gradient(360px 210px at 75% 89%,rgba(76,188,255,.14),transparent 68%),
  radial-gradient(320px 190px at 85% 88%,rgba(237,124,223,.12),transparent 68%),
  radial-gradient(230px 130px at 68% 98%,rgba(255,173,111,.08),transparent 74%),
  linear-gradient(116deg,rgba(247,252,255,.65) 0%,rgba(231,246,255,.55) 43%,rgba(226,238,255,.49) 69%,rgba(247,236,252,.47) 100%) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 24px 58px rgba(55,87,142,.045) !important;}
.hero-copy{position:relative !important;z-index:3 !important;min-height:318px !important;padding:40px 500px 30px 64px !important;box-sizing:border-box !important;display:block !important;background:transparent !important;}
.hero-eyebrow{font-size:0 !important;margin:0 0 10px !important;}
.hero-eyebrow::after{content:"让每一家餐饮店都有自己的参谋长";font-size:14px;color:#486b93;font-weight:500;letter-spacing:.01em;}
.hero-title{font-size:0 !important;margin:0 0 12px !important;line-height:1 !important;color:#0a2b53 !important;max-width:none !important;}
.hero-title::after{content:"用数据看清外卖生意";font-size:43px;line-height:1.18;font-weight:760;letter-spacing:-.045em;color:#0b2a52;}
.hero-text{font-size:0 !important;margin:0 0 22px !important;max-width:none !important;}
.hero-text::after{content:"从调研、诊断到优化，给你更确定的增长路径";font-size:15px;color:#46698f;line-height:1.7;font-weight:500;}
.hero-flow{display:flex !important;align-items:center !important;gap:12px !important;margin-top:0 !important;}
.flow-arrow{display:none !important;}
.flow-chip{height:34px !important;padding:0 14px !important;border-radius:17px !important;border:1px solid rgba(255,255,255,.58) !important;background:rgba(233,247,255,.46) !important;color:transparent !important;font-size:0 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;display:flex !important;align-items:center !important;gap:7px !important;}
.flow-chip::before{content:"⌁";color:#2687ef;font-size:14px;}
.flow-chip:nth-of-type(1)::after{content:"真实数据"}.flow-chip:nth-of-type(2)::after{content:"AI 深度分析"}.flow-chip:nth-of-type(3)::after{content:"可落地建议"}.flow-chip:nth-of-type(4){display:none !important;}
.flow-chip::after{font-size:12px;color:#315f8e;font-weight:600;}

/* crystal lens: no extra DOM, purely decorative */
.home-hero::before{content:"" !important;position:absolute !important;right:177px !important;top:38px !important;width:210px !important;height:210px !important;border-radius:50% !important;background:
  radial-gradient(circle at 33% 24%,rgba(255,255,255,.98) 0 6%,rgba(255,255,255,.46) 15%,transparent 28%),
  radial-gradient(circle at 58% 66%,rgba(79,141,255,.58),transparent 44%),
  radial-gradient(circle at 72% 34%,rgba(205,135,255,.42),transparent 42%),
  radial-gradient(circle at 37% 74%,rgba(56,213,255,.30),transparent 40%),
  linear-gradient(145deg,rgba(255,255,255,.44),rgba(128,172,255,.24) 46%,rgba(235,166,255,.20) 76%,rgba(255,255,255,.40)) !important;border:1px solid rgba(255,255,255,.78) !important;box-shadow:inset 13px 9px 26px rgba(255,255,255,.66),inset -14px -14px 30px rgba(58,86,219,.17),0 22px 55px rgba(75,103,194,.13),0 0 28px rgba(255,156,230,.10) !important;filter:none !important;transform:none !important;animation:crystalBreath 9s ease-in-out infinite alternate !important;}
.home-hero::after{content:"" !important;position:absolute !important;right:124px !important;top:122px !important;width:310px !important;height:86px !important;border:1.5px solid rgba(255,255,255,.69) !important;border-radius:50% !important;transform:rotate(17deg) !important;background:transparent !important;box-shadow:0 0 22px rgba(106,167,255,.10),inset 0 0 18px rgba(255,255,255,.12) !important;animation:orbitFloat 14s ease-in-out infinite alternate !important;}
@keyframes crystalBreath{0%{transform:translateY(0) scale(1)}100%{transform:translateY(-5px) scale(1.018)}}
@keyframes orbitFloat{0%{transform:rotate(17deg) translateX(0)}100%{transform:rotate(19deg) translateX(7px)}}
.hero-copy::before{content:"" !important;display:block !important;position:absolute !important;right:183px !important;top:226px !important;width:222px !important;height:42px !important;border-radius:50% !important;background:radial-gradient(ellipse at center,rgba(85,186,255,.27),rgba(230,122,220,.13) 46%,rgba(255,174,115,.08) 62%,transparent 74%) !important;z-index:0 !important;animation:prismGlow 8s ease-in-out infinite alternate !important;}
.hero-copy::after{content:"数据\A洞察\A\A策略\A增长\A\A—\A\AC A N M O U Z H A N G" !important;display:block !important;white-space:pre-line !important;position:absolute !important;right:30px !important;top:40px !important;width:112px !important;color:#52729b !important;font-size:11px !important;line-height:1.72 !important;letter-spacing:.02em !important;text-align:center !important;z-index:4 !important;}
@keyframes prismGlow{0%{opacity:.72;transform:scale(.96)}100%{opacity:1;transform:scale(1.05)}}
.hero-copy>*{position:relative !important;z-index:3 !important;}
.hero-side{position:absolute !important;z-index:5 !important;right:350px !important;top:129px !important;width:205px !important;min-height:114px !important;padding:18px 18px !important;box-sizing:border-box !important;border-radius:16px !important;border:1px solid rgba(255,255,255,.77) !important;background:linear-gradient(145deg,rgba(248,252,255,.50),rgba(237,247,255,.29)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 18px 42px rgba(57,91,158,.055) !important;}
.hero-side-label{font-size:0 !important;}.hero-side-label::after{content:"洞察";font-size:12px;color:#55779c;font-weight:600;}
.hero-side-title{font-size:0 !important;margin-top:5px !important;}.hero-side-title::after{content:"更大的生意机会";font-size:14px;line-height:1.55;color:#204e7c;font-weight:700;}
.hero-side-list{display:none !important;}

/* ---------- sections / exact two-tier cards ---------- */
.section-head{height:58px !important;margin:0 !important;padding:0 2px 0 2px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;border:0 !important;}
.section-title{position:relative !important;font-size:0 !important;margin:0 !important;padding-left:26px !important;color:#0d3159 !important;}
.section-title::before{content:"";position:absolute;left:0;top:1px;width:5px;height:22px;border-radius:5px;background:#24a7ff;box-shadow:0 0 10px rgba(36,167,255,.28);}
.section-title::after{content:"核心功能";font-size:18px;color:#0d3159;font-weight:750;letter-spacing:-.02em;}
.section-note{font-size:0 !important;color:#718aa5 !important;}.section-note::after{content:"从市场洞察到经营优化，助你稳步增长";font-size:12px;color:#718aa5;}
.main-grid{position:relative !important;display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;grid-template-rows:202px 128px !important;gap:70px 18px !important;margin:0 !important;padding:0 0 54px !important;overflow:visible !important;}
.main-grid::before{content:"更多功能";position:absolute;left:2px;top:225px;color:#0d3159;font-size:17px;font-weight:740;padding-left:26px;line-height:22px;}
.main-grid::after{content:"“ 更聪明地经营，才能走得更远。 ”";position:absolute;left:22px;bottom:1px;color:rgba(58,100,153,.48);font-size:19px;font-weight:600;letter-spacing:.01em;}
.main-grid::before{border-left:5px solid #24a7ff;border-radius:3px;padding-left:20px;}

.main-grid .glass-card{position:relative !important;border-radius:18px !important;border:1px solid rgba(255,255,255,.78) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 22px 48px rgba(55,87,142,.045) !important;overflow:hidden !important;color:#15375e !important;text-decoration:none !important;}
.main-grid .glass-card::before{display:none !important;}
.main-grid .glass-card:nth-child(2){grid-column:1 / 3 !important;grid-row:1 !important;background:radial-gradient(240px 170px at 7% 100%,rgba(49,211,255,.13),transparent 72%),linear-gradient(140deg,rgba(246,252,255,.63),rgba(239,250,255,.49)) !important;}
.main-grid .glass-card:nth-child(3){grid-column:3 / 5 !important;grid-row:1 !important;background:radial-gradient(280px 180px at 13% 100%,rgba(186,114,255,.14),transparent 72%),linear-gradient(140deg,rgba(253,248,255,.63),rgba(248,242,255,.51)) !important;}
.main-grid .glass-card:nth-child(4){grid-column:1 !important;grid-row:2 !important;background:linear-gradient(138deg,rgba(255,251,247,.69),rgba(255,247,242,.47)) !important;}
.main-grid .glass-card:nth-child(5){grid-column:2 !important;grid-row:2 !important;background:linear-gradient(138deg,rgba(247,252,255,.66),rgba(240,249,255,.47)) !important;}
.main-grid .glass-card:nth-child(1){grid-column:3 !important;grid-row:2 !important;background:linear-gradient(138deg,rgba(247,255,252,.63),rgba(239,253,248,.46)) !important;}
.main-grid .glass-card:nth-child(6){grid-column:4 !important;grid-row:2 !important;background:linear-gradient(138deg,rgba(255,253,246,.68),rgba(255,249,237,.47)) !important;}
.main-grid a.glass-card:hover{transform:translateY(-2px) !important;border-color:rgba(255,255,255,.98) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 28px 58px rgba(55,87,142,.075) !important;}

/* large cards */
.main-grid .glass-card:nth-child(2),.main-grid .glass-card:nth-child(3){display:grid !important;grid-template-columns:118px minmax(0,1fr) 50px !important;grid-template-rows:auto auto !important;column-gap:24px !important;align-content:center !important;align-items:center !important;padding:25px 28px 25px 38px !important;}
.main-grid .glass-card:nth-child(2) .feature-icon,.main-grid .glass-card:nth-child(3) .feature-icon{grid-column:1 !important;grid-row:1 / span 2 !important;position:relative !important;width:104px !important;height:104px !important;border-radius:22px !important;display:grid !important;place-items:center !important;font-size:0 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 16px 28px rgba(65,111,180,.12) !important;}
.main-grid .glass-card:nth-child(2) .feature-icon{background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.98),transparent 24%),linear-gradient(145deg,#5be9f5 0%,#36b8ef 58%,#5ea9ff 100%) !important;}
.main-grid .glass-card:nth-child(3) .feature-icon{background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.98),transparent 24%),linear-gradient(145deg,#d087ff 0%,#8c5cff 58%,#6559f3 100%) !important;}
.main-grid .glass-card:nth-child(2) .feature-icon::before{content:"" !important;width:47px !important;height:38px !important;border:3px solid rgba(255,255,255,.93) !important;border-radius:7px !important;box-sizing:border-box !important;position:absolute !important;left:23px !important;top:26px !important;box-shadow:inset 0 0 0 1px rgba(46,145,213,.12) !important;}
.main-grid .glass-card:nth-child(2) .feature-icon::after{content:"" !important;display:block !important;position:absolute !important;width:33px !important;height:33px !important;border:4px solid rgba(255,255,255,.94) !important;border-radius:50% !important;right:12px !important;bottom:12px !important;box-sizing:border-box !important;box-shadow:8px 8px 0 -6px rgba(255,255,255,.94) !important;}
.main-grid .glass-card:nth-child(3) .feature-icon::before{content:"" !important;width:54px !important;height:54px !important;background:linear-gradient(to top,rgba(255,255,255,.96) 0 100%) 0 100%/10px 24px no-repeat,linear-gradient(to top,rgba(255,255,255,.96) 0 100%) 20px 100%/10px 38px no-repeat,linear-gradient(to top,rgba(255,255,255,.96) 0 100%) 40px 100%/10px 51px no-repeat !important;position:absolute !important;bottom:23px !important;left:25px !important;}
.main-grid .glass-card:nth-child(3) .feature-icon::after{content:"" !important;display:block !important;position:absolute !important;left:19px !important;right:19px !important;bottom:20px !important;height:3px !important;border-radius:4px !important;background:rgba(255,255,255,.92) !important;}
.main-grid .glass-card:nth-child(2) h3,.main-grid .glass-card:nth-child(3) h3{grid-column:2 !important;grid-row:1 !important;align-self:end !important;margin:0 0 3px !important;font-size:21px !important;line-height:1.25 !important;color:#0c2b52 !important;font-weight:760 !important;}
.main-grid .glass-card:nth-child(2) p,.main-grid .glass-card:nth-child(3) p{grid-column:2 !important;grid-row:2 !important;align-self:start !important;margin:0 !important;font-size:0 !important;color:#4b7198 !important;line-height:1.65 !important;max-width:330px !important;}
.main-grid .glass-card:nth-child(2) p::before{content:"看清市场，找准机会";display:block;font-size:14px;color:#1c8cf0;font-weight:650;margin-bottom:9px;}
.main-grid .glass-card:nth-child(2) p::after{content:"分析商圈、竞品与用户，\A把握真实的市场情况";white-space:pre-line;font-size:13px;color:#587694;}
.main-grid .glass-card:nth-child(3) p::before{content:"快速定位，明确方向";display:block;font-size:14px;color:#694df3;font-weight:650;margin-bottom:9px;}
.main-grid .glass-card:nth-child(3) p::after{content:"从流量、转化、客单三档\A诊断店铺经营问题";white-space:pre-line;font-size:13px;color:#657495;}
.main-grid .glass-card:nth-child(2) .feature-meta,.main-grid .glass-card:nth-child(3) .feature-meta{grid-column:3 !important;grid-row:1 / span 2 !important;align-self:center !important;justify-self:end !important;display:grid !important;place-items:center !important;margin:0 !important;border:0 !important;padding:0 !important;}
.main-grid .glass-card:nth-child(2) .feature-meta>span:first-child,.main-grid .glass-card:nth-child(3) .feature-meta>span:first-child{display:none !important;}
.feature-arrow{font-size:0 !important;width:44px !important;height:44px !important;border-radius:50% !important;border:1px solid rgba(255,255,255,.68) !important;background:rgba(118,174,255,.20) !important;display:grid !important;place-items:center !important;color:#177ee4 !important;transition:transform .22s ease !important;}
.feature-arrow::before{content:"→";font-size:20px;line-height:1;}
.main-grid .glass-card:nth-child(3) .feature-arrow{background:rgba(135,94,255,.18) !important;color:#5c3ff0 !important;}

/* small cards */
.main-grid .glass-card:nth-child(1),.main-grid .glass-card:nth-child(4),.main-grid .glass-card:nth-child(5),.main-grid .glass-card:nth-child(6){display:grid !important;grid-template-columns:62px minmax(0,1fr) 34px !important;grid-template-rows:auto auto !important;gap:2px 14px !important;align-content:center !important;align-items:center !important;padding:18px 18px !important;}
.main-grid .glass-card:nth-child(1) .feature-icon,.main-grid .glass-card:nth-child(4) .feature-icon,.main-grid .glass-card:nth-child(5) .feature-icon,.main-grid .glass-card:nth-child(6) .feature-icon{grid-column:1 !important;grid-row:1 / span 2 !important;width:52px !important;height:52px !important;border-radius:14px !important;display:grid !important;place-items:center !important;font-size:0 !important;position:relative !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 8px 18px rgba(69,101,154,.08) !important;}
.main-grid .glass-card:nth-child(4) .feature-icon{background:linear-gradient(145deg,rgba(255,196,147,.76),rgba(255,236,218,.62)) !important;color:#ff8247 !important;}
.main-grid .glass-card:nth-child(5) .feature-icon{background:linear-gradient(145deg,rgba(131,205,255,.74),rgba(224,244,255,.64)) !important;color:#258eea !important;}
.main-grid .glass-card:nth-child(1) .feature-icon{background:linear-gradient(145deg,rgba(113,232,194,.68),rgba(228,255,246,.64)) !important;color:#1dbb88 !important;}
.main-grid .glass-card:nth-child(6) .feature-icon{background:linear-gradient(145deg,rgba(255,216,117,.68),rgba(255,247,218,.68)) !important;color:#f1aa25 !important;}
.main-grid .glass-card:nth-child(4) .feature-icon::before{content:"▤" !important;font-size:25px !important;color:#ff8247 !important;}
.main-grid .glass-card:nth-child(5) .feature-icon::before{content:"◷" !important;font-size:29px !important;color:#238de8 !important;}
.main-grid .glass-card:nth-child(1) .feature-icon::before{content:"▥" !important;font-size:27px !important;color:#1dbb88 !important;}
.main-grid .glass-card:nth-child(6) .feature-icon::before{content:"◆" !important;font-size:26px !important;color:#f1aa25 !important;}
.main-grid .glass-card:nth-child(1) h3,.main-grid .glass-card:nth-child(4) h3,.main-grid .glass-card:nth-child(5) h3,.main-grid .glass-card:nth-child(6) h3{grid-column:2 !important;grid-row:1 !important;align-self:end !important;margin:0 !important;font-size:14px !important;line-height:1.3 !important;color:#18375c !important;font-weight:730 !important;}
.main-grid .glass-card:nth-child(1) p,.main-grid .glass-card:nth-child(4) p,.main-grid .glass-card:nth-child(5) p,.main-grid .glass-card:nth-child(6) p{grid-column:2 !important;grid-row:2 !important;align-self:start !important;margin:0 !important;font-size:11px !important;line-height:1.45 !important;color:#7389a4 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
.main-grid .glass-card:nth-child(1) .feature-meta,.main-grid .glass-card:nth-child(4) .feature-meta,.main-grid .glass-card:nth-child(5) .feature-meta,.main-grid .glass-card:nth-child(6) .feature-meta{grid-column:3 !important;grid-row:1 / span 2 !important;display:grid !important;place-items:center !important;margin:0 !important;border:0 !important;padding:0 !important;}
.main-grid .glass-card:nth-child(1) .feature-meta>span:first-child,.main-grid .glass-card:nth-child(4) .feature-meta>span:first-child,.main-grid .glass-card:nth-child(5) .feature-meta>span:first-child,.main-grid .glass-card:nth-child(6) .feature-meta>span:first-child{display:none !important;}
.main-grid .glass-card:nth-child(1) .feature-arrow,.main-grid .glass-card:nth-child(4) .feature-arrow,.main-grid .glass-card:nth-child(5) .feature-arrow,.main-grid .glass-card:nth-child(6) .feature-arrow{width:32px !important;height:32px !important;background:rgba(255,255,255,.45) !important;border-color:rgba(255,255,255,.68) !important;}
.main-grid .glass-card:nth-child(1) .feature-arrow::before,.main-grid .glass-card:nth-child(4) .feature-arrow::before,.main-grid .glass-card:nth-child(5) .feature-arrow::before,.main-grid .glass-card:nth-child(6) .feature-arrow::before{font-size:15px !important;}

.app-content::after{content:"—  餐谋长 · 陪你做好每一家店";display:block;text-align:right;padding:10px 12px 6px;font-size:12px;color:#7590ad;letter-spacing:.02em;} /* 改为文档流，避免长页面滚动时压在内容上 */

/* ---------- unified rest of site: same background / side rail ---------- */
.glass-card,.result-box,.form-panel,.content-panel,.report-panel,.stat-card,.balance-card,.rules-card,.history-item,.guide-step,.radio-item{border-color:rgba(255,255,255,.68) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 18px 42px rgba(55,87,142,.045) !important;}
.btn-primary{border:1px solid rgba(255,255,255,.58) !important;background:linear-gradient(135deg,#4998ff 0%,#6b73f2 49%,#795be7 100%) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 14px 28px rgba(76,92,216,.15) !important;}

@media (max-width:1260px){
  .glass-container,.glass-container--flex{grid-template-columns:190px minmax(0,1fr) !important;padding:14px 16px 20px !important;gap:14px !important;}
  .app-sidebar{height:calc(100vh - 34px) !important;min-height:760px !important;padding:16px 12px !important;}
  .app-topbar::before{width:300px !important;right:175px !important;}
  .hero-copy{padding-right:430px !important;padding-left:44px !important;}
  .home-hero::before{right:128px !important;width:190px !important;height:190px !important;}
  .home-hero::after{right:88px !important;width:275px !important;}
  .hero-side{right:282px !important;}
}
@media (prefers-reduced-motion:reduce){body::before,body::after,.home-hero::before,.home-hero::after,.hero-copy::before{animation:none !important;}}

/* ================================================================
   PASS 13｜确认稿像素级校正（仅 UI / CSS + 视觉资源）
   依据：用户确认的「餐谋长数据运营助手仪表盘」视觉母版。
   不修改 HTML、DOM、JS、业务逻辑、功能、接口或事件。
   ================================================================ */

/* 1. Canvas proportions: match the approved 1567×1004 composition */
body{
  min-width:1180px !important;
  min-height:100vh !important;
  background:
    radial-gradient(70vw 58vh at 4% 0%,rgba(65,190,255,.25),transparent 64%),
    radial-gradient(62vw 54vh at 96% 1%,rgba(218,146,246,.20),transparent 67%),
    radial-gradient(56vw 46vh at 93% 98%,rgba(255,184,127,.16),transparent 70%),
    radial-gradient(52vw 48vh at 3% 98%,rgba(87,118,244,.17),transparent 70%),
    linear-gradient(132deg,#e0f7ff 0%,#eaf5ff 31%,#edf1ff 57%,#f8eef9 79%,#fff1e7 100%) !important;
}
body::before{opacity:.74 !important;filter:saturate(118%) !important;}
body::after{opacity:.62 !important;filter:saturate(112%) !important;}

.glass-container,.glass-container--flex{
  width:100vw !important;
  min-height:100vh !important;
  grid-template-columns:195px minmax(0,1fr) !important;
  gap:44px !important;
  padding:18px 20px 28px 20px !important;
  margin:0 !important;
}
.app-main{min-width:0 !important;width:100% !important;min-height:0 !important;}

/* 2. Sidebar: same width, air, grouping and placement */
.app-sidebar{
  height:calc(100vh - 70px) !important;
  min-height:900px !important;
  padding:17px 12px 16px !important;
  border-radius:21px !important;
  background:
    radial-gradient(180px 220px at 18% 6%,rgba(96,202,255,.10),transparent 68%),
    radial-gradient(180px 220px at 18% 94%,rgba(100,116,246,.07),transparent 70%),
    linear-gradient(180deg,rgba(249,253,255,.53),rgba(238,247,255,.37) 72%,rgba(242,245,255,.34)) !important;
  border:1px solid rgba(255,255,255,.69) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90),0 20px 52px rgba(58,91,143,.045) !important;
}
.brand-block{padding:8px 4px 25px !important;}
.brand-title{gap:10px !important;font-size:19px !important;}
.brand-mark{
  width:46px !important;height:46px !important;min-width:46px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.40) url('../assets/ui/brand-orb.png') center/cover no-repeat !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 7px 18px rgba(75,96,199,.10) !important;
}
.brand-mark::before{display:none !important;}
.brand-title>span:last-child::after{font-size:20px !important;}
.brand-subtitle{margin:3px 0 0 56px !important;}
.app-nav{gap:5px !important;}
.nav-item{height:58px !important;padding:0 12px !important;border-radius:15px !important;font-size:14px !important;gap:12px !important;}
.nav-item:nth-child(2){margin-top:16px !important;}
.nav-item:nth-child(2)::before{top:-14px !important;left:5px !important;right:5px !important;background:rgba(83,122,165,.10) !important;}
.nav-item.active{background:rgba(255,255,255,.56) !important;border-color:rgba(255,255,255,.80) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 26px rgba(61,103,164,.055) !important;}
.nav-icon{font-size:17px !important;color:#376995 !important;}
.sidebar-foot{margin-top:auto !important;}
.privacy-note::before{width:48px !important;height:48px !important;background:url('../assets/ui/avatar.png') center/cover no-repeat !important;box-shadow:none !important;}
.privacy-note::after{left:57px !important;top:9px !important;font-size:12px !important;line-height:1.55 !important;}

/* 3. Header: exact spacing and proportions */
.app-topbar{
  height:76px !important;
  min-height:76px !important;
  padding:1px 5px 12px 0 !important;
  align-items:flex-start !important;
}
.page-heading-wrap{padding:12px 0 0 0 !important;}
.page-kicker::after{font-size:13px !important;color:#5b7693 !important;}
.app-topbar::before{
  right:190px !important;top:0 !important;width:380px !important;height:44px !important;
  padding:0 19px !important;border-radius:22px !important;
  background:rgba(248,252,255,.45) !important;border-color:rgba(255,255,255,.68) !important;
  color:#8194ad !important;font-size:12px !important;
}
.integral-badge{
  height:44px !important;min-width:160px !important;padding:0 18px !important;border-radius:22px !important;
  background:rgba(252,248,255,.50) !important;border-color:rgba(255,255,255,.72) !important;
  font-size:13.5px !important;color:#17385f !important;
}
.app-content{padding:0 !important;}

/* 4. Hero: use the exact approved crystal artwork, not a CSS approximation */
.home-hero{
  height:320px !important;min-height:320px !important;border-radius:21px !important;
  background:
    radial-gradient(390px 230px at 75% 88%,rgba(75,188,255,.12),transparent 70%),
    radial-gradient(360px 210px at 87% 86%,rgba(239,122,222,.10),transparent 69%),
    linear-gradient(116deg,rgba(249,253,255,.61) 0%,rgba(231,246,255,.52) 42%,rgba(225,239,255,.48) 69%,rgba(248,236,251,.46) 100%) !important;
  border-color:rgba(255,255,255,.72) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 22px 54px rgba(54,85,139,.038) !important;
}
.hero-copy{min-height:320px !important;padding:43px 610px 28px 68px !important;}
.hero-eyebrow{margin-bottom:12px !important;}
.hero-eyebrow::after{font-size:14px !important;color:#466c92 !important;}
.hero-title::after{font-size:45px !important;line-height:1.12 !important;font-weight:760 !important;letter-spacing:-.045em !important;}
.hero-text{margin-bottom:23px !important;}
.hero-text::after{font-size:15px !important;color:#496c91 !important;}
.hero-flow{gap:11px !important;}
.flow-chip{height:32px !important;padding:0 13px !important;border-radius:16px !important;background:rgba(232,246,255,.44) !important;}
.flow-chip::before{font-size:13px !important;}
.flow-chip::after{font-size:11.5px !important;}
.home-hero::before{
  content:"" !important;
  position:absolute !important;
  right:162px !important;
  top:8px !important;
  width:455px !important;
  height:304px !important;
  border:0 !important;border-radius:0 !important;
  background:url('../assets/ui/hero-crystal.png') center/contain no-repeat !important;
  box-shadow:none !important;filter:none !important;
  animation:approvedCrystalFloat 14s ease-in-out infinite alternate !important;
  z-index:2 !important;
}
.home-hero::after,.hero-copy::before{display:none !important;}
@keyframes approvedCrystalFloat{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(3px,-3px,0)}}
.hero-copy::after{
  right:25px !important;top:44px !important;width:100px !important;
  content:"数据\A洞察\A\A策略\A增长\A\A—\A\AC A N M O U Z H A N G" !important;
  color:#55769b !important;font-size:10.5px !important;line-height:1.75 !important;letter-spacing:.09em !important;
}
.hero-side{display:none !important;}

/* 5. Section headings: align to approved image */
.section-head{height:75px !important;padding:0 2px !important;align-items:center !important;}
.section-title{padding-left:27px !important;}
.section-title::before{width:5px !important;height:23px !important;}
.section-title::after{font-size:18px !important;}
.section-note::after{font-size:12px !important;color:#728ca7 !important;}

/* 6. Card architecture: same 2 large + 4 compact composition */
.main-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-template-rows:202px 128px !important;
  column-gap:18px !important;row-gap:66px !important;
  padding:0 0 67px !important;
}
.main-grid::before{top:225px !important;left:2px !important;font-size:17px !important;}
.main-grid::after{left:22px !important;bottom:7px !important;font-size:19px !important;color:rgba(61,104,157,.46) !important;}
.main-grid .glass-card{border-radius:18px !important;border-color:rgba(255,255,255,.72) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 20px 46px rgba(55,87,142,.040) !important;}

/* Primary cards */
.main-grid .glass-card:nth-child(2),.main-grid .glass-card:nth-child(3){
  grid-template-columns:150px minmax(0,1fr) 48px !important;
  column-gap:30px !important;padding:22px 26px 22px 32px !important;
}
.main-grid .glass-card:nth-child(2) .feature-icon,.main-grid .glass-card:nth-child(3) .feature-icon{
  width:145px !important;height:145px !important;border-radius:0 !important;background-color:transparent !important;
  background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important;
  box-shadow:none !important;
}
.main-grid .glass-card:nth-child(2) .feature-icon{background-image:url('../assets/ui/survey-icon.png') !important;}
.main-grid .glass-card:nth-child(3) .feature-icon{background-image:url('../assets/ui/analysis-icon.png') !important;}
.main-grid .glass-card:nth-child(2) .feature-icon::before,.main-grid .glass-card:nth-child(2) .feature-icon::after,
.main-grid .glass-card:nth-child(3) .feature-icon::before,.main-grid .glass-card:nth-child(3) .feature-icon::after{display:none !important;}
.main-grid .glass-card:nth-child(2) h3,.main-grid .glass-card:nth-child(3) h3{font-size:21px !important;margin-bottom:4px !important;color:#0a2b52 !important;}
.main-grid .glass-card:nth-child(2) p::before,.main-grid .glass-card:nth-child(3) p::before{font-size:14px !important;margin-bottom:10px !important;}
.main-grid .glass-card:nth-child(2) p::after,.main-grid .glass-card:nth-child(3) p::after{font-size:13px !important;line-height:1.65 !important;}
.feature-arrow{width:44px !important;height:44px !important;}

/* Compact cards */
.main-grid .glass-card:nth-child(1),.main-grid .glass-card:nth-child(4),.main-grid .glass-card:nth-child(5),.main-grid .glass-card:nth-child(6){
  grid-template-columns:76px minmax(0,1fr) 32px !important;
  gap:2px 12px !important;padding:14px 14px 14px 16px !important;
}
.main-grid .glass-card:nth-child(1) .feature-icon,.main-grid .glass-card:nth-child(4) .feature-icon,.main-grid .glass-card:nth-child(5) .feature-icon,.main-grid .glass-card:nth-child(6) .feature-icon{
  width:72px !important;height:68px !important;border-radius:0 !important;background-color:transparent !important;
  background-position:center !important;background-size:contain !important;background-repeat:no-repeat !important;
  box-shadow:none !important;
}
.main-grid .glass-card:nth-child(4) .feature-icon{background-image:url('../assets/ui/menu-icon.png') !important;}
.main-grid .glass-card:nth-child(5) .feature-icon{background-image:url('../assets/ui/history-icon.png') !important;}
.main-grid .glass-card:nth-child(1) .feature-icon{background-image:url('../assets/ui/guide-icon.png') !important;}
.main-grid .glass-card:nth-child(6) .feature-icon{background-image:url('../assets/ui/points-icon.png') !important;}
.main-grid .glass-card:nth-child(1) .feature-icon::before,.main-grid .glass-card:nth-child(4) .feature-icon::before,.main-grid .glass-card:nth-child(5) .feature-icon::before,.main-grid .glass-card:nth-child(6) .feature-icon::before{display:none !important;}
.main-grid .glass-card:nth-child(1) h3,.main-grid .glass-card:nth-child(4) h3,.main-grid .glass-card:nth-child(5) h3,.main-grid .glass-card:nth-child(6) h3{font-size:14px !important;}
.main-grid .glass-card:nth-child(1) p,.main-grid .glass-card:nth-child(4) p,.main-grid .glass-card:nth-child(5) p,.main-grid .glass-card:nth-child(6) p{font-size:10.8px !important;line-height:1.45 !important;color:#738aa4 !important;}
.main-grid .glass-card:nth-child(1) .feature-arrow,.main-grid .glass-card:nth-child(4) .feature-arrow,.main-grid .glass-card:nth-child(5) .feature-arrow,.main-grid .glass-card:nth-child(6) .feature-arrow{width:31px !important;height:31px !important;}

/* 7. Footer signature */
.app-content::after{right:8px !important;bottom:5px !important;font-size:12px !important;color:#7892ad !important;}

/* Match the reference desktop density rather than shrinking too early */
@media (max-width:1260px){
  .glass-container,.glass-container--flex{grid-template-columns:185px minmax(0,1fr) !important;gap:30px !important;padding:16px !important;}
  .app-sidebar{height:calc(100vh - 36px) !important;min-height:800px !important;}
  .app-topbar::before{right:170px !important;width:310px !important;}
  .hero-copy{padding-left:45px !important;padding-right:500px !important;}
  .home-hero::before{right:95px !important;width:410px !important;height:275px !important;top:20px !important;}
  .hero-copy::after{right:12px !important;}
  .main-grid .glass-card:nth-child(2),.main-grid .glass-card:nth-child(3){grid-template-columns:125px minmax(0,1fr) 42px !important;column-gap:20px !important;padding-left:24px !important;}
  .main-grid .glass-card:nth-child(2) .feature-icon,.main-grid .glass-card:nth-child(3) .feature-icon{width:120px !important;height:120px !important;}
}

/* ========================================================================
   APPROVED VISUAL MASTER — pixel correction pass v3
   UI-ONLY override. No HTML/JS/business DOM changes.
   ======================================================================== */

/* Canvas / composition */
html,body{width:100%;min-width:1200px;min-height:100%;}
body{
  margin:0!important;
  min-height:100vh!important;
  overflow-x:hidden!important;
  color:#12355d!important;
  background:
    radial-gradient(38vw 34vw at -4% 86%,rgba(52,210,255,.25),transparent 62%),
    radial-gradient(34vw 30vw at 18% 102%,rgba(113,118,255,.18),transparent 68%),
    radial-gradient(31vw 28vw at 64% 92%,rgba(106,217,243,.13),transparent 70%),
    radial-gradient(33vw 29vw at 94% 3%,rgba(255,160,213,.20),transparent 68%),
    radial-gradient(28vw 24vw at 78% 36%,rgba(150,133,255,.13),transparent 70%),
    linear-gradient(117deg,#d9f4ff 0%,#eaf5ff 34%,#e8ecff 66%,#fff0f5 100%)!important;
}
body::before,body::after{
  content:""!important;position:fixed!important;inset:-10%!important;pointer-events:none!important;z-index:-2!important;
  transform:translateZ(0);will-change:transform;
}
body::before{
  background:
    radial-gradient(31vw 24vw at 16% 12%,rgba(35,190,255,.17),transparent 68%),
    radial-gradient(29vw 24vw at 43% 5%,rgba(134,112,255,.11),transparent 68%),
    radial-gradient(27vw 22vw at 86% 17%,rgba(255,141,204,.14),transparent 68%),
    radial-gradient(25vw 20vw at 58% 89%,rgba(255,187,139,.10),transparent 70%);
  filter:saturate(112%);
  animation:approvedAmbientA 34s ease-in-out infinite alternate;
}
body::after{
  background:
    radial-gradient(24vw 18vw at 4% 78%,rgba(42,211,242,.13),transparent 68%),
    radial-gradient(27vw 21vw at 72% 51%,rgba(120,133,255,.09),transparent 70%),
    radial-gradient(25vw 19vw at 98% 69%,rgba(255,181,195,.10),transparent 70%);
  
  animation:approvedAmbientB 43s ease-in-out infinite alternate;
}
@keyframes approvedAmbientA{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02)}50%{transform:translate3d(2.2%,1.7%,0) scale(1.045)}100%{transform:translate3d(-.6%,3%,0) scale(1.025)}}
@keyframes approvedAmbientB{0%{transform:translate3d(1%,-1%,0) scale(1.03)}100%{transform:translate3d(-2.2%,2.5%,0) scale(1.06)}}

.glass-container,.glass-container--flex{
  width:100vw!important;max-width:none!important;min-height:100vh!important;
  margin:0!important;padding:20px 24px 26px!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;gap:48px!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}

/* Sidebar */
.app-sidebar{
  width:190px!important;height:calc(100vh - 44px)!important;min-height:870px!important;
  padding:20px 16px 18px!important;border-radius:22px!important;
  border:1px solid rgba(255,255,255,.72)!important;
  background:
    radial-gradient(190px 240px at 0% 3%,rgba(63,205,255,.085),transparent 72%),
    radial-gradient(220px 220px at 10% 100%,rgba(92,107,244,.075),transparent 72%),
    linear-gradient(180deg,rgba(247,253,255,.52),rgba(240,249,255,.39) 63%,rgba(246,246,255,.34))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 18px 46px rgba(49,78,128,.035)!important;
}
.brand-block{padding:4px 6px 28px!important;}
.brand-title{gap:10px!important;font-size:20px!important;font-weight:720!important;color:#0c315c!important;}
.brand-mark{
  width:44px!important;height:44px!important;min-width:44px!important;border-radius:12px!important;font-size:0!important;
  background:url('../assets/ui/brand-orb.png') center/cover no-repeat!important;
  border:0!important;box-shadow:none!important;
}
.brand-title>span:last-child{font-size:0!important;}
.brand-title>span:last-child::after{content:"餐谋长"!important;font-size:20px!important;}
.brand-subtitle{margin:3px 0 0 54px!important;font-size:11px!important;color:#607d9a!important;}
.app-nav{gap:5px!important;}
.nav-item{
  height:56px!important;padding:0 14px!important;border-radius:15px!important;
  color:#345f89!important;font-size:14px!important;font-weight:560!important;border:1px solid transparent!important;
}
.nav-item.active{
  background:rgba(255,255,255,.56)!important;border-color:rgba(255,255,255,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),0 9px 24px rgba(66,104,157,.045)!important;color:#1674dc!important;
}
.nav-icon{font-size:18px!important;color:#356b9f!important;width:24px!important;text-align:center!important;}
.nav-item.active .nav-icon{color:#1580ef!important;}
.nav-item:nth-child(7){margin-bottom:16px!important;}
.nav-item:nth-child(7){position:relative!important;}
.nav-item:nth-child(7)::before{content:""!important;position:absolute!important;left:4px!important;right:4px!important;top:-17px!important;height:1px!important;background:rgba(69,111,153,.09)!important;}
.sidebar-foot{margin-top:auto!important;}
.privacy-note{min-height:56px!important;padding-left:58px!important;}
.privacy-note::before{width:46px!important;height:46px!important;top:7px!important;background:url('../assets/ui/avatar.png') center/cover no-repeat!important;border:0!important;box-shadow:none!important;}
.privacy-note::after{content:"你好，餐饮人\A用数据，看见更大的生意"!important;left:57px!important;top:8px!important;font-size:11px!important;line-height:1.62!important;color:#244a73!important;font-weight:600!important;}

/* Main and toolbar */
.app-main{min-width:0!important;position:relative!important;}
.app-topbar{height:74px!important;min-height:74px!important;padding:0!important;position:relative!important;display:block!important;}
.page-heading-wrap{display:block!important;position:absolute!important;left:0!important;top:20px!important;padding:0!important;margin:0!important;}
.page-kicker{display:block!important;font-size:0!important;}
.page-kicker::after{content:"专业的外卖经营决策助手"!important;font-size:13px!important;color:#5f7996!important;font-weight:500!important;}
.page-title,.page-desc{display:none!important;}
.app-topbar::before{
  content:none!important;display:none!important;
}
.topbar-actions{position:absolute!important;right:0!important;top:0!important;}
.integral-badge{
  height:45px!important;min-width:162px!important;padding:0 18px!important;border-radius:23px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.74)!important;background:rgba(253,247,255,.46)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92)!important;color:#16385f!important;font-size:13.5px!important;font-weight:650!important;
}
.integral-badge::before{content:"◆";color:#2f8fff;margin-right:7px;font-size:12px;}
.app-content{padding:0!important;position:relative!important;}

/* Hero */
.home-hero{
  height:320px!important;min-height:320px!important;border-radius:21px!important;overflow:hidden!important;position:relative!important;
  border:1px solid rgba(255,255,255,.73)!important;
  background:
    radial-gradient(500px 240px at 76% 93%,rgba(56,191,255,.13),transparent 68%),
    radial-gradient(360px 210px at 88% 85%,rgba(247,128,220,.10),transparent 69%),
    linear-gradient(118deg,rgba(249,253,255,.58),rgba(229,246,255,.50) 43%,rgba(222,239,255,.45) 72%,rgba(248,237,251,.44))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 18px 46px rgba(50,83,133,.032)!important;
}
.hero-copy{min-height:320px!important;padding:43px 620px 28px 68px!important;position:relative!important;z-index:3!important;}
.hero-eyebrow{font-size:0!important;margin:0 0 11px!important;}
.hero-eyebrow::after{content:"让每一家餐饮店都有自己的参谋长"!important;font-size:14px!important;color:#4b6d92!important;font-weight:500!important;}
.hero-title{font-size:0!important;margin:0 0 11px!important;line-height:1!important;}
.hero-title::after{content:"用数据看清外卖生意"!important;font-size:45px!important;line-height:1.12!important;font-weight:760!important;letter-spacing:-.045em!important;color:#0b2b53!important;}
.hero-text{font-size:0!important;margin:0 0 23px!important;}
.hero-text::after{content:"从调研、诊断到优化，给你更确定的增长路径"!important;font-size:15px!important;line-height:1.65!important;color:#4e6f95!important;font-weight:500!important;}
.hero-flow{display:flex!important;align-items:center!important;gap:11px!important;}
.flow-arrow{display:none!important;}
.flow-chip{height:32px!important;padding:0 13px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.58)!important;background:rgba(234,247,255,.46)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.74)!important;color:transparent!important;font-size:0!important;display:flex!important;align-items:center!important;gap:7px!important;}
.flow-chip::before{content:"⌁"!important;color:#2489ef!important;font-size:13px!important;}
.flow-chip::after{font-size:11.5px!important;color:#315f8e!important;font-weight:650!important;}
.flow-chip:nth-child(1)::after{content:"真实数据"!important;}
.flow-chip:nth-child(3)::after{content:"AI 深度分析"!important;}
.flow-chip:nth-child(5)::after{content:"可落地建议"!important;}
.flow-chip:nth-child(7){display:none!important;}
.home-hero::before{
  content:""!important;position:absolute!important;z-index:2!important;right:142px!important;top:5px!important;width:500px!important;height:310px!important;
  background:url('../assets/ui/hero-crystal-feather.png') center/contain no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  filter:saturate(1.02) contrast(1.01)!important;animation:approvedCrystalFloatV3 15s ease-in-out infinite alternate!important;pointer-events:none!important;
}
@keyframes approvedCrystalFloatV3{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(2px,-2px,0)}}
.home-hero::after{display:none!important;}
.hero-copy::before{display:none!important;}
.hero-copy::after{
  content:"数据\A洞察\A\A策略\A增长\A\A—\A\AC A N M O U Z H A N G"!important;white-space:pre-line!important;
  position:absolute!important;right:-580px!important;top:47px!important;width:92px!important;height:auto!important;
  display:block!important;padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#57779b!important;font-size:10.5px!important;line-height:1.78!important;letter-spacing:.095em!important;text-align:left!important;opacity:.92!important;pointer-events:none!important;
}
.hero-side{display:none!important;}

/* Section heads */
.section-head{height:75px!important;padding:0 2px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
.section-title{font-size:0!important;position:relative!important;padding-left:27px!important;margin:0!important;}
.section-title::before{content:""!important;position:absolute!important;left:0!important;top:0!important;width:5px!important;height:23px!important;border-radius:5px!important;background:#24a7ff!important;box-shadow:0 0 10px rgba(36,167,255,.24)!important;}
.section-title::after{content:"核心功能"!important;font-size:18px!important;color:#10345d!important;font-weight:750!important;}
.section-note{font-size:0!important;}
.section-note::after{content:"从市场洞察到经营优化，助你稳步增长"!important;font-size:12px!important;color:#758da7!important;}

/* Feature grid */
.main-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:202px 128px!important;
  column-gap:18px!important;row-gap:66px!important;padding:0 0 67px!important;margin:0!important;position:relative!important;overflow:visible!important;
}
.main-grid::before{content:"更多功能"!important;position:absolute!important;left:2px!important;top:225px!important;padding-left:20px!important;border-left:5px solid #24a7ff!important;border-radius:3px!important;color:#10345d!important;font-size:17px!important;font-weight:740!important;line-height:22px!important;}
.main-grid::after{content:"“ 更聪明地经营，才能走得更远。 ”"!important;position:absolute!important;left:22px!important;bottom:7px!important;color:rgba(61,104,157,.46)!important;font-size:19px!important;font-weight:600!important;}
.main-grid .glass-card{
  border-radius:18px!important;border:1px solid rgba(255,255,255,.76)!important;overflow:hidden!important;text-decoration:none!important;position:relative!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 17px 42px rgba(55,87,142,.035)!important;
}
.main-grid .glass-card::before{display:none!important;}
.main-grid .glass-card:nth-child(2){grid-column:1 / 3!important;grid-row:1!important;background:radial-gradient(250px 180px at 6% 100%,rgba(54,213,255,.13),transparent 72%),linear-gradient(140deg,rgba(247,252,255,.62),rgba(240,251,255,.48))!important;}
.main-grid .glass-card:nth-child(3){grid-column:3 / 5!important;grid-row:1!important;background:radial-gradient(285px 185px at 12% 100%,rgba(186,114,255,.14),transparent 72%),linear-gradient(140deg,rgba(253,248,255,.62),rgba(248,242,255,.50))!important;}
.main-grid .glass-card:nth-child(4){grid-column:1!important;grid-row:2!important;background:linear-gradient(138deg,rgba(255,252,247,.67),rgba(255,247,242,.47))!important;}
.main-grid .glass-card:nth-child(5){grid-column:2!important;grid-row:2!important;background:linear-gradient(138deg,rgba(248,252,255,.65),rgba(240,249,255,.47))!important;}
.main-grid .glass-card:nth-child(1){grid-column:3!important;grid-row:2!important;background:linear-gradient(138deg,rgba(247,255,252,.62),rgba(239,253,248,.46))!important;}
.main-grid .glass-card:nth-child(6){grid-column:4!important;grid-row:2!important;background:linear-gradient(138deg,rgba(255,253,246,.67),rgba(255,249,237,.47))!important;}
.main-grid a.glass-card:hover{transform:translateY(-2px)!important;border-color:rgba(255,255,255,.98)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 24px 50px rgba(55,87,142,.065)!important;}

/* Big cards */
.main-grid .glass-card:nth-child(2),.main-grid .glass-card:nth-child(3){display:grid!important;grid-template-columns:150px minmax(0,1fr) 48px!important;grid-template-rows:auto auto!important;column-gap:30px!important;align-content:center!important;align-items:center!important;padding:22px 26px 22px 32px!important;}
.main-grid .glass-card:nth-child(2) .feature-icon,.main-grid .glass-card:nth-child(3) .feature-icon{
  grid-column:1!important;grid-row:1 / span 2!important;width:145px!important;height:145px!important;border:0!important;border-radius:0!important;font-size:0!important;box-shadow:none!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:132px 132px!important;
}
.main-grid .glass-card:nth-child(2) .feature-icon{background-image:url('../assets/ui/survey-icon.png')!important;}
.main-grid .glass-card:nth-child(3) .feature-icon{background-image:url('../assets/ui/analysis-icon.png')!important;}
.main-grid .glass-card:nth-child(2) .feature-icon::before,.main-grid .glass-card:nth-child(2) .feature-icon::after,.main-grid .glass-card:nth-child(3) .feature-icon::before,.main-grid .glass-card:nth-child(3) .feature-icon::after{display:none!important;}
.main-grid .glass-card:nth-child(2) h3,.main-grid .glass-card:nth-child(3) h3{grid-column:2!important;grid-row:1!important;align-self:end!important;margin:0 0 4px!important;font-size:0!important;color:#0b2d55!important;}
.main-grid .glass-card:nth-child(2) h3::after{content:"商家调研"!important;font-size:21px!important;font-weight:760!important;}
.main-grid .glass-card:nth-child(3) h3::after{content:"全量诊断"!important;font-size:21px!important;font-weight:760!important;}
.main-grid .glass-card:nth-child(2) p,.main-grid .glass-card:nth-child(3) p{grid-column:2!important;grid-row:2!important;align-self:start!important;margin:0!important;font-size:0!important;line-height:1.65!important;max-width:310px!important;}
.main-grid .glass-card:nth-child(2) p::before{content:"看清市场，找准机会"!important;display:block!important;font-size:14px!important;color:#158df1!important;font-weight:650!important;margin-bottom:10px!important;}
.main-grid .glass-card:nth-child(2) p::after{content:"分析商圈、竞品与用户，\A把握真实的市场情况"!important;white-space:pre-line!important;font-size:13px!important;color:#587794!important;}
.main-grid .glass-card:nth-child(3) p::before{content:"快速定位，明确方向"!important;display:block!important;font-size:14px!important;color:#694df3!important;font-weight:650!important;margin-bottom:10px!important;}
.main-grid .glass-card:nth-child(3) p::after{content:"从流量、转化、客单三档\A诊断店铺经营问题"!important;white-space:pre-line!important;font-size:13px!important;color:#637796!important;}
.main-grid .glass-card:nth-child(2) .feature-meta,.main-grid .glass-card:nth-child(3) .feature-meta{grid-column:3!important;grid-row:1 / span 2!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important;}
.main-grid .glass-card:nth-child(2) .feature-meta>span:first-child,.main-grid .glass-card:nth-child(3) .feature-meta>span:first-child{display:none!important;}
.feature-arrow{font-size:0!important;width:44px!important;height:44px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.68)!important;background:rgba(118,174,255,.20)!important;display:grid!important;place-items:center!important;color:#177ee4!important;}
.feature-arrow::before{content:"→"!important;font-size:20px!important;}
.main-grid .glass-card:nth-child(3) .feature-arrow{background:rgba(135,94,255,.18)!important;color:#5c3ff0!important;}

/* Compact cards */
.main-grid .glass-card:nth-child(1),.main-grid .glass-card:nth-child(4),.main-grid .glass-card:nth-child(5),.main-grid .glass-card:nth-child(6){display:grid!important;grid-template-columns:76px minmax(0,1fr) 32px!important;grid-template-rows:auto auto!important;gap:2px 12px!important;align-content:center!important;align-items:center!important;padding:14px 14px 14px 16px!important;}
.main-grid .glass-card:nth-child(1) .feature-icon,.main-grid .glass-card:nth-child(4) .feature-icon,.main-grid .glass-card:nth-child(5) .feature-icon,.main-grid .glass-card:nth-child(6) .feature-icon{grid-column:1!important;grid-row:1 / span 2!important;width:72px!important;height:68px!important;border:0!important;border-radius:0!important;font-size:0!important;box-shadow:none!important;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important;background-size:60px 60px!important;}
.main-grid .glass-card:nth-child(4) .feature-icon{background-image:url('../assets/ui/menu-icon.png')!important;}
.main-grid .glass-card:nth-child(5) .feature-icon{background-image:url('../assets/ui/history-icon.png')!important;}
.main-grid .glass-card:nth-child(1) .feature-icon{background-image:url('../assets/ui/guide-icon.png')!important;}
.main-grid .glass-card:nth-child(6) .feature-icon{background-image:url('../assets/ui/points-icon.png')!important;}
.main-grid .glass-card:nth-child(1) .feature-icon::before,.main-grid .glass-card:nth-child(1) .feature-icon::after,.main-grid .glass-card:nth-child(4) .feature-icon::before,.main-grid .glass-card:nth-child(4) .feature-icon::after,.main-grid .glass-card:nth-child(5) .feature-icon::before,.main-grid .glass-card:nth-child(5) .feature-icon::after,.main-grid .glass-card:nth-child(6) .feature-icon::before,.main-grid .glass-card:nth-child(6) .feature-icon::after{display:none!important;}
.main-grid .glass-card:nth-child(1) h3,.main-grid .glass-card:nth-child(4) h3,.main-grid .glass-card:nth-child(5) h3,.main-grid .glass-card:nth-child(6) h3{grid-column:2!important;grid-row:1!important;align-self:end!important;margin:0!important;font-size:0!important;line-height:1.3!important;color:#17375e!important;}
.main-grid .glass-card:nth-child(4) h3::after{content:"菜单优化"!important;font-size:14px!important;font-weight:730!important;}
.main-grid .glass-card:nth-child(5) h3::after{content:"历史记录"!important;font-size:14px!important;font-weight:730!important;}
.main-grid .glass-card:nth-child(1) h3::after{content:"新手引导"!important;font-size:14px!important;font-weight:730!important;}
.main-grid .glass-card:nth-child(6) h3::after{content:"积分中心"!important;font-size:14px!important;font-weight:730!important;}
.main-grid .glass-card:nth-child(1) p,.main-grid .glass-card:nth-child(4) p,.main-grid .glass-card:nth-child(5) p,.main-grid .glass-card:nth-child(6) p{grid-column:2!important;grid-row:2!important;align-self:start!important;margin:0!important;font-size:10.8px!important;line-height:1.45!important;color:#738aa4!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.main-grid .glass-card:nth-child(1) .feature-meta,.main-grid .glass-card:nth-child(4) .feature-meta,.main-grid .glass-card:nth-child(5) .feature-meta,.main-grid .glass-card:nth-child(6) .feature-meta{grid-column:3!important;grid-row:1 / span 2!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important;}
.main-grid .glass-card:nth-child(1) .feature-meta>span:first-child,.main-grid .glass-card:nth-child(4) .feature-meta>span:first-child,.main-grid .glass-card:nth-child(5) .feature-meta>span:first-child,.main-grid .glass-card:nth-child(6) .feature-meta>span:first-child{display:none!important;}
.main-grid .glass-card:nth-child(1) .feature-arrow,.main-grid .glass-card:nth-child(4) .feature-arrow,.main-grid .glass-card:nth-child(5) .feature-arrow,.main-grid .glass-card:nth-child(6) .feature-arrow{width:31px!important;height:31px!important;background:rgba(255,255,255,.46)!important;border-color:rgba(255,255,255,.69)!important;}
.main-grid .glass-card:nth-child(1) .feature-arrow::before,.main-grid .glass-card:nth-child(4) .feature-arrow::before,.main-grid .glass-card:nth-child(5) .feature-arrow::before,.main-grid .glass-card:nth-child(6) .feature-arrow::before{font-size:15px!important;}

/* Footer signature */
.app-content::after{content:"—  餐谋长 · 陪你做好每一家店"!important;display:block!important;text-align:right!important;padding:10px 12px 6px!important;font-size:12px!important;color:#7892ad!important;letter-spacing:.02em!important;}

@media (max-width:1260px){
  .glass-container,.glass-container--flex{grid-template-columns:178px minmax(0,1fr)!important;gap:34px!important;padding:16px!important;}
  .app-sidebar{width:178px!important;height:calc(100vh - 32px)!important;min-height:800px!important;}
  .hero-copy{padding-left:44px!important;padding-right:500px!important;}
  .home-hero::before{right:82px!important;width:430px!important;height:286px!important;top:16px!important;}
  .hero-copy::after{right:-470px!important;}
  .app-topbar::before{right:174px!important;width:310px!important;}
  .main-grid .glass-card:nth-child(2),.main-grid .glass-card:nth-child(3){grid-template-columns:125px minmax(0,1fr) 42px!important;column-gap:20px!important;padding-left:24px!important;}
  .main-grid .glass-card:nth-child(2) .feature-icon,.main-grid .glass-card:nth-child(3) .feature-icon{width:120px!important;height:120px!important;background-size:112px 112px!important;}
}

/* --- v3.1 visual cleanup against approved master --- */
.brand-subtitle{font-size:0!important;white-space:nowrap!important;margin-left:54px!important;margin-top:2px!important;}
.brand-subtitle::after{content:"外卖运营助手"!important;font-size:11px!important;color:#607d9a!important;font-weight:500!important;}

/* reference has one divider before the secondary nav group */
.nav-item:nth-child(7)::before{display:none!important;}
.nav-item:nth-child(2){position:relative!important;margin-top:17px!important;}
.nav-item:nth-child(2)::before{content:""!important;display:block!important;position:absolute!important;left:4px!important;right:4px!important;top:-17px!important;height:1px!important;background:rgba(69,111,153,.09)!important;}

/* the approved artwork sits a little lighter and tighter than the previous pass */
.home-hero::before{right:156px!important;top:7px!important;width:470px!important;height:306px!important;opacity:.98!important;}
.home-hero::after{
  content:"数据\A洞察\A\A策略\A增长\A\A—\A\AC A N M O U Z H A N G"!important;
  white-space:pre-line!important;display:block!important;position:absolute!important;right:29px!important;top:48px!important;
  width:88px!important;height:auto!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;
  color:#5d7b9f!important;font-size:10.5px!important;line-height:1.78!important;letter-spacing:.09em!important;text-align:left!important;opacity:.86!important;z-index:3!important;pointer-events:none!important;
}
.hero-copy::after{display:none!important;}

/* approved icon crops — complete, uncropped foreground artwork */
.main-grid .glass-card:nth-child(2) .feature-icon{background-image:url('../assets/ui/survey-icon2.png')!important;background-size:131px 140px!important;}
.main-grid .glass-card:nth-child(3) .feature-icon{background-image:url('../assets/ui/analysis-icon2.png')!important;background-size:122px 135px!important;}
.main-grid .glass-card:nth-child(4) .feature-icon{background-image:url('../assets/ui/menu-icon2.png')!important;background-size:67px 69px!important;}
.main-grid .glass-card:nth-child(5) .feature-icon{background-image:url('../assets/ui/history-icon2.png')!important;background-size:67px 68px!important;}
.main-grid .glass-card:nth-child(1) .feature-icon{background-image:url('../assets/ui/guide-icon2.png')!important;background-size:67px 68px!important;}
.main-grid .glass-card:nth-child(6) .feature-icon{background-image:url('../assets/ui/points-icon2.png')!important;background-size:69px 67px!important;}

/* compact cards line up with the approved master rather than feeling cramped */
.main-grid .glass-card:nth-child(1),.main-grid .glass-card:nth-child(4),.main-grid .glass-card:nth-child(5),.main-grid .glass-card:nth-child(6){
  grid-template-columns:78px minmax(0,1fr) 34px!important;padding:13px 14px 13px 14px!important;gap:2px 10px!important;
}
.main-grid .glass-card:nth-child(1) .feature-icon,.main-grid .glass-card:nth-child(4) .feature-icon,.main-grid .glass-card:nth-child(5) .feature-icon,.main-grid .glass-card:nth-child(6) .feature-icon{width:76px!important;height:72px!important;}
.main-grid .glass-card:nth-child(1) p,.main-grid .glass-card:nth-child(4) p,.main-grid .glass-card:nth-child(5) p,.main-grid .glass-card:nth-child(6) p{font-size:10.5px!important;line-height:1.42!important;}

/* slightly tighter vertical rhythm, matching the reference */
.section-head{height:72px!important;}
.main-grid{row-gap:64px!important;}
.main-grid::before{top:222px!important;}

/* --- v3.2 alignment + icon polish --- */
.home-hero::after{transform:none!important;animation:none!important;}
.section-head{height:62px!important;}
.main-grid{row-gap:74px!important;}
.main-grid::before{top:232px!important;}

/* faithful line-icon language in the left rail; HTML/business anchors unchanged */
.nav-icon{font-size:0!important;width:22px!important;height:22px!important;background-repeat:no-repeat!important;background-position:center!important;background-size:20px 20px!important;}
.nav-item:nth-child(1) .nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231b82eb' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.7 12 3l9 7.7'/%3E%3Cpath d='M5.5 9.5V21h13V9.5'/%3E%3Cpath d='M9.5 21v-7h5v7'/%3E%3C/svg%3E")!important;}
.nav-item:nth-child(3) .nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233b6d9d' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='10.7' cy='10.7' r='6.7'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E")!important;}
.nav-item:nth-child(4) .nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233b6d9d' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M5 20V12M12 20V4M19 20V8'/%3E%3C/svg%3E")!important;}
.nav-item:nth-child(5) .nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233b6d9d' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M15 3v5h4M9 12h6M9 16h6'/%3E%3C/svg%3E")!important;}
.nav-item:nth-child(6) .nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233b6d9d' stroke-width='1.9' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='4' width='7' height='7' rx='1.5'/%3E%3Crect x='4' y='13' width='7' height='7' rx='1.5'/%3E%3Crect x='13' y='13' width='7' height='7' rx='1.5'/%3E%3C/svg%3E")!important;}
.nav-item:nth-child(7) .nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233b6d9d' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E")!important;}
.nav-item:nth-child(2) .nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233b6d9d' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M4 5.5c3-1.6 5.7-1.3 8 1v13c-2.3-2.3-5-2.6-8-1zM20 5.5c-3-1.6-5.7-1.3-8 1v13c2.3-2.3 5-2.6 8-1z'/%3E%3C/svg%3E")!important;}
.nav-item:nth-child(8) .nav-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233b6d9d' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 7-8 11L4 10z'/%3E%3Cpath d='M4 10h16M8 10l4 11 4-11M8 10l4-7 4 7'/%3E%3C/svg%3E")!important;}

/* exact compact copy from the approved master — visual only */
.main-grid .glass-card:nth-child(4) p,.main-grid .glass-card:nth-child(5) p,.main-grid .glass-card:nth-child(1) p,.main-grid .glass-card:nth-child(6) p{font-size:0!important;display:block!important;overflow:visible!important;}
.main-grid .glass-card:nth-child(4) p::after{content:"用数据优化菜单结构\A提升下单转化率"!important;white-space:pre-line!important;font-size:10.5px!important;line-height:1.42!important;color:#738aa4!important;}
.main-grid .glass-card:nth-child(5) p::after{content:"查看过往分析记录\A持续跟踪经营变化"!important;white-space:pre-line!important;font-size:10.5px!important;line-height:1.42!important;color:#738aa4!important;}
.main-grid .glass-card:nth-child(1) p::after{content:"三分钟上手\A快速掌握使用方法"!important;white-space:pre-line!important;font-size:10.5px!important;line-height:1.42!important;color:#738aa4!important;}
.main-grid .glass-card:nth-child(6) p::after{content:"做任务赚积分\A解锁更多 AI 能力"!important;white-space:pre-line!important;font-size:10.5px!important;line-height:1.42!important;color:#738aa4!important;}

/* =========================================================
   Confirmed crystal-integrated pass
   UI ONLY: no DOM / JS / business logic changes.
   Goal: small visual artworks blend into cards like the hero crystal.
   ========================================================= */

/* Core cards: ambient material continues behind the artwork so it never reads as a pasted square. */
.main-grid .glass-card:nth-child(2),
.main-grid .glass-card:nth-child(3){
  overflow:hidden!important;
  isolation:isolate!important;
}
.main-grid .glass-card:nth-child(2)::before,
.main-grid .glass-card:nth-child(3)::before{
  content:""!important;
  position:absolute!important;
  inset:-12% -4% -22% -12%!important;
  pointer-events:none!important;
  z-index:0!important;
  
  opacity:.58!important;
}
.main-grid .glass-card:nth-child(2)::before{
  background:
    radial-gradient(ellipse at 18% 56%,rgba(63,213,255,.24),transparent 31%),
    radial-gradient(ellipse at 32% 76%,rgba(99,160,255,.16),transparent 40%),
    radial-gradient(ellipse at 73% 18%,rgba(255,255,255,.22),transparent 38%)!important;
}
.main-grid .glass-card:nth-child(3)::before{
  background:
    radial-gradient(ellipse at 18% 56%,rgba(167,103,255,.22),transparent 34%),
    radial-gradient(ellipse at 33% 78%,rgba(242,145,238,.14),transparent 38%),
    radial-gradient(ellipse at 70% 18%,rgba(255,255,255,.20),transparent 38%)!important;
}
.main-grid .glass-card:nth-child(2)>*,
.main-grid .glass-card:nth-child(3)>*{position:relative!important;z-index:2!important;}

/* Replace flat-square crops with feathered artwork sampled from the approved visual master. */
.main-grid .glass-card:nth-child(2) .feature-icon,
.main-grid .glass-card:nth-child(3) .feature-icon,
.main-grid .glass-card:nth-child(1) .feature-icon,
.main-grid .glass-card:nth-child(4) .feature-icon,
.main-grid .glass-card:nth-child(5) .feature-icon,
.main-grid .glass-card:nth-child(6) .feature-icon{
  position:relative!important;
  overflow:visible!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
  isolation:isolate!important;
}
.main-grid .glass-card .feature-icon::before{
  content:""!important;
  position:absolute!important;
  inset:-8%!important;
  z-index:-1!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  pointer-events:none!important;
  filter:saturate(1.03) contrast(1.01) drop-shadow(0 16px 22px rgba(72,108,168,.075))!important;
  transform:translateZ(0)!important;
  transition:transform .28s cubic-bezier(.22,.61,.36,1),filter .28s ease!important;
}
.main-grid .glass-card:hover .feature-icon::before{
  transform:translate3d(0,-2px,0) scale(1.015)!important;
  filter:saturate(1.06) contrast(1.015) drop-shadow(0 18px 26px rgba(72,108,168,.10))!important;
}
.main-grid .glass-card:nth-child(2) .feature-icon::before{background-image:url('../assets/ui/survey-fused.png')!important;inset:-15%!important;}
.main-grid .glass-card:nth-child(3) .feature-icon::before{background-image:url('../assets/ui/analysis-fused.png')!important;inset:-14%!important;}
.main-grid .glass-card:nth-child(4) .feature-icon::before{background-image:url('../assets/ui/menu-fused.png')!important;inset:-18%!important;}
.main-grid .glass-card:nth-child(5) .feature-icon::before{background-image:url('../assets/ui/history-fused.png')!important;inset:-18%!important;}
.main-grid .glass-card:nth-child(1) .feature-icon::before{background-image:url('../assets/ui/guide-fused.png')!important;inset:-18%!important;}
.main-grid .glass-card:nth-child(6) .feature-icon::before{background-image:url('../assets/ui/points-fused.png')!important;inset:-18%!important;}

/* Soft optical spill around each artwork, matching the hero crystal's reflected light. */
.main-grid .glass-card .feature-icon::after{
  content:""!important;
  position:absolute!important;
  left:2%!important;right:2%!important;bottom:-12%!important;height:28%!important;
  border-radius:50%!important;
  
  opacity:.36!important;
  z-index:-2!important;
  pointer-events:none!important;
}
.main-grid .glass-card:nth-child(2) .feature-icon::after{background:radial-gradient(ellipse,rgba(39,205,255,.42),transparent 68%)!important;}
.main-grid .glass-card:nth-child(3) .feature-icon::after{background:radial-gradient(ellipse,rgba(159,91,255,.36),transparent 68%)!important;}
.main-grid .glass-card:nth-child(4) .feature-icon::after{background:radial-gradient(ellipse,rgba(255,145,80,.34),transparent 68%)!important;}
.main-grid .glass-card:nth-child(5) .feature-icon::after{background:radial-gradient(ellipse,rgba(68,139,255,.30),transparent 68%)!important;}
.main-grid .glass-card:nth-child(1) .feature-icon::after{background:radial-gradient(ellipse,rgba(77,221,181,.28),transparent 68%)!important;}
.main-grid .glass-card:nth-child(6) .feature-icon::after{background:radial-gradient(ellipse,rgba(255,180,65,.30),transparent 68%)!important;}

/* Match the approved composition: larger integrated artworks on core cards. */
.main-grid .glass-card:nth-child(2) .feature-icon,
.main-grid .glass-card:nth-child(3) .feature-icon{
  width:154px!important;height:154px!important;
  align-self:center!important;justify-self:center!important;
  margin-left:-2px!important;
}
.main-grid .glass-card:nth-child(2),
.main-grid .glass-card:nth-child(3){
  grid-template-columns:164px minmax(0,1fr) 46px!important;
  column-gap:22px!important;
  padding:20px 22px 19px 24px!important;
}

/* Compact cards: artwork is part of the material, not a contained icon tile. */
.main-grid .glass-card:nth-child(1) .feature-icon,
.main-grid .glass-card:nth-child(4) .feature-icon,
.main-grid .glass-card:nth-child(5) .feature-icon,
.main-grid .glass-card:nth-child(6) .feature-icon{
  width:82px!important;height:82px!important;
  margin-left:-4px!important;
}
.main-grid .glass-card:nth-child(1),
.main-grid .glass-card:nth-child(4),
.main-grid .glass-card:nth-child(5),
.main-grid .glass-card:nth-child(6){
  grid-template-columns:86px minmax(0,1fr) 32px!important;
  padding:12px 12px 12px 11px!important;
  column-gap:7px!important;
}

/* Each card carries only a trace of its icon hue; no obvious colored tile behind the art. */
.main-grid .glass-card:nth-child(2){background:linear-gradient(112deg,rgba(246,253,255,.68),rgba(232,249,255,.44) 48%,rgba(245,250,255,.50))!important;}
.main-grid .glass-card:nth-child(3){background:linear-gradient(112deg,rgba(250,247,255,.65),rgba(246,235,255,.46) 50%,rgba(255,247,253,.52))!important;}
.main-grid .glass-card:nth-child(4){background:linear-gradient(112deg,rgba(255,251,247,.64),rgba(255,242,234,.39))!important;}
.main-grid .glass-card:nth-child(5){background:linear-gradient(112deg,rgba(248,252,255,.64),rgba(235,246,255,.40))!important;}
.main-grid .glass-card:nth-child(1){background:linear-gradient(112deg,rgba(247,255,252,.62),rgba(236,253,248,.38))!important;}
.main-grid .glass-card:nth-child(6){background:linear-gradient(112deg,rgba(255,253,248,.66),rgba(255,246,227,.39))!important;}

/* Preserve the approved hero as the dominant integrated visual. */
.home-hero::before{
  filter:saturate(1.015) contrast(1.005) drop-shadow(0 22px 34px rgba(83,121,191,.055))!important;
}

@media (prefers-reduced-motion:reduce){
  .main-grid .glass-card:hover .feature-icon::before{transform:none!important;}
}

/* Fix artwork stacking: keep fused image above the transparent feature-icon layer. */
.main-grid .glass-card .feature-icon{z-index:3!important;}
.main-grid .glass-card .feature-icon::before{z-index:2!important;}
.main-grid .glass-card .feature-icon::after{z-index:1!important;}
.main-grid .glass-card .feature-icon::before,
.main-grid .glass-card .feature-icon::after{display:block!important;}

/* Specificity reset for legacy decorative pseudo-elements. */
.main-grid .glass-card:nth-child(1) .feature-icon::before,
.main-grid .glass-card:nth-child(2) .feature-icon::before,
.main-grid .glass-card:nth-child(3) .feature-icon::before,
.main-grid .glass-card:nth-child(4) .feature-icon::before,
.main-grid .glass-card:nth-child(5) .feature-icon::before,
.main-grid .glass-card:nth-child(6) .feature-icon::before{
  content:""!important;display:block!important;position:absolute!important;
  width:auto!important;height:auto!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;color:transparent!important;font-size:0!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;
}
.main-grid .glass-card:nth-child(2) .feature-icon::before{left:-15%!important;right:-15%!important;top:-15%!important;bottom:-15%!important;background-image:url('../assets/ui/survey-fused.png')!important;}
.main-grid .glass-card:nth-child(3) .feature-icon::before{left:-14%!important;right:-14%!important;top:-14%!important;bottom:-14%!important;background-image:url('../assets/ui/analysis-fused.png')!important;}
.main-grid .glass-card:nth-child(4) .feature-icon::before{left:-18%!important;right:-18%!important;top:-18%!important;bottom:-18%!important;background-image:url('../assets/ui/menu-fused.png')!important;}
.main-grid .glass-card:nth-child(5) .feature-icon::before{left:-18%!important;right:-18%!important;top:-18%!important;bottom:-18%!important;background-image:url('../assets/ui/history-fused.png')!important;}
.main-grid .glass-card:nth-child(1) .feature-icon::before{left:-18%!important;right:-18%!important;top:-18%!important;bottom:-18%!important;background-image:url('../assets/ui/guide-fused.png')!important;}
.main-grid .glass-card:nth-child(6) .feature-icon::before{left:-18%!important;right:-18%!important;top:-18%!important;bottom:-18%!important;background-image:url('../assets/ui/points-fused.png')!important;}
.main-grid .glass-card:nth-child(1) .feature-icon::after,
.main-grid .glass-card:nth-child(2) .feature-icon::after,
.main-grid .glass-card:nth-child(3) .feature-icon::after,
.main-grid .glass-card:nth-child(4) .feature-icon::after,
.main-grid .glass-card:nth-child(5) .feature-icon::after,
.main-grid .glass-card:nth-child(6) .feature-icon::after{display:block!important;}

/* =========================================================
   Crystal Fusion V2 — approved concept fidelity pass
   UI ONLY. Richer ambient field + deeper artwork/material fusion.
   ========================================================= */

/* Restore the richer approved fruit-spectrum atmosphere. */
body{
  background:
    radial-gradient(42vw 36vw at -5% 76%,rgba(56,218,255,.34),transparent 61%),
    radial-gradient(35vw 31vw at 20% 103%,rgba(89,126,255,.27),transparent 66%),
    radial-gradient(36vw 32vw at 54% 96%,rgba(121,118,255,.17),transparent 69%),
    radial-gradient(34vw 29vw at 95% 5%,rgba(255,148,210,.31),transparent 66%),
    radial-gradient(30vw 28vw at 95% 80%,rgba(255,181,139,.19),transparent 67%),
    radial-gradient(28vw 24vw at 73% 35%,rgba(151,129,255,.17),transparent 69%),
    linear-gradient(116deg,#d7f6ff 0%,#e7f5ff 31%,#ebeaff 64%,#fff0f7 100%)!important;
}
body::before{
  inset:-8%!important;
  background:
    linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,.02)),
    url('../assets/ui/ambient-field-v2.jpg') center/112% 112% no-repeat!important;
  opacity:.72!important;
  filter:saturate(128%);contrast(1.02)!important;
  mix-blend-mode:soft-light!important;
  animation:fruitFieldDrift 32s cubic-bezier(.45,.05,.55,.95) infinite alternate!important;
}
body::after{
  inset:-12%!important;
  background:
    radial-gradient(28vw 22vw at 8% 68%,rgba(20,215,255,.23),transparent 66%),
    radial-gradient(26vw 22vw at 48% 90%,rgba(121,112,255,.16),transparent 68%),
    radial-gradient(27vw 22vw at 91% 24%,rgba(255,117,206,.20),transparent 67%),
    radial-gradient(24vw 20vw at 82% 84%,rgba(255,184,120,.14),transparent 68%)!important;
  opacity:.72!important;
  filter:saturate(122%)!important;
  mix-blend-mode:normal!important;
  animation:fruitGlowDrift 41s ease-in-out infinite alternate!important;
}
@keyframes fruitFieldDrift{
  0%{transform:translate3d(-1.8%,-1.1%,0) scale(1.06) rotate(-.35deg)}
  45%{transform:translate3d(1.4%,1.1%,0) scale(1.085) rotate(.25deg)}
  100%{transform:translate3d(-.3%,2.1%,0) scale(1.07) rotate(.1deg)}
}
@keyframes fruitGlowDrift{
  0%{transform:translate3d(1.4%,-1.6%,0) scale(1.03)}
  50%{transform:translate3d(-1.3%,1.3%,0) scale(1.07)}
  100%{transform:translate3d(1.7%,2.2%,0) scale(1.045)}
}

/* Let the ambient color live through the shell instead of being covered by milky white. */
.app-sidebar{
  background:
    radial-gradient(210px 250px at 0% 8%,rgba(67,211,255,.13),transparent 70%),
    radial-gradient(220px 250px at 20% 100%,rgba(106,107,255,.12),transparent 70%),
    linear-gradient(180deg,rgba(247,253,255,.45),rgba(239,249,255,.31) 58%,rgba(244,244,255,.29))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 1px 0 0 rgba(255,255,255,.32),0 22px 60px rgba(54,91,146,.055)!important;
}

.home-hero{
  background:
    radial-gradient(560px 260px at 72% 94%,rgba(49,202,255,.17),transparent 66%),
    radial-gradient(410px 220px at 91% 84%,rgba(246,120,220,.14),transparent 68%),
    radial-gradient(300px 190px at 98% 22%,rgba(255,190,205,.10),transparent 68%),
    linear-gradient(118deg,rgba(249,254,255,.53),rgba(228,246,255,.43) 43%,rgba(224,239,255,.39) 72%,rgba(249,235,250,.40))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(171,205,244,.12),0 20px 56px rgba(54,87,139,.035)!important;
}

/* Hero art becomes part of the optical field, not an inserted rectangle. */
.home-hero::before{
  right:108px!important;
  top:7px!important;
  width:570px!important;
  height:318px!important;
  background-image:url('../assets/ui/hero-integrated-v2.png')!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  opacity:.98!important;
  filter:saturate(1.08) contrast(1.015) drop-shadow(0 22px 40px rgba(83,121,191,.045))!important;
  mix-blend-mode:normal!important;
  -webkit-mask-image:radial-gradient(ellipse 74% 82% at 54% 51%,#000 56%,rgba(0,0,0,.88) 72%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 74% 82% at 54% 51%,#000 56%,rgba(0,0,0,.88) 72%,transparent 100%)!important;
}
.home-hero::after{right:24px!important;opacity:.78!important;}

/* Core cards: use a translucent optical bed, not an opaque pastel fill. */
.main-grid .glass-card:nth-child(2),
.main-grid .glass-card:nth-child(3){
  border-color:rgba(255,255,255,.80)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(123,166,224,.08),0 18px 45px rgba(64,94,145,.04)!important;
}
.main-grid .glass-card:nth-child(2){
  background:linear-gradient(112deg,rgba(248,254,255,.53),rgba(226,247,255,.34) 49%,rgba(247,252,255,.43))!important;
}
.main-grid .glass-card:nth-child(3){
  background:linear-gradient(112deg,rgba(252,249,255,.53),rgba(241,229,255,.35) 50%,rgba(255,247,253,.43))!important;
}
.main-grid .glass-card:nth-child(2)::before,
.main-grid .glass-card:nth-child(3)::before{
  inset:-18% -7% -28% -16%!important;
  
  opacity:.72!important;
}
.main-grid .glass-card:nth-child(2)::before{
  background:
    radial-gradient(ellipse at 15% 54%,rgba(44,215,255,.33),transparent 31%),
    radial-gradient(ellipse at 30% 76%,rgba(80,149,255,.23),transparent 41%),
    radial-gradient(ellipse at 60% 4%,rgba(255,255,255,.26),transparent 36%)!important;
}
.main-grid .glass-card:nth-child(3)::before{
  background:
    radial-gradient(ellipse at 15% 54%,rgba(161,89,255,.31),transparent 34%),
    radial-gradient(ellipse at 33% 78%,rgba(246,132,235,.20),transparent 39%),
    radial-gradient(ellipse at 61% 4%,rgba(255,255,255,.24),transparent 36%)!important;
}

/* The artwork itself carries the same ambient spill as the hero crystal. */
.main-grid .glass-card:nth-child(2) .feature-icon::before{background-image:url('../assets/ui/survey-integrated-v2.png')!important;left:-18%!important;right:-18%!important;top:-18%!important;bottom:-18%!important;}
.main-grid .glass-card:nth-child(3) .feature-icon::before{background-image:url('../assets/ui/analysis-integrated-v2.png')!important;left:-18%!important;right:-18%!important;top:-18%!important;bottom:-18%!important;}
.main-grid .glass-card:nth-child(4) .feature-icon::before{background-image:url('../assets/ui/menu-integrated-v2.png')!important;left:-20%!important;right:-20%!important;top:-20%!important;bottom:-20%!important;}
.main-grid .glass-card:nth-child(5) .feature-icon::before{background-image:url('../assets/ui/history-integrated-v2.png')!important;left:-20%!important;right:-20%!important;top:-20%!important;bottom:-20%!important;}
.main-grid .glass-card:nth-child(1) .feature-icon::before{background-image:url('../assets/ui/guide-integrated-v2.png')!important;left:-20%!important;right:-20%!important;top:-20%!important;bottom:-20%!important;}
.main-grid .glass-card:nth-child(6) .feature-icon::before{background-image:url('../assets/ui/points-integrated-v2.png')!important;left:-20%!important;right:-20%!important;top:-20%!important;bottom:-20%!important;}

.main-grid .glass-card .feature-icon::before{
  filter:saturate(1.11) contrast(1.01) drop-shadow(0 16px 28px rgba(78,108,163,.06))!important;
}
.main-grid .glass-card .feature-icon::after{
  bottom:-18%!important;height:35%!important;opacity:.46!important;
}

/* Small cards: more translucent material, so artwork glow blends instead of sitting on white tiles. */
.main-grid .glass-card:nth-child(1),
.main-grid .glass-card:nth-child(4),
.main-grid .glass-card:nth-child(5),
.main-grid .glass-card:nth-child(6){
  border-color:rgba(255,255,255,.78)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 14px 38px rgba(64,94,145,.035)!important;
}
.main-grid .glass-card:nth-child(4){background:linear-gradient(112deg,rgba(255,252,249,.50),rgba(255,236,228,.31))!important;}
.main-grid .glass-card:nth-child(5){background:linear-gradient(112deg,rgba(249,253,255,.50),rgba(229,244,255,.31))!important;}
.main-grid .glass-card:nth-child(1){background:linear-gradient(112deg,rgba(248,255,252,.49),rgba(230,252,246,.30))!important;}
.main-grid .glass-card:nth-child(6){background:linear-gradient(112deg,rgba(255,254,249,.51),rgba(255,244,220,.31))!important;}

/* A faint refractive sheen unifies artwork and card material. */
.main-grid .glass-card{position:relative!important;}
.main-grid .glass-card::after{
  content:""!important;position:absolute!important;inset:1px!important;border-radius:inherit!important;pointer-events:none!important;z-index:1!important;
  background:linear-gradient(126deg,rgba(255,255,255,.20),transparent 23%,transparent 71%,rgba(255,255,255,.09))!important;
  opacity:.62!important;
}
.main-grid .glass-card>*{position:relative!important;z-index:3!important;}

@media (prefers-reduced-motion:reduce){
  body::before,body::after{animation:none!important;}
}

/* Crystal Fusion V3 — foreground isolation for seamless material integration */
.home-hero::before{
  right:112px!important;top:8px!important;width:535px!important;height:304px!important;
  background-image:url('../assets/ui/hero-integrated-v3.png')!important;
  opacity:.96!important;
  filter:saturate(1.12) contrast(1.025) drop-shadow(0 18px 34px rgba(88,116,181,.045))!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}

.main-grid .glass-card:nth-child(2) .feature-icon,
.main-grid .glass-card:nth-child(3) .feature-icon{width:148px!important;height:148px!important;}
.main-grid .glass-card:nth-child(1) .feature-icon,
.main-grid .glass-card:nth-child(4) .feature-icon,
.main-grid .glass-card:nth-child(5) .feature-icon,
.main-grid .glass-card:nth-child(6) .feature-icon{width:78px!important;height:78px!important;}

.main-grid .glass-card:nth-child(2) .feature-icon::before{background-image:url('../assets/ui/survey-integrated-v3.png')!important;inset:-16%!important;}
.main-grid .glass-card:nth-child(3) .feature-icon::before{background-image:url('../assets/ui/analysis-integrated-v3.png')!important;inset:-16%!important;}
.main-grid .glass-card:nth-child(4) .feature-icon::before{background-image:url('../assets/ui/menu-integrated-v3.png')!important;inset:-16%!important;}
.main-grid .glass-card:nth-child(5) .feature-icon::before{background-image:url('../assets/ui/history-integrated-v3.png')!important;inset:-16%!important;}
.main-grid .glass-card:nth-child(1) .feature-icon::before{background-image:url('../assets/ui/guide-integrated-v3.png')!important;inset:-16%!important;}
.main-grid .glass-card:nth-child(6) .feature-icon::before{background-image:url('../assets/ui/points-integrated-v3.png')!important;inset:-16%!important;}

.main-grid .glass-card .feature-icon::before{
  filter:saturate(1.16) contrast(1.035) brightness(1.015) drop-shadow(0 13px 25px rgba(61,92,151,.065))!important;
}
.main-grid .glass-card:hover .feature-icon::before{
  transform:translate3d(0,-1px,0) scale(1.008)!important;
  filter:saturate(1.18) contrast(1.04) brightness(1.02) drop-shadow(0 15px 28px rgba(61,92,151,.08))!important;
}

/* Give each object a low, broad refractive pool like the hero object rather than a tight icon glow. */
.main-grid .glass-card .feature-icon::after{
  left:-8%!important;right:-8%!important;bottom:-15%!important;height:31%!important;
  opacity:.32!important;
}
.main-grid .glass-card:nth-child(2) .feature-icon::after{background:radial-gradient(ellipse,rgba(51,199,255,.38),rgba(113,154,255,.12) 46%,transparent 72%)!important;}
.main-grid .glass-card:nth-child(3) .feature-icon::after{background:radial-gradient(ellipse,rgba(148,94,255,.34),rgba(235,128,235,.11) 47%,transparent 72%)!important;}
.main-grid .glass-card:nth-child(4) .feature-icon::after{background:radial-gradient(ellipse,rgba(255,139,77,.31),rgba(255,191,128,.10) 47%,transparent 72%)!important;}
.main-grid .glass-card:nth-child(5) .feature-icon::after{background:radial-gradient(ellipse,rgba(72,143,255,.29),rgba(93,201,255,.09) 47%,transparent 72%)!important;}
.main-grid .glass-card:nth-child(1) .feature-icon::after{background:radial-gradient(ellipse,rgba(61,211,173,.27),rgba(99,226,213,.08) 47%,transparent 72%)!important;}
.main-grid .glass-card:nth-child(6) .feature-icon::after{background:radial-gradient(ellipse,rgba(255,177,58,.29),rgba(255,215,116,.09) 47%,transparent 72%)!important;}

/* =========================================================
   餐谋长 V2 · 果味冰晶背景精准融合层
   仅视觉覆盖：不触碰任何业务 DOM / JS / 数据逻辑
   ========================================================= */

:root {
  --cm-fruit-bg: url('../assets/ui/ambient-fruit-exact.png');
}

html,
body {
  min-height: 100%;
}

body {
  background: #eaf4ff !important;
  isolation: isolate;
  overflow-x: hidden;
}

/* 目标母版同源果味背景：以背景图本身定色，再做超慢流动 */
body::before {
  content: '';
  position: fixed;
  inset: -7vmax;
  z-index: -4;
  pointer-events: none;
  background-image: var(--cm-fruit-bg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  filter: saturate(1.04) brightness(1.02) contrast(.985);
  transform: scale(1.08);
  animation: cmAmbientFruitDrift 34s cubic-bezier(.45,.05,.55,.95) infinite alternate;
  will-change: transform, background-position, filter;
}

/* 第二层柔光，让页面中心保持“亮、透、净”，四周保留果味 */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background:
    radial-gradient(ellipse 66% 58% at 51% 41%, rgba(244,249,255,.42) 0%, rgba(244,249,255,.16) 42%, transparent 72%),
    radial-gradient(circle at 4% 83%, rgba(76,205,255,.14), transparent 24%),
    radial-gradient(circle at 91% 8%, rgba(255,177,210,.12), transparent 26%),
    radial-gradient(circle at 89% 88%, rgba(255,206,161,.11), transparent 24%);
  mix-blend-mode: screen;
}

@keyframes cmAmbientFruitDrift {
  0% {
    background-position: 49% 51%;
    transform: scale(1.08) translate3d(-.45%, -.25%, 0);
    filter: saturate(1.02) brightness(1.015) contrast(.99);
  }
  38% {
    background-position: 51.3% 49.2%;
    transform: scale(1.105) translate3d(.6%, -.45%, 0);
  }
  72% {
    background-position: 48.8% 50.6%;
    transform: scale(1.095) translate3d(-.2%, .55%, 0);
    filter: saturate(1.06) brightness(1.025) contrast(.98);
  }
  100% {
    background-position: 51% 49.7%;
    transform: scale(1.115) translate3d(.4%, .2%, 0);
    filter: saturate(1.035) brightness(1.02) contrast(.985);
  }
}

/* 主内容玻璃降低乳白遮罩，让背景同源色真正穿透 */
.glass-container,
.app-shell,
.main-shell,
.page-shell,
.workspace,
.dashboard-shell {
  background-color: rgba(244, 249, 255, .18) !important;
  border-color: rgba(255, 255, 255, .58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 16px 50px rgba(69, 104, 161, .08) !important;
}

/* 卡片材质：透明冰晶，不再“白盒子” */
.glass-card,
.result-box,
.feature-card,
.card,
.panel {
  background:
    linear-gradient(145deg, rgba(255,255,255,.38), rgba(248,251,255,.18)) !important;
  border-color: rgba(255,255,255,.70) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    inset 0 -1px 0 rgba(153,185,235,.08),
    0 14px 38px rgba(75,102,151,.07) !important;
}

/* Hero 与大图同源融合：边缘更“消失”，避免贴图感 */
.hero,
.hero-panel,
.dashboard-hero,
.index-hero {
  background:
    linear-gradient(100deg, rgba(246,251,255,.24) 0%, rgba(242,248,255,.12) 44%, rgba(240,241,255,.09) 100%) !important;
  border-color: rgba(255,255,255,.74) !important;
  overflow: hidden;
}

.hero img,
.hero-visual img,
.hero-art img,
.hero-media img,
.crystal-hero img {
  filter: saturate(1.035) brightness(1.035) contrast(.985) drop-shadow(0 16px 32px rgba(92,119,198,.06));
  mix-blend-mode: normal;
  -webkit-mask-image: radial-gradient(ellipse 69% 68% at 53% 51%, #000 48%, rgba(0,0,0,.92) 66%, transparent 100%);
  mask-image: radial-gradient(ellipse 69% 68% at 53% 51%, #000 48%, rgba(0,0,0,.92) 66%, transparent 100%);
}

/* 小型冰晶素材：统一使用“大图融合逻辑” */
.feature-card img,
.quick-card img,
.function-card img,
.module-card img,
.tool-card img {
  filter: saturate(1.035) brightness(1.025) contrast(.99) drop-shadow(0 10px 24px rgba(76,110,180,.055));
  -webkit-mask-image: radial-gradient(ellipse 74% 76% at 50% 50%, #000 54%, rgba(0,0,0,.90) 70%, transparent 100%);
  mask-image: radial-gradient(ellipse 74% 76% at 50% 50%, #000 54%, rgba(0,0,0,.90) 70%, transparent 100%);
}

/* 浅色模式才启用同源母版背景；深色保留既有深色体系 */
@media (prefers-color-scheme: dark) {
  body::before,
  body::after { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  body::before { animation: none !important; transform: scale(1.08); }
}

/* =========================================================
   V2 视窗行为收口层
   这一层必须在所有视觉覆盖之后：固定外框、仅内容区滚动、首页一屏完整。
   ========================================================= */
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden !important;
}

.glass-container,
.glass-container--flex {
  width: min(calc(100% - 36px), var(--layout-max-width)) !important;
  height: min(calc(100dvh - 36px), 920px) !important;
  min-height: 0 !important;
  margin: 18px auto !important;
  display: grid !important;
  grid-template-columns: var(--sidebar-width) minmax(0, 1fr) !important;
  overflow: hidden !important;
  background: rgba(244, 249, 255, .18) !important;
}
.app-sidebar {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
.app-main {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  border-radius: 0 !important;
  background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(248,246,255,.04)) !important;
}
.app-topbar {
  flex: 0 0 auto !important;
}
.app-content {
  height: 0 !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  padding: 26px !important;
}

/* 首页保持在固定外框中，所有入口永远排成 3×2。 */
.ui-shell-page[data-ui-page="index"] .app-topbar {
  display: none !important;
}
.ui-shell-page[data-ui-page="index"] .app-content {
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: clamp(12px, 1.45vw, 22px) !important;
  display: grid !important;
  grid-template-rows: clamp(164px, 33vh, 300px) 25px minmax(0, 1fr) !important;
}
.ui-shell-page[data-ui-page="index"] .home-hero {
  display: block !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 0 10px !important;
  border-radius: 22px !important;
  background: linear-gradient(112deg, rgba(238,250,255,.62), rgba(231,242,255,.43) 48%, rgba(247,234,255,.48)) !important;
}
.ui-shell-page[data-ui-page="index"] .hero-copy {
  display: block !important;
  height: 100% !important;
  padding: clamp(16px, 2.15vh, 28px) clamp(20px, 2.2vw, 34px) !important;
  color: var(--text-main) !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
.ui-shell-page[data-ui-page="index"] .hero-copy::before {
  display: none !important;
}
.ui-shell-page[data-ui-page="index"] .hero-copy::after {
  content: "" !important;
  display: block !important;
  width: 46% !important;
  height: 100% !important;
  right: 0 !important;
  top: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  background: url('../assets/ui/hero-integrated-v3.png') right center / contain no-repeat !important;
  filter: none !important;
  animation: heroOrb 14s ease-in-out infinite alternate !important;
}
.ui-shell-page[data-ui-page="index"] .hero-side {
  display: none !important;
}
.ui-shell-page[data-ui-page="index"] .hero-title {
  max-width: 53% !important;
  color: #152b56 !important;
  font-size: clamp(24px, 2.1vw, 34px) !important;
  line-height: 1.2 !important;
  margin: 0 0 clamp(4px, .8vh, 10px) !important;
}
.ui-shell-page[data-ui-page="index"] .hero-title span,
.ui-shell-page[data-ui-page="index"] .hero-eyebrow {
  color: #5371dc !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}
.ui-shell-page[data-ui-page="index"] .hero-text {
  max-width: 48% !important;
  color: #5f7699 !important;
  font-size: clamp(11px, .82vw, 13px) !important;
  line-height: 1.55 !important;
}
.ui-shell-page[data-ui-page="index"] .hero-flow {
  max-width: 56% !important;
  margin-top: clamp(7px, 1.3vh, 16px) !important;
}
.ui-shell-page[data-ui-page="index"] .section-head {
  margin: 2px 0 6px !important;
}
.ui-shell-page[data-ui-page="index"] .main-grid {
  min-height: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card {
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  padding: clamp(9px, 1vw, 15px) !important;
}
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card .feature-icon,
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card:nth-child(n) .feature-icon {
  width: clamp(30px, 2.4vw, 38px) !important;
  height: clamp(30px, 2.4vw, 38px) !important;
  min-height: 0 !important;
  margin: 0 0 clamp(5px, .8vh, 11px) !important;
}
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card h3 {
  font-size: clamp(13px, 1vw, 16px) !important;
  line-height: 1.25 !important;
  margin-bottom: 4px !important;
}
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card p {
  font-size: clamp(11px, .74vw, 13px) !important;
  line-height: 1.45 !important;
}
.ui-shell-page[data-ui-page="index"] .feature-meta {
  margin-top: clamp(4px, .8vh, 10px) !important;
}

@media (max-height: 680px) and (min-width: 761px) {
  .ui-shell-page[data-ui-page="index"] .app-content {
    grid-template-rows: 146px 20px minmax(0, 1fr) !important;
    padding: 9px 12px !important;
  }
  .ui-shell-page[data-ui-page="index"] .hero-eyebrow,
  .ui-shell-page[data-ui-page="index"] .hero-text { display: none !important; }
  .ui-shell-page[data-ui-page="index"] .hero-title { margin-top: 24px !important; }
  .ui-shell-page[data-ui-page="index"] .hero-flow { margin-top: 9px !important; }
  .ui-shell-page[data-ui-page="index"] .main-grid { gap: 7px !important; }
}

/* FINAL RENDER LOCK — must remain the last visual layer. */
html { background: #eaf4ff; }
body { background: transparent !important; isolation: isolate; }
body::before {
  z-index: 0 !important;
  inset: -12vmax !important;
  opacity: 1 !important;
  background-image: var(--cm-fruit-bg) !important;
  background-size: cover !important;
  background-position: 46% 48% !important;
  animation: cmFinalAmbientDrift 19s cubic-bezier(.42,.08,.58,.94) infinite alternate !important;
}
body::after { z-index: 0 !important; opacity: .42 !important; }
@keyframes cmFinalAmbientDrift {
  0% { background-position:46% 48%; transform:scale(1.08) translate3d(-1.6%,-1%,0); }
  48% { background-position:53% 51%; transform:scale(1.14) translate3d(1.8%,.9%,0); }
  100% { background-position:49% 54%; transform:scale(1.10) translate3d(-.7%,1.7%,0); }
}
.glass-container,.glass-container--flex {
  width:min(calc(100% - 36px),1860px) !important;
  height:calc(100dvh - 28px) !important;
  max-height:none !important;
  margin:14px auto !important;
  border:0 !important;
  border-radius:26px !important;
  background:rgba(240,249,255,.19) !important;
  box-shadow:0 22px 60px rgba(73,104,159,.08) !important;
  position:relative; z-index:1;
}
.glass-container::after { display:none !important; }
.glass-container::before { opacity:.42 !important; animation:cmzWindowFlow 22s ease-in-out infinite alternate !important; }
.app-sidebar { background:rgba(226,244,255,.32) !important; border-right:1px solid rgba(255,255,255,.46) !important; }
.app-main { height:100% !important; min-height:0 !important; overflow:hidden !important; border-radius:0 !important; background:transparent !important; }
.app-content { height:0 !important; min-height:0 !important; flex:1 1 auto !important; overflow-x:auto !important; overflow-y:auto !important; padding:26px !important; }
.app-topbar,.ui-shell-page[data-ui-page="index"] .app-topbar {
  display:grid !important;
  grid-template-columns:minmax(250px,1fr) minmax(280px,430px) auto !important;
  align-items:center !important;
  gap:18px !important;
  height:64px !important;
  min-height:64px !important;
  padding:4px 8px 8px 18px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.app-topbar::before { display:none !important; }
.page-heading-wrap .page-kicker { display:block !important; margin:0 !important; color:#52749b !important; font-size:0 !important; font-weight:650 !important; letter-spacing:0 !important; }
.page-heading-wrap .page-title,.page-heading-wrap .page-desc { display:none !important; }
.site-search { position:relative; width:100%; z-index:12; }
.site-search-input { display:block; width:100%; height:42px; padding:0 18px 0 39px; color:#284467; font-size:13px; outline:none; border:1px solid rgba(255,255,255,.78); border-radius:999px; background:rgba(246,251,255,.52); box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 8px 22px rgba(71,99,150,.045); }
.site-search-input::placeholder { color:#7890ac; }
.site-search-input:focus { border-color:rgba(83,118,236,.54); box-shadow:0 0 0 4px rgba(93,128,246,.11),inset 0 1px 0 rgba(255,255,255,.94); background:rgba(255,255,255,.68); }
.site-search-icon { position:absolute; z-index:1; left:16px; top:9px; color:#6f8dac; font-size:19px; line-height:1; pointer-events:none; }
.site-search-results { display:none; position:absolute; top:calc(100% + 8px); left:0; right:0; overflow:hidden; border:1px solid rgba(255,255,255,.86); border-radius:15px; background:rgba(247,251,255,.92); box-shadow:0 18px 44px rgba(49,73,126,.16),inset 0 1px 0 #fff; }
.site-search-results.is-open { display:block; }
.site-search-results a { display:grid; gap:3px; padding:11px 14px; color:#385879; text-decoration:none; border-bottom:1px solid rgba(102,128,177,.10); }
.site-search-results a:last-child { border-bottom:0; }
.site-search-results a:hover { background:rgba(100,133,246,.09); }
.site-search-results strong { font-size:13px; color:#203c63; }
.site-search-results span,.site-search-empty { color:#7488a2; font-size:11px; }
.site-search-empty { padding:14px; }
.topbar-actions { justify-self:end; }
.integral-badge,.topbar-chip { min-height:42px !important; padding:0 17px !important; border:1px solid rgba(255,255,255,.80) !important; background:rgba(250,248,255,.55) !important; }

.ui-shell-page[data-ui-page="index"] .app-content {
  height:0 !important;
  overflow:hidden !important;
  padding:0 8px 12px !important;
  display:grid !important;
  grid-template-rows:clamp(170px,29vh,292px) 31px minmax(0,1fr) !important;
}
.ui-shell-page[data-ui-page="index"] .home-hero { height:100% !important; margin:0 !important; border-radius:25px !important; }
.ui-shell-page[data-ui-page="index"] .hero-copy { padding:clamp(17px,2.35vh,33px) clamp(26px,3vw,58px) !important; }
.ui-shell-page[data-ui-page="index"] .hero-copy::before { display:none !important; }
.ui-shell-page[data-ui-page="index"] .hero-copy::after { width:46% !important; height:100% !important; right:0 !important; top:0 !important; background:url('../assets/ui/hero-integrated-v3.png') right center / contain no-repeat !important; filter:none !important; }
.ui-shell-page[data-ui-page="index"] .hero-side { display:none !important; }
.ui-shell-page[data-ui-page="index"] .hero-title { max-width:58% !important; color:#152b56 !important; font-size:clamp(27px,3vw,49px) !important; }
.ui-shell-page[data-ui-page="index"] .hero-text { max-width:52% !important; color:#5f7699 !important; font-size:clamp(13px,1vw,17px) !important; }
.ui-shell-page[data-ui-page="index"] .hero-eyebrow { margin-bottom:10px !important; font-size:clamp(12px,.9vw,15px) !important; }
.ui-shell-page[data-ui-page="index"] .hero-flow { max-width:54% !important; margin-top:clamp(9px,1.55vh,20px) !important; }
.ui-shell-page[data-ui-page="index"] .section-head { align-self:center; margin:0 !important; }
.ui-shell-page[data-ui-page="index"] .section-title { font-size:18px !important; }
.ui-shell-page[data-ui-page="index"] .main-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; grid-template-rows:minmax(0,1.45fr) minmax(0,1fr) !important; gap:12px !important; }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card:nth-child(1),.ui-shell-page[data-ui-page="index"] .main-grid .glass-card:nth-child(2) { grid-column:span 2; }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card { padding:clamp(10px,1.25vw,20px) !important; }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card:nth-child(1) .feature-icon,.ui-shell-page[data-ui-page="index"] .main-grid .glass-card:nth-child(2) .feature-icon { width:clamp(66px,7vw,118px) !important; height:clamp(66px,7vw,118px) !important; float:left; margin:0 clamp(10px,1.6vw,24px) 6px 0 !important; }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card:nth-child(n+3) .feature-icon { width:clamp(30px,2.6vw,44px) !important; height:clamp(30px,2.6vw,44px) !important; }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card h3 { font-size:clamp(14px,1.2vw,20px) !important; padding-top:4px; }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card p { color:#627a98 !important; }
.ui-shell-page[data-ui-page="index"] .main-grid .glass-card:nth-child(n+3) .feature-meta { display:none !important; }
@media (max-height:760px) and (min-width:761px) {
  .app-topbar,.ui-shell-page[data-ui-page="index"] .app-topbar { height:54px !important; min-height:54px !important; }
  .site-search-input { height:38px; }
  .site-search-icon { top:8px; }
  .ui-shell-page[data-ui-page="index"] .app-content { grid-template-rows:164px 26px minmax(0,1fr) !important; }
  .ui-shell-page[data-ui-page="index"] .hero-eyebrow,.ui-shell-page[data-ui-page="index"] .hero-text { display:none !important; }
  .ui-shell-page[data-ui-page="index"] .hero-title { margin-top:26px !important; }
  .ui-shell-page[data-ui-page="index"] .main-grid { gap:8px !important; }
  .ui-shell-page[data-ui-page="index"] .main-grid .glass-card { padding:8px 11px !important; }
}