:root {
            --bg-deep: #060b14;
            --bg-card: rgba(14, 22, 40, 0.72);
            --bg-elevated: rgba(20, 32, 56, 0.82);
            --accent-sky: #38bdf8;
            --accent-glow: rgba(56, 189, 248, 0.28);
            --accent-purple: #a78bfa;
            --accent-emerald: #34d399;
            --accent-amber: #fbbf24;
            --text-primary: #edf2f9;
            --text-secondary: #b0bec5;
            --text-tertiary: #6b7c93;
            --border-subtle: rgba(255, 255, 255, 0.07);
            --border-active: rgba(56, 189, 248, 0.45);
            --radius-sm: 10px;
            --radius-md: 16px;
            --radius-lg: 22px;
            --shadow-card: 0 8px 28px rgba(0, 0, 0, 0.35);
            --shadow-glow-sky: 0 0 36px rgba(56, 189, 248, 0.16);
            --shadow-glow-purple: 0 0 36px rgba(167, 139, 250, 0.14);
            --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

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

        html {
            scroll-behavior: smooth;
            -webkit-font-smoothing: antialiased;
        }

        body {
            font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
            color: var(--text-primary);
            background-color: var(--bg-deep);
            line-height: 1.65;
            overflow-x: hidden;
            letter-spacing: 0.01em;
        }

        .ambient-glow-layer {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 0;
            overflow: hidden;
        }
        .ambient-orb {
            position: absolute;
            border-radius: 50%;
            filter: blur(130px);
            opacity: 0.10;
            animation: orbDrift 22s ease-in-out infinite;
        }
        .ambient-orb.orb-sky {
            width: 620px;
            height: 620px;
            background: radial-gradient(circle, rgba(56,189,248,0.55) 0%, transparent 70%);
            top: -200px;
            right: -160px;
        }
        .ambient-orb.orb-purple {
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(167,139,250,0.48) 0%, transparent 70%);
            bottom: -180px;
            left: -140px;
            animation-delay: -10s;
        }
        .ambient-orb.orb-emerald {
            width: 420px;
            height: 420px;
            background: radial-gradient(circle, rgba(52,211,153,0.3) 0%, transparent 70%);
            top: 50%;
            left: 55%;
            animation-delay: -16s;
        }
        @keyframes orbDrift {
            0%,100%{ transform:translate(0,0) scale(1); }
            25%{ transform:translate(40px,-30px) scale(1.07); }
            50%{ transform:translate(-45px,40px) scale(0.94); }
            75%{ transform:translate(-25px,-20px) scale(1.04); }
        }
        .grid-texture {
            position: fixed;
            top:0;left:0;width:100%;height:100%;
            pointer-events:none;z-index:0;opacity:0.022;
            background-image:
                linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
            background-size:56px 56px;
        }

        header {
            background:rgba(6,11,20,0.82);
            backdrop-filter:blur(18px);
            -webkit-backdrop-filter:blur(18px);
            border-bottom:1px solid var(--border-subtle);
            position:sticky;top:0;z-index:100;
            transition:background 0.35s;
        }
        .nav-container {
            max-width:1260px;margin:0 auto;padding:1.1rem 2rem;
            display:flex;justify-content:space-between;align-items:center;gap:1.5rem;
        }
        .logo {
            font-size:1.55rem;font-weight:800;color:#fff;text-decoration:none;
            display:flex;align-items:center;gap:0.7rem;letter-spacing:-0.4px;white-space:nowrap;
        }
        .logo svg {
            width:34px;height:34px;fill:none;stroke:var(--accent-sky);stroke-width:2;
            stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px var(--accent-glow));
        }
        .nav-links {
            display:flex;gap:2.2rem;list-style:none;align-items:center;
        }
        .nav-links a {
            text-decoration:none;color:var(--text-secondary);font-weight:540;font-size:0.93rem;
            transition:all 0.25s;position:relative;padding:0.35rem 0;white-space:nowrap;
        }
        .nav-links a::after {
            content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;
            background:var(--accent-sky);border-radius:2px;transition:width 0.28s ease;
        }
        .nav-links a:hover,.nav-links a.active{color:#fff;}
        .nav-links a:hover::after,.nav-links a.active::after{width:100%;}
        .nav-links a.active{color:var(--accent-sky);}

        .nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:0.5rem;z-index:101;}
        .nav-toggle span{display:block;width:26px;height:2.5px;background:var(--text-primary);margin:6px 0;border-radius:2px;transition:0.3s;}
        @media(max-width:860px){
            .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(6,11,20,0.96);backdrop-filter:blur(20px);flex-direction:column;gap:0;padding:1rem 0;border-bottom:1px solid var(--border-subtle);box-shadow:0 12px 32px rgba(0,0,0,0.5);}
            .nav-links.open{display:flex;}
            .nav-links a{padding:1rem 2rem;width:100%;border-bottom:1px solid rgba(255,255,255,0.04);}
            .nav-links a::after{display:none;}
            .nav-toggle{display:block;}
        }

        .hero {
            position:relative;padding:5.5rem 2rem 3rem 2rem;text-align:center;z-index:1;
        }
        .hero-container{max-width:780px;margin:0 auto;}
        .hero h1 {
            font-size:2.7rem;font-weight:850;margin-bottom:1rem;line-height:1.18;
            background:linear-gradient(140deg, #ffffff 0%, #cbd5e1 45%, #94a3b8 100%);
            -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
            letter-spacing:-0.6px;
        }
        .hero p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem auto;}

        .search-box {
            position:relative;max-width:520px;margin:0 auto;
        }
        .search-box input {
            width:100%;height:50px;padding:0 1.2rem 0 3rem;border-radius:var(--radius-sm);
            background:var(--bg-card);border:1px solid var(--border-subtle);color:#fff;
            font-size:0.95rem;outline:none;backdrop-filter:blur(10px);transition:all 0.25s;
        }
        .search-box input:focus{border-color:var(--accent-sky);box-shadow:0 0 22px var(--accent-glow);}
        .search-box svg{
            position:absolute;left:1rem;top:50%;transform:translateY(-50%);
            width:18px;height:18px;stroke:var(--text-tertiary);fill:none;stroke-width:2;
        }

        .section-container{max-width:1100px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:1;}

        /* 创意版块：隐私承诺矩阵 */
        .privacy-matrix {
            display:grid;grid-template-columns:repeat(auto-fit, minmax(240px,1fr));gap:1.4rem;margin-bottom:4rem;
        }
        .matrix-card {
            background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);
            padding:1.8rem;text-align:center;backdrop-filter:blur(10px);transition:all var(--transition-smooth);
        }
        .matrix-card:hover{border-color:var(--border-active);transform:translateY(-4px);box-shadow:var(--shadow-glow-sky);}
        .matrix-icon{font-size:2rem;margin-bottom:0.8rem;}
        .matrix-card h3{font-size:1.1rem;color:#fff;margin-bottom:0.4rem;font-weight:650;}
        .matrix-card p{color:var(--text-secondary);font-size:0.88rem;}
        .matrix-badge{
            display:inline-block;padding:0.25rem 0.7rem;border-radius:9999px;font-size:0.72rem;
            font-weight:650;margin-top:0.8rem;letter-spacing:0.2px;
        }
        .badge-green{background:rgba(52,211,153,0.12);color:var(--accent-emerald);border:1px solid rgba(52,211,153,0.25);}
        .badge-red{background:rgba(239,68,68,0.1);color:#ef4444;border:1px solid rgba(239,68,68,0.2);}

        /* 创意版块：数据流安全地图 */
        .data-flow-section{margin-bottom:4rem;}
        .data-flow-title{text-align:center;margin-bottom:2.5rem;}
        .data-flow-title h2{font-size:1.9rem;color:#fff;margin-bottom:0.5rem;}
        .data-flow-title p{color:var(--text-secondary);font-size:0.95rem;}
        .data-flow {
            display:grid;grid-template-columns:repeat(auto-fit, minmax(180px,1fr));gap:1rem;
            align-items:stretch;
        }
        .flow-node {
            background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);
            padding:1.6rem;text-align:center;backdrop-filter:blur(10px);transition:all var(--transition-smooth);
            position:relative;
        }
        .flow-node:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow-purple);}
        .flow-node .node-icon{font-size:1.8rem;margin-bottom:0.6rem;}
        .flow-node h4{color:#fff;font-size:0.95rem;margin-bottom:0.3rem;}
        .flow-node p{color:var(--text-secondary);font-size:0.8rem;}
        .flow-arrow{
            display:flex;align-items:center;justify-content:center;color:var(--accent-sky);
            font-size:1.5rem;font-weight:bold;
        }

        /* FAQ 手风琴 */
        .faq-categories{
            display:flex;justify-content:center;gap:0.7rem;margin-bottom:3rem;flex-wrap:wrap;
        }
        .cat-btn{
            padding:0.45rem 1.2rem;border-radius:9999px;background:rgba(255,255,255,0.03);
            border:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:0.84rem;
            font-weight:520;cursor:pointer;transition:all 0.25s;letter-spacing:0.2px;
        }
        .cat-btn:hover,.cat-btn.active{background:rgba(56,189,248,0.1);border-color:var(--accent-sky);color:var(--accent-sky);}

        .faq-group{margin-bottom:2.5rem;}
        .faq-group-title{
            font-size:1.3rem;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;
            font-weight:700;
        }
        .faq-group-title svg{width:22px;height:22px;stroke:var(--accent-purple);fill:none;stroke-width:2;}
        .faq-list{display:flex;flex-direction:column;gap:0.9rem;}
        .faq-item{
            background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);
            overflow:hidden;transition:all 0.25s;backdrop-filter:blur(10px);
        }
        .faq-item:hover{border-color:rgba(255,255,255,0.12);}
        .faq-item.active{border-color:var(--border-active);background:var(--bg-elevated);}
        .faq-question{
            padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;
            cursor:pointer;user-select:none;
        }
        .faq-question h3{font-size:1rem;color:#fff;font-weight:600;padding-right:1rem;}
        .faq-toggle-icon{
            width:20px;height:20px;stroke:var(--text-tertiary);fill:none;stroke-width:2;
            transition:transform 0.3s;flex-shrink:0;
        }
        .faq-item.active .faq-toggle-icon{transform:rotate(180deg);stroke:var(--accent-sky);}
        .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1);}
        .faq-answer-inner{padding:0 1.5rem 1.2rem 1.5rem;border-top:1px solid rgba(255,255,255,0.04);padding-top:1rem;color:var(--text-secondary);font-size:0.92rem;line-height:1.65;}
        .faq-answer p{margin-bottom:0.7rem;}
        .faq-answer strong{color:#fff;}
        .no-results{display:none;text-align:center;padding:3rem 1rem;color:var(--text-tertiary);}

        /* 创意版块：安全边界声明 */
        .security-boundary{
            background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
            padding:2.5rem;backdrop-filter:blur(10px);margin-bottom:4rem;
        }
        .security-boundary h3{color:#fff;font-size:1.3rem;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;}
        .boundary-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px,1fr));gap:1.2rem;}
        .boundary-item{
            border-left:3px solid var(--accent-sky);padding:0.5rem 1rem;color:var(--text-secondary);font-size:0.9rem;
        }
        .boundary-item h4{color:#fff;font-size:0.95rem;margin-bottom:0.3rem;}

        /* 联系支持 */
        .contact-support{
            text-align:center;padding:3rem 2rem;background:rgba(56,189,248,0.04);
            border:1px solid rgba(56,189,248,0.15);border-radius:var(--radius-lg);
        }
        .contact-support h3{color:#fff;font-size:1.2rem;margin-bottom:0.5rem;}
        .contact-support p{color:var(--text-secondary);font-size:0.93rem;margin-bottom:1.5rem;}
        .btn-support{
            display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.8rem;
            background:var(--accent-sky);color:#041018;font-weight:620;border-radius:var(--radius-sm);
            text-decoration:none;transition:all 0.25s;box-shadow:0 0 18px var(--accent-glow);
        }
        .btn-support:hover{transform:translateY(-3px);box-shadow:0 0 30px rgba(56,189,248,0.45);}

        footer{
            background:rgba(4,8,16,0.92);color:var(--text-tertiary);padding:4rem 2rem 2.2rem 2rem;
            border-top:1px solid var(--border-subtle);position:relative;z-index:1;
        }
        .footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2.2rem;}
        .footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;}
        .footer-links a{color:var(--text-tertiary);text-decoration:none;font-size:0.88rem;transition:color 0.25s;}
        .footer-links a:hover{color:var(--accent-sky);}
        .footer-copyright{text-align:center;font-size:0.83rem;border-top:1px solid var(--border-subtle);padding-top:2rem;color:#556278;}

        @media(max-width:600px){
            .hero h1{font-size:1.9rem;}
            .flow-arrow{display:none;}
        }