:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background-color:#f4f7fb;position:relative}body:before{content:"";pointer-events:none;opacity:.05;z-index:0;background-image:url(/images/ksus-logo.png),url(/images/ksus-logo.png);background-position:0 0,910px 900px;background-repeat:repeat;background-size:140px 140px;position:fixed;inset:0}#root{z-index:1;position:relative}.main-page,.board-page,.notice-page,.bus-page,.classroom-page,.classroom-detail-page,.engineering-map-page,.profile-page,.write-page,.login-page,.register-page,.auth-page{background:0 0!important}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-header{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:18px 28px;display:flex}.site-logo{color:#111827;font-size:22px;font-weight:900;text-decoration:none}.header-actions{align-items:center;gap:14px;display:flex}.header-actions a{color:#374151;font-size:14px;font-weight:700;text-decoration:none}.header-actions a:hover{color:#4f46e5}.header-actions button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;font-weight:700}.header-actions button:hover{background:#f3f4f6}.main-page{background:#f4f7fb;min-height:100vh}.main-container{max-width:1280px;margin:0 auto;padding:28px}.hero-card{background:linear-gradient(135deg,#fff,#eef3ff);border:1px solid #e3e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:36px;display:flex;box-shadow:0 8px 24px #0f172a14}.hero-badge{color:#4f46e5;background:#eef2ff;border-radius:999px;margin-bottom:10px;padding:6px 12px;font-weight:700;display:inline-block}.hero-card h1{color:#111827;margin:0 0 12px;font-size:32px}.hero-card p{color:#4b5563;margin:0}.primary-button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;padding:14px 22px;font-weight:700}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.dashboard-card{background:#fffffff2;border:1px solid #e3e8f0;border-radius:20px;min-height:230px;padding:24px;box-shadow:0 8px 24px #0f172a0f}.card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-header h2{color:#111827;margin:0;font-size:20px}.card-header a{color:#4f46e5;font-weight:700;text-decoration:none}.bus-route{background:#f8fafc;border-radius:16px;justify-content:space-between;align-items:center;padding:18px;display:flex}.bus-route strong{color:#111827}.bus-route span{color:#4f46e5;font-size:22px;font-weight:800}.progress-line{background:#e5e7eb;border-radius:999px;height:6px;margin:22px 0 12px;overflow:hidden}.progress-fill{background:#4f46e5;border-radius:999px;height:100%}.sub-text{color:#6b7280}.room-list{gap:12px;display:grid}.room-list div{background:#f8fafc;border-radius:14px;justify-content:space-between;padding:14px 16px;display:flex}.room-list span{color:#15803d;background:#dcfce7;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.notice-card ul,.community-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.notice-card li,.community-card li{background:#f8fafc;border-radius:14px;justify-content:space-between;gap:16px;padding:14px 16px;display:flex}.notice-card li a,.community-card li a{color:#111827;font-weight:700;text-decoration:none}.notice-card li span,.community-card li span{color:#6b7280;white-space:nowrap;font-size:13px}@media (width<=900px){.hero-card{flex-direction:column;align-items:flex-start}.dashboard-grid{grid-template-columns:1fr}}.room-link{color:#111827;background:#f8fafc;border-radius:14px;justify-content:space-between;padding:14px 16px;text-decoration:none;display:flex}.map-hero-card{background:linear-gradient(135deg,#fff,#eef3ff);border:1px solid #e3e8f0;border-radius:20px;grid-template-columns:1fr 1.2fr;align-items:center;gap:24px;margin-bottom:24px;padding:28px;display:grid;box-shadow:0 8px 24px #0f172a14}.map-hero-text h1{color:#111827;margin:0 0 12px;font-size:32px}.map-hero-text p{color:#4b5563;margin:0 0 20px}.map-preview{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;height:280px;overflow:hidden}.map-preview img{object-fit:cover;width:100%;height:100%}@media (width<=900px){.map-hero-card{grid-template-columns:1fr}.map-preview{height:240px}}.bus-card-header{align-items:flex-start}.bus-title-row{align-items:center;gap:12px;display:flex}.bus-title-row h2{margin:0}.bus-stop-select{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:8px 10px;font-weight:700}.main-bus-list{gap:18px;display:grid}.main-bus-item{background:#f8fafc;border-radius:16px;padding:14px}.main-bus-item .bus-route{background:0 0;padding:0}.main-bus-item .progress-line{margin:16px 0 10px}.auth-page{background:#f4f7fb;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#fff;border-radius:24px;width:420px;padding:40px;box-shadow:0 10px 30px #0f172a14}.auth-logo{text-align:center;color:#111827;font-size:32px;font-weight:900;text-decoration:none;display:block}.auth-subtitle{text-align:center;color:#6b7280;margin-top:8px;margin-bottom:32px}.input-group{margin-bottom:20px}.input-group label{color:#374151;margin-bottom:8px;font-weight:700;display:block}.input-group input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:14px;width:100%;padding:14px;font-size:15px}.input-group input:focus{border-color:#4f46e5;outline:none}.arrow-button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:14px;width:100%;height:56px;font-size:28px;font-weight:700;transition:all .2s}.arrow-button:hover{background:#4338ca}.auth-footer{text-align:center;margin-top:24px}.auth-footer span{color:#6b7280}.auth-footer a{color:#4f46e5;margin-left:8px;font-weight:700;text-decoration:none}.text-button{color:#6b7280;cursor:pointer;background:0 0;border:none;width:100%;margin-top:12px;font-weight:700}.text-button:hover{color:#4f46e5}.success-message{text-align:center;color:#15803d;margin-top:16px;font-weight:700}.board-page{background:#f4f7fb;min-height:100vh}.board-container{max-width:1280px;margin:0 auto;padding:28px}.board-hero{background:linear-gradient(135deg,#fff,#eef3ff);border:1px solid #e3e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:36px;display:flex;box-shadow:0 8px 24px #0f172a14}.board-badge{color:#4f46e5;background:#eef2ff;border-radius:999px;margin-bottom:10px;padding:6px 12px;font-weight:700;display:inline-block}.board-hero h1{color:#111827;margin:0 0 12px;font-size:32px}.board-hero p{color:#4b5563;margin:0}.write-button{color:#fff;background:#4f46e5;border-radius:12px;padding:14px 20px;font-weight:800;text-decoration:none}.board-toolbar{background:#fff;border:1px solid #e3e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:18px 22px;display:flex;box-shadow:0 8px 24px #0f172a0d}.board-search{border:1px solid #d1d5db;border-radius:14px;width:280px;padding:12px 14px;font-size:14px}.board-search:focus{border-color:#4f46e5;outline:none}.post-list-card{background:#fffffff2;border:1px solid #e3e8f0;border-radius:20px;padding:24px;box-shadow:0 8px 24px #0f172a0f}.post-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.post-item{background:#f8fafc;border-radius:16px;padding:18px}.post-item a{color:#111827;text-decoration:none}.post-item h3{margin:0 0 8px;font-size:18px}.post-item p{color:#4b5563;margin:0 0 12px}.post-meta{color:#6b7280;gap:14px;font-size:13px;display:flex}@media (width<=800px){.board-hero{flex-direction:column;align-items:flex-start}.board-toolbar{flex-direction:column;align-items:stretch}.board-search{box-sizing:border-box;width:100%}.post-meta{flex-direction:column;gap:4px}}.post-detail-page{background:0 0;min-height:100vh}.post-detail-container{max-width:980px;margin:0 auto;padding:28px}.post-card,.comment-card{background:#fff;border:1px solid #e3e8f0;border-radius:20px;padding:32px;box-shadow:0 8px 24px #0f172a0f}.post-card{margin-bottom:20px}.post-title-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.post-title-row h1{color:#111827;margin:0;font-size:32px;line-height:1.35}.post-title-row span{color:#4f46e5;white-space:nowrap;background:#eef2ff;border-radius:999px;padding:7px 12px;font-weight:800}.post-meta-row{color:#6b7280;gap:14px;margin-top:14px;font-size:14px;display:flex}.post-content-box{color:#374151;white-space:pre-wrap;min-height:260px;margin-top:28px;padding:28px 0;font-size:17px;line-height:1.9}.post-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding-top:18px;display:flex}.basic-button,.danger-button{cursor:pointer;border-radius:10px;padding:10px 14px;font-weight:800}.basic-button{color:#374151;background:#fff;border:1px solid #e5e7eb}.basic-button:hover{background:#f3f4f6}.danger-button{color:#fff;background:#ef4444;border:none}.comment-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.comment-header h2{color:#111827;margin:0;font-size:22px}.comment-header span{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:6px 10px;font-weight:800}.comment-form{gap:10px;margin-bottom:20px;display:flex}.comment-form input,.reply-form input,.edit-box input{border:1px solid #d1d5db;border-radius:14px;flex:1;padding:13px 14px;font-size:15px}.comment-form input:focus,.reply-form input:focus,.edit-box input:focus{border-color:#4f46e5;outline:none}.comment-form button,.reply-form button,.inline-actions button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:14px;padding:0 16px;font-weight:800}.comment-list,.reply-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.comment-item{background:#f8fafc;border-radius:16px;padding:18px}.comment-main{justify-content:space-between;gap:16px;display:flex}.comment-main div{align-items:center;gap:10px;display:flex}.comment-main strong,.edit-box strong{color:#111827;white-space:nowrap}.comment-main span{color:#374151}.comment-main small{color:#6b7280;white-space:nowrap}.comment-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.comment-actions button{color:#6b7280;cursor:pointer;background:0 0;border:none;font-weight:800}.comment-actions button:hover{color:#4f46e5}.reply-form{gap:10px;margin-top:12px;margin-left:28px;display:flex}.reply-list{margin-top:12px;margin-left:28px}.reply-item{background:#fff;border-radius:14px;padding:14px}.reply-main{align-items:flex-start;gap:10px;display:flex}.reply-main div{flex-direction:column;flex:1;align-items:flex-start;gap:4px;display:flex}.reply-mark{margin-top:1px;font-size:18px;font-weight:900;color:#9ca3af!important}.reply-main strong{color:#111827;white-space:nowrap;font-size:14px;font-weight:800}.reply-main span{color:#374151;font-size:15px;line-height:1.6}.reply-main small,.reply-item small{color:#6b7280;margin-top:6px;margin-left:28px;font-size:12px;display:block}.edit-box{gap:10px;display:grid}.inline-actions{justify-content:flex-end;gap:8px;display:flex}.inline-actions button{height:38px}@media (width<=800px){.post-detail-container{padding:18px}.post-card,.comment-card{padding:22px}.post-title-row,.comment-main,.comment-form,.reply-form{flex-direction:column}.reply-form,.reply-list{margin-left:0}.reply-main small,.reply-item small{margin-left:28px}}.write-page{background:#f4f7fb;min-height:100vh}.write-container{max-width:980px;margin:0 auto;padding:28px}.blog-editor{background:#fff;border:1px solid #e3e8f0;border-radius:20px;padding:36px;box-shadow:0 8px 24px #0f172a0f}.blog-title-input{box-sizing:border-box;color:#111827;border:none;border-bottom:1px solid #e5e7eb;outline:none;width:100%;padding:0 0 24px;font-size:34px;font-weight:800}.blog-title-input::placeholder{color:#c7cbd1}.blog-content-input{box-sizing:border-box;color:#374151;resize:vertical;border:none;outline:none;width:100%;min-height:520px;margin-top:28px;padding:0;font-size:17px;line-height:1.8}.blog-content-input::placeholder{color:#c7cbd1}.write-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding-top:24px;display:flex}.cancel-button,.save-button{cursor:pointer;border-radius:12px;padding:12px 18px;font-weight:800}.cancel-button{color:#374151;background:#fff;border:1px solid #e5e7eb}.cancel-button:hover{background:#f3f4f6}.save-button{color:#fff;background:#4f46e5;border:none}.save-button:hover{background:#4338ca}@media (width<=800px){.write-container{padding:18px}.blog-editor{padding:24px}.blog-title-input{font-size:28px}.blog-content-input{min-height:420px}}.user-page{background:#f4f7fb;min-height:100vh}.user-container{max-width:1280px;margin:0 auto;padding:28px}.user-hero-card{background:linear-gradient(135deg,#fff,#eef3ff);border:1px solid #e3e8f0;border-radius:20px;margin-bottom:24px;padding:36px;box-shadow:0 8px 24px #0f172a14}.user-badge{color:#4f46e5;background:#eef2ff;border-radius:999px;margin-bottom:10px;padding:6px 12px;font-weight:700;display:inline-block}.user-hero-card h1{color:#111827;margin:0 0 12px;font-size:32px}.user-hero-card p{color:#4b5563;margin:0}.user-hero-card button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;margin-top:18px;padding:12px 18px;font-weight:700}.user-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.user-card{background:#fffffff2;border:1px solid #e3e8f0;border-radius:20px;padding:24px;box-shadow:0 8px 24px #0f172a0f}.user-card h2{color:#111827;margin:0 0 18px;font-size:20px}.stat-list{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stat-list div{text-align:center;background:#f8fafc;border-radius:16px;padding:18px}.stat-list strong{color:#4f46e5;font-size:28px;display:block}.stat-list span{color:#6b7280;font-weight:700}.quick-links{gap:12px;display:grid}.quick-links a,.action-link{color:#111827;background:#f8fafc;border-radius:14px;padding:14px 16px;font-weight:700;text-decoration:none;display:inline-block}.quick-links a:hover,.action-link:hover{color:#4f46e5;background:#eef2ff}.section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-header h2{margin:0}.activity-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.activity-list li{background:#f8fafc;border-radius:14px;padding:16px}.activity-list a{color:#111827;font-weight:800;text-decoration:none}.activity-list a:hover{color:#4f46e5}.activity-list p{color:#4b5563;margin:8px 0}.activity-list small,.empty-text{color:#6b7280}@media (width<=900px){.user-grid,.stat-list{grid-template-columns:1fr}}.stat-list.two-columns{grid-template-columns:repeat(2,1fr)}.notice-page{background:#f4f7fb;min-height:100vh}.notice-container{max-width:1280px;margin:0 auto;padding:28px}.notice-hero{background:linear-gradient(135deg,#fff,#eef3ff);border:1px solid #e3e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:36px;display:flex;box-shadow:0 8px 24px #0f172a14}.notice-badge{color:#4f46e5;background:#eef2ff;border-radius:999px;margin-bottom:10px;padding:6px 12px;font-weight:700;display:inline-block}.notice-hero h1,.notice-detail-card h1{color:#111827;margin:0 0 12px;font-size:32px}.notice-hero p,.notice-detail-card p{color:#4b5563;margin:0}.notice-write-button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;padding:14px 20px;font-weight:800}.notice-toolbar{background:#fff;border:1px solid #e3e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:18px 22px;display:flex;box-shadow:0 8px 24px #0f172a0d}.sort-tabs{align-items:center;gap:10px;display:flex}.sort-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:800}.sort-tabs button.active{color:#4f46e5}.sort-tabs span{color:#d1d5db}.notice-search{border:1px solid #d1d5db;border-radius:14px;width:280px;padding:12px 14px;font-size:14px}.notice-search:focus{border-color:#4f46e5;outline:none}.notice-list-card,.notice-form-card,.notice-detail-card{background:#fffffff2;border:1px solid #e3e8f0;border-radius:20px;padding:24px;box-shadow:0 8px 24px #0f172a0f}.notice-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.notice-item{background:#f8fafc;border-radius:16px;padding:18px}.notice-item a{color:#111827;text-decoration:none}.notice-item h3{margin:0 0 8px;font-size:18px}.notice-item p{color:#4b5563;margin:0 0 12px}.notice-meta{color:#6b7280;gap:14px;font-size:13px;display:flex}.notice-form-card form{gap:16px;display:grid}.notice-form-card input,.notice-form-card textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:14px;width:100%;padding:14px;font-size:15px}.notice-form-card textarea{resize:vertical;min-height:220px}.notice-form-card input:focus,.notice-form-card textarea:focus{border-color:#4f46e5;outline:none}.notice-form-card button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:14px;height:52px;font-weight:800}.notice-content{white-space:pre-wrap;line-height:1.7;margin:24px 0!important}.notice-detail-actions{gap:10px;margin-top:24px;display:flex}.notice-detail-actions button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 14px;font-weight:800}.notice-detail-actions button:hover{background:#f3f4f6}.empty-text{color:#6b7280;text-align:center}.pagination{justify-content:center;gap:8px;margin-top:24px;display:flex}.pagination button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:38px;height:38px;font-weight:800}.pagination button.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.pagination button:disabled{color:#c7cbd1;cursor:not-allowed}@media (width<=800px){.notice-hero{flex-direction:column;align-items:flex-start}.notice-toolbar{flex-direction:column;align-items:stretch}.notice-search{box-sizing:border-box;width:100%}.notice-meta{flex-direction:column;gap:4px}}.classroom-page{background:#f4f7fb;min-height:100vh}.classroom-container{max-width:1280px;margin:0 auto;padding:28px}.classroom-hero{background:linear-gradient(135deg,#fff,#eef3ff);border:1px solid #e3e8f0;border-radius:20px;margin-bottom:20px;padding:36px;box-shadow:0 8px 24px #0f172a14}.classroom-badge{color:#4f46e5;background:#eef2ff;border-radius:999px;margin-bottom:10px;padding:6px 12px;font-weight:700;display:inline-block}.classroom-hero h1{color:#111827;margin:0 0 12px;font-size:32px}.classroom-hero p{color:#4b5563;margin:0}.classroom-filter-card,.classroom-card{background:#fff;border:1px solid #e3e8f0;border-radius:20px;padding:24px;box-shadow:0 8px 24px #0f172a0f}.classroom-filter-card{margin-bottom:20px}.filter-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.filter-grid label{gap:8px;display:grid}.filter-grid span{color:#374151;font-weight:800}.filter-grid select,.filter-grid input{background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:13px 14px;font-size:15px}.filter-grid select:focus,.filter-grid input:focus{border-color:#4f46e5;outline:none}.classroom-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.classroom-list{gap:12px;display:grid}.classroom-item{color:#111827;background:#f8fafc;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex}.classroom-item strong{margin-bottom:4px;display:block}.classroom-item p{color:#6b7280;margin:0;font-size:14px}.classroom-item>span{white-space:nowrap;font-size:13px;font-weight:800}.classroom-item.available>span{color:#15803d;background:#dcfce7;border-radius:999px;padding:5px 10px}.classroom-item.occupied>span{color:#4f46e5}@media (width<=900px){.filter-grid,.classroom-grid{grid-template-columns:1fr}}.classroom-detail-page{background:#f4f7fb;min-height:100vh}.classroom-detail-container{max-width:1280px;margin:0 auto;padding:28px}.classroom-detail-hero{background:linear-gradient(135deg,#fff,#eef3ff);border:1px solid #e3e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:36px;display:flex;box-shadow:0 8px 24px #0f172a14}.classroom-detail-badge{color:#4f46e5;background:#eef2ff;border-radius:999px;margin-bottom:10px;padding:6px 12px;font-weight:700;display:inline-block}.classroom-detail-hero h1{color:#111827;margin:0 0 12px;font-size:32px}.classroom-detail-hero p{color:#4b5563;margin:0}.classroom-detail-hero button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;padding:12px 18px;font-weight:800}.classroom-info-card{background:#fff;border:1px solid #e3e8f0;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px;padding:24px;display:grid;box-shadow:0 8px 24px #0f172a0f}.classroom-info-card div{text-align:center;background:#f8fafc;border-radius:16px;padding:18px}.classroom-info-card span{color:#6b7280;margin-bottom:8px;font-weight:700;display:block}.classroom-info-card strong{color:#4f46e5;font-size:24px}.classroom-detail-card{background:#fff;border:1px solid #e3e8f0;border-radius:20px;padding:24px;box-shadow:0 8px 24px #0f172a0f}.timetable-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.day-card{background:#fff;border:1px solid #e3e8f0;border-radius:20px;padding:24px;box-shadow:0 8px 24px #0f172a0f}.day-card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.day-card-header h2{color:#111827;margin:0;font-size:20px}.day-card-header span{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.lecture-list{gap:12px;display:grid}.lecture-item{background:#f8fafc;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.lecture-item strong{color:#111827;margin-bottom:4px;display:block}.lecture-item p{color:#6b7280;margin:0;font-size:14px}.lecture-item span{color:#4f46e5;white-space:nowrap;font-size:13px;font-weight:800}.error-text{color:#dc2626;font-weight:700}@media (width<=900px){.classroom-detail-hero{flex-direction:column;align-items:flex-start}.classroom-info-card,.timetable-grid{grid-template-columns:1fr}}.bus-page{background:#f4f7fb;min-height:100vh}.bus-container{max-width:1280px;margin:0 auto;padding:28px}.bus-hero{background:linear-gradient(135deg,#fff,#eef3ff);border:1px solid #e3e8f0;border-radius:20px;margin-bottom:20px;padding:36px;box-shadow:0 8px 24px #0f172a14}.bus-badge{color:#4f46e5;background:#eef2ff;border-radius:999px;margin-bottom:10px;padding:6px 12px;font-weight:700;display:inline-block}.bus-hero h1{color:#111827;margin:0 0 12px;font-size:32px}.bus-hero p{color:#4b5563;margin:0}.bus-filter-card,.bus-card{background:#fff;border:1px solid #e3e8f0;border-radius:20px;padding:24px;box-shadow:0 8px 24px #0f172a0f}.bus-filter-card{margin-bottom:20px}.bus-filter-card label{gap:8px;max-width:420px;display:grid}.bus-filter-card span{color:#374151;font-weight:800}.bus-filter-card select{background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:13px 14px;font-size:15px}.bus-filter-card select:focus{border-color:#4f46e5;outline:none}.bus-grid{grid-template-columns:1fr 1.3fr;gap:20px;display:grid}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-title-row h2{color:#111827;margin:0;font-size:20px}.card-title-row span{color:#4f46e5;background:#eef2ff;border-radius:999px;padding:6px 10px;font-weight:800}.next-bus-time{background:#f8fafc;border-radius:18px;padding:22px}.next-bus-time strong{color:#4f46e5;font-size:30px;display:block}.next-bus-time p{color:#6b7280;margin:8px 0 0}.bus-progress-line{background:#e5e7eb;border-radius:999px;height:8px;margin-top:24px;overflow:hidden}.bus-progress-fill{background:#4f46e5;border-radius:999px;height:100%}.schedule-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.schedule-item{background:#f8fafc;border-radius:14px;justify-content:space-between;padding:14px 16px;display:flex}.schedule-item strong{color:#111827}.schedule-item span{color:#6b7280;font-weight:700}.empty-text{color:#6b7280}.error-text{color:#dc2626;margin-top:0;font-weight:700}@media (width<=900px){.bus-grid,.schedule-list{grid-template-columns:1fr}}.engineering-map-page{background:#f4f7fb;min-height:100vh}.engineering-map-container{max-width:1100px;margin:0 auto;padding:28px}.engineering-map-card{background:#fff;border:1px solid #e3e8f0;border-radius:20px;padding:28px;box-shadow:0 8px 24px #0f172a14}.engineering-map-header{margin-bottom:24px}.map-badge{color:#4f46e5;background:#eef2ff;border-radius:999px;margin-bottom:10px;padding:6px 12px;font-weight:700;display:inline-block}.engineering-map-header h1{color:#111827;margin:0 0 12px;font-size:32px}.engineering-map-header p{color:#4b5563;margin:0}.engineering-map-image{cursor:zoom-in;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;height:auto;display:block}