/* ============================================================================
   九龙科技 - 前台官网「手机端」独立样式
   ----------------------------------------------------------------------------
   仅服务端判定 site-client-mobile 时加载，与 site.css 叠加。
   ============================================================================ */

body.site-client-mobile {
    font-size: 14px;
}
body.site-client-mobile .site-wrap {
    padding: 0 18px;
}

/* 网格密度调低、光斑缩小 */
body.site-client-mobile .bg-grid { background-size: 40px 40px; opacity: 0.6; }
body.site-client-mobile .bg-orb--1 { width: 340px; height: 340px; top: -100px; left: -80px; }
body.site-client-mobile .bg-orb--2 { width: 300px; height: 300px; top: 160px;  right: -100px; }
body.site-client-mobile .bg-orb--3 { display: none; }

/* 顶栏 */
body.site-client-mobile .site-header-inner { height: 60px; gap: 8px; }
body.site-client-mobile .site-nav { display: none; }
body.site-client-mobile .site-actions .site-link,
body.site-client-mobile .site-actions .site-btn { display: none; }
body.site-client-mobile .site-burger { display: flex; }
body.site-client-mobile .site-brand-text em { display: none; }
body.site-client-mobile .site-brand-text strong { font-size: 15px; }

body.site-client-mobile .site-mobile-nav {
    display: block;
    position: fixed;
    top: 60px;
    left: 0; right: 0;
    z-index: 45;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: saturate(160%) blur(18px);
    -webkit-backdrop-filter: saturate(160%) blur(18px);
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}
body.site-client-mobile .site-mobile-nav.is-open { max-height: 640px; }
body.site-client-mobile .site-mobile-nav-inner {
    padding: 8px 18px 18px;
    display: flex;
    flex-direction: column;
}
body.site-client-mobile .site-mobile-nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 4px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.7);
    color: #1e293b;
    font-weight: 500;
}
body.site-client-mobile .site-mobile-nav a.active { color: #5b6bff; }
body.site-client-mobile .site-mobile-nav a svg { color: #94a3b8; }
body.site-client-mobile .site-mobile-actions {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}
body.site-client-mobile .site-mobile-actions .site-btn { flex: 1; justify-content: center; }
body.site-client-mobile .site-mobile-switch {
    margin-top: 14px;
    text-align: center;
    font-size: 12px;
    color: #94a3b8;
}
body.site-client-mobile .site-mobile-switch a { color: #5b6bff; font-weight: 600; margin: 0 4px; }

/* HERO */
body.site-client-mobile .hero { padding: 48px 0 60px; }
body.site-client-mobile .hero-title { font-size: 34px; line-height: 1.15; margin-top: 18px; }
body.site-client-mobile .hero-sub { font-size: 14px; margin-top: 14px; }
body.site-client-mobile .hero-ctas { margin-top: 22px; gap: 10px; flex-direction: column; align-items: stretch; }
body.site-client-mobile .hero-ctas .site-btn { width: 100%; justify-content: center; padding: 14px 20px; }
body.site-client-mobile .hero-stats { grid-template-columns: repeat(2, 1fr); gap: 14px; padding: 14px; margin-top: 32px; border-radius: 16px; }
body.site-client-mobile .hero-stat:nth-child(2n)::after { display: none; }
body.site-client-mobile .hero-stat strong { font-size: 22px; }

/* HERO Mock — 手机端隐藏精细 mock，保留浮标小展示 */
body.site-client-mobile .hero-mock { margin-top: 40px; padding: 8px; border-radius: 18px; }
body.site-client-mobile .hmf-top { padding: 10px 12px; }
body.site-client-mobile .hmf-addr { margin-right: 8px; font-size: 10px; }
body.site-client-mobile .hmf-body { min-height: auto; flex-direction: column; }
body.site-client-mobile .hmf-side { display: none; }
body.site-client-mobile .hmf-main { padding: 12px; gap: 12px; }
body.site-client-mobile .hmf-cards { grid-template-columns: repeat(2, 1fr); }
body.site-client-mobile .hmf-chart { min-height: 120px; }
body.site-client-mobile .hero-mock-badge { display: none; }

/* Logos */
body.site-client-mobile .logos { padding: 20px 0 32px; }
body.site-client-mobile .logos-row span { padding: 8px 14px; font-size: 12px; }

/* Section heads */
body.site-client-mobile .section-head { margin-bottom: 32px; }
body.site-client-mobile .section-title { font-size: 26px; line-height: 1.25; }
body.site-client-mobile .section-sub { font-size: 13.5px; }

/* Features */
body.site-client-mobile .features { padding: 56px 0; }
body.site-client-mobile .feature-grid { grid-template-columns: 1fr; gap: 14px; }
body.site-client-mobile .feature-card { padding: 22px 20px; }

/* Showcase */
body.site-client-mobile .showcase { padding: 56px 0; }
body.site-client-mobile .section-head--row { flex-direction: column; align-items: flex-start; margin-bottom: 24px; }
body.site-client-mobile .app-grid { grid-template-columns: 1fr; gap: 14px; }
body.site-client-mobile .app-card { padding: 18px; border-radius: 18px; }
body.site-client-mobile .app-card-title { font-size: 16px; }
body.site-client-mobile .app-detail-head { flex-direction: column; padding: 18px; border-radius: 16px; }
body.site-client-mobile .app-detail-logo { width: 58px; height: 58px; font-size: 22px; }
body.site-client-mobile .app-detail-actions { width: 100%; }
body.site-client-mobile .app-detail-actions .site-btn { width: 100%; justify-content: center; }
body.site-client-mobile .app-detail-grid { grid-template-columns: 1fr; gap: 12px; }
body.site-client-mobile .app-detail-card { padding: 18px; border-radius: 14px; }
body.site-client-mobile .app-shot-grid { grid-template-columns: 1fr; gap: 10px; }
body.site-client-mobile .app-shot { min-height: 140px; }
body.site-client-mobile .demo-center { padding: 18px; border-radius: 14px; }
body.site-client-mobile .demo-center--admin { max-width: 100%; }
body.site-client-mobile .demo-switch { flex-direction: column; }
body.site-client-mobile .demo-switch .site-btn { width: 100%; justify-content: center; }
body.site-client-mobile .demo-box { padding: 14px; border-radius: 12px; }
body.site-client-mobile .demo-box-meta { flex-direction: column; gap: 4px; }
body.site-client-mobile .demo-box-links { flex-direction: column; gap: 6px; }
body.site-client-mobile .demo-phone-wrap { width: 100%; border-radius: 22px; padding: 10px 8px 8px; }
body.site-client-mobile .demo-phone-head { width: 84px; height: 14px; margin-bottom: 8px; }
body.site-client-mobile .demo-phone-frame { height: 72vh; border-radius: 16px; }
body.site-client-mobile .demo-cp-wrap { width: 100%; border-radius: 10px; }
body.site-client-mobile .demo-cp-topbar { height: 34px; font-size: 11px; padding: 0 10px; }
body.site-client-mobile .demo-cp-actions { gap: 4px; }
body.site-client-mobile .site-btn--xs { height: 24px; padding: 0 7px; font-size: 11px; border-radius: 6px; }
body.site-client-mobile .demo-cp-frame { height: 72vh; }
body.site-client-mobile .demo-cp-progress { top: 34px; }

/* Flow */
body.site-client-mobile .flow { padding: 56px 0; }
body.site-client-mobile .flow-list { grid-template-columns: 1fr; gap: 12px; }
body.site-client-mobile .flow-item::before { display: none; }
body.site-client-mobile .flow-num { font-size: 36px; }

/* CTA */
body.site-client-mobile .cta { padding: 48px 0 72px; }
body.site-client-mobile .cta-box { padding: 36px 24px; border-radius: 22px; flex-direction: column; align-items: flex-start; text-align: left; }
body.site-client-mobile .cta-actions { width: 100%; flex-direction: column; }
body.site-client-mobile .cta-actions .site-btn { width: 100%; justify-content: center; }

/* 内页 Hero */
body.site-client-mobile .page-hero-site { padding: 48px 0 20px; }
body.site-client-mobile .page-hero-site-inner .section-title { font-size: 28px; }
body.site-client-mobile .app-search { padding: 5px 5px 5px 14px; margin: 20px 0 14px; }
body.site-client-mobile .app-cats { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 6px; margin: 14px -4px 0; padding-left: 4px; padding-right: 4px; -webkit-overflow-scrolling: touch; }
body.site-client-mobile .app-cats::-webkit-scrollbar { display: none; }
body.site-client-mobile .app-cat { flex-shrink: 0; }

/* About */
body.site-client-mobile .about-grid-wrap { padding: 24px 0 56px; }
body.site-client-mobile .about-grid { grid-template-columns: 1fr; gap: 14px; }
body.site-client-mobile .about-card { padding: 24px; }
body.site-client-mobile .about-num { font-size: 40px; }

/* Footer */
body.site-client-mobile .site-footer-top { padding: 40px 20px; grid-template-columns: 1fr; gap: 32px; }
body.site-client-mobile .site-footer-cols { grid-template-columns: repeat(3, 1fr); gap: 16px; }
body.site-client-mobile .site-footer-col h4 { font-size: 13px; }
body.site-client-mobile .site-footer-col a { font-size: 12.5px; }
body.site-client-mobile .site-footer-bottom-inner {
    flex-direction: column;
    gap: 6px;
    padding: 14px 20px calc(14px + env(safe-area-inset-bottom, 0));
    text-align: center;
}

/* 手机端：减弱 orb 动画强度，节省性能 */
@media (prefers-reduced-motion: no-preference) {
    body.site-client-mobile .bg-orb--1,
    body.site-client-mobile .bg-orb--2 {
        animation-duration: 32s;
    }
}