/* 替换static/css/fontawesome/all.min.css文件内容 */
/* 这是一个简化版本，只包含必要的字体声明 */
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url("./webfonts/fa-regular-400.woff2") format("woff2")}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url("./webfonts/fa-solid-900.woff2") format("woff2")}
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url("./webfonts/fa-brands-400.woff2") format("woff2")}
.fa-solid::before,.fas::before{font-family:"Font Awesome 6 Free";font-weight:900}
.fa-regular::before,.far::before{font-family:"Font Awesome 6 Free";font-weight:400}
.fa-brands::before,.fab::before{font-family:"Font Awesome 6 Brands";font-weight:400}
.fa-file-alt::before,.fa-file-lines::before{content:"\f15c"}
.fa-dumbbell::before{content:"\f44b"}
.fa-bookmark::before{content:"\f02e"}
.fa-chart-line::before{content:"\f201"}
.fa-person-circle::before{content:"\e123"}
.fa-box-arrow-in-right::before{content:"\e13f"}
.fa-check-circle-fill::before{content:"\e13b"}
.fa-home::before{content:"\f015"}
.fa-code::before{content:"\f121"}
.fa-road::before{content:"\f018"}
.fa-info-circle::before{content:"\f05a"}

/* static/css/fontawesome-custom.css */
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("./webfonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("./webfonts/fa-solid-900.woff2") format("woff2");
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("./webfonts/fa-brands-400.woff2") format("woff2");
}

/* 基础类 */
.fa-solid::before,
.fas::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-style: normal;
}

.fa-regular::before,
.far::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 400;
    font-style: normal;
}

.fa-brands::before,
.fab::before {
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    font-style: normal;
}

/* 具体图标定义 - 添加你需要的图标 */
.fa-file-alt::before,
.fa-file-lines::before {
    content: "\f15c";
}

.fa-dumbbell::before {
    content: "\f44b";
}

.fa-bookmark::before {
    content: "\f02e";
}

.fa-chart-line::before {
    content: "\f201";
}

.fa-person-circle::before {
    content: "\e123";
}

.fa-box-arrow-in-right::before {
    content: "\e13f";
}

.fa-check-circle-fill::before,
.fa-check-circle::before {
    content: "\f058";
}

.fa-home::before {
    content: "\f015";
}

.fa-code::before {
    content: "\f121";
}

.fa-road::before {
    content: "\f018";
}

.fa-info-circle::before {
    content: "\f05a";
}

/* 新增你需要的图标 */
.fa-clock::before {
    content: "\f017";
}

.fa-question-circle::before {
    content: "\f059";
}

.fa-users::before {
    content: "\f0c0";
}

.fa-history::before {
    content: "\f1da";
}

.fa-robot::before {
    content: "\f544";
}

.fa-calculator::before {
    content: "\f1ec";
}

.fa-layer-group::before {
    content: "\f5fd";
}

.fa-sitemap::before {
    content: "\f0e8";
}

.fa-search::before {
    content: "\f002";
}

.fa-filter::before {
    content: "\f0b0";
}

.fa-sort::before {
    content: "\f0dc";
}

.fa-edit::before,
.fa-pencil-alt::before {
    content: "\f303";
}

.fa-trash::before {
    content: "\f2ed";
}

.fa-redo::before {
    content: "\f01e";
}

.fa-exclamation-triangle::before {
    content: "\f071";
}

.fa-chart-bar::before {
    content: "\f080";
}

.fa-trophy::before {
    content: "\f091";
}

.fa-graduation-cap::before {
    content: "\f19d";
}

.fa-lightbulb::before {
    content: "\f0eb";
}

.fa-arrow-right::before {
    content: "\f061";
}

.fa-external-link-alt::before {
    content: "\f35d";
}

.fa-calendar::before {
    content: "\f133";
}

.fa-tag::before {
    content: "\f02b";
}

.fa-star::before {
    content: "\f005";
}

.fa-fire::before {
    content: "\f06d";
}

.fa-bolt::before {
    content: "\f0e7";
}

.fa-flag::before {
    content: "\f024";
}

.fa-tasks::before {
    content: "\f0ae";
}

.fa-check::before {
    content: "\f00c";
}

.fa-times::before {
    content: "\f00d";
}

.fa-plus::before {
    content: "\f067";
}

.fa-minus::before {
    content: "\f068";
}

.fa-chevron-right::before {
    content: "\f054";
}

.fa-chevron-down::before {
    content: "\f078";
}

.fa-chevron-up::before {
    content: "\f077";
}

.fa-chevron-left::before {
    content: "\f053";
}

.fa-bars::before {
    content: "\f0c9";
}

.fa-user::before {
    content: "\f007";
}

.fa-cog::before {
    content: "\f013";
}

.fa-sign-out-alt::before {
    content: "\f2f5";
}

