:root{--color-paper: #fdfbf7;--color-pencil: #2d2d2d;--color-muted: #e5e0d8;--color-accent: #ff4d4d;--color-blue: #2d5da1;--color-yellow: #fff9c4;--font-heading: "Kalam", "Ma Shan Zheng", cursive;--font-body: "Patrick Hand", "ZCOOL KuaiLe", "Segoe UI", system-ui, sans-serif;--font-mono: "Consolas", "Monaco", "Courier New", monospace;--radius-wobbly: 255px 15px 225px 15px / 15px 225px 15px 255px;--radius-wobbly-md: 185px 25px 165px 25px / 25px 185px 25px 165px;--radius-wobbly-sm: 155px 20px 145px 20px / 20px 155px 20px 145px;--shadow-hard: 4px 4px 0px 0px var(--color-pencil);--shadow-hard-sm: 3px 3px 0px 0px rgba(45, 45, 45, .12);--shadow-hard-lg: 8px 8px 0px 0px var(--color-pencil);--el-color-primary: var(--color-pencil);--el-color-primary-light-3: #5a5a5a;--el-color-primary-light-5: #888;--el-color-primary-light-7: #bbb;--el-color-primary-light-8: #d5d5d5;--el-color-primary-light-9: #eee;--el-color-primary-dark-2: #1a1a1a;--el-color-success: #2d5da1;--el-color-warning: #ff9f43;--el-color-danger: var(--color-accent);--el-color-info: var(--color-muted);--el-font-family: var(--font-body);--el-font-size-base: 15px;--el-border-radius-base: 8px;--el-border-radius-round: var(--radius-wobbly-sm);--el-box-shadow-light: var(--shadow-hard-sm)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--color-pencil);background-color:var(--color-paper);background-image:radial-gradient(var(--color-muted) 1px,transparent 1px);background-size:24px 24px;min-height:100vh}#app{min-height:100vh}.el-card{border-radius:var(--radius-wobbly-md)!important;border:2px solid var(--color-pencil)!important;box-shadow:var(--shadow-hard-sm)!important;background:#fff!important}.el-button{border-radius:var(--radius-wobbly-sm)!important;font-family:var(--font-body)!important;font-weight:600!important;transition:transform .1s ease,box-shadow .1s ease!important}.el-button:not(.el-button--text):not(.el-button--link){border:2.5px solid var(--color-pencil)!important;box-shadow:var(--shadow-hard)!important}.el-button:not(.el-button--text):not(.el-button--link):not(:disabled):hover{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--color-pencil)!important}.el-button:not(.el-button--text):not(.el-button--link):not(:disabled):active{transform:translate(4px,4px);box-shadow:none!important}.el-button--primary{background:var(--color-pencil)!important;color:#fff!important}.el-button--primary:hover{background:var(--color-accent)!important;border-color:var(--color-accent)!important;color:#fff!important}.el-button--success{background:var(--color-blue)!important;border-color:var(--color-blue)!important;color:#fff!important}.el-button--danger{background:var(--color-accent)!important;border-color:var(--color-accent)!important;color:#fff!important}.el-input__wrapper{border-radius:var(--radius-wobbly-sm)!important;border:2px solid var(--color-pencil)!important;box-shadow:none!important;font-family:var(--font-body)!important}.el-input__wrapper:focus,.el-input__wrapper.is-focus{border-color:var(--color-blue)!important;box-shadow:0 0 0 2px #2d5da133!important}.el-textarea__inner{border-radius:var(--radius-wobbly-sm)!important;border:2px solid var(--color-pencil)!important;font-family:var(--font-body)!important;box-shadow:none!important}.el-textarea__inner:focus{border-color:var(--color-blue)!important;box-shadow:0 0 0 2px #2d5da133!important}.el-tag{border-radius:var(--radius-wobbly-sm)!important;border:2px solid var(--color-pencil)!important;font-family:var(--font-body)!important}.el-menu{border-bottom:none!important;background:transparent!important}.el-menu-item{font-family:var(--font-body)!important;font-size:16px!important}.el-pagination .el-pager li{border-radius:var(--radius-wobbly-sm)!important;border:2px solid var(--color-pencil)!important;font-family:var(--font-body)!important}.el-dialog,.el-message-box{border-radius:var(--radius-wobbly-md)!important;border:3px solid var(--color-pencil)!important;box-shadow:var(--shadow-hard-lg)!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-pencil)}.prose{color:var(--color-pencil);line-height:1.8}.prose h1{font-size:24px;margin:20px 0 15px;padding-bottom:10px;border-bottom:2px dashed var(--color-pencil)}.prose h2{font-size:20px;margin:18px 0 12px}.prose h3{font-size:18px;margin:15px 0 10px}.prose p{margin:10px 0}.prose ul,.prose ol{padding-left:20px;margin:10px 0}.prose li{margin:5px 0}.prose code{background-color:var(--color-muted);padding:2px 6px;border-radius:6px;font-family:var(--font-mono)}.prose pre{background-color:#1e1e1e;color:#d4d4d4;padding:15px;border-radius:12px;overflow-x:auto;margin:15px 0;border:2px solid var(--color-pencil)}.prose pre code{background:none;padding:0;color:inherit}.prose blockquote{border-left:4px solid var(--color-blue);padding-left:15px;margin:15px 0;color:#555}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-muted);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color-pencil);border-radius:10px;border:2px solid var(--color-muted)}::selection{background:var(--color-yellow);color:var(--color-pencil)}svg[data-v-ad193d21]{display:inline-block;vertical-align:middle}.header[data-v-e9a3e88d]{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;color:var(--color-pencil);border-bottom:4px dashed var(--color-pencil);border-radius:var(--radius-wobbly-md) var(--radius-wobbly-md) 0 0;min-height:60px}.header[data-v-e9a3e88d]:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-1.5deg);width:120px;height:22px;background:#c8c8c859;border-radius:2px;pointer-events:none}.logo[data-v-e9a3e88d]{display:flex;align-items:center;gap:10px}.title[data-v-e9a3e88d]{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--color-pencil);letter-spacing:1px}.nav-menu[data-v-e9a3e88d]{flex:1;justify-content:center;background:transparent!important;border-bottom:none!important;box-shadow:none!important}.nav-menu[data-v-e9a3e88d] .el-menu-item{color:#2d2d2d;font-family:var(--font-body);font-size:16px;border-bottom:none!important;border-radius:var(--radius-wobbly-sm);margin:0 2px}.nav-menu[data-v-e9a3e88d] .el-menu-item svg{color:#2d2d2d}.nav-menu[data-v-e9a3e88d] .el-menu-item:hover{background:var(--color-yellow)!important;transform:rotate(-1deg);transition:transform .15s ease}.nav-menu[data-v-e9a3e88d] .el-menu-item.is-active{background:var(--color-muted)!important;font-weight:700;transform:rotate(.5deg)}.user-info[data-v-e9a3e88d]{display:flex;align-items:center;margin-left:20px;gap:10px}.user-name[data-v-e9a3e88d]{cursor:pointer;display:flex;align-items:center;gap:5px;color:#2d2d2d;font-family:var(--font-body);font-size:15px}.user-name svg[data-v-e9a3e88d]{color:#2d2d2d}.auth-buttons[data-v-e9a3e88d]{display:flex;gap:10px}.main-content[data-v-e9a3e88d]{background:#ffffffb3;padding:0;overflow-x:hidden;overflow-y:visible;border-radius:0 0 12px 12px}#app-container{min-height:100vh;background:var(--color-paper);background-image:radial-gradient(var(--color-muted) 1px,transparent 1px);background-size:24px 24px;overflow-x:hidden;overflow-y:visible}.page-wrapper{min-height:100vh;background:#ffffffd9;padding:0 2px;border-left:3px dashed var(--color-muted);border-right:3px dashed var(--color-muted)}.page-wrapper--app{min-height:calc(100vh - 60px)}.page-wrapper--landing{min-height:100vh;background:transparent;padding:0;border:none}.page-content-fade-enter-active{transition:opacity .12s ease}.page-content-fade-enter-from{opacity:.6}.page-content-fade-leave-active{transition:none}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .2s ease}.page-fade-enter-from,.page-fade-leave-to{opacity:0}.page-slide-enter-active,.page-slide-leave-active{transition:opacity .2s ease,transform .2s ease}.page-slide-enter-from{opacity:0;transform:translate(4px)}.page-slide-leave-to{opacity:0;transform:translate(-4px)}body{overflow-x:hidden;margin:0}.page-fade-enter-active,.page-fade-leave-active,.page-slide-enter-active,.page-slide-leave-active{will-change:opacity,transform;backface-visibility:hidden}