/* ==========================================================================
   财小云 · 极光 × 苹果风设计层（V25.7 / T63）——最后加载，只覆盖令牌与少量组件，不改页面结构
   色值取自《财小云设计系统 v1.2 Aurora》tokens/colors.css；苹果风只体现在版式：
   无衬线标题与数字、大圆角白卡片、轻阴影、浅色分区节奏、克制的悬停动效。
   与公司官网区分：去掉宋体标题、左竖线标题、DNA 线、眉标短横线，横幅改蓝→青极光。
   ========================================================================== */

:root {
    /* 令牌映射：设计系统 v1.2 → 主题变量 */
    --ztc-serif: var(--ztc-sans);           /* 标题、价格、编号统一无衬线 */
    --ztc-brand: #2563EB;                   /* --cxy-blue */
    --ztc-brand-primary: #2563EB;
    --ztc-brand-navy: #1D4ED8;              /* --cxy-blue-deep */
    --ztc-brand-cyan: #22D3EE;              /* --cxy-cyan */
    --ztc-action: #2563EB;                  /* --cxy-action */
    --ztc-action-hover: #1D4ED8;            /* --cxy-action-hover */
    --ztc-accent-bar: #2563EB;
    --ztc-info-ink: #1D4ED8;
    --ztc-tint-info-bg: #EFF4FF;            /* --cxy-tint-blue-bg */
    --ztc-surface-inverse: #1E40AF;         /* --cxy-blue-700 */
    --ztc-surface-inverse-deep: #0F172A;    /* --cxy-ink */
    --ztc-dna-stroke: #2563EB;
    --ztc-dna-stroke-subtle: #22D3EE;
    --ztc-bg: #F8FAFC;                      /* --cxy-subtle */
    --ztc-border: #E8EDF3;                  /* --cxy-border */
    --ztc-text: #334155;                    /* --cxy-ink-2 */
    --ztc-text-muted: #475569;              /* --cxy-text（正文灰，AA 达标） */
    --cxy-heading: #0F172A;                 /* --cxy-ink */
    --ztc-hero-eyebrow: #5EE9FB;            /* 设计系统暗色 --cxy-tint-cyan-fg，深蓝底上 ≥4.5:1 */

    /* 横幅：深蓝打底（#1E40AF→#1D4ED8，白字 ≥6:1），青色极光只放在右上角，
       光晕在任何文字位置的叠加不超过约 0.2，保证横幅小字也达到 AA 4.5:1 */
    --ztc-banner-luminous:
        radial-gradient(38% 55% at 100% 0%, rgba(34, 211, 238, .42), transparent 72%),
        radial-gradient(30% 45% at 100% 100%, rgba(34, 211, 238, .18), transparent 70%),
        linear-gradient(118deg, #1E40AF 0%, #1D4ED8 55%, #1D4ED8 100%);
    --ztc-banner-balanced:
        radial-gradient(38% 55% at 100% 0%, rgba(34, 211, 238, .36), transparent 72%),
        linear-gradient(120deg, #1E40AF 0%, #1D4ED8 100%);
    --ztc-banner-authority:
        radial-gradient(38% 55% at 100% 0%, rgba(34, 211, 238, .24), transparent 72%),
        radial-gradient(35% 55% at 0% 100%, rgba(79, 70, 229, .25), transparent 70%),
        linear-gradient(135deg, #0F172A 0%, #1E40AF 62%, #1D4ED8 100%);

    --cxy-radius-card: 22px;
    --cxy-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 10px 30px rgba(15, 23, 42, .06);
    --cxy-shadow-hover: 0 2px 4px rgba(15, 23, 42, .05), 0 16px 40px rgba(15, 23, 42, .10);
    --ztc-navy-deep: #0F172A;               /* --cxy-ink */
    --ztc-radius: 10px;                     /* 小控件圆角加大 */
    --ztc-shadow-hover: 0 2px 4px rgba(15, 23, 42, .05), 0 16px 40px rgba(15, 23, 42, .10);
    --ztc-shadow-panel: 0 16px 48px rgba(15, 23, 42, .14);
}

/* ── 标题：无衬线、更紧的字距、更利落的字重 ── */
h1, h2, h3 { letter-spacing: -.012em; }
.cxy-hero h1 { font-weight: 800; letter-spacing: -.02em; line-height: 1.18; }
.ztc-section-head h2, .ztc-bar-title h2 { font-weight: 800; letter-spacing: -.02em; }  /* 颜色沿用原主题：深色分区里仍是白字 */

/* ── 去掉公司官网母题：左竖线、DNA 线、眉标短横线 ── */
.ztc-bar-title::before { display: none; }
.ztc-bar-title { margin: 10px 0 12px; }
.ztc-dna-rule { display: none; }
.ztc-section-head > p:not(.ztc-eyebrow), .ztc-section-head div > p:not(.ztc-eyebrow) { margin-top: 4px; }
.ztc-eyebrow::before { display: none; }
/* 导航下拉面板与定位语里的母题（DNA 点划、左竖条） */
.ztc-panel-left .ztc-panel-heading::after, .ztc-insight-panel-top p::after, .ztc-con-slogan::before { display: none; }
.ztc-eyebrow { color: var(--ztc-action); letter-spacing: .08em; }
.ztc-eyebrow-light { color: var(--ztc-hero-eyebrow); }

/* ── 横幅：网格纹理减淡（极光光晕在横幅令牌里） ── */
.cxy-hero-grid { opacity: .05; }

/* ── 卡片：大圆角、无描边、轻阴影、悬停轻浮起 ── */
.cxy-plan, .cxy-service, .ztc-consult-card, .cxy-aside, .cxy-qr, .cxy-moments li {
    border-radius: var(--cxy-radius-card); border-color: transparent; box-shadow: var(--cxy-shadow); background: #fff;
}
.cxy-moments li { border-top: 0; }
.cxy-plan, .cxy-service { transition: transform .2s ease, box-shadow .2s ease; }
.cxy-plan:hover, .cxy-service:hover { border-color: transparent; box-shadow: var(--cxy-shadow-hover); transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) {
    .cxy-plan:hover, .cxy-service:hover { transform: none; }
}

/* ── 价格与大数字：无衬线、紧字距、等宽数字 ── */
.cxy-price strong, .cxy-service-price strong, .cxy-facts strong, .ztc-stat strong, .cxy-hero-index strong {
    font-family: var(--ztc-sans); font-weight: 800; letter-spacing: -.03em; font-variant-numeric: tabular-nums;
}
.cxy-checks li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--ztc-action); top: 1.05em; }

/* ── 分区与表格：浅色节奏、圆角容器、轻表头 ── */
.ztc-section-subtle { background: var(--ztc-bg); }
.cxy-table-wrap { border-radius: 18px; border-color: var(--ztc-border); }
.cxy-compare thead { background: #F1F5F9; }

/* ── 按钮：主操作品牌蓝胶囊，次操作描边胶囊 ── */
.ztc-btn-primary-pill { box-shadow: 0 6px 18px rgba(37, 99, 235, .24); }
.ztc-btn-ghost-pill { border-color: rgba(37, 99, 235, .40); }

/* ── 收尾带：深蓝极光 ── */
.cxy-closing { background: var(--ztc-banner-authority); }
.cxy-closing p { color: #E2E8F4; }  /* 设计系统暗色 --cxy-ink-2 */

/* ── 页脚：深墨底 + 一道品牌蓝光晕（原主题用深蓝满版） ── */
.ztc-footer {
    background:
        radial-gradient(42% 90% at 100% 0%, rgba(37, 99, 235, .38), transparent 70%),
        radial-gradient(30% 70% at 0% 100%, rgba(34, 211, 238, .12), transparent 70%),
        #0F172A;
}

/* ── 可读性补正：旧主题写死的浅色小字统一到设计系统正文灰 / 主蓝（WCAG AA） ── */
.cxy-step-no, .cxy-moment-no { color: #2563EB; }          /* 大号编号 */
.cxy-kb-bottom-note, .cxy-kb-section-title > span, .cxy-compare td.is-empty { color: #475569; }
.cxy-ai-band-en { color: #5EE9FB; }                        /* 深色财税 AI 区的英文小标签：暗色 --cxy-tint-cyan-fg */

/* ── T66 三档卡片“在线申请开通”（客户服务中心上线后出现）── */
.cxy-plan-apply { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-weight: 600; color: var(--ztc-action); }
.cxy-plan-apply:hover { color: var(--ztc-action-hover); }
