* { margin:0; padding:0; box-sizing:border-box; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
img{max-width:100%;height:auto;}
body { background-color:#ffffff; overflow-x:hidden; }
.header { background:#fff !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-shadow:0 2px 8px rgba(0,0,0,0.06) !important; }

/* Banner */
.banner{width:100%;min-height:500px;background-image:url(/static/zhanpc/images/jianzhan-banner.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;padding:0 12%;overflow:hidden;}
.banner-content{max-width:600px;z-index:2;}
.banner-title{font-size:48px;font-weight:700;color:#1a1a1a;margin-bottom:14px;line-height:1.2;margin-top:-15px;}
.banner-title .highlight{color:#4080ff;}
.banner-desc{font-size:15px;color:#666;line-height:1.7;margin-bottom:28px;}
.button-group{display:flex;gap:14px;}
.btn{padding:10px 24px;border-radius:4px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:0.3s;}
.btn-primary{background:#4080ff;color:#fff;}
.btn-outline{background:#fff;color:#4080ff;border:1px solid #4080ff;}

/* Nav tabs */
.nav-container{width:100%;position:relative;background:#ffffff;border-top:1px solid #eee;border-bottom:1px solid #eee;overflow:hidden;}
.nav-container::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(245,250,255,0.8) 0%,rgba(255,255,255,0) 100%);z-index:1;pointer-events:none;}
.nav-tabs{display:flex;justify-content:center;padding:0 20px;position:relative;z-index:2;gap:160px;}
.nav-tab{padding:20px 0;display:flex;align-items:center;gap:8px;color:#666;font-size:16px;cursor:pointer;position:relative;white-space:nowrap;}
.nav-tab.active::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:60%;height:3px;background-color:#4080ff;border-radius:2px;}
.nav-tab-icon{width:18px;height:18px;display:inline-block;background-size:contain;background-repeat:no-repeat;}
.icon-ai{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>');}
.icon-star{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>');}
.icon-lamp{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2C8.13 2 5 5.13 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.87-3.13-7-7-7z"/><line x1="9" y1="21" x2="15" y2="21"/></svg>');}
.icon-grid{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>');}
.icon-case{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236b7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>');}

/* Module1 */
.container { max-width:1200px; margin:0 auto; padding:40px 20px; }
.module1 { margin-bottom:60px; }
.header-section { text-align:center; margin-bottom:40px; }
.main-title { font-size:26px; font-weight:600; color:#1a1a1a; margin-bottom:10px; }
.main-title .highlight { color:#ff6b00; }
.subtitle { font-size:15px; color:#666; line-height:1.6; }
.features-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:24px; }
.feature-card { background:linear-gradient(to bottom,#e6f0ff 0%,#ffffff 100%); border-radius:12px; padding:40px 24px; text-align:center; box-shadow:0 4px 12px rgba(0,0,0,0.05); transition:transform 0.3s ease,box-shadow 0.3s ease; position:relative; overflow:hidden; }
.icon-wrapper { width:100px; height:100px; margin:0 auto 20px; }
.feature-icon { width:100%; height:100%; object-fit:contain; max-width:100%; }
.feature-title { font-size:18px; font-weight:600; color:#1a1a1a; margin-bottom:12px; }
.feature-desc { font-size:14px; color:#555; line-height:1.7; }

/* Module2 */
.module2 { width:100%; background-image:url(/static/zhanpc/images/sec2-bg.png); background-size:auto; background-position:top left; background-repeat:repeat; padding:50px 0; margin:0; position:relative; }
.module2::before { content:''; position:absolute; top:0;left:0;right:0;bottom:0; background:rgba(241,245,249,0.35); pointer-events:none; }
.module2-inner { position:relative; z-index:1; max-width:1200px; margin:0 auto; padding:0 20px; }
.section-header { text-align:center; margin-bottom:15px; }
.section-title { font-size:32px; font-weight:600; color:#1a1a1a; }
.section-desc { font-size:16px; color:#666; margin-bottom:40px; line-height:1.6; }
.adv-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.adv-card { background:#ffffff; border-radius:6px; padding:28px 20px; box-shadow:0 2px 8px rgba(0,0,0,0.04); }
.adv-header { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.adv-icon { width:46px; height:46px; flex-shrink:0; }
.adv-title { font-size:18px; font-weight:600; color:#1a1a1a; }
.adv-desc { font-size:14px; color:#555; line-height:1.7; }

/* Module3 */
.module3 { width:100%; background:#f5f7fb; background-image:url(/static/zhanpc/images/sec3-bg.png); background-size:cover; background-position:center; background-repeat:no-repeat; padding:60px 0; margin:0; position:relative; }
.module3::before { content:''; position:absolute; top:0;left:0;right:0;bottom:0; background:rgba(245,247,251,0.35); pointer-events:none; }
.module3-inner { position:relative; z-index:1; max-width:1200px; margin:0 auto; padding:0 20px; }
.tech-header { text-align:center; margin-bottom:40px; }
.tech-title { font-size:32px; font-weight:600; color:#1a1a1a; margin-bottom:12px; }
.tech-subtitle { font-size:16px; color:#666; line-height:1.6; }
.tech-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.tech-card { background:linear-gradient(135deg,#f8faff 0%,#ffffff 100%); border:1px solid #e8edf5; border-radius:16px; padding:32px 24px; text-align:center; box-shadow:0 2px 8px rgba(64,128,255,0.06); transition:transform 0.3s ease,box-shadow 0.3s ease; }
.tech-card:hover { transform:translateY(-6px); box-shadow:0 16px 32px rgba(64,128,255,0.12); }
.tech-icon-circle { width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; margin:0 auto 18px; font-size:20px; font-weight:700; color:#fff; }
.tech-card:nth-child(1) .tech-icon-circle{background:linear-gradient(135deg,#4080ff,#6a9eff);}
.tech-card:nth-child(2) .tech-icon-circle{background:linear-gradient(135deg,#7c4dff,#b47cff);}
.tech-card:nth-child(3) .tech-icon-circle{background:linear-gradient(135deg,#00bcd4,#4dd0e1);}
.tech-card:nth-child(4) .tech-icon-circle{background:linear-gradient(135deg,#ff7043,#ff8a65);}
.tech-card:nth-child(5) .tech-icon-circle{background:linear-gradient(135deg,#4caf50,#81c784);}
.tech-card:nth-child(6) .tech-icon-circle{background:linear-gradient(135deg,#ff9800,#ffb74d);}
.tech-card:nth-child(7) .tech-icon-circle{background:linear-gradient(135deg,#e91e63,#f06292);}
.tech-card:nth-child(8) .tech-icon-circle{background:linear-gradient(135deg,#9c27b0,#ce93d8);}
.tech-card h3 { font-size:17px; font-weight:600; color:#1a1a1a; margin-bottom:10px; }
.tech-card p { font-size:13px; color:#888; line-height:1.7; }

/* Module4 */
.module4 { width:100%; background:#ffffff; background-image:url(/static/zhanpc/images/sec4-bg.png); background-size:cover; background-position:center; background-repeat:no-repeat; padding:60px 0; margin:0; position:relative; }
.module4::before { content:''; position:absolute; top:0;left:0;right:0;bottom:0; background:rgba(255,255,255,0.35); pointer-events:none; }
.module4-inner { position:relative; z-index:1; max-width:1200px; margin:0 auto; padding:0 20px; }
.template-header { margin-bottom:40px; text-align:center; }
.template-title { font-size:32px; font-weight:600; color:#1a1a1a; margin-bottom:12px; }
.template-subtitle { font-size:16px; color:#666; line-height:1.6; }
.template-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.template-card { background:#ffffff; border-radius:8px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,0.06); transition:transform 0.3s ease,box-shadow 0.3s ease; }
.template-card:hover { transform:translateY(-6px); box-shadow:0 8px 24px rgba(0,0,0,0.1); }
.template-card img { width:100%; height:220px; object-fit:cover; display:block; }
.template-name { padding:20px; font-size:18px; font-weight:500; color:#1a1a1a; }

/* Module5 */
.module5 { width:100%; background:#f0f2f8; background-image:url(/static/zhanpc/images/sec5-bg.png); background-size:cover; background-position:center; background-repeat:no-repeat; padding:60px 0; margin:0; position:relative; }
.module5::before { content:''; position:absolute; top:0;left:0;right:0;bottom:0; background:rgba(240,242,248,0.35); pointer-events:none; }
.module5-inner { position:relative; z-index:1; max-width:1200px; margin:0 auto; padding:0 20px; }
.case-header { text-align:center; margin-bottom:40px; }
.case-title { font-size:28px; font-weight:600; color:#1a1a1a; margin-bottom:12px; }
.case-subtitle { font-size:16px; color:#666; line-height:1.6; }
.case-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.case-card { background:#ffffff; border-radius:8px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,0.06); transition:transform 0.3s ease,box-shadow 0.3s ease; }
.case-card:hover { transform:translateY(-6px); box-shadow:0 8px 24px rgba(0,0,0,0.1); }
.case-card img { width:100%; height:200px; object-fit:cover; display:block; }
.case-info { padding:20px; }
.case-name { font-size:18px; font-weight:500; color:#1a1a1a; margin-bottom:12px; }
.case-desc { font-size:14px; color:#666; line-height:1.6; }

/* Module6 FAQ */
.module6 { width:100%; background:#f5f7fa; padding:60px 0; margin:0; }
.module6-inner { max-width:1200px; margin:0 auto; padding:0 20px; }
.faq-header { text-align:center; margin-bottom:40px; }
.faq-title { font-size:32px; font-weight:600; color:#1a1a1a; margin-bottom:12px; }
.faq-subtitle { font-size:16px; color:#666; }
.faq-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; }
.faq-card { background:#fff; border-radius:12px; border:1px solid #f0f0f0; transition:all 0.3s; display:flex; flex-direction:column; gap:12px; }
.faq-card:hover { border-color:#c0d4ff; box-shadow:0 4px 16px rgba(37,99,235,0.06); }
.faq-q { font-size:15px; font-weight:600; color:#111827; line-height:1.6; padding:24px 28px 0; }
.faq-num { display:inline-block; margin-right:8px; color:#2563eb; font-weight:700; }
.faq-a { font-size:14px; color:#666; line-height:1.9; padding:12px 28px 24px; border-top:2px solid #eef2ff; }

/* Responsive */
@media screen and (max-width:768px){
    .banner{min-height:400px;padding:60px 20px 40px;align-items:center;background-position:top center;background-size:cover;overflow:hidden;}
    .banner-content{max-width:100%;position:relative;z-index:2;}
    .banner-title{font-size:26px;margin-top:0;line-height:1.3;margin-bottom:10px;}
    .banner-desc{font-size:13px;line-height:1.6;margin-bottom:20px;}
    .button-group{flex-wrap:wrap;}
    .nav-container{display:none !important;}
    .container{padding:30px 15px;}
    .main-title{font-size:22px;}
    .subtitle{font-size:14px;}
    .features-grid{grid-template-columns:repeat(2,1fr);gap:15px;}
    .feature-card{padding:25px 15px;}
    .icon-wrapper{width:80px;height:80px;margin-bottom:15px;}
    .feature-title{font-size:16px;}
    .feature-desc{font-size:12px;}
    .section-title{font-size:24px;}
    .section-desc{font-size:14px;padding:0 10px;}
    .adv-grid{grid-template-columns:repeat(3,1fr);gap:10px;}
    .adv-card{padding:16px 8px;text-align:center;}
    .adv-header{flex-direction:column;gap:6px;margin-bottom:0;}
    .adv-title{font-size:11px;white-space:normal;line-height:1.3;}
    .adv-desc{display:none;}
    .tech-grid{grid-template-columns:repeat(2,1fr);gap:15px;}
    .template-title{font-size:24px;}
    .template-subtitle{font-size:14px;}
    .template-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
    .template-card img{height:160px;}
    .template-name{font-size:16px;padding:15px;}
    .case-title{font-size:24px;}
    .case-subtitle{font-size:14px;}
    .case-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
    .case-card img{height:140px;}
    .case-desc{display:none !important;}
    .case-name{font-size:16px;margin-bottom:0;text-align:center;}
    .case-info{padding:12px;}
    .faq-title{font-size:24px;}
    .faq-grid{grid-template-columns:1fr;gap:14px;}
    .faq-q{padding:16px 20px 0;font-size:14px;}
    .faq-a{padding:10px 20px 16px;font-size:13px;}
}