?啣?蝺渡?蝝??瘞湔蝺渡??芋??/title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet"> <link href="../../css/style.css" rel="stylesheet"> </head> <body> <nav class="navbar navbar-expand-lg navbar-dark sk-navbar sticky-top"> <div class="container"> <a class="navbar-brand" href="../index.html"><i class="bi bi-gem me-1"></i>瘞湔蝺渡??芋??/a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="mainNav"> <ul class="navbar-nav ms-auto align-items-lg-center gap-lg-1"> <li class="nav-item"><a class="nav-link" href="../index.html">蝺渡?摰日???/a></li> <li class="nav-item"><a class="nav-link" href="../index.html#today">隞閮毀</a></li> <li class="nav-item"><a class="nav-link active" href="index.html">??蝺渡?蝝??/a></li> <li class="nav-item"><a class="nav-link disabled" href="#" aria-disabled="true">隤脩?摨?/a></li> <li class="nav-item"><a class="nav-link" href="../index.html#progress">?犖?脣漲</a></li> <li class="nav-item ms-lg-2"> <a class="btn btn-brand btn-sm" href="../admin/index.html">敺蝞∠?</a> </li> </ul> </div> </div> </nav> <main class="container py-5"> <h1 class="h3 mb-4 text-white"><i class="bi bi-plus-circle me-2"></i>?啣?蝺渡?蝝??/h1> <div class="card sk-card sk-surface p-4" style="max-width: 42rem;"> <form> <div class="row g-3"> <div class="col-md-6"> <label for="practiceDate" class="form-label">蝺渡??交?</label> <input type="date" class="form-control" id="practiceDate"> </div> <div class="col-md-6"> <label for="practiceType" class="form-label">閮毀憿?</label> <select class="form-select" id="practiceType"> <option>vocal</option> <option>??</option> <option>Rap</option> <option>?銵函</option> <option>擃</option> </select> </div> <div class="col-md-6"> <label for="practiceSong" class="form-label">蝺渡?甇</label> <select class="form-select" id="practiceSong"> <option>Couple</option> <option>Road Fighter</option> <option>Com' Back</option> <option>Chivalry</option> <option>The Way This Guy Lives</option> </select> </div> <div class="col-md-6"> <label for="practiceMinutes" class="form-label">蝺渡?????/label> <input type="number" class="form-control" id="practiceMinutes" placeholder="靘?嚗?0"> </div> <div class="col-12"> <label for="practiceContent" class="form-label">蝺渡??批捆</label> <textarea class="form-control" id="practiceContent" rows="2" placeholder="靘?嚗甇粥雿??耦頧?"></textarea> </div> <div class="col-12"> <label for="practiceCompletion" class="form-label d-flex justify-content-between"> <span>隞摰?摨?/span> <span class="text-body-secondary" id="completionValue">50%</span> </label> <input type="range" class="form-range" id="practiceCompletion" min="0" max="100" value="50" oninput="document.getElementById('completionValue').textContent = this.value + '%'"> </div> <div class="col-12"> <label for="practiceNote" class="form-label">蝺渡?敹?</label> <textarea class="form-control" id="practiceNote" rows="3" placeholder="隞予蝺渡????唾??閬?撘瑞??唳"></textarea> </div> <div class="col-12"> <div class="form-check form-switch"> <input class="form-check-input" type="checkbox" role="switch" id="practiceDone"> <label class="form-check-label" for="practiceDone">?臬摰?</label> </div> </div> </div> <div class="d-flex gap-2 mt-4"> <button type="submit" class="btn btn-brand">?脣?</button> <a class="btn btn-outline-brand" href="index.html">??</a> </div> </form> </div> </main> <footer class="sk-footer text-center py-4"> <small>© 2026 瘞湔蝺渡?摰?/small> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> </body> </html>