:root {
        --bg-deep: #09090b;
        --bg-surface: #18181b;
        --bg-elevated: #27272a;
        --bg-glass: rgba(255, 255, 255, 0.03);
        --bg-glass-hover: rgba(255, 255, 255, 0.08);
        
        --text-main: #ffffff;
        --text-muted: #a1a1aa;
        --text-accent: #d8b4fe;
        
        --accent: #914cdf;
        --accent-glow: rgba(145, 76, 223, 0.4);
        --border-subtle: rgba(255, 255, 255, 0.08);
        
        --radius-lg: 24px;
        --radius-md: 18px;
        --radius-sm: 12px;
        
        --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    body {
        font-family: var(--font-stack);
        background-color: var(--bg-deep);
        color: var(--text-main);
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        word-break: break-word;
        overflow-wrap: break-word;
    }

    a {
        color: inherit;
        text-decoration: none;
        transition: all 0.15s ease;
    }

    /* 强制 Flex 规则 */
    .weld, .rack, .rim {
        display: flex;
        flex-wrap: wrap;
    }
    
    .weld > *, .rack > *, .rim > * {
        min-width: 0;
    }

    /* === 顶部导航 (复用结构) === */
    .crown {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        background: rgba(9, 9, 11, 0.8);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-bottom: 1px solid var(--border-subtle);
    }

    .bezel {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 24px;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mint {
        display: flex;
        align-items: center;
    }

    .mint img {
        height: 28px;
        width: auto;
    }

    .omni {
        gap: 8px;
        align-items: center;
    }

    .wire {
        padding: 8px 16px;
        color: var(--text-muted);
        font-size: 0.95rem;
        font-weight: 500;
        border-radius: var(--radius-sm);
    }

    .wire:hover {
        color: var(--text-main);
        background: var(--bg-surface);
    }

    .wire.active {
        color: var(--text-main);
        background: var(--bg-glass);
    }

    /* 移动端导航自适应 */
    @media (max-width: 768px) {
        .omni {
            display: none; /* 移动端简化演示，实际应有汉堡菜单展开逻辑 */
        }
    }

    /* === 主容器与版心 === */
    .forge {
        padding-top: 64px; /* offset header */
        min-height: 100vh;
    }

    .cast {
        max-width: 1200px;
        margin: 0 auto;
        padding: 8vw 24px;
    }

    /* === Hero 区域 (Intro) === */
    .gleam {
        position: relative;
        min-height: 80vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        background: radial-gradient(circle at 50% 30%, rgba(145, 76, 223, 0.15) 0%, transparent 60%);
    }

    .gleam::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-image: 
            linear-gradient(var(--border-subtle) 1px, transparent 1px),
            linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);
        background-size: 40px 40px;
        mask-image: radial-gradient(ellipse at center, black 20%, transparent 70%);
        -webkit-mask-image: radial-gradient(ellipse at center, black 20%, transparent 70%);
        opacity: 0.3;
        z-index: -1;
    }

    .etch-prime {
        font-size: clamp(3rem, 7vw, 5.5rem);
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: -0.03em;
        margin-bottom: 24px;
        white-space: normal;
        background: linear-gradient(135deg, #ffffff 0%, #a1a1aa 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        max-width: 900px;
    }

    .foil-lead {
        font-size: clamp(1.1rem, 2vw, 1.35rem);
        color: var(--text-muted);
        max-width: 680px;
        margin: 0 auto 48px;
        line-height: 1.7;
    }

    .pulse-weld {
        display: flex;
        gap: 16px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .pulse-primary {
        background-color: var(--accent);
        color: #fff;
        padding: 16px 36px;
        border-radius: 100px;
        font-weight: 600;
        font-size: 1.1rem;
        box-shadow: 0 4px 24px var(--accent-glow);
        border: 1px solid rgba(255,255,255,0.1);
        display: inline-flex;
        align-items: center;
        gap: 12px;
    }

    .pulse-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 32px var(--accent-glow);
        background-color: #a361ec;
    }

    .pulse-secondary {
        background-color: var(--bg-surface);
        color: var(--text-main);
        padding: 16px 36px;
        border-radius: 100px;
        font-weight: 600;
        font-size: 1.1rem;
        border: 1px solid var(--border-subtle);
    }

    .pulse-secondary:hover {
        background-color: var(--bg-elevated);
        border-color: rgba(255,255,255,0.2);
    }

    /* 终端徽章意象 */
    .terminal-stud {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 6px 16px;
        background: rgba(0,0,0,0.5);
        border: 1px solid var(--border-subtle);
        border-radius: 100px;
        font-family: monospace;
        color: var(--text-accent);
        font-size: 0.9rem;
        margin-bottom: 32px;
    }
    
    .terminal-stud::before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #22c55e;
        box-shadow: 0 0 8px #22c55e;
    }

    /* === DOM 调试区域 (Detail) === */
    .vista {
        display: grid;
        grid-template-columns: 1fr 1.2fr;
        gap: 80px;
        align-items: center;
        border-top: 1px solid var(--border-subtle);
        background: linear-gradient(180deg, rgba(255,255,255,0.01) 0%, transparent 100%);
    }

    .vista-cast {
        max-width: 500px;
    }

    .etch-sec {
        font-size: clamp(2rem, 4vw, 3rem);
        font-weight: 700;
        margin-bottom: 24px;
        line-height: 1.2;
    }

    .foil-desc {
        color: var(--text-muted);
        font-size: 1.1rem;
        margin-bottom: 40px;
    }

    .weld-grid {
        display: grid;
        gap: 20px;
    }

    .plate-code {
        background: var(--bg-glass);
        border: 1px solid var(--border-subtle);
        border-radius: var(--radius-md);
        padding: 28px;
        position: relative;
        overflow: hidden;
    }

    .plate-code:hover {
        background: var(--bg-glass-hover);
        border-color: rgba(255,255,255,0.15);
    }

    .plate-code::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 4px; height: 100%;
        background: var(--accent);
        opacity: 0.5;
        transition: opacity 0.15s ease;
    }

    .plate-code:hover::before {
        opacity: 1;
    }

    .glint-box {
        width: 48px;
        height: 48px;
        border-radius: var(--radius-sm);
        background: var(--bg-elevated);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        border: 1px solid var(--border-subtle);
    }

    .glint {
        width: 24px;
        height: 24px;
        fill: none;
        stroke: var(--text-accent);
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .etch-tert {
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 12px;
    }

    .foil-sub {
        color: var(--text-muted);
        font-size: 0.95rem;
    }

    /* === 网络与性能区域 (Closing) === */
    .sheen {
        border-top: 1px solid var(--border-subtle);
        text-align: center;
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .sheen .etch-sec {
        max-width: 700px;
        margin: 0 auto 24px;
    }

    .sheen .foil-desc {
        max-width: 700px;
        margin: 0 auto 64px;
    }

    .weld-flow {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 24px;
        text-align: left;
    }

    .ingot-data {
        background: var(--bg-surface);
        border: 1px solid var(--border-subtle);
        border-radius: var(--radius-lg);
        padding: 40px 32px;
        display: flex;
        flex-direction: column;
        transition: transform 0.15s ease, box-shadow 0.15s ease;
    }

    .ingot-data:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.4);
        border-color: rgba(145, 76, 223, 0.3);
    }

    .rim-crown {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 24px;
    }

    /* === 页脚 (Footer) === */
    .hull {
        border-top: 1px solid var(--border-subtle);
        background: var(--bg-deep);
        padding: 64px 24px 32px;
    }

    .plinth {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .plinth-brand {
        font-size: 1.5rem;
        font-weight: 700;
        letter-spacing: -0.02em;
    }

    .rack-foot {
        display: flex;
        gap: 32px;
        color: var(--text-muted);
        font-size: 0.9rem;
    }

    .rack-foot a:hover {
        color: var(--text-main);
    }

    .foil-legal {
        color: #52525b;
        font-size: 0.85rem;
        text-align: center;
    }

    /* === 响应式断点 === */
    @media (max-width: 1024px) {
        .vista {
            gap: 48px;
        }
    }

    @media (max-width: 768px) {
        .vista {
            grid-template-columns: 1fr;
            text-align: center;
        }
        
        .vista-cast {
            margin: 0 auto;
        }

        .plate-code {
            text-align: left;
        }
        
        .pulse-weld {
            flex-direction: column;
            width: 100%;
        }
        
        .pulse-primary, .pulse-secondary {
            width: 100%;
            justify-content: center;
        }

        .rack-foot {
            flex-direction: column;
            gap: 16px;
            text-align: center;
        }
    }

.omni-crown {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: var(--text-main);
}
.omni-crown,
.omni-crown *,
.omni-crown *::before,
.omni-crown *::after {
    box-sizing: border-box;
}

.omni-crown nav,
.omni-crown div,
.omni-crown section,
.omni-crown article,
.omni-crown aside,
.omni-crown p,
.omni-crown h1,
.omni-crown h2,
.omni-crown h3,
.omni-crown h4,
.omni-crown h5,
.omni-crown h6,
.omni-crown a {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

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

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

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

.omni-crown a.omni-wire {
    --aisite-shell-nav-padding: 8px 16px;
    --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;
}

.omni-crown a.omni-wire,
.omni-crown a.omni-wire:hover,
.omni-crown a.omni-wire:focus,
.omni-crown a.omni-wire:active,
.omni-crown a.omni-wire.active,
.omni-crown a.omni-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);
}

