:root {
    --ek-backColor: linear-gradient(160deg, #c4e2fb 0%, #d8ecfc 50%, #b8daf8 100%);
    --ek-theme-color: #c4e2fb;
    --ek-mainbody-bgcolor: rgba(255, 255, 255, 0.78);
    --ek-input-backColor: #f2f2f2;
    --ek-back-learnprog-bgcolor: #f9fbff;
    --ek-spell-back-color: #FFFFFF;
    --ek-spell-finish-card-bgColor:#f1f1f1a6;
    --ek-card-learn-back-color:#f4f7f6;
    --ek-card-learn-card-color:#ffffff;

    --ek-home-card-bgColor:#ffffff75;

    --ek-text-color1: #3d5a80;
    --ek-text-color2: #8ca0b8;
    --ek-text-color3: #afbfd4;

    --ek-card-color1: #ffffff;
    --ek-card-color2: #ebf3fa;
    --ek-card-color3: #e2e0e0;
    --ek-card-progress-bgColor: #e1eef7;
    --ek-alpha-card-color:#ffffff73;

    --ek-split-lineColor: #ececf3;
    --ek-split-lineColor1:#ddecf7;
    --ek-split-lineColor2: #f7f7f7;
    --ek-split-lineColor3: #cecece;
    --ek-card-backColor3: #ECECEC;
    --ek-split-lineColor3: #ECECEC;
    --ek-page-split-lineColor:#b3d4f1;

    --ek-card-backColor: #e3e3f3;
    --ek-card-backColor2: #e5e4fd;
    --ek-card-in-card: #FFFFFF;
    --ek-color-primary: #6f72ff;
    --ek-login-card-backColor: #ffffff;

    --word-learned-back: #e9ffeb;
    --word-mastered-back: #fae7ff;

    --ek-round-group-bgColor: #e2ecf3;
    --ek-container-shadow:0 14px 44px rgba(70, 120, 190, 0.2);
    --ek-listen-banner-bg:linear-gradient(135deg, #6271c5 0%, #6b66a7 48%, #7b82b0 100%);

    --emp-box-1: #cdebff;
    --emp-box-2: #cde9ff;
    --emp-box-3: #d0ebff;
    --emp-box-4: #e0effa;
    --emp-box-5: #d0e7f9;
    --emp-box-6: #e5f4ff;
    --emp-box-7: #d3ecff;
    --emp-box-8: #e9f8ff;
    --emp-box-9: #d0eafe;
    --emp-box-10: #e5f4ff;
    --emp-box-11: #deedff;
    --emp-box-12: #d0e4ff;
    --emp-box-13: #c5e3f9;
    --emp-box-14: #c9ddec;
    --emp-box-15: #ddf0fe;
    --emp-box-16: #def0fe;

    --emp-list-1: rgb(233 245 255);
    --emp-list-2: rgb(252 254 255);
    --emp-list-3: rgb(232 245 255);
    --ek-unit-overview-bar: linear-gradient(135deg, rgb(63 122 252 / 85%), rgba(59, 130, 246, 0.65));

    --ek-login-bg1: rgba(255, 255, 255, 0.9);
    --ek-login-theme-color: #ffffff;
    --ek-login-bg2: rgba(255, 255, 255, 0.9);

    /* ek-panel-side-glow：与原型「听力电台 - ComeKey2.html」.side-blobs 同色同布局 */
    --ek-panel-glow-opacity: 1;
    --ek-panel-glow-opacity-mobile: 0.58;

    --ek-panel-glow-left-a: linear-gradient(145deg, rgba(126, 200, 255, 0.78) 0%, rgba(184, 230, 255, 0.78) 55%, rgba(159, 212, 255, 0.78) 100%);
    --ek-panel-glow-left-b: linear-gradient(160deg, rgba(255, 184, 224, 0.72) 0%, rgba(245, 160, 208, 0.72) 40%, rgba(255, 200, 236, 0.72) 100%);
    --ek-panel-glow-left-c: linear-gradient(180deg, rgba(184, 240, 232, 0.48), rgba(184, 240, 232, 0.48));
    --ek-panel-glow-left-size-a: min(72vw, 520px) min(52vw, 380px);
    --ek-panel-glow-left-size-b: min(58vw, 440px) min(50vw, 400px);
    --ek-panel-glow-left-size-c: min(36vw, 260px) min(36vw, 260px);
    --ek-panel-glow-left-pos-a: left -42% top -6%;
    --ek-panel-glow-left-pos-b: left -38% bottom -8%;
    --ek-panel-glow-left-pos-c: left 2% top 38%;

    --ek-panel-glow-right-a: linear-gradient(200deg, rgba(158, 214, 255, 0.76) 0%, rgba(200, 232, 255, 0.76) 50%, rgba(126, 196, 252, 0.76) 100%);
    --ek-panel-glow-right-b: linear-gradient(165deg, rgba(201, 182, 255, 0.72) 0%, rgba(168, 148, 245, 0.72) 45%, rgba(212, 196, 255, 0.72) 100%);
    --ek-panel-glow-right-c: linear-gradient(180deg, rgba(255, 201, 168, 0.45), rgba(255, 201, 168, 0.45));
    --ek-panel-glow-right-size-a: min(78vw, 560px) min(56vw, 420px);
    --ek-panel-glow-right-size-b: min(62vw, 460px) min(54vw, 400px);
    --ek-panel-glow-right-size-c: min(32vw, 240px) min(32vw, 240px);
    --ek-panel-glow-right-pos-a: right -48% top -10%;
    --ek-panel-glow-right-pos-b: right -40% bottom -12%;
    --ek-panel-glow-right-pos-c: right 5% top 48%;
}
