 *{margin:0;padding:0;box-sizing:border-box;}
        body{
            font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
            background:#0b1120;
            color:#e8edf5;
            line-height:1.5;
        }
        .container{max-width:1280px;margin:0 auto;padding:0 24px;}
        .header{
            background:rgba(11,17,32,0.92);
            backdrop-filter:blur(12px);
            position:sticky;
            top:0;
            z-index:100;
            border-bottom:1px solid rgba(56,189,248,0.2);
        }
        .nav{
            display:flex;
            flex-wrap:wrap;
            justify-content:space-between;
            align-items:center;
            padding:16px 0;
            gap:20px;
        }
        .logo a{
            font-size:1.8rem;
            font-weight:700;
            background:linear-gradient(135deg,#38bdf8,#a78bfa);
            background-clip:text;
            -webkit-background-clip:text;
            color:transparent;
            text-decoration:none;
            letter-spacing:-0.3px;
        }
        .nav-links{display:flex;gap:32px;flex-wrap:wrap;}
        .nav-links a{
            text-decoration:none;
            font-weight:500;
            color:#94a3b8;
            transition:color 0.2s;
            font-size:0.95rem;
        }
        .nav-links a:hover,.nav-links a.active{color:#38bdf8;}

        .page-header{
            text-align:center;
            padding:60px 0 24px;
        }
        .page-header h1{
            font-size:3rem;
            font-weight:800;
            background:linear-gradient(135deg,#f1f5f9,#38bdf8);
            background-clip:text;
            -webkit-background-clip:text;
            color:transparent;
            margin-bottom:12px;
        }
        .page-header p{
            font-size:1.2rem;
            color:#94a3b8;
            max-width:720px;
            margin:0 auto;
        }

        /* 表格容器 */
        .compare-table-wrapper{
            background:#1e293b;
            border-radius:32px;
            padding:24px;
            margin:40px 0;
            border:1px solid #334155;
            overflow-x:auto;
        }
        .compare-table{
            width:100%;
            border-collapse:collapse;
            min-width:700px;
        }
        .compare-table th{
            text-align:left;
            padding:16px 12px;
            color:#38bdf8;
            font-weight:600;
            border-bottom:2px solid #334155;
        }
        .compare-table td{
            padding:16px 12px;
            border-bottom:1px solid #253449;
            color:#cbd5e1;
        }
        .compare-table tr:last-child td{border-bottom:none;}
        .tool-name{
            font-weight:700;
            color:#f1f5f9;
        }
        .rating-high{color:#10b981;}
        .rating-mid{color:#f59e0b;}
        .rating-low{color:#ef4444;}

        .analysis-grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
            gap:24px;
            margin:48px 0;
        }
        .analysis-card{
            background:#1e293b;
            border-radius:28px;
            padding:28px 24px;
            border:1px solid #334155;
        }
        .analysis-card h3{
            font-size:1.4rem;
            margin-bottom:16px;
            color:#f1f5f9;
            display:flex;
            align-items:center;
            gap:8px;
        }
        .analysis-card p{color:#b0c6e0;}

        .section-title{
            font-size:2rem;
            font-weight:700;
            margin:40px 0 24px;
            color:#f1f5f9;
            border-left:6px solid #38bdf8;
            padding-left:20px;
        }

        .pros-cons{
            display:flex;
            flex-wrap:wrap;
            gap:30px;
            background:#1a2538;
            border-radius:36px;
            padding:32px;
            margin:40px 0;
            border:1px solid #2e405b;
        }
        .pros, .cons{flex:1;}
        .pros h4{color:#10b981;font-size:1.5rem;margin-bottom:16px;}
        .cons h4{color:#ef4444;font-size:1.5rem;margin-bottom:16px;}
        .pros ul, .cons ul{list-style:none;}
        .pros li, .cons li{
            padding:8px 0;
            display:flex;
            align-items:center;
            gap:10px;
            color:#cbd5e1;
        }
        .pros li::before{content:"✔️";color:#10b981;}
        .cons li::before{content:"⚠️";color:#ef4444;}

        .scenario-grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
            gap:20px;
            margin:30px 0;
        }
        .scenario-item{
            background:#0f172a;
            border-radius:24px;
            padding:24px 20px;
            border:1px solid #2d3a5e;
        }
        .scenario-item h5{color:#38bdf8;margin-bottom:12px;font-size:1.2rem;}

        .download-cta{
            background:linear-gradient(145deg,#132030,#0b1624);
            border-radius:40px;
            padding:36px 40px;
            margin:50px 0 30px;
            display:flex;
            flex-wrap:wrap;
            align-items:center;
            justify-content:space-between;
            border:1px solid #2e4b6e;
        }
        .cta-text h3{font-size:2rem;margin-bottom:8px;color:#f1f5f9;}
        .cta-text p{color:#b0c6e0;}
        .btn-large{
            background:#38bdf8;
            color:#0f172a;
            padding:14px 36px;
            border-radius:60px;
            font-weight:700;
            text-decoration:none;
            font-size:1.1rem;
            transition:0.2s;
            box-shadow:0 8px 18px rgba(56,189,248,0.2);
        }
        .btn-large:hover{background:#7dd3fc;transform:translateY(-2px);}

        .footer{
            text-align:center;
            padding:40px 0 32px;
            border-top:1px solid #253449;
            color:#7f8ea3;
            font-size:0.85rem;
        }
        .footer a{color:#38bdf8;text-decoration:none;margin:0 8px;}

        @media (max-width:700px){
            .page-header h1{font-size:2.2rem;}
            .section-title{font-size:1.6rem;}
        }