:root{--app-main-color: #0b253d;--sidebar-width: 180px;--rs-primary-50: #f2faff;--rs-primary-100: #cce9ff;--rs-primary-200: #a6d7ff;--rs-primary-300: #80c4ff;--rs-primary-400: #59afff;--rs-primary-500: #3498ff;--rs-primary-600: #2589f5;--rs-primary-700: #1675e0;--rs-primary-800: #0a5dc2;--rs-primary-900: #004299;--rs-gray-0: #ffffff;--rs-gray-50: #f7f7fa;--rs-gray-100: #f2f2f5;--rs-gray-200: #e5e5ea;--rs-gray-300: #d9d9dc;--rs-gray-400: #c5c6c7;--rs-gray-600: #8e8e93;--rs-gray-700: #575757;--rs-border-color: var(--rs-gray-200);--rs-text: var(--rs-gray-700);--rs-text-subtle: var(--rs-gray-600)}.app-sidebar{width:var(--sidebar-width, 260px);height:100vh;padding:1rem;background-color:var(--rs-gray-0);border-right:1px solid var(--rs-border-color);position:fixed;left:0;top:0;box-sizing:border-box}.app-sidebar-logo-wrapper>img{width:80%;margin-left:10%;display:block}.app-sidebar-logo-wrapper>h3{text-align:center;font-weight:800;font-size:24px;color:var(--app-main-color)}.app-sidebar-translate-buttons-wrapper{margin:10px 0;text-align:center}.app-sidebar-translate-buttons-wrapper>button{width:36px;height:32px;margin:0 4px;padding:0;font-size:18px;line-height:32px;background:transparent;color:var(--rs-text-subtle);border:none;border-radius:6px;cursor:pointer;transition:background-color .15s ease,color .15s ease}.app-sidebar-translate-buttons-wrapper>button:hover{background-color:var(--rs-gray-50)}.app-sidebar-translate-buttons-wrapper>button[data-active=true]{background-color:var(--rs-primary-50);color:var(--rs-primary-700)}.app-sidebar-group-menu{padding:.25rem;margin-top:16px;margin-bottom:8px;display:block;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--rs-text-subtle);text-decoration:none;border-bottom:1px solid #eeeeee}.app-sidebar-group-menu:first-of-type{margin-top:12px}.app-sidebar-menu{display:block;padding:8px 12px;margin:4px 0;font-size:14px;color:var(--rs-text);text-decoration:none;border-radius:6px;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.app-sidebar-menu:hover{background-color:var(--rs-gray-50);color:var(--rs-text)}.app-sidebar-menu[data-active=true]{background-color:var(--rs-primary-50);color:var(--rs-primary-700);font-weight:600}.app-sidebar-menu[data-active=true]:hover{background-color:var(--rs-primary-50);color:var(--rs-primary-700)}.app-sidebar a:focus-visible,.app-sidebar button:focus-visible{outline:2px solid var(--rs-primary-600);outline-offset:2px;border-radius:6px}.app-main{width:calc(100% - var(--sidebar-width) - 4rem);position:fixed;left:var(--sidebar-width);padding:2rem;overflow:auto;height:100vh}.app-intro-title{color:var(--app-main-color);font-weight:900}.app-guide-divider{background-color:#eee;height:1.5px;width:100%;margin:20px 0}.app-guide-h2-title{font-weight:900;color:var(--app-main-color);font-size:30px}.app-guide-h3-title{color:#fff;background-color:var(--app-main-color);border-radius:5px;width:fit-content;padding:3px 10px;margin:0 0 10px;font-weight:400}.app-guide-h4-title{color:var(--app-main-color);border-radius:5px;width:fit-content;margin:15px 0 5px;font-weight:700}.app-guide-codeblock{padding:10px;width:calc(100% - 20px);background-color:var(--app-main-color);border-radius:10px}.app-guide-codeblock-copy-button{text-align:right;margin-bottom:-34px}.app-guide-codeblock-copy-button>button{background-color:none;outline:none;border:none;background-color:var(--app-main-color);opacity:.7;color:#fff;padding:2px 10px}.app-guide-codeblock-copy-button>button:hover{opacity:1;font-weight:700;cursor:pointer}.app-guide-exam-component{background-color:#1a1d24;width:calc(100% - 40px);height:auto;border-radius:10px;padding:20px;margin:15px 0}body{padding:0;margin:0}.hw-rui-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:500;border:none;border-radius:4px;color:#eee;background-color:#092f55;cursor:pointer}.hw-rui-button[data-variant=ghost]{background-color:#76787a}.hw-rui-button[data-variant=positive]{background-color:#3383d3}.hw-rui-button[data-variant=negative]{background-color:#d62a3e}.hw-rui-button-icon{margin-right:8px;display:flex;align-items:center}.hw-rui-accordion{border:1px solid #ddd;border-radius:4px;overflow:hidden}.hw-rui-accordion-trigger{display:flex;margin:0;align-items:center;justify-content:space-between;background-color:#f0f0f0;border-bottom:1px solid #ddd;cursor:pointer}.hw-rui-accordion-trigger-button{background:none;border:none;cursor:pointer;font-size:14px;padding:12px 16px;width:100%;text-align:left}.hw-rui-accordion-region{padding:16px;background-color:#fff;border-top:1px solid #ddd;overflow:hidden}.hw-rui-popover{position:relative;display:inline-block}.hw-rui-popover-trigger{cursor:pointer}.hw-rui-popover-trigger-button{background:none;padding:8px 16px;font-weight:500;font-size:14px;cursor:pointer;background-color:#f0f0f0;border-radius:4px;border:1px solid #ddd}.hw-rui-popover-content{margin-top:8px;width:100%;padding:12px;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;z-index:100}.hw-rui-select{position:relative;display:inline-block;width:200px}.hw-rui-select-trigger{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;border-radius:4px;cursor:pointer;background-color:#fff;transition:border-color .3s}.hw-rui-select-trigger:hover{border-color:#aaa}.hw-rui-select-selected-value{flex:1;text-align:left;color:#333;white-space:nowrap}.hw-rui-select-content{position:absolute;top:100%;left:0;width:fit-content;margin-top:4px;background-color:#fff;border:1px solid #aaa;border-radius:4px;box-shadow:0 4px 6px #0000001a;z-index:10;white-space:nowrap}.hw-rui-select-item{padding:8px 12px;font-size:14px;cursor:pointer;transition:background-color .3s;border-bottom:1px solid #eeeeee}.hw-rui-select-item:last-of-type{border-bottom:none}.hw-rui-select-item:hover{background-color:#aaa}.hw-rui-select-item:active{background-color:#e0e0e0}.hw-rui-toast{padding:12px 16px;margin:0 20px 20px 0;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-shadow:0 4px 6px #0000001a;animation:fade-in .3s ease-out;max-width:320px}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hw-rui-toaster{z-index:1000}.hw-rui-toast-title{font-size:16px;font-weight:700;color:#333}.hw-rui-toast-description{font-size:14px;color:#666}.hw-rui-toast-close{margin-left:auto;background:none;border:none;cursor:pointer;font-size:14px;color:#888;transition:color .3s}.hw-rui-toast-close:hover{color:#555}.hw-rui-calendar{width:100%;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #00000014;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hw-rui-calendar-current{text-align:center;font-size:1.25rem;font-weight:600;padding:1rem;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.hw-rui-calendar-today-button{display:block;margin:.5rem auto;padding:.5rem 1rem;background-color:#3b82f6;color:#fff;font-size:.875rem;font-weight:500;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease}.hw-rui-calendar-today-button:hover{background-color:#2563eb}.hw-rui-calendar-body{padding:1rem;gap:.5rem;background-color:#f9fafb}.hw-rui-calendar-body-week{display:grid;grid-template-columns:repeat(7,1fr)}.hw-rui-calendar-datecell{text-align:center;padding:.5rem 0;border-radius:.375rem;cursor:pointer;min-height:60px}.hw-rui-calendar-datecell[data-active=true]{background-color:#3b82f6;color:#fff;font-weight:600;border-radius:.375rem}.hw-rui-calendar-datecell[data-active=true]:hover{background-color:#3b82f6}.hw-rui-calendar-datecell:hover{background-color:#e5e7eb}.hw-rui-calendar-navigator{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0}.hw-rui-calendar-navigator button{background:none;border:none;font-size:1rem;cursor:pointer;color:#4b5563;transition:color .2s ease}.hw-rui-calendar-navigator button:hover{color:#1f2937}.hw-rui-calendar-modes{display:flex;justify-content:center;gap:.5rem;padding:.5rem;background-color:#f9fafb}.hw-rui-calendar-modes button{padding:.25rem .75rem;font-size:.875rem;background-color:#e5e7eb;border:none;border-radius:.375rem;cursor:pointer}.hw-rui-calendar-modes button.active,.hw-rui-calendar-modes button:hover{background-color:#d1d5db}.hw-rui-carousel{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column}.hw-rui-carousel-holder{display:flex;transition:transform .3s ease-in-out;will-change:transform;gap:1rem;padding:1rem;justify-content:center}.hw-rui-carousel-item{width:100%;max-width:300px;height:200px;background-color:#f3f3f3;border-radius:8px;display:flex;justify-content:center;align-items:center;font-weight:700;color:#333;box-shadow:0 2px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.hw-rui-carousel-navigator{display:flex;justify-content:center;margin-top:1rem;gap:.5rem}.hw-rui-carousel-navigator button{border:none;padding:3px 5px;background-color:#ccc;cursor:pointer;transition:background-color .2s ease-in-out}.hw-rui-carousel-navigator button:hover{background-color:#999}.hw-rui-tabs{display:flex;border-bottom:2px solid #e5e7eb;background-color:#f9fafb}.hw-rui-tabs-item{padding:.75rem 1.25rem;cursor:pointer;font-weight:500;color:#4b5563;border-bottom:3px solid transparent;transition:all .2s ease}.hw-rui-tabs-item:hover{background-color:#f1f5f9}.hw-rui-tabs-item[data-active=true]{color:#1d4ed8;font-weight:600;border-bottom:3px solid #1d4ed8;background-color:#e0f2fe}.hw-rui-tabs-item.active{color:#1d4ed8;border-bottom-color:#1d4ed8;background-color:#e0f2fe}