/*@font-face {
    font-family: "AlimamaDaoLiTi";
    src: url("../fonts/AlimamaDaoLiTi.woff2") format('woff2');
    !*url("../fonts/AlimamaDaoLiTi.woff") format('woff'),*!
    !*url("../fonts/AlimamaDaoLiTi.ttf") format('truetype');*!
    font-weight: normal;
    font-style: normal;
    font-display: fallback; !* swap 页面立刻显示后备字体，字体后台加载，加载完成平滑替换，闪烁最轻。*!
    !* 调整这几个值，让系统后备字体占位和你的字体一样宽 *!
    size-adjust: 98%;
    ascent-override: 90%;
    descent-override: 20%;
}*/

:root {
    --color-primary: #a80d0d;
    --color-dark-primary: #a81010;
    --color-purple: #8e1751;
    --color-blue: #1677ff;
    --color-dark-blue: #0d5bcc;
    --color-gray: #e8eaec;
    --color-deep-gray: #c1c4c6;
    --color-yelllow: #ff9900;
    --color-dark-yelllow: #ce8312;
    --color-green: #19be6b;
}

/* 基础样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /*
    "Microsoft YaHei"	微软雅黑，Windows7 及以上预装
    "PingFang SC"       苹方，新版 macOS（OS X 10.11+）默认中文字体是 PingFang SC（苹方），优先级高于冬青黑体
    "Hiragino Sans GB"  冬青黑体简体中文，旧版 macOS / Mac OS X 原生预装
    sans-serif			不是一款字体，是 CSS 通用字体族（兜底分类），前面所有字体在用户电脑全都找不到时，保证文字正常显示。
    */
    font-family: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", sans-serif;
}

ul,
ol,
li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    vertical-align: middle;
}

input {
    outline: none;
    border: none;
}

/*a:link {
    color: #000000;
}

a:visited {
    color: #000000;
}

a:hover {
    color: #000000;
}

a:active {
    color: #000000;
}*/
a,
a:link,
a:visited {
    color: var(--color-blue);
}

a:active,
a:hover {
    color: var(--color-dark-blue);
    transition: all 0.25s ease;
}

.default-link a:link,
.default-link a:visited,
.default-link a:hover,
.default-link a:active {
    color: #000000;
}

html,
body {
    height: 100%;
    font-size: 20px;
}

/* ===================== 渐变字体公共样式 ===================== */
.gradient-text {
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    display: inline-block;
    background-size: 100% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    /* 优雅的文本阴影增强立体感（不影响渐变本身）*/
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    transition: all 0.2s;
}

/* 为了让中英文都支持良好 */
.gradient-text span {
    display: inline-block;
}

/* 红焰锋芒 背景渐变 */
.flame-red {
    background: linear-gradient(135deg, #f12711 0%, #f5af19 80%);
    -webkit-background-clip: text;
    background-clip: text;
}

/* 莓果绯红 背景渐变 */
.cherry-crimson {
    background: linear-gradient(125deg, #ff416c 0%, #ff4b2b 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

/* 红宝石耀 背景渐变 */
.ruby-glow {
    background: linear-gradient(145deg, #d31027 0%, #ea384d 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

/* 霞光赤浪 背景渐变 */
.sunset-red {
    background: linear-gradient(112deg, #ff4e50, #f9d423);
    -webkit-background-clip: text;
    background-clip: text;
}

/* 赤焰丝绒 背景渐变 */
.velvet-ember {
    background: linear-gradient(120deg, #c21500, #ff6a4b);
    -webkit-background-clip: text;
    background-clip: text;
}

/* ===================== 分割线 ===================== */
.split-line-text {
    display: flex;
    align-items: center;
    margin: 30px 0;
}

.split-line-text::before,
.split-line-text::after {
    content: "";
    flex: 1;
    height: 1px;
}

.split-line-text::before {
    background: linear-gradient(to left, #ccc, transparent);
}

.split-line-text::after {
    background: linear-gradient(to right, #ccc, transparent);
}

.split-line-text .split-text {
    padding: 0 14px;
    color: #999;
}

/*无文字*/
.split-line-no-text {
    display: flex;
    align-items: center;
    margin: 30px 0;
}

.split-line-no-text::before,
.split-line-no-text::after {
    content: "";
    flex: 1;
    height: 1px;
}

.split-line-no-text::before {
    background: linear-gradient(to left, #ccc, transparent);
}

.split-line-no-text::after {
    background: linear-gradient(to right, #ccc, transparent);
}

/* ===================== Common ===================== */
.fs26 {
    font-size: 26px !important;
}

.fs30 {
    font-size: 30px !important;
}

.fs34 {
    font-size: 34px !important;
}

.fs40 {
    font-size: 40px !important;
}

.mb16 {
    margin-bottom: 16px;
}

.mb24 {
    margin-bottom: 24px;
}

.red {
    color: #f30a0a;
}