/* 基础变量体系：继承首页视觉基因 */
        :root {
            --brand: #f853a3;
            --brand-dark: #d83082;
            --brand-light: #fdf2f7;
            --paper: #ffffff;
            --ink-main: #0f0f11;
            --ink-sub: #555555;
            --ink-faint: #888888;
            
            --radius-soft: 20px;
            --radius-sharp: 8px;
            
            --space-xs: 0.5rem;
            --space-sm: 1.5rem;
            --space-md: 3rem;
            --space-lg: 6rem;
            --space-xl: 10rem;
            
            --shadow-faint: 0 4px 12px rgba(0,0,0,0.03);
            --shadow-soft: 0 24px 48px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.03);
            --shadow-hover: 0 32px 64px rgba(248,83,163,0.15), 0 8px 16px rgba(0,0,0,0.05);
            
            --trans: all 0.15s ease;
        }

        /* 全局重置与基础排版 */
        * { box-sizing: border-box; }
        body {
            font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
            background-color: var(--paper);
            color: var(--ink-main);
            line-height: 1.7;
            margin: 0;
            padding: 0;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        /* 强制：文本换行规范 */
        .cipher, .apex, .apex-sub {
            word-break: break-word;
            overflow-wrap: break-word;
        }
        .cipher {
            word-break: keep-all; /* 中文词组保持 */
        }
        .apex, .apex-sub {
            white-space: normal;
        }

        /* 版心容器 */
        .cloak {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 4vw;
        }

        /* 导航栏复用样式 (强制继承) */
        .helm-cloak {
            position: sticky;
            top: 0;
            z-index: 100;
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(0,0,0,0.05);
            padding: 1rem 4vw;
        }
        .helm {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
        }
        .sigil img {
            height: 32px;
            display: block;
        }
        .route {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
        }
        .wire {
            text-decoration: none;
            color: var(--ink-sub);
            font-weight: 500;
            transition: var(--trans);
            font-size: 1rem;
            min-width: 0;
        }
        .wire:hover, .wire.active {
            color: var(--brand);
        }

        /* 强制 Flexbox 规范 */
        .armor, .pod, .flow {
            display: flex;
            flex-wrap: wrap;
            gap: var(--space-md);
        }
        .armor > *, .pod > *, .flow > * {
            min-width: 0;
        }

        /* 层级排版组件 */
        .apex {
            font-size: clamp(2.8rem, 6vw, 4.5rem);
            font-weight: 800;
            line-height: 1.1;
            letter-spacing: -0.03em;
            margin: 0 0 var(--space-sm) 0;
            color: var(--ink-main);
        }
        .apex-sub {
            font-size: clamp(2rem, 4vw, 2.5rem);
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: -0.02em;
            margin: 0 0 var(--space-sm) 0;
        }
        .cipher {
            font-size: 1.125rem;
            color: var(--ink-sub);
            margin: 0 0 var(--space-md) 0;
        }

        /* 按钮/入口语法 */
        .trigger-tunnel {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 1.2rem 2.5rem;
            background-color: var(--ink-main);
            color: var(--paper);
            text-decoration: none;
            font-weight: 600;
            border-radius: 50px;
            box-shadow: var(--shadow-soft);
            transition: var(--trans);
            cursor: pointer;
            border: 2px solid transparent;
        }
        .trigger-tunnel:hover {
            transform: translateY(-3px);
            background-color: var(--paper);
            color: var(--ink-main);
            border-color: var(--ink-main);
        }
        .trigger-tunnel.brand-trigger {
            background-color: var(--brand);
            box-shadow: 0 10px 20px rgba(248,83,163,0.3);
        }
        .trigger-tunnel.brand-trigger:hover {
            background-color: var(--brand-dark);
            color: var(--paper);
            border-color: transparent;
            box-shadow: 0 15px 30px rgba(248,83,163,0.4);
        }

        /* Section 1: Portal (首屏展示) */
        .portal {
            padding: var(--space-xl) 0 var(--space-lg);
            background: radial-gradient(circle at 80% 20%, var(--brand-light) 0%, var(--paper) 60%);
            position: relative;
        }
        .portal .armor {
            align-items: center;
        }
        .portal .packet {
            flex: 1 1 450px;
        }
        .radar-glyph {
            width: 100%;
            max-width: 400px;
            aspect-ratio: 1;
            margin: 0 auto;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .radar-ring {
            position: absolute;
            border-radius: 50%;
            border: 1px solid var(--brand);
            box-shadow: inset 0 0 20px rgba(248,83,163,0.1);
        }
        .radar-ring:nth-child(1) { width: 100%; height: 100%; border-color: rgba(248,83,163,0.1); }
        .radar-ring:nth-child(2) { width: 70%; height: 70%; border-color: rgba(248,83,163,0.3); }
        .radar-ring:nth-child(3) { width: 40%; height: 40%; border-color: rgba(248,83,163,0.6); }
        .radar-core {
            width: 15%;
            height: 15%;
            background: var(--brand);
            border-radius: 50%;
            box-shadow: 0 0 30px var(--brand);
            z-index: 2;
            transition: var(--trans);
        }
        .radar-glyph:hover .radar-core {
            transform: scale(1.2);
        }
        .seal {
            display: inline-block;
            padding: 0.4rem 1rem;
            background: var(--brand-light);
            color: var(--brand);
            font-weight: 600;
            border-radius: 50px;
            margin-bottom: var(--space-sm);
            font-size: 0.9rem;
            letter-spacing: 0.05em;
        }

        /* Section 2: Nexus (专线架构对比) */
        .nexus {
            padding: var(--space-lg) 0;
            background-color: var(--paper);
        }
        .nexus-head {
            text-align: center;
            max-width: 700px;
            margin: 0 auto var(--space-lg);
        }
        .node {
            flex: 1 1 300px;
            background: var(--paper);
            border-radius: var(--radius-soft);
            padding: var(--space-md);
            border: 1px solid rgba(0,0,0,0.05);
            box-shadow: var(--shadow-faint);
            transition: var(--trans);
            position: relative;
            overflow: hidden;
        }
        .node:hover {
            box-shadow: var(--shadow-soft);
            transform: translateY(-5px);
        }
        .node.node-prime {
            border: 2px solid var(--brand);
            box-shadow: var(--shadow-soft);
        }
        .node-prime::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0; height: 4px;
            background: var(--brand);
        }
        .route-viz {
            height: 120px;
            margin-bottom: var(--space-sm);
            display: flex;
            align-items: center;
        }

        /* Section 3: Vortex (双发包/稳定性) */
        .vortex {
            padding: var(--space-lg) 0;
            background-color: #fafafa;
        }
        .vortex .armor {
            align-items: center;
        }
        .vortex .packet {
            flex: 1 1 400px;
        }
        .matrix {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .dot {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            background: var(--paper);
            padding: 1.5rem;
            border-radius: var(--radius-sharp);
            box-shadow: var(--shadow-faint);
            transition: var(--trans);
        }
        .dot:hover {
            box-shadow: var(--shadow-soft);
            transform: translateX(5px);
        }
        .dot-glyph {
            width: 24px;
            height: 24px;
            color: var(--brand);
            flex-shrink: 0;
            margin-top: 2px;
        }
        .dot-cipher {
            margin: 0;
            color: var(--ink-main);
            font-weight: 600;
            font-size: 1.1rem;
        }
        .dot-cipher span {
            display: block;
            font-weight: 400;
            font-size: 0.95rem;
            color: var(--ink-sub);
            margin-top: 0.2rem;
        }
        .shield-viz {
            width: 100%;
            max-width: 450px;
            margin: 0 auto;
        }

        /* Section 4: Vault (支持游戏) */
        .vault {
            padding: var(--space-lg) 0;
            background-color: var(--paper);
            text-align: center;
        }
        .vault-head {
            max-width: 800px;
            margin: 0 auto var(--space-lg);
        }
        .lens-cloak {
            flex: 1 1 240px;
            padding: var(--space-md) var(--space-sm);
            background: var(--paper);
            border-radius: var(--radius-soft);
            border: 1px solid rgba(0,0,0,0.05);
            transition: var(--trans);
        }
        .lens-cloak:hover {
            box-shadow: var(--shadow-hover);
            border-color: var(--brand-light);
            transform: translateY(-4px);
        }
        .lens-glyph {
            width: 48px;
            height: 48px;
            margin: 0 auto var(--space-sm);
            color: var(--ink-main);
        }
        .lens-cloak:hover .lens-glyph {
            color: var(--brand);
        }
        .lens-apex {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
        }

        /* Footer */
        .root {
            background-color: var(--paper);
            border-top: 1px solid rgba(0,0,0,0.05);
            padding: var(--space-md) 0;
        }
        .anchor {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 2rem;
        }
        .tail-cipher {
            font-weight: 800;
            font-size: 1.5rem;
            letter-spacing: -0.03em;
            color: var(--ink-main);
        }

        /* 响应式断点 */
        @media (max-width: 768px) {
            :root {
                --space-md: 2rem;
                --space-lg: 4rem;
                --space-xl: 5rem;
            }
            .route {
                gap: 1rem;
                justify-content: center;
                width: 100%;
                margin-top: 1rem;
            }
            .helm {
                justify-content: center;
            }
            .portal {
                text-align: center;
            }
            .portal .armor {
                flex-direction: column-reverse;
            }
            .radar-glyph {
                max-width: 280px;
                margin-bottom: var(--space-md);
            }
            .anchor {
                flex-direction: column;
                text-align: center;
            }
        }

.helm-helm-cloak {
    font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.7;
    color: var(--ink-main);
}
.helm-helm-cloak,
.helm-helm-cloak *,
.helm-helm-cloak *::before,
.helm-helm-cloak *::after {
    box-sizing: border-box;
}

.helm-helm-cloak [role="navigation"],
.helm-helm-cloak div,
.helm-helm-cloak section,
.helm-helm-cloak article,
.helm-helm-cloak aside,
.helm-helm-cloak p,
.helm-helm-cloak h1,
.helm-helm-cloak h2,
.helm-helm-cloak h3,
.helm-helm-cloak h4,
.helm-helm-cloak h5,
.helm-helm-cloak h6,
.helm-helm-cloak a {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

.helm-helm-cloak p,
.helm-helm-cloak h1,
.helm-helm-cloak h2,
.helm-helm-cloak h3,
.helm-helm-cloak h4,
.helm-helm-cloak h5,
.helm-helm-cloak h6 {
    text-decoration: none;
}

.helm-helm-cloak img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
}

.helm-helm-cloak {
    box-shadow: none;
    filter: none;
    text-shadow: none;
    background-image: none;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
}

.helm-helm-cloak a.helm-wire {
    --aisite-shell-nav-padding: 0;
    --aisite-shell-nav-margin: 0;
    --aisite-shell-nav-line-height: normal;
    --aisite-shell-nav-display: inline;
    --aisite-shell-nav-height: auto;
    --aisite-shell-nav-min-height: auto;
}

.helm-helm-cloak a.helm-wire,
.helm-helm-cloak a.helm-wire:hover,
.helm-helm-cloak a.helm-wire:focus,
.helm-helm-cloak a.helm-wire:active,
.helm-helm-cloak a.helm-wire.active,
.helm-helm-cloak a.helm-wire[aria-current="page"] {
    background: transparent;
    border: none;
    border-bottom: none;
    box-shadow: none;
    outline: none;
    text-decoration: none;
    padding: var(--aisite-shell-nav-padding, 0);
    margin: var(--aisite-shell-nav-margin, 0);
    line-height: var(--aisite-shell-nav-line-height, normal);
    display: var(--aisite-shell-nav-display, inline);
    height: var(--aisite-shell-nav-height, auto);
    min-height: var(--aisite-shell-nav-min-height, auto);
}

.helm-helm-cloak{
            position: sticky;
            top: 0;
            z-index: 100;
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(0,0,0,0.04);
        }

.helm-helm-cloak .helm-helm{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            max-width: 1400px;
            margin: 0 auto;
            padding: 1rem 4vw;
        }

.helm-helm-cloak .helm-helm > *{ min-width: 0; }

.helm-helm-cloak .helm-sigil img{
            height: 28px;
            width: auto;
            display: block;
        }

.helm-helm-cloak .helm-route{
            display: flex;
            flex-wrap: wrap;
            gap: 2.5rem;
            align-items: center;
        }

.helm-helm-cloak .helm-route > *{ min-width: 0; }

.helm-helm-cloak .helm-wire{
            text-decoration: none;
            color: #4a4a52;
            font-size: 0.95rem;
            font-weight: 500;
            transition: color 0.15s ease;
            position: relative;
        }

.helm-helm-cloak .helm-wire:hover, .helm-helm-cloak .helm-wire.active{
            color: #0f0f11;
        }

.helm-helm-cloak .helm-wire.active::after{
            content: '';
            position: absolute;
            bottom: -6px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #f853a3;
            border-radius: 2px;
        }

@media (max-width: 768px){.helm-helm-cloak .helm-route{
                display: none; 
            }}

.helm-helm-cloak {
    background: rgb(255, 255, 255);
    background-image: none;
}

.anchor-tail {
    font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.7;
    color: var(--ink-main);
}
.anchor-tail,
.anchor-tail *,
.anchor-tail *::before,
.anchor-tail *::after {
    box-sizing: border-box;
}

.anchor-tail [role="navigation"],
.anchor-tail div,
.anchor-tail section,
.anchor-tail article,
.anchor-tail aside,
.anchor-tail p,
.anchor-tail h1,
.anchor-tail h2,
.anchor-tail h3,
.anchor-tail h4,
.anchor-tail h5,
.anchor-tail h6,
.anchor-tail a {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

.anchor-tail p,
.anchor-tail h1,
.anchor-tail h2,
.anchor-tail h3,
.anchor-tail h4,
.anchor-tail h5,
.anchor-tail h6 {
    text-decoration: none;
}

.anchor-tail img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
}

.anchor-tail {
    box-shadow: none;
    filter: none;
    text-shadow: none;
    background-image: none;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
}

.anchor-tail a,
.anchor-tail a:hover,
.anchor-tail a:focus,
.anchor-tail a:active {
    background: transparent;
    box-shadow: none;
    outline: none;
    text-decoration: none;
}

.anchor-tail{
            background-color: #ffffff;
            padding: 3rem 4vw;
            border-top: 1px solid rgba(0,0,0,0.04);
        }

.anchor-tail .anchor-anchor{
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 2rem;
        }

.anchor-tail .anchor-anchor > *{ min-width: 0; }

.anchor-tail .anchor-root-brand{
            font-size: 1.5rem;
            font-weight: 800;
            color: #0f0f11;
            letter-spacing: -0.02em;
        }

.anchor-tail .anchor-root-cipher{
            color: #888891;
            font-size: 0.9rem;
        }

@media (max-width: 768px){.anchor-tail .anchor-anchor{
                flex-direction: column;
                text-align: center;
            }}