.fa-sign-in-alt::before {
    content: "\f2f6";
}

.fa-upload::before {
    content: "\f093";
}

.fa-download::before {
    content: "\f019";
}

.fa-print::before {
    content: "\f02f";
}

.fa-share::before {
    content: "\f064";
}

.fa-heart::before {
    content: "\f004";
}

.fa-comment::before {
    content: "\f075";
}

.fa-envelope::before {
    content: "\f0e0";
}

.fa-bell::before {
    content: "\f0f3";
}

.fa-lock::before {
    content: "\f023";
}

.fa-unlock::before {
    content: "\f09c";
}

.fa-eye::before {
    content: "\f06e";
}

.fa-eye-slash::before {
    content: "\f070";
}

.fa-key::before {
    content: "\f084";
}

.fa-wrench::before {
    content: "\f0ad";
}

.fa-cogs::before {
    content: "\f085";
}

.fa-database::before {
    content: "\f1c0";
}

.fa-server::before {
    content: "\f233";
}

.fa-network-wired::before {
    content: "\f6ff";
}

.fa-microchip::before {
    content: "\f2db";
}

.fa-memory::before {
    content: "\f538";
}

.fa-hdd::before {
    content: "\f0a0";
}

.fa-desktop::before {
    content: "\f108";
}

.fa-laptop::before {
    content: "\f109";
}

.fa-mobile-alt::before {
    content: "\f3cd";
}

.fa-tablet-alt::before {
    content: "\f3fa";
}

.fa-globe::before {
    content: "\f0ac";
}

.fa-cloud::before {
    content: "\f0c2";
}

.fa-wifi::before {
    content: "\f1eb";
}

.fa-battery-full::before {
    content: "\f240";
}

.fa-plug::before {
    content: "\f1e6";
}

.fa-sun::before {
    content: "\f185";
}

.fa-moon::before {
    content: "\f186";
}

.fa-cloud-sun::before {
    content: "\f6c4";
}

.fa-cloud-moon::before {
    content: "\f6c3";
}

.fa-umbrella::before {
    content: "\f0e9";
}

/* 确保图标正确显示 */
.fas,
.far,
.fab {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa-star::before {
    content: "\f005";
}

.fa-calendar::before {
    content: "\f133";
}

.fa-trophy::before {
    content: "\f091";
}

.fa-award::before {
    content: "\f559";
}

.fa-medal::before {
    content: "\f5a2";
}

.fa-gift::before {
    content: "\f06b";
}

.fa-check-circle::before {
    content: "\f058";
}
/* 通用难度样式 - 使用CSS变量 */
.difficulty-beginner {
    --difficulty-main: #10b981;
    --difficulty-light: #34d399;
    --difficulty-gradient: linear-gradient(135deg, #10b981, #34d399);
    --difficulty-bg: #f0fdf4;
    --difficulty-border: #bbf7d0;
}

.difficulty-primary {
    --difficulty-main: #3b82f6;
    --difficulty-light: #60a5fa;
    --difficulty-gradient: linear-gradient(135deg, #3b82f6, #60a5fa);
    --difficulty-bg: #eff6ff;
    --difficulty-border: #bfdbfe;
}

.difficulty-intermediate {
    --difficulty-main: #f59e0b;
    --difficulty-light: #fbbf24;
    --difficulty-gradient: linear-gradient(135deg, #f59e0b, #fbbf24);
    --difficulty-bg: #fffbeb;
    --difficulty-border: #fde68a;
}

.difficulty-advanced {
    --difficulty-main: #ef4444;
    --difficulty-light: #f87171;
    --difficulty-gradient: linear-gradient(135deg, #ef4444, #f87171);
    --difficulty-bg: #fef2f2;
    --difficulty-border: #fecaca;
}

/* 应用难度颜色到各个元素 */
.difficulty-header::before {
    background: var(--difficulty-gradient);
}

.difficulty-icon {
    background: var(--difficulty-gradient);
    color: white;
}

.stat-value {
    color: var(--difficulty-main);
}

.topic-icon {
    background: var(--difficulty-gradient);
    color: white;
}

.topic-btn {
    background: var(--difficulty-gradient);
    color: white;
}

.topic-btn:hover {
    opacity: 0.9;
}

.learning-tips {
    background-color: var(--difficulty-bg);
    border: 1px solid var(--difficulty-border);
}

.quick-start {
    background: var(--difficulty-gradient);
    color: white;
}

.quick-start-btn {
    background-color: white;
    color: var(--difficulty-main);
}

.quick-start-btn-outline {
    background-color: transparent;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.quick-start-btn-outline:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
/* Font Awesome 图标定义 */
.fa-check-circle::before {
    content: "\f058";  /* 勾选圆圈图标 */
}

.fa-sign-in-alt::before {
    content: "\f2f6";  /* 登录图标 */
}