/* site-shared-inline.css
 * P2-1 全站共享内联块抽取产物 · 2026-09-17
 * 来源：17 个页面中字节完全一致（sha1 相同）且经层叠分析确认可安全前置的内联 <style> 块。
 * 契约块 theme-vars / semantic-token-fallback 仍在各页 <head> 原位，未纳入抽取。
 * 覆盖块（sha1 前缀）：eabb81ad, d19832d5, 58499b42, 63137d3b, b7506d9b, 4abf5aeb
 */

      .no-scrollbar::-webkit-scrollbar { display: none; }
      .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
      [data-icon] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        background-color: currentColor;
      }
    

    /* Nav dropdown stable transition (no flicker) */
    .xy-nav-dd {
      transition: opacity 0.18s ease, visibility 0.18s;
    }
    .group:hover > .xy-nav-dd,
    .group:focus-within > .xy-nav-dd {
      opacity: 1;
      visibility: visible;
    }
    
.faq-grid { display: grid; grid-template-columns: 1fr; gap: 12px; } @media (min-width: 768px) { .faq-grid { grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; } } .faq-content { display: block !important; max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; padding-top: 0 !important; padding-bottom: 0 !important; transition: max-height 0.35s ease, opacity 0.35s ease, padding 0.35s ease; } .faq-open .faq-content { max-height: 1000px; opacity: 1; visibility: visible; padding-top: 0 !important; padding-bottom: 1.25rem !important; } .faq-open .faq-icon { transform: rotate(180deg); } .faq-icon { transition: transform 0.3s ease; }

