:root{
    --titleFS30: .32rem;
    --main: #0071E3;
    --mainRgb: 0, 113, 227;
    --main2: #1D96FF;
}

/* ═══ Color Design Tokens ═══ */
/* Brand Primary */
:root {
--color-primary: #0071E3;/* 品牌主色 */
--color-primary-50: #EBF5FF;/* 极浅主色 */
--color-primary-600: #0059B3;/* 深主色，hover 态 */
}
/* Semantic Colors */
:root {
--color-success: #00B383;/* 成功 */
--color-warning: #FFB800;/* 警告 */
--color-error: #F53B3B;/* 错误 */
--color-info: #1677FF;/* 提示 */
}
/* Neutral / Text Colors */
:root {
--color-text-primary: #333333;/* 主文字 */
--color-text-secondary: #666666;/* 次文字 */
--color-text-placeholder: #999999;/* 占位符 */
--color-text-white: #FFFFFF;/* 反白文字 */
}
/* Background & Surface */
:root {
--color-bg-page: #F5F5F7;/* 页面背景 */
--color-bg-card: #FFFFFF;/* 卡片背景 */
--color-border: #E5E6EB;/* 分割线 */
--color-mask: rgba(0,0,0,0.20);/* 遮罩 */
}

/*中文-字体*/
/* @font-face{
    font-family: "AliPuHui";
    src: url("https://lianyayun.oss-cn-shenzhen.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.eot") format('embedded-opentype'),
         url("https://lianyayun.oss-cn-shenzhen.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.otf") format('opentype'),
         url("https://lianyayun.oss-cn-shenzhen.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.ttf") format('TrueType'),
         url("https://lianyayun.oss-cn-shenzhen.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.woff") format('woff'),
         url("https://lianyayun.oss-cn-shenzhen.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.woff2") format('woff2');
}*/
/* 300 */
@font-face{
    font-family: "Figtree-Light";
    src: url("font/Figtree-Light.ttf") format('TrueType');
    font-display: swap;
}
/* 400 */
@font-face{
    font-family: "Figtree";
    src: url("font/Figtree-Regular.ttf") format('TrueType');
    font-display: swap;
}
/* 500 */
@font-face{
    font-family: "Figtree-Medium";
    src: url("font/Figtree-Medium.ttf") format('TrueType');
    font-display: swap;
}
/* 600 */
@font-face{
    font-family: "Figtree-SemiBold";
    src: url("font/Figtree-SemiBold.ttf") format('TrueType');
    font-display: swap;
}
/* 700 */
@font-face{
    font-family: "Figtree-Bold";
    src: url("font/Figtree-Bold.ttf") format('TrueType');
    font-display: swap;
}
@font-face{
    font-family: "Poppins";
    src: url("font/Poppins-Regular.otf") format('opentype');
    font-display: swap;
}

@font-face{
    font-family: "Inter";
    src: url("font/Inter-Regular.otf") format('opentype');
    font-display: swap;
}
@font-face{
    font-family: "Inter-Medium";
    src: url("font/Inter-Medium.otf") format('opentype');
    font-display: swap;
}
@font-face{
    font-family: "Inter-SemiBold";
    src: url("font/Inter-SemiBold.otf") format('opentype');
    font-display: swap;
}

html[lang="zh-cn"],html[lang="cn"]{font-family: "Figtree",Source Han Sans,MiSans,PingFangSC,思源黑体 CN;height: 100%;}
body{font-family: "Figtree"; leading-trim: NONE; letter-spacing: -0.02em; vertical-align: middle;}


/* 分页 */
.page{}
.page .ico{}
.lyui_paging_number{margin-left: 0;}
.page .lyui_paging_btn,
.page .lyui_paging_prev,
.page .lyui_paging_next{margin-left: 16px; min-width: auto; width: 32px;height: 32px; background-color: var(--color-bg-page); border: 1px solid var(--color-bg-page); font-family: "Figtree-SemiBold"; font-size: 14px; line-height: 150%; color: rgba(51, 51, 51, 0.2); border-radius: 50%;}
.page a.lyui_paging_prev,
.page a.lyui_paging_next{color: var(--color-text-placeholder);}
.page .lyui_paging_btn.cur{color: var(--color-text-white);border-color: var(--color-text-primary); background-color: var(--color-text-primary);}


.page .lyui_paging_prev{margin: 0;}
.page .lyui_paging_btn .svg,
.page .lyui_paging_prev .svg,
.page .lyui_paging_next .svg{stroke: var(--color-text-primary);}
.page font.lyui_paging_btn .svg,
.page font.lyui_paging_prev .svg,
.page font.lyui_paging_next .svg{stroke: var(--color-text-placeholder);}

.page .lyui_paging_prev:hover ,
.page .lyui_paging_next:hover {background: var(--color-bg-card); border-color: var(--color-bg-card);}
.page .lyui_paging_prev:hover .svg,
.page .lyui_paging_next:hover .svg{stroke: var(--color-text-primary);}

@media (max-width: 1024px) {
    .page .lyui_paging_prev ,
    .page .lyui_paging_next {background: var(--color-bg-card); border-color: var(--color-bg-card);}
    .page .lyui_paging_prev .svg,
    .page .lyui_paging_next .svg{stroke: var(--color-text-primary);}

}
/* @media (max-width: 430px) { 
    .page .lyui_paging_btn,
    .page .lyui_paging_prev,
    .page .lyui_paging_next{margin-left: 8px; width: 40px; height: 40px; border-radius: 4px; background-color: var(--color-bg-card); border-color: var(--color-bg-card); font-size: 12px; line-height: 100%;}
    .page .lyui_paging_btn.cur{color: var(--color-text-white);border-color: var(--color-text-primary); background-color: var(--color-text-primary);}

    .page .lyui_paging_btn .svg,
    .page .lyui_paging_btn .svg,
    .page .lyui_paging_prev .svg,
    .page .lyui_paging_next .svg{width: 7px; height: 12px;}
} */


/* 加载中 */
#loading{display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 20px;}
#loading .spinner { border: 4px solid #f3f3f3; border-top: 4px solid var(--main); border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite;margin: 0 auto 10px;}
#loading .p {font-size: 16px;line-height: 100%;color: var(--color-text-primary);}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



/* 提交成功弹窗 */
#FormSuccess{position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%;}
#FormSuccess .back{top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);}
#FormSuccess .box{width: 100%; height: 100%; position: relative; z-index: 3;}
#FormSuccess .cont{padding: 30px 30px 40px; width: 480px; height: max-content; background-color: var(--color-bg-card); border-radius: 10px;}
#FormSuccess .close{top: 8px; right: 8px; z-index: 2; width: 24px; height: 24px;}
#FormSuccess .icon {margin: 0 auto; width: 72px; height: 72px;}
#FormSuccess .title{margin-top: 5px; font-family: "Figtree-Bold"; font-size: 24px; line-height: 120%; text-align: center; color: var(--color-text-primary);}
#FormSuccess .info{margin-top: 20px; font-family: "Figtree"; font-size: 16px; line-height: 140%; letter-spacing: 0%; text-align: center; color: var(--color-text-primary);}
@media (max-width: 768px) { 
    #FormSuccess .cont{padding: 30px 10px 40px; width: 82.67vw;}
    #FormSuccess .title{font-size: 18px; line-height: 100%;}
    #FormSuccess .info{font-size: 12px; line-height: 100%;}
}