.omni-crown{
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 100;
            background: rgba(9, 9, 11, 0.8);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

.omni-crown .omni-bezel{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            max-width: 1400px;
            margin: 0 auto;
            padding: 16px 4vw;
            min-width: 0;
        }

.omni-crown .omni-mint{
            display: flex;
            align-items: center;
            min-width: 0;
        }

.omni-crown .omni-mint img{
            height: 32px;
            width: auto;
        }

.omni-crown .omni-omni{
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            min-width: 0;
        }

.omni-crown .omni-wire{
            padding: 8px 16px;
            font-size: 0.95rem;
            color: #a1a1aa;
            border-radius: 8px;
            transition: all 0.15s ease;
            min-width: 0;
            font-weight: 500;
        }

.omni-crown .omni-wire:hover{
            color: #ffffff;
            background: rgba(255, 255, 255, 0.05);
        }

.omni-crown .omni-wire.active{
            color: #ffffff;
            background: rgba(145, 76, 223, 0.15);
            color: #d4b3ff;
        }

@media (max-width: 768px){.omni-crown .omni-omni{
                display: none; 
            }}

.omni-crown {
    background: rgb(9, 9, 11);
    background-image: none;
}

.hull-base {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: var(--text-main);
}
.hull-base,
.hull-base *,
.hull-base *::before,
.hull-base *::after {
    box-sizing: border-box;
}

.hull-base nav,
.hull-base div,
.hull-base section,
.hull-base article,
.hull-base aside,
.hull-base p,
.hull-base h1,
.hull-base h2,
.hull-base h3,
.hull-base h4,
.hull-base h5,
.hull-base h6,
.hull-base a {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

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

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

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

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

.hull-base .hull-etch{
            font-weight: 700;
            line-height: 1.2;
            letter-spacing: -0.02em;
            word-break: break-word;
            overflow-wrap: break-word;
            white-space: normal;
        }

.hull-base .hull-foil{
            word-break: break-word;
            overflow-wrap: break-word;
            line-height: 1.7;
            color: #a1a1aa;
        }

.hull-base{
            background: #000;
            padding: 80px 0 40px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

.hull-base .hull-plinth{
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 4vw;
            display: flex;
            flex-wrap: wrap;
            gap: 48px;
            justify-content: space-between;
            min-width: 0;
        }

.hull-base .hull-plinth .hull-etch{
            font-size: 2rem;
            color: #ffffff;
            letter-spacing: -0.05em;
        }

.hull-base .hull-alloy{
            display: flex;
            flex-direction: column;
            gap: 16px;
            max-width: 400px;
            min-width: 0;
        }

.hull-base .hull-alloy .hull-foil{
            font-size: 0.9rem;
        }

@media (max-width: 768px){.hull-base .hull-plinth{
                flex-direction: column;
            }}