/* 页面 2509 内嵌内容专用样式（原为页面里内嵌的整篇 HTML 文档，
   已作用域化到 .tj-embed-2509，避免覆盖全站字体/背景/页脚） */
.tj-embed-2509, .tj-embed-2509 *{margin: 0;padding: 0;box-sizing: border-box;}
.tj-embed-2509{background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);display: flex;flex-direction: column;align-items: center;padding: 40px 20px;color: #333;}
.tj-embed-2509 .header{text-align: center;margin-bottom: 40px;width: 100%;}
.tj-embed-2509 .header h2{font-size: 2.5rem;color: #2c3e50;margin-bottom: 15px;position: relative;display: inline-block;}
.tj-embed-2509 .header h2::after{content: '';position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 70px;height: 4px;background: #3498db;border-radius: 2px;}
.tj-embed-2509 .header p{font-size: 1.1rem;color: #7f8c8d;max-width: 700px;margin: 0 auto;line-height: 1.6;}
.tj-embed-2509 .container{display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;max-width: 1200px;width: 100%;}
.tj-embed-2509 .card{background: white;border-radius: 12px;overflow: hidden;width: 100%;max-width: 500px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.tj-embed-2509 .card:hover{transform: translateY(-5px);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);}
.tj-embed-2509 .card-header{background: #3498db;color: white;padding: 20px;text-align: center;font-size: 1.4rem;font-weight: 600;}
.tj-embed-2509 .card-header.offline{background: #2c3e50;}
.tj-embed-2509 .card-body{padding: 25px;}
.tj-embed-2509 .platform-list{list-style: none;}
.tj-embed-2509 .platform-item{display: flex;align-items: center;padding: 15px 0;border-bottom: 1px solid #f1f1f1;}
.tj-embed-2509 .platform-item:last-child{border-bottom: none;}
.tj-embed-2509 .platform-icon{width: 40px;height: 40px;background: #f5f7fa;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 15px;color: #3498db;font-size: 18px;}
.tj-embed-2509 .platform-info{flex: 1;}
.tj-embed-2509 .platform-name{font-weight: 600;font-size: 1.1rem;margin-bottom: 4px;color: #2c3e50;}
.tj-embed-2509 .platform-desc{color: #7f8c8d;font-size: 0.9rem;}
.tj-embed-2509 .badge{display: inline-block;padding: 3px 8px;border-radius: 4px;font-size: 0.7rem;font-weight: 600;margin-left: 8px;}
.tj-embed-2509 .badge.online{background: #e8f4fc;color: #3498db;}
.tj-embed-2509 .badge.offline{background: #eaecee;color: #2c3e50;}
.tj-embed-2509 .platform-link{color: inherit;text-decoration: none;transition: color 0.3s ease;display: inline-flex;align-items: center;}
.tj-embed-2509 .platform-link:hover{color: #3498db;}
.tj-embed-2509 .platform-link::after{content: '\f35d';font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 0.8rem;margin-left: 6px;opacity: 0.7;}
.tj-embed-2509 .footer{margin-top: 50px;text-align: center;color: #7f8c8d;font-size: 0.9rem;}
@media (max-width: 768px){
  .tj-embed-2509 .container{flex-direction: column;align-items: center;}
  .tj-embed-2509 .card{max-width: 100%;}
  .tj-embed-2509 .header h2{font-size: 2rem;}
}

/* 图标已由境外 CDN 字体改为内联 SVG，显式限定尺寸并跟随文字颜色 */
.tj-embed-2509 .platform-icon svg{width:1em;height:1em;fill:currentColor;display:block;}
/* 卡片标题图标（线上/线下调解立案）：原无尺寸约束被撑大，按比例收敛到标题文字大小并跟随颜色 */
.tj-embed-2509 .card-header svg{width:1.2em;height:1.2em;display:inline-block;vertical-align:middle;margin-right:8px;fill:currentColor;}

/* ------------------------------------------------------------------
   BUG 修复（2026-09-19）：外链图标由 Font Awesome 字体改为内联 SVG
   根因：上方 .platform-link::after 依赖 font-family:'Font Awesome 5 Free'
        的 \f35d 字形，但全站从未加载该 webfont（已核实：页面 HTML 与全部
        入队 CSS 中 @font-face 数量为 0），浏览器取不到字形，
        该图标必然渲染为「豆腐块」缺字符号。
   解决：本规则在后，覆盖前者的 content / font-family / font-size，
        改用自包含 SVG data URI —— 不依赖任何字体或外部 CDN，
        任意环境都能正确显示，且与页面其它图标（已内联 SVG）保持一致。
   ------------------------------------------------------------------ */
.tj-embed-2509 .platform-link::after{
  content:"";
  font-family:inherit;
  font-weight:normal;
  display:inline-block;
  width:.8em;
  height:.8em;
  flex-shrink:0;
  font-size:inherit;
  margin-left:6px;
  opacity:.7;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237f8c8d'%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}