:root{--school-orange:#e57702}body{font-family:Arial,"Microsoft YaHei",sans-serif}.school-main{min-height:560px;padding-top:30px}.top-header .layui-nav-item:hover .layui-nav-child,.top-header .layui-nav-item:focus-within .layui-nav-child{display:block}.swiper-wrapper{display:block!important;position:relative;height:100%}.swiper-slide{position:absolute;inset:0;opacity:0;transition:opacity .5s;display:block!important}.swiper-slide.school-slide-active{opacity:1;z-index:1}.school-panel{background:#fff;padding:25px;margin-bottom:22px;border:1px solid #eee}.school-panel h1{font-size:25px;margin:0 0 15px}.school-panel h2{font-size:19px;margin:0 0 18px}.school-muted{color:#888;font-size:14px}.school-pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;line-height:1.9}.school-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.school-toolbar input{max-width:400px}.school-btn{display:inline-block;background:#e57702;color:#fff!important;border:0;padding:10px 22px;line-height:20px;cursor:pointer;border-radius:2px;font-size:14px}.school-btn:hover{background:#ce6b02}.school-btn.secondary{background:#fff;color:#555!important;border:1px solid #ddd;padding:9px 21px}.school-btn:disabled{background:#ccc;cursor:not-allowed}.school-field{margin:0 0 18px}.school-field label{display:block;font-size:14px;margin-bottom:8px;color:#555}.school-field input,.school-field textarea,.school-field select{width:100%;padding:10px;border:1px solid #ddd;box-sizing:border-box;font:inherit;border-radius:2px;background:white}.school-field textarea{min-height:140px;resize:vertical}.school-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.school-empty{padding:55px 20px;text-align:center;color:#999;background:#fff}.school-toast{position:fixed;left:50%;top:100px;transform:translateX(-50%);z-index:10000;background:#333;color:#fff;padding:13px 25px;box-shadow:0 3px 15px #0002;max-width:85vw;line-height:1.6}.school-tabs{display:flex;gap:24px;border-bottom:1px solid #ddd;margin-bottom:24px;overflow:auto}.school-tabs a{padding:15px 0;white-space:nowrap;cursor:pointer}.school-tabs a.active{color:#e57702;border-bottom:2px solid #e57702}.school-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.school-grid .item-main{background:#fff;overflow:hidden}.school-grid .image{display:block}.school-grid .image img{width:100%;height:168px;object-fit:cover}.school-grid .header-p{display:block;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:36px;padding:0 10px}.school-grid .desc{display:flex;align-items:center;gap:7px;padding:5px 10px 12px;color:#888;font-size:13px}.school-grid .desc img{width:24px;height:24px;border-radius:50%}.school-grid .desc .counts{margin-left:auto}.school-pagination{display:flex;justify-content:center;gap:8px;margin:30px}.school-pagination a{border:1px solid #ddd;padding:6px 12px;background:white;cursor:pointer}.school-pagination a.active{background:#e57702;color:#fff;border-color:#e57702}.school-filters{background:#fff;padding:18px 15px;margin:30px 0}.school-filters .school-toolbar{margin-bottom:12px}.school-chips{display:flex;align-items:center;gap:16px;flex-wrap:wrap;line-height:32px;font-size:14px}.school-chips button{border:0;background:transparent;cursor:pointer;color:#555;padding:0 8px}.school-chips button.active{background:#e57702;color:#fff}.school-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.school-table th,.school-table td{padding:16px 15px;border:1px solid #e6e6e6;text-align:left;line-height:1.6}.school-table th{background:#f2f2f2;font-weight:normal}.school-table a{color:#e57702}.school-badge{background:#ffb800;color:#fff;display:inline-block;padding:1px 9px;border-radius:10px;font-size:12px}.school-row{border-bottom:1px solid #eee;padding:23px 0}.school-row h3{font-size:19px;margin:8px 0 10px}.school-login-user{color:#fff!important;display:inline-block;padding:0 12px;line-height:70px}.school-account-note{text-align:center;font-size:13px;color:#888;margin:0 0 20px}.school-code{font:15px/1.6 Menlo,Consolas,monospace!important;min-height:390px!important;tab-size:4;background:#fafafa!important}.school-output{background:#20242c;color:#e8e8e8;padding:18px;min-height:140px;white-space:pre-wrap;font:14px/1.7 Menlo,monospace;overflow:auto}.school-editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.school-game-frame{width:100%;height:700px;border:0;background:#eee}.school-help{background:#fff8ed;border-left:3px solid #e57702;padding:14px 18px;margin:15px 0;line-height:1.8}.school-cover{max-width:100%;max-height:440px;display:block;margin:0 auto 20px}.school-comment{padding:16px 0;border-bottom:1px solid #eee}.school-comment p{white-space:pre-wrap;margin:8px 0}.school-dialog{border:1px solid #ddd;max-width:550px;width:85vw;padding:28px}.school-dialog::backdrop{background:#0006}.school-admin-table{overflow:auto}.school-error{color:#b33;padding:20px}.school-match-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.school-match-grid img{width:100%;height:190px;object-fit:contain;background:#fff}.school-match-grid h3{font-size:16px;margin:12px 0}.school-match-grid article{background:#fff;padding:12px}.school-search{display:flex;gap:14px;margin:20px 0}.school-search input{width:400px;max-width:65vw;padding:10px;border:1px solid #ddd}.school-footer-links{line-height:2.2}.school-footer-links a{display:block;color:#fff!important}input:focus,textarea:focus,select:focus{outline:2px solid #e5770270;outline-offset:1px}button:focus-visible,a:focus-visible{outline:2px solid #e57702;outline-offset:3px}
@media(max-width:800px){.layui-main,.w{width:auto!important;max-width:100%!important;margin-left:15px!important;margin-right:15px!important}.top-header .layui-main{margin:0!important}.top-header{height:auto!important;position:relative!important;min-height:70px}.top-header .layui-nav{display:flex;flex-wrap:wrap;padding:0 10px!important}.top-header .ly-header-item{padding:0 10px!important;font-size:14px!important;line-height:48px!important;height:48px!important}.top-header .logo{margin-right:auto!important}.top-header .logo img{max-height:60px}.top-header .login-menu{margin:0!important}.school-login-user{line-height:48px}.top-header .layui-nav-child{top:44px}body{padding-top:0!important}.swiper-container{height:clamp(200px,58vw,480px)!important}.school-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.school-grid .image img{height:130px}.school-fields,.school-editor-layout{grid-template-columns:1fr}.school-match-grid{grid-template-columns:repeat(2,1fr)}.school-panel{padding:18px}.school-main{padding-top:20px}.school-grid .desc{flex-wrap:wrap}.school-grid .desc .counts{font-size:11px}.school-game-frame{height:650px}.bbs-main{width:auto!important}.bbs-nav{display:none}.bbs-left{width:100%!important}.bbs-right{width:100%!important;margin:20px 0!important}.login-box{max-width:90vw!important}#app{margin-top:45px!important}#footer .footer-item{width:100%!important;float:none!important;margin-bottom:20px}.school-table th,.school-table td{padding:10px}.school-toolbar input{max-width:100%}.school-filters{margin-top:15px}}
@media(max-width:480px){.school-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.school-grid .image img{height:125px}.school-chips{gap:4px}.school-match-grid{grid-template-columns:1fr}.school-tabs{gap:18px}.school-table{font-size:12px}.school-table th,.school-table td{padding:8px 5px}.school-search input{max-width:60vw}.school-grid .desc img{display:none}.school-grid .desc{font-size:12px}}

.swiper-container .swiper-wrapper{display:block!important;height:100%!important}.swiper-container .swiper-slide{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0}.swiper-container .swiper-slide.school-slide-active{opacity:1;z-index:1}

.school-account{position:relative}.school-account>button{background:transparent;border:0;cursor:pointer;font:inherit}.school-account-menu{display:none;position:absolute;right:0;top:65px;background:white;min-width:150px;box-shadow:0 4px 15px #0003;z-index:999;padding:7px 0}.school-account.open .school-account-menu,.school-account:focus-within .school-account-menu,.school-account:hover .school-account-menu{display:block}.school-account-menu a{display:block!important;color:#444!important;padding:9px 20px!important;line-height:20px!important;font-size:14px!important}.school-account-menu a:hover{background:#f5f5f5}.top-header .school-account .school-login-user{line-height:70px}.school-account-menu a#school-logout{color:#777!important}

body.school-scratch-classroom{padding:0!important;overflow:hidden}.school-scratch-classroom .top-header,.school-scratch-classroom #footer,.school-scratch-classroom #school-main>section>h1,.school-scratch-classroom #school-main>section>.school-muted{display:none!important}.school-scratch-classroom #school-main{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;min-height:0}.school-scratch-classroom #school-main>p{height:44px;margin:0;padding:4px 12px;background:#f7f7f7;box-sizing:border-box}.school-scratch-classroom #school-main>p>a{padding:5px 15px;line-height:23px}.school-scratch-classroom #school-main>section{padding:0;margin:0;border:0}.school-scratch-classroom .school-game-frame{height:calc(100vh - 44px);display:block}

.school-entry-picker{margin:0 0 22px}.school-entry-picker h2{font-size:15px;font-weight:normal;color:#555;margin:0 0 12px}.school-entry-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.school-entry-options button{border:1px solid #ddd;border-radius:3px;padding:11px 4px;background:#fafafa;color:#555;cursor:pointer;font:inherit;font-size:14px;white-space:nowrap}.school-entry-options button[aria-pressed="true"]{color:#b95700;border-color:#e57702;background:#fff4e8}.school-entry-hint{font-size:12px;line-height:1.7;color:#888;margin:11px 0 0;min-height:21px}.school-entry-picker #school-first-admin{display:inline-block;font-size:13px;color:#c56000;margin-top:7px}.school-entry-picker #school-first-admin[hidden]{display:none}.login-box:has(.school-entry-picker){height:auto!important;min-height:510px;padding-bottom:45px!important}.login-box:has(.school-entry-picker) .school-account-note{margin-bottom:20px}