@charset "UTF-8";
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

/* ==========================================================================
   Font Awesome 5 核心及字体导入
   ========================================================================== */
.fa, .fas, .far, .fal, .fad, .fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* 导入 Solid 图标字体 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-solid-900.woff2") format("woff2");
}

/* 导入 Brands 品牌图标字体 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff2") format("woff2");
}

.fa, .fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}

/* 图标 Unicode 映射 */
.fa-folder:before { content: "\f07b"; }
.fa-folder-open:before { content: "\f07c"; }
.fa-file-alt:before { content: "\f15c"; }
.fa-file-pdf:before { content: "\f1c1"; }
.fa-video:before { content: "\f03d"; }
.fa-image:before { content: "\f03e"; }
.fa-code:before { content: "\f121"; }
.fa-download:before { content: "\f019"; }
.fa-external-link-alt:before { content: "\f35d"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-search:before { content: "\f002"; }
.fa-circle-check:before { content: "\f058"; }
.fa-telegram:before { content: "\f2c6"; }
.fa-twitter:before { content: "\f099"; }
.fa-github:before { content: "\f09b"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-book:before { content: "\f02d"; }
.fa-book-open:before { content: "\f518"; }
.fa-circle-play:before { content: "\f144"; }
.fa-compass:before { content: "\f14e"; }
.fa-exchange-alt:before { content: "\f362"; }
.fa-shield-alt:before { content: "\f3ed"; }
.fa-photo-video:before { content: "\f87c"; }

/* ==========================================================================
   页面背景与基础全局样式
   ========================================================================== */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: #0b0f19;
    background-image: 
        linear-gradient(rgba(11, 15, 25, 0.85), rgba(11, 15, 25, 0.85)),
        url('bg.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    color: #f8fafc;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.5;
    padding-bottom: 60px;
    min-height: 100vh;
}

a {
    color: #38bdf8;
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: #7dd3fc;
}

.container {
    max-width: 880px; /* 调整为 880px 让宽屏模式画面更大 */
    margin: 0 auto;
    padding: 0 20px;
}