:root{--color-primary:#222681;--color-primary-light:#3a3f9e;--color-primary-lighter:#5b60b8;--color-primary-dark:#1a1d61;--color-primary-ink:#12164f;--color-primary-bg:#eef0fa;--color-primary-bg-light:#f5f6fc;--color-accent:#c9963d;--color-accent-light:#e0b96a;--color-accent-lighter:#f0d89e;--color-accent-bg:#fdf8ef;--color-accent-dark:#a67a2e;--color-teacher:#2f5597;--color-teacher-bg:#eaf1fe;--color-planner:#2477a8;--color-planner-bg:#e7f5fb;--color-supervisor:#a97812;--color-supervisor-bg:#fff6de;--color-activity:#2f7d5b;--color-activity-bg:#e9f7f0;--color-case:#ba3b72;--color-case-bg:#fceaf2;--color-shorthand:#6142a6;--color-shorthand-bg:#f0ebfa;--color-success:#2e7d32;--color-success-bg:#e8f5e9;--color-warning:#e65100;--color-warning-bg:#fff3e0;--color-text:#1a1a2e;--color-text-secondary:#4a4a62;--color-text-muted:#8a8a9e;--color-text-placeholder:#b0b0c0;--color-white:#fffffc;--color-surface:#fffffc;--color-paper:#fbfaf4;--color-bg:#f6f7fb;--color-bg-alt:#eef1f7;--color-border:#e0e2f0;--color-border-light:#eeeff7;--color-border-dark:#d0d2e4;--shadow-xs:0 1px 2px rgba(34,38,129,0.06);--shadow-sm:0 6px 18px rgba(34,38,129,0.08);--shadow-md:0 12px 30px rgba(34,38,129,0.11);--shadow-lg:0 18px 46px rgba(34,38,129,0.14);--shadow-xl:0 28px 70px rgba(18,22,79,0.18);--shadow-card:0 1px 0 rgba(34,38,129,0.05),0 14px 34px rgba(34,38,129,0.08);--shadow-card-hover:0 2px 0 rgba(201,150,61,0.12),0 22px 48px rgba(34,38,129,0.14);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-display:"Songti SC","STSong","SimSun",serif;--font-body:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Fira Code","Consolas",monospace;--max-width:1200px;--max-width-narrow:860px;--header-height:64px;--header-height-mobile:56px;--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--transition-fast:0.16s var(--ease-out-quart);--transition-base:0.28s var(--ease-out-quart);--transition-slow:0.55s var(--ease-out-expo);--transition-spring:0.4s cubic-bezier(0.34,1.56,0.64,1)}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.6;min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ol,ul{list-style:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;color:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:700}video{max-width:100%}table{border-collapse:collapse}::-moz-selection{background:var(--color-accent-lighter);color:var(--color-primary-ink)}::selection{background:var(--color-accent-lighter);color:var(--color-primary-ink)}:focus-visible{outline:3px solid rgba(201,150,61,.45);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;-webkit-transition-duration:.01ms!important;transition-duration:.01ms!important}}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.container--narrow{max-width:var(--max-width-narrow)}body:before{z-index:-2;background:-webkit-gradient(linear,left top,left bottom,from(#fbfaf6),color-stop(48%,var(--color-bg)),to(#f1f3fa));background:linear-gradient(180deg,#fbfaf6,var(--color-bg) 48%,#f1f3fa)}body:after,body:before{content:"";position:fixed;inset:0}body:after{z-index:-1;pointer-events:none;opacity:.52;background-image:linear-gradient(rgba(34,38,129,.035) 1px,transparent 0),linear-gradient(90deg,rgba(34,38,129,.035) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(18%,#000),color-stop(78%,#000),to(transparent));-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent);mask-image:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(18%,#000),color-stop(78%,#000),to(transparent));mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent)}body.is-page-leaving{opacity:.88;-webkit-transition:opacity .16s var(--ease-out-quart);transition:opacity .16s var(--ease-out-quart)}.is-pressing{-webkit-transform:translateY(-1px) scale(.992)!important;transform:translateY(-1px) scale(.992)!important}.btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;min-height:42px;padding:10px 24px;border-radius:var(--radius-full);font-size:.9375rem;font-weight:700;letter-spacing:0;-webkit-transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),color var(--transition-base),border-color var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),color var(--transition-base),border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn--primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white);-webkit-box-shadow:0 10px 22px rgba(34,38,129,.18);box-shadow:0 10px 22px rgba(34,38,129,.18)}.btn--primary:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 16px 34px rgba(34,38,129,.22);box-shadow:0 16px 34px rgba(34,38,129,.22)}.btn--primary:active{-webkit-transform:translateY(0);transform:translateY(0)}.btn--outline{background:rgba(255,255,252,.72);color:var(--color-primary);border:1px solid rgba(34,38,129,.28)}.btn--outline:hover{background:var(--color-primary);color:var(--color-white);-webkit-transform:translateY(-2px);transform:translateY(-2px);border-color:var(--color-primary)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{background:var(--color-primary-bg);color:var(--color-primary)}.btn--accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-primary-ink);-webkit-box-shadow:0 12px 28px rgba(201,150,61,.24);box-shadow:0 12px 28px rgba(201,150,61,.24)}.btn--accent:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 18px 38px rgba(201,150,61,.3);box-shadow:0 18px 38px rgba(201,150,61,.3)}.btn--sm{min-height:34px;padding:6px 16px;font-size:.8125rem}.btn--lg{min-height:50px;padding:14px 32px;font-size:1.0625rem}.btn--icon{padding:10px;width:42px;height:42px;border-radius:var(--radius-full)}.page-header{background:linear-gradient(135deg,var(--color-primary-ink),var(--color-primary) 58%,var(--color-primary-light));color:var(--color-white);padding:58px 0 52px;text-align:center;position:relative;overflow:hidden;isolation:isolate}.page-header:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(115deg,rgba(255,255,252,.08) 1px,transparent 1px 84px),linear-gradient(150deg,transparent,rgba(201,150,61,.18) 78%,rgba(201,150,61,.28))}.page-header:after{content:"";position:absolute;left:50%;bottom:-42px;z-index:-1;width:min(860px,90vw);height:86px;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:1px solid rgba(255,255,252,.13);border-radius:50%;background:rgba(255,255,252,.035)}.page-header__title{font-family:var(--font-display);font-size:2.125rem;font-weight:900;letter-spacing:0;position:relative;z-index:1}.page-header__subtitle{font-size:.9375rem;opacity:.78;margin-top:10px;position:relative;z-index:1}.page-header__back{position:absolute;left:24px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:rgba(255,255,252,.84);font-size:.9375rem;font-weight:600;padding:8px 12px;border-radius:var(--radius-full);-webkit-transition:background var(--transition-fast),color var(--transition-fast),-webkit-transform var(--transition-fast);transition:background var(--transition-fast),color var(--transition-fast),-webkit-transform var(--transition-fast);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),-webkit-transform var(--transition-fast)}.page-header__back:hover{color:var(--color-white);background:rgba(255,255,252,.11);-webkit-transform:translateY(-50%) translateX(-2px);transform:translateY(-50%) translateX(-2px)}.page-header__back svg{width:20px;height:20px}.home-back{position:fixed;right:24px;top:24px;z-index:50;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--radius-full);background:rgba(255,255,252,.94);border:1px solid rgba(224,226,240,.9);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg);color:var(--color-primary);font-size:.9375rem;font-weight:800;backdrop-filter:blur(12px);-webkit-transition:background var(--transition-fast),color var(--transition-fast),-webkit-transform var(--transition-fast),-webkit-box-shadow var(--transition-fast);transition:background var(--transition-fast),color var(--transition-fast),-webkit-transform var(--transition-fast),-webkit-box-shadow var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast),-webkit-transform var(--transition-fast),-webkit-box-shadow var(--transition-fast)}.home-back:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);background:var(--color-primary);color:var(--color-white);-webkit-box-shadow:var(--shadow-xl);box-shadow:var(--shadow-xl)}.home-back__icon{width:20px;height:20px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.section{padding:56px 0}.section--sm{padding:36px 0}.section--lg{padding:82px 0}.card{background:var(--color-surface);border-radius:var(--radius-lg);-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);border:1px solid rgba(224,226,240,.82);overflow:hidden;-webkit-transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);position:relative}.card--clickable{cursor:pointer}.card--clickable:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:var(--shadow-card-hover);box-shadow:var(--shadow-card-hover);border-color:rgba(201,150,61,.22)}.card__body{padding:22px}.card__image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;background:var(--color-primary-bg-light)}.card__title{font-size:1.125rem;font-weight:800;color:var(--color-text);margin-bottom:6px}.card__subtitle{font-size:.875rem;color:var(--color-text-muted)}.grid{display:grid;gap:24px}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:26px;padding:4px 12px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:700;letter-spacing:0;border:1px solid transparent}.tag--primary{background:var(--color-primary-bg);color:var(--color-primary);border-color:rgba(34,38,129,.08)}.tag--accent{background:var(--color-accent-bg);color:var(--color-accent-dark);border-color:rgba(201,150,61,.14)}.tag--success{background:var(--color-success-bg);color:var(--color-success)}.breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text-muted);padding:18px 0}.breadcrumb a{color:var(--color-text-secondary);-webkit-transition:color var(--transition-fast);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb__sep{color:var(--color-border-dark)}.empty-state{text-align:center;padding:80px 20px;color:var(--color-text-muted)}.empty-state__icon{font-size:3rem;margin-bottom:16px;opacity:.4}.empty-state__text{font-size:1rem}.loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:12px;padding:60px 0;color:var(--color-text-muted);font-weight:700}.loading__spinner{width:38px;height:38px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}.loading__text{font-size:1rem}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(26px);transform:translateY(26px);-webkit-filter:blur(8px);filter:blur(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-filter:blur(0);filter:blur(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(26px);transform:translateY(26px);-webkit-filter:blur(8px);filter:blur(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes softPulse{0%,to{opacity:.72;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes softPulse{0%,to{opacity:.72;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}}.animate-in{-webkit-animation:fadeInUp .72s var(--ease-out-expo) both;animation:fadeInUp .72s var(--ease-out-expo) both}.stagger-1{-webkit-animation-delay:.05s;animation-delay:.05s}.stagger-2{-webkit-animation-delay:.1s;animation-delay:.1s}.stagger-3{-webkit-animation-delay:.15s;animation-delay:.15s}.stagger-4{-webkit-animation-delay:.2s;animation-delay:.2s}.stagger-5{-webkit-animation-delay:.25s;animation-delay:.25s}.stagger-6{-webkit-animation-delay:.3s;animation-delay:.3s}.stagger-7{-webkit-animation-delay:.35s;animation-delay:.35s}.stagger-8{-webkit-animation-delay:.4s;animation-delay:.4s}.stagger-9{-webkit-animation-delay:.45s;animation-delay:.45s}.stagger-10{-webkit-animation-delay:.5s;animation-delay:.5s}.stagger-11{-webkit-animation-delay:.55s;animation-delay:.55s}.stagger-12{-webkit-animation-delay:.6s;animation-delay:.6s}.detail-page{padding:46px 0 64px;background:-webkit-gradient(linear,left top,left bottom,from(#f7f8fc),to(#f1f3fa));background:linear-gradient(180deg,#f7f8fc,#f1f3fa);min-height:calc(100vh - var(--header-height))}.detail-card{background:var(--color-surface);border-radius:var(--radius-xl);-webkit-box-shadow:var(--shadow-xl);box-shadow:var(--shadow-xl);border:1px solid rgba(224,226,240,.86);overflow:hidden;position:relative}.detail-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:-webkit-gradient(linear,left top,right top,from(var(--color-primary)),color-stop(var(--color-accent)),to(var(--color-primary-lighter)));background:linear-gradient(90deg,var(--color-primary),var(--color-accent),var(--color-primary-lighter))}.detail-card__header{padding:36px 36px 0}.detail-card__body{padding:34px 36px 38px}.detail-card__section{margin-bottom:34px}.detail-card__section:last-child{margin-bottom:0}.detail-card__section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:900;color:var(--color-primary);margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--color-border-light);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;letter-spacing:0}.detail-card__section-title:before{content:"";width:9px;height:9px;background:var(--color-accent);border-radius:50%;-webkit-box-shadow:0 0 0 5px rgba(201,150,61,.12);box-shadow:0 0 0 5px rgba(201,150,61,.12)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.info-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;padding:16px 18px;background:-webkit-gradient(linear,left top,left bottom,from(var(--color-primary-bg-light)),to(rgba(255,255,252,.82)));background:linear-gradient(180deg,var(--color-primary-bg-light),rgba(255,255,252,.82));border:1px solid rgba(224,226,240,.9);border-radius:var(--radius-md)}.info-item__label{font-size:.75rem;color:var(--color-text-muted);font-weight:700;letter-spacing:0}.info-item__value{font-size:1rem;color:var(--color-text);font-weight:700;line-height:1.55}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.photo-gallery__item{aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;-webkit-transition:-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);-webkit-box-shadow:var(--shadow-xs);box-shadow:var(--shadow-xs);position:relative}.photo-gallery__item:hover{-webkit-transform:translateY(-4px) scale(1.01);transform:translateY(-4px) scale(1.01);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.photo-gallery__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-gallery__mark{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:.9375rem;font-weight:800;color:rgba(26,26,46,.62)}.rich-text{line-height:1.85;color:var(--color-text-secondary);font-size:.9375rem}.rich-text p{margin-bottom:12px}.rich-text p:last-child{margin-bottom:0}.video-wrapper{position:relative;border-radius:var(--radius-md);overflow:hidden;background:#0b0d1f;aspect-ratio:16/9;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,252,.08);box-shadow:inset 0 0 0 1px rgba(255,255,252,.08)}.video-wrapper:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(34,38,129,.55),rgba(201,150,61,.2)),linear-gradient(90deg,rgba(255,255,252,.05) 1px,transparent 0);background-size:auto,42px 42px}.video-wrapper__iframe,.video-wrapper__link,.video-wrapper video{position:relative;z-index:1;width:100%;height:100%;display:block;border:0}.video-wrapper__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding:22px;color:var(--color-white);text-decoration:none;background:rgba(11,13,31,.32);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}.video-wrapper__link:hover{background:rgba(11,13,31,.18)}.video-wrapper__link:hover .video-wrapper__play{-webkit-transform:scale(1.08);transform:scale(1.08);background:rgba(255,255,252,.23)}.video-wrapper__link-text{max-width:100%;font-size:.9375rem;font-weight:800;line-height:1.45;text-align:center;word-break:break-word}.video-wrapper__placeholder{position:absolute;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;color:var(--color-white);cursor:pointer;background:rgba(11,13,31,.24);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}.video-wrapper__placeholder:hover{background:rgba(11,13,31,.12)}.video-wrapper__play{width:64px;height:64px;border-radius:50%;background:rgba(255,255,252,.16);border:1px solid rgba(255,255,252,.25);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background var(--transition-base),-webkit-transform var(--transition-spring);transition:background var(--transition-base),-webkit-transform var(--transition-spring);transition:transform var(--transition-spring),background var(--transition-base);transition:transform var(--transition-spring),background var(--transition-base),-webkit-transform var(--transition-spring)}.video-wrapper__placeholder:hover .video-wrapper__play{-webkit-transform:scale(1.08);transform:scale(1.08);background:rgba(255,255,252,.23)}.video-wrapper__play:after{content:"";width:0;height:0;border-left:20px solid var(--color-white);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px}.video-wrapper__placeholder.is-active .video-wrapper__play{-webkit-animation:softPulse 1.2s var(--ease-out-quart) infinite;animation:softPulse 1.2s var(--ease-out-quart) infinite}.stat-number{font-family:var(--font-display);font-size:2.5rem;font-weight:900;color:var(--color-primary);line-height:1}.stat-label{font-size:.875rem;color:var(--color-text-muted);margin-top:4px}.site-footer{background:linear-gradient(135deg,var(--color-primary-ink),var(--color-primary-dark));color:rgba(255,255,252,.72);padding:58px 0 0;position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;inset:0;opacity:.12;background:linear-gradient(115deg,rgba(255,255,252,.36) 1px,transparent 1px 78px)}.site-footer__inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;-webkit-box-align:start;-ms-flex-align:start;align-items:start;position:relative}.site-footer__logo{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--color-white);display:block;margin-bottom:8px}.site-footer__slogan{font-size:.9375rem;line-height:1.6}.site-footer__links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:64px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.site-footer__col h4{font-size:.875rem;font-weight:800;color:var(--color-white);margin-bottom:16px;letter-spacing:0}.site-footer__col a{display:block;font-size:.875rem;margin-bottom:10px;-webkit-transition:color var(--transition-fast),-webkit-transform var(--transition-fast);transition:color var(--transition-fast),-webkit-transform var(--transition-fast);transition:color var(--transition-fast),transform var(--transition-fast);transition:color var(--transition-fast),transform var(--transition-fast),-webkit-transform var(--transition-fast)}.site-footer__col a:hover{color:var(--color-accent-light);-webkit-transform:translateX(2px);transform:translateX(2px)}.site-footer__bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,252,.1);padding:24px 0;text-align:center;font-size:.8125rem;color:rgba(255,255,252,.42)}@media(max-width:1199px){.grid--4{grid-template-columns:repeat(3,1fr)}.info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.container{padding:0 18px}.page-header{padding:62px 18px 34px}.page-header__title{font-size:1.6rem}.page-header__subtitle{font-size:.875rem}.page-header__back{top:14px;left:12px;-webkit-transform:none;transform:none;font-size:.875rem}.page-header__back:hover{-webkit-transform:translateX(-2px);transform:translateX(-2px)}.home-back{right:16px;top:16px;min-height:40px;padding:9px 13px;font-size:.875rem}.home-back__icon{width:18px;height:18px}.section{padding:38px 0}.section--lg{padding:54px 0}.grid--2,.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.detail-page{padding:28px 0 46px}.detail-card{border-radius:var(--radius-lg)}.detail-card__body,.detail-card__header{padding:24px 20px}.detail-card__section-title{font-size:1.125rem}.stat-number{font-size:2rem}.site-footer__inner{grid-template-columns:1fr;gap:32px}.site-footer__links{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:48px}}@media(max-width:480px){.container{padding:0 16px}.grid--2,.grid--3,.grid--4,.photo-gallery{grid-template-columns:1fr}}.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.subject-card{background:-webkit-gradient(linear,left top,left bottom,from(var(--color-surface)),to(rgba(255,255,252,.92)));background:linear-gradient(180deg,var(--color-surface),rgba(255,255,252,.92));border-radius:var(--radius-xl);padding:34px 24px;text-align:center;border:1px solid rgba(224,226,240,.88);-webkit-transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);cursor:pointer;position:relative;overflow:hidden;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card)}.subject-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0),rgba(47,85,151,.16),transparent 34%);opacity:0;-webkit-transition:opacity var(--transition-base);transition:opacity var(--transition-base)}.subject-card:after{content:"进入科目";position:absolute;left:50%;bottom:18px;-webkit-transform:translate(-50%,8px);transform:translate(-50%,8px);font-size:.75rem;font-weight:800;color:var(--color-teacher);opacity:0;-webkit-transition:opacity var(--transition-base),-webkit-transform var(--transition-base);transition:opacity var(--transition-base),-webkit-transform var(--transition-base);transition:opacity var(--transition-base),transform var(--transition-base);transition:opacity var(--transition-base),transform var(--transition-base),-webkit-transform var(--transition-base)}.subject-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:var(--shadow-card-hover);box-shadow:var(--shadow-card-hover);border-color:rgba(47,85,151,.28)}.subject-card:hover:before{opacity:1}.subject-card:hover:after{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}.subject-card__icon{width:66px;height:66px;border-radius:var(--radius-lg);background:var(--color-teacher-bg);color:var(--color-teacher);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 18px;font-family:var(--font-display);font-size:1.5rem;font-weight:900;position:relative;z-index:1;-webkit-transition:background var(--transition-base),color var(--transition-base),-webkit-transform var(--transition-spring);transition:background var(--transition-base),color var(--transition-base),-webkit-transform var(--transition-spring);transition:transform var(--transition-spring),background var(--transition-base),color var(--transition-base);transition:transform var(--transition-spring),background var(--transition-base),color var(--transition-base),-webkit-transform var(--transition-spring)}.subject-card:hover .subject-card__icon{background:var(--color-teacher);color:var(--color-white);-webkit-transform:translateY(-3px) scale(1.06);transform:translateY(-3px) scale(1.06)}.subject-card__name{font-family:var(--font-display);font-size:1.25rem;font-weight:900;color:var(--color-text);margin-bottom:7px;position:relative;z-index:1}.subject-card__count{font-size:.8125rem;color:var(--color-text-muted);font-weight:700;position:relative;z-index:1;margin-bottom:12px}.teacher-card:before{background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0),rgba(47,85,151,.14),transparent 32%)}.teacher-card:hover{border-color:rgba(47,85,151,.26)}.teacher-card__image{background:linear-gradient(135deg,var(--color-teacher-bg),var(--color-primary-bg))}.teacher-card__image:after{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(18,22,79,.16)));background:linear-gradient(180deg,transparent,rgba(18,22,79,.16))}.teacher-card__tag{background:var(--color-teacher-bg);color:var(--color-teacher);border:1px solid rgba(47,85,151,.1)}.teacher-detail__photo{width:100%;max-width:320px;border-radius:var(--radius-xl);overflow:hidden;margin:0 auto 26px;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);border:1px solid rgba(224,226,240,.82)}.teacher-detail__photo img{width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;background:var(--color-primary-bg)}.teacher-detail__photo>div{aspect-ratio:3/4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,var(--color-teacher-bg),var(--color-primary-bg));font-family:var(--font-display);font-size:5rem;font-weight:900;color:rgba(47,85,151,.55)}.teacher-detail__name{font-family:var(--font-display);font-size:1.85rem;font-weight:900;color:var(--color-text);text-align:center;margin-bottom:4px}.teacher-detail__role{text-align:center;color:var(--color-text-muted);font-size:.9375rem;font-weight:700;margin-bottom:24px}.teacher-detail__stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:14px;margin-bottom:34px;-ms-flex-wrap:wrap;flex-wrap:wrap}.teacher-detail__stat{min-width:138px;text-align:center;padding:14px 18px;background:var(--color-teacher-bg);border-radius:var(--radius-md);border:1px solid rgba(47,85,151,.1)}.teacher-detail__stat-value{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--color-teacher);line-height:1.15}.teacher-detail__stat-label{display:block;font-size:.75rem;color:var(--color-text-muted);font-weight:700;margin-top:4px}@media(max-width:767px){.subject-grid,.teacher-grid{grid-template-columns:repeat(2,1fr)}.subject-card{padding:26px 16px 34px}.teacher-card__image{height:210px}.teacher-detail__stats{gap:12px}}@media(max-width:480px){.subject-grid,.teacher-grid{grid-template-columns:1fr}}.teacher-card:before{background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0),rgba(36,119,168,.15),transparent 32%)}.teacher-card:hover{border-color:rgba(36,119,168,.28)}.teacher-card__image{background:linear-gradient(135deg,var(--color-planner-bg),#d9edf7)}.teacher-card__image:after{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(36,119,168,.18)));background:linear-gradient(180deg,transparent,rgba(36,119,168,.18))}.teacher-card__tag{background:var(--color-planner-bg);color:var(--color-planner);border:1px solid rgba(36,119,168,.1)}.detail-photo__placeholder{background:linear-gradient(135deg,var(--color-planner-bg),#d9edf7);color:rgba(36,119,168,.55)}.detail-stat{background:var(--color-planner-bg);border:1px solid rgba(36,119,168,.1)}.detail-stat__value{color:var(--color-planner)}.teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.teacher-card{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);border:1px solid rgba(224,226,240,.86);-webkit-transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);cursor:pointer;position:relative}.teacher-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0),rgba(169,120,18,.15),transparent 32%);opacity:0;-webkit-transition:opacity var(--transition-base);transition:opacity var(--transition-base);z-index:1;pointer-events:none}.teacher-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:var(--shadow-card-hover);box-shadow:var(--shadow-card-hover);border-color:rgba(169,120,18,.3)}.teacher-card:hover:before{opacity:1}.teacher-card__image{width:100%;height:238px;-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,var(--color-supervisor-bg),#ffe8a3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden}.teacher-card__image:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(169,120,18,.2)));background:linear-gradient(180deg,transparent,rgba(169,120,18,.2))}.teacher-card__body{padding:21px 21px 22px;position:relative;z-index:2}.teacher-card__name{font-family:var(--font-display);font-size:1.15rem;font-weight:900;color:var(--color-text);margin-bottom:4px}.teacher-card__title{font-size:.8125rem;color:var(--color-text-muted);font-weight:700;margin-bottom:13px}.teacher-card__tags{display:-webkit-box;display:-ms-flexbox;display:flex;gap:7px;-ms-flex-wrap:wrap;flex-wrap:wrap}.teacher-card__tag{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;background:var(--color-supervisor-bg);color:var(--color-supervisor);font-weight:800;border:1px solid rgba(169,120,18,.12)}.detail-photo{width:100%;max-width:320px;border-radius:var(--radius-xl);overflow:hidden;margin:0 auto 26px;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);border:1px solid rgba(224,226,240,.82)}.detail-photo__placeholder{aspect-ratio:3/4;background:linear-gradient(135deg,var(--color-supervisor-bg),#ffe8a3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:5rem;color:rgba(169,120,18,.55)}.detail-name,.detail-photo__placeholder{font-family:var(--font-display);font-weight:900}.detail-name{font-size:1.85rem;color:var(--color-text);text-align:center;margin-bottom:4px}.detail-role{text-align:center;color:var(--color-text-muted);font-size:.9375rem;font-weight:700;margin-bottom:24px}.detail-stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:14px;margin-bottom:34px;-ms-flex-wrap:wrap;flex-wrap:wrap}.detail-stat{min-width:138px;text-align:center;padding:14px 18px;background:var(--color-supervisor-bg);border-radius:var(--radius-md);border:1px solid rgba(169,120,18,.12)}.detail-stat__value{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--color-supervisor);line-height:1.15}.detail-stat__label{display:block;font-size:.75rem;color:var(--color-text-muted);font-weight:700;margin-top:4px}@media(max-width:1199px){.teacher-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.teacher-grid{grid-template-columns:repeat(2,1fr)}.teacher-card__image{height:210px}.detail-stats{gap:12px}}@media(max-width:480px){.teacher-grid{grid-template-columns:1fr}}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.activity-card{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);border:1px solid rgba(224,226,240,.86);-webkit-transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);cursor:pointer;position:relative}.activity-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0),rgba(47,125,91,.14),transparent 32%);opacity:0;-webkit-transition:opacity var(--transition-base);transition:opacity var(--transition-base);z-index:1;pointer-events:none}.activity-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:var(--shadow-card-hover);box-shadow:var(--shadow-card-hover);border-color:rgba(47,125,91,.28)}.activity-card:hover:before{opacity:1}.activity-card__cover{width:100%;height:204px;background:linear-gradient(135deg,var(--color-activity-bg),#c9ebd9);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:relative;overflow:hidden;padding:20px}.activity-card__cover:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(47,125,91,.12) 1px,transparent 1px 62px),linear-gradient(180deg,transparent,rgba(47,125,91,.18))}.activity-card__cover-icon,.activity-card__cover-label{position:relative;z-index:1;font-family:var(--font-display);font-size:2.25rem;font-weight:900;color:rgba(47,125,91,.54)}.activity-card__date{position:absolute;top:14px;left:14px;z-index:2;padding:5px 12px;border-radius:var(--radius-full);background:rgba(255,255,252,.88);font-size:.75rem;font-weight:800;color:var(--color-activity);-webkit-box-shadow:var(--shadow-xs);box-shadow:var(--shadow-xs)}.activity-card__body{padding:21px 21px 22px;position:relative;z-index:2}.activity-card__title{font-family:var(--font-display);font-size:1.125rem;font-weight:900;color:var(--color-text);margin-bottom:9px;line-height:1.42}.activity-card__desc{font-size:.875rem;color:var(--color-text-muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-detail__cover{width:100%;height:310px;background:linear-gradient(135deg,var(--color-activity-bg),#b9e5cd);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-radius:var(--radius-xl);margin-bottom:26px;padding:28px;position:relative;overflow:hidden;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.activity-detail__cover:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(47,125,91,.14) 1px,transparent 1px 70px),linear-gradient(180deg,transparent,rgba(47,125,91,.2))}.activity-detail__cover-icon{position:relative;font-family:var(--font-display);font-size:3.5rem;font-weight:900;color:rgba(47,125,91,.52)}.activity-detail__meta{gap:16px;margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap}.activity-detail__meta,.activity-detail__meta-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.activity-detail__meta-item{gap:7px;padding:7px 12px;border-radius:var(--radius-full);background:var(--color-activity-bg);font-size:.875rem;font-weight:800;color:var(--color-activity)}.activity-detail__meta-item svg{width:16px;height:16px;opacity:.8}.activity-detail__title{font-family:var(--font-display);font-size:1.85rem;font-weight:900;color:var(--color-text);margin-bottom:16px;letter-spacing:0}.doc-download{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:13px;padding:16px 18px;background:-webkit-gradient(linear,left top,left bottom,from(var(--color-primary-bg-light)),to(rgba(255,255,252,.86)));background:linear-gradient(180deg,var(--color-primary-bg-light),rgba(255,255,252,.86));border:1px solid rgba(224,226,240,.9);border-radius:var(--radius-md);-webkit-transition:background var(--transition-fast),border-color var(--transition-fast),-webkit-transform var(--transition-fast);transition:background var(--transition-fast),border-color var(--transition-fast),-webkit-transform var(--transition-fast);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),-webkit-transform var(--transition-fast);position:relative;overflow:hidden}.doc-download:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0),rgba(34,38,129,.12),transparent 36%);opacity:0;-webkit-transition:opacity var(--transition-base);transition:opacity var(--transition-base)}.doc-download:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);background:var(--color-primary-bg-light);border-color:rgba(34,38,129,.14)}.doc-download:hover:before{opacity:1}.doc-download__icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:1}.doc-download__info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;position:relative;z-index:1}.doc-download__name{font-size:.9375rem;font-weight:800;color:var(--color-text)}.doc-download__size{font-size:.75rem;color:var(--color-text-muted);font-weight:700}.doc-download__actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:9px;-ms-flex-negative:0;flex-shrink:0;position:relative;z-index:1}.doc-download__action,.doc-download__actions{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.doc-download__action{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:var(--radius-full);border:1px solid rgba(34,38,129,.16);background:rgba(255,255,252,.76);font-size:.8125rem;font-weight:800;color:var(--color-primary);white-space:nowrap;-webkit-transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.doc-download__action:hover{background:var(--color-white);border-color:rgba(34,38,129,.3);color:var(--color-primary-dark)}.doc-download__action--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.doc-download__action--primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white)}@media(max-width:1199px){.activity-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.activity-grid{grid-template-columns:repeat(2,1fr)}.activity-card__cover{height:184px}.activity-detail__cover{height:220px;border-radius:var(--radius-lg)}.activity-detail__title{font-size:1.45rem}}@media(max-width:480px){.activity-grid{grid-template-columns:1fr}}.grade-card:before{background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0),rgba(186,59,114,.15),transparent 34%)}.grade-card:after{content:"查看案例";color:var(--color-case)}.grade-card:hover{border-color:rgba(186,59,114,.26)}.grade-card__icon{background:var(--color-case-bg);color:var(--color-case)}.grade-card:hover .grade-card__icon{background:var(--color-case)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.case-card{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);border:1px solid rgba(224,226,240,.86);-webkit-transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);cursor:pointer;position:relative}.case-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0),rgba(186,59,114,.14),transparent 32%);opacity:0;-webkit-transition:opacity var(--transition-base);transition:opacity var(--transition-base);z-index:1;pointer-events:none}.case-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:var(--shadow-card-hover);box-shadow:var(--shadow-card-hover);border-color:rgba(186,59,114,.26)}.case-card:hover:before{opacity:1}.case-card__image{width:100%;height:204px;background:linear-gradient(135deg,var(--color-case-bg),#f7c4d8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-display);font-size:3rem;font-weight:900;color:rgba(186,59,114,.52);position:relative;overflow:hidden}.case-card__image:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(186,59,114,.1) 1px,transparent 1px 62px)}.case-card__body{padding:21px 21px 22px;position:relative;z-index:2}.case-card__name{font-family:var(--font-display);font-size:1.15rem;font-weight:900;color:var(--color-text);margin-bottom:4px}.case-card__meta{font-size:.8125rem;color:var(--color-text-muted);font-weight:700;margin-bottom:12px}.case-card__highlight{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:9px 12px;background:var(--color-case-bg);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-case);font-weight:800;line-height:1.45}.case-card__highlight strong{font-family:var(--font-display);font-size:1rem}.detail-card__header.case-detail__header{padding:34px 36px 0;--case-detail-from:var(--color-case);--case-detail-to:#8b2856;--case-detail-glow:rgba(186,59,114,0.26)}.case-detail__hero{min-height:216px;padding:37px 28px 33px;background:linear-gradient(135deg,var(--case-detail-from),var(--case-detail-to));border-radius:18px;color:var(--color-white);text-align:center;position:relative;overflow:hidden;-webkit-box-shadow:0 22px 48px var(--case-detail-glow);box-shadow:0 22px 48px var(--case-detail-glow);isolation:isolate}.case-detail__hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 22% 18%,rgba(255,255,252,.18),transparent 32%),radial-gradient(circle at 78% 0,rgba(255,255,252,.1),transparent 28%)}.case-detail__hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(255,255,252,.08) 1px,transparent 1px 76px);opacity:.42}.case-detail__name{font-family:var(--font-display);font-size:2rem;font-weight:900;line-height:1.2;margin-bottom:7px;color:var(--color-white);position:relative}.case-detail__basic{font-size:.9375rem;opacity:.86;margin-bottom:18px;font-weight:700;position:relative}.case-detail__header .case-detail__meta{font-size:.95rem;color:rgba(255,255,252,.92);font-weight:800;margin-bottom:19px;text-align:center}.case-detail__score-change{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:11px;min-height:60px;padding:12px 24px;background:rgba(255,255,252,.17);border:1px solid rgba(255,255,252,.24);border-radius:var(--radius-full);font-size:1.24rem;font-weight:900;line-height:1;position:relative;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,252,.18);box-shadow:inset 0 1px 0 rgba(255,255,252,.18);backdrop-filter:blur(8px)}.case-detail__score-change .arrow{font-size:1.5rem;color:var(--color-accent-light)}.case-detail__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.case-detail__stat{min-height:94px;padding:18px 16px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,252,.98)),to(rgba(255,255,252,.92)));background:linear-gradient(180deg,rgba(255,255,252,.98),rgba(255,255,252,.92));border:1px solid rgba(208,210,228,.78);border-radius:8px;text-align:center;-webkit-box-shadow:0 8px 18px rgba(18,22,79,.06);box-shadow:0 8px 18px rgba(18,22,79,.06);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.case-detail__stat-value{display:block;font-family:var(--font-display);font-size:1.48rem;font-weight:900;color:var(--color-primary);line-height:1.15}.case-detail__stat-label{display:block;font-size:.75rem;color:var(--color-text-muted);font-weight:800;margin-top:7px}.case-detail__stat--change .case-detail__stat-value{color:var(--case-detail-from)}.case-detail__info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 14px}.case-detail__info-item{min-height:84px;padding:17px 18px;background:-webkit-gradient(linear,left top,left bottom,from(#f9faff),to(rgba(255,255,252,.96)));background:linear-gradient(180deg,#f9faff,rgba(255,255,252,.96));border:1px solid rgba(208,214,235,.86);border-radius:8px;-webkit-box-shadow:0 7px 18px rgba(18,22,79,.035);box-shadow:0 7px 18px rgba(18,22,79,.035);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:7px}.case-detail__info-item--wide{grid-column:1/-1;min-height:82px}.case-detail__info-label{font-size:.78rem;color:#8d91a6;font-weight:800;line-height:1.2}.case-detail__info-value{font-size:1.05rem;color:#17182f;font-weight:900;line-height:1.55;word-break:break-word}.case-detail__info-value--danger{color:#d81b60}@media(max-width:1199px){.case-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.case-grid,.grade-grid{grid-template-columns:repeat(2,1fr)}.grade-card{padding:26px 16px 34px}.case-card__image{height:184px}.detail-card__header.case-detail__header{padding:24px 18px 0}.case-detail__hero{min-height:0;padding:30px 16px 28px;border-radius:var(--radius-lg)}.case-detail__name{font-size:1.55rem}.case-detail__stats{grid-template-columns:repeat(2,1fr)}.case-detail__score-change{width:100%;min-height:52px;font-size:1rem;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--radius-md)}.case-detail__info-grid{grid-template-columns:1fr;gap:12px}.case-detail__info-item{min-height:76px;padding:15px}}@media(max-width:480px){.case-detail__stats,.case-grid,.grade-grid{grid-template-columns:1fr}.detail-card__header.case-detail__header{padding:20px 14px 0}}.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grade-card{background:-webkit-gradient(linear,left top,left bottom,from(var(--color-surface)),to(rgba(255,255,252,.92)));background:linear-gradient(180deg,var(--color-surface),rgba(255,255,252,.92));border-radius:var(--radius-xl);padding:34px 24px;text-align:center;border:1px solid rgba(224,226,240,.88);-webkit-transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);cursor:pointer;position:relative;overflow:hidden;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card)}.grade-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0),rgba(97,66,166,.15),transparent 34%);opacity:0;-webkit-transition:opacity var(--transition-base);transition:opacity var(--transition-base)}.grade-card:after{content:"查看速记";position:absolute;left:50%;bottom:18px;-webkit-transform:translate(-50%,8px);transform:translate(-50%,8px);font-size:.75rem;font-weight:800;color:var(--color-shorthand);opacity:0;-webkit-transition:opacity var(--transition-base),-webkit-transform var(--transition-base);transition:opacity var(--transition-base),-webkit-transform var(--transition-base);transition:opacity var(--transition-base),transform var(--transition-base);transition:opacity var(--transition-base),transform var(--transition-base),-webkit-transform var(--transition-base)}.grade-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:var(--shadow-card-hover);box-shadow:var(--shadow-card-hover);border-color:rgba(97,66,166,.26)}.grade-card:hover:before{opacity:1}.grade-card:hover:after{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}.grade-card__icon{width:66px;height:66px;border-radius:var(--radius-lg);background:var(--color-shorthand-bg);color:var(--color-shorthand);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 18px;font-family:var(--font-display);font-size:1.5rem;font-weight:900;position:relative;z-index:1;-webkit-transition:background var(--transition-base),color var(--transition-base),-webkit-transform var(--transition-spring);transition:background var(--transition-base),color var(--transition-base),-webkit-transform var(--transition-spring);transition:transform var(--transition-spring),background var(--transition-base),color var(--transition-base);transition:transform var(--transition-spring),background var(--transition-base),color var(--transition-base),-webkit-transform var(--transition-spring)}.grade-card:hover .grade-card__icon{background:var(--color-shorthand);color:var(--color-white);-webkit-transform:translateY(-3px) scale(1.06);transform:translateY(-3px) scale(1.06)}.grade-card__name{font-family:var(--font-display);font-size:1.25rem;font-weight:900;color:var(--color-text);margin-bottom:7px;position:relative;z-index:1}.grade-card__count{font-size:.8125rem;color:var(--color-text-muted);font-weight:700;position:relative;z-index:1;margin-bottom:12px}.shorthand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.shorthand-card{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);border:1px solid rgba(224,226,240,.86);-webkit-transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);cursor:pointer;position:relative}.shorthand-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0),rgba(97,66,166,.14),transparent 32%);opacity:0;-webkit-transition:opacity var(--transition-base);transition:opacity var(--transition-base);z-index:1;pointer-events:none}.shorthand-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow:var(--shadow-card-hover);box-shadow:var(--shadow-card-hover);border-color:rgba(97,66,166,.26)}.shorthand-card:hover:before{opacity:1}.shorthand-card__image{width:100%;height:204px;background:linear-gradient(135deg,var(--color-shorthand-bg),#d8c8f3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-display);font-size:3rem;font-weight:900;color:rgba(97,66,166,.52);position:relative;overflow:hidden}.shorthand-card__image:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(97,66,166,.1) 1px,transparent 1px 62px)}.shorthand-card__body{padding:21px 21px 22px;position:relative;z-index:2}.shorthand-card__name{font-family:var(--font-display);font-size:1.15rem;font-weight:900;color:var(--color-text);margin-bottom:4px}.shorthand-card__meta{font-size:.8125rem;color:var(--color-text-muted);font-weight:700;margin-bottom:12px}.shorthand-card__speed{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:9px 12px;background:var(--color-shorthand-bg);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-shorthand);font-weight:800}.shorthand-detail__photo{width:100%;max-width:320px;border-radius:var(--radius-xl);overflow:hidden;margin:0 auto 26px;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);border:1px solid rgba(224,226,240,.82)}.shorthand-detail__photo-placeholder{aspect-ratio:3/4;background:linear-gradient(135deg,var(--color-shorthand-bg),#d8c8f3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--font-display);font-size:5rem;font-weight:900;color:rgba(97,66,166,.55)}.shorthand-detail__name{font-family:var(--font-display);font-size:1.85rem;font-weight:900;color:var(--color-text);text-align:center;margin-bottom:4px}.shorthand-detail__meta{text-align:center;color:var(--color-text-muted);font-size:.9375rem;font-weight:700;margin-bottom:24px}.shorthand-detail__speed-badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:11px 24px;background:linear-gradient(135deg,var(--color-shorthand),#7b5bc2);color:var(--color-white);border-radius:var(--radius-full);font-weight:900;font-size:1.0625rem;margin-bottom:24px;-webkit-box-shadow:0 14px 30px rgba(97,66,166,.22);box-shadow:0 14px 30px rgba(97,66,166,.22)}.shorthand-detail__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:34px}.shorthand-detail__stat{padding:17px;background:var(--color-shorthand-bg);border:1px solid rgba(97,66,166,.1);border-radius:var(--radius-md);text-align:center}.shorthand-detail__stat-value{display:block;font-family:var(--font-display);font-size:1.25rem;font-weight:900;color:var(--color-shorthand)}.shorthand-detail__stat-label{display:block;font-size:.75rem;color:var(--color-text-muted);font-weight:700;margin-top:4px}.doc-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:14px 18px;background:-webkit-gradient(linear,left top,left bottom,from(var(--color-shorthand-bg)),to(rgba(255,255,252,.88)));background:linear-gradient(180deg,var(--color-shorthand-bg),rgba(255,255,252,.88));border:1px solid rgba(97,66,166,.1);border-radius:var(--radius-md);cursor:pointer;-webkit-transition:background var(--transition-fast),border-color var(--transition-fast),-webkit-transform var(--transition-fast);transition:background var(--transition-fast),border-color var(--transition-fast),-webkit-transform var(--transition-fast);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),-webkit-transform var(--transition-fast);position:relative;overflow:hidden}.doc-link:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0),rgba(97,66,166,.13),transparent 36%);opacity:0;-webkit-transition:opacity var(--transition-base);transition:opacity var(--transition-base)}.doc-link:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);background:var(--color-shorthand-bg);border-color:rgba(97,66,166,.18)}.doc-link:hover:before{opacity:1}.doc-link__icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--color-shorthand);color:var(--color-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;font-size:.75rem;font-weight:900;position:relative;z-index:1}.doc-link__name{font-size:.9375rem;font-weight:800;color:var(--color-shorthand);position:relative;z-index:1}@media(max-width:1199px){.shorthand-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.grade-grid,.shorthand-grid{grid-template-columns:repeat(2,1fr)}.grade-card{padding:26px 16px 34px}.shorthand-card__image{height:184px}.shorthand-detail__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grade-grid,.shorthand-detail__stats,.shorthand-grid{grid-template-columns:1fr}}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,252,.96);border-bottom:1px solid rgba(224,226,240,.78);-webkit-transition:background var(--transition-base),-webkit-box-shadow var(--transition-base);transition:background var(--transition-base),-webkit-box-shadow var(--transition-base);transition:box-shadow var(--transition-base),background var(--transition-base);transition:box-shadow var(--transition-base),background var(--transition-base),-webkit-box-shadow var(--transition-base)}.site-header__inner{height:var(--header-height);gap:32px}.site-header__brand,.site-header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.site-header__brand{gap:10px;-ms-flex-negative:0;flex-shrink:0}.site-header__mark{width:38px;height:38px;border-radius:var(--radius-md);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.site-header__mark img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.site-header__brand span:last-child{font-family:var(--font-display);font-size:1.25rem;font-weight:900;color:var(--color-primary)}.site-header__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.site-header__nav-link{padding:8px 15px;border-radius:var(--radius-full);font-size:.9375rem;font-weight:700;color:var(--color-text-secondary);white-space:nowrap;-webkit-transition:background var(--transition-fast),color var(--transition-fast),-webkit-transform var(--transition-fast);transition:background var(--transition-fast),color var(--transition-fast),-webkit-transform var(--transition-fast);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),-webkit-transform var(--transition-fast)}.site-header__nav-link:hover{color:var(--color-primary);background:var(--color-primary-bg-light);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.site-header__nav-link--active{color:var(--color-primary);background:var(--color-primary-bg);font-weight:800}.site-header__menu-toggle{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;padding:8px;width:42px;height:42px;border-radius:var(--radius-md);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}.site-header__menu-toggle:hover{background:var(--color-primary-bg-light)}.site-header__menu-toggle span{display:block;width:20px;height:2px;background:var(--color-primary);border-radius:1px;-webkit-transition:all var(--transition-base);transition:all var(--transition-base)}.site-header__menu-toggle--open span:first-child{-webkit-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px)}.site-header__menu-toggle--open span:nth-child(2){opacity:0}.site-header__menu-toggle--open span:nth-child(3){-webkit-transform:rotate(-45deg) translate(5px,-5px);transform:rotate(-45deg) translate(5px,-5px)}.hero{position:relative;min-height:72vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;background:var(--color-primary-ink);isolation:isolate}.hero__bg{z-index:-3;background-image:-webkit-gradient(linear,left top,right top,from(rgba(13,16,58,.86)),color-stop(42%,rgba(18,22,79,.76)),color-stop(70%,rgba(18,22,79,.38)),to(rgba(18,22,79,.22))),url(../../static/img/home-hero-learning-studio.83e611c5.jpg);background-image:linear-gradient(90deg,rgba(13,16,58,.86),rgba(18,22,79,.76) 42%,rgba(18,22,79,.38) 70%,rgba(18,22,79,.22)),url(../../static/img/home-hero-learning-studio.83e611c5.jpg);background-size:cover;background-position:50%}.hero__bg,.hero__pattern{position:absolute;inset:0}.hero__pattern{z-index:-2;opacity:.18;background-image:linear-gradient(120deg,rgba(255,255,252,.16) 1px,transparent 1px 92px),linear-gradient(180deg,transparent,rgba(11,13,31,.34))}.hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:72px;background:linear-gradient(176deg,transparent 48%,var(--color-bg) 49% 100%);z-index:-1}.hero__content{position:relative;z-index:2;padding-top:82px;padding-bottom:96px;color:var(--color-white)}.hero__tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:7px 18px;border-radius:var(--radius-full);background:rgba(255,255,252,.1);color:rgba(255,255,252,.92);font-size:.8125rem;font-weight:800;letter-spacing:0;border:1px solid rgba(255,255,252,.16);margin-bottom:30px}.hero__tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-accent-light);-webkit-box-shadow:0 0 0 5px rgba(201,150,61,.15);box-shadow:0 0 0 5px rgba(201,150,61,.15);-webkit-animation:pulse 2.2s var(--ease-out-quart) infinite;animation:pulse 2.2s var(--ease-out-quart) infinite}@-webkit-keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.58;-webkit-transform:scale(1.12);transform:scale(1.12)}}@keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.58;-webkit-transform:scale(1.12);transform:scale(1.12)}}.hero__title{font-family:var(--font-display);font-size:4rem;font-weight:900;color:var(--color-white);line-height:1.12;margin-bottom:22px;letter-spacing:0;max-width:680px}.hero__subtitle{font-size:1.125rem;color:rgba(255,255,252,.76);max-width:560px;line-height:1.78;margin-bottom:42px}.hero__stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;border:1px solid rgba(255,255,252,.14);background:rgba(10,13,44,.28);border-radius:var(--radius-xl);overflow:hidden;-webkit-box-shadow:0 20px 50px rgba(7,9,31,.22);box-shadow:0 20px 50px rgba(7,9,31,.22)}.hero__stat{text-align:left;padding:18px 28px}.hero__stat:first-child{padding-left:28px}.hero__stat-number{display:block;font-family:var(--font-display);font-size:2.25rem;font-weight:900;color:var(--color-accent-light);line-height:1}.hero__stat-label{display:block;font-size:.8125rem;color:rgba(255,255,252,.62);margin-top:7px;font-weight:700}.hero__stat-divider{width:1px;height:48px;background:rgba(255,255,252,.12)}.hero__scroll-hint{position:absolute;bottom:34px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;color:rgba(255,255,252,.52);font-size:.75rem;font-weight:700;-webkit-animation:bounce 2.2s var(--ease-out-quart) infinite;animation:bounce 2.2s var(--ease-out-quart) infinite;z-index:2}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}50%{-webkit-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}}@keyframes bounce{0%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}50%{-webkit-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}}.module-section{background:transparent;position:relative}.module-section.section--lg{padding-top:44px}.modules__header{text-align:center;margin-bottom:50px}.modules__title{font-family:var(--font-display);font-size:2.25rem;font-weight:900;color:var(--color-text);margin-bottom:12px;letter-spacing:0}.modules__subtitle{font-size:1rem;color:var(--color-text-muted)}.modules__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.module-card{--module-color:var(--color-primary);--module-bg:var(--color-primary-bg);--module-glow:rgba(34,38,129,0.14);--module-border-hover:rgba(34,38,129,0.24);background:-webkit-gradient(linear,left top,left bottom,from(var(--color-surface)),to(rgba(255,255,252,.92)));background:linear-gradient(180deg,var(--color-surface),rgba(255,255,252,.92));border-radius:var(--radius-xl);padding:34px 28px;border:1px solid rgba(224,226,240,.86);-webkit-transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),-webkit-transform var(--transition-base),-webkit-box-shadow var(--transition-base);position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:250px;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card)}.module-card--teacher{--module-color:var(--color-teacher);--module-bg:var(--color-teacher-bg);--module-glow:rgba(47,85,151,0.16);--module-border-hover:rgba(47,85,151,0.26)}.module-card--planner{--module-color:var(--color-planner);--module-bg:var(--color-planner-bg);--module-glow:rgba(36,119,168,0.15);--module-border-hover:rgba(36,119,168,0.28)}.module-card--supervisor{--module-color:var(--color-supervisor);--module-bg:var(--color-supervisor-bg);--module-glow:rgba(169,120,18,0.15);--module-border-hover:rgba(169,120,18,0.3)}.module-card--activity{--module-color:var(--color-activity);--module-bg:var(--color-activity-bg);--module-glow:rgba(47,125,91,0.15);--module-border-hover:rgba(47,125,91,0.28)}.module-card--case{--module-color:var(--color-case);--module-bg:var(--color-case-bg);--module-glow:rgba(186,59,114,0.15);--module-border-hover:rgba(186,59,114,0.28)}.module-card--shorthand{--module-color:var(--color-shorthand);--module-bg:var(--color-shorthand-bg);--module-glow:rgba(97,66,166,0.15);--module-border-hover:rgba(97,66,166,0.28)}.module-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,0),var(--module-glow),transparent 34%);opacity:0;-webkit-transition:opacity var(--transition-base);transition:opacity var(--transition-base)}.module-card:after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:3px;border-radius:var(--radius-full) var(--radius-full) 0 0;background:-webkit-gradient(linear,left top,right top,from(var(--module-color)),to(var(--color-accent)));background:linear-gradient(90deg,var(--module-color),var(--color-accent));-webkit-transform:scaleX(.25);transform:scaleX(.25);-webkit-transform-origin:left;transform-origin:left;opacity:.55;-webkit-transition:opacity var(--transition-base),-webkit-transform var(--transition-slow);transition:opacity var(--transition-base),-webkit-transform var(--transition-slow);transition:transform var(--transition-slow),opacity var(--transition-base);transition:transform var(--transition-slow),opacity var(--transition-base),-webkit-transform var(--transition-slow)}.module-card:hover{-webkit-transform:translateY(-7px);transform:translateY(-7px);-webkit-box-shadow:var(--shadow-card-hover);box-shadow:var(--shadow-card-hover);border-color:var(--module-border-hover)}.module-card:hover:before{opacity:1}.module-card:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.module-card__icon{width:58px;height:58px;border-radius:var(--radius-lg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:24px;-webkit-transition:background var(--transition-base),color var(--transition-base),-webkit-transform var(--transition-spring);transition:background var(--transition-base),color var(--transition-base),-webkit-transform var(--transition-spring);transition:transform var(--transition-spring),background var(--transition-base),color var(--transition-base);transition:transform var(--transition-spring),background var(--transition-base),color var(--transition-base),-webkit-transform var(--transition-spring);position:relative;z-index:1;background:var(--module-bg);color:var(--module-color)}.module-card__icon svg{width:36px;height:36px;display:block}.module-card:hover .module-card__icon{-webkit-transform:translateY(-2px) scale(1.06);transform:translateY(-2px) scale(1.06);background:var(--module-color);color:var(--color-white)}.module-card__title{font-family:var(--font-display);font-size:1.25rem;font-weight:900;color:var(--color-text);margin-bottom:9px;position:relative;z-index:1}.module-card__desc{font-size:.875rem;color:var(--color-text-muted);line-height:1.7;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-bottom:18px;position:relative;z-index:1}.module-card__arrow{font-size:.8125rem;font-weight:800;color:var(--module-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;-webkit-transition:gap var(--transition-fast),-webkit-transform var(--transition-fast);transition:gap var(--transition-fast),-webkit-transform var(--transition-fast);transition:gap var(--transition-fast),transform var(--transition-fast);transition:gap var(--transition-fast),transform var(--transition-fast),-webkit-transform var(--transition-fast);position:relative;z-index:1}.module-card:hover .module-card__arrow{gap:8px;-webkit-transform:translateX(2px);transform:translateX(2px)}.features{background:var(--color-paper);position:relative}.features:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(var(--color-border)),to(transparent));background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.features__inner{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(224,226,240,.82);border-radius:var(--radius-xl);overflow:hidden;background:var(--color-surface);-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card)}.feature-item{text-align:left;padding:34px 32px;position:relative}.feature-item:not(:last-child){border-right:1px solid var(--color-border-light)}.feature-item__number{font-family:var(--font-display);font-size:2.75rem;font-weight:900;color:rgba(34,38,129,.1);line-height:1;margin-bottom:18px;-webkit-transition:color var(--transition-base),-webkit-transform var(--transition-base);transition:color var(--transition-base),-webkit-transform var(--transition-base);transition:color var(--transition-base),transform var(--transition-base);transition:color var(--transition-base),transform var(--transition-base),-webkit-transform var(--transition-base)}.feature-item:hover .feature-item__number{color:rgba(201,150,61,.38);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.feature-item__title{font-family:var(--font-display);font-size:1.25rem;font-weight:900;color:var(--color-text);margin-bottom:10px}.feature-item__desc{font-size:.9375rem;color:var(--color-text-muted);line-height:1.75}@media(max-width:1024px){.site-header__nav-link{padding:8px 10px}.hero__title{font-size:3.25rem}.modules__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.site-header__nav{position:fixed;top:var(--header-height-mobile);left:0;right:0;bottom:0;background:var(--color-white);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:18px;gap:6px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform var(--transition-base);transition:-webkit-transform var(--transition-base);transition:transform var(--transition-base);transition:transform var(--transition-base),-webkit-transform var(--transition-base);z-index:99;-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.site-header__nav--open{-webkit-transform:translateX(0);transform:translateX(0)}.site-header__nav-link{padding:14px 18px;border-radius:var(--radius-md);font-size:1rem}.site-header__menu-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto}.site-header__inner{height:var(--header-height-mobile);gap:16px}.hero{min-height:auto}.hero__bg{background-position:58%}.hero__content{padding-top:66px;padding-bottom:70px}.hero__title{font-size:2.6rem}.hero__subtitle{font-size:1rem}.hero__stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.hero__stat{text-align:center;padding:14px 10px}.hero__stat:first-child{padding-left:10px}.hero__stat-number{font-size:2rem}.hero__stat-label{font-size:.75rem}.hero__stat-divider{display:none}.module-section.section--lg{padding-top:34px}.modules__grid{grid-template-columns:1fr}.module-card{min-height:auto;padding:28px 24px}.features__inner{grid-template-columns:1fr}.feature-item:not(:last-child){border-right:0;border-bottom:1px solid var(--color-border-light)}}@media(max-width:480px){.site-header__brand span:last-child{font-size:1.125rem}.hero__title{font-size:2.25rem}.hero__scroll-hint{display:none}}.page-message{padding:80px 20px;text-align:center;color:var(--color-text-muted)}.page-message h2{font-family:var(--font-display);font-size:1.8rem;color:var(--color-text);margin-bottom:12px}.image-fill{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.placeholder-letter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-family:var(--font-display);font-weight:900}.staff-card--planner .staff-card__image{background:linear-gradient(135deg,var(--color-planner-bg),#d9edf7)}.staff-card--planner .staff-card__tag{background:var(--color-planner-bg);color:var(--color-planner);border-color:rgba(36,119,168,.1)}.staff-card--supervisor .staff-card__image{background:linear-gradient(135deg,var(--color-supervisor-bg),#ffe8a3)}.staff-card--supervisor .staff-card__tag{background:var(--color-supervisor-bg);color:var(--color-supervisor);border-color:rgba(169,120,18,.12)}.staff-detail--planner .staff-detail__placeholder{background:linear-gradient(135deg,var(--color-planner-bg),#d9edf7);color:rgba(36,119,168,.55)}.staff-detail--planner .staff-detail__stat{background:var(--color-planner-bg);border-color:rgba(36,119,168,.1)}.staff-detail--planner .staff-detail__stat-value{color:var(--color-planner)}.staff-detail--supervisor .staff-detail__placeholder{background:linear-gradient(135deg,var(--color-supervisor-bg),#ffe8a3);color:rgba(169,120,18,.55)}.staff-detail--supervisor .staff-detail__stat{background:var(--color-supervisor-bg);border-color:rgba(169,120,18,.12)}.staff-detail--supervisor .staff-detail__stat-value{color:var(--color-supervisor)}.case-card__school{font-size:.8125rem;margin-bottom:12px}.case-card__school,.case-detail__meta{color:var(--color-text-muted);font-weight:700}.case-detail__meta{text-align:center;font-size:.9375rem;margin-bottom:18px}@media(max-width:1199px){.container{max-width:960px;padding:0 28px}.page-header{padding:50px 0 46px}.module-section{padding:66px 0 74px}.activity-grid,.case-grid,.grade-grid,.modules__grid,.shorthand-grid,.subject-grid,.teacher-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.hero{min-height:640px;padding:0}.hero__content{width:100%;padding-top:78px;padding-bottom:88px}.hero__title{font-size:4.2rem}.hero__stat{min-width:136px}.site-header__nav{max-width:680px}}@media(min-width:768px) and (max-width:1024px){.site-header__inner{height:auto;min-height:64px;padding-top:12px;padding-bottom:12px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.site-header__nav{width:100%;max-width:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-bottom:2px;overflow-x:auto;scrollbar-width:none}.site-header__nav::-webkit-scrollbar{display:none}.site-header__nav-link{min-height:38px;padding:8px 14px;background:rgba(34,38,129,.04)}.hero{min-height:560px;padding:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.hero__content{padding-top:64px;padding-bottom:78px}.hero__title{font-size:3.45rem;line-height:1.08}.hero__subtitle{max-width:620px;font-size:1rem;line-height:1.8}.hero__stats{width:100%}.hero__stat{-webkit-box-flex:1;-ms-flex:1 1 160px;flex:1 1 160px;min-width:0}.module-card{min-height:230px;padding:28px 24px}.module-card__icon{width:54px;height:54px;margin-bottom:18px}.detail-card__header{padding:32px 30px 0}.detail-card__body{padding:30px}.detail-stats,.teacher-detail__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-stat,.teacher-detail__stat{min-width:0}.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){html{font-size:15px}.container{max-width:none;padding:0 18px}.site-header{position:sticky;top:0}.site-header__inner{height:var(--header-height-mobile);gap:10px}.site-header__brand{gap:9px}.site-header__mark{width:32px;height:32px;-webkit-box-flex:0;-ms-flex:0 0 32px;flex:0 0 32px}.site-header__brand span:last-child{font-size:1.1rem}.hero{min-height:auto;padding:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.hero__bg{background-position:50%;background-size:cover}.hero__content{width:100%;padding-top:54px;padding-bottom:64px}.hero__tag{min-height:28px;margin-bottom:18px;font-size:.78rem}.hero__title{font-size:2.65rem;line-height:1.1;margin-bottom:18px}.hero__subtitle{font-size:.98rem;line-height:1.76;margin-bottom:28px}.hero__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;border:0;background:transparent;-webkit-box-shadow:none;box-shadow:none}.hero__stat{min-width:0;padding:14px;border-radius:var(--radius-md);background:rgba(255,255,252,.12);border:1px solid rgba(255,255,252,.18)}.hero__stat:first-child{padding-left:14px}.hero__stat-number{font-size:1.55rem}.hero__stat-label{font-size:.78rem;line-height:1.35}.hero__stat-divider{display:none}.btn--lg{width:100%;min-height:48px;padding:13px 22px}.module-section{padding:48px 0 56px}.modules__header{margin-bottom:26px;text-align:left}.modules__title{font-size:1.55rem}.modules__subtitle{font-size:.88rem}.activity-grid,.case-grid,.grade-grid,.modules__grid,.shorthand-grid,.subject-grid,.teacher-grid{grid-template-columns:1fr;gap:16px}.grade-card,.module-card,.subject-card{min-height:auto;padding:22px 18px;text-align:left;border-radius:var(--radius-lg)}.grade-card__icon,.module-card__icon,.subject-card__icon{width:48px;height:48px;margin:0 0 16px;font-size:1.15rem;border-radius:var(--radius-md)}.grade-card__name,.module-card__title,.subject-card__name{font-size:1.08rem}.grade-card:after,.subject-card:after{display:none}.activity-card,.case-card,.shorthand-card,.teacher-card{border-radius:var(--radius-lg)}.activity-card__cover,.case-card__image,.shorthand-card__image,.teacher-card__image{height:auto;min-height:170px;aspect-ratio:16/10}.activity-card__body,.case-card__body,.shorthand-card__body,.teacher-card__body{padding:18px}.activity-card__title,.case-card__name,.shorthand-card__name,.teacher-card__name{font-size:1.08rem}.page-header{padding:58px 18px 32px;text-align:left}.page-header__title{font-size:1.48rem;line-height:1.28;word-break:break-word}.page-header__subtitle{font-size:.86rem;line-height:1.55}.page-header__back{top:12px;left:12px;-webkit-transform:none;transform:none;font-size:.84rem;background:rgba(255,255,252,.1)}.page-header__back:hover{-webkit-transform:translateX(-2px);transform:translateX(-2px)}.section{padding:34px 0}.section--lg{padding:48px 0}.detail-page{padding:22px 0 42px}.detail-card{border-radius:var(--radius-lg);-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card)}.detail-card__header{padding:24px 18px 0}.detail-card__body{padding:22px 18px 24px}.detail-card__section{margin-bottom:26px}.detail-card__section-title{font-size:1.05rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.case-detail__stats,.info-grid,.shorthand-detail__stats{grid-template-columns:1fr;gap:12px}.info-item{padding:14px 15px}.detail-photo,.shorthand-detail__photo,.teacher-detail__photo{max-width:min(260px,78vw);margin-bottom:22px}.case-detail__name,.detail-name,.shorthand-detail__name,.teacher-detail__name{font-size:1.45rem}.case-detail__meta,.detail-role,.shorthand-detail__meta,.teacher-detail__role{font-size:.9rem;line-height:1.55}.detail-stats,.teacher-detail__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}.detail-stat,.teacher-detail__stat{min-width:0;padding:13px 10px}.case-detail__score-change,.shorthand-detail__speed-badge{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--radius-md);font-size:.96rem;line-height:1.45;white-space:normal;text-align:center}.activity-detail__cover{height:auto;min-height:190px;aspect-ratio:16/10;padding:20px;border-radius:var(--radius-lg)}.activity-detail__cover-icon{font-size:2rem}.activity-detail__title{font-size:1.34rem;line-height:1.34}.activity-detail__meta{gap:10px;margin-bottom:20px}.activity-detail__meta-item{border-radius:var(--radius-md);line-height:1.4}.photo-gallery{grid-template-columns:1fr;gap:12px}.doc-download,.doc-link{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:14px;gap:12px}.doc-download{display:grid;grid-template-columns:42px minmax(0,1fr)}.doc-download__name,.doc-link__name{line-height:1.45;word-break:break-word}.doc-download__actions{grid-column:1/-1;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.site-footer{padding:36px 0 0}.site-footer__inner{grid-template-columns:1fr;gap:22px}.site-footer__logo{font-size:1.25rem}.site-footer__bottom{text-align:left;padding:18px 0}.home-back{right:14px;top:14px;min-height:40px;width:40px;padding:0;border-radius:50%;gap:0}.home-back span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.home-back__icon{width:19px;height:19px}}@media(max-width:420px){html{font-size:14px}.container{padding:0 14px}.site-header__inner{padding-top:9px;padding-bottom:9px}.site-header__brand span:last-child{max-width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{padding:0}.hero__content{padding-top:42px;padding-bottom:42px}.hero__title{font-size:2.18rem}.hero__subtitle{font-size:.94rem}.hero__stats{grid-template-columns:1fr}.hero__stat{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px}.hero__stat-label{margin-top:0;text-align:right}.page-header{padding:54px 14px 28px}.page-header__title{font-size:1.36rem}.activity-card__body,.case-card__body,.grade-card,.module-card,.shorthand-card__body,.subject-card,.teacher-card__body{padding:16px}.activity-card__cover,.case-card__image,.shorthand-card__image,.teacher-card__image{min-height:148px}.detail-card__header{padding:20px 14px 0}.detail-card__body{padding:20px 14px 22px}.detail-stats,.teacher-detail__stats{grid-template-columns:1fr}.detail-photo,.shorthand-detail__photo,.teacher-detail__photo{max-width:min(230px,82vw)}.doc-download,.doc-link{border-radius:var(--radius-sm)}.empty-state{padding:56px 14px}}