/*
 * 全芯联储 — 内容页 .cp（常见问题、关于我们、APP/小程序、行情中心）
 * 同一份内容在手机外壳 .cp--m（rem，1rem = 100rpx）和 PC 外壳 .cp--pc（px）各渲染一次。
 */

.cp_page { background: #f6f7fb; }
.cp--pc { padding: 22px 0 44px; }
.cp--m { padding: .24rem .32rem .4rem; }
.cp :where(h1, h2, p, dl, dd) { margin: 0; }
.cp a { color: inherit; text-decoration: none; }

/* 页头 */
.cp_hero { background: linear-gradient(100deg, #fff5ee 0%, #fff 60%, #fff1e6 100%); }
.cp--pc .cp_hero { margin-bottom: 20px; padding: 36px 40px; border-radius: 10px; }
.cp--m .cp_hero { margin-bottom: .2rem; padding: .36rem .32rem; border-radius: 8px; }
.cp_hero h1 { color: #111; font-weight: 900; }
.cp--pc .cp_hero h1 { font-size: 32px; line-height: 42px; }
.cp--m .cp_hero h1 { font-size: .44rem; line-height: 1.3; }
.cp_hero p { color: #666; }
.cp--pc .cp_hero p { margin-top: 8px; font-size: 16px; }
.cp--m .cp_hero p { margin-top: .1rem; font-size: .26rem; line-height: 1.6; }

/* 卡片 */
.cp_card { border-radius: 10px; background: #fff; box-shadow: 1px 4px 6px rgba(0, 0, 0, .05); }
.cp--pc .cp_card { margin-bottom: 20px; padding: 26px 32px; }
.cp--m .cp_card { margin-bottom: .2rem; padding: .28rem; border-radius: 8px; }
.cp_card_title { color: #111; font-weight: 800; }
.cp--pc .cp_card_title { margin-bottom: 16px; font-size: 20px; }
.cp--m .cp_card_title { margin-bottom: .16rem; font-size: .32rem; }

/* FAQ：原生 details 折叠 */
.cp_faq { border-bottom: 1px solid #f0f0f0; }
.cp_faq:last-child { border-bottom: 0; }
.cp_faq summary {
  display: flex; align-items: center; gap: 12px;
  list-style: none; color: #222; font-weight: 700; cursor: pointer;
}
.cp_faq summary::-webkit-details-marker { display: none; }
.cp_faq summary::after {
  content: ""; flex: 0 0 auto; margin-left: auto; width: 8px; height: 8px;
  border-right: 2px solid #aaa; border-bottom: 2px solid #aaa;
  transform: rotate(45deg); transition: transform .2s ease;
}
.cp_faq[open] summary::after { transform: rotate(225deg); border-color: #ff761a; }
.cp--pc .cp_faq summary { padding: 18px 0; font-size: 16px; }
.cp--m .cp_faq summary { padding: .24rem 0; font-size: .28rem; gap: .16rem; }
.cp_faq_q {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%; color: #fff; background: #ff761a; font-weight: 800;
}
.cp--pc .cp_faq_q { width: 22px; height: 22px; font-size: 12px; }
.cp--m .cp_faq_q { width: .36rem; height: .36rem; font-size: .2rem; }
.cp_faq p { color: #666; line-height: 1.8; }
.cp--pc .cp_faq p { padding: 0 0 18px 34px; font-size: 14px; }
.cp--m .cp_faq p { padding: 0 0 .24rem .52rem; font-size: .26rem; }

/* 行动号召条 */
.cp_cta {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  border-radius: 10px; color: #fff; background: linear-gradient(120deg, #ff8a2e, #ff5a0f);
}
.cp--pc .cp_cta { padding: 26px 32px; }
.cp--m .cp_cta { flex-direction: column; align-items: flex-start; padding: .3rem .28rem; border-radius: 8px; }
.cp_cta_title { font-weight: 800; }
.cp--pc .cp_cta_title { font-size: 20px; }
.cp--m .cp_cta_title { font-size: .32rem; }
.cp_cta_desc { opacity: .88; }
.cp--pc .cp_cta_desc { margin-top: 4px; font-size: 14px; }
.cp--m .cp_cta_desc { margin-top: .06rem; font-size: .24rem; }
.cp_cta_actions { display: flex; gap: 12px; }
.cp_btn {
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(255, 255, 255, .7); border-radius: 6px;
  color: #fff; font-weight: 700; white-space: nowrap;
}
.cp--pc .cp_btn { height: 40px; padding: 0 22px; font-size: 15px; }
.cp--m .cp_btn { height: .72rem; padding: 0 .32rem; font-size: .26rem; }
.cp .cp_btn--solid { border-color: #fff; color: #ff5a0f; background: #fff; }

/* 富文本正文 */
.cp_rich { color: #333; line-height: 1.9; }
.cp--pc .cp_rich { font-size: 15px; }
.cp--m .cp_rich { font-size: .28rem; }
.cp_rich p + p { margin-top: 1em; }
.cp_rich img { max-width: 100%; height: auto; }

/* 联系方式 */
.cp_contact { display: grid; }
.cp--pc .cp_contact { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 32px; }
.cp--m .cp_contact { gap: .16rem; }
.cp_contact div { display: flex; }
.cp_contact dt { flex: 0 0 auto; color: #999; }
.cp--pc .cp_contact dt { width: 80px; font-size: 14px; }
.cp--m .cp_contact dt { width: 1.4rem; font-size: .26rem; }
.cp_contact dd { color: #333; font-weight: 600; word-break: break-all; }
.cp--pc .cp_contact dd { font-size: 14px; }
.cp--m .cp_contact dd { font-size: .26rem; }
.cp .cp_contact a { color: #ff761a; }

/* APP / 小程序入口卡 */
.cp_entries { display: grid; }
.cp--pc .cp_entries { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-bottom: 20px; }
.cp--m .cp_entries { gap: .2rem; margin-bottom: .2rem; }
.cp_entry {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  border-radius: 10px; background: #fff; box-shadow: 1px 4px 6px rgba(0, 0, 0, .05);
}
.cp--pc .cp_entry { padding: 28px 24px; }
.cp--m .cp_entry { padding: .32rem .28rem; border-radius: 8px; }
.cp_entry_tag { padding: 3px 10px; border-radius: 999px; color: #ff761a; background: #fff2e8; font-size: 12px; font-weight: 700; }
.cp_entry h2 { color: #111; font-weight: 800; }
.cp--pc .cp_entry h2 { margin-top: 12px; font-size: 20px; }
.cp--m .cp_entry h2 { margin-top: .14rem; font-size: .32rem; }
.cp_entry p { color: #777; line-height: 1.6; }
.cp--pc .cp_entry p { margin-top: 8px; font-size: 14px; }
.cp--m .cp_entry p { margin-top: .08rem; font-size: .24rem; }
.cp_entry_qr { border: 1px solid #eee; border-radius: 8px; background: #fff; object-fit: contain; }
.cp--pc .cp_entry_qr { width: 160px; height: 160px; margin-top: 18px; padding: 8px; }
.cp--m .cp_entry_qr { width: 2.6rem; height: 2.6rem; margin-top: .2rem; padding: .1rem; }
.cp_entry_tip { margin-top: 10px; color: #999; font-size: 12px; }
.cp_entry_soon {
  display: flex; align-items: center; justify-content: center;
  border: 1px dashed #ffc9a3; border-radius: 8px; color: #ff9a55; background: #fffaf6; font-weight: 700;
}
.cp--pc .cp_entry_soon { width: 160px; height: 160px; margin-top: 18px; font-size: 16px; }
.cp--m .cp_entry_soon { width: 2.6rem; height: 1.2rem; margin-top: .2rem; font-size: .26rem; }
.cp_h5 p { color: #666; line-height: 1.7; }
.cp--pc .cp_h5 p { font-size: 14px; }
.cp--m .cp_h5 p { font-size: .26rem; }
.cp .cp_h5_url {
  display: inline-block; margin-top: 12px; padding: 10px 14px; border-radius: 6px;
  color: #ff761a; background: #fff5ee; font-family: Consolas, Menlo, monospace; word-break: break-all;
}
.cp--m .cp_h5_url { font-size: .24rem; }

/* 行情表 */
.cp_tabs { display: flex; gap: 6px; border-bottom: 1px solid #f0f0f0; }
.cp--pc .cp_tabs { margin-bottom: 4px; }
.cp_tabs button {
  position: relative; display: inline-flex; align-items: center; gap: 6px;
  border: 0; color: #555; background: none; font: inherit; font-weight: 700; cursor: pointer;
}
.cp--pc .cp_tabs button { padding: 12px 16px; font-size: 16px; }
.cp--m .cp_tabs button { padding: .18rem .2rem; font-size: .28rem; }
.cp_tabs button.active { color: #ff761a; box-shadow: inset 0 -3px 0 #ff761a; }
.cp_tabs em {
  min-width: 18px; padding: 0 5px; border-radius: 9px;
  color: #fff; background: #ccc; font-size: 11px; font-style: normal; line-height: 18px; text-align: center;
}
.cp_tabs button.active em { background: #ff761a; }
.cp_table_wrap { overflow-x: auto; }
.cp_table { width: 100%; border-collapse: collapse; }
.cp_table th { color: #888; background: #fafafa; font-weight: 500; text-align: left; }
.cp_table th, .cp_table td { border-bottom: 1px solid #f2f2f2; }
.cp--pc .cp_table th, .cp--pc .cp_table td { padding: 13px 16px; font-size: 15px; }
.cp--m .cp_table th, .cp--m .cp_table td { padding: .16rem .12rem; font-size: .24rem; }
.cp_table_name { color: #222; font-weight: 600; }
.cp_table_price { color: #111; font-weight: 700; white-space: nowrap; }
.cp_table_date { color: #999; white-space: nowrap; }
.cp_table .up { color: #ff761a; white-space: nowrap; }
.cp_table .down { color: #2eb872; white-space: nowrap; }
.cp_empty { padding: 48px 0; color: #aaa; text-align: center; }
.cp .cp_note { margin-top: 12px; color: #aaa; font-size: 12px; }

/* 热门询价 */
.cp_inquiries { display: grid; gap: 12px; }
.cp--pc .cp_inquiries { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cp_inquiry { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid #f0f0f0; border-radius: 8px; }
.cp_inquiry:hover { border-color: #ffd0b3; }
.cp_inquiry img { flex: 0 0 auto; width: 56px; height: 56px; border-radius: 6px; background: #f5f5f5; object-fit: cover; }
.cp_inquiry div { flex: 1; min-width: 0; }
.cp_inquiry strong { display: block; overflow: hidden; color: #222; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.cp_inquiry span { display: block; margin-top: 4px; color: #999; font-size: 12px; }
.cp_inquiry em { flex: 0 0 auto; padding: 5px 12px; border: 1px solid #ff761a; border-radius: 5px; color: #ff761a; font-size: 13px; font-style: normal; }

/* 关于我们 */
.cp_about_hero { display: flex; align-items: center; justify-content: space-between; }
.cp_about_hero_txt { min-width: 0; }
.cp_about_actions { display: flex; flex-wrap: wrap; }
.cp--pc .cp_about_actions { gap: 12px; margin-top: 22px; }
.cp--m .cp_about_actions { gap: .16rem; margin-top: .24rem; }
.cp_about_art { flex: none; width: 300px; height: auto; margin-left: 24px; }
.cp_features { display: grid; }
.cp--pc .cp_features { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.cp--m .cp_features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .16rem; }
.cp_feature { display: flex; flex-direction: column; border: 1px solid #f1f1f1; border-radius: 10px; background: #fcfcfd; transition: border-color .2s, box-shadow .2s; }
.cp--pc .cp_feature { padding: 22px 20px; }
.cp--m .cp_feature { padding: .24rem .2rem; border-radius: 8px; }
a.cp_feature:hover { border-color: #ffc9a3; box-shadow: 0 6px 16px rgba(255, 118, 26, .1); }
.cp_feature_ico { display: flex; align-items: center; justify-content: center; border-radius: 10px; color: #ff761a; background: #fff2e8; }
.cp--pc .cp_feature_ico { width: 44px; height: 44px; }
.cp--m .cp_feature_ico { width: .72rem; height: .72rem; border-radius: 8px; }
.cp_feature_ico svg { width: 55%; height: 55%; }
.cp_feature strong { color: #111; font-weight: 800; }
.cp--pc .cp_feature strong { margin-top: 14px; font-size: 17px; }
.cp--m .cp_feature strong { margin-top: .16rem; font-size: .28rem; }
.cp_feature p { color: #777; line-height: 1.6; }
.cp--pc .cp_feature p { margin-top: 6px; font-size: 14px; }
.cp--m .cp_feature p { margin-top: .06rem; font-size: .22rem; }
.cp_features--plain .cp_feature { background: #fff; }
.cp_steps { display: grid; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.cp--pc .cp_steps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.cp--m .cp_steps { gap: .16rem; }
.cp_steps li { display: flex; align-items: flex-start; border-radius: 10px; background: #fff8f2; }
.cp--pc .cp_steps li { gap: 12px; padding: 18px; }
.cp--m .cp_steps li { gap: .16rem; padding: .22rem; border-radius: 8px; }
.cp_steps em { flex: none; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; background: #ff761a; font-style: normal; font-weight: 800; }
.cp--pc .cp_steps em { width: 30px; height: 30px; font-size: 15px; }
.cp--m .cp_steps em { width: .46rem; height: .46rem; font-size: .24rem; }
.cp_steps strong { color: #111; font-weight: 800; }
.cp--pc .cp_steps strong { font-size: 16px; }
.cp--m .cp_steps strong { font-size: .28rem; }
.cp_steps p { color: #777; line-height: 1.6; }
.cp--pc .cp_steps p { margin-top: 4px; font-size: 13px; }
.cp--m .cp_steps p { margin-top: .04rem; font-size: .22rem; }
.cp_chips { display: flex; flex-wrap: wrap; }
.cp--pc .cp_chips { gap: 10px; }
.cp--m .cp_chips { gap: .14rem; }
.cp .cp_chips a { border: 1px solid #eee; border-radius: 999px; color: #444; background: #fafafa; }
.cp--pc .cp_chips a { padding: 7px 16px; font-size: 14px; }
.cp--m .cp_chips a { padding: .1rem .22rem; font-size: .24rem; }
.cp .cp_chips a:hover { border-color: #ffb27a; color: #ff761a; background: #fff5ee; }
/* 浅色底上的按钮（关于我们页头） */
.cp .cp_about_actions .cp_btn { border-color: #ffb27a; color: #ff761a; background: #fff; }
.cp .cp_about_actions .cp_btn--solid { border-color: #ff761a; color: #fff; background: #ff761a; }

/* 芯片元器件板块 /chips */
.cp_card_head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cp--pc .cp_card_head { margin-bottom: 16px; }
.cp--m .cp_card_head { margin-bottom: .16rem; }
.cp .cp_card_head .cp_card_title { margin-bottom: 0; }
.cp_card_title small { margin-left: 8px; color: #999; font-size: 13px; font-weight: 400; }
.cp--m .cp_card_title small { font-size: .22rem; }
.cp .cp_card_head > a { display: inline-flex; align-items: center; color: #888; white-space: nowrap; }
.cp .cp_card_head > a:hover { color: #ff761a; }
.cp--pc .cp_card_head > a, .cp--pc .cp_card_hint { font-size: 14px; }
.cp--m .cp_card_head > a, .cp--m .cp_card_hint { font-size: .24rem; }
.cp_card_head > a svg { width: 1.1em; height: 1.1em; }
.cp_card_hint { color: #aaa; }

.cp_chip_hero { display: flex; align-items: center; justify-content: space-between; }
.cp_chip_hero_txt { flex: 1; min-width: 0; }
.cp_chip_art { flex: none; width: 320px; height: auto; margin-left: 24px; }
.cp_chip_search { display: flex; overflow: hidden; border: 2px solid #ff761a; background: #fff; }
.cp--pc .cp_chip_search { max-width: 560px; height: 46px; margin-top: 22px; border-radius: 8px; }
.cp--m .cp_chip_search { height: .8rem; margin-top: .24rem; border-radius: 6px; }
.cp_chip_search input { flex: 1; min-width: 0; border: 0; outline: 0; color: #222; background: none; font: inherit; }
.cp--pc .cp_chip_search input { padding: 0 16px; font-size: 15px; }
.cp--m .cp_chip_search input { padding: 0 .2rem; font-size: .26rem; }
.cp_chip_search button { display: inline-flex; align-items: center; gap: 6px; border: 0; color: #fff; background: #ff761a; font: inherit; font-weight: 700; cursor: pointer; }
.cp--pc .cp_chip_search button { padding: 0 22px; font-size: 15px; }
.cp--m .cp_chip_search button { padding: 0 .24rem; font-size: .26rem; }
.cp_chip_search button svg { width: 1.2em; height: 1.2em; }
.cp--m .cp_chip_search button span { display: none; }
.cp_chip_hot { display: flex; flex-wrap: wrap; align-items: center; color: #999; }
.cp--pc .cp_chip_hot { gap: 8px 14px; margin-top: 14px; font-size: 13px; }
.cp--m .cp_chip_hot { gap: .08rem .2rem; margin-top: .16rem; font-size: .22rem; }
.cp .cp_chip_hot a { color: #666; }
.cp .cp_chip_hot a:hover { color: #ff761a; }

.cp_chip_actions { margin-bottom: 20px; }
.cp--m .cp_chip_actions { margin-bottom: .2rem; }
.cp_chip_actions .cp_feature { background: #fff; box-shadow: 1px 4px 6px rgba(0, 0, 0, .05); }

.cp_chip_cats { display: grid; }
.cp--pc .cp_chip_cats { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.cp--m .cp_chip_cats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .14rem; }
.cp .cp_chip_cats a { display: flex; align-items: center; border: 1px solid #f1f1f1; border-radius: 8px; color: #333; background: #fcfcfd; font-weight: 600; transition: border-color .2s, color .2s; }
.cp--pc .cp_chip_cats a { gap: 10px; padding: 14px 16px; font-size: 15px; }
.cp--m .cp_chip_cats a { gap: .12rem; padding: .18rem .16rem; font-size: .26rem; }
.cp .cp_chip_cats a:hover { border-color: #ffc9a3; color: #ff761a; }
.cp_chip_cat_ico { flex: none; display: flex; align-items: center; justify-content: center; border-radius: 8px; color: #ff761a; background: #fff2e8; }
.cp--pc .cp_chip_cat_ico { width: 36px; height: 36px; }
.cp--m .cp_chip_cat_ico { width: .56rem; height: .56rem; border-radius: 6px; }
.cp_chip_cat_ico svg { width: 60%; height: 60%; }

.cp_brands { display: grid; }
.cp--pc .cp_brands { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 10px; }
.cp--m .cp_brands { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .12rem; }
.cp .cp_brands a { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #f1f1f1; border-radius: 8px; background: #fff; text-align: center; transition: border-color .2s, box-shadow .2s; }
.cp--pc .cp_brands a { height: 66px; }
.cp--m .cp_brands a { height: 1.1rem; padding: 0 .06rem; border-radius: 6px; }
.cp .cp_brands a:hover { border-color: #ffc9a3; box-shadow: 0 6px 16px rgba(255, 118, 26, .1); }
.cp_brands strong { max-width: 100%; overflow: hidden; color: #222; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.cp--pc .cp_brands strong { font-size: 16px; }
.cp--m .cp_brands strong { font-size: .24rem; }
.cp_brands span { color: #999; }
.cp--pc .cp_brands span { margin-top: 2px; font-size: 12px; }
.cp--m .cp_brands span { margin-top: .02rem; font-size: .2rem; }

.cp_goods { display: grid; }
.cp--pc .cp_goods { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.cp--m .cp_goods { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .16rem; }
.cp .cp_good { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #f0f0f0; border-radius: 8px; background: #fff; transition: border-color .2s, box-shadow .2s; }
.cp .cp_good:hover { border-color: #ffd0b3; box-shadow: 0 8px 20px rgba(255, 118, 26, .1); }
.cp_good_img { display: block; aspect-ratio: 1 / 1; background: #f5f5f5; }
.cp_good_img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cp_good_name { display: -webkit-box; overflow: hidden; color: #222; font-weight: 600; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.cp--pc .cp_good_name { height: 42px; margin: 10px 12px 0; font-size: 14px; }
.cp--m .cp_good_name { height: .7rem; margin: .12rem .14rem 0; font-size: .24rem; }
.cp_good_price { color: #ff5a0f; font-weight: 800; }
.cp--pc .cp_good_price { margin: 6px 12px 0; font-size: 18px; }
.cp--m .cp_good_price { margin: .06rem .14rem 0; font-size: .3rem; }
.cp_good_price small { margin-left: 4px; color: #aaa; font-size: 12px; font-weight: 400; }
.cp--m .cp_good_price small { font-size: .2rem; }
.cp_good_meta { color: #aaa; }
.cp--pc .cp_good_meta { margin: 4px 12px 12px; font-size: 12px; }
.cp--m .cp_good_meta { margin: .04rem .14rem .16rem; font-size: .2rem; }

.cp_chip_empty { border-radius: 8px; background: #fafafa; color: #888; text-align: center; line-height: 1.7; }
.cp--pc .cp_chip_empty { padding: 36px 24px; font-size: 14px; }
.cp--m .cp_chip_empty { padding: .4rem .24rem; font-size: .24rem; }
.cp_chip_empty_title { color: #222; font-weight: 800; }
.cp--pc .cp_chip_empty_title { margin-bottom: 6px; font-size: 17px; }
.cp--m .cp_chip_empty_title { margin-bottom: .06rem; font-size: .3rem; }
.cp_chip_empty_actions { display: flex; flex-wrap: wrap; justify-content: center; }
.cp--pc .cp_chip_empty_actions { gap: 12px; margin-top: 18px; }
.cp--m .cp_chip_empty_actions { gap: .16rem; margin-top: .24rem; }
.cp .cp_chip_btn { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ffb27a; border-radius: 6px; color: #ff761a; background: #fff; font-weight: 700; white-space: nowrap; }
.cp--pc .cp_chip_btn { height: 38px; padding: 0 20px; font-size: 14px; }
.cp--m .cp_chip_btn { height: .68rem; padding: 0 .28rem; font-size: .26rem; }
.cp .cp_chip_btn--solid { border-color: #ff761a; color: #fff; background: #ff761a; }