@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;800&family=Noto+Sans+SC:wght@300;700;900&display=swap');
        
        :root { 
            --tg-blue: #24A1DE; 
            --tg-gradient: linear-gradient(135deg, #24A1DE 0%, #00E5FF 100%);
            --text-main: #0F172A;
            --text-gray: #4d5156;
            --border-color: #ebebeb;
            --bg-light: #f8f9fa;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { 
            font-family: 'Plus Jakarta Sans', 'Noto Sans SC', sans-serif; 
            color: var(--text-main);
            line-height: 1.8;
            background-color: #fff;
        }

        /* Header */
        .page-header {
            padding: 15px 5%;
            display: flex;
            align-items: center;
            border-bottom: 1px solid var(--border-color);
            position: sticky;
            top: 0;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            z-index: 1000;
        }
        .logo { text-decoration: none; color: var(--tg-blue); font-weight: 900; font-size: 22px; }
        .header-divider { margin: 0 15px; color: var(--border-color); }
        .page-title { color: var(--text-gray); font-weight: 600; font-size: 18px; }

        /* Hero */
        .hero-banner {
            background-image: radial-gradient(at 100% 0%, rgba(0, 229, 255, 0.08) 0px, transparent 50%);
            padding: 60px 5%;
            border-bottom: 1px solid var(--border-color);
            background-color: #fafafa;
        }
        .hero-banner h1 { max-width: 900px; margin: 0 auto; font-size: 2.5rem; font-weight: 800; }

        /* Content Area */
        .main-content { max-width: 900px; margin: 40px auto; padding: 0 20px; }
        
        section { margin-bottom: 40px; }
        
        h2 {
            font-size: 1.4rem;
            color: var(--text-main);
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid #f0f0f0;
        }

        p { margin-bottom: 15px; color: #334155; }

        .warning-box {
            background: #fff5f5;
            padding: 20px;
            border-radius: 12px;
            border: 1px solid #feb2b2;
            color: #c53030;
            margin: 20px 0;
            font-size: 0.95rem;
        }

        .highlight-text { color: var(--tg-blue); font-weight: 700; }

        /* Footer */
        .g-footer {
            background: #f2f2f2;
            border-top: 1px solid #dadce0;
            color: #70757a;
            font-size: 14px;
            padding: 30px 5%;
            text-align: center;
        }
        .f-links { display: flex; justify-content: center; gap: 25px; margin-bottom: 15px; }
        .f-links a { text-decoration: none; color: inherit; }

        @media (max-width: 768px) {
            .hero-banner h1 { font-size: 1.8rem; }
        }