/* =========================================
           核心布局样式
           ========================================= */
        
        body { background-color: #f9f9f9; }

        /* 1. 通用版块容器 */
        .content-block {
            max-width: 800px;
            margin: 0 auto 40px auto; 
            background: #fff;         
            border-radius: 12px;      
            padding: 25px;            
            box-shadow: 0 4px 20px rgba(0,0,0,0.05); 
            border: 1px solid #e2e8f0;
            box-sizing: border-box;
        }

        /* 2. 标题样式 */
        .block-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #f1f5f9;
        }
        
        .block-title {
            font-size: 1.25rem;
            color: #1e293b;
            margin: 0;
            display: flex;
            align-items: center;
            font-weight: 700;
        }

        .border-red::before { content: ''; display: inline-block; width: 4px; height: 18px; background: #ff4757; margin-right: 10px; border-radius: 2px; }
        .border-blue::before { content: ''; display: inline-block; width: 4px; height: 18px; background: #0d6efd; margin-right: 10px; border-radius: 2px; }

        .view-more-link { color: #64748b; font-size: 0.9rem; text-decoration: none; display: flex; align-items: center; }
        .view-more-link:hover { color: #0d6efd; }

        /* 3. 提示词卡片优化 */
        .prompt-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
        }

        .prompt-card {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            padding: 15px;
            display: flex;
            flex-direction: column;
            text-decoration: none;
            transition: all 0.2s ease;
            height: 140px; 
            position: relative;
        }
        
        .prompt-card:hover {
            background: #fff;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
            border-color: #cbd5e1;
        }

        /* Flex 布局：图标和标题在一行 */
        .card-header-flex {
            display: flex; 
            align-items: flex-start;
            gap: 8px;
            margin-bottom: 8px;
        }

        .card-icon {
            flex-shrink: 0;
            width: 18px;
            height: 18px;
            margin-top: 3px;
        }
        
        .card-icon svg {
            width: 100%;
            height: 100%;
            stroke: #3b82f6; /* 蓝色图标 */
            opacity: 0.9;
        }

        .card-title {
            font-size: 0.95rem;
            color: #334155;
            margin: 0;
            font-weight: 600;
            line-height: 1.4;
            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
        }

        .card-desc {
            font-size: 0.8rem;
            color: #64748b;
            margin: 0;
            line-height: 1.5;
            display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
            flex-grow: 1;
        }

        /* 4. 牢记网址 样式修改 */
        .domain-reminder {
            color: #ff4757; /* 红色文字 */
            font-weight: 700;
            font-size: 1.1rem;
            margin: 10px 0;
        }

        /* 5. 魔法工具网格 */
        .tools-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
        
        /* 6. SEO 文本区 */
        .seo-content h2 { font-size: 1.1rem; color: #1e293b; margin-top: 15px; margin-bottom: 8px; }
        .seo-content p, .seo-content ul { font-size: 0.9rem; color: #64748b; line-height: 1.6; margin-bottom: 12px; }
        .seo-content ul { padding-left: 20px; }

        @media (max-width: 768px) {
            .prompt-grid { grid-template-columns: repeat(2, 1fr); }
            .tools-grid { grid-template-columns: repeat(2, 1fr); }
            .content-block { width: 95%; padding: 15px; }
        }
        @media (max-width: 480px) {
            .prompt-grid { grid-template-columns: 1fr; }
        }

        /* 弹窗及其他保持不变 */
        #subscribe-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9998; align-items: center; justify-content: center; backdrop-filter: blur(3px); }
        #subscribe-modal { background: #ffffff; padding: 24px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); text-align: center; width: 300px; max-width: 90%; box-sizing: border-box; }
        #subscribe-modal img { width: 180px; height: 180px; margin-bottom: 15px; border-radius: 8px; }
        #subscribe-modal p { margin: 10px 0; font-size: 16px; font-weight: 500; color: #333; }
        #subscribe-modal .small-text { font-size: 12px; color: #888; margin-top: -5px; margin-bottom: 15px; }
        #verify-code-input { width: 100%; padding: 12px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 6px; margin-top: 10px; text-align: center; font-size: 16px; }
        #verify-code-button { width: 100%; padding: 12px; background: #ff4757; color: #ffffff; border: none; border-radius: 6px; margin-top: 10px; cursor: pointer; font-weight: bold; font-size: 16px; transition: background 0.2s; }
        #verify-code-button:hover { background: #e03a4a; }
        #verify-status { font-size: 14px; color: red; margin-top: 10px; height: 20px; }