/* 蔚蓝 · 策略工具风格 (与首页蓝色基调一致) */
        *{margin:0;padding:0;box-sizing:border-box;}
        body{
            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
            background:#f5faff; color:#1a2a3a; line-height:1.5;
        }
        @import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap');
        .container{max-width:1280px; margin:0 auto; padding:0 24px;}
        
        /* 导航 — 蓝色基调 (与首页完全一致) */
        .navbar{
            background:rgba(255,255,255,0.96); box-shadow:0 2px 12px rgba(0,70,120,0.04);
            position:sticky; top:0; z-index:50; border-bottom:1px solid #c2d9f0;
            backdrop-filter: blur(4px);
        }
        .nav-flex{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:0.7rem 0;}
        .logo-area{display:flex; align-items:center; gap:10px;}
        .logo-icon{background:#1a73e8; width:38px; height:38px; border-radius:14px; display:flex; align-items:center; justify-content:center; color:white; font-weight:700; font-size:20px; box-shadow:0 4px 8px rgba(26,115,232,0.15);}
        .logo-text{font-size:1.6rem; font-weight:700; color:#0b3b66; letter-spacing:-0.3px;}
        .nav-links{display:flex; gap:22px; align-items:center; flex-wrap:wrap;}
        .nav-links a{text-decoration:none; font-weight:550; color:#1e4460; transition:all 0.15s; font-size:0.98rem; padding:6px 0; border-bottom:2px solid transparent;}
        .nav-links a:hover, .nav-links a.active{color:#1a73e8; border-bottom-color:#1a73e8;}
        
        .page-header{padding:2.5rem 0 1.5rem; text-align:center; background:linear-gradient(105deg, #f2f8ff 0%, #ffffff 100%);}
        .page-header h1{font-size:2.8rem; font-weight:800; color:#0a3360; margin-bottom:0.5rem;}
        .section-title{font-size:2rem; font-weight:700; color:#0a3360; margin:2rem 0 1.2rem;}
        
        /* 可视化规则结构 (ASCII风格卡片) */
        .visual-rule{background:white; border-radius:32px; padding:2rem; border:1px solid #d0e1f5; margin:2rem 0;}
        .rule-diagram{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:16px; margin:1.5rem 0;}
        .diagram-node{background:#ecf5fe; border-radius:24px; padding:1.2rem 1.8rem; border:2px dashed #1a73e8; font-weight:600;}
        .diagram-arrow{font-size:1.8rem; color:#1a73e8;}
        .diagram-branch{display:flex; flex-direction:column; gap:12px;}
        .branch-item{display:flex; align-items:center; gap:10px; background:#f0f7ff; padding:0.8rem 1.5rem; border-radius:40px;}
        
        /* 模板卡片网格 */
        .template-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:2rem 0;}
        .template-card{background:white; border-radius:28px; padding:2rem 1.5rem; border:1px solid #d0e1f5; transition:0.2s; position:relative;}
        .template-card:hover{border-color:#1a73e8; box-shadow:0 18px 30px -10px rgba(26,115,232,0.1);}
        .template-badge{position:absolute; top:20px; right:20px; background:#1a73e8; color:white; padding:4px 12px; border-radius:40px; font-size:0.75rem; font-weight:600;}
        .template-icon{font-size:2.2rem; color:#1a73e8; margin-bottom:1.2rem;}
        .template-card h3{font-size:1.5rem; margin-bottom:0.8rem; color:#0a3360;}
        .template-desc{color:#34608a; margin-bottom:1.5rem; font-size:0.95rem;}
        .rule-preview{background:#f5faff; border-radius:18px; padding:1rem; font-family: 'SF Mono', monospace; font-size:0.85rem; margin:1rem 0; border:1px solid #c2d9f0; word-break:break-all;}
        .copy-btn{background:white; border:1.5px solid #1a73e8; color:#1a73e8; padding:10px 18px; border-radius:40px; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:8px; transition:0.15s;}
        .copy-btn:hover{background:#1a73e8; color:white;}
        
        /* 联动TUN区域 */
        .link-tun{background:linear-gradient(105deg, #e3f0ff, #ffffff); border-radius:28px; padding:2rem; margin:2.5rem 0; border:1px solid #b7d2f0; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
        
        /* 底部号召 */
        .cta-download{background:#0a3360; border-radius:3rem; padding:2.2rem 2.8rem; margin:3rem 0; color:white; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
        .cta-btn{background:#f5c542; color:#0a2d4a; padding:16px 38px; border-radius:60px; font-weight:800; text-decoration:none; font-size:1.2rem;}
        
        /* footer */
        .footer{background:#e2edf7; color:#1b3f60; padding:2.8rem 0; margin-top:4rem; border-top:1px solid #b8cee8;}
        .footer-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; padding-bottom:2rem; border-bottom:1px solid #b1c6e0;}
        .footer a{color:#1b4a70; text-decoration:none;}
        .sitemap-row{margin-top:2rem; text-align:center;}
        
        @media (max-width:800px){
            .template-grid{grid-template-columns:1fr;}
            .rule-diagram{flex-direction:column;}
        }
        .toast-msg{position:fixed; bottom:30px; left:50%; transform:translateX(-50%); background:#0a3360; color:white; padding:10px 24px; border-radius:60px; opacity:0; transition:0.2s; z-index:999;}