@charset "UTF-8";@font-face {
  font-family: "iconfont"; /* Project id 5089184 */
  src: url('/static/fonts/iconfont-Vhe1a_Yx.woff2?t=1780380375288') format('woff2'),
       url('/static/fonts/iconfont-BlplFQHm.woff?t=1780380375288') format('woff'),
       url('/static/fonts/iconfont-oiuy_xAT.ttf?t=1780380375288') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-add:before {
  content: "\e661";
}

.icon-fanhui:before {
  content: "\e660";
}

.icon-shenfenzhengrenxiangmian:before {
  content: "\e65d";
}

.icon-shenfenzhengrenxiangmian1:before {
  content: "\e65e";
}

.icon-shenfenzhenghaoma:before {
  content: "\e65c";
}

.icon-dizhi:before {
  content: "\e653";
}

.icon-jinzhi:before {
  content: "\e654";
}

.icon-rili4:before {
  content: "\e89e";
}

.icon-s-kemu:before {
  content: "\e655";
}

.icon-tishi_o:before {
  content: "\eb85";
}

.icon-feiyongbaoxiaodan:before {
  content: "\e656";
}

.icon-rilixuanze:before {
  content: "\e658";
}

.icon-shijian:before {
  content: "\e65a";
}

.icon-shu:before {
  content: "\e683";
}

.icon-fasong:before {
  content: "\e65b";
}

.icon-a-070_huizhang:before {
  content: "\e770";
}

.icon-xuexiao-01:before {
  content: "\ecbb";
}

.icon-shenfenzheng:before {
  content: "\e64f";
}

.icon-boshimao1:before {
  content: "\e62e";
}

.icon-yonghu:before {
  content: "\e64b";
}

.icon-yuechi_o:before {
  content: "\eb6a";
}

.icon-zhunkaozheng:before {
  content: "\e650";
}

.icon-locked:before {
  content: "\e61c";
}

.icon-doubt:before {
  content: "\e6df";
}

.icon-naozhong:before {
  content: "\e620";
}

.icon-kuohaowenhao:before {
  content: "\e64a";
}

.icon-wenjian:before {
  content: "\e66f";
}

.icon-kaoshi1:before {
  content: "\e60e";
}

.icon-rili30:before {
  content: "\e6a1";
}

.icon-rizhi_log2:before {
  content: "\e675";
}

.icon-select:before {
  content: "\e6b3";
}

.icon-pdf:before {
  content: "\e740";
}

.icon-format-xlsx:before {
  content: "\e82b";
}

.icon-expand:before {
  content: "\e61b";
}

.icon-shrink:before {
  content: "\e70e";
}

.icon-svg_:before {
  content: "\e8ad";
}

.icon-xlsx:before {
  content: "\e649";
}

.icon-jiesuo:before {
  content: "\e669";
}

.icon-bofang:before {
  content: "\e663";
}

.icon-qianbi:before {
  content: "\e62d";
}

.icon-a-Lessonpreparation:before {
  content: "\e629";
}

.icon-check:before {
  content: "\e628";
}

.icon-checked:before {
  content: "\e64d";
}

.icon-yiwen:before {
  content: "\e648";
}

.icon-shouji:before {
  content: "\e692";
}

.icon-tupian:before {
  content: "\e644";
}

.icon-zhibao:before {
  content: "\e66c";
}

.icon-mima:before {
  content: "\e646";
}

.icon-erweima:before {
  content: "\e98d";
}

.icon-qiandao1:before {
  content: "\e61d";
}

.icon-gaoxiaobiyeshengdengji:before {
  content: "\e61f";
}

.icon-qiandao2:before {
  content: "\e720";
}

.icon-qiandao3:before {
  content: "\e666";
}

.icon-icon_shenqing:before {
  content: "\e623";
}

.icon-tiqianbiyeshenqing:before {
  content: "\e624";
}

.icon-icon_lunwen:before {
  content: "\e6b1";
}

.icon-a-xuefeitouming3x:before {
  content: "\e651";
}

.icon-shangchuanchenggong:before {
  content: "\e652";
}

.icon-shangchuan:before {
  content: "\e6a6";
}

.icon-xiazai1:before {
  content: "\e6ae";
}

.icon-jpg:before {
  content: "\e70f";
}

.icon-wordyangshi:before {
  content: "\e718";
}

.icon-liulanliang:before {
  content: "\e73b";
}

.icon-icon_fushen:before {
  content: "\e622";
}

.icon-moc:before {
  content: "\e62f";
}

.icon-epub:before {
  content: "\e786";
}

.icon-zip:before {
  content: "\e787";
}

.icon-yunduanshangchuan:before {
  content: "\ec1d";
}

.icon-xiazai:before {
  content: "\e60d";
}

.icon-shangchuantupian:before {
  content: "\e61e";
}

.icon--xiangyou:before {
  content: "\e6e2";
}

.icon--xiangzuo:before {
  content: "\e6e3";
}

.icon-sex_man:before {
  content: "\e612";
}

.icon-sex_woman:before {
  content: "\e619";
}

.icon-weizhixingbie:before {
  content: "\e7de";
}

.icon-shouye1:before {
  content: "\e615";
}

.icon-shouye2:before {
  content: "\e613";
}

.icon-gerenzhongxin:before {
  content: "\e693";
}

.icon-53gerenzhongxin-1:before {
  content: "\e640";
}

.icon-xuexi:before {
  content: "\e6cd";
}

.icon-xuexi1:before {
  content: "\e625";
}

.icon-kecheng:before {
  content: "\e614";
}

.icon-a-kecheng2:before {
  content: "\eb0d";
}

.icon-wenjuF:before {
  content: "\e638";
}

.icon-wenju-L:before {
  content: "\e639";
}

.icon-icon_order:before {
  content: "\e611";
}

.icon-_kecheng:before {
  content: "\e657";
}

.icon-guankanlishi:before {
  content: "\e600";
}

.icon-xuefei1:before {
  content: "\e601";
}

.icon-id_bg-copy:before {
  content: "\e602";
}

.icon-shenqing:before {
  content: "\100df";
}

.icon-weixindenglu:before {
  content: "\e634";
}

.icon-yanzhengmadenglu:before {
  content: "\e7f0";
}

.icon-yijiandenglu:before {
  content: "\e641";
}

.icon-denglu-mimadenglu:before {
  content: "\e7b6";
}

.icon--dangan:before {
  content: "\e609";
}

.icon-dangan:before {
  content: "\e64e";
}

.icon-icon-test:before {
  content: "\e73c";
}

.icon-queshengye:before {
  content: "\e62b";
}

.icon-icon-test1:before {
  content: "\e67a";
}

.icon-zanwuwodegongdan-zanwuwodedaibangongdan:before {
  content: "\e6b0";
}

.icon-queshengye-wuneirong:before {
  content: "\e6a0";
}

.icon-shimingrenzheng:before {
  content: "\e682";
}

.icon-shimingrenzheng-copy:before {
  content: "\100e0";
}

.icon-yichangrenwushu:before {
  content: "\e659";
}

.icon-zanwushuju:before {
  content: "\e6fe";
}

.icon-zanwushuju1:before {
  content: "\e603";
}

.icon-pic_default_no-news_107:before {
  content: "\e65f";
}

.icon-zanwuxiaoxi:before {
  content: "\e7bb";
}

.icon-zanwuxiaoxi1:before {
  content: "\e727";
}

.icon-zanwuxiaoxi2:before {
  content: "\e618";
}

.icon-xueshimao:before {
  content: "\e621";
}

.icon-xuefen:before {
  content: "\e643";
}

.icon-zanwuxinxi:before {
  content: "\e62a";
}

.icon-qingkong:before {
  content: "\e664";
}

.icon-yiduxiaoxi:before {
  content: "\e70d";
}

.icon-shanchu:before {
  content: "\e60b";
}

.icon-ic_xuejixinxi:before {
  content: "\e673";
}

.icon-xuejiyidong:before {
  content: "\e6ad";
}

.icon-tuichudenglu:before {
  content: "\e616";
}

.icon-queshengye-dongtai:before {
  content: "\e632";
}

.icon-queshengye1:before {
  content: "\e645";
}

.icon-queshengye2:before {
  content: "\e64c";
}

.icon-shijuan:before {
  content: "\e674";
}

.icon-cuotiben:before {
  content: "\e746";
}

.icon-rili:before {
  content: "\e630";
}

.icon-rili1:before {
  content: "\100e1";
}

.icon-shequ:before {
  content: "\100e2";
}

.icon-tongji:before {
  content: "\100e3";
}

.icon-anquanbangzhu:before {
  content: "\100e4";
}

.icon-gengduo:before {
  content: "\100e5";
}

.icon-dengjixunzhang:before {
  content: "\1012e";
}

.icon-huorezhuanqu:before {
  content: "\1012f";
}

.icon-lishijilu:before {
  content: "\10130";
}

.icon-huiyuanjifen:before {
  content: "\10131";
}

.icon-renzheng:before {
  content: "\10135";
}

.icon-jiaochengziliao:before {
  content: "\10136";
}

.icon-riqirili:before {
  content: "\10137";
}

.icon-xiaofeijilu:before {
  content: "\10138";
}

.icon-tousujianyi:before {
  content: "\10139";
}

.icon-redianhuodong:before {
  content: "\1013a";
}

.icon-kecheng1:before {
  content: "\e635";
}

.icon-jifen:before {
  content: "\10200";
}

.icon-kehudangan:before {
  content: "\10201";
}

.icon-jinrizixun:before {
  content: "\10202";
}

.icon-qiandao:before {
  content: "\10203";
}

.icon-cuotiben1:before {
  content: "\e6bc";
}

.icon-shijuan1:before {
  content: "\e67f";
}

.icon-zhangjielianxi:before {
  content: "\e775";
}

.icon-dakaqiandao:before {
  content: "\f8fa";
}

.icon-1_jiaoyu-04:before {
  content: "\f559";
}

.icon-1_qianggoumiaosha-30:before {
  content: "\f56d";
}

.icon-yijianfankui:before {
  content: "\fb0c";
}

.icon-icon-video:before {
  content: "\e63c";
}

.icon-rili2:before {
  content: "\e61a";
}

.icon-timu:before {
  content: "\e631";
}

.icon-leijixuexishichang:before {
  content: "\e63e";
}

.icon-keshilianxi:before {
  content: "\e633";
}

.icon-zuoye:before {
  content: "\e60f";
}

.icon-taolunqu:before {
  content: "\e8b9";
}

.icon-huodongguanli:before {
  content: "\e697";
}

.icon-kaoshi:before {
  content: "\e62c";
}

.icon-kecheng2:before {
  content: "\e721";
}

.icon-Pdf:before {
  content: "\e733";
}

.icon-wendangwenjian:before {
  content: "\e63b";
}

.icon-bofangliebiao-bofanging:before {
  content: "\e626";
}

.icon-datiqia:before {
  content: "\e662";
}

.icon-quesheng:before {
  content: "\e75f";
}

.icon-xuexitongji:before {
  content: "\e6f7";
}

.icon-zhuanhuan:before {
  content: "\e63d";
}

.icon-paihang:before {
  content: "\f98e";
}

.icon-baojing:before {
  content: "\100dc";
}

.icon-jifen1:before {
  content: "\e636";
}

.icon-w_xuexi:before {
  content: "\e67d";
}

.icon-cuotiben-01:before {
  content: "\e604";
}

.icon-search:before {
  content: "\e605";
}

.icon-shoujichongzhi:before {
  content: "\100e6";
}

.icon-jiaofeichaxun:before {
  content: "\100e7";
}

.icon-hongbao:before {
  content: "\10134";
}

.icon-zaixianchongzhi:before {
  content: "\1013b";
}

.icon-tongzhi:before {
  content: "\e642";
}

.icon-zhuti:before {
  content: "\e617";
}

.icon-rili3:before {
  content: "\e60a";
}

.icon-diannao:before {
  content: "\e627";
}

.icon-xianxiakaoshi:before {
  content: "\e606";
}

.icon-neirongfabu:before {
  content: "\e610";
}

.icon-renwu:before {
  content: "\fb8a";
}

.icon-qiehuanzhanghao:before {
  content: "\e688";
}

.icon-dingdan-:before {
  content: "\e607";
}

.icon-kaoqinguanli:before {
  content: "\e60c";
}

.icon-gouwuche:before {
  content: "\e637";
}

.icon-mp3:before {
  content: "\e63a";
}

.icon-a-174_xuefei:before {
  content: "\e916";
}

.icon-customer:before {
  content: "\e69f";
}

.icon-yewushouce:before {
  content: "\e647";
}

.icon-zhanghaoanquan:before {
  content: "\e63f";
}

.icon-a-dachebenteng_huaban1fuben14:before {
  content: "\e608";
}

*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}[select~="\$event\)"]{user-select:var(--event\));}.visible{visibility:visible;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.bottom-\[12px\]{bottom:12px;}.right-\[8px\]{right:8px;}.right-10{right:2.5rem;}.grid{display:grid;}[cols~="\32 4"]{grid-template-columns:repeat(24,minmax(0,1fr));}[cols~="\37 "]{grid-template-columns:repeat(7,minmax(0,1fr));}[rows~="\31 "]{grid-template-rows:repeat(1,minmax(0,1fr));}.m-0{margin:0;}.mx-auto{margin-left:auto;margin-right:auto;}.my{margin-top:1rem;margin-bottom:1rem;}.my-\[20px\],.my-20px{margin-top:20px;margin-bottom:20px;}.my-15px{margin-top:15px;margin-bottom:15px;}.mb-\[10px\],.mb-10px{margin-bottom:10px;}.mb-\[12px\]{margin-bottom:12px;}.mb-\[20px\],.mb-20px{margin-bottom:20px;}.mb-17px{margin-bottom:17px;}.mb-2{margin-bottom:0.5rem;}.mb-3{margin-bottom:0.75rem;}.mb-30px{margin-bottom:30px;}.mb-4{margin-bottom:1rem;}.mb-5{margin-bottom:1.25rem;}.ml-\[12px\]{margin-left:12px;}.ml-\[20px\],.ml-20px{margin-left:20px;}.ml-1{margin-left:0.25rem;}.ml-10px{margin-left:10px;}.ml-2{margin-left:0.5rem;}.ml-4px{margin-left:4px;}.mr-\[10px\],.mr-10px{margin-right:10px;}.mr-\[8px\]{margin-right:8px;}.mr-2{margin-right:0.5rem;}.mr-4px{margin-right:4px;}.mt-\[12px\]{margin-top:12px;}.mt-\[16px\]{margin-top:16px;}.mt-\[20px\],.mt-20px{margin-top:20px;}.mt-10px{margin-top:10px;}.mt-2{margin-top:0.5rem;}.mt-30px{margin-top:30px;}.mt-4{margin-top:1rem;}.inline{display:inline;}.block,[block=""]{display:block;}.inline-block{display:inline-block;}.hidden{display:none;}[size~="\31 0px"]{width:10px;height:10px;}[size~="\31 2"]{width:3rem;height:3rem;}[size~="\31 2px"]{width:12px;height:12px;}[size~="\31 4"]{width:3.5rem;height:3.5rem;}[size~="\31 4px"]{width:14px;height:14px;}[size~="\31 6px"]{width:16px;height:16px;}[size~="\31 8"]{width:4.5rem;height:4.5rem;}[size~="\31 8px"]{width:18px;height:18px;}[size~="\32 0"]{width:5rem;height:5rem;}[size~="\32 0px"]{width:20px;height:20px;}[size~="\32 2px"]{width:22px;height:22px;}[size~="\32 4px"]{width:24px;height:24px;}[size~="\32 6px"]{width:26px;height:26px;}[size~="\33 0px"]{width:30px;height:30px;}[size~="\33 2px"]{width:32px;height:32px;}[size~="\33 6px"]{width:36px;height:36px;}[size~="\33 8px"]{width:38px;height:38px;}[size~="\34 8px"]{width:48px;height:48px;}[size~="\38 0"]{width:20rem;height:20rem;}[default-size~="\32 20px"]:default{width:220px;height:220px;}.h-\[100\%\],.h-full{height:100%;}.h-\[230px\]{height:230px;}.h-\[40px\]{height:40px;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h4{height:1rem;}.w-\[100\%\],.w-full{width:100%;}.w-\[150px\]{width:150px;}.w-\[200px\]{width:200px;}.w-\[40px\],.w-40px{width:40px;}.w-\[410px\]{width:410px;}.w-100px{width:100px;}.w-1200px{width:1200px;}.w-300px{width:300px;}.w-310px{width:310px;}.w-320px{width:320px;}.w-4{width:1rem;}.w-400px{width:400px;}.flex{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink,.shrink{flex-shrink:1;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.table{display:table;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-pointer{cursor:pointer;}.resize{resize:both;}.list-none{list-style-type:none;}.items-center{align-items:center;}.justify-end,[justify~="end"]{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-\[10px\],.gap-10px{gap:10px;}.gap-\[12px\]{gap:12px;}.gap-\[20px\],.gap-20px{gap:20px;}.gap-\[4px\]{gap:4px;}.gap-\[8px\]{gap:8px;}.gap-16{gap:4rem;}.gap-2{gap:0.5rem;}.gap-4{gap:1rem;}.gap-40px{gap:40px;}.gap-5{gap:1.25rem;}.gap-8{gap:2rem;}.text-ellipsis{text-overflow:ellipsis;}.break-all{word-break:break-all;}.border{border-width:1px;}.rounded-\[10px\],.rounded-10px{border-radius:10px;}.rounded-\[8px\]{border-radius:8px;}.rounded-lg{border-radius:0.5rem;}.bg-\[\#fafafa\]{--un-bg-opacity:1;background-color:rgb(250 250 250 / var(--un-bg-opacity)) /* #fafafa */;}.bg-\[\#fff\],.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;}.p-\[12px\]{padding:12px;}.p-\[20px\],.p-20px{padding:20px;}.p-0{padding:0;}.p-4{padding:1rem;}.px{padding-left:1rem;padding-right:1rem;}.px-\[20px\],.px-20px{padding-left:20px;padding-right:20px;}.px-25px{padding-left:25px;padding-right:25px;}.px-40px{padding-left:40px;padding-right:40px;}.px-5{padding-left:1.25rem;padding-right:1.25rem;}.py-\[14px\]{padding-top:14px;padding-bottom:14px;}.py-\[15px\]{padding-top:15px;padding-bottom:15px;}.py-20px{padding-top:20px;padding-bottom:20px;}.py-4{padding-top:1rem;padding-bottom:1rem;}.py-8{padding-top:2rem;padding-bottom:2rem;}[px~="\31 "]{padding-left:0.25rem;padding-right:0.25rem;}.pl-4{padding-left:1rem;}.pr-2{padding-right:0.5rem;}.pt-\[12px\]{padding-top:12px;}.pt-\[20px\]{padding-top:20px;}.text-center{text-align:center;}.text-right{text-align:right;}.text-\[10px\]{font-size:10px;}.text-\[12px\]{font-size:12px;}.text-\[13px\]{font-size:13px;}.text-\[14px\]{font-size:14px;}.text-\[15px\]{font-size:15px;}.text-\[16px\],.text-16px{font-size:16px;}.text-\[18px\]{font-size:18px;}.text-\[24px\]{font-size:24px;}.text-\[30px\]{font-size:30px;}.text-\[40px\]{font-size:40px;}.text-2xl{font-size:1.5rem;line-height:2rem;}.text-base{font-size:1rem;line-height:1.5rem;}.text-lg{font-size:18px;line-height:1;}.text-sm{font-size:14px;line-height:1;}.text-xs{font-size:12px;line-height:1;}.text-\[\#1e1e1e\],.text-color-\[\#1e1e1e\]{--un-text-opacity:1;color:rgb(30 30 30 / var(--un-text-opacity)) /* #1e1e1e */;}.text-\[\#2678ff\],[color~="\#2678ff"]{--un-text-opacity:1;color:rgb(38 120 255 / var(--un-text-opacity)) /* #2678ff */;}.text-\[\#909399\]{--un-text-opacity:1;color:rgb(144 147 153 / var(--un-text-opacity)) /* #909399 */;}.text-\[\#f53f3f\]{--un-text-opacity:1;color:rgb(245 63 63 / var(--un-text-opacity)) /* #f53f3f */;}.text-blue-500{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity)) /* #3b82f6 */;}.text-gray-500{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity)) /* #6b7280 */;}.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity)) /* #4b5563 */;}.text-gray-700{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity)) /* #374151 */;}.text-success{--un-text-opacity:1;color:rgb(0 180 42 / var(--un-text-opacity)) /* #00B42A */;}.color-\[\#383838\]{--un-text-opacity:1;color:rgb(56 56 56 / var(--un-text-opacity)) /* #383838 */;}.color-\[\#666\]{--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity)) /* #666 */;}.color-\[\#a1a1a1\]{--un-text-opacity:1;color:rgb(161 161 161 / var(--un-text-opacity)) /* #a1a1a1 */;}[color~="\#101010"]{--un-text-opacity:1;color:rgb(16 16 16 / var(--un-text-opacity)) /* #101010 */;}[color~="\#10b981"]{--un-text-opacity:1;color:rgb(16 185 129 / var(--un-text-opacity)) /* #10b981 */;}[color~="\#2687ff"]{--un-text-opacity:1;color:rgb(38 135 255 / var(--un-text-opacity)) /* #2687ff */;}[color~="\#409eff"]{--un-text-opacity:1;color:rgb(64 158 255 / var(--un-text-opacity)) /* #409eff */;}[color~="\#5d80ff"]{--un-text-opacity:1;color:rgb(93 128 255 / var(--un-text-opacity)) /* #5d80ff */;}[color~="\#635df7"]{--un-text-opacity:1;color:rgb(99 93 247 / var(--un-text-opacity)) /* #635df7 */;}[color~="\#999"]{--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity)) /* #999 */;}[color~="\#a1ceff"]{--un-text-opacity:1;color:rgb(161 206 255 / var(--un-text-opacity)) /* #a1ceff */;}[color~="\#a5adf6"]{--un-text-opacity:1;color:rgb(165 173 246 / var(--un-text-opacity)) /* #a5adf6 */;}[color~="\#bfbfbf"]{--un-text-opacity:1;color:rgb(191 191 191 / var(--un-text-opacity)) /* #bfbfbf */;}[color~="\#cbd5e1"]{--un-text-opacity:1;color:rgb(203 213 225 / var(--un-text-opacity)) /* #cbd5e1 */;}[color~="\#efefef"]{--un-text-opacity:1;color:rgb(239 239 239 / var(--un-text-opacity)) /* #efefef */;}[color~="\#f9b98f"]{--un-text-opacity:1;color:rgb(249 185 143 / var(--un-text-opacity)) /* #f9b98f */;}[color~="\#ff7d00"]{--un-text-opacity:1;color:rgb(255 125 0 / var(--un-text-opacity)) /* #ff7d00 */;}[color~="\#fff"]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}.font-bold{font-weight:700;}.font-medium{font-weight:500;}.italic{font-style:italic;}.line-through{text-decoration-line:line-through;}.underline{text-decoration-line:underline;}.active-underline:active{text-decoration-line:underline;}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / 0.2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / 0.1));text-shadow:var(--un-text-shadow);}.outline{outline-style:solid;}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-200{transition-duration:200ms;}.ease,.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.text-primary{color:var(--un-color-text-primary);}.n-layout .n-layout-sider {
  border-radius: 10px;
}
.n-layout .n-layout-content {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}

.layout-page {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions {
  display: flex;
}
.layout-page__container {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section {
  flex: 1;
}
.layout-page__container__right .form-section__item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.custom-menu-horizontal {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}

.n-modal {
  border-radius: 24px;
}

.payment-qr-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset {
  color: #5e5e5e;
}
.el-button.is-text {
  padding: 0;
}

.el-button--small {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}

.el-button--large {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  background-color: #f9fafb;
}

.button {
  font-size: 14px;
  width: 100%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  box-sizing: border-box;
  transition: all 0.1s;
  cursor: pointer;
}

.primary-button {
  background: #2678ff;
  color: #fff;
  margin-left: 10px;
}

.primary-button:hover {
  background: #4f98ff;
  color: #fff;
}

.primary-plain-btn {
  background: #fff;
  color: #2678ff;
  border: 1px solid #2678ff;
}

.primary-plain-btn:hover {
  background: #2678ff;
  color: #fff;
  border: 1px solid #2678ff;
}
.primary-plain-btn:hover i {
  color: #fff !important;
}

.cancel-button {
  background: #f5f5f5;
  color: #5e5e5e;
}

.cancel-button:hover {
  background: #f0f0f0;
  color: #5e5e5e;
}

.before-blue-line::before {
  content: "";
  width: 5px;
  height: 20px;
  background: #2678ff;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.primary {
  color: #2678ff;
  cursor: pointer;
}

.n-list__header {
  border: none !important;
}

.text-ellipsis {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

.base_title {
  display: flex;
  align-items: center;
}
.base_title::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 20px;
  background-color: #2687ff;
  border-radius: 10px;
}
.base_title.base_title_mini::before {
  height: 12px;
}
.base_title .title {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #383838;
}

.custom_dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.custom_dialog--title {
  font-size: 18px !important;
}
.custom_dialog--content {
  font-size: 16px !important;
}
.custom_dialog--action .n-button {
  width: 100px !important;
  height: 38px;
  line-height: 38px;
  border-radius: 8px;
}

.no-border__input .n-input__border {
  border: none;
}
.no-border__input::hover .n-input__state-border {
  display: none;
}/*
  全局样式重置
  重置所有元素的默认内外边距
  这一步是为了确保所有浏览器下元素的初始布局一致性，避免因默认边距导致的排版差异
*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/*
  重置 body 样式
  设置默认字体、行高、文本颜色和背景颜色
  font-family 选择了较为通用的字体栈，以确保在不同设备和浏览器上都有较好的显示效果
  line-height 设置为 1.5 符合大多数文本的阅读体验
  color 设置为深色，保证文字可读性
  background-color 设置为白色，提供干净的背景
*/
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  line-height: 1.5;
  color: #333;
  background-color: #f5f5f5;
  -webkit-text-size-adjust: 100%; /* 防止 iOS 设备上文本大小被缩放 */
  -moz-osx-font-smoothing: grayscale; /* 优化 Mac 系统下字体渲染效果 */
  -webkit-font-smoothing: antialiased; /* 优化 Webkit 内核浏览器字体渲染效果 */
}

/*
  重置标题标签样式
  统一设置标题标签的字体大小和加粗程度，让标题层级更清晰
  这里根据常见的设计规范，为不同层级标题设置了递减的字体大小
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: normal;
}
h1 {
  font-size: 2em;
  /* 大约 32px，具体取决于 body 字体大小 */
}
h2 {
  font-size: 1.5em; /* 大约 24px */
}
h3 {
  font-size: 1.25em; /* 大约 20px */
}
h4 {
  font-size: 1em; /* 大约 16px */
}
h5 {
  font-size: 0.875em; /* 大约 14px */
}
h6 {
  font-size: 0.75em; /* 大约 12px */
}

/*
  重置段落样式
  可以根据需要在这里设置段落的默认样式，如行高、缩进等
  这里暂时只保留了默认的行高，其他可按需调整
*/
p {
  line-height: inherit;
}

/*
  重置列表样式
  去除列表默认的项目符号和缩进
  对于有序列表和无序列表都适用
*/
ul,
ol {
  list-style: none;
}

/*
  重置链接样式
  去除默认的下划线，在鼠标悬停时再显示下划线，以增强交互感
  同时可以设置链接的默认颜色，这里采用了和文本颜色相近但有区分度的颜色
*/
a {
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent; /* 去除移动端点击链接时的高亮效果 */
}
a:hover {
  text-decoration: none;
}

/*
  重置图片样式
  去除图片默认的边框，并让图片在容器内尽可能完整显示，同时防止拉伸变形
  max-width: 100% 确保图片不会超出父容器宽度
  height: auto 保持图片的原始宽高比
*/
img {
  border: none;
  max-width: 100%;
  height: auto;
  display: block; /* 去除图片下方默认的空白间隙 */
}

/*
  重置表单元素样式
  统一表单元素的字体样式，使其与 body 字体一致
  去除输入框和按钮的默认外观，方便自定义样式
  outline: none 去除元素获得焦点时的默认边框，然后可以自行设置更美观的焦点样式
*/
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border: none;
  outline: none;
  background-color: transparent;
}
button {
  cursor: pointer;
  -webkit-appearance: none; /* 去除 iOS 设备上按钮的默认样式 */
  -moz-appearance: none;
  appearance: none;
}
textarea {
  resize: none; /* 禁止用户随意调整 textarea 的大小，可按需修改 */
}

/*
  重置表格样式
  合并表格边框，去除单元格之间的默认间距
  使表格的样式更简洁，便于进一步自定义
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
  重置预格式化文本样式
  设置等宽字体，用于显示代码等需要固定宽度字体的内容
*/
pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}

/*
  重置强调文本样式
  去除默认的斜体样式，开发者可根据需要自行添加
*/
em,
i {
  font-style: normal;
}

/*
  重置加粗文本样式
  确保所有浏览器下加粗效果一致
*/
strong {
  font-weight: inherit;
}
strong,
b {
  font-weight: bold;
}

/*
  重置引用文本样式
  去除默认的斜体和缩进，开发者可按需重新定义引用样式
*/
blockquote {
  quotes: none;
}
blockquote:before,
blockquote:after {
  content: '';
  content: none;
}

/*
  重置水平分割线样式
  去除默认的边框样式，可自行设置更符合设计的分割线
*/
hr {
  border: none;
  height: 1px;
  background-color: #ccc; /* 可按需调整分割线颜色 */
}

/*
  重置辅助性元素样式
  对于一些语义化但默认有样式的元素进行重置
  如 address 标签默认有斜体样式，这里去除
*/
address {
  font-style: normal;
}

/*
  重置辅助性样式，针对 HTML5 新增语义化元素
  使这些元素默认表现为块级元素，方便布局
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/*
  重置音频和视频元素样式
  去除默认的边框，使其在页面中更美观
  同时设置为块级元素，方便布局
*/
audio,
video {
  border: none;
  display: block;
}

/*
  重置无障碍访问相关样式
  确保屏幕阅读器等辅助设备能正确识别和处理元素
  这里简单设置了一些元素的 ARIA 相关属性，可根据实际需求进一步完善
*/
[role='button'] {
  cursor: pointer;
}
[role='link'] {
  cursor: pointer;
}
::-webkit-scrollbar {
  width: 0;
  height: 6px;
}
/* 重置阿里云播放器样式 */
.prism-player .prism-big-play-btn {
  display: none !important;
}
.n-layout .n-layout-sider[data-v-846de349] {
  border-radius: 10px;
}
.n-layout .n-layout-content[data-v-846de349] {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page[data-v-846de349] {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header[data-v-846de349] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions[data-v-846de349] {
  display: flex;
}
.layout-page__container[data-v-846de349] {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left[data-v-846de349] {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info[data-v-846de349] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar[data-v-846de349] {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon[data-v-846de349] {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name[data-v-846de349] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right[data-v-846de349] {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section[data-v-846de349] {
  flex: 1;
}
.layout-page__container__right .form-section__item[data-v-846de349] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal[data-v-846de349] {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item[data-v-846de349] {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content[data-v-846de349] {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected[data-v-846de349]::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal[data-v-846de349] {
  border-radius: 24px;
}
.payment-qr-modal[data-v-846de349] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap[data-v-846de349] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image[data-v-846de349] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip[data-v-846de349] {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link[data-v-846de349] {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button[data-v-846de349] {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain[data-v-846de349] {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset[data-v-846de349] {
  color: #5e5e5e;
}
.el-button.is-text[data-v-846de349] {
  padding: 0;
}
.el-button--small[data-v-846de349] {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large[data-v-846de349] {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}
.custom-primary-btn[data-v-846de349] {
  width: 140px;
  background: linear-gradient(to right, #a1ceff, #2678ff);
  border-radius: 20px;
  color: #fff;
}
.custom-primary-btn[data-v-846de349]:hover {
  color: #fff;
}
.custom-primary-mini-btn[data-v-846de349] {
  width: 100%;
  height: 28px;
  background: linear-gradient(to right, #3985ff, #b1d5ff);
  border-radius: 20px;
  color: #fff;
}
.custom-primary-mini-btn[data-v-846de349]:hover {
  color: #fff;
}
.custom-info-btn[data-v-846de349] {
  width: 140px;
  border-radius: 20px;
  background: #ebebeb;
  font-size: 12px;
}
.custom-primary-default-btn[data-v-846de349] {
  width: 100%;
  background: #2678ff;
  border-radius: 20px;
  color: #fff;
}
.custom-primary-default-btn[data-v-846de349]:hover {
  background: #2678ff;
  border-radius: 20px;
  color: #fff;
}.n-layout .n-layout-sider[data-v-35c8a2a8] {
  border-radius: 10px;
}
.n-layout .n-layout-content[data-v-35c8a2a8] {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page[data-v-35c8a2a8] {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header[data-v-35c8a2a8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions[data-v-35c8a2a8] {
  display: flex;
}
.layout-page__container[data-v-35c8a2a8] {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left[data-v-35c8a2a8] {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info[data-v-35c8a2a8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar[data-v-35c8a2a8] {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon[data-v-35c8a2a8] {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name[data-v-35c8a2a8] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right[data-v-35c8a2a8] {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section[data-v-35c8a2a8] {
  flex: 1;
}
.layout-page__container__right .form-section__item[data-v-35c8a2a8] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal[data-v-35c8a2a8] {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item[data-v-35c8a2a8] {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content[data-v-35c8a2a8] {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected[data-v-35c8a2a8]::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal[data-v-35c8a2a8] {
  border-radius: 24px;
}
.payment-qr-modal[data-v-35c8a2a8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap[data-v-35c8a2a8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image[data-v-35c8a2a8] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip[data-v-35c8a2a8] {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link[data-v-35c8a2a8] {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button[data-v-35c8a2a8] {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain[data-v-35c8a2a8] {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset[data-v-35c8a2a8] {
  color: #5e5e5e;
}
.el-button.is-text[data-v-35c8a2a8] {
  padding: 0;
}
.el-button--small[data-v-35c8a2a8] {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large[data-v-35c8a2a8] {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}
.iconfont-wrapper[data-v-35c8a2a8] {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-right: 10px;
}
.iconfont-wrapper[data-v-35c8a2a8]:last-child {
  margin-right: 0;
}
.iconfont-wrapper .iconfont-text[data-v-35c8a2a8] {
  margin-left: var(--icon-gap);
  font-size: inherit;
}
.iconfont-wrapper.reverse .iconfont-text[data-v-35c8a2a8] {
  margin-left: 0;
  margin-right: var(--icon-gap);
  font-size: var(--icon-reverse-font-size) !important;
}
.iconfont-wrapper .iconfont-svg[data-v-35c8a2a8] {
  width: 1em;
  height: 1em;
  fill: currentColor;
  overflow: hidden;
  vertical-align: -0.15em;
}
.iconfont-wrapper .iconfont[data-v-35c8a2a8] {
  display: inline-block;
  vertical-align: middle;
}.n-layout .n-layout-sider[data-v-8414810e] {
  border-radius: 10px;
}
.n-layout .n-layout-content[data-v-8414810e] {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page[data-v-8414810e] {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header[data-v-8414810e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions[data-v-8414810e] {
  display: flex;
}
.layout-page__container[data-v-8414810e] {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left[data-v-8414810e] {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info[data-v-8414810e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar[data-v-8414810e] {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon[data-v-8414810e] {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name[data-v-8414810e] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right[data-v-8414810e] {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section[data-v-8414810e] {
  flex: 1;
}
.layout-page__container__right .form-section__item[data-v-8414810e] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal[data-v-8414810e] {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item[data-v-8414810e] {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content[data-v-8414810e] {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected[data-v-8414810e]::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal[data-v-8414810e] {
  border-radius: 24px;
}
.payment-qr-modal[data-v-8414810e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap[data-v-8414810e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image[data-v-8414810e] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip[data-v-8414810e] {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link[data-v-8414810e] {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button[data-v-8414810e] {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain[data-v-8414810e] {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset[data-v-8414810e] {
  color: #5e5e5e;
}
.el-button.is-text[data-v-8414810e] {
  padding: 0;
}
.el-button--small[data-v-8414810e] {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large[data-v-8414810e] {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}
.custom-input-area[data-v-8414810e] {
  width: 100%;
}
.custom-input-area .custom-input[data-v-8414810e] {
  border-radius: 8px;
  border: 1px solid #bbb;
}
.custom-input-area .custom-input.input-no-border[data-v-8414810e] {
  border: none;
}
.custom-input-area .custom-input[data-v-8414810e] .n-input__placeholder {
  font-size: 12px !important;
}.n-layout .n-layout-sider[data-v-f8576e70] {
  border-radius: 10px;
}
.n-layout .n-layout-content[data-v-f8576e70] {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page[data-v-f8576e70] {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header[data-v-f8576e70] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions[data-v-f8576e70] {
  display: flex;
}
.layout-page__container[data-v-f8576e70] {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left[data-v-f8576e70] {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info[data-v-f8576e70] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar[data-v-f8576e70] {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon[data-v-f8576e70] {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name[data-v-f8576e70] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right[data-v-f8576e70] {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section[data-v-f8576e70] {
  flex: 1;
}
.layout-page__container__right .form-section__item[data-v-f8576e70] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal[data-v-f8576e70] {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item[data-v-f8576e70] {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content[data-v-f8576e70] {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected[data-v-f8576e70]::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal[data-v-f8576e70] {
  border-radius: 24px;
}
.payment-qr-modal[data-v-f8576e70] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap[data-v-f8576e70] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image[data-v-f8576e70] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip[data-v-f8576e70] {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link[data-v-f8576e70] {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button[data-v-f8576e70] {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain[data-v-f8576e70] {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset[data-v-f8576e70] {
  color: #5e5e5e;
}
.el-button.is-text[data-v-f8576e70] {
  padding: 0;
}
.el-button--small[data-v-f8576e70] {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large[data-v-f8576e70] {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}
.custom-date[data-v-f8576e70] {
  width: 100%;
  border: 0;
}.n-layout .n-layout-sider[data-v-ef1fadde] {
  border-radius: 10px;
}
.n-layout .n-layout-content[data-v-ef1fadde] {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page[data-v-ef1fadde] {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header[data-v-ef1fadde] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions[data-v-ef1fadde] {
  display: flex;
}
.layout-page__container[data-v-ef1fadde] {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left[data-v-ef1fadde] {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info[data-v-ef1fadde] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar[data-v-ef1fadde] {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon[data-v-ef1fadde] {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name[data-v-ef1fadde] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right[data-v-ef1fadde] {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section[data-v-ef1fadde] {
  flex: 1;
}
.layout-page__container__right .form-section__item[data-v-ef1fadde] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal[data-v-ef1fadde] {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item[data-v-ef1fadde] {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content[data-v-ef1fadde] {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected[data-v-ef1fadde]::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal[data-v-ef1fadde] {
  border-radius: 24px;
}
.payment-qr-modal[data-v-ef1fadde] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap[data-v-ef1fadde] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image[data-v-ef1fadde] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip[data-v-ef1fadde] {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link[data-v-ef1fadde] {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button[data-v-ef1fadde] {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain[data-v-ef1fadde] {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset[data-v-ef1fadde] {
  color: #5e5e5e;
}
.el-button.is-text[data-v-ef1fadde] {
  padding: 0;
}
.el-button--small[data-v-ef1fadde] {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large[data-v-ef1fadde] {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}
.upload-progress[data-v-ef1fadde] {
  margin-top: 12px;
}
.upload-progress[data-v-ef1fadde] .n-progress .n-progress-icon {
  color: #2080f0;
}.n-layout .n-layout-sider[data-v-28d326e5] {
  border-radius: 10px;
}
.n-layout .n-layout-content[data-v-28d326e5] {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page[data-v-28d326e5] {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header[data-v-28d326e5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions[data-v-28d326e5] {
  display: flex;
}
.layout-page__container[data-v-28d326e5] {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left[data-v-28d326e5] {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info[data-v-28d326e5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar[data-v-28d326e5] {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon[data-v-28d326e5] {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name[data-v-28d326e5] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right[data-v-28d326e5] {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section[data-v-28d326e5] {
  flex: 1;
}
.layout-page__container__right .form-section__item[data-v-28d326e5] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal[data-v-28d326e5] {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item[data-v-28d326e5] {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content[data-v-28d326e5] {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected[data-v-28d326e5]::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal[data-v-28d326e5] {
  border-radius: 24px;
}
.payment-qr-modal[data-v-28d326e5] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap[data-v-28d326e5] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image[data-v-28d326e5] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip[data-v-28d326e5] {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link[data-v-28d326e5] {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button[data-v-28d326e5] {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain[data-v-28d326e5] {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset[data-v-28d326e5] {
  color: #5e5e5e;
}
.el-button.is-text[data-v-28d326e5] {
  padding: 0;
}
.el-button--small[data-v-28d326e5] {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large[data-v-28d326e5] {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}
.custom-doc-upload[data-v-28d326e5] {
  width: 100%;
  flex: 1;
}
.custom-doc-upload .upload-area[data-v-28d326e5] {
  height: 120px;
  border: 1px dashed #d9d9d9;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.custom-doc-upload .upload-area[data-v-28d326e5]:hover {
  border-color: #2678ff;
}
.custom-doc-upload .upload-area .tip[data-v-28d326e5] {
  font-size: 12px;
  margin-top: 8px;
}
.custom-doc-upload .upload-area .upload-placeholder[data-v-28d326e5] {
  text-align: center;
  color: #909399;
}
.custom-doc-upload .preview-area[data-v-28d326e5] {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.custom-doc-upload .preview-area .doc-info[data-v-28d326e5] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background: #f9fafc;
}
.custom-doc-upload .preview-area .doc-name[data-v-28d326e5] {
  flex: 1;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-doc-upload .preview-area .doc-size[data-v-28d326e5] {
  font-size: 12px;
  color: #909399;
}
.custom-doc-upload .preview-area .preview-actions[data-v-28d326e5] {
  display: flex;
  gap: 8px;
  padding: 8px 12px;
  background: #f5f7fa;
}
.n-layout .n-layout-sider[data-v-bdf59b91] {
  border-radius: 10px;
}
.n-layout .n-layout-content[data-v-bdf59b91] {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page[data-v-bdf59b91] {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header[data-v-bdf59b91] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions[data-v-bdf59b91] {
  display: flex;
}
.layout-page__container[data-v-bdf59b91] {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left[data-v-bdf59b91] {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info[data-v-bdf59b91] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar[data-v-bdf59b91] {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon[data-v-bdf59b91] {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name[data-v-bdf59b91] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right[data-v-bdf59b91] {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section[data-v-bdf59b91] {
  flex: 1;
}
.layout-page__container__right .form-section__item[data-v-bdf59b91] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal[data-v-bdf59b91] {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item[data-v-bdf59b91] {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content[data-v-bdf59b91] {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected[data-v-bdf59b91]::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal[data-v-bdf59b91] {
  border-radius: 24px;
}
.payment-qr-modal[data-v-bdf59b91] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap[data-v-bdf59b91] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image[data-v-bdf59b91] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip[data-v-bdf59b91] {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link[data-v-bdf59b91] {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button[data-v-bdf59b91] {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain[data-v-bdf59b91] {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset[data-v-bdf59b91] {
  color: #5e5e5e;
}
.el-button.is-text[data-v-bdf59b91] {
  padding: 0;
}
.el-button--small[data-v-bdf59b91] {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large[data-v-bdf59b91] {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}

/* 样式保留不变 */
.upload-area[data-v-bdf59b91] {
  width: 200px;
  height: 200px;
  border: 1px dashed #dcdfe6;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.3s;
}
.upload-area[data-v-bdf59b91]:hover {
  border-color: #409eff;
}
.upload-placeholder[data-v-bdf59b91] {
  text-align: center;
  color: #909399;
}
.upload-placeholder .tip[data-v-bdf59b91] {
  font-size: 12px;
  margin-top: 8px;
}
.preview-area[data-v-bdf59b91] {
  width: 200px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.preview-area .preview-img[data-v-bdf59b91] {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.preview-area .preview-actions[data-v-bdf59b91] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.1));
  padding: 8px;
  display: flex;
  justify-content: center;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.3s;
}
.preview-area .preview-actions[data-v-bdf59b91]:hover {
  opacity: 1;
}

/* .preview-actions {
  display: flex;
  gap: 8px;
  padding: 8px;
  background: #f5f7fa;
} */
.n-layout .n-layout-sider[data-v-0020587f] {
  border-radius: 10px;
}
.n-layout .n-layout-content[data-v-0020587f] {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page[data-v-0020587f] {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header[data-v-0020587f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions[data-v-0020587f] {
  display: flex;
}
.layout-page__container[data-v-0020587f] {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left[data-v-0020587f] {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info[data-v-0020587f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar[data-v-0020587f] {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon[data-v-0020587f] {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name[data-v-0020587f] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right[data-v-0020587f] {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section[data-v-0020587f] {
  flex: 1;
}
.layout-page__container__right .form-section__item[data-v-0020587f] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal[data-v-0020587f] {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item[data-v-0020587f] {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content[data-v-0020587f] {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected[data-v-0020587f]::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal[data-v-0020587f] {
  border-radius: 24px;
}
.payment-qr-modal[data-v-0020587f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap[data-v-0020587f] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image[data-v-0020587f] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip[data-v-0020587f] {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link[data-v-0020587f] {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button[data-v-0020587f] {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain[data-v-0020587f] {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset[data-v-0020587f] {
  color: #5e5e5e;
}
.el-button.is-text[data-v-0020587f] {
  padding: 0;
}
.el-button--small[data-v-0020587f] {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large[data-v-0020587f] {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}
.form-grid-item[data-v-0020587f] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.form-grid-item .form-item-content[data-v-0020587f] {
  display: flex;
  flex-direction: column;
  gap: 4px; /* 输入框和提示的间距 */
  width: 100%;
}
.form-grid-item .form-item-content .form-item-tip[data-v-0020587f] {
  font-size: 12px;
  color: #86909c;
  line-height: 2;
  white-space: pre-line; /* 保留换行符 */
  margin: 0;
}.n-layout .n-layout-sider {
  border-radius: 10px;
}
.n-layout .n-layout-content {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions {
  display: flex;
}
.layout-page__container {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section {
  flex: 1;
}
.layout-page__container__right .form-section__item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal {
  border-radius: 24px;
}
.payment-qr-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset {
  color: #5e5e5e;
}
.el-button.is-text {
  padding: 0;
}
.el-button--small {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}
.login-modal {
  width: 800px !important;
  height: 485px !important;
  padding: 0 !important;
  border-radius: 10px;
}
.login-modal__content {
  margin: 0 !important;
  height: 485px !important;
}
.login-modal .login-area {
  height: 100%;
}
.login-modal .login-area .login-area__left-img {
  border-radius: 10px 0 0 10px;
  height: 100%;
  object-fit: cover;
}
.login-modal .login-area .login-area__right {
  margin: 40px 50px 0;
}
.login-modal .login-form {
  margin: 0 auto;
}
.login-modal .captcha-img {
  width: 100px;
  height: 36px;
  margin-left: 10px;
  cursor: pointer;
}
.custom-tabs {
  width: 250px;
  height: 50px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
  gap: 0;
  background-color: #e5ecf9;
  border-radius: 10px;
  box-sizing: border-box;
}
.custom-tabs__pane {
  flex: 1;
  height: 38px;
  line-height: 38px;
  padding: 0;
  cursor: pointer;
  text-align: center;
  background-color: transparent;
  border-radius: 8px;
  transition: all 0.2s ease;
  color: #bdbdbe;
}
.custom-tabs__pane--active {
  background-color: #fff;
  border-radius: 8px;
  font-weight: 600;
  color: #383838;
}
.login-bottom {
  margin-top: -10px;
}
.login-bottom .forget-password {
  margin-bottom: 10px;
  text-align: right;
}
.login-bottom .register-link {
  margin-top: 10px;
  font-size: 12px;
  color: #909399;
  text-align: center;
}
.login-bottom .register-link a {
  color: #2678ff;
}.n-layout .n-layout-sider {
  border-radius: 10px;
}
.n-layout .n-layout-content {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions {
  display: flex;
}
.layout-page__container {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section {
  flex: 1;
}
.layout-page__container__right .form-section__item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal {
  border-radius: 24px;
}
.payment-qr-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset {
  color: #5e5e5e;
}
.el-button.is-text {
  padding: 0;
}
.el-button--small {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}
.bind-mobile-modal {
  width: 480px !important;
  padding: 0 30px 24px !important;
}
.bind-mobile-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
}
.bind-mobile-modal__title {
  flex: 1;
  margin: 0;
  text-align: center;
  font-size: 20px;
  color: #1e1e1e;
}
.bind-mobile-modal__skip {
  color: #909399;
}
.bind-mobile-modal__intro {
  margin: 0 0 20px;
  color: #606266;
  font-size: 14px;
  line-height: 1.8;
}
.bind-mobile-modal__captcha {
  width: 100px;
  height: 36px;
  margin-left: 10px;
  cursor: pointer;
}
.bind-mobile-modal__submit {
  margin-top: 16px;
}.n-layout .n-layout-sider {
  border-radius: 10px;
}
.n-layout .n-layout-content {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions {
  display: flex;
}
.layout-page__container {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section {
  flex: 1;
}
.layout-page__container__right .form-section__item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal {
  border-radius: 24px;
}
.payment-qr-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset {
  color: #5e5e5e;
}
.el-button.is-text {
  padding: 0;
}
.el-button--small {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}
.password-modal {
  padding: 0 30px 20px !important;
  width: 480px !important;
}.n-layout .n-layout-sider {
  border-radius: 10px;
}
.n-layout .n-layout-content {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions {
  display: flex;
}
.layout-page__container {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section {
  flex: 1;
}
.layout-page__container__right .form-section__item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal {
  border-radius: 24px;
}
.payment-qr-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset {
  color: #5e5e5e;
}
.el-button.is-text {
  padding: 0;
}
.el-button--small {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}
.real-name-reminder {
  width: 460px !important;
  padding: 0 28px 24px !important;
}
.real-name-reminder__header {
  margin: 20px 0 12px;
}
.real-name-reminder__title {
  margin: 0;
  text-align: center;
  font-size: 20px;
  color: #1e1e1e;
}
.real-name-reminder__desc {
  margin: 0;
  color: #606266;
  line-height: 1.8;
  font-size: 14px;
}
.real-name-reminder__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
}.n-layout .n-layout-sider[data-v-2a36ff62] {
  border-radius: 10px;
}
.n-layout .n-layout-content[data-v-2a36ff62] {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page[data-v-2a36ff62] {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header[data-v-2a36ff62] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions[data-v-2a36ff62] {
  display: flex;
}
.layout-page__container[data-v-2a36ff62] {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left[data-v-2a36ff62] {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info[data-v-2a36ff62] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar[data-v-2a36ff62] {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon[data-v-2a36ff62] {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name[data-v-2a36ff62] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right[data-v-2a36ff62] {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section[data-v-2a36ff62] {
  flex: 1;
}
.layout-page__container__right .form-section__item[data-v-2a36ff62] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal[data-v-2a36ff62] {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item[data-v-2a36ff62] {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content[data-v-2a36ff62] {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected[data-v-2a36ff62]::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal[data-v-2a36ff62] {
  border-radius: 24px;
}
.payment-qr-modal[data-v-2a36ff62] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap[data-v-2a36ff62] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image[data-v-2a36ff62] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip[data-v-2a36ff62] {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link[data-v-2a36ff62] {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button[data-v-2a36ff62] {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain[data-v-2a36ff62] {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset[data-v-2a36ff62] {
  color: #5e5e5e;
}
.el-button.is-text[data-v-2a36ff62] {
  padding: 0;
}
.el-button--small[data-v-2a36ff62] {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large[data-v-2a36ff62] {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}
#app[data-v-2a36ff62] {
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background-color: #f4f4f4;
}.n-layout .n-layout-sider {
  border-radius: 10px;
}
.n-layout .n-layout-content {
  margin: 0 20px;
  background-color: #fff;
  border-radius: 10px;
}
.layout-page {
  padding: 20px;
  background-color: #fff;
}
.layout-page__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #f2f2f2;
  border-radius: 8px;
}
.layout-page__header .header__actions {
  display: flex;
}
.layout-page__container {
  display: grid;
  grid-template-columns: 200px repeat(2, 1fr);
  align-items: start;
  gap: 20px;
  margin: 20px 0 0;
}
.layout-page__container__left {
  width: 200px;
  margin: 20px 0 0;
  flex-shrink: 0;
}
.layout-page__container__left .user-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: "8px";
}
.layout-page__container__left .user-info .user-avatar {
  position: relative;
  margin-bottom: 16px;
}
.layout-page__container__left .user-info .user-avatar__icon {
  position: absolute;
  bottom: -10px;
  right: 0;
}
.layout-page__container__left .user-info .user-name {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #383838;
}
.layout-page__container__right {
  grid-column: 2/span 2;
  display: flex;
}
.layout-page__container__right .form-section {
  flex: 1;
}
.layout-page__container__right .form-section__item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-menu-horizontal {
  border-bottom: none !important;
}
.custom-menu-horizontal .n-menu-item {
  position: relative !important;
  background: transparent !important;
  padding: 0 !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}
.custom-menu-horizontal .n-menu-item .n-menu-item-content.n-menu-item-content--selected::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 30px !important;
  height: 2px !important;
  background-color: #2687ff !important;
  border-radius: 2px !important;
  z-index: 9999 !important;
}
.n-modal {
  border-radius: 24px;
}
.payment-qr-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0 4px;
}
.payment-qr-modal__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 280px;
  padding: 12px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid #eef2f7;
}
.payment-qr-modal__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.payment-qr-modal__tip {
  color: #606266;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.payment-qr-modal__link {
  color: #2678ff;
  font-size: 14px;
  text-decoration: none;
}

/* Element Chalk Variables */
.el-button {
  padding: 5px 16px;
  height: 32px;
  font-size: 14px;
  border-radius: 4px;
  border: none;
}
.el-button.is-plain {
  border: 1px solid #2678ff;
  color: #2678ff;
}
.el-button.reset {
  color: #5e5e5e;
}
.el-button.is-text {
  padding: 0;
}
.el-button--small {
  padding: 0 12px;
  height: 28px;
  font-size: 13px;
}
.el-button--large {
  padding: 0 20px;
  height: 36px;
  font-size: 20px;
}
html,
body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body {
  background-color: #f9fafb;
}
.button {
  font-size: 14px;
  width: 100%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  box-sizing: border-box;
  transition: all 0.1s;
  cursor: pointer;
}
.primary-button {
  background: #2678ff;
  color: #fff;
  margin-left: 10px;
}
.primary-button:hover {
  background: #4f98ff;
  color: #fff;
}
.primary-plain-btn {
  background: #fff;
  color: #2678ff;
  border: 1px solid #2678ff;
}
.primary-plain-btn:hover {
  background: #2678ff;
  color: #fff;
  border: 1px solid #2678ff;
}
.primary-plain-btn:hover i {
  color: #fff !important;
}
.cancel-button {
  background: #f5f5f5;
  color: #5e5e5e;
}
.cancel-button:hover {
  background: #f0f0f0;
  color: #5e5e5e;
}
.before-blue-line::before {
  content: "";
  width: 5px;
  height: 20px;
  background: #2678ff;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.primary {
  color: #2678ff;
  cursor: pointer;
}
.n-list__header {
  border: none !important;
}
.text-ellipsis {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.base_title {
  display: flex;
  align-items: center;
}
.base_title::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 20px;
  background-color: #2687ff;
  border-radius: 10px;
}
.base_title.base_title_mini::before {
  height: 12px;
}
.base_title .title {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #383838;
}
.custom_dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.custom_dialog--title {
  font-size: 18px !important;
}
.custom_dialog--content {
  font-size: 16px !important;
}
.custom_dialog--action .n-button {
  width: 100px !important;
  height: 38px;
  line-height: 38px;
  border-radius: 8px;
}
.no-border__input .n-input__border {
  border: none;
}
.no-border__input::hover .n-input__state-border {
  display: none;
}
:root {
  --n-primary-color: #2678ff;
  --n-primary-color-hover: #1967e5;
  --n-error-color: #f53f3f;
}