@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.p.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_32e2911c-module__C8nk0a__className{font-family:Inter,Inter Fallback;font-style:normal}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#1f242e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-layout{min-height:100vh}.app-header{z-index:100;background:#fff;border-bottom:1px solid #f2f4f7;justify-content:space-between;align-items:center;gap:8px;height:64px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #0000000f}.app-sider{z-index:99;background:#fff;border-right:1px solid #f2f4f7;width:240px;transition:transform .25s;position:fixed;top:64px;bottom:0;left:0;overflow:hidden auto;transform:translate(-100%)}.sider-hover-trigger:hover+.app-sider,.app-sider:hover,.app-sider.sider-pinned{transform:translate(0)}.sider-hover-trigger{z-index:98;cursor:pointer;width:12px;position:fixed;top:64px;bottom:0;left:0}.app-content{background-color:#f5f7fa;min-height:calc(100vh - 64px);margin-top:64px;margin-left:0;transition:margin-left .25s;overflow-x:hidden}.sider-hover-trigger:hover~.app-content,.app-sider:hover~.app-content,.app-sider.sider-pinned~.app-content{margin-left:240px}.main-scroll{background-image:url(/assets/70d0757e0f1a4cb7b2e1_ae43324b.svg);background-position:100% 0;background-repeat:no-repeat;background-size:auto;height:calc(100vh - 64px);padding:32px;overflow-y:auto}.content-wrapper{max-width:1141px;margin:0 auto}.page-columns{align-items:flex-start;gap:32px;padding-top:20px;display:flex}.page-col-main{flex:1 1 0;min-width:0}.page-col-side{flex:0 0 352px;width:352px;min-width:0}@media (max-width:767px){.main-scroll{height:auto;min-height:calc(100vh - 64px);padding:16px}.page-columns{flex-direction:column;gap:24px}.page-col-main,.page-col-side{flex:none;width:100%}.page-col-side{order:-1}}@media (min-width:768px) and (max-width:1199px){.main-scroll{padding:24px}.page-col-side{flex:0 0 300px;width:300px}}.header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.logo-img{flex-shrink:0;height:28px;display:block}.program-badge{cursor:pointer;white-space:nowrap;background:#f5fcff;border:1px solid #cce8ff;border-radius:62px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:flex}.program-badge-text{color:#566681;font-size:13px}.program-badge-value{color:#0060fd;font-size:13px;font-weight:600}.streak-badge{cursor:pointer;background:#fffbf5;border-radius:24px;flex-shrink:0;align-items:center;gap:6px;height:36px;padding:4px 10px;display:flex}.streak-text{color:#ff9305;white-space:nowrap;font-size:13px;font-weight:700}.notification-btn{cursor:pointer;background:#f9fafb;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.notif-badge{color:#fff;background:#e6193b;border:2px solid #fff;border-radius:100px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:11px;display:flex;position:absolute;top:0;left:16px}.avatar-btn{cursor:pointer;border:1px solid #d8dee9;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.avatar-btn img{object-fit:cover;width:100%;height:100%}.menu-trigger-btn{cursor:pointer;background:#f2f4f7;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 0 3px #d3eaff}.sidebar-nav{flex-direction:column;gap:2px;height:100%;padding:20px 12px 16px;display:flex}.nav-item{cursor:pointer;color:#566681;border-radius:14px;align-items:center;gap:10px;width:100%;height:52px;padding:12px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#0071f9;background:#f0f7ff}.nav-item.active{color:#0071f9;background:#edf7ff;font-weight:600}.nav-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;font-size:18px;display:flex}.nav-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-cta-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#0071f9 0%,#2ea7ff 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:12px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0071f959}.sidebar-cta-btn:hover{opacity:.9;color:#fff;box-shadow:0 6px 16px #0071f973}.greeting-section{align-items:center;gap:16px;margin-bottom:0;padding-bottom:16px;display:flex}.greeting-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.greeting-name{color:#05060f;font-size:18px;font-weight:700;line-height:28px}.greeting-sub{color:#4b5563;font-size:14px;line-height:20px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.section-title{color:#23242d;font-size:18px;font-weight:700;line-height:28px}.section-link{color:#4b5563;cursor:pointer;font-size:14px;font-weight:500}.daily-goal-card{background:linear-gradient(185deg,#0071f9 -8.25%,#2ea7ff 95.92%);border-radius:24px;margin-top:32px;padding:16px 8px 8px}.daily-goal-title{color:#fff;letter-spacing:.5px;margin-bottom:8px;padding:0 8px;font-size:18px;font-weight:700;line-height:28px}.goal-tasks-wrapper{background:#fff;border-radius:20px;margin-top:60px;padding:8px;position:relative}.mascot-bubble{z-index:10;align-items:center;max-width:100%;margin:0 8px 4px;display:flex;position:absolute;bottom:100%;left:0;right:0}.mascot-bubble-text{color:#fff;background:#233876;border-radius:20px;flex:1;min-width:0;padding:12px 16px;font-size:13px;font-weight:600;position:relative}.mascot-bubble-text:after{content:"";background:#233876;width:10px;height:10px;position:absolute;top:50%;right:-4px;transform:translateY(-50%)rotate(45deg)}.mascot-img{flex-shrink:0;align-self:flex-end;width:auto;height:64px;margin-left:8px}.goal-task-item{border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.goal-task-item.highlighted{border:2px solid #0071f9}.goal-task-icon{flex-shrink:0;width:24px;height:24px}.goal-task-title{color:#23242d;font-size:14px;font-weight:700}.goal-task-desc{color:#4b5563;font-size:13px;line-height:20px}.goal-start-btn{color:#fff;cursor:pointer;background:#0071f9;border:none;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:80px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.goal-task-locked-text{color:#9ca3af;font-size:12px;line-height:16px}.lesson-card{background:#fff;border:1px solid #ebf0f4;border-radius:16px;padding:20px}.lesson-number-badge{background:#e1effe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.lesson-number-badge-inner{position:absolute;top:-3px;left:-3px}.lesson-number-text{color:#0071f9;text-align:center;font-size:20px;font-weight:900;line-height:28px}.lesson-label{color:#fff;text-align:center;background:#0071f9;border-radius:4px;padding:2px 4px;font-size:8px;font-weight:700}.lesson-title{color:#23242d;font-size:16px;font-weight:700;line-height:24px;overflow:hidden}.lesson-continue-btn{color:#0071f9;cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.study-plan-empty{background:#f9fafb;border:1px solid #edf1f7;border-radius:16px;padding:20px}.study-plan-cta-btn{color:#fff;cursor:pointer;background:#0071f9;border:none;border-radius:12px;align-items:center;gap:8px;width:fit-content;margin-top:12px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.course-card{background:#fff;border:1px solid #ebf0f4;border-radius:16px;height:100%;overflow:hidden}.course-thumbnail{object-fit:cover;width:100%;height:143px;display:block}.course-body{padding:12px 16px 16px}.course-title{color:#05060f;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;font-size:15px;font-weight:700;line-height:22px;display:-webkit-box;overflow:hidden}.course-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-top:8px;display:flex}.course-units{color:#6b7280;font-size:13px}.course-exercises{color:#6b7280;align-items:center;gap:4px;font-size:13px;display:flex}.test-practice-card{background:#fff;border:1px solid #ebf0f4;border-radius:24px;padding:20px}.test-info{align-items:flex-start;gap:12px;width:100%;display:flex}.test-thumbnail{object-fit:cover;border-radius:8px;flex-shrink:0;width:80px}.test-details{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.test-in-progress-badge{color:#0071f9;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.test-title{color:#23242d;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:24px;display:-webkit-box;overflow:hidden}.test-bottom-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.test-subtitle{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.test-continue-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0071f9;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:600;display:flex}.profile-card{background:linear-gradient(#f3f8ff 0%,#fff 50%);border:1px solid #e1effe;border-radius:20px;padding:20px}.profile-section-title{color:#23242d;margin-bottom:16px;font-size:16px;font-weight:700}.level-section{border-bottom:1px solid #e1effe;margin-bottom:16px;padding-bottom:16px}.level-label{color:#23242d;margin-bottom:12px;font-size:13px;font-weight:500}.level-row{align-items:center;display:flex}.level-col{flex-direction:column;display:flex}.level-col.end{text-align:right}.level-col.center{text-align:center;flex:1}.level-connector{align-items:center;gap:4px;height:20px;display:flex}.dashed-line{border-top:1px dashed #c3ddfd;flex:1;height:1px}.level-dot-icon{flex-shrink:0;width:12px;height:12px}.level-dot-icon-lg{flex-shrink:0;width:20px;height:20px}.level-sublabel{color:#727e90;margin-top:4px;font-size:12px}.level-value{color:#152946;margin-top:2px;font-size:18px;font-weight:700}.level-value.predicted{color:#0071f9}.summary-title{color:#23242d;margin-bottom:16px;font-size:15px;font-weight:600}.summary-item{align-items:center;gap:8px;margin-bottom:14px;display:flex}.summary-item:last-child{margin-bottom:0}.summary-icon{flex-shrink:0;width:20px;height:20px}.summary-label{color:#4b5563;flex:1;font-size:13px}.summary-value{flex-shrink:0;font-size:14px;font-weight:700}.story-section{margin-bottom:4px}.story-scroll-wrapper{scrollbar-width:none;-ms-overflow-style:none;margin-left:-4px;margin-right:-4px;padding:4px 4px 12px;overflow:auto visible}.story-scroll-wrapper::-webkit-scrollbar{display:none}.story-list{flex-direction:row;align-items:flex-start;gap:12px;width:max-content;display:flex}.story-card{cursor:pointer;width:112px;height:199px;color:inherit;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:flex-end;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001f}.story-card:hover{transform:scale(1.03);box-shadow:0 6px 20px #0000002e}.story-card-bg-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.story-card-overlay{background:linear-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}.story-avatar-ring{z-index:2;background:#fff;border:2px solid #0071f9;border-radius:50%;width:36px;height:36px;padding:2px;position:absolute;top:10px;left:10px;overflow:hidden;box-shadow:0 1px 4px #0003}.story-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.story-card-name{z-index:2;color:#fff;text-align:left;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;padding:0 8px 10px;font-size:12px;font-weight:600;line-height:16px;display:-webkit-box;position:relative;overflow:hidden}.story-create{background:#fff;border:1px solid #ebf0f4}.story-create-bg{background:linear-gradient(135deg,#cce8ff 0%,#e1effe 100%);height:115px;position:absolute;top:0;left:0;right:0}.story-create-plus{z-index:2;background:#0071f9;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0071f966}.story-create-name{color:#1f242e;text-align:center;z-index:2;padding:44px 8px 10px;font-size:13px;font-weight:700;position:relative}.story-discovery{background:#f0f7ff;border:1px solid #cce8ff}.story-discovery-bg{background:linear-gradient(135deg,#e8f4ff 0%,#cce8ff 100%);position:absolute;inset:0}.story-discovery-icon{z-index:2;background:#0071f9;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-65%);box-shadow:0 4px 12px #0071f959}.story-discovery-name{z-index:2;color:#1f242e;text-align:center;padding:0 8px 10px;font-size:12px;font-weight:700;position:relative}.honor-section{background:#fff;border:1px solid #ebf0f4;border-radius:20px;margin-bottom:8px;padding:24px;overflow:hidden}.honor-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.honor-crown{flex-shrink:0;font-size:40px;line-height:1}.honor-title{color:#1a1a2e;letter-spacing:.3px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800;line-height:1.3}.honor-subtitle{color:#6b7280;margin-top:2px;font-size:13px;font-weight:500}.honor-stats{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;display:grid}@media (max-width:767px){.honor-stats{grid-template-columns:repeat(2,1fr)}.honor-stat-card:last-child:nth-child(odd){grid-column:1/-1}}.honor-stat-card{text-align:center;background:#fff;border:2px solid;border-radius:14px;padding:14px 12px;transition:transform .15s}.honor-stat-card:hover{transform:translateY(-2px)}.honor-stat-value{margin-bottom:6px;font-size:28px;font-weight:900;line-height:1}@media (max-width:767px){.honor-stat-value{font-size:22px}}.honor-stat-label{color:#6b7280;font-size:11px;font-weight:600;line-height:1.4}.honor-table-wrap{border:1px solid #f0f4f8;border-radius:12px;overflow:hidden}.honor-table{border-collapse:collapse;width:100%;font-size:14px}.honor-th{color:#fff;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:12px 16px;font-size:13px;font-weight:600}.honor-tr{border-bottom:1px solid #f0f4f8;transition:background .12s}.honor-tr:hover{background:#f8fbff}.honor-tr-top{background:linear-gradient(135deg,#fef9eb 0%,#fef3c7 100%);border-bottom:2px solid #fcd34d;border-left:4px solid #f59e0b}.honor-tr-top:hover{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.honor-td{vertical-align:middle;padding:12px 16px}.honor-td-stt{text-align:center;width:56px;font-weight:700}.honor-medal{font-size:22px}.honor-stt-num{color:#9ca3af;font-size:13px;font-weight:600}.honor-td-name{color:#1f242e;min-width:160px;font-weight:600}.honor-badge-national{color:#fff;white-space:nowrap;vertical-align:middle;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:20px;align-items:center;gap:4px;margin-right:6px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.honor-name-top{color:#92400e;font-size:15px;font-weight:800}.honor-td-achievement{color:#4b5563;font-size:13px}.honor-cards{display:none}@media (max-width:767px){.honor-table{display:none}.honor-cards{flex-direction:column;gap:0;display:flex}}.honor-card{background:#fff;border-bottom:1px solid #f0f4f8;padding:14px 16px}.honor-card:last-child{border-bottom:none}.honor-card-top{background:linear-gradient(135deg,#fef9eb 0%,#fef3c7 100%);border-left:4px solid #f59e0b}.honor-card-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.honor-card-stt{font-size:20px;font-weight:800}.honor-card-name{color:#1f242e;margin-bottom:4px;font-size:15px;font-weight:700}.honor-card-top .honor-card-name{color:#92400e;font-size:16px}.honor-card-achievement{color:#6b7280;font-size:13px}.honor-show-more{color:#0071f9;cursor:pointer;background:#f8fbff;border:1px solid #cce8ff;border-radius:12px;justify-content:center;align-items:center;width:100%;margin-top:16px;padding:10px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.honor-show-more:hover{background:#edf7ff}@media (max-width:767px){.honor-section{border-radius:16px;padding:16px}.honor-title{font-size:15px}.honor-crown{font-size:32px}}.lp-page-root{background:#f9f5fa;min-height:100vh}.lp-breadcrumb-bar{background:#e8dfea;padding:0}.lp-breadcrumb-inner{text-align:center;justify-content:center;margin-left:20px;margin-right:20px;padding:14px 0;display:flex}.lp-grid-container{margin-left:20px;margin-right:20px;padding:24px 0 60px}.lp-sider{height:calc(100vh - 60px);position:sticky;top:60px}.lp-content{max-width:100%;padding:24px 16px 60px;overflow-x:hidden}.lp-main-grid{grid-template-columns:3fr 2fr;gap:16px;display:grid}@media (max-width:991px){.lp-main-grid{grid-template-columns:1fr}}.lp-main-grid-mobile{grid-template-columns:1fr}.lp-left-col,.lp-right-col{flex-direction:column;gap:12px;min-width:0;display:flex}.lp-right-sticky{position:sticky;top:100px}.lp-card{background:#fff;border-radius:10px;padding:20px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.lp-video-title{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:20px;font-weight:600;line-height:1.4;display:flex}.lp-star-icon{flex-shrink:0;margin-left:8px;font-size:22px}.lp-views-row{color:#566681;justify-content:flex-end;align-items:center;gap:4px;margin-bottom:12px;font-size:14px;display:flex}.lp-views-count{color:#f40c44;font-weight:600}.lp-video-wrap{aspect-ratio:16/9;background:#000;border-radius:8px;position:relative;overflow:hidden}.lp-video-overlay{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lp-play-btn{cursor:pointer;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.lp-video-wave{pointer-events:none;z-index:1;background:linear-gradient(#0000,#0009);height:146px;position:absolute;bottom:0;left:0;right:0}.lp-video-inner{width:100%;height:100%}.lp-video-bg{background:#111;width:100%;height:100%}.lp-progress-wrap{z-index:10;position:absolute;bottom:38px;left:10px;right:10px}.lp-progress-track{background:#ffffff59;border-radius:2px;height:3px;position:relative}.lp-progress-fill{background:red;border-radius:2px;height:100%;position:absolute;top:0;left:0}.lp-quiz-dot{z-index:10;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.lp-controls{z-index:10;justify-content:space-between;align-items:center;height:35px;padding:0 8px;display:flex;position:absolute;bottom:2px;left:0;right:0}.lp-controls-left{align-items:center;gap:2px;display:flex}.lp-controls-right{align-items:center;gap:4px;display:flex}.lp-ctrl-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.lp-time{color:#fff;text-shadow:0 0 2px #00000080;margin:0 8px;font-size:13px}.lp-speed{color:#fff;text-shadow:0 0 2px #00000080;font-size:14px}.lp-quiz-row{background:#f9f5fa;border-radius:8px;justify-content:space-around;align-items:center;height:40px;margin:24px 0;display:flex}.lp-homework-bar{background:#f9f5fa;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;min-height:62px;padding:12px;display:flex}.lp-homework-label{color:#1f242e;font-weight:600}.lp-homework-tasks{flex-wrap:wrap;gap:8px;margin-left:16px;display:flex}.lp-homework-task-btn{color:#fff;cursor:pointer;background:#009cf4;border:none;border-radius:20px;align-items:center;gap:6px;height:38px;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.lp-docs-section{padding-top:0}.lp-docs-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:4px;display:flex}.lp-docs-title{font-size:18px;font-weight:600}.lp-docs-download-all{color:#0071f9;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600}.lp-doc-item{justify-content:space-between;align-items:center;padding:5px;display:flex}.lp-doc-link{color:#1570ef;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;text-decoration:underline;overflow:hidden}.lp-doc-dl-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px}.lp-viewmode-bar{border-bottom:1px solid #d9dde3;flex-wrap:wrap;align-items:center;gap:4px;padding-bottom:12px;display:flex}.lp-viewmode-label{color:#566681;margin-right:4px;font-size:12px;font-weight:500}.lp-viewmode-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .15s;display:flex}.lp-viewmode-btn:hover{background:#f0f4f8}.lp-viewmode-btn-active{color:#0071f9}.lp-discussion{padding-top:12px}.lp-discussion-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.lp-discussion-title{font-size:18px;font-weight:600}.lp-discussion-refresh{cursor:pointer;background:0 0;border:none;padding:0 10px}.lp-comment-input-row{z-index:4;background:#fff;align-items:flex-start;gap:8px;padding:6px 0;display:flex;position:sticky;top:0}.lp-comment-input-box{background:#f9f9f9;border-radius:8px;flex:1;padding:6px 8px}.lp-comment-textarea{resize:none;background:0 0;border:none;outline:none;width:100%;height:40px;font-family:inherit;font-size:12px}.lp-comment-input-actions{align-items:center;gap:4px;display:flex}.lp-input-action-btn{cursor:pointer;color:#566681;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.lp-comments-list{max-height:476px;padding-right:8px;overflow:hidden auto}.lp-comment{width:100%;margin-top:12px;display:flex;position:relative}.lp-comment-thread-line{background:#d9dde3;width:1px;height:calc(100% - 18px);position:absolute;top:30px;left:15px}.lp-comment-avatar-wrap{flex-shrink:0;width:30px;height:30px}.lp-comment-avatar{object-fit:cover;border-radius:50%;width:30px;height:30px}.lp-comment-body{flex:1;min-width:0;padding-left:8px}.lp-comment-bubble{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;background:#f9f9f9;border-radius:8px;max-width:98%;padding:4px 12px;font-size:12px;line-height:1.5}.lp-comment-bubble-ta{color:green}.lp-comment-author{margin-right:8px;font-weight:600}.lp-ta-name{color:#1f242e}.lp-comment-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:6px;padding:2px 0;font-size:12px;display:flex}.lp-meta-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;align-items:center;gap:2px;padding:4px;font-size:12px;display:flex}.lp-meta-time{color:#6b7280;font-size:12px}.lp-meta-reply-btn{cursor:pointer;color:#1570ef;background:0 0;border:none;padding:4px;font-size:12px}.lp-reply{margin-top:12px;margin-left:38px;display:flex;position:relative}.lp-reply-corner{border-bottom:1px solid #d9dde3;border-left:1px solid #d9dde3;border-radius:0 0 0 16px;width:24px;height:15px;position:absolute;top:0;left:-23px}.lp-reply-line{background:#d9dde3;width:1px;height:calc(100% + 12px);position:absolute;top:0;left:-23px}.lp-see-more-row{text-align:right;padding:10px 10px 0}.lp-see-more-btn{cursor:pointer;color:#1f242e;background:0 0;border:none;font-size:12px;font-style:italic;font-weight:500}.lp-playlist{padding:12px}.lp-playlist-list{margin:0;padding:0;list-style:none}.lp-playlist-item{cursor:pointer;align-items:center;gap:6px;padding:12px 0;font-size:14px;transition:background .12s;display:flex}.lp-playlist-item-border{border-bottom:1px solid #d9dde3}.lp-playlist-item-active{background:#f40c440a;border-radius:6px;padding-left:4px}.lp-playlist-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;display:flex}.lp-playlist-title{color:#566681;font-weight:500}.lp-playlist-title-active{color:#f40c44;font-weight:600}@media (max-width:767px){.lp-breadcrumb-inner{margin-left:12px;margin-right:12px}.lp-grid-container{margin-left:12px;margin-right:12px;padding:12px 0 40px}.lp-video-title{font-size:16px}.lp-card{padding:12px}.lp-ctrl-btn-optional{display:none!important}.lp-ctrl-btn{width:28px!important;height:28px!important}.lp-time{margin:0 4px!important;font-size:11px!important}}.list-category{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:24px 20px}.list-category .container{max-width:1200px;margin:0 auto}.list-test__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}@media (max-width:767px){.list-test__header{flex-direction:column;align-items:stretch}}.tabs-navigation{background:#f1f5f9;border-radius:8px;gap:6px;padding:4px;display:flex}@media (max-width:767px){.tabs-navigation{white-space:nowrap;-webkit-overflow-scrolling:touch;justify-content:center;width:fit-content;margin:0 auto;padding:6px;overflow-x:auto}.tabs-navigation::-webkit-scrollbar{display:none}}.tab-item{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .2s ease-in-out}.tab-item:hover{color:#0071f9}.tab-item.active{color:#0071f9;background:#fff;box-shadow:0 1px 3px #00000014}.list-test__header-search{width:280px}@media (max-width:767px){.list-test__header-search{width:100%}}.el-input{width:100%}.el-input__wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:8px 12px;transition:all .2s ease-in-out;display:flex}.el-input__wrapper:focus-within{border-color:#0071f9;box-shadow:0 0 0 2px #0071f91a}.el-input__prefix{align-items:center;margin-right:8px;display:flex}.el-input__inner{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:13.5px}.el-input__inner::placeholder{color:#94a3b8}.list-test__content{margin-top:16px}.list-category__course{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.card-course{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;text-decoration:none;transition:all .25s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000004}.card-course:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 24px #0000000d}.icon-hot{z-index:10;pointer-events:none;width:auto;height:40px;position:absolute;top:0;left:0}.card-course__thumb{width:100%;padding-top:56.25%;position:relative;overflow:hidden}.card-course__thumb-bg{background:#f1f5f9;position:absolute;inset:0}.card-course__thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.card-course:hover .card-course__thumb-img{transform:scale(1.05)}.card-course__content{flex-direction:column;flex-grow:1;gap:12px;padding:16px;display:flex}.card-course__title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;margin:0;font-size:14.5px;font-weight:750;line-height:1.4;display:-webkit-box;overflow:hidden}.card-course__teacher{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-course__teacher-name{color:#64748b;min-width:0;font-size:12px}.item-teacher{white-space:nowrap;text-overflow:ellipsis;font-weight:550;display:block;overflow:hidden}.card-course__options{flex-shrink:0;gap:4px;display:flex}.card-course__options img{object-fit:contain;width:20px;height:20px}.card-course__info-group{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:12px;padding-top:12px;display:flex}.card-course__lesson-info{color:#1e7afc;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.card-course__lesson-info svg{flex-shrink:0}.card-course__footer{background:#fafafa;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.card-course__price-sale{align-items:center;gap:8px;display:flex}.card-course__price{flex-direction:column;display:flex}.price-main{color:#ef4444;font-size:15px;font-weight:800;line-height:1.2}.price-sale{color:#94a3b8;margin-top:2px;font-size:11px;line-height:1.2;text-decoration:line-through}.el-tag--danger{color:#ef4444;background-color:#fee2e2;border:1px solid #fecaca;border-radius:4px;height:auto;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.4}.card-course__cta{color:#fff;cursor:pointer;background:#0071f9;border:none;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:700;transition:background .15s ease-in-out}.card-course__cta:hover{background:#005ec3}.empty-courses-state{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-courses-state p{margin:0;font-size:14px;font-weight:550}.home-page__teacher-intro{background:#fff;border:1px solid #ebf0f4;border-radius:20px;margin-top:40px;padding:32px 0;box-shadow:0 4px 20px #00000005}.home-page__teacher-intro .container{max-width:1200px;margin:0 auto}.card_list_course__heading{border-bottom:1px solid #f1f5f9;margin-bottom:24px;padding-bottom:14px;padding-left:28px;padding-right:28px}.card_list_course__heading___title{color:#0f172a;align-items:center;gap:10px;font-size:18px;font-weight:800;line-height:1.2;display:flex}.card_list_course__heading___title .icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.teacher-intro{align-items:flex-start;gap:40px;padding:0 28px;display:flex}.teacher-intro__left{flex-shrink:0;width:100%;max-width:320px}.teacher-intro__avatar-placeholder{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000005}.teacher-intro__avatar-placeholder img{width:100%;height:auto;transition:transform .3s ease-in-out;display:block}.teacher-intro__avatar-placeholder:hover img{transform:scale(1.02)}.teacher-intro__right{flex-direction:column;flex-grow:1;gap:28px;min-width:0;display:flex}.teacher-intro__block{flex-direction:column;gap:14px;display:flex}.teacher-intro__title{color:#0f172a;border-left:4px solid #0c69ea;margin:0;padding-left:12px;font-size:15.5px;font-weight:750;line-height:1.2;position:relative}.teacher-intro__list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.teacher-intro__list li{color:#475569;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;display:flex}.teacher-intro__icon{flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}@media (max-width:991px){.teacher-intro{flex-direction:column;align-items:center;gap:28px}.teacher-intro__left{max-width:260px}.home-page__teacher-intro{padding:24px 0}.card_list_course__heading{padding-left:20px;padding-right:20px}.teacher-intro{padding:0 20px}}.flashcard-page-container{flex-direction:column;gap:24px;display:flex}.flashcard-header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.fc-btn-yellow{color:#fff!important;background-color:#f9ba08!important;border-color:#f9ba08!important;border-radius:8px!important;height:40px!important;font-weight:700!important}.fc-btn-yellow:hover{background-color:#e0a500!important;border-color:#e0a500!important}.fc-btn-sound{box-shadow:0 4px 10px #f9ba0833;color:#fff!important;background-color:#f9ba08!important;border-color:#f9ba08!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;display:flex!important}.fc-btn-sound:hover{background-color:#e0a500!important}.flashcard-filters-container{background:#fff;border:1px solid #ebf0f4;border-radius:16px;flex-direction:column;gap:18px;padding:20px;display:flex;box-shadow:0 4px 15px #00000003}.fc-filters-row-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.fc-source-btn{border-radius:8px!important;height:40px!important;font-weight:700!important}.fc-source-btn-system-active{color:#fff!important;background-color:#3d4863!important;border-color:#3d4863!important}.fc-source-btn-custom{background:#fff;color:#ff2d57!important;border-color:#ff2d57!important}.fc-source-btn-custom:hover{color:#ff2d57!important;background-color:#fff0f3!important;border-color:#ff2d57!important}.fc-source-btn-custom-active{color:#fff!important;background-color:#ff2d57!important;border-color:#ff2d57!important}.fc-btn-add-deck{color:#fff!important;background-color:#ff2d57!important;border-color:#ff2d57!important;border-radius:8px!important;height:40px!important;font-weight:700!important}.fc-btn-add-deck:hover{background-color:#e02047!important;border-color:#e02047!important}.fc-category-tags{flex-wrap:wrap;display:flex}.fc-category-filter-tag{cursor:pointer;border-radius:8px;outline:none;padding:6px 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .2s}.fc-category-filter-tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.flashcard-knowledge-card{height:100%}.fk-card-inner{color:#fff;text-align:center;background:#0329e9;border:6px solid #f9ba08;border-radius:20px;flex-direction:column;align-items:center;height:100%;padding:32px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0329e926}.fk-card-inner:before{content:"";background:#ffffff0d;border-radius:50%;width:120px;height:120px;position:absolute;top:-60px;left:-60px}.fk-card-title{color:#fff;letter-spacing:.5px;margin-bottom:24px;font-size:24px;font-weight:900}.fk-card-dashed-box{aspect-ratio:1/1.1;background:#ffffff05;border:2px dashed #f9ba08;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:240px;min-height:240px;margin-bottom:24px;display:flex}.fk-card-icon{opacity:.9;width:80px;height:80px}.fk-card-description{color:#ffffffe6;margin:0;padding:0 8px;font-size:13.5px;font-weight:600;line-height:1.6}.fc-main-grid{align-items:stretch}.fc-decks-wrapper{flex-direction:column;gap:24px;display:flex}.fc-deck-card{background:#fff;border:8px solid #4285f4;border-radius:16px;flex-direction:column;align-items:center;height:100%;min-height:280px;padding:24px 20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000005}.fc-deck-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.fc-deck-badge{border-radius:8px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-block}.fc-deck-title{color:#1e293b;text-align:center;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:66px;margin-top:4px;margin-bottom:16px;font-size:15.5px;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.fc-deck-info{color:#64748b;align-items:center;gap:6px;margin-bottom:24px;font-size:13.5px;font-weight:600;display:flex}.fc-deck-footer{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;display:flex}.fc-footer-btn{color:#94a3b8!important;background:#f8fafc!important;border:1px solid #f1f5f9!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;font-size:16px!important;transition:all .15s!important;display:flex!important}.fc-footer-btn:hover,.fc-footer-btn.active{color:#f9ba08!important;background:#fef8e7!important;border-color:#fde8bc!important}.fc-deck-locked{border-color:#cbd5e1!important}.fc-lock-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10;background:#3d4863bf;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.fc-lock-btn{box-shadow:0 4px 12px #f9ba084d;color:#fff!important;background-color:#f9ba08!important;border-color:#f9ba08!important;border-radius:8px!important;height:40px!important;font-weight:800!important}.fc-lock-btn:hover{background-color:#e0a500!important;border-color:#e0a500!important}.fc-pagination-container{justify-content:center;margin-top:16px;padding:16px 0;display:flex}.fc-empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;width:100%;padding:60px 0}.fc-study-box{flex-direction:column;align-items:center;padding:12px 0;display:flex}.fc-card-count{color:#64748b;margin-bottom:20px;font-size:14px;font-weight:700}.fc-flashcard-flipper{aspect-ratio:1.6;perspective:1000px;cursor:pointer;width:100%;max-width:440px;height:240px;position:relative}.fc-flashcard-front,.fc-flashcard-back{backface-visibility:hidden;border:4px solid #f9ba08;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:30px;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0;box-shadow:0 8px 24px #00000014}.fc-flashcard-front{color:#fff;background:#0329e9;transform:rotateY(0)}.fc-flashcard-back{color:#0f172a;background:#fff;border-color:#34a853;transform:rotateY(180deg)}.fc-flashcard-flipper.fc-flipped .fc-flashcard-front{transform:rotateY(-180deg)}.fc-flashcard-flipper.fc-flipped .fc-flashcard-back{transform:rotateY(0)}.fc-flashcard-word{text-align:center;margin-bottom:12px;font-size:28px;font-weight:800}.fc-flashcard-meaning{text-align:center;color:#0f172a;margin-bottom:12px;font-size:24px;font-weight:750}.fc-flashcard-hint{opacity:.7;text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:600}@media (max-width:767px){.flashcard-header-actions{flex-direction:column;align-items:stretch}.fc-action-left{justify-content:space-between;width:100%}.fc-action-left .ant-btn{flex:1;padding:0 8px!important;font-size:12px!important}.fc-action-right{align-self:flex-end}.flashcard-filters-container{gap:14px;padding:14px}.fc-filters-row-top{flex-direction:column;align-items:stretch}.fc-source-selectors{width:100%;display:flex}.fc-source-selectors .ant-btn{flex:1}.fc-btn-add-deck{width:100%}.fk-card-dashed-box{min-height:180px;aspect-ratio:unset}.fc-flashcard-flipper{height:200px}.fc-flashcard-word{font-size:22px}.fc-flashcard-meaning{font-size:20px}}.story-detail-grid{grid-template-columns:1fr;gap:24px;margin-top:12px;display:grid}@media (min-width:768px){.story-detail-grid{grid-template-columns:8fr 4fr}}@media (min-width:1200px){.story-detail-grid{grid-template-columns:7.6fr 4.4fr}}.story-detail-main{flex-direction:column;align-items:center;width:100%;display:flex}.story-wrapper{flex-direction:column;gap:12px;width:100%;max-width:420px;display:flex}.story-back-btn{color:#0071f9;cursor:pointer;background:0 0;border:none;border-radius:8px;align-self:flex-start;align-items:center;padding:8px 12px;font-size:15px;font-weight:600;transition:background-color .2s,transform .2s;display:flex}.story-back-btn:hover{background-color:#0071f914;transform:translate(-2px)}.active-story-item{aspect-ratio:9/16;background-color:#000;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000026}.active-story-item .content{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.active-story-item .story-main-img{object-fit:cover;width:100%;height:100%}.active-story-item .avatar{z-index:10;background:#fff;border:2px solid #0071f9;border-radius:50%;width:48px;height:48px;padding:2px;position:absolute;top:16px;left:16px;overflow:hidden}.active-story-item .avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.active-story-item .content-overlay{z-index:5;pointer-events:none;background:linear-gradient(#00000073 0%,#0000 25% 75%,#0009 100%);position:absolute;inset:0}.active-story-item .name{color:#fff;text-shadow:0 1px 3px #000c;z-index:10;font-size:15px;font-weight:600;position:absolute;top:28px;left:76px}.active-story-item .bottom{z-index:10;background:linear-gradient(90deg,#0071f9,#00c6ff);height:6px;position:absolute;bottom:0;left:0;right:0}.story-detail-side{width:100%}.story-suggest{background:#fff;border:1px solid #ebf0f4;border-radius:16px;padding:20px;box-shadow:0 2px 12px #0000000a}.story-suggest .title{color:#1f242e;border-bottom:1px solid #f2f4f7;align-items:center;margin-bottom:20px;padding-bottom:12px;font-size:16px;font-weight:700;display:flex}.story-suggest-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (min-width:768px) and (max-width:1199px){.story-suggest-list{grid-template-columns:1fr}}.story-suggest-item-wrapper{aspect-ratio:9/16;cursor:pointer;border-radius:12px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.story-suggest-item-wrapper:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0071f926}.story-suggest-link{width:100%;height:100%;display:block}.story-suggest-item-wrapper .story-item{background:#111;flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:relative}.story-suggest-item-wrapper .story-item-overlay{z-index:1;position:absolute;inset:0}.story-suggest-item-wrapper .story-item-overlay img{object-fit:cover;width:100%;height:100%}.story-suggest-item-wrapper .avatar{z-index:3;background:#fff;border:1.5px solid #0071f9;border-radius:50%;width:32px;height:32px;padding:1.5px;position:absolute;top:10px;left:10px;overflow:hidden}.story-suggest-item-wrapper .avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.story-suggest-item-wrapper .name{z-index:3;color:#fff;text-align:left;text-shadow:0 1px 3px #000000e6;white-space:nowrap;text-overflow:ellipsis;padding:0 10px 12px;font-size:12px;font-weight:600;position:relative;overflow:hidden}.story-suggest-item-wrapper .bottom{z-index:2;pointer-events:none;background:linear-gradient(#0000 40%,#0000004d 70%,#000000b3 100%);height:100%;position:absolute;bottom:0;left:0;right:0}.story-suggest-item-wrapper.play-story{border:2.5px solid #0071f9}.story-suggest-item-wrapper.play-story .play-story-overlay{color:#fff;z-index:4;text-transform:uppercase;letter-spacing:.8px;pointer-events:none;text-shadow:0 1px 3px #00000080;background:#0071f959;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.story-list-container{flex-direction:column;gap:32px;padding:16px 0;display:flex}.story-block{flex-direction:column;gap:16px;display:flex}.story-block .title{color:#1f242e;align-items:center;font-size:18px;font-weight:700;display:flex;position:relative}.story-block .title.my-story:before{content:"";background-color:#0071f9;border-radius:2px;width:4px;height:18px;margin-right:8px;display:inline-block}.story-list-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (min-width:576px){.story-list-grid{grid-template-columns:repeat(4,1fr);gap:8px}}@media (min-width:768px){.story-list-grid{grid-template-columns:repeat(7,1fr);gap:12px}}@media (min-width:992px){.story-list-grid{grid-template-columns:repeat(6,1fr);gap:12px}}@media (min-width:1200px){.story-list-grid{grid-template-columns:repeat(7,1fr);gap:12px}}@media (min-width:1600px){.story-list-grid{grid-template-columns:repeat(8,1fr);gap:16px}}.story-grid-item{aspect-ratio:9/13.5;width:100%;position:relative}.story-item-link{width:100%;height:100%;color:inherit;text-decoration:none;display:block}.story-grid-item .story-item{cursor:pointer;background-color:#000;border-radius:10px;flex-direction:column;justify-content:flex-end;width:100%;height:100%;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 8px #00000014}.story-grid-item .story-item:hover{transform:translateY(-4px);box-shadow:0 6px 18px #0071f926}.story-grid-item .story-item-overlay{z-index:1;position:absolute;inset:0}.story-grid-item .story-item-overlay img{object-fit:cover;width:100%;height:100%}.story-grid-item .avatar{z-index:3;background:#fff;border:1.5px solid #0071f9;border-radius:50%;width:28px;height:28px;padding:1.5px;position:absolute;top:8px;left:8px;overflow:hidden}.story-grid-item .avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.story-grid-item .name{z-index:3;color:#fff;text-align:left;text-shadow:0 1px 3px #000000e6;white-space:nowrap;text-overflow:ellipsis;padding:0 8px 10px;font-size:11px;font-weight:600;position:relative;overflow:hidden}.story-grid-item .bottom{z-index:2;pointer-events:none;background:linear-gradient(#0000 30%,#0003 60%,#000000a6 100%);height:100%;position:absolute;bottom:0;left:0;right:0}.story-grid-item .story-item.create{background:#fff;border:1px solid #ebf0f4;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:relative;box-shadow:0 4px 12px #0000000d}.story-grid-item .story-item.create .content{background:radial-gradient(circle at 80% 20%,#fef08a,#0000 55%),radial-gradient(circle at 15% 20%,#a5b4fc,#0000 55%),radial-gradient(circle at 90% 80%,#f472b6,#0000 50%),radial-gradient(circle at 10% 80%,#93c5fd,#0000 55%),linear-gradient(135deg,#c084fc 0%,#6366f1 100%);justify-content:center;align-items:center;height:70%;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.story-grid-item .story-item.create .content img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.story-grid-item .story-item.create .add{color:#fff;z-index:5;background-color:#ff004f;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #ff004f59}.story-grid-item .story-item.create:hover .add{background-color:#ff0036;transform:translate(-50%,-50%)scale(1.08)}.story-grid-item .story-item.create .text{z-index:3;color:#0f172a;text-align:center;text-shadow:none;margin-top:auto;margin-bottom:12px;font-size:13px;font-weight:700;position:relative}.story-grid-item .story-item.create .create-bottom{z-index:1;background:#fff;height:30%;position:absolute;bottom:0;left:0;right:0}.story-show-more-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:20px;justify-content:center;align-self:center;align-items:center;margin-top:16px;padding:10px 24px;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s;display:flex}.story-show-more-btn:hover{color:#1e293b;background-color:#f1f5f9;border-color:#94a3b8}