html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, textarea, button {
    margin: 0; padding: 0; border: 0; color: var(--bodyT);
}
input:focus, textarea:focus { border-color: #0892e1 !important; box-shadow: var(--focus); outline: none; }
button:focus { outline: none; }
a { text-decoration: none; }
* { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body { width: 100%; height: 100%; overflow: hidden; background: var(--bodyBg); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
:root {
    --black: #000; --btn000: #000; --bodyT: #333; --bodyBg: #fff;
    --bodyGrayT: #666666; --body999: #999999; --bordere8e9eb: #e8e9eb;
    --text26: #262626; --mainBox: #F1F4FD; --opacityBg: #f1f4fd9c;
    --bgwhite: #F8FAFE; --asideText: #444a57; --asideItemBg: #CEE6FE;
    --asideItemB: #a0cbf6; --asideItemText: #1f3a54; --progressHome: #EDF5FE;
    --btnBg: #fff; --btnBorder: #dcdcdc; --calendarH: #CEE6FE;
    --calendarB: #EDF5FE; --calendarShadow: 0px 0px 9px 0px #B2C3FC;
    --calendarP: #fff; --userbg: #cfe6fd7a; --userboxBg: #fff;
    --userBoder: #efefef75; --userHover: #fdfdfd; --inputBg: #f9fafc;
    --inputBorder: #e5eaf1; --courseBtn: #e5f0fb; --courseBtn9db2f8: #768dd9;
    --bgf9f9f9: #f6f4f4; --locationBack: #ffffff66; --bedf2f9: #edf2f9;
    --color5d6b82: #5d6b82; --e2e8f0: #e2e8f0; --bgf7f9fc: #f7f9fc;
    --color64748b: #64748b; --color94a3b8: #94a3b8; --color1a2b42: #1a2b42;
    --borderdbe6fe: #dbe6fe; --fxf8fbff: #f8fbff; --bordere2e8f1: #e2e8f1;
    --f1f5f9: #f1f4f7; --color424b5a: #424b5a; --bgeff6ff: #eff6ff;
    --color203b89: #203b89; --borderc1dcfc: #c1dcfc; --borderf3f3f3: #f3f3f3;
    --color66758c: #66758c; --borderf7f8fa: #f7f8fa; --bgfafbfc: #fafbfc;
    --bgf8fafc: #f8fafc; --Knowledgecolor: #67768c; --Knowledgebg: #eff2ff;
    --color475568: #475568; --color6b798f: #6b798f; --color6d7b91: #6d7b91;
    --bgf5f6f: #f5f6f7; --borderGuide: 1px solid #e5eaf2;
    --rinkBg: radial-gradient(circle at 50% 280px, rgba(251, 191, 36, 0.08) 0%, transparent 60%), linear-gradient(180deg, #ffffff 0%, #f0f7ff 60%, #F1F4FD 100%);
    --color334155: #334155; --color4c5562: #4c5562; --color6b727f: #6b727f;
    --color1f2936: #1f2936; --color59626e: #59626e; --color384150: #384150;
    --bgD5E8FC: #D5E8FC; --bordere4e9f1: #e4e9f1; --focus: -1px 2px 10px #e1e9ef;
    --planBg: #ffffff; --colorf9fafc: #f6f7f8; --btnshine: #1458e147;
    --bgf0f4fa: #f0f4fa; --color242323: #242323; --borderf8: 1px solid #f2efef;
    --bg224fd50d: #224fd50d; --insetShaow: inset 0px 3px 3px 0px #ebebebb8;
    --borderf2f6f9: #f2f6f9; --bordere1edfd: #e1edfd; --bordere4effe: #e4effe;
    --color7c899c: #7c899c; --color213c89: #213c89; --boxshadowPop: 0px 5px 20px 0px rgb(174 201 253);
    --color66748b: #66748b; --white: #fff; --color394659: #394659;
    --bgfcfcfc: #fcfcfc; --color4e5a6b: #4e5a6b; --bordere6f0fd: #e6f0fd;
    --borderf0: 1px solid #f0f0f0; --marketBtn: #000; --color3c4a5f: #3c4a5f;
    --color505d6f: #505d6f; --courseShadow: 0px 0px 3px 0px rgb(223 226 229);
    --colore6ebf2: #e6ebf2; --shadowdfecfd: 0px 8px 8px #dfecfd;
    --bgced5dd: #ced5dd; --color697483: #697483; --bgfcfdfe: #fcfdfe;
    --bghours: #fff; --linebg: #f8fafe; --texthour: #94a3b7; --bg8f2ff: #e8f2ff;
    --primary-blue: #2C5AF4; --primary-light: #CEE6FE; --primary-bg: #EDF5FE;
    --accent-orange: #f97316; --accent-green: #10b981; --accent-purple: #8b5cf6;
    --card-shadow: 0 2px 12px rgba(0,0,0,0.06); --card-radius: 12px;
    --sidebar-width: 174px; --sidebar-collapsed: 70px;
}
:root[themes="dark"] {
    --black: #afacac; --btn000: #191919; --bodyT: #fff; --bodyBg: #353535;
    --bodyGrayT: #a1a1a1; --body999: #fff; --bordere8e9eb: #5b5c5f;
    --text26: #fff; --mainBox: #2b2b2b; --bgwhite: #383838;
    --asideText: #c4c4c4; --asideItemBg: #2d2d2dcf; --asideItemB: #484747cf;
    --asideItemText: #fff; --progressHome: #353434; --btnBg: #454444;
    --btnBorder: #4b4949; --calendarH: #3c3c3c; --calendarB: #424242;
    --calendarP: #494949; --userbg: #2a2a2a; --userboxBg: #3f3f3f;
    --userHover: #343434ab; --inputBg: #413f3f; --inputBorder: #5d5d5d;
    --courseBtn: #333232; --bgf9f9f9: #424141; --bedf2f9: #404040;
    --color5d6b82: #b2b2b2; --e2e8f0: #4f4f4f; --bgf7f9fc: #38383882;
    --color64748b: #e5e5e5; --color94a3b8: #e5e5e5; --color1a2b42: #fff;
    --mainBox: #2b2b2b; --bgwhite: #383838; --primary-light: #2d2d2dcf;
    --primary-bg: #353434; --card-shadow: 0 2px 12px rgba(0,0,0,0.3);
}