《用户协议》 与 《隐私政策》

作业广场

请输入学号姓名并同意协议后查询作业
.btn-sm { padding: 6px 14px; font-size: 0.8rem; } .homework-area { background: #f9fbfe; border-radius: 28px; padding: 20px; border: 1px solid #e2edf7; margin-top: 10px; } .homework-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 20px; } .history-date { background: #eef3fc; border: none; padding: 8px 18px; border-radius: 30px; cursor: pointer; font-weight: 500; } .homework-item { background: white; border-radius: 24px; padding: 20px; margin-bottom: 25px; border-left: 6px solid #2b4c7c; box-shadow: 0 2px 8px rgba(0,0,0,0.03); } .homework-meta { font-size: 0.85rem; color: #6c86a3; margin-bottom: 10px; display: flex; gap: 15px; flex-wrap: wrap; } .homework-date { font-weight: 800; color: #1e3c72; margin-bottom: 12px; } .homework-images { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; } .homework-image { max-width: 100%; max-height: 300px; border-radius: 20px; object-fit: cover; } .empty-homework { text-align: center; padding: 40px; color: #6c86a3; } .comments-container { margin-top: 20px; border-top: 1px solid #e2edf7; padding-top: 15px; } .comment { background: #f8fafd; border-radius: 20px; padding: 10px 15px; margin-bottom: 10px; } .comment-reply { margin-left: 30px; border-left: 2px solid #cfdfed; padding-left: 15px; margin-top: 8px; } .action-buttons { display: flex; gap: 12px; margin-top: 12px; flex-wrap: wrap; } .like-btn, .comment-btn, .add-comment-btn, .del-hw-btn, .edit-hw-btn, .del-comment-btn, .reply-comment-btn, .comment-like-btn { background: none; border: none; padding: 6px 14px; border-radius: 30px; font-weight: 500; cursor: pointer; transition: 0.2s; display: inline-flex; align-items: center; gap: 6px; } .like-btn { background: #ffeaea; color: #e74c3c; } .like-btn:hover { background: #ffd0d0; transform: scale(1.02); } .comment-btn, .add-comment-btn, .reply-comment-btn, .comment-like-btn { background: #eef3fc; color: #2b4c7c; } .comment-btn:hover, .add-comment-btn:hover, .reply-comment-btn:hover, .comment-like-btn:hover { background: #e2eaf5; } .del-hw-btn { background: #fee; color: #c2412c; } .edit-hw-btn { background: #eef3fc; color: #1e3c72; } .del-comment-btn { background: #fee; color: #c2412c; font-size: 0.8rem; padding: 2px 8px; } .admin-panel { background: white; border-radius: 28px; padding: 20px; margin-top: 25px; border: 1px solid #cbd5e1; display: none; } .admin-tabs { display: flex; gap: 12px; flex-wrap: wrap; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px; margin-bottom: 20px; } .tab-btn { background: none; border: none; padding: 8px 20px; font-weight: 600; border-radius: 40px; cursor: pointer; transition: 0.2s; } .tab-btn.active { background: #1e3c72; color: white; } .admin-section { display: none; } .admin-section.active-section { display: block; } .data-form { background: #f8fafd; border-radius: 24px; padding: 20px; margin-bottom: 25px; } .form-grid { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 15px; align-items: flex-end; } .form-group { margin-bottom: 16px; } .form-group label { display: block; margin-bottom: 6px; font-weight: 500; } input, textarea, select { border-radius: 30px; border: 1.5px solid #cfdfed; padding: 10px 16px; width: 100%; transition: 0.2s; } input:focus, textarea:focus, select:focus { outline: none; border-color: #2b4c7c; box-shadow: 0 0 0 3px rgba(43,76,124,0.2); } .table-wrapper { overflow-x: auto; border-radius: 20px; margin-top: 12px; } table { width: 100%; border-collapse: collapse; background: white; border-radius: 20px; } th, td { padding: 12px 8px; text-align: left; border-bottom: 1px solid #e2edf7; white-space: nowrap; } .upload-area { border: 2px dashed #b9d0f0; border-radius: 20px; padding: 15px; background: #ffffff; text-align: center; cursor: pointer; margin: 10px 0; transition: 0.2s; } .upload-area:hover { border-color: #2b4c7c; background: #f0f6ff; } .image-preview-list { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; } .preview-img { width: 100px; height: 100px; object-fit: cover; border-radius: 12px; border: 1px solid #ddd; } .modal { display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6); align-items: center; justify-content: center; z-index: 1000; } .modal-card { background: white; max-width: 700px; width: 90%; border-radius: 32px; padding: 25px; max-height: 85vh; overflow-y: auto; position: relative; } .modal-close { position: absolute; top: 18px; right: 22px; font-size: 28px; cursor: pointer; background: none; border: none; color: #888; } .modal-close:hover { color: #c2412c; } .modal-card h1, .modal-card h2, .modal-card h3 { font-size: 1.2rem; margin-top: 1em; } video { width: 100%; border-radius: 20px; background: #000; } .camera-controls { margin: 10px 0; display: flex; gap: 10px; } .feedback-btn { position: fixed; bottom: 25px; right: 25px; background: #2b4c7c; color: white; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 14px rgba(0,0,0,0.2); cursor: pointer; z-index: 100; font-size: 26px; } @media (max-width:700px) { .main-content{ padding: 16px; } .form-row{ flex-direction: column; } } .announcement { background: #fff9e6; border-left: 6px solid #f39c12; border-radius: 20px; padding: 15px 20px; margin-bottom: 20px; display: none; } .announcement h4 { margin-bottom: 8px; color: #e67e22; display: flex; align-items: center; gap: 8px; } .announcement-content { line-height: 1.6; }
《用户协议》 与 《隐私政策》

作业广场

请输入学号姓名并同意协议后查询作业
.btn-sm { padding: 6px 14px; font-size: 0.8rem; } .homework-area { background: #f9fbfe; border-radius: 28px; padding: 20px; border: 1px solid #e2edf7; margin-top: 10px; } .homework-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 20px; } .history-date { background: #eef3fc; border: none; padding: 8px 18px; border-radius: 30px; cursor: pointer; font-weight: 500; } .homework-item { background: white; border-radius: 24px; padding: 20px; margin-bottom: 25px; border-left: 6px solid #2b4c7c; box-shadow: 0 2px 8px rgba(0,0,0,0.03); } .homework-meta { font-size: 0.85rem; color: #6c86a3; margin-bottom: 10px; display: flex; gap: 15px; flex-wrap: wrap; } .homework-date { font-weight: 800; color: #1e3c72; margin-bottom: 12px; } .homework-images { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; } .homework-image { max-width: 100%; max-height: 300px; border-radius: 20px; object-fit: cover; } .empty-homework { text-align: center; padding: 40px; color: #6c86a3; } .comments-container { margin-top: 20px; border-top: 1px solid #e2edf7; padding-top: 15px; } .comment { background: #f8fafd; border-radius: 20px; padding: 10px 15px; margin-bottom: 10px; } .comment-reply { margin-left: 30px; border-left: 2px solid #cfdfed; padding-left: 15px; margin-top: 8px; } .action-buttons { display: flex; gap: 12px; margin-top: 12px; flex-wrap: wrap; } .like-btn, .comment-btn, .add-comment-btn, .del-hw-btn, .edit-hw-btn, .del-comment-btn, .reply-comment-btn, .comment-like-btn { background: none; border: none; padding: 6px 14px; border-radius: 30px; font-weight: 500; cursor: pointer; transition: 0.2s; display: inline-flex; align-items: center; gap: 6px; } .like-btn { background: #ffeaea; color: #e74c3c; } .like-btn:hover { background: #ffd0d0; transform: scale(1.02); } .comment-btn, .add-comment-btn, .reply-comment-btn, .comment-like-btn { background: #eef3fc; color: #2b4c7c; } .comment-btn:hover, .add-comment-btn:hover, .reply-comment-btn:hover, .comment-like-btn:hover { background: #e2eaf5; } .del-hw-btn { background: #fee; color: #c2412c; } .edit-hw-btn { background: #eef3fc; color: #1e3c72; } .del-comment-btn { background: #fee; color: #c2412c; font-size: 0.8rem; padding: 2px 8px; } .admin-panel { background: white; border-radius: 28px; padding: 20px; margin-top: 25px; border: 1px solid #cbd5e1; display: none; } .admin-tabs { display: flex; gap: 12px; flex-wrap: wrap; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px; margin-bottom: 20px; } .tab-btn { background: none; border: none; padding: 8px 20px; font-weight: 600; border-radius: 40px; cursor: pointer; transition: 0.2s; } .tab-btn.active { background: #1e3c72; color: white; } .admin-section { display: none; } .admin-section.active-section { display: block; } .data-form { background: #f8fafd; border-radius: 24px; padding: 20px; margin-bottom: 25px; } .form-grid { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 15px; align-items: flex-end; } .form-group { margin-bottom: 16px; } .form-group label { display: block; margin-bottom: 6px; font-weight: 500; } input, textarea, select { border-radius: 30px; border: 1.5px solid #cfdfed; padding: 10px 16px; width: 100%; transition: 0.2s; } input:focus, textarea:focus, select:focus { outline: none; border-color: #2b4c7c; box-shadow: 0 0 0 3px rgba(43,76,124,0.2); } table { width: 100%; border-collapse: collapse; background: white; border-radius: 20px; } th, td { padding: 12px 8px; text-align: left; border-bottom: 1px solid #e2edf7; } .upload-area { border: 2px dashed #b9d0f0; border-radius: 20px; padding: 15px; background: #ffffff; text-align: center; cursor: pointer; margin: 10px 0; transition: 0.2s; } .upload-area:hover { border-color: #2b4c7c; background: #f0f6ff; } .image-preview-list { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; } .preview-img { width: 100px; height: 100px; object-fit: cover; border-radius: 12px; border: 1px solid #ddd; } .modal { display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6); align-items: center; justify-content: center; z-index: 1000; } .modal-card { background: white; max-width: 700px; width: 90%; border-radius: 32px; padding: 25px; max-height: 85vh; overflow-y: auto; position: relative; } .modal-close { position: absolute; top: 18px; right: 22px; font-size: 28px; cursor: pointer; background: none; border: none; color: #888; } .modal-close:hover { color: #c2412c; } .modal-card h1, .modal-card h2, .modal-card h3 { font-size: 1.2rem; margin-top: 1em; } video { width: 100%; border-radius: 20px; background: #000; } .camera-controls { margin: 10px 0; display: flex; gap: 10px; } .feedback-btn { position: fixed; bottom: 25px; right: 25px; background: #2b4c7c; color: white; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 14px rgba(0,0,0,0.2); cursor: pointer; z-index: 100; font-size: 26px; } @media (max-width:700px) { .main-content{ padding: 16px; } .form-row{ flex-direction: column; } } /* 表格滚动条 */ .table-wrapper { overflow-x: auto; border-radius: 20px; }
《用户协议》 与 《隐私政策》

作业广场

请输入学号姓名并同意协议后查询作业
.homework-area { background: #f9fbfe; border-radius: 28px; padding: 20px; border: 1px solid #e2edf7; margin-top: 10px; } .homework-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 20px; } .history-date { background: #eef3fc; border: none; padding: 8px 18px; border-radius: 30px; cursor: pointer; font-weight: 500; } .homework-item { background: white; border-radius: 24px; padding: 20px; margin-bottom: 25px; border-left: 6px solid #2b4c7c; box-shadow: 0 2px 8px rgba(0,0,0,0.03); } .homework-meta { font-size: 0.85rem; color: #6c86a3; margin-bottom: 10px; display: flex; gap: 15px; flex-wrap: wrap; } .homework-date { font-weight: 800; color: #1e3c72; margin-bottom: 12px; } .homework-images { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; } .homework-image { max-width: 100%; max-height: 300px; border-radius: 20px; object-fit: cover; } .empty-homework { text-align: center; padding: 40px; color: #6c86a3; } .comments-container { margin-top: 20px; border-top: 1px solid #e2edf7; padding-top: 15px; } .comment { background: #f8fafd; border-radius: 20px; padding: 10px 15px; margin-bottom: 10px; } .comment-reply { margin-left: 30px; border-left: 2px solid #cfdfed; padding-left: 15px; margin-top: 8px; } .action-buttons { display: flex; gap: 12px; margin-top: 12px; flex-wrap: wrap; } .like-btn, .comment-btn, .add-comment-btn, .del-hw-btn, .edit-hw-btn, .del-comment-btn, .reply-comment-btn, .comment-like-btn { background: none; border: none; padding: 6px 14px; border-radius: 30px; font-weight: 500; cursor: pointer; transition: 0.2s; display: inline-flex; align-items: center; gap: 6px; } .like-btn { background: #ffeaea; color: #e74c3c; } .like-btn:hover { background: #ffd0d0; transform: scale(1.02); } .comment-btn, .add-comment-btn, .reply-comment-btn, .comment-like-btn { background: #eef3fc; color: #2b4c7c; } .comment-btn:hover, .add-comment-btn:hover, .reply-comment-btn:hover, .comment-like-btn:hover { background: #e2eaf5; } .del-hw-btn { background: #fee; color: #c2412c; } .edit-hw-btn { background: #eef3fc; color: #1e3c72; } .del-comment-btn { background: #fee; color: #c2412c; font-size: 0.8rem; padding: 2px 8px; } .admin-panel { background: white; border-radius: 28px; padding: 20px; margin-top: 25px; border: 1px solid #cbd5e1; display: none; } .admin-tabs { display: flex; gap: 12px; flex-wrap: wrap; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px; margin-bottom: 20px; } .tab-btn { background: none; border: none; padding: 8px 20px; font-weight: 600; border-radius: 40px; cursor: pointer; transition: 0.2s; } .tab-btn.active { background: #1e3c72; color: white; } .admin-section { display: none; } .admin-section.active-section { display: block; } .data-form { background: #f8fafd; border-radius: 24px; padding: 20px; margin-bottom: 25px; } .form-grid { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 15px; align-items: flex-end; } .form-group { margin-bottom: 16px; } .form-group label { display: block; margin-bottom: 6px; font-weight: 500; } input, textarea, select { border-radius: 30px; border: 1.5px solid #cfdfed; padding: 10px 16px; width: 100%; transition: 0.2s; } input:focus, textarea:focus, select:focus { outline: none; border-color: #2b4c7c; box-shadow: 0 0 0 3px rgba(43,76,124,0.2); } table { width: 100%; border-collapse: collapse; background: white; border-radius: 20px; overflow: auto; display: block; } th, td { padding: 12px 8px; text-align: left; border-bottom: 1px solid #e2edf7; } .upload-area { border: 2px dashed #b9d0f0; border-radius: 20px; padding: 15px; background: #ffffff; text-align: center; cursor: pointer; margin: 10px 0; transition: 0.2s; } .upload-area:hover { border-color: #2b4c7c; background: #f0f6ff; } .image-preview-list { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; } .preview-img { width: 100px; height: 100px; object-fit: cover; border-radius: 12px; border: 1px solid #ddd; } .modal { display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.6); align-items: center; justify-content: center; z-index: 1000; } .modal-card { background: white; max-width: 700px; width: 90%; border-radius: 32px; padding: 25px; max-height: 85vh; overflow-y: auto; position: relative; } .modal-close { position: absolute; top: 18px; right: 22px; font-size: 28px; cursor: pointer; background: none; border: none; color: #888; } .modal-close:hover { color: #c2412c; } .modal-card h1, .modal-card h2, .modal-card h3 { font-size: 1.2rem; margin-top: 1em; } video { width: 100%; border-radius: 20px; background: #000; } .camera-controls { margin: 10px 0; display: flex; gap: 10px; } .feedback-btn { position: fixed; bottom: 25px; right: 25px; background: #2b4c7c; color: white; width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 14px rgba(0,0,0,0.2); cursor: pointer; z-index: 100; font-size: 26px; } @media (max-width:700px) { .main-content{ padding: 16px; } .form-row{ flex-direction: column; } } /* 修复表格错位 */ .admin-section table { display: table; width: 100%; overflow-x: auto; } .admin-section td, .admin-section th { white-space: nowrap; }
《用户协议》 与 《隐私政策》

作业广场

请输入学号姓名并同意协议后查询作业