:root {
            --bg: #090c11;
            --bg2: #111820;
            --bg3: #151e29;
            --text: #f4f7fb;
            --text2: #b8c4d4;
            --text3: #7e8ca1;
            --sky: #59b8ff;
            --sky2: #86d7ff;
            --green: #5ad39d;
            --border: rgba(255, 255, 255, 0.08);
            --max-w: 1180px;
        }

        body {
            background:
                linear-gradient(180deg, #090c11 0%, #0b1017 45%, #090c11 100%);
            color: var(--text);
        }

        body::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background-image:
                linear-gradient(to right, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
            background-size: 96px 100%, 100% 72px;
            opacity: 0.24;
            mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85), transparent 96%);
        }

        .ticker {
            display: none !important;
        }

        #mainNav {
            position: sticky;
            top: 0;
            z-index: 50;
            backdrop-filter: blur(18px);
            background: rgba(9, 12, 17, 0.84);
            border-bottom: 1px solid var(--border);
        }

        .nav-links a {
            color: var(--text2);
        }

        .nav-links a:hover,
        .nav-links a:focus-visible {
            color: var(--text);
        }

        /* 完整顶栏入口较多，保持系统连接可见并避免桌面端挤压。 */
        .nav-links a {
            padding: 5px 7px;
            font-size: 12px;
            white-space: nowrap;
        }

        @media (max-width: 1180px) and (min-width: 901px) {
            .nav-links a {
                padding-left: 5px;
                padding-right: 5px;
                font-size: 11px;
            }
        }

        .hero {
            display: grid;
            grid-template-columns: minmax(0, 1.04fr) minmax(320px, 0.96fr);
            gap: 28px;
            min-height: auto;
            padding: 56px max(24px, calc((100vw - var(--max-w)) / 2)) 40px;
            align-items: start;
        }

        .hero::after {
            display: none;
        }

        .hero-content {
            padding-top: 12px;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 8px 14px;
            border: 1px solid var(--border);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.02);
            color: var(--text2);
            font-size: 13px;
        }

        .badge-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--green);
            box-shadow: 0 0 0 4px rgba(90, 211, 157, 0.14);
        }

        .hero-content h1 {
            margin: 18px 0 14px;
            max-width: 12em;
            font-size: 62px;
            line-height: 1.08;
            letter-spacing: 0;
        }

        .hero-content h1 span {
            display: block;
            margin-top: 12px;
            color: var(--sky2);
            font-size: 0.52em;
            line-height: 1.25;
            font-weight: 600;
        }

        .hero-sub {
            max-width: 36em;
            font-size: 17px;
            line-height: 1.8;
            color: var(--text2);
        }

        .hero-keywords {
            display: flex;
            flex-wrap: wrap;
            gap: 8px 16px;
            margin: 16px 0 0;
            color: var(--text3);
            font-size: 13px;
            line-height: 1.6;
        }

        .hero-keywords span::before {
            content: "·";
            margin-right: 6px;
            color: var(--sky);
        }

        .hero-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 24px;
        }

        .hero-trust {
            margin-top: 22px;
            padding-top: 18px;
            border-top: 1px solid var(--border);
        }

        .hero-trust-text {
            margin: 0;
            color: var(--text2);
            line-height: 1.7;
        }

        .hero-visual {
            padding: 20px;
            border: 1px solid var(--border);
            border-radius: 20px;
            background: linear-gradient(180deg, rgba(17, 24, 32, 0.96), rgba(11, 16, 23, 0.98));
            box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
        }

        .float-badge {
            background: rgba(255, 255, 255, 0.02);
            border-color: var(--border);
        }

        .dash-card {
            border-radius: 16px;
            border: 1px solid var(--border);
            background: rgba(255, 255, 255, 0.02);
            box-shadow: none;
        }

        .dash-topbar {
            border-bottom: 1px solid var(--border);
        }

        .dash-title-bar {
            color: var(--text);
        }

        .dash-stat,
        .tx-item,
        .chart-wrap {
            border-color: var(--border);
            background: rgba(255, 255, 255, 0.02);
        }

        .tx-name,
        .chart-head-title,
        .dash-stat-label {
            color: var(--text);
        }

        .hero-section-note {
            margin: 14px 0 0;
            color: var(--text3);
            font-size: 13px;
        }

        .home-value-section,
        .features-section,
        .pricing-section,
        .security-section {
            padding: 52px max(24px, calc((100vw - var(--max-w)) / 2));
        }

        .features-header {
            max-width: 58rem;
            margin-bottom: 26px;
        }

        .section-title {
            margin: 0 0 10px;
            font-size: 34px;
            line-height: 1.08;
        }

        .section-sub {
            margin: 0;
            color: var(--text2);
            line-height: 1.8;
            font-size: 16px;
        }

        .home-value-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 16px;
        }

        .home-value-card {
            padding: 22px;
            border: 1px solid var(--border);
            border-radius: 16px;
            background: linear-gradient(180deg, rgba(17, 24, 32, 0.95), rgba(11, 16, 23, 0.97));
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.22);
        }

        .home-value-card h3 {
            margin: 0 0 10px;
            font-size: 22px;
            line-height: 1.2;
        }

        .home-value-card p {
            margin: 0;
            color: var(--text2);
            line-height: 1.75;
        }

        .sticky-layout {
            display: grid;
            grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
            gap: 20px;
            align-items: start;
        }

        .sticky-cards {
            display: grid;
            gap: 12px;
            position: sticky;
            top: 96px;
        }

        .sticky-card {
            padding: 20px;
            border: 1px solid var(--border);
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.02);
            opacity: 0.72;
            transition: border-color 0.2s ease, opacity 0.2s ease, background 0.2s ease;
        }

        .sticky-card.active {
            opacity: 1;
            border-color: rgba(89, 184, 255, 0.34);
            background: linear-gradient(180deg, rgba(19, 27, 36, 0.98), rgba(11, 16, 23, 0.98));
        }

        .sticky-card h3 {
            margin: 0 0 10px;
            font-size: 22px;
            line-height: 1.2;
        }

        .sticky-card p {
            margin: 0 0 14px;
            color: var(--text2);
            line-height: 1.75;
        }

        .sticky-card-pills {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .sc-pill,
        .home-module-pill {
            display: inline-flex;
            align-items: center;
            padding: 6px 10px;
            border-radius: 999px;
            border: 1px solid rgba(89, 184, 255, 0.22);
            background: rgba(89, 184, 255, 0.08);
            color: var(--sky2);
            font-size: 12px;
        }

        .sticky-panel-wrap {
            top: 96px !important;
        }

        .sticky-panel {
            border: 1px solid var(--border);
            border-radius: 18px;
            background: linear-gradient(180deg, rgba(17, 24, 32, 0.98), rgba(11, 16, 23, 0.98));
            box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
            overflow: hidden;
        }

        .panel-topbar,
        .pm-card,
        .pm-list-item,
        .pm-sec-item {
            border-color: var(--border) !important;
            background: rgba(255, 255, 255, 0.02) !important;
        }

        .panel-topbar {
            border-bottom: 1px solid var(--border);
        }

        .panel-content {
            padding: 18px;
        }

        .panel-view {
            display: none;
        }

        .panel-view.active {
            display: block;
        }

        .pm-row {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
            margin-bottom: 12px;
        }

        .pm-card,
        .pm-list-item,
        .pm-sec-item {
            border: 1px solid var(--border) !important;
            border-radius: 14px !important;
            box-shadow: none !important;
        }

        .pm-label,
        .pm-list-sub,
        .pm-sec-status,
        .pm-change,
        .chart-badge,
        .tx-date {
            color: var(--text3);
        }

        .pm-val,
        .pm-list-name,
        .pm-sec-name,
        .pm-sec-item svg {
            color: var(--text);
        }

        .pm-chart-mini {
            border: 1px solid var(--border);
            border-radius: 14px;
            background: rgba(255, 255, 255, 0.02);
            padding: 14px;
        }

        .pricing-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 16px;
        }

        .price-card {
            display: flex;
            flex-direction: column;
            padding: 24px;
            border: 1px solid var(--border);
            border-radius: 16px;
            background: linear-gradient(180deg, rgba(17, 24, 32, 0.96), rgba(11, 16, 23, 0.98));
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
        }

        .price-card.featured {
            border-color: rgba(89, 184, 255, 0.34);
        }

        .price-plan {
            margin: 0 0 6px;
            font-size: 20px;
            font-weight: 700;
        }

        .price-amount {
            margin: 0 0 8px;
            font-size: 42px !important;
            line-height: 1;
            color: var(--text);
        }

        .price-period {
            margin-bottom: 18px;
            color: var(--text2);
            line-height: 1.7;
        }

        .price-features {
            margin: 0;
            padding: 0;
            list-style: none;
            display: grid;
            gap: 10px;
        }

        .price-features li {
            display: flex;
            gap: 10px;
            color: var(--text2);
            line-height: 1.55;
        }

        .price-features svg {
            flex: 0 0 auto;
            margin-top: 4px;
            stroke: var(--green);
        }

        .security-inner {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
            gap: 20px;
            align-items: start;
        }

        .security-badges {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
        }

        .sec-badge {
            padding: 18px;
            border: 1px solid var(--border);
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.02);
        }

        .sec-badge-name {
            margin-top: 12px;
            font-size: 18px;
            font-weight: 700;
        }

        .sec-badge-desc,
        .sec-badge-status {
            margin-top: 6px;
            color: var(--text2);
            line-height: 1.6;
        }

        .contact-erp-footer {
            padding: 28px max(24px, calc((100vw - var(--max-w)) / 2)) 24px;
            border-top: 1px solid var(--border);
            background: #070a0f;
        }

        .contact-erp-footer-inner,
        .contact-erp-footer-body {
            max-width: var(--max-w);
            margin: 0 auto;
        }

        .contact-erp-footer-body {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 18px;
            align-items: start;
        }

        .contact-erp-footer-title {
            margin: 0 0 8px;
            font-size: 24px;
            line-height: 1.15;
        }

        .contact-erp-footer-desc,
        .contact-erp-footer-meta {
            color: var(--text2);
        }

        .contact-erp-footer-meta p {
            margin: 0 0 4px;
        }

        .contact-erp-footer-k {
            display: inline-block;
            min-width: 4.5em;
            color: var(--text);
            font-weight: 700;
        }

        .contact-erp-footer-qr-frame {
            border: 1px solid var(--border);
            border-radius: 12px;
            background: #fff;
        }

        .contact-erp-footer-legal,
        .contact-erp-footer-links {
            border-color: var(--border);
        }

        .contact-erp-footer-links a {
            color: var(--text3);
        }

        .contact-erp-footer-links a:hover {
            color: var(--sky);
        }

        .features-header .section-title,
        .contact-erp-footer-title {
            letter-spacing: 0;
        }

        @media (max-width: 1100px) {
            .hero,
            .sticky-layout,
            .security-inner,
            .contact-erp-footer-body {
                grid-template-columns: 1fr;
            }

            .hero-content h1 {
                font-size: 56px;
            }
        }

        @media (max-width: 900px) {
            .home-value-grid,
            .pricing-grid,
            .security-badges {
                grid-template-columns: 1fr;
            }

            .sticky-cards {
                position: static;
            }

            .section-title {
                font-size: 30px;
            }
        }

        @media (max-width: 640px) {
            .hero {
                padding-top: 40px;
            }

            .hero-content h1 {
                font-size: 42px;
            }

            .hero-content h1 span {
                font-size: 0.58em;
            }

            .hero-sub,
            .section-sub {
                font-size: 15px;
            }

            .pm-row {
                grid-template-columns: 1fr;
            }

            .hero-actions {
                gap: 10px;
            }
        }