/* Font Awesome 精简版 - 只包含页面使用的图标 */

/* 基础样式 */
.fas,
.far,
.fab {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: inherit;
}

.fas::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

/* 使用内联 SVG 图标，支持 currentColor */
.fa-film::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM48 368v32c0 8.8 7.2 16 16 16H96V368H48zm0-64H96V256H48v48zm0-96H96V160H48v48zm96-48v48H448V160H144zm0 96H448V256H144v48zm0 96H448V352H144v48zm-96 0v32c0 8.8 7.2 16 16 16H96V368H48zm0-64H96V256H48v48zm0-96H96V160H48v48zm96-48v48H448V160H144zm0 96H448V256H144v48zm0 96H448V352H144v48zm-96 0v32c0 8.8 7.2 16 16 16H96V368H48zm0-64H96V256H48v48zm0-96H96V160H48v48z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.fa-star::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.7c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l36.2 192.7c1.5 8-2.2 16.1-9.6 20.9s-16.9 4.4-24.1-1.1L288 432.1 139.9 550.8c-7.2 5.5-17.1 6.2-24.1 1.1s-11.1-12.9-9.6-20.9l36.2-192.7L18.4 218.2c-6.4-6.4-8.9-15.9-5.9-24.5s10.3-15 19.3-16.3l153.2-22.7L274.3 13.5C278.3 5.2 286.7 0 295.9 0z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.fa-mobile-alt::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M16 64C16 28.7 44.7 0 80 0H304c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H80c-35.3 0-64-28.7-64-64V64zM80 48c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16H304c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H80zm80 352a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.fa-desktop::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M64 0C28.7 0 0 28.7 0 64V352c0 35.3 28.7 64 64 64H240l-10.7 32H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H346.7L336 416H512c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM512 64V352H64V64H512z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.fa-robot::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M320 0c17.7 0 32 14.3 32 32V96H472c39.8 0 72 32.2 72 72V440c0 39.8-32.2 72-72 72H168c-39.8 0-72-32.2-72-72V168c0-39.8 32.2-72 72-72H288V32c0-17.7 14.3-32 32-32zM208 384c-8.8 0-16-7.2-16-16s7.2-16 16-16s16 7.2 16 16s-7.2 16-16 16zm224 0c-8.8 0-16-7.2-16-16s7.2-16 16-16s16 7.2 16 16s-7.2 16-16 16zM304 240c0 8.8-7.2 16-16 16s-16-7.2-16-16s7.2-16 16-16s16 7.2 16 16zm112 16c-8.8 0-16-7.2-16-16s7.2-16 16-16s16 7.2 16 16s-7.2 16-16 16z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.fa-minus::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.fa-times::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.fa-exclamation-circle::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.fa-image::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM323.8 202.5c-4.5-6.6-12-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6h96 32 208c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z' fill='%23dddddd'/%3E%3C/svg%3E");
}

.fa-paper-plane {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.fa-paper-plane::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 352c-1.5 8.7-7.3 16.2-15.7 20.1s-17.8 4.2-25.8-1.1l-111-64-59.3 59.3c-3.1 3.1-8.2 3.1-11.3 0s-3.1-8.2 0-11.3l59.3-59.3-64-111c-5.3-8-6.1-17.8-1.1-25.8s11.4-14.2 20.1-15.7l352-64c12.1-1.9 24.2 3.4 31.2 13.5z' fill='%23ffffff'/%3E%3C/svg%3E");
  display: block;
}

/* 图标大小工具类 */
.fa-sm::before {
  width: 0.8em;
  height: 0.8em;
}

.fa-lg::before {
  width: 1.2em;
  height: 1.2em;
}

.fa-xl::before {
  width: 1.5em;
  height: 1.5em;
}

.fa-2x::before {
  width: 2em;
  height: 2em;
}

/* 自定义图标大小的方法：
 * 
 * 方法1：使用工具类（推荐）
 * <i class="fas fa-paper-plane fa-lg"></i>  // 1.2倍大小
 * <i class="fas fa-paper-plane fa-xl"></i>  // 1.5倍大小
 * 
 * 方法2：直接为特定图标设置大小
 * .fa-paper-plane::before {
 *   width: 1.2em;
 *   height: 1.2em;
 * }
 * 
 * 方法3：使用 transform scale
 * .fa-paper-plane::before {
 *   transform: scale(1.2);
 * }
 * 
 * 方法4：在 HTML 中使用内联样式
 * <i class="fas fa-paper-plane" style="font-size: 1.2em;"></i>
 */