/* ===== Fushi 内页设计系统 (.fp-*) =====
   用于：contact / how-to-order / faq / packing-delivery / materials /
        printing-finishing / process / factory / customization /
        case-studies / why-fushi / products / terms / privacy-policy / blog
   与首页 (home.css)、分类页 (category.css) 共用同一套色彩与字号。 */

.fp{--ink:#1E2A38;--ink2:#2E4157;--gold:#E0B252;--mut:#5C6B7A;--line:#E3E7EB;--soft:#F6F7F9;--paper:#FEFDFB;
	color:var(--mut);font-size:16px;line-height:1.72;}
.fp *{box-sizing:border-box;}
.fp h1,.fp h2,.fp h3,.fp h4{color:var(--ink);font-family:'Playfair Display',Georgia,serif;line-height:1.28;margin:0 0 14px;}
.fp h1{font-size:40px;letter-spacing:-.4px;}
.fp h2{font-size:29px;}
.fp h3{font-size:20px;}
.fp p{margin:0 0 16px;}
.fp a:not(.fp-btn){color:var(--ink2);text-decoration:none;}
/* 2026-10-29：原 .fp a 权重 (0,1,1) 压过 .fp-btn-s/(0,1,0)，
   导致深色 CTA 上的次要按钮文字变深色，对比度 1.28:1。加 :not(.fp-btn) 收窄作用域。 */
.fp-wrap{max-width:1080px;margin:0 auto;padding:0 24px;}

