/* ===== 品牌令牌（原 HeroUI 令牌子集，纯手写零依赖） ===== */
      :root {
        --accent: #ff6a00;
        --accent-foreground: #ffffff;
        --accent-hover: #e85d00;
        --background: #ffffff;
        --foreground: #181818;
        --surface: #f7f8fa;
        --muted: #737373;
        --border: #e5e7eb;
        color-scheme: light;
      }
      html[data-theme='dark'] {
        --background: #10131a;
        --foreground: #ededed;
        --surface: #161a24;
        --muted: #9b9b9b;
        --border: #2a2f3d;
        color-scheme: dark;
      }
      * {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        margin: 0;
        background: var(--background);
        color: var(--foreground);
        font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', system-ui, -apple-system, sans-serif;
        line-height: 1.6;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      .mx-auto { margin-inline: auto; }
      .max-w-7xl { max-width: 80rem; }
      .px-6 { padding-inline: 1.5rem; }
      .py-20 { padding-block: 5rem; }
      .mt-12 { margin-top: 3rem; }

      /* 顶栏 */
      .site-header {
        position: sticky;
        top: 0;
        z-index: 50;
        background: color-mix(in srgb, var(--background) 94%, transparent);
        backdrop-filter: blur(8px);
        border-bottom: 1px solid var(--border);
      }
      .site-header .bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1.5rem;
        height: 4rem;
      }
      .brand {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        font-weight: 600;
        letter-spacing: 0.02em;
      }
      .brand-mark {
        display: flex;
        width: 2.25rem;
        height: 2.25rem;
        align-items: center;
        justify-content: center;
        border-radius: 0.5rem;
        background: var(--accent);
        color: #fff;
        font-size: 1.05rem;
        font-weight: 700;
      }
      .site-nav {
        display: none;
        align-items: center;
        gap: 0.25rem;
      }
      .site-nav a {
        border-radius: 0.5rem;
        padding: 0.5rem 1rem;
        font-size: 0.925rem;
        color: color-mix(in srgb, var(--foreground) 80%, transparent);
        transition: color 0.15s, background 0.15s;
      }
      .site-nav a:hover {
        color: var(--accent);
        background: rgb(255 106 0 / 0.05);
      }
      .theme-toggle {
        width: 2.25rem;
        height: 2.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--border);
        border-radius: 0.5rem;
        background: transparent;
        color: var(--muted);
        cursor: pointer;
        font-size: 1rem;
        transition: color 0.15s, border-color 0.15s;
      }
      .theme-toggle:hover { color: var(--accent); border-color: var(--accent); }
      @media (min-width: 1024px) {
        .site-nav { display: flex; }
      }

      /* Hero：浅色模式白底深字，深色模式恢复深色辉光（阿里云式） */
      .official-hero {
        color: var(--foreground);
        background: var(--background);
      }
      .hero-body { padding-block: 6rem 5rem; }
      @media (min-width: 768px) { .hero-body { padding-block: 8rem 7rem; } }
      .hero-eyebrow {
        margin: 0;
        font-size: 0.925rem;
        font-weight: 500;
        letter-spacing: 0.12em;
        color: var(--muted);
      }
      h1.hero-title {
        margin: 1.25rem 0 0;
        max-width: 48rem;
        font-size: 2.25rem;
        font-weight: 700;
        line-height: 1.2;
        color: var(--foreground);
      }
      @media (min-width: 768px) { h1.hero-title { font-size: 3.5rem; } }
      .hero-title .x { margin-inline: 0.75rem; color: var(--accent); }
      .hero-slogan {
        margin: 1.5rem 0 0;
        max-width: 36rem;
        font-size: 1.125rem;
        line-height: 1.625;
        color: var(--muted);
      }
      @media (min-width: 768px) { .hero-slogan { font-size: 1.25rem; } }
      .hero-cta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 1rem;
        margin-top: 2.5rem;
      }
      .btn-primary {
        display: inline-block;
        border-radius: 0.5rem;
        padding: 0.875rem 1.75rem;
        font-size: 0.925rem;
        font-weight: 500;
        background: var(--accent);
        color: #fff;
        transition: background 0.15s;
      }
      .btn-primary:hover { background: var(--accent-hover); }
      .btn-ghost {
        display: inline-block;
        border-radius: 0.5rem;
        border: 1px solid var(--border);
        padding: 0.875rem 1.75rem;
        font-size: 0.925rem;
        font-weight: 500;
        color: var(--foreground);
        transition: border-color 0.15s, color 0.15s;
      }
      .btn-ghost:hover { border-color: var(--accent); color: var(--accent); }
      .hero-stats {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1px;
        overflow: hidden;
        margin: 5rem 0 0;
        border: 1px solid var(--border);
        border-radius: 1rem;
        background: var(--surface);
      }
      @media (min-width: 768px) { .hero-stats { grid-template-columns: repeat(4, 1fr); } }
      .hero-stats .stat {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.375rem;
        padding: 1.5rem 1rem;
      }
      .hero-stats dd { margin: 0; font-size: 1.5rem; font-weight: 700; color: var(--accent); }
      .hero-stats dt { font-size: 0.875rem; color: var(--muted); }
      html[data-theme='dark'] .official-hero {
        color: #fafafa;
        background:
          radial-gradient(110% 85% at 78% 8%, rgb(255 106 0 / 0.28) 0%, transparent 52%),
          radial-gradient(85% 70% at 18% 12%, rgb(64 100 255 / 0.22) 0%, transparent 55%),
          linear-gradient(180deg, #10131a 0%, #161a24 60%, #10131a 100%);
      }
      html[data-theme='dark'] .hero-eyebrow { color: rgb(255 255 255 / 0.6); }
      html[data-theme='dark'] h1.hero-title { color: #fff; }
      html[data-theme='dark'] .hero-slogan { color: rgb(255 255 255 / 0.7); }
      html[data-theme='dark'] .btn-ghost { border-color: rgb(255 255 255 / 0.25); color: rgb(255 255 255 / 0.9); }
      html[data-theme='dark'] .btn-ghost:hover { border-color: rgb(255 255 255 / 0.5); color: #fff; }
      html[data-theme='dark'] .hero-stats { border-color: rgb(255 255 255 / 0.1); background: rgb(255 255 255 / 0.05); backdrop-filter: blur(8px); }
      html[data-theme='dark'] .hero-stats dt { color: rgb(255 255 255 / 0.6); }

      /* 区块 */
      .section-heading .label {
        display: block;
        font-size: 0.875rem;
        font-weight: 500;
        letter-spacing: 0.12em;
        color: var(--accent);
      }
      h2.section-title {
        margin: 0.75rem 0 0;
        font-size: 1.875rem;
        font-weight: 700;
        line-height: 1.3;
      }
      @media (min-width: 768px) { h2.section-title { font-size: 2.25rem; } }
      .bg-surface { background: var(--surface); }

      /* 卡片体系 */
      .card {
        display: flex;
        flex-direction: column;
        border: 1px solid var(--border);
        border-radius: 1rem;
        background: var(--background);
        padding: 2rem;
        transition: border-color 0.2s, box-shadow 0.2s;
      }
      .card:hover {
        border-color: rgb(255 106 0 / 0.4);
        box-shadow: 0 12px 32px rgb(255 106 0 / 0.08);
      }
      .grid-3 { display: grid; gap: 1.5rem; grid-template-columns: 1fr; }
      @media (min-width: 768px) { .grid-3 { grid-template-columns: repeat(3, 1fr); } }
      .grid-4 { display: grid; gap: 1.25rem; grid-template-columns: 1fr; }
      @media (min-width: 640px) { .grid-4 { grid-template-columns: repeat(2, 1fr); } }
      @media (min-width: 1024px) { .grid-4 { grid-template-columns: repeat(4, 1fr); } }
      .grid-2 { display: grid; gap: 1.25rem; grid-template-columns: 1fr; }
      @media (min-width: 768px) { .grid-2 { grid-template-columns: repeat(2, 1fr); } }
      .icon-chip {
        display: flex;
        width: 3.25rem;
        height: 3.25rem;
        align-items: center;
        justify-content: center;
        border-radius: 0.75rem;
        background: rgb(255 106 0 / 0.08);
        color: var(--accent);
      }
      .icon-chip svg { width: 1.75rem; height: 1.75rem; }
      .icon-chip-sm { width: 3rem; height: 3rem; flex-shrink: 0; }
      .icon-chip-sm svg { width: 1.5rem; height: 1.5rem; }
      .card h3 { margin: 1.5rem 0 0; font-size: 1.25rem; font-weight: 600; }
      .card p.desc { margin: 0.75rem 0 0; font-size: 0.875rem; line-height: 1.625; color: var(--muted); }
      .points {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        margin: 1.5rem 0 0;
        padding: 1.5rem 0 0;
        border-top: 1px solid var(--border);
        font-size: 0.8125rem;
        color: color-mix(in srgb, var(--foreground) 75%, transparent);
        list-style: none;
      }
      .points li { display: flex; align-items: center; gap: 0.625rem; }
      .points svg { width: 1rem; height: 1rem; flex-shrink: 0; color: var(--accent); }
      .product-card { gap: 0.5rem; padding: 1.5rem; }
      .product-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.5rem; }
      .product-card h3 { margin: 0; font-size: 1rem; }
      .tag {
        flex-shrink: 0;
        border-radius: 0.375rem;
        background: rgb(255 106 0 / 0.1);
        padding: 0.125rem 0.5rem;
        font-size: 0.6875rem;
        font-weight: 500;
        color: var(--accent);
      }
      .solution-card { flex-direction: row; align-items: flex-start; gap: 1.25rem; padding: 1.75rem; }
      .solution-body { flex: 1; min-width: 0; }
      .solution-card h3 { margin: 0; font-size: 1.0625rem; }
      .solution-card p.desc { margin-top: 0.5rem; font-size: 0.8125rem; }
      .solution-card .arrow { width: 1.25rem; height: 1.25rem; flex-shrink: 0; margin-top: 0.25rem; color: var(--accent); transition: transform 0.2s; }
      .solution-card:hover .arrow { transform: translateX(4px); }
      .value-card h3 { margin: 0; color: var(--accent); font-size: 1.25rem; font-weight: 700; }
      .value-card { padding: 1.75rem; }

      /* 技术优势横幅：浅色模式跟随主题（白底深字），深色模式恢复深色辉光 */
      .advantages h2.section-title { color: var(--foreground); }
      .advantage-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2.5rem;
        margin-top: 3.5rem;
        text-align: center;
      }
      @media (min-width: 768px) { .advantage-grid { grid-template-columns: repeat(4, 1fr); } }
      .advantage-grid dd { margin: 0; font-size: 2.25rem; font-weight: 700; color: var(--accent); }
      @media (min-width: 768px) { .advantage-grid dd { font-size: 3rem; } }
      .advantage-grid dt { font-size: 0.875rem; color: var(--muted); }
      .advantage-grid .item { display: flex; flex-direction: column; gap: 0.5rem; }
      html[data-theme='dark'] .advantages {
        color: #fafafa;
        background:
          radial-gradient(110% 85% at 78% 8%, rgb(255 106 0 / 0.28) 0%, transparent 52%),
          radial-gradient(85% 70% at 18% 12%, rgb(64 100 255 / 0.22) 0%, transparent 55%),
          linear-gradient(180deg, #10131a 0%, #161a24 60%, #10131a 100%);
      }
      html[data-theme='dark'] .advantages h2.section-title { color: #fff; }
      html[data-theme='dark'] .advantage-grid dt { color: rgb(255 255 255 / 0.6); }

      /* 关于 */
      .about-grid {
        display: grid;
        gap: 3.5rem;
        max-width: 80rem;
        margin-inline: auto;
        padding-inline: 1.5rem;
      }
      @media (min-width: 768px) {
        .about-grid { grid-template-columns: 1.2fr 1fr; align-items: center; }
      }
      .about-intro { margin: 2rem 0 0; font-size: 0.925rem; line-height: 2; color: color-mix(in srgb, var(--foreground) 75%, transparent); }
      .tag-row { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; }
      .tag-row span { border: 1px solid var(--border); border-radius: 9999px; background: var(--background); padding: 0.375rem 1rem; font-size: 0.8125rem; color: color-mix(in srgb, var(--foreground) 70%, transparent); }
      .about-facts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
      .about-facts .fact { border: 1px solid var(--border); border-radius: 1rem; background: var(--background); padding: 1.5rem; }
      .about-facts .fact strong { display: block; font-size: 1.5rem; font-weight: 700; color: var(--accent); }
      .about-facts .fact em { margin-top: 0.5rem; font-size: 0.8125rem; font-style: normal; color: var(--muted); }
      .sub-heading { margin-top: 5rem; }
      .sub-heading h2.section-title { font-size: 1.6rem; }

      /* 发展历程时间线 */
      .timeline { display: flex; flex-direction: column; border-left: 2px solid rgb(255 106 0 / 0.3); padding-left: 2rem; margin-top: 3rem; }
      .timeline .item { position: relative; padding-bottom: 2.5rem; }
      .timeline .item:last-child { padding-bottom: 0; }
      .timeline .dot { position: absolute; left: -2.5625rem; top: 0.25rem; width: 1rem; height: 1rem; border-radius: 9999px; border: 2px solid var(--accent); background: var(--background); }
      .timeline .year { margin: 0; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.1em; color: var(--accent); }
      .timeline h3 { margin: 0.25rem 0 0; font-size: 1.0625rem; font-weight: 600; }
      .timeline p.detail { margin: 0.375rem 0 0; font-size: 0.875rem; color: var(--muted); }
      .timeline-note { margin: 1.5rem 0 0; font-size: 0.75rem; color: var(--muted); }

      /* 联系 */
      .contact-banner {
        overflow: hidden;
        margin-top: 3rem;
        border-radius: 1rem;
        padding: 2.5rem 2rem;
        background: linear-gradient(to right, var(--accent), #ff8f3f);
        color: #fff;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
      }
      @media (min-width: 768px) {
        .contact-banner { flex-direction: row; align-items: center; justify-content: space-between; padding: 3rem 3.5rem; }
      }
      .contact-banner h3 { margin: 0; font-size: 1.5rem; font-weight: 700; }
      @media (min-width: 768px) { .contact-banner h3 { font-size: 1.875rem; } }
      .contact-banner p { margin: 0.75rem 0 0; font-size: 0.925rem; color: rgb(255 255 255 / 0.85); }
      .btn-white { display: inline-block; flex-shrink: 0; border-radius: 0.5rem; background: #fff; padding: 0.75rem 1.75rem; font-size: 0.925rem; font-weight: 600; color: var(--accent); transition: background 0.15s; }
      .btn-white:hover { background: rgb(255 255 255 / 0.9); }
      .contact-cards { display: grid; gap: 1.25rem; margin-top: 2rem; }
      @media (min-width: 768px) { .contact-cards { grid-template-columns: repeat(3, 1fr); } }
      .contact-card { display: flex; align-items: center; gap: 1rem; border: 1px solid var(--border); border-radius: 0.75rem; background: var(--background); padding: 1.5rem; }
      .contact-card .icon-chip { width: 2.75rem; height: 2.75rem; }
      .contact-card .icon-chip svg { width: 1.25rem; height: 1.25rem; }
      .contact-card .k { margin: 0; font-size: 0.8125rem; color: var(--muted); }
      .contact-card .v { margin: 0.25rem 0 0; font-size: 0.925rem; font-weight: 500; }

      /* 页脚：浅色模式白底深字（跟随主题），深色模式保留深色渐变 */
      .site-footer {
        padding: 4rem 0 2rem;
        background: var(--background);
        border-top: 1px solid var(--border);
      }
      .footer-grid { display: grid; gap: 2.5rem; }
      @media (min-width: 768px) { .footer-grid { grid-template-columns: 1.4fr 1fr 1fr; } }
      .footer-brand { display: flex; align-items: center; gap: 0.75rem; color: var(--foreground); font-weight: 600; }
      .footer-desc { margin: 1rem 0 0; max-width: 24rem; font-size: 0.8125rem; line-height: 1.625; color: var(--muted); }
      .footer-col p.title { margin: 0; font-size: 0.875rem; font-weight: 600; color: var(--foreground); }
      .footer-col nav { display: flex; flex-direction: column; gap: 0.625rem; margin-top: 1rem; font-size: 0.8125rem; color: var(--muted); }
      .footer-col nav a { width: fit-content; transition: color 0.15s; }
      .footer-col nav a:hover { color: var(--foreground); }
      .footer-bottom { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--border); text-align: center; font-size: 0.75rem; color: var(--muted); }
      .footer-bottom a:hover { color: var(--foreground); }
      html[data-theme='dark'] .site-footer {
        border-top: 0;
        color: #fafafa;
        background:
          radial-gradient(110% 85% at 78% 8%, rgb(255 106 0 / 0.28) 0%, transparent 52%),
          radial-gradient(85% 70% at 18% 12%, rgb(64 100 255 / 0.22) 0%, transparent 55%),
          linear-gradient(180deg, #10131a 0%, #161a24 60%, #10131a 100%);
      }
      html[data-theme='dark'] .footer-brand { color: #fff; }
      html[data-theme='dark'] .footer-desc { color: rgb(255 255 255 / 0.55); }
      html[data-theme='dark'] .footer-col p.title { color: rgb(255 255 255 / 0.9); }
      html[data-theme='dark'] .footer-col nav { color: rgb(255 255 255 / 0.55); }
      html[data-theme='dark'] .footer-col nav a:hover { color: #fff; }
      html[data-theme='dark'] .footer-bottom { border-top-color: rgb(255 255 255 / 0.1); color: rgb(255 255 255 / 0.45); }
      html[data-theme='dark'] .footer-bottom a:hover { color: rgb(255 255 255 / 0.8); }