*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#333;background-color:#f5f5f5}#app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:#fff;padding:0;box-shadow:0 4px 20px #00000026;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:18px 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:800;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.logo:before{content:"🎓";font-size:32px}.nav{display:flex;gap:15px;align-items:center}.nav-link{color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;transition:all .3s ease;font-weight:500;display:flex;align-items:center;gap:5px}.nav-link:hover{background-color:#fff3}.nav-link.router-link-active{background-color:#ffffff4d}.admin-link{background-color:#ff4757cc}.admin-link:hover{background-color:#ff4757}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-trigger{cursor:pointer;display:flex;align-items:center;gap:5px}.nav-dropdown-content{display:none;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0003;border-radius:6px;z-index:1000;top:100%;left:0;margin-top:-5px;padding-top:15px}.nav-dropdown:hover .nav-dropdown-content,.nav-dropdown-content:hover{display:block}.dropdown-item{color:#333;padding:12px 16px;text-decoration:none;display:block;transition:background-color .3s ease}.dropdown-item:hover{background-color:#f0f0f0;color:#667eea}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:20px;background-color:#f5f5f5}.main-content.full-height{max-width:100%;padding:0;background-color:transparent}.footer{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:#fff;padding:40px 0 30px;text-align:center;margin-top:auto;position:relative;overflow:hidden}.footer-content{max-width:1200px;margin:0 auto;padding:0 20px}.footer-main{display:flex;justify-content:space-around;flex-wrap:wrap;gap:30px;margin-bottom:30px}.footer-section{text-align:left;min-width:200px}.footer-section h4{font-size:18px;margin-bottom:15px;font-weight:600;position:relative;padding-bottom:10px;color:#fff}.footer-section p,.footer-section a{color:#fffc;font-size:14px;line-height:2;margin:0;text-decoration:none;display:block;transition:color .3s ease}.footer-section a:hover{color:#667eea}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.footer-bottom p{margin:0;opacity:.8;font-size:14px;color:#fffc}.footer-social{display:flex;gap:15px}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#ffffff1a;color:#fff;transition:all .3s ease}.footer-social a:hover{background-color:#667eea;transform:translateY(-3px)}@media (max-width: 768px){.header-content{flex-direction:column;gap:15px}.nav{flex-wrap:wrap;justify-content:center}.footer-main{flex-direction:column;align-items:center}.footer-section{text-align:center}.footer-bottom{flex-direction:column}}