.owt-head-label { display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; border-radius: 50px; font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: var(--xy-primary-hover); background: var(--xy-trust-glass); border: 1px solid var(--xy-primary-line-soft); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: var(--xy-shadow-sm); }
.owt-head-label::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--xy-gradient-accent-bar); }
.owt-stat-card { position: relative; display: flex; flex-direction: column; align-items: center; padding: 26px 14px 20px; border-radius: var(--xy-radius-xl); background: var(--xy-trust-glass); border: 1px solid var(--xy-border-line); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: var(--xy-shadow-md); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; overflow: hidden; }
.owt-stat-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--xy-gradient-accent-bar); opacity: 0.4; transition: opacity 0.3s ease, transform 0.3s ease; transform: scaleX(0.6); }
.owt-stat-card:hover { transform: translateY(-5px); box-shadow: var(--xy-shadow-card-hover); border-color: var(--xy-primary-line); }
.owt-stat-card:hover::before { opacity: 1; transform: scaleX(1); }
.owt-stat-num { font-size: clamp(34px, 6vw, 54px); font-weight: 900; letter-spacing: -0.02em; line-height: 1; background: var(--xy-gradient-text); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: drop-shadow(0 2px 6px rgba(37,99,235,0.18)); margin-bottom: 10px; }
.owt-stat-trend { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 10px; }
.owt-stat-trend-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--xy-state-success); box-shadow: 0 0 0 3px rgba(16,185,129,0.15); }
.owt-stat-trend-txt { font-size: 11px; font-weight: 700; color: var(--xy-primary-hover); letter-spacing: 0.02em; }
.owt-stat-label { font-size: 14px; font-weight: 700; color: var(--xy-foreground); margin-bottom: 3px; }
.owt-stat-sub { font-size: 11px; color: var(--xy-muted-foreground); }
.owt-case-card { position: relative; display: flex; flex-direction: column; padding: 26px 24px 22px; border-radius: var(--xy-radius-xl); background: var(--xy-trust-glass-strong); border: 1px solid var(--xy-border-line); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: var(--xy-shadow-md); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; overflow: hidden; }
.owt-case-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--xy-gradient-accent-bar); opacity: 0; transition: opacity 0.3s ease; }
.owt-case-card:hover { transform: translateY(-6px); box-shadow: var(--xy-shadow-card-hover); border-color: var(--xy-primary-line); }
.owt-case-card:hover::before { opacity: 1; }
.owt-case-avatar { width: 52px; height: 52px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; color: var(--xy-primary-foreground); background: var(--xy-gradient-accent-bar); box-shadow: 0 0 0 4px rgba(255,255,255,0.5), 0 0 0 6px var(--xy-primary-line-soft), var(--xy-shadow-sm); margin-bottom: 18px; }
.owt-case-tag { font-size: 11px; font-weight: 600; color: var(--xy-primary-hover); letter-spacing: 0.02em; margin-bottom: 6px; }
.owt-case-mini { margin-top: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding-top: 16px; border-top: 1px solid var(--xy-border-line-soft); }
.owt-case-mini-item { padding: 10px 6px; border-radius: var(--xy-radius-md); background: var(--xy-trust-glass-mini); border: 1px solid var(--xy-border-line-soft); text-align: center; transition: border-color 0.3s ease; }
.owt-case-card:hover .owt-case-mini-item { border-color: var(--xy-primary-line-soft); }
.owt-case-mini-val { font-size: 15px; font-weight: 800; letter-spacing: -0.01em; color: var(--xy-primary-hover); }
.owt-case-mini-lab { font-size: 10px; color: var(--xy-muted-foreground); margin-top: 2px; }
.owt-quote-grid { display: grid; grid-template-columns: 1fr; gap: 20px; max-width: 900px; margin: 0 auto 40px; }
@media (min-width: 768px) { .owt-quote-grid { grid-template-columns: repeat(2, 1fr); } }
.owt-quote-card { position: relative; padding: 28px 26px 22px; border-radius: var(--xy-radius-xl); background: var(--xy-trust-glass-strong); border: 1px solid var(--xy-border-line); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: var(--xy-shadow-md); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }
.owt-quote-card:hover { transform: translateY(-5px); box-shadow: var(--xy-shadow-card-hover); border-color: var(--xy-primary-line); }
.owt-quote-card::before { content: '“'; position: absolute; top: 4px; left: 18px; font-size: 56px; line-height: 1; color: var(--xy-primary-hover); opacity: 0.20; font-family: Georgia, serif; }
.owt-quote-text { font-size: 14px; line-height: 1.8; color: var(--xy-fg-secondary); margin-bottom: 16px; position: relative; }
.owt-quote-author { display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px dashed var(--xy-border-line); }
.owt-quote-avatar { width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 800; color: var(--xy-primary-foreground); background: var(--xy-gradient-accent-bar); box-shadow: 0 0 0 3px rgba(255,255,255,0.6), 0 0 0 5px var(--xy-primary-line-soft), var(--xy-shadow-sm); }
.owt-quote-name { font-size: 14px; font-weight: 700; color: var(--xy-foreground); }
.owt-quote-role { font-size: 12px; color: var(--xy-muted-foreground); margin-top: 2px; }
.owt-quote-metric { margin-left: auto; flex-shrink: 0; text-align: center; font-size: 12px; font-weight: 800; color: var(--xy-primary-foreground); padding: 7px 14px; border-radius: 50px; background: var(--xy-gradient-accent-bar); box-shadow: 0 4px 12px -4px rgba(37,99,235,0.45); }
@media (max-width: 480px) { .owt-quote-metric { display: none; } }
.owt-cert-block { position: relative; border-radius: var(--xy-radius-xl); padding: 30px; background: var(--xy-trust-glass-strong); border: 1px solid var(--xy-border-line); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: var(--xy-shadow-md); }
.owt-cert-title { font-size: 20px; font-weight: 800; color: var(--xy-foreground); }
.owt-cert-sub { font-size: 13px; color: var(--xy-muted-foreground); margin-top: 4px; }
.owt-cert-item { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: var(--xy-radius-lg); background: var(--xy-trust-glass-soft); border: 1px solid var(--xy-border-line-soft); transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }
.owt-cert-item:hover { transform: translateY(-4px); box-shadow: var(--xy-shadow-card-hover); border-color: var(--xy-primary-line); }
.owt-cert-name { font-size: 15px; font-weight: 700; color: var(--xy-foreground); }
.owt-cert-desc { font-size: 12px; color: var(--xy-muted-foreground); margin-top: 3px; }


  .float-demo-btn {
    position: fixed; right: 16px; bottom: 88px; z-index: 60;
    display: none; align-items: center; gap: 8px;
    padding: 12px 22px; border-radius: 50px;
    background: var(--xy-primary); color: #fff;
    font-size: 14px; font-weight: 700; letter-spacing: 0.02em;
    box-shadow: 0 6px 24px rgba(37, 99, 235, 0.35);
    opacity: 0; transform: translateY(12px); pointer-events: none;
    transition: opacity 0.3s, transform 0.3s;
    text-decoration: none;
  }
  .float-demo-btn.visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
  @media (max-width: 767px) {
    .float-demo-btn { display: inline-flex; }
  }


      /* Scroll reveal animation（与全站一致） */
      html.js .scroll-reveal {
        opacity: 0;
        transform: translateY(24px);
        transition: opacity 0.6s ease, transform 0.6s ease;
      }
      html.js .scroll-reveal.visible {
        opacity: 1;
        transform: translateY(0);
      }

      @media (prefers-reduced-motion: reduce) {
        html.js .scroll-reveal {
          opacity: 1;
          transform: none;
          transition: none;
        }
        html { scroll-behavior: auto; }
      }
    