/* PearlHarbor — 主题补充样式
   Bundle 中本文件排在 elementor 生成的 CSS 之前，故需要覆盖的规则一律加 !important。 */

/* ---------- 站点头部 ---------- */
body{background-color:#fff}
.ph-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.ph-brand__text{font-size:24px;font-weight:800;letter-spacing:.2px;color:#1493FC!important;line-height:1.1}
.elementor-50 .elementor-element-e37bf41{background-color:#fff!important;position:sticky!important;top:0!important;z-index:999!important;box-shadow:0 2px 14px rgba(0,28,56,.08)}
.elementor-50 .elementor-element-e632399 .elementor-widget-wrap,
.elementor-50 .elementor-element-5a64f83 .elementor-widget-wrap,
.elementor-50 .elementor-element-df56418 .elementor-widget-wrap{align-items:center;justify-content:center}

/* 无 JS 的导航：横向主菜单在任意宽度都可用 */
.elementor-50 .elementor-nav-menu--dropdown-mobile .elementor-nav-menu--main{display:block!important}
.elementor-50 .elementor-nav-menu--main .elementor-nav-menu{display:flex!important;flex-wrap:wrap;justify-content:center;gap:2px 6px;margin:0}
.elementor-50 .elementor-nav-menu--main .elementor-item{color:#1493FC!important;font-weight:600;padding:4px 12px}
.elementor-50 .elementor-nav-menu--main .elementor-item:hover{color:#007ADF!important}
.elementor-50 .menu-item-has-children{position:relative}
.elementor-50 .ph-submenu{display:none!important;position:absolute!important;top:100%;left:0;min-width:230px;background:#fff!important;box-shadow:0 10px 30px rgba(0,28,56,.16);border-radius:6px;padding:8px 0;margin:0;list-style:none;z-index:9998}
.elementor-50 .menu-item-has-children:hover>.ph-submenu{display:block!important}
.elementor-50 .ph-submenu .elementor-sub-item{display:block;padding:8px 16px;color:#3f4a5a!important;font-size:14px;text-decoration:none}
.elementor-50 .ph-submenu .elementor-sub-item:hover{color:#1493FC!important;background:#F5F7FF}
@media (max-width:767px){
  .elementor-50 .elementor-nav-menu--main .elementor-menu-toggle{display:none!important}
  .elementor-50 .elementor-nav-menu--main .elementor-nav-menu{justify-content:center}
  .elementor-50 .elementor-col-25,.elementor-50 .elementor-col-50{width:100%!important}
}

/* 语言切换（页脚） */
.ph-langs{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:16px 0 0;padding:0}
.ph-langs__item{margin:0}
.ph-langs__link{display:inline-block;padding:3px 9px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#cfd8e3!important;text-decoration:none;background:rgba(255,255,255,.09)}
.ph-langs__link.is-current{background:#1493FC!important;color:#fff!important}
.ph-langs__link:hover{background:#1493FC!important;color:#fff!important}

/* ---------- 面包屑 / 标签 / 分页 ---------- */
.ph-breadcrumb{margin:0 0 14px;font-size:13px;color:#7A7A7A}
.ph-breadcrumb a{color:#1493FC!important;text-decoration:none}
.ph-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.ph-chip{display:inline-block;padding:6px 14px;border-radius:999px;background:#F5F7FF;color:#1493FC!important;font-size:13px;font-weight:600;text-decoration:none}
.ph-chip:hover{background:#1493FC!important;color:#fff!important}
.ph-pager{display:flex;align-items:center;gap:14px;justify-content:center;margin:24px 0 0}
.ph-pager__info{font-size:13px;color:#7A7A7A}
.ph-tags ul{display:flex;gap:14px;flex-wrap:wrap}
.ph-empty{color:#7A7A7A}
.ph-comments{margin-top:34px}
.ph-comments .comment-list{list-style:none;margin:0;padding:0}
.ph-comments .comment-body{border:1px solid #eef1f7;border-radius:8px;padding:16px 18px;margin-bottom:14px;background:#fff}
.ph-comments .comment-author{display:flex;align-items:center;gap:10px}
.ph-comments .avatar{border-radius:50%}
.ph-comments .comment-metadata{font-size:12px;color:#7A7A7A;margin:4px 0 8px}
.ph-comment-like{font-size:12px;color:#7A7A7A}
.ph-author{display:flex;gap:16px;align-items:flex-start;background:#F5F7FF;border-radius:10px;padding:18px 20px}
.ph-author__avatar{border-radius:50%}
.ph-author__name{margin:0 0 4px;font-size:18px}
.ph-author__name a{color:#1493FC!important;text-decoration:none}
.ph-author__role{margin:0 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#7A7A7A}
.ph-author__bio{margin:0;font-size:14px;color:#3f4a5a}

/* ---------- 首页：分类卡片 / 步骤 / 平台卡 ---------- */
.elementor-10 .elementor-image-box-img img{border-radius:0}
.ph-cat-card{display:block;text-decoration:none}
.elementor-10 .elementor-image-box-wrapper{background:#fff}
.ph-steps{margin:0;padding:0}
.ph-step{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px dashed #e6ebf5}
.ph-step:last-child{border-bottom:0}
.ph-step__no{flex:0 0 38px;height:38px;border-radius:50%;background:#1493FC;color:#fff!important;font-weight:700;display:flex;align-items:center;justify-content:center}
.ph-step h3{margin:0 0 4px;font-size:17px}
.ph-step p{margin:0;font-size:14px;color:#7A7A7A}
.ph-bonus{display:inline-block;font-weight:700;color:#001c38}

/* 评价卡（swiper 无 JS 时按网格排布） */
.elementor-10 .elementor-element-d3bb523 .swiper-wrapper{display:flex!important;flex-wrap:wrap!important;gap:26px!important;transform:none!important}
.elementor-10 .elementor-element-d3bb523 .swiper-slide{width:calc(33.333% - 18px)!important;flex:0 0 auto!important;margin:0!important;background:#fff;border:1px solid #eef1f7;border-radius:10px;padding:22px;box-shadow:0 6px 22px rgba(0,28,56,.06)}
.elementor-10 .elementor-element-d3bb523 .elementor-testimonial__text{font-size:15px;color:#3f4a5a;margin-bottom:14px}
.elementor-10 .elementor-element-d3bb523 .elementor-testimonial__footer{display:flex;align-items:center;gap:12px}
.elementor-10 .elementor-element-d3bb523 .elementor-testimonial__image img{border-radius:50%;width:56px;height:56px;object-fit:cover}
.elementor-10 .elementor-element-d3bb523 .elementor-testimonial__cite{display:block;font-style:normal}
.elementor-10 .elementor-element-d3bb523 .elementor-testimonial__name{display:block;font-weight:700;color:#001c38}
.elementor-10 .elementor-element-d3bb523 .elementor-testimonial__title{display:block;font-size:12px;color:#7A7A7A}
@media (max-width:1024px){
  .elementor-10 .elementor-element-d3bb523 .swiper-slide{width:calc(50% - 13px)!important}
}
@media (max-width:767px){
  .elementor-10 .elementor-element-d3bb523 .swiper-slide{width:100%!important}
}

/* ---------- 侧栏 ---------- */
.ph-sidebar .elementor-element-5623df27{padding:0!important}
.ph-sidebar .elementor-element-2da6d4ff>.elementor-element-populated{margin:0!important}
.ph-sidebar .elementor-element-493d5083{margin:26px 0 10px}
.ph-sidebar .elementor-element-493d5083:first-child{margin-top:0}
.ph-side-box{background:#F5F7FF;border-radius:10px;padding:16px 18px}
.ph-side-list{list-style:none;margin:0;padding:0}
.ph-side-list li{margin:0 0 10px}
.ph-side-list li:last-child{margin-bottom:0}
.ph-side-list a{display:block;color:#001c38!important;font-size:14px;font-weight:600;text-decoration:none;line-height:1.4}
.ph-side-list a i{color:#1493FC!important;font-size:11px;margin-right:7px}
.ph-side-list a:hover{color:#1493FC!important}
.ph-side-btn{margin-top:14px;background-color:#1493FC!important;color:#fff!important;border-radius:30px}
.ph-side-btn .elementor-button-text{color:#fff!important}

/* ---------- 文章卡片 ---------- */
.elementor-posts--skin-cards .elementor-post__card{border-radius:10px;overflow:hidden}
.elementor-post__excerpt p{font-size:14px;color:#7A7A7A}
.elementor-post__badge{letter-spacing:.3px}
.elementor-post__read-more{color:#1493FC!important;font-weight:700;text-decoration:none}

/* ---------- 页脚 ---------- */
.elementor-124 .elementor-element-2927057b{background-color:#001c38!important}
.elementor-124 .elementor-heading-title{color:#fff!important}
.elementor-124 .elementor-icon-list-text{color:#cfd8e3!important}
.elementor-124 .elementor-icon-list-text a{color:#cfd8e3!important;text-decoration:none}
.elementor-124 .elementor-icon-list-text a:hover{color:#fff!important}
.elementor-124 .elementor-icon-list-icon i{color:#1493FC!important}
.elementor-124 .elementor-element-5c9e1463{background-color:#001529!important}
.elementor-124 .elementor-element-5c9e1463 .elementor-heading-title{color:#9db0c4!important;font-size:13px}
.ph-social{display:flex;gap:10px;list-style:none;margin:14px 0 0;padding:0}
.ph-social a{display:flex;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff!important;align-items:center;justify-content:center;text-decoration:none}
.ph-social a:hover{background:#1493FC!important}

/* ---------- 平台推广行（组件自己的类） ---------- */
.pp-promos-item{padding:2px 0}
@media (max-width:767px){
  .pp-row, .pp-row *{max-width:100%!important;box-sizing:border-box}
}

/* ---------- 页脚品牌与社交 ---------- */
.ph-brand--footer .ph-brand__mark{height:38px;width:auto;display:block}
.elementor-124 .elementor-social-icons-wrapper{display:flex!important;flex-wrap:wrap;gap:10px}
.elementor-124 .elementor-social-icon{background-color:rgba(255,255,255,.12)!important;width:36px;height:36px;display:inline-flex!important;align-items:center;justify-content:center;border-radius:50%;color:#fff!important}
.elementor-124 .elementor-social-icon i{color:#fff!important;font-size:15px}
.elementor-124 .elementor-social-icon:hover{background-color:#1493FC!important}

/* ---------- 首页右栏：八个平台条目（复用目标站步骤位的元素 id） ---------- */
.elementor-10 .elementor-element-a5f6021 .elementor-widget-heading h3{margin:20px 0 4px;font-size:18px;line-height:1.35}
.elementor-10 .elementor-element-a5f6021 .elementor-widget-heading:first-child h3{margin-top:0}
.elementor-10 .elementor-element-a5f6021 .elementor-widget-heading h3 a{color:#001c38!important;text-decoration:none}
.elementor-10 .elementor-element-a5f6021 .elementor-widget-heading h3 a:hover{color:#1493FC!important}
.elementor-10 .elementor-element-a5f6021 .elementor-widget-text-editor p{margin:0 0 8px;font-size:14px;color:#7A7A7A}
.elementor-10 .elementor-element-a5f6021 .elementor-widget-text-editor p strong{color:#1493FC}