@media (max-width:576px){.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item{padding-left:8px!important;padding-right:8px!important}.ant-menu-horizontal>.ant-menu-item:after,.ant-menu-horizontal>.ant-menu-submenu:after{left:8px!important;right:8px!important}}.ant-list-item{padding-left:4px!important;padding-right:4px!important}
:root{--primary-color:#1890ff;--layout-width:1200px;--layout-margin:16px}body{margin:0!important}.hero-breakout{width:100vw;margin-left:calc(50% - 50vw);overflow-x:hidden}.title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden;color:#000!important}.basic-layout{min-height:100vh!important}.basic-layout .header{padding-inline:var(--layout-margin);padding-left:var(--layout-margin);padding-right:var(--layout-margin)}.basic-layout .content{width:100%;max-width:var(--layout-width);margin-left:auto;margin-right:auto}.basic-layout .footer{text-align:center}.login-layout{min-height:100vh}.login-layout .title{font-size:20px}.login-layout .header{padding:0px var(--layout-margin)}.login-layout .content{flex-direction:column;justify-content:center;display:flex}.header{background:#fff!important}.navbar{max-width:calc(var(--layout-width) - 2 * var(--layout-margin));align-content:center;margin-left:auto;margin-right:auto}.navbar .title{padding-right:20px;font-size:18px}.navbar .search-button{margin:8px}@media (max-width:576px){.navbar .title{padding-right:8px;font-size:14px}.navbar .search-button{margin:4px}}.navbar .col-menu{margin-left:auto;margin-right:auto}.navbar .col-menu .menu{background-color:#0000;border:0;height:64px}.card-title{white-space:normal}.review-body{width:100%}.comment p{overflow-wrap:break-word;margin-top:0!important;margin-bottom:.75em!important}.comment p:last-child{margin-bottom:0!important}.comment code{white-space:normal}.courses-radio-group{padding:0}.total-point{font-weight:700}.review-course-spinning{text-align:center}.search-input{margin-bottom:var(--layout-margin)}.statistic{margin:var(--layout-margin)}.statistic .search-input{margin-top:calc(var(--layout-margin) * 1)}.statistic .slogan-title{margin-top:calc(var(--layout-margin) * 4);margin-bottom:calc(var(--layout-margin) * 4);text-align:center}.statistic .info-row{text-align:center;margin:calc(var(--layout-margin) * 4)}.sync-select{width:100%}.filter-card .ant-card-body{padding:8px}.markdown-preview img{max-width:100%}.filter-sidebar{background:#fff;border:1px solid #e6e8ee;border-radius:12px;padding:8px 0}.filter-group{border-bottom:1px solid #eef0f4;padding:14px 18px}.filter-title{color:#0f172a;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.filter-title small{color:#94a3b8;font-size:12px;font-weight:400}.filter-item{color:#334155;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:13.5px;transition:background .12s;display:flex}.filter-item:hover{background:#f7f8fb}.filter-item.on{color:#1d4ed8;background:#eff6ff;font-weight:500}.filter-item .count{color:#94a3b8;font-size:12px}.filter-item.on .count{color:#2563eb}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #e6e8ee;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:12.5px;transition:all .12s}.filter-chip:hover{color:#2563eb;border-color:#dbeafe}.filter-chip.on{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe;font-weight:500}.filter-rating-item{cursor:pointer;border-radius:6px;align-items:center;padding:7px 10px;transition:background .12s;display:flex}.filter-rating-item:hover{background:#f7f8fb}.filter-rating-item.on{background:#eff6ff}.active-filter-chip{color:#1d4ed8;background:#eff6ff;border-radius:999px;align-items:center;gap:4px;padding:4px 6px 4px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.active-filter-chip button{color:#1d4ed8;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-family:inherit;font-size:14px;line-height:1;display:inline-flex}.active-filter-chip button:hover{background:#2563eb26}.clear-filters-btn{color:#64748b;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-family:inherit;font-size:12.5px}.clear-filters-btn:hover{color:#2563eb}.sort-select{color:#0f172a;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'><path d='m6 9 6 6 6-6'/></svg>") right 8px center no-repeat;border:1px solid #e6e8ee;border-radius:8px;padding:6px 28px 6px 10px;font-family:inherit;font-size:13.5px}.review-item .ant-list-item-action{margin-top:10px}@media (max-width:576px){.hero-breakout .hero-content{padding:40px 16px 36px!important}.hero-breakout .search-box-inner{height:48px!important;padding:0 6px 0 14px!important}.hero-breakout .search-box-inner input{padding:0 8px!important;font-size:14px!important}.hero-breakout .search-btn{height:36px!important;padding:0 16px!important;font-size:13px!important}.footer-grid{grid-template-columns:1fr!important;gap:24px!important;padding:32px 16px 20px!important}.footer-bottom{text-align:center!important;flex-direction:column!important;gap:8px!important;font-size:11.5px!important}}
