#app,.app-main{min-height:100dvh}.skip-link{position:fixed;left:16px;top:12px;z-index:20;padding:10px 14px;border-radius:999px;color:#fff;background:var(--cps-ink, #111827);box-shadow:var(--cps-shadow-md, 0 18px 50px rgba(20, 32, 48, .1));transform:translateY(-160%);transition:transform .18s var(--cps-ease, cubic-bezier(.22, 1, .36, 1))}.skip-link:focus{transform:translateY(0);outline:3px solid rgba(23,92,255,.24);outline-offset:3px}:root{--cps-bg: #f3f6f9;--cps-bg-elevated: #ffffff;--cps-ink: #111827;--cps-ink-soft: #273449;--cps-muted: #647083;--cps-subtle: #8b95a5;--cps-line: rgba(17, 24, 39, .11);--cps-line-strong: rgba(17, 24, 39, .18);--cps-accent: #175cff;--cps-accent-strong: #0f3fa8;--cps-accent-soft: #e9efff;--cps-success: #16765a;--cps-warning: #af6200;--cps-danger: #c5343a;--cps-radius-sm: 10px;--cps-radius-md: 16px;--cps-radius-lg: 24px;--cps-radius-xl: 32px;--cps-shadow-sm: 0 8px 24px rgba(20, 32, 48, .06);--cps-shadow-md: 0 18px 50px rgba(20, 32, 48, .1);--cps-shadow-lg: 0 28px 80px rgba(20, 32, 48, .14);--cps-ease: cubic-bezier(.22, 1, .36, 1);--el-color-primary: var(--cps-accent);--el-color-success: var(--cps-success);--el-color-warning: #c77915;--el-color-danger: var(--cps-danger);--el-border-radius-base: 10px;--el-font-family: Aptos, "Segoe UI Variable", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}.student-experience{--student-paper: #f2f5f1;--student-paper-elevated: #fbfcfa;--student-ink: #1f2a2e;--student-ink-soft: #3d4f55;--student-muted: #6b7b82;--student-line: rgba(44, 74, 82, .14);--student-line-strong: rgba(44, 74, 82, .24);--student-accent: #3d6b66;--student-accent-strong: #294e4a;--student-accent-soft: #e4eeeb;--student-cinnabar: #b95743;--student-gold: #a98958;--student-shadow-sm: 0 6px 18px rgba(31, 42, 46, .06);--student-shadow-md: 0 16px 36px rgba(31, 42, 46, .1);color:var(--student-ink);font-family:PingFang SC,Source Han Sans SC,Noto Sans SC,Microsoft YaHei,sans-serif;background-color:var(--student-paper)}html{min-height:100%;scroll-behavior:smooth;background:var(--cps-bg)}body{margin:0;min-height:100vh;color:var(--cps-ink);font-family:var(--el-font-family);font-variant-numeric:tabular-nums;text-rendering:optimizeLegibility;background:radial-gradient(circle at 8% 0%,rgba(23,92,255,.12),transparent 30rem),radial-gradient(circle at 100% 12%,rgba(22,118,90,.11),transparent 28rem),linear-gradient(135deg,#f8fafc,#eef3f7 48%,#f5f8f6)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(17,24,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.76),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.76),transparent 78%)}*{box-sizing:border-box}button,input,textarea,select{font:inherit}button,a,.el-button,.el-card,.el-input__wrapper,.el-textarea__inner,.el-select__wrapper{transition:transform .22s var(--cps-ease),box-shadow .22s var(--cps-ease),border-color .22s var(--cps-ease),background-color .22s var(--cps-ease),color .22s var(--cps-ease)}button:focus-visible,a:focus-visible,.el-button:focus-visible,.el-input__wrapper.is-focus,.el-textarea__inner:focus,.el-select__wrapper.is-focused{outline:3px solid rgba(23,92,255,.18);outline-offset:2px}.el-card{border:1px solid var(--cps-line);border-radius:var(--cps-radius-lg);background:#ffffffdb;box-shadow:var(--cps-shadow-sm)}.el-card__header{padding:18px 22px;border-bottom:1px solid var(--cps-line);color:var(--cps-ink);font-weight:700}.el-card__body{padding:22px}.el-button{border-radius:999px;font-weight:700;letter-spacing:0}.el-button:not(.is-disabled):active{transform:scale(.98)}.el-button--primary,.el-button--success,.el-button--warning,.el-button--danger,.el-button--info{background:#fff;box-shadow:none}.el-button--primary{color:#155f8f;border-color:#155f8f47}.el-button--success{color:#13795b;border-color:#13795b47}.el-button--warning{color:#9a5b00;border-color:#9a5b0047}.el-button--danger{color:#b42318;border-color:#b4231847}.el-button--info{color:#475569;border-color:#47556947}.el-button--primary:not(.is-disabled):hover,.el-button--success:not(.is-disabled):hover,.el-button--warning:not(.is-disabled):hover,.el-button--danger:not(.is-disabled):hover,.el-button--info:not(.is-disabled):hover,.el-button--primary:not(.is-disabled):focus-visible,.el-button--success:not(.is-disabled):focus-visible,.el-button--warning:not(.is-disabled):focus-visible,.el-button--danger:not(.is-disabled):focus-visible,.el-button--info:not(.is-disabled):focus-visible{background:#fff;border-color:var(--cps-line-strong);color:var(--cps-ink);box-shadow:0 10px 22px #14203014;transform:translateY(-1px)}.el-button.is-text{border:1px solid rgba(17,24,39,.1);border-radius:999px;background:#fff;color:var(--cps-ink-soft)}.el-button.is-text:not(.is-disabled):hover,.el-button.is-text:not(.is-disabled):focus-visible{color:var(--cps-ink);background:#fff;border-color:#1118272e}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper{border-radius:14px;border:1px solid rgba(17,24,39,.1);box-shadow:0 1px #fffc,0 10px 22px #1420300a;background:#fffffff0}.el-input__wrapper,.el-select__wrapper{min-height:34px}.el-input--large .el-input__wrapper,.el-select--large .el-select__wrapper{min-height:40px}.el-textarea__inner{min-height:42px}.el-form-item{margin-bottom:10px}.el-input__wrapper:hover,.el-textarea__inner:hover,.el-select__wrapper:hover{border-color:#175cff47;box-shadow:0 14px 28px #14203012}.el-form-item__label{color:var(--cps-ink-soft);font-weight:700}.el-tag{border-radius:999px;font-weight:700}.el-alert{border-radius:var(--cps-radius-md)}.el-upload-dragger{border-radius:var(--cps-radius-lg);border-color:#175cff2e;background:linear-gradient(180deg,#ffffffeb,#f8fbffe0)}.el-upload-dragger:hover{border-color:#175cff75}.admin-console-shell{min-height:100dvh;display:grid;grid-template-columns:248px minmax(0,1fr);background:#f6f8fb}.admin-console-nav{min-width:0;border-right:1px solid #e5e7eb;background:#fff}.admin-console-main{min-width:0;padding:24px}.admin-section-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.admin-panel,.classroom-panel{min-width:0;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.classroom-page{min-height:100dvh;background:#f7f8fb;color:#111827}.classroom-container{width:min(1040px,100%);margin:0 auto;padding:20px}.classroom-page-heading h1,.classroom-section-title h2{margin:0;color:#111827;letter-spacing:0;text-wrap:balance}@media(max-width:900px){.admin-console-shell{grid-template-columns:1fr}.admin-console-nav{position:sticky;top:0;z-index:10;display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #e5e7eb}.admin-console-main{padding:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.activity-hub{min-height:100dvh;padding:clamp(18px,4vw,52px);display:grid;place-items:center;background:var(--student-paper)}.activity-hub__stage{width:min(1180px,100%);min-height:min(720px,calc(100dvh - 64px));display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);overflow:hidden;border:1px solid var(--student-line);border-radius:8px;background:var(--student-paper-elevated);box-shadow:0 22px 54px #2336341a}.activity-hub__art{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:38% center}.activity-hub__content{display:flex;flex-direction:column;justify-content:center;gap:32px;padding:clamp(28px,5vw,62px);background-image:url(data:image/webp;base64,UklGRuIAAABXRUJQVlA4INYAAADQEQCdASoAAQABPvV6uVcqp6WkoCgBUB6JaW7hauSaYfeLACs6LQOW5HoZkWlQLJdrxcnIiB8y/6CUKZEd7325l+ntk5KTEQPJyHvtlFE5D32ych77ZOQ99snIe+2TkPfbJyHvtk5D33Q2lQLJdrxcnIe+2Tl0EVJdrxcnIftPvfbJyHyFrtKgWS7Xi5OQ99snXEnIe+sAAP76GIo1cgQbNcdI6y6SyYy1oCMnFFGAY9s8J3qm9vtLECbP9eC8mjOA1LAPvNnZpCgJ0yCIm81c4A6zAAAA)}.activity-hub__hero{display:grid;gap:12px}.activity-hub__eyebrow{margin:0;color:var(--student-accent);font-size:13px;font-weight:800}.activity-hub__hero h1{margin:0;color:var(--student-ink);font-family:STKaiti,KaiTi,"Noto Serif SC",serif;font-size:clamp(30px,4vw,48px);line-height:1.18;letter-spacing:0}.activity-hub__hero>p:last-child{margin:0;color:var(--student-ink-soft);line-height:1.8}.activity-hub__grid{display:grid;gap:10px}.activity-card{width:100%;min-height:74px;border:1px solid color-mix(in srgb,var(--student-cinnabar) 58%,white);border-radius:6px;background:var(--student-cinnabar);padding:14px 16px;color:#fff;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 10px 24px #7e362a29;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.activity-card:hover,.activity-card:focus-visible{background:#a84635;box-shadow:0 14px 28px #7e362a33;outline:2px solid transparent;transform:translateY(-1px)}.activity-card__copy{min-width:0;display:grid;gap:3px}.activity-card__title{font-size:17px;font-weight:800}.activity-card__subtitle{color:#fffc;font-size:13px}.activity-card__action{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:800;white-space:nowrap}@media(max-width:760px){.activity-hub{padding:14px;place-items:start center}.activity-hub__stage{min-height:calc(100dvh - 28px);grid-template-columns:1fr;grid-template-rows:minmax(240px,42dvh) auto}.activity-hub__art{min-height:0;object-position:32% center}.activity-hub__content{justify-content:start;gap:24px;padding:24px 20px}}