/* --- 核心变量 --- */
@charset "utf-8";
    :root {
        --brand-orange: #ff6600; 
        --brand-orange-hover: #e65c00;
        --footer-yellow: #ffb400; /* 底部橙黄色 */
        --dark-bg: #222222; /* 询盘框背景 */
        --input-bg: #333333;
    }

    body { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background: #fff; color: #333; }
    .container-1480 { max-width: 1480px; margin: 0 auto; padding: 0 20px; }

    /* --- 内容区域居左 --- */
    .content-left { text-align: left; padding: 40px 0; }
    .content-left h1 { font-size: 32px; font-weight: 700; margin-bottom: 20px; color: #000; }
    .content-left .rich-text { font-size: 16px; line-height: 1.8; color: #666; }

    /* --- 产品列表 (1480px) --- */
    .p-grid { display: flex; flex-wrap: wrap; margin: 20px -10px 50px; }
    .p-col { width: 25%; padding: 10px; box-sizing: border-box; }
    
    .p-card { 
        border: 1px solid #eee; 
        transition: all 0.4s ease; 
        background: #fff;
    }
    .p-card:hover { transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.1); border-color: var(--brand-orange); }

    /* 正方形强制拉伸 */
    .p-img-box { width: 100%; aspect-ratio: 1/1; overflow: hidden; background: #f9f9f9; }
    .p-img-box img { width: 100%; height: 100%; object-fit: cover; display: block; }

    .p-info { padding: 20px 15px; text-align: center; }
    .p-title { font-size: 16px; font-weight: 600; height: 44px; overflow: hidden; line-height: 22px; margin-bottom: 15px; }
    .p-title a { color: #333; text-decoration: none; transition: 0.3s; }
    .p-title a:hover { color: var(--brand-orange); }

    /* View More 按钮 */
    .p-btn-more { 
        display: inline-block; padding: 8px 25px; border: 2px solid var(--brand-orange); 
        color: var(--brand-orange); font-weight: 700; font-size: 13px; text-transform: uppercase; 
        transition: 0.3s; letter-spacing: 0.5px; text-decoration: none;
    }
    .p-card:hover .p-btn-more { background: var(--brand-orange); color: #fff; }

    /* --- 移动端自适应 --- */
    @media (max-width: 1024px) { .p-col { width: 33.33%; } }
    @media (max-width: 767px) {
        .container-1480 { padding: 0 10px; }
        .p-col { width: 50%; padding: 5px; } /* 一行2个 */
        .p-title { font-size: 14px; height: 40px; margin-bottom: 10px; }
        .p-info { padding: 15px 10px; }
        .enquiry-container h2 { font-size: 28px; }
        .inquiry-form-layout input { min-width: 100%; }
    }