/* 页头深色带 */
.fp-hero{background:linear-gradient(135deg,#1B2733,#2E4157);color:#D8E1EA;padding:78px 0 70px;text-align:center;}
.fp .fp-hero .fp-kick{display:block;color:#EBC97F !important;font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;margin:0 0 16px;}
.fp-hero h1{color:#fff;max-width:820px;margin:0 auto 18px;}
.fp .fp-hero p{max-width:720px;margin:0 auto;color:#C9D5E1 !important;font-size:17px;}

/* 区块 */
.fp-sec{padding:56px 0;}
.fp-sec-soft{background:var(--soft);}
.fp-sec-bordered{border-top:1px solid var(--line);}
.fp-sec h2{max-width:760px;}
.fp-lead{font-size:17px;max-width:760px;margin-bottom:28px;}

/* 表格 */
.fp-table{width:100%;border-collapse:collapse;background:#fff;font-size:15px;margin:0 0 18px;}
.fp-table th,.fp-table td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;}
.fp-table th{width:210px;font-weight:700;color:var(--ink);background:#FAFBFC;font-size:14px;}
.fp-table tr:last-child th,.fp-table tr:last-child td{border-bottom:0;}
.fp-table-wrap{border:1px solid var(--line);border-radius:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 20px;}
.fp-table-wrap::-webkit-scrollbar{height:6px;}
.fp-table-wrap::-webkit-scrollbar-thumb{background:#c9d2dc;border-radius:3px;}

/* 卡片网格 */
.fp-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);}
.fp-grid-2{grid-template-columns:repeat(2,1fr);}
.fp-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;}
.fp-card h3{margin-bottom:8px;}
.fp-card p:last-child{margin-bottom:0;}
.fp-card .fp-n{display:inline-block;color:var(--gold);font-weight:700;font-size:12px;letter-spacing:.18em;margin-bottom:8px;}

/* 步骤 */
.fp-steps{display:grid;gap:0;counter-reset:step;}
.fp-step{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);}
.fp-step:last-child{border-bottom:0;}
.fp-step .fp-step-n{width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;}
.fp-step h3{margin:6px 0 6px;font-size:19px;}
.fp-step p{margin:0;}

/* 列表 */
.fp-list{list-style:none;margin:0 0 18px;padding:0;}
.fp-list li{position:relative;padding-left:26px;margin-bottom:11px;}
.fp-list li:before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%;background:var(--gold);}

/* FAQ */
.fp-faq{border-top:1px solid var(--line);}
.fp-faq details{border-bottom:1px solid var(--line);}
.fp-faq summary{cursor:pointer;padding:18px 34px 18px 0;font-weight:700;color:var(--ink);font-size:16px;position:relative;list-style:none;}
.fp-faq summary::-webkit-details-marker{display:none;}
.fp-faq summary:after{content:"+";position:absolute;right:6px;top:15px;font-size:22px;color:var(--gold);font-weight:400;line-height:1;}
.fp-faq details[open] summary:after{content:"–";}
.fp-faq .fp-ans{padding:0 0 20px;font-size:15px;}
.fp-faq .fp-ans p:last-child{margin-bottom:0;}

/* 提示条 */
.fp-note{background:#FDF8EC;border-left:3px solid var(--gold);padding:16px 20px;font-size:14.5px;border-radius:0 4px 4px 0;margin:0 0 20px;}

/* CTA 带 */
.fp-cta{background:linear-gradient(135deg,#1B2733,#2E4157);color:#D8E1EA;padding:54px 0;text-align:center;}
.fp-cta h2{color:#fff;margin-bottom:10px;}
.fp-cta p{max-width:680px;margin:0 auto 24px;color:#C3D0DB;}
.fp-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.fp-btn{display:inline-block;padding:13px 26px;border-radius:4px;font-weight:700;font-size:14.5px;text-decoration:none;transition:.2s;letter-spacing:.2px;}
.fp-btn-p{background:var(--gold);color:#1E2A38;}
.fp-btn-p:hover{background:#F0C765;color:#1E2A38;}
.fp-btn-s{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);}
.fp-btn-s:hover{background:#fff;color:var(--ink);}
.fp-btn-d{background:var(--ink);color:#fff;}
.fp-btn-d:hover{background:var(--ink2);color:#fff;}

/* 两栏图文 */
.fp-cols{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;}

/* 响应式 */
@media(max-width:1024px){
	.fp h1{font-size:33px;}
	.fp h2{font-size:25px;}
	.fp-grid{grid-template-columns:repeat(2,1fr);}
	.fp-cols{grid-template-columns:1fr;gap:26px;}
}
@media(max-width:767px){
	.fp{font-size:15.5px;}
	.fp h1{font-size:27px;}
	.fp h2{font-size:22px;}
	.fp-hero{padding:54px 0 46px;}
	.fp-sec{padding:40px 0;}
	.fp-grid,.fp-grid-2{grid-template-columns:1fr;}
	.fp-table th{width:132px;font-size:13.5px;}
	.fp-table th,.fp-table td{padding:11px 12px;font-size:14px;}
	.fp-step{grid-template-columns:44px 1fr;gap:14px;}
	.fp-btn{width:100%;text-align:center;}
	.fp-btns{flex-direction:column;}
}

/* ===== 设备页（.fp-equip）：左图右文，窄屏堆叠 ===== */
.fp .fp-equip{display:grid;gap:34px;}
.fp .fp-equip-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:start;padding-bottom:34px;border-bottom:1px solid var(--line);}
.fp .fp-equip-item:last-child{border-bottom:0;padding-bottom:0;}
.fp .fp-equip-media{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.fp .fp-equip-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:#fff;}
.fp .fp-equip-body h3{margin:0 0 10px;font-size:21px;color:var(--ink);line-height:1.3;}
.fp .fp-equip-lead{font-weight:700;color:var(--ink);margin:0 0 10px;font-size:15.5px;}
.fp .fp-equip-body p{margin:0 0 10px;}
@media (max-width:860px){
	.fp .fp-equip-item{grid-template-columns:1fr;gap:16px;}
	.fp .fp-equip-media img{aspect-ratio:16/10;}
}

/* ===== 证书页（.fp-certs）：四列证书卡 ===== */
.fp .fp-certs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.fp .fp-cert{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;}
.fp .fp-cert-media{background:var(--soft);}
.fp .fp-cert-media img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;}
.fp .fp-cert-body{padding:16px 16px 18px;}
.fp .fp-cert-body h3{margin:0 0 6px;font-size:17px;color:var(--ink);font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;}
.fp .fp-cert-what{margin:0 0 8px;font-size:13px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.fp .fp-cert-body p{font-size:14px;line-height:1.62;margin:0;}
.fp .fp-best{margin:6px 0 0 !important;font-weight:700;color:var(--ink);font-size:14px;}
@media (max-width:1100px){ .fp .fp-certs{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:560px){ .fp .fp-certs{grid-template-columns:1fr;} }

/* ===== 有序列表（.fp-ol）===== */
.fp .fp-ol{margin:14px 0 18px;padding-left:0;list-style:none;counter-reset:fpo;}
.fp .fp-ol > li{position:relative;padding-left:38px;margin:0 0 14px;}
.fp .fp-ol > li::before{counter-increment:fpo;content:counter(fpo);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;}

/* ==================================================
   博客文章排版（.fp-article）
   正文走窄栏，表格允许横向滚动
   2026-10-29
   ================================================== */
.fp-article{max-width:820px;margin:0 auto;padding:56px 24px 64px;}
.fp-article .fp-lead{font-size:19px;line-height:1.65;color:#33475b;margin:0 0 28px;padding-bottom:24px;border-bottom:1px solid var(--line);}
.fp-article h2{font-size:25px;line-height:1.3;margin:40px 0 14px;color:#1E2A38;}
.fp-article h3{font-size:18px;margin:28px 0 10px;color:#1E2A38;}
.fp-article p{margin:0 0 16px;line-height:1.75;color:#44566c;}
.fp-article ul,.fp-article ol{margin:0 0 18px;padding-left:22px;color:#44566c;line-height:1.75;}
.fp-article li{margin-bottom:8px;}
.fp-article .fp-table-wrap{margin:20px 0 24px;}
.fp-article strong{color:#1E2A38;}
.fp-article a{color:#1E2A38;text-decoration:underline;text-underline-offset:2px;}
.fp-article a:hover{color:#E0B252;}
.fp-article .fp-note{margin-top:32px;}
@media (max-width:767px){
	.fp-article{padding:36px 16px 44px;}
	.fp-article .fp-lead{font-size:17px;}
	.fp-article h2{font-size:21px;margin-top:32px;}
}

/* 深色 CTA 区块内的次要按钮：深底深字对比度仅 1.45:1，改为浅字
   2026-10-29 */
.fp-cta .fp-btn-s{color:#fff;border-color:rgba(255,255,255,.5);background:transparent;}
.fp-cta .fp-btn-s:hover{color:#1E2A38;background:#fff;border-color:#fff;}
.fp-cta .fp-btn-s:focus-visible{outline:2px solid #E0B252;outline-offset:3px;}

/* 品类页 H1 + 典型买家句（2026-10-29） */
.fc-head{max-width:920px;margin:0 auto;padding:8px 0 4px;}
.fc-h1{font-size:34px;line-height:1.2;letter-spacing:-.5px;color:var(--ink2);margin:0 0 10px;font-weight:600;}
.fc-buyers{margin:0 0 6px;font-size:15px;line-height:1.6;color:#5A6B7C;}
@media (max-width:700px){ .fc-h1{font-size:26px;} }

/* 案例页结构化区块（2026-10-29） */
.fp-case-list{max-width:1100px;margin:0 auto;}
.fp-case{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start;padding:28px 0;border-top:1px solid #E7E4DE;}
.fp-case:first-child{border-top:0;}
.fp-case-media img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;border:1px solid #E7E4DE;background:#F2F1EE;}
.fp-case-body h3{display:flex;gap:10px;align-items:baseline;font-size:20px;line-height:1.3;margin:0 0 14px;color:var(--ink2);}
.fp-case-body h3 span{color:var(--gold);font-size:13px;font-weight:600;letter-spacing:.5px;}
.fp-case-body .fp-table-wrap{margin:0;}
@media (max-width:800px){
	.fp-case{grid-template-columns:1fr;gap:16px;}
	.fp-case-media{max-width:220px;}
}

/* 浅底区块的标题与图注必须用深色（此前继承成白色，对比度 1.05:1） */
.fp .fp-sec-soft h2,
.fp .fp-sec-soft h3,
.fp .fp-sec-soft h1{color:var(--ink2) !important;}
.fp .fp-sec-soft p,
.fp .fp-sec-soft li{color:#3D4C5A;}
.fp .fp-sec-soft .fp-equip-item figcaption{color:#4A5A6A;}
.fp .fp-sec-soft .fp-equip-item strong{color:var(--ink2);}

/* 盒型库：锚点导航 + 结构条目（2026-10-29） */
.fp-anchornav{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;}
.fp-anchornav a{display:inline-block;padding:8px 13px;border:1px solid #D9D5CD;border-radius:18px;font-size:12.5px;color:var(--ink2);text-decoration:none;background:#fff;}
.fp-anchornav a:hover{border-color:var(--gold);background:#FBF6EA;}
.fp-struct{padding:26px 0;border-top:1px solid #E7E4DE;}
.fp-struct:first-of-type{border-top:0;padding-top:0;}
.fp-struct h2{display:flex;gap:10px;align-items:baseline;font-size:21px;line-height:1.3;margin:0 0 10px;color:var(--ink2);}
.fp-struct h2 span{color:var(--gold);font-size:13px;font-weight:600;letter-spacing:.5px;}
.fp-struct p{margin:0 0 8px;max-width:820px;color:#3D4C5A;}
.fp-struct-warn{font-size:14px;color:#7A4A2B !important;background:#FDF6EE;border-left:3px solid var(--gold);padding:9px 13px;border-radius:0 4px 4px 0;}
.fp-struct-links{font-size:13.5px;color:#5A6B7C !important;}
.fp-struct-links a{color:var(--ink2);text-decoration:underline;text-underline-offset:2px;}
@media (max-width:700px){ .fp-struct h2{font-size:18px;} }

/* 盒型选型器（2026-10-29） */
.fp-picker{max-width:900px;margin:0 auto;padding:28px;background:#FBFAF8;border:1px solid #E7E4DE;border-radius:10px;}
.fp-picker h2{font-size:22px;margin:0 0 6px;color:var(--ink2);}
.fp-picker > p{font-size:14.5px;color:#5A6B7C;margin:0 0 18px;}
.fp-picker fieldset{border:0;padding:0;margin:0 0 16px;}
.fp-picker legend{font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:#8A97A4;padding:0 0 8px;}
.fp-picker-opts{display:flex;flex-wrap:wrap;gap:8px;}
.fp-picker-opts label{position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #D9D5CD;border-radius:20px;background:#fff;font-size:13.5px;color:var(--ink2);cursor:pointer;transition:border-color .15s,background .15s;}
.fp-picker-opts label:hover{border-color:var(--gold);}
.fp-picker-opts input{position:absolute;opacity:0;width:1px;height:1px;}
.fp-picker-opts input:checked + span{font-weight:600;}
.fp-picker-opts label:has(input:checked){border-color:var(--gold);background:#FBF6EA;box-shadow:inset 0 0 0 1px var(--gold);}
.fp-picker-opts input:focus-visible + span{outline:2px solid var(--gold);outline-offset:3px;border-radius:3px;}
.fp-picker-out{margin-top:8px;padding:20px 22px;background:var(--ink2);border-radius:8px;color:#fff;}
.fp-picker-out[hidden]{display:none;}
.fp-picker-label{margin:0 0 6px;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#EBC97F;font-weight:600;}
.fp-picker-out h3{margin:0 0 10px;font-size:19px;color:#fff;}
.fp-picker-out p{margin:0 0 14px;font-size:14.5px;line-height:1.65;color:#C9D5E1;}
.fp-picker-links{margin:0;display:flex;flex-wrap:wrap;gap:10px;}
.fp-picker-links .fp-btn{margin:0;}
@media (max-width:700px){ .fp-picker{padding:20px 16px;} .fp-picker h2{font-size:19px;} }

/* 选型器结果框：显式覆盖 .fp-sec p 的深灰，修德语版对比度 1.2:1 */
.fp .fp-picker-out p,
.fp .fp-picker-out .fp-picker-label{color:#C9D5E1 !important;}
.fp .fp-picker-out .fp-picker-label{color:#EBC97F !important;}
.fp .fp-picker-out h3{color:#fff !important;}
.fp .fp-picker-out .fp-picker-links a.fp-btn-g{color:#fff !important;border-color:rgba(255,255,255,.45) !important;background:transparent !important;}
.fp .fp-picker-out .fp-picker-links a.fp-btn-g:hover{background:rgba(255,255,255,.12) !important;}

/* 移动端锚点导航改为单行横滚，避免 9 行堆叠 */
@media (max-width:700px){
	.fp-anchornav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;}
	.fp-anchornav a{flex:0 0 auto;}
}

/* 移动端锚点导航细滚动条 */
@media (max-width:700px){
	.fp-anchornav{scrollbar-width:thin;}
	.fp-anchornav::-webkit-scrollbar{height:4px;}
	.fp-anchornav::-webkit-scrollbar-thumb{background:#C9C3B8;border-radius:2px;}
}