#app-container{min-height:100vh}@media (width>=768px){#app-container{max-width:480px;margin:0 auto}}*{box-sizing:border-box;margin:0;padding:0;font-family:Microsoft Yahei,sans-serif}body.admin-body{background-color:#f8f9fa;justify-content:center;min-height:100vh;margin:0;padding:0;font-family:Arial,sans-serif;display:flex}.admin-container{background-color:#fff;border-radius:10px;width:100%;padding:30px;box-shadow:0 4px 20px #0000001a}.table-title{color:#007bff;align-items:center;margin-bottom:15px;font-size:18px;font-weight:600;display:flex}.table-title i{color:#007bff;margin-right:8px}@media (width<=480px){.admin-container{margin:15px;padding:20px}.table-title{font-size:16px}}.account-info-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:20px}.account-info-row{margin-bottom:12px;display:flex}.account-info-label{color:#495057;width:160px;font-weight:500}.account-info-value{color:#222;flex:1}.add-modal{z-index:9999;background-color:#0006;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.add-modal-header{border-bottom:1px solid #e5e5e5;padding-bottom:12px}.add-modal-title{color:#333;font-size:16px;font-weight:700}.add-modal-body{padding:12px 0}.add-modal-footer{text-align:right;border-top:1px solid #e5e5e5;padding-top:12px}.add-modal-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;margin-left:10px;padding:8px 16px}.add-modal-button.cancel{color:#333;background-color:#f8f9fa;border:1px solid #ced4da}.empty-tip{text-align:center;color:#6c757d;padding:40px;font-size:14px}.mask-layer{z-index:999;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.tip-modal{text-align:center;background:#fff;border-radius:8px;width:280px;padding:25px 20px}.tip-text{color:#f53f3f;margin-bottom:20px;font-size:15px}.close-tip-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;width:100px;height:36px;font-size:14px}.save-button-container{justify-content:flex-end;margin-top:20px;display:flex}.save-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:background-color .3s,transform .2s}.save-button:hover{background-color:#0069d9;transform:translateY(-1px)}.save-button:active{transform:translateY(0)}.verify-code-container{align-items:center;gap:8px;display:flex}.verify-code-container input{border:1px solid #ddd;border-radius:4px;flex:1;height:40px;padding:0 12px;font-size:14px}.verify-code-button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#007bff;border:none;border-radius:4px;height:40px;padding:0 14px;font-size:14px;transition:background-color .3s,transform .2s}.verify-code-button:hover{background-color:#0069d9;transform:translateY(-1px)}.verify-code-button:active{transform:translateY(0)}.input-container{flex-direction:column;gap:16px;display:flex}.form-item{flex-direction:column;gap:6px;display:flex}.form-item label{color:#333;font-size:14px}.form-item input,.form-item select{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;height:40px;padding:0 12px;font-size:14px}@media (width>=768px){.admin-container{width:1920px}}body.auth-body,.auth-page{background-color:#f5f7fa;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.app-name{margin-bottom:6px;font-size:22px;font-weight:600}.app-desc{opacity:.9;font-size:14px;line-height:1.5}.input-item{margin-bottom:20px}.input-item label{color:#333;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;display:flex}.input-item label i{color:#1688e6;font-size:16px}.input-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;width:100%;height:44px;padding:0 14px;font-size:15px;transition:border .2s}.input-box:focus{border-color:#1688e6}.agree-row{align-items:flex-start;gap:8px;margin-bottom:20px;font-size:14px;line-height:1.6;display:flex}.agree-row input[type=checkbox]{margin-top:3px}.agree-row a{color:#1688e6;text-decoration:none}.agree-row a:hover{text-decoration:underline}.back-link-row{text-align:center;color:#000;margin-top:14px;font-size:14px}.back-link-row a{color:#1688e6;text-decoration:none}.back-link-row a:hover{text-decoration:underline}.policy-modal{background:#fff;border-radius:12px;flex-direction:column;width:30vw;min-width:320px;height:80vh;padding:24px;display:none;position:relative;overflow:hidden}.modal-close-x{color:#999;cursor:pointer;font-size:26px;line-height:1;position:absolute;top:20px;right:20px}.modal-close-x:hover{color:#333}.policy-title{color:#1688e6;margin-bottom:24px;font-size:34px;font-weight:700}.policy-scroll-wrap{color:#222;flex:1;padding-right:8px;font-size:16px;line-height:1.8;overflow-y:auto}.policy-scroll-wrap h3{color:#111;margin:28px 0 12px;font-size:24px}.policy-scroll-wrap p{margin-bottom:14px}.policy-scroll-wrap ul{margin-bottom:14px;padding-left:32px}.policy-bottom-btn-box{text-align:right;margin-top:20px}.confirm-policy-btn{color:#fff;cursor:pointer;background-color:#1688e6;border:none;border-radius:8px;height:46px;padding:0 24px;font-size:17px}.confirm-policy-btn:hover{background-color:#0f76cc}.register-wrap{background:#fff;border-radius:12px;flex-direction:column;width:30vw;min-width:320px;max-height:95vh;display:flex;overflow:hidden;box-shadow:0 2px 12px #00000014}.register-header-fixed{text-align:center;color:#fff;background-color:#1688e6;flex-shrink:0;padding:30px 20px}.register-scroll-body{flex:1;padding:30px 25px;overflow-y:auto}.register-btn{color:#fff;cursor:pointer;background-color:#1688e6;border:none;border-radius:6px;justify-content:center;align-items:center;width:100%;height:46px;font-size:16px;font-weight:500;transition:background .2s;display:flex}.register-btn:hover{background-color:#0f76cc}.register-footer-fixed,.tip-footer-fixed,.select-footer-fixed{text-align:center;color:#666;border-top:1px solid #eee;flex-shrink:0;padding:12px 20px;font-size:13px}.tip-wrap,.select-wrap{background:#fff;border-radius:12px;flex-direction:column;width:30vw;min-width:320px;max-height:95vh;display:flex;overflow:hidden;box-shadow:0 2px 12px #00000014}.tip-header-fixed,.select-header-fixed{text-align:center;color:#fff;background-color:#1688e6;flex-shrink:0;padding:30px 20px}@media screen and (width<=1200px){.login-wrap,.policy-modal,.register-wrap,.select-wrap,.tip-wrap{width:50vw}}@media screen and (width<=768px){.login-wrap,.policy-modal,.register-wrap,.select-wrap,.tip-wrap{width:90vw}.policy-title{font-size:28px}}.reset-wrap{background:#fff;border-radius:12px;flex-direction:column;width:30vw;min-width:320px;max-height:100vh;display:flex;overflow:hidden;box-shadow:0 2px 12px #00000014}.reset-header{text-align:center;color:#fff;background-color:#1688e6;flex-shrink:0;padding:30px 20px}.page-name{margin-bottom:6px;font-size:22px;font-weight:600}.page-desc{opacity:.9;font-size:14px;line-height:1.5}.reset-body{flex:1;padding:30px 25px;overflow-y:auto}.submit-btn{color:#fff;cursor:pointer;background-color:#1688e6;border:none;border-radius:6px;justify-content:center;align-items:center;width:100%;height:46px;font-size:16px;font-weight:500;transition:background .2s;display:flex}.submit-btn:hover{background-color:#0f76cc}.reset-footer{text-align:center;color:#666;border-top:1px solid #eee;flex-shrink:0;padding:16px 10px;font-size:13px}.success-tip{color:#00b42a!important}@media screen and (width<=1200px){.reset-wrap{width:50vw}}@media screen and (width<=768px){.reset-wrap{border-radius:0;width:100vw}}.warn-tip{text-align:center;background-color:#fff2f2;padding:16px 25px}.warn-text{color:#f53f3f;font-size:15px;font-weight:600;line-height:1.6}.select-body{flex:1;padding:30px 25px;overflow-y:auto}.title-text{text-align:center;color:#333;margin-bottom:15px;font-size:18px}.type-item{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:14px;margin-bottom:18px;padding:22px 10px;transition:all .2s;display:flex}.type-item:hover{background-color:#f0f7ff;border-color:#1688e6}.type-icon{background:#e0edfa;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.type-icon i{color:#1688e6;font-size:24px}.type-info h4{color:#222;margin-bottom:4px;font-size:17px}.type-info p{color:#666;font-size:13px}select.input-box{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}body.auth-body .close-tip-btn{background-color:#1688e6}body.auth-body .close-tip-btn:hover{background-color:#0f76cc}.paper-header{color:#fff;background-color:#165dff;align-items:center;gap:12px;padding:20px;display:flex}.header-title h2{margin-bottom:4px;font-size:20px;font-weight:600}.header-desc{opacity:.9;font-size:13px}.float-bottom-bar{z-index:999;background:#fff;justify-content:space-around;padding:12px 0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}.float-btn{color:#333;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;font-size:14px;display:flex;position:relative}.float-btn i{color:#165dff;font-size:20px}body{flex-direction:column;height:100vh;margin:0;padding:0;display:flex}main{box-sizing:border-box;flex:1;margin-bottom:72px;padding:32px 16px}.iframe-container{background:0 0;width:100%;height:100%;display:none;overflow:auto}.iframe-container iframe{border:none;width:100%;height:100%}.empty-tip{color:#999;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;display:flex}.avatar-box{background:#e0edfa;border-radius:50%;width:80px;height:80px;margin:0;overflow:hidden}.avatar-box img{object-fit:cover;width:100%;height:100%;display:block}.sub-nav{z-index:1000;background:#fff;border-radius:8px;width:110px;margin-bottom:8px;padding:10px 0;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000014}.sub-nav-item{cursor:pointer;color:#333;text-align:center;padding:10px 12px;font-size:14px;transition:all .2s}.sub-nav-item:hover{color:#165dff;background:#f0f7ff}.admin-table{border-collapse:collapse;border-radius:6px;width:100%;margin-bottom:30px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.admin-table th,.admin-table td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e9ecef;max-width:340px;padding:12px 15px;overflow:hidden}.admin-table th{color:#495057;background-color:#f8f9fa;font-weight:600}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background-color:#f1f3f5;transition:background-color .2s}.edit-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;margin-right:5px;padding:6px 12px;font-size:12px;transition:background-color .3s,transform .2s}.edit-button:hover{background-color:#0069d9;transform:translateY(-1px)}.delete-button{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:4px;margin-left:5px;padding:6px 12px;font-size:12px;transition:background-color .3s,transform .2s}.delete-button:hover{background-color:#c82333;transform:translateY(-1px)}.login-btn{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:4px;margin-right:5px;padding:6px 12px;font-size:12px;transition:background-color .3s,transform .2s}.login-btn:hover{background-color:#c82333;transform:translateY(-1px)}.add-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;margin-left:10px;padding:6px 12px;font-size:12px;transition:background-color .3s,transform .2s}.add-button:hover{background-color:#0069d9;transform:translateY(-1px)}.add-modal-content{background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;width:90%;max-width:400px;margin:10% auto;padding:20px;position:relative;box-shadow:0 4px 16px #0000001a}.add-modal-item{margin-bottom:15px}.add-modal-label{color:#666;width:100%;margin-bottom:5px;font-weight:500;display:block}.add-modal-input,.add-modal-select{box-sizing:border-box;border:1px solid #ced4da;border-radius:4px;width:100%;padding:8px;font-size:14px}@media (width<=480px){.admin-table th,.admin-table td{padding:10px;font-size:14px}}.count-down-box{color:#f53f3f;margin:24px 0;font-size:32px;font-weight:700}.jump-desc{color:#666;margin-bottom:30px;font-size:15px}.jump-btn{color:#fff;background-color:#1688e6;border-radius:8px;padding:12px 36px;font-size:16px;text-decoration:none;transition:all .2s;display:inline-block}.jump-btn:hover{background-color:#0f78cc}.tip-body{text-align:center;flex:1;padding:40px 25px}.warn-icon{color:#1688e6;margin-bottom:20px;font-size:60px}.main-tip-text{color:#333;margin-bottom:30px;font-size:19px;line-height:1.8}.student-list{flex-direction:column;gap:16px;width:100%;display:flex}.student-item{cursor:pointer;text-align:center;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:16px;transition:all .2s}.student-item:hover{background-color:#f0f7ff;border-color:#1688e6}.student-grade{color:#666;margin-bottom:4px;font-size:14px}.student-name{color:#333;font-size:17px;font-weight:500}.recite-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;padding:5px}.question-wrap{box-sizing:border-box;background:#fff;border:1px solid #e9ecef;border-radius:8px;justify-content:center;align-items:center;height:auto;margin:0 0 10px;padding:10px 5px;display:flex}.question-text{color:red;text-align:center;font-size:36px;font-weight:700}.answer-list-wrap{margin-bottom:10px}.answer-box{background:#fff;border:1px solid #ced4da;border-radius:6px;min-height:0;max-height:200px;padding:12px;overflow-y:auto}.answer-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#e9f5ff;border-radius:4px;align-items:center;gap:16px;margin-bottom:8px;padding:14px;font-size:28px;line-height:40px;display:flex}.answer-item:hover{background:#d0e7ff}.answer-item.active{color:#007bff;font-weight:700}.answer-item.active .answer-index{color:#007bff}.answer-index{text-align:right;color:#333;min-width:40px;font-size:28px;font-weight:600;line-height:40px}.answer-text{flex:1;font-size:28px;line-height:40px}.filter-row{flex-wrap:wrap;gap:24px;margin-bottom:5px;display:flex}.filter-item{flex:1;min-width:260px}.filter-label{color:#495057;margin-bottom:8px;font-size:16px;font-weight:500;display:block}.dropdown-wrap{position:relative}.dropdown-panel{z-index:99;box-sizing:border-box;background:#fff;border:1px solid #ced4da;border-bottom:none;border-radius:4px 4px 0 0;width:100%;height:220px;max-height:220px;padding:8px;display:none;position:absolute;bottom:100%;left:0;overflow-y:auto}.dropdown-btn{text-align:left;cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;display:flex}.add-modal-select{box-sizing:border-box;background:#fff;border:1px solid #ced4da;border-radius:4px;width:100%;padding:8px;font-size:14px}.unit-parent{cursor:pointer;color:#007bff;align-items:center;gap:6px;padding:6px 4px;font-weight:600;display:flex}.unit-parent:hover{background:#e9f5ff}.article-child{cursor:pointer;align-items:center;gap:6px;padding:6px 4px 6px 24px;display:flex}.article-child:hover{background:#f1f3f5}.btn-center-wrap{text-align:center;margin-top:10px}.recite-btn-group{gap:16px;display:inline-flex}.recite-main-btn{cursor:pointer;border:none;border-radius:4px;padding:10px 26px;font-size:14px}.start-btn{color:#fff;background-color:#28a745}.start-btn:hover{background-color:#218838}.replay-btn{color:#222;background-color:#ffc107;display:none}.next-btn{color:#fff;background-color:#007bff;display:none}.next-btn:hover{background-color:#0069d9}@media (width<=480px){.question-wrap{padding:15px 10px}.question-text{font-size:14px}.answer-item{padding:1px;font-size:12px;line-height:24px}.answer-index{min-width:30px;font-size:14px;line-height:24px}.answer-text{font-size:14px;line-height:24px}.answer-box{max-height:60px!important}.empty-tip{padding:10px!important}}