.header-user[data-v-dd1f017f]{flex-shrink:0;margin-left:24px;position:relative}.header-user-trigger[data-v-dd1f017f]{cursor:pointer;background:#fff9;border:none;border-radius:24px;align-items:center;gap:8px;min-width:0;padding:4px 8px;transition:background .2s;display:flex}.header-user-trigger[data-v-dd1f017f]:hover{background:#ffffffe6}.header-avatar[data-v-dd1f017f]{object-fit:cover;background:#c3cfe273;border-radius:50%;flex-shrink:0;width:32px;height:32px;display:block}.header-username[data-v-dd1f017f]{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:.9rem;font-weight:500;overflow:hidden}.header-user-menu[data-v-dd1f017f]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fffffff2;border:1px solid #ffffffd9;border-radius:12px;min-width:120px;margin-top:8px;padding:8px 0;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.header-user-item[data-v-dd1f017f]{color:var(--text-main);white-space:nowrap;padding:10px 20px;font-size:.95rem;text-decoration:none;transition:background .2s;display:block}.header-user-item[data-v-dd1f017f]:hover{color:var(--primary);background:#2b99e71a}.logout-placeholder[data-v-e19a0e80]{min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:1rem;display:flex}.settings-main[data-v-ee04690f]{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:80px 24px 60px;display:flex}.settings-section[data-v-ee04690f]{width:100%;max-width:480px}.settings-wrapper[data-v-ee04690f]{border-radius:24px;padding:48px 40px;box-shadow:0 12px 48px #1f26871f}.settings-header[data-v-ee04690f]{text-align:center;margin-bottom:36px}.settings-header h1[data-v-ee04690f]{color:#0f172a;margin-bottom:8px;font-size:1.8rem}.settings-header p[data-v-ee04690f]{color:var(--text-muted);font-size:.95rem}.settings-avatar[data-v-ee04690f]{flex-direction:column;align-items:center;margin-bottom:36px;display:flex}.avatar-preview[data-v-ee04690f]{cursor:pointer;background:linear-gradient(45deg, var(--primary), var(--accent));border-radius:50%;width:120px;height:120px;padding:4px;position:relative;overflow:hidden}.avatar-preview:hover .avatar-overlay[data-v-ee04690f]{opacity:1}.avatar-img[data-v-ee04690f]{object-fit:cover;background:#e4e9f2;border-radius:50%;width:100%;height:100%}.avatar-overlay[data-v-ee04690f]{color:#fff;opacity:0;background:#00000080;justify-content:center;align-items:center;font-size:.85rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.avatar-input-hidden[data-v-ee04690f]{display:none}.avatar-hint[data-v-ee04690f]{color:var(--text-muted);margin-top:12px;font-size:.85rem}.settings-form[data-v-ee04690f]{flex-direction:column;gap:20px;display:flex}.settings-form .form-group input[data-v-ee04690f],.settings-form .form-group textarea[data-v-ee04690f]{background:#ffffff80;border:1.5px solid #0000000d;border-radius:12px;width:100%;padding:16px 20px;font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-form .form-group textarea[data-v-ee04690f]{resize:vertical;min-height:100px;padding-top:20px;line-height:1.5}.form-actions .btn[data-v-ee04690f]{justify-content:center;width:100%;padding:16px}@media (width<=768px){.settings-wrapper[data-v-ee04690f]{padding:36px 24px}}.training-docs[data-v-3900f801]{gap:24px;display:grid}@media (width>=769px){.training-docs.has-upload[data-v-3900f801]{grid-template-columns:1fr 1fr}}.training-docs-guest[data-v-3900f801]{text-align:center;color:var(--text-muted);padding:24px}.training-docs-list h3[data-v-3900f801],.training-docs-upload h3[data-v-3900f801]{margin-bottom:12px;font-size:1.1rem}.training-docs-loading[data-v-3900f801],.training-docs-empty[data-v-3900f801]{text-align:center;color:var(--text-muted);padding:24px}.res-actions[data-v-3900f801]{align-items:center;gap:8px;display:flex}.edit-title-input[data-v-3900f801]{border:1px solid #0000001a;border-radius:8px;width:100%;padding:8px 10px;font-size:.9rem}.edit-error[data-v-3900f801]{color:#dc2626;margin-top:4px;font-size:.8rem}.name-hint[data-v-3900f801]{color:var(--text-muted);margin-top:4px;font-size:.8rem}.btn.text-only[data-v-3900f801]{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:.8rem}.btn.text-only.danger[data-v-3900f801]{color:#dc2626}.upload-form[data-v-3900f801]{flex-direction:column;gap:16px;display:flex}.upload-title-input[data-v-3900f801]{border:1px solid #0000001a;border-radius:10px;width:100%;padding:12px 16px;font-size:.95rem}.upload-error[data-v-3900f801]{color:#dc2626;font-size:.9rem}.avatar-input-hidden[data-v-3900f801]{display:none}.members-hint[data-v-b8ee0fcb]{text-align:center;color:var(--text-muted);padding:24px}@media (pointer:fine){body,body *,a,button,[role=button],input[type=submit],input[type=button],.btn,.dept-link,.nav-link,#sidebar-toggle{cursor:none!important}input,textarea,select,[contenteditable=true]{cursor:text!important}}.custom-cursor{pointer-events:none;z-index:99999;width:100%;height:100%;position:fixed;top:0;left:0}.custom-cursor-dot{background:var(--primary,#2b99e7);width:16px;height:16px;box-shadow:0 0 14px var(--primary,#2b99e7);pointer-events:none;border-radius:50%;transition:transform .15s ease-out,width .2s,height .2s,background .3s,box-shadow .3s,border-color .3s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor-ring{border:2.5px solid var(--primary,#2b99e7);opacity:.6;pointer-events:none;border-radius:50%;width:52px;height:52px;transition:transform 80ms ease-out,width .2s,height .2s,border-color .3s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.hover .custom-cursor-dot{background:linear-gradient(135deg, var(--primary,#2b99e7) 0%, var(--accent,#e8aaf4) 100%);width:22px;height:22px;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 24px #2b99e799,0 0 12px #e8aaf466}.custom-cursor.hover .custom-cursor-ring{opacity:.8;border-style:solid;border-width:3px;border-color:var(--primary,#2b99e7);width:72px;height:72px}.custom-cursor.hidden .custom-cursor-dot,.custom-cursor.hidden .custom-cursor-ring{opacity:0;transform:translate(-50%,-50%)scale(0)}:root{--bg-gradient:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--primary:#2b99e7;--primary-hover:#1a7abf;--accent:#e8aaf4;--text-main:#2d3748;--text-muted:#718096;--glass-bg:#ffffffa6;--glass-border:#fffc;--glass-shadow:0 8px 32px 0 #1f268712;--blur-amt:12px;--radius:16px;--container:1100px;--font-main:"Poppins", "Noto Sans SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}#about,#activities,#members,#contact{scroll-margin-top:100px}body{font-family:var(--font-main);color:var(--text-main);background-color:#e4e9f2;background-image:radial-gradient(at 0 0,#84fab066 0,#0000 50%),radial-gradient(at 100% 0,#8fd3f466 0,#0000 50%),radial-gradient(at 100% 100%,#ffd7f066 0,#0000 50%),radial-gradient(at 0 100%,#d7f4ff66 0,#0000 50%);background-attachment:fixed;line-height:1.6;overflow-x:hidden}#canvas_sakura{z-index:0}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-amt));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.container{max-width:var(--container);z-index:1;margin:0 auto;padding:0 24px;position:relative}.site-header{z-index:100;border-radius:50px;width:90%;max-width:1200px;margin:0 auto;transition:all .3s;position:sticky;top:20px}.header-inner{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.logo{color:#0f172a;letter-spacing:-.5px;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{object-fit:contain;border-radius:8px;width:36px;height:36px}.logo span{color:var(--primary)}.site-nav{justify-content:flex-end;align-items:center;display:flex}.site-nav>.nav-link{color:var(--text-main);margin-left:32px;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s,transform .2s;position:relative}.site-nav>.nav-link:after{content:"";background-color:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.site-nav>.nav-link:hover{color:var(--primary)}.site-nav>.nav-link:active{transform:scale(.96)}.site-nav>.nav-link:hover:after{width:100%}.site-nav>.nav-link.active{color:var(--primary);font-weight:600}.site-nav>.nav-link.active:after{width:100%}.hero{text-align:center;justify-content:center;align-items:center;min-height:92vh;padding:80px 24px 100px;display:flex}.badge{color:var(--primary);background:#2b99e71a;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.hero-scol-link{will-change:transform;background:#2b99e714;border:1px solid #2b99e733;border-radius:50px;align-items:center;gap:12px;margin-bottom:36px;padding:12px 24px 12px 16px;text-decoration:none;transition:transform .75s cubic-bezier(.22,1,.36,1),box-shadow .8s cubic-bezier(.22,1,.36,1),background .6s cubic-bezier(.4,0,.2,1),border-color .6s cubic-bezier(.4,0,.2,1);animation:7s ease-in-out infinite hero-scol-float;display:inline-flex;box-shadow:0 4px 14px #2b99e70f}.hero-scol-label{color:var(--primary);opacity:.85;letter-spacing:.12em;background:#2b99e71f;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.hero-scol-name{color:var(--primary);letter-spacing:.05em;font-size:1.1rem;font-weight:700}.hero-scol-icon{color:var(--primary);opacity:.7;font-size:1.2rem;transition:transform .5s cubic-bezier(.22,1,.36,1)}.hero-scol-link:hover{background:#2b99e724;border-color:#2b99e759;animation:none;transform:translateY(-5px)scale(1.015);box-shadow:0 8px 24px #2b99e729}.hero-scol-link:hover .hero-scol-icon{transform:translate(3px)}.hero-scol-link:active{transform:translateY(-3px)scale(1.008);box-shadow:0 6px 18px #2b99e71f}@keyframes hero-scol-float{0%,to{transform:translateY(0)scale(1);box-shadow:0 4px 14px #2b99e70f}50%{transform:translateY(-4px)scale(1.01);box-shadow:0 6px 18px #2b99e71a}}.hero h1{letter-spacing:-.02em;margin-bottom:32px;font-size:4.5rem;font-weight:800;line-height:1.15}.hero h1 .highlight{background:linear-gradient(120deg,#84fab0 0%,#8fd3f4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block;position:relative}.hero .lead{color:var(--text-muted);max-width:640px;margin:0 auto 48px;font-size:1.35rem;line-height:1.7}.hero-cta{justify-content:center;gap:24px;display:flex}.btn{border-radius:14px;align-items:center;padding:14px 36px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #2b99e74d}.btn.primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2b99e766}.btn.ghost{color:var(--text-main);background:0 0;border:1px solid #0000001a}.btn.ghost:hover{border-color:var(--primary);color:var(--primary)}#sidebar{z-index:90;border-radius:24px;width:200px;padding:24px 16px;transition:width .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1),background .3s;position:fixed;top:50%;right:24px;overflow:hidden;transform:translateY(-50%)}#sidebar.sidebar-collapsed{width:72px;padding:24px 0}#sidebar-toggle{cursor:pointer;width:48px;height:48px;color:var(--primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:1.75rem;font-weight:700;transition:transform .3s;display:flex;box-shadow:0 4px 14px #0000001f}#sidebar-toggle:hover{transform:scale(1.1)}#department{opacity:1;flex-direction:column;gap:18px;transition:opacity .3s;display:flex}#sidebar.sidebar-collapsed #department h2{display:none}#sidebar h2{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:.95rem}.dept-link{text-align:center;color:var(--text-main);white-space:nowrap;background:#ffffff80;border-radius:12px;padding:12px 14px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .25s,color .25s,transform .2s;display:block}.dept-link:hover,.dept-link.active{background:var(--primary);color:#fff}#sidebar.sidebar-collapsed .dept-link{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto;padding:0;font-size:.9rem;transition:width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1),padding .35s,border-radius .35s;display:flex}.section{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{color:#0f172a;margin-bottom:10px;font-size:2.5rem}.section-header p{color:var(--text-muted);font-size:1.1rem}.grid{gap:30px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{border-radius:var(--radius);flex-direction:column;align-items:flex-start;padding:40px 30px;transition:transform .3s,box-shadow .3s;display:flex}.card:hover{background:#fffc;transform:translateY(-10px);box-shadow:0 20px 40px #00000014}.card-icon{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:3rem;display:flex}.card h3{margin-bottom:12px;font-size:1.4rem}.member{text-align:center;border-radius:var(--radius);flex-direction:column;align-items:center;padding:30px;transition:transform .3s;display:flex}.member:hover{transform:translateY(-5px)}.avatar-box{background:linear-gradient(45deg, var(--primary), var(--accent));border-radius:50%;width:100px;height:100px;margin-bottom:20px;padding:5px}.avatar{object-fit:cover;background:#e4e9f2;border-radius:50%;width:100%;height:100%;display:block}.member figcaption strong{margin-bottom:4px;font-size:1.1rem;display:block}.member figcaption span{color:var(--primary);background:#2b99e71a;border-radius:20px;padding:4px 12px;font-size:.9rem}#contact.section{padding-top:140px}.contact-wrapper{border-radius:30px;grid-template-columns:1fr 1.5fr;align-items:center;gap:50px;padding:60px;display:grid}.contact-text h2{margin-bottom:15px;font-size:2rem}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{position:relative}.form-group input{background:#ffffff80;border:2px solid #0000000d;border-radius:12px;outline:none;width:100%;padding:15px 20px;font-size:1rem;transition:all .3s}.form-group input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #2b99e71a}.form-group label{color:#999;pointer-events:none;transition:all .3s;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{color:var(--primary);background:#fff;border-radius:4px;padding:0 5px;font-size:.8rem;top:-10px;left:10px}.site-footer{border-top:1px solid #ffffff4d;margin-top:100px;padding:50px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-right a{color:var(--text-main);margin-left:20px;text-decoration:none;transition:color .2s}.footer-right a:hover{color:var(--primary)}.scroll-hidden{opacity:0;filter:blur(5px);transition:all 1s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.scroll-hidden.show{opacity:1;filter:blur();transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@media (width<=768px){.hero{padding:100px 20px 80px}.hero h1{font-size:2.4rem}.hero .lead{font-size:1.1rem}.hero-scol-link{gap:10px;padding:10px 18px 10px 14px}.hero-scol-label{padding:3px 8px;font-size:.7rem}.hero-scol-name{font-size:1rem}.section{padding:60px 0}#contact.section{padding-top:100px}.site-header{width:95%;padding:10px;top:10px}.site-nav{display:none}.logo{font-size:1.2rem}#sidebar{z-index:999;flex-direction:column-reverse;justify-content:center;align-items:center;width:72px;height:72px;padding:0;transition:max-height 1.2s cubic-bezier(.22,1,.36,1),width 1.1s cubic-bezier(.22,1,.36,1),padding 1s,border-radius 1s,background 1s,box-shadow 1s,-webkit-backdrop-filter .9s,backdrop-filter .9s;display:flex;bottom:40px;right:25px;overflow:hidden;top:auto!important;transform:none!important}#sidebar.sidebar-collapsed{background:var(--primary);border-radius:50%;width:72px;height:72px;max-height:72px;box-shadow:0 8px 20px #2b99e766}#sidebar.sidebar-collapsed #sidebar-toggle{color:#fff;background:0 0;margin:0}#sidebar:not(.sidebar-collapsed){-webkit-backdrop-filter:blur(25px);-webkit-overflow-scrolling:touch;background:#ffffffd9;border-radius:42px;width:84px;height:auto;max-height:calc(100vh - 80px);padding:12px 0;overflow:hidden auto;box-shadow:0 10px 30px #00000026}#sidebar-toggle{width:100%;height:72px;box-shadow:none;background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin:0;font-size:2.25rem;transition:transform 1s cubic-bezier(.22,1,.36,1),color .8s,background .8s;display:flex}#department{opacity:1;flex-direction:column;align-items:center;gap:18px;width:100%;max-height:400px;margin-bottom:15px;transition:opacity .7s .25s,max-height 1.2s cubic-bezier(.22,1,.36,1) 50ms,margin 1s;display:flex;overflow:hidden}#sidebar.sidebar-collapsed #department{opacity:0;pointer-events:none;max-height:0;margin-bottom:0;transition:max-height 1.1s cubic-bezier(.22,1,.36,1),opacity .9s,margin 1s}.dept-link{width:56px;height:56px;color:var(--primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.85rem;transition:transform .2s;display:flex;box-shadow:0 4px 10px #0000000d}.dept-link:active{transform:scale(.9)}#department h2{display:none}.grid-3,.grid-4{grid-template-columns:1fr}.contact-wrapper{grid-template-columns:1fr;padding:30px 20px}.footer-inner{text-align:center;flex-direction:column;gap:20px}.footer-right a{margin:0 10px}}.page-loader{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#e4e9f2f2;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.page-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.page-loader .loader-card{background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;display:flex}.page-loader .loader-ring{width:72px;height:72px;position:relative}.page-loader .loader-ring:before,.page-loader .loader-ring:after{content:"";border:2px solid #0000;border-radius:50%;position:absolute;inset:0}.page-loader .loader-ring:before{border-top-color:var(--primary);border-right-color:#2b99e74d;animation:.9s linear infinite loader-spin}.page-loader .loader-ring:after{border-bottom-color:var(--accent);border-left-color:#e8aaf44d;animation:1.2s linear infinite reverse loader-spin;inset:8px}.page-loader .loader-logo{width:40px;height:40px;margin:-20px 0 0 -20px;animation:2s ease-in-out infinite loader-pulse;position:absolute;top:50%;left:50%}@keyframes loader-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}@keyframes loader-spin{to{transform:rotate(360deg)}}.login-main{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:80px 24px 60px;display:flex}.login-section{width:100%;max-width:440px}.login-wrapper{border-radius:24px;padding:50px 40px;box-shadow:0 12px 48px #1f26871f}.login-header{text-align:center;margin-bottom:36px}.login-header h1{color:#0f172a;margin-bottom:8px;font-size:1.8rem}.login-header p{color:var(--text-muted);font-size:.95rem}.login-form{flex-direction:column;gap:24px;display:flex}.login-form .form-group input{width:100%;padding:16px 20px;font-size:1rem}.form-options{justify-content:space-between;align-items:center;display:flex}.checkbox-wrap{cursor:pointer;color:var(--text-muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.checkbox-wrap input{width:18px;height:18px;accent-color:var(--primary)}.forgot-link{color:var(--primary);font-size:.9rem;text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--primary-hover)}.login-message{border-radius:10px;padding:12px 16px;font-size:.9rem;display:none}.login-message.error{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d}.login-message.success{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e4d}.login-message.info{color:var(--primary);background:#2b99e71a;border:1px solid #2b99e74d}.form-actions .btn{justify-content:center;width:100%;padding:16px;font-size:1.05rem}.form-actions .btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;color:var(--text-muted);margin-top:24px;font-size:.95rem}.login-footer a{color:var(--primary);margin-left:4px;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.register-wrapper{padding:50px 40px 40px}.register-wrapper .login-form{gap:20px}.checkbox-wrap a{color:var(--primary);text-decoration:none}.checkbox-wrap a:hover{text-decoration:underline}@media (width<=768px){.login-wrapper{padding:36px 24px}.login-header h1{font-size:1.5rem}}.agreement-main{min-height:calc(100vh - 200px);padding:80px 24px 60px}.agreement-wrapper{border-radius:24px;max-width:720px;margin:0 auto;padding:48px 56px}.agreement-wrapper h1{color:#0f172a;margin-bottom:8px;font-size:1.8rem}.agreement-updated{color:var(--text-muted);margin-bottom:36px;font-size:.9rem}.agreement-wrapper section{margin-bottom:28px}.agreement-wrapper h2{color:#0f172a;margin-bottom:12px;font-size:1.15rem}.agreement-wrapper p,.agreement-wrapper li{color:var(--text-main);margin-bottom:10px;line-height:1.8}.agreement-wrapper ul{margin:12px 0;padding-left:24px}.agreement-wrapper li{margin-bottom:6px}.agreement-footer{border-top:1px solid #0000000f;gap:16px;margin-top:40px;padding-top:24px;display:flex}@media (width<=768px){.agreement-wrapper{padding:32px 24px}.agreement-wrapper h1{font-size:1.5rem}}html{scroll-behavior:smooth}a.router-link-active.nav-link,a.router-link-active.dept-link,a.router-link-exact-active.nav-link,a.router-link-exact-active.dept-link{color:var(--primary)}a.router-link-active.nav-link:after,a.router-link-exact-active.nav-link:after{width:100%}a.router-link-active.dept-link,a.router-link-exact-active.dept-link{background:var(--primary);color:#fff}body.page-auth,body.page-agreement,body.page-dept,body.page-home{min-height:100vh}body.page-home,body.page-auth,body.page-agreement{--primary:#2b99e7}body.page-auth .site-footer,body.page-agreement .site-footer,body.page-dept .site-footer{margin-top:0}body.page-dept-tech{--primary:#2563eb;--accent:#60a5fa;background-color:#e1eaf5;background-image:radial-gradient(at 0 0,#2b99e759 0,#0000 50%),radial-gradient(at 100% 20%,#00c8ff40 0,#0000 50%),radial-gradient(at 80% 80%,#64b4ff33 0,#0000 50%),radial-gradient(at 20% 100%,#3b82f640 0,#0000 50%)}body.page-dept-network{--primary:#06b6d4;--accent:#22d3ee;background-color:#e5f4f0;background-image:radial-gradient(at 0 0,#22d3ee4d 0,#0000 50%),radial-gradient(at 100% 0,#34d39959 0,#0000 50%),radial-gradient(at 100% 100%,#06b6d440 0,#0000 50%),radial-gradient(at 0 100%,#10b9814d 0,#0000 50%)}body.page-dept-planning{--primary:#9f7aea;--accent:#c4b5fd;background-color:#f3eef8;background-image:radial-gradient(at 0 20%,#9f7aea59 0,#0000 50%),radial-gradient(at 100% 0,#ec489940 0,#0000 50%),radial-gradient(at 80% 80%,#a78bfa4d 0,#0000 50%),radial-gradient(at 20% 100%,#f472b633 0,#0000 50%)}body.page-dept-design{--primary:#f472b6;--accent:#f9a8d4;background-color:#fdf2f8;background-image:radial-gradient(at 0 0,#f472b659 0,#0000 50%),radial-gradient(at 100% 0,#fbcfe866 0,#0000 50%),radial-gradient(at 100% 100%,#ec489940 0,#0000 50%),radial-gradient(at 0 100%,#f9a8d44d 0,#0000 50%)}.hero-tec{background:radial-gradient(circle at 30% 30%,#2b64e726,#0000 60%),radial-gradient(circle at 70% 70%,#00ffc81a,#0000 60%)}.hero-net{background:radial-gradient(circle,#2b99e726,#0000 70%)}.hero-sal{background:radial-gradient(circle at 80% 20%,#ec489926,#0000 60%),radial-gradient(circle at 20% 80%,#9f7aea26,#0000 60%)}.hero-des{background:radial-gradient(circle,#f472b626,#0000 70%),linear-gradient(45deg,#fff0 40%,#fbcfe84d 100%)}body.page-dept-planning .badge,body.page-dept-design .badge{color:var(--primary)}body.page-dept-planning .btn.primary,body.page-dept-design .btn.primary{background:var(--primary)}body.page-dept-design .btn.primary:hover{background:#db2777}.btn-blog{border:1px solid var(--primary);color:var(--primary);border-radius:20px;align-items:center;gap:6px;margin-top:15px;padding:8px 20px;font-size:.85rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-blog:hover{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2b99e733}.resource-list{flex-direction:column;gap:15px;display:flex}.resource-item{border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.resource-item:hover{background:#ffffffe6;transform:translate(10px)}.res-info h4{color:#0f172a;margin-bottom:4px}.res-info span{color:#64748b;font-size:.85rem}.upload-zone{border:2px dashed var(--primary);text-align:center;cursor:pointer;background:#2b99e70d;border-radius:16px;margin-top:30px;padding:40px;transition:all .3s}.upload-zone:hover{background:#2b99e71a}.upload-icon{margin-bottom:10px;font-size:2rem;display:block}.tutorial-card{background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);border:none}.tutorial-card h3{color:#831843}.full-height-layout{flex-direction:column;min-height:100vh;display:flex}.full-height-layout>main{flex:1}.notice-inline{color:#666;font-size:.9rem}.text-gradient-avatar{background:linear-gradient(45deg, var(--primary), var(--accent))}.upload-progress{width:100%;margin-top:20px;display:none}.upload-progress-bar{background:#eee;border-radius:3px;height:6px;overflow:hidden}.upload-progress-bar>div{background:var(--primary);width:60%;height:100%}.upload-progress-text{text-align:right;margin-top:5px;font-size:.8rem}@media (width<=768px){.resource-item{flex-direction:column;align-items:flex